udp-stencil-component-library 1.0.2 → 1.0.3

package/dist/stencil-library/p-5ac16f81.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["udpFormsBuilderCss","emptyStyleOverrides","background","backgroundImage","backgroundColor","headerBackgroundColor","fontFamily","helperText","variant","questionText","titleText","paragraphText","formSectionDefault","title","sectionText","sectionProperties","formQuestions","UdpFormsBuilder","constructor","hostRef","this","formMetadata","formSections","formSectionsDraft","isNewForm","isMostRecentFormVersion","isError","isLoading","isShowStyleOverrides","isStyleSheetOpen","isDialogOpen","showMenuAtIndex","editingQuestion","editingSection","isQuestionEditorOpen","isSectionEditorOpen","dialogMessage","sortableInstances","pageBuilderId","toggleStyleSheet","getQuestionTypeName","fieldTypeId","question","questionsTemplate","find","q","questionTypeName","getIsContainsOptionItems","isContainsOptionItems","getIconForQuestion","icon","handleQuestionDelete","sIndex","qIndex","sectionsCopy","deepCloneFormSections","splice","handleQuestionCopy","targetQuestion","newQuestion","Object","assign","id","uuidv4","handleQuestionClick","closeQuestionEditor","addQuestionOfType","defaultQuestionObj","fieldProperties","defaultFieldProperties","section","undefined","length","required","form","isPrivate","newFormSections","actualSIndex","actualQIndex","lastSectionIdx","push","handleSectionMoveDown","handleSectionMoveUp","handleSectionDelete","updateFormSectionsWithDraft","hasUnsavedFormSectionsChanges","JSON","stringify","handleSectionEditClick","closeSectionEditor","initializeForm","tenantId","getCurrentTenantId","type","version","name","description","styleOverrides","lookupResponse","makeApiCall","ConfigService","productV1ApiUrl","Error","lookupOptionsDataProcessed","map","lookupObj","value","label","formId","formDataResponse","formLatestVersionResponse","tempSections","structuredClone","udpFormUdpFormSection","forEach","parse","s","formSectionId","fieldProps","items","sort","a","b","questionOrder","order","metadata","__rest","deepMerge","e","enqueueSnackbar","anchorOrigin","vertical","horizontal","submitForm","validateForm","processedFormMetadata","formUrl","formResponse","formVersion","sectionOrder","questionRequests","entries","processedSectionData","sectionResponse","sectionId","processedQuestionData","questionRequest","Promise","all","history","error","console","componentDidLoad","initializeSortable","componentDidUpdate","componentWillLoad","onFormIdOrVersionChange","instance","destroy","_","el","hostEl","shadowRoot","querySelector","sortable","Sortable","animation","easing","draggable","handle","ghostClass","chosenClass","direction","forceFallback","dragoverBubble","swapThreshold","onEnd","evt","handleDragEnd","oldIndex","newIndex","sectionCopy","moved","target","source","output","key","Array","isArray","validateFormMetadata","validateAllQuestions","formSection","validateQuestionItem","questionItem","lookupId","invalidItemExists","some","item","display","render","h","isEditable","actionButtonLabel","primaryActionClick","defaultActionButtons","clickHandler","tooltip","visible","getIconFromName","tabs","open","onUdpSideSheetClose","position","width","onFormMetadataChange","updated","onUdpPrimaryButtonClick","primaryButtonDisabled","primaryButtonLabel","class","isViewOnly","onFormSectionsDraftChange","lookupOptions","message","labelOne","labelTwo","actionOne","dialogAction","actionTwo","maxWidth","placeholder","disabled","margin","onInput","checked","labelPosition","onToggledChange","newIsPrivate","startIcon","iconName","color","onClick","newSectionIndex","stopPropagation","isVisible","onAddSection","onAddQuestion","indices","detail","onCancelClick","primaryText","secondaryText","avatarBackgroundColor","slot","text","showDelete","clickable","hidden","noBackground","_a","_b"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder.css?tag=udp-forms-builder&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder.tsx"],"sourcesContent":[":host {\n  display: block;\n    --udp-form-primary-color: #007bff; /* Example primary color */\n  --udp-form-spacing-unit: 16px;\n\n}\n\n/* ################### FORM PAGE ################### */\n.udp-forms-page {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-06, 32px);\n  /* background-color: white; */\n  padding: var(--spacing-06, 32px);\n  padding-bottom: var(--spacing-12);\n}\n\n\n.form-section-questions-container {\n  display: flex;\n  flex-direction: column;\n}\n\n\n/* ################### FORM METADATA ################### */\n\n\n.form-details-container {\n  display: flex;\n  flex-direction: column;\n  /* align-items: flex-start; */\n  /* margin: 0 2rem; */\n  /* gap: var(--spacing-05, 24px); */\n  padding: var(--spacing-05, 24px);\n  background-color: var(--card-background-color, white);\n}\n\n.form-details-version-container {\n  margin-bottom: var(--spacing-05)\n}\n\n.udp-form-builder-field-container,\n.udp-forms-builder-item-generic-configs,\n.udp-forms-builder-item-specific-configs {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-04, 16px);\n}\n\n/* ################### SECTIONS ################### */\n.form-section {\n  /* background-color: var(--primary-color-alpha-15); */\n  /* border: 2px solid var(--primary-color-alpha-50); */\n  /* border-radius: 8px; */\n  /* padding: var(--spacing-04); */\n}\n\n\n.form-section-header {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  background-color: var(--primary-color-dark, #000);\n  color: var(--primary-contrast-text, #FFF);\n  padding: var(--spacing-04, 16px) var(--spacing-05, 24px);\n  /* margin-bottom: var(--spacing-04); */\n  align-items: center;\n}\n\n.add-question-button-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.question-editor-container {\n  padding: var(--spacing-05, 24px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05, 24px);\n}\n\n.add-question-to-section-button-container {\n  padding: var(--spacing-02, 8px) 0;\n  margin: auto;\n}\n\n.sortable-ghost {\n  opacity: 0.5;\n  transform: scale(0.98);\n  background: #f4f4f4;\n  border: 1px dashed #ccc;\n}\n\n.sortable-chosen {\n  background: #eef6ff;\n  box-shadow: 0 0 4px 2px rgba(51, 153, 255, 0.3);\n}\n\n.form-question-drag-handle {\n  transform: rotate(90deg);\n  cursor: grab;\n}\n\n.form-question-drag-handle:active {\n  cursor: grabbing;\n}\n\n.form-question-drag-handle .drag-wrapper {\n  cursor: inherit;\n}\n\n.form-question-drag-handle stencil-icon-button {\n  pointer-events: none; /* disables click so cursor applies from parent */\n}\n\n\n","import { Component, h, State, Prop, Watch } from '@stencil/core';\nimport { Guid } from '../types';\nimport { makeApiCall } from '../../../../../../udp-utilities/api/makeApiCall/makeApiCall';\nimport questionsTemplate from './udp-forms-builder-question-template';\nimport { getIconFromName } from '../../../data-display/icons/iconUtils';\nimport { ConfigService } from '../../../../../../udp-utilities/api-config';\nimport { getCurrentTenantId } from 'src/udp-utilities/tenant/tenantUtils';\nimport { deepCloneFormSections } from './forms-builder-utils';\nimport Sortable from 'sortablejs';\nimport { Element } from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\nconst emptyStyleOverrides = {\n  background: {\n    backgroundImage: '',\n    backgroundColor: '',\n  },\n  headerBackgroundColor: '',\n  fontFamily: '',\n  helperText: {\n    variant: '',\n    fontFamily: '',\n  },\n  questionText: {\n    variant: '',\n    fontFamily: '',\n  },\n  titleText: {\n    variant: '',\n    fontFamily: '',\n  },\n  paragraphText: {\n    variant: '',\n    fontFamily: '',\n  },\n};\n\nconst formSectionDefault = {\n  title: '',\n  sectionText: '',\n  sectionProperties: '{}',\n  formQuestions: [],\n};\n\n@Component({\n  tag: 'udp-forms-builder',\n  styleUrl: 'udp-forms-builder.css',\n  shadow: true,\n})\nexport class UdpFormsBuilder {\n  @Element() private hostEl: HTMLElement;\n\n  @Prop() formId: Guid;\n  @Prop() version: number;\n  @Prop() enqueueSnackbar: any;\n  @Prop() closeSnackbar: any;\n  @Prop() history: any;\n\n  @State() formMetadata: any = {};\n  @State() formSections: any[] = [];\n  @State() formSectionsDraft: any[] = [];\n  @State() isNewForm: boolean = true;\n  @State() isMostRecentFormVersion: boolean = false;\n\n  @State() isError: boolean = false;\n  @State() isLoading: boolean = false;\n\n  @State() isShowStyleOverrides: boolean = false;\n  @State() isStyleSheetOpen: boolean = false;\n  @State() isDialogOpen: boolean = false;\n  @State() showMenuAtIndex: { sIndex: number; qIndex: number } | null = null;\n  @State() editingQuestion: { sIndex: number; qIndex: number } | null = null;\n  @State() editingSection: { sIndex: number } | null = null;\n  @State() isQuestionEditorOpen: boolean = false;\n  @State() isSectionEditorOpen: boolean = false;\n  @State() lookupOptionsDataProcessed: [];\n\n  @State() dialogAction: () => void;\n  @State() dialogMessage: string = 'Are you sure you want to delete this?';\n  \n  private sortableInstances: Sortable[] = [];\n  private pageBuilderId = 'c77aa2c8-f8b8-41af-aa77-c8612fc918c1';\n\n  // ********************************** API CALLS **********************************\n\n  async initializeForm() {\n    // set default form values\n    this.formMetadata.isPrivate = true;\n    this.formMetadata.tenantId = getCurrentTenantId();\n    this.formMetadata.type = 1;\n    this.formMetadata.version = 1;\n    this.formMetadata.name = 'Form Name';\n    this.formMetadata.description = 'Form Description';\n    this.formMetadata.styleOverrides = emptyStyleOverrides;\n\n    try {\n      this.isLoading = true;\n\n      // get lookup options\n      const lookupResponse = await makeApiCall('GET', ConfigService.productV1ApiUrl + '/UdpLookup');\n\n      if (!lookupResponse) {\n        throw new Error(`Error fetching lookup data`);\n      }\n\n      this.lookupOptionsDataProcessed = lookupResponse.map(lookupObj => {\n        return { ...lookupObj, value: lookupObj.id, label: lookupObj.name };\n      });\n\n      // determine if it's to create a new form, view an old form, or create a new version\n      if (this.formId && this.version) {\n        const formDataResponse = await makeApiCall('GET', `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/${this.version}/describe`);\n        const formLatestVersionResponse = await makeApiCall('GET', `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/describe`);\n\n        this.isNewForm = false;\n\n        if (!formDataResponse || !formLatestVersionResponse || !formDataResponse.id || !formLatestVersionResponse) {\n          throw new Error(`Error fetching form data`);\n        }\n\n        // view only mode\n        if (formDataResponse.id == formLatestVersionResponse.id && formDataResponse.version == formLatestVersionResponse.version) {\n          this.isMostRecentFormVersion = true;\n        }\n\n        // Clone formSections and initialize empty question arrays\n        const tempSections = structuredClone(formDataResponse.udpFormUdpFormSection).map(section => ({ ...section, formQuestions: [] }));\n        tempSections.forEach(section => {\n           if(!section.sectionProperties) {\n              section.sectionProperties = {}\n            } else {\n              section.sectionProperties = JSON.parse(section.sectionProperties)\n            }\n        })\n\n\n        // Map questions into their respective sections\n        formDataResponse.formQuestions.forEach(question => {\n          const section = tempSections.find(s => s.id === question.formSectionId);\n          if (section) {\n            const fieldProps = { ...question.fieldProperties };\n\n            // Remove items if lookupId exists\n            if ('lookupId' in fieldProps && 'items' in fieldProps) {\n              delete fieldProps.items;\n            }\n\n            section.formQuestions.push({\n              ...question,\n              fieldProperties: fieldProps,\n              questionTypeName: this.getQuestionTypeName(question.fieldTypeId),\n              isContainsOptionItems: this.getIsContainsOptionItems(question.fieldTypeId),\n              icon: this.getIconForQuestion(question.fieldTypeId),\n            });\n\n           \n          }\n        });\n\n        // Sort questions within each section\n        tempSections.forEach(section => {\n          section.formQuestions.sort((a, b) => a.questionOrder - b.questionOrder);\n        });\n\n        // Sort sections\n        tempSections.sort((a, b) => a.order - b.order)\n\n\n        const { ...metadata } = formDataResponse;\n\n        // Merge fetched styleOverrides with defaults\n        metadata.styleOverrides = this.deepMerge(emptyStyleOverrides, JSON.parse(metadata.styleOverrides) || {});\n\n        // Set form metadata and sections\n        this.formMetadata = metadata;\n        this.formSections = tempSections;\n        this.isLoading = false;\n      }\n    } catch (e) {\n      this.isError = true;\n\n      this.enqueueSnackbar('Error loading form data', {\n        variant: 'error',\n        anchorOrigin: { vertical: 'top', horizontal: 'center' },\n      });\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  async submitForm() {\n    this.isLoading = true;\n\n    try {\n      if (!this.validateForm()) {\n        // return;\n      }\n\n      // Prepare and send form metadata\n      const processedFormMetadata = {\n        name: this.formMetadata.name,\n        description: this.formMetadata.description,\n        tenantId: this.formMetadata.tenantId,\n        isPrivate: this.formMetadata.isPrivate,\n        type: this.formMetadata.type,\n        styleOverrides: JSON.stringify(this.formMetadata.styleOverrides),\n        id: this.formMetadata.id,\n        version: this.formMetadata.version,\n      };\n\n\n      const formUrl = `${ConfigService.productV1ApiUrl}/UdpForm${this.isMostRecentFormVersion ? '/versions' : ''}`;\n      const formResponse = await makeApiCall('POST', formUrl, processedFormMetadata);\n\n      const formId = formResponse.id;\n      const formVersion = formResponse.version;\n\n      if (!formResponse || !formResponse.id || !formResponse.version) {\n        throw new Error(`Invalid form response: ${JSON.stringify(formResponse)}`);\n      }\n\n      // Prepare and send questions in order\n      let sectionOrder = 0;\n      let questionOrder = 0;\n      const questionRequests: Promise<any>[] = [];\n\n      for (const [sIndex, section] of this.formSections.entries()) {\n        sectionOrder += 1;\n\n        const processedSectionData = {\n          ...section,\n          formId,\n          formVersion,\n          order: sectionOrder,\n          sectionProperties: JSON.stringify(section.sectionProperties),\n        };\n\n        const sectionResponse = await makeApiCall('POST', `${ConfigService.productV1ApiUrl}/UdpFormSection`, processedSectionData);\n\n        if (!sectionResponse || !sectionResponse.id) {\n          throw new Error(`Invalid section response: ${JSON.stringify(sectionResponse)}`);\n        }\n\n        const sectionId = sectionResponse.id;\n\n        for (const question of section.formQuestions) {\n          questionOrder += 1;\n\n          const processedQuestionData = {\n            ...question,\n            formId,\n            formVersion,\n            section: sIndex + 1,\n            questionOrder,\n            formSectionId: sectionId,\n            name: `question${questionOrder}`,\n          };\n\n          const questionRequest = makeApiCall('POST', `${ConfigService.productV1ApiUrl}/UdpFormQuestion`, processedQuestionData);\n          questionRequests.push(questionRequest);\n        }\n      }\n\n      // Wait for all questions to be submitted\n      await Promise.all(questionRequests);\n\n      this.enqueueSnackbar('Success', {\n        variant: 'success',\n        anchorOrigin: { vertical: 'top', horizontal: 'center' },\n      });\n\n      this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${formId}&udpf_version=${formVersion}`);\n    } catch (error) {\n      console.error('Form submission error:', error);\n      this.enqueueSnackbar('Error saving form', {\n        variant: 'error',\n        anchorOrigin: { vertical: 'top', horizontal: 'center' },\n      });\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  // ********************************** STENCIL RELATED **********************************\n\n  componentDidLoad() {\n    this.initializeSortable();\n  }\n\n  componentDidUpdate() {\n    this.initializeSortable();\n  }\n\n  componentWillLoad() {\n    this.initializeForm();\n  }\n\n  // @Watch('formSections')\n  // onFormSectionsChange(newValue: any[]) {\n  //   console.log(newValue);\n  // }\n\n  // @Watch('formMetadata')\n  // onFormMetadataChange(newValue) {\n  //   console.log(newValue);\n  // }\n\n  @Watch('formId')\n  @Watch('version')\n  onFormIdOrVersionChange() {\n    this.initializeForm();\n  }\n\n  // ********************************** SORTABLE LOGIC **********************************\n\n  private initializeSortable() {\n    // sortable only if the form is editable\n    if (!(this.isNewForm || this.isMostRecentFormVersion)) {\n      return;\n    }\n\n    this.sortableInstances.forEach(instance => instance.destroy());\n    this.sortableInstances = [];\n\n    this.formSections.forEach((_, sIndex) => {\n      const el = this.hostEl.shadowRoot.querySelector(`#section-${sIndex}`);\n      if (el) {\n        const sortable = new Sortable(el, {\n          animation: 200,\n          easing: 'cubic-bezier(0.25, 1, 0.5, 1)',\n          draggable: 'udp-forms-builder-question-item',\n          handle: '.form-question-drag-handle',\n          ghostClass: 'sortable-ghost',\n          chosenClass: 'sortable-chosen',\n          direction: 'vertical',\n          forceFallback: false,\n          dragoverBubble: false,\n          swapThreshold: 0.6,\n          onEnd: evt => this.handleDragEnd(evt, sIndex),\n        });\n        this.sortableInstances.push(sortable);\n      }\n    });\n  }\n\n  private handleDragEnd(evt: Sortable.SortableEvent, sIndex: number) {\n    const oldIndex = evt.oldIndex;\n    const newIndex = evt.newIndex;\n    if (oldIndex === newIndex || oldIndex == null || newIndex == null) return;\n\n    const sectionCopy = structuredClone(this.formSections[sIndex]);\n    const [moved] = sectionCopy.formQuestions.splice(oldIndex, 1);\n    sectionCopy.formQuestions.splice(newIndex, 0, moved);\n\n    // const newFormSections = [...this.formSections];\n    const newFormSections = deepCloneFormSections(this.formSections);\n    newFormSections[sIndex] = sectionCopy;\n\n    this.formSections = newFormSections;\n  }\n\n  // ********************************** SIDE SHEET LOGIC **********************************\n\n  private toggleStyleSheet = () => {\n    this.isStyleSheetOpen = !this.isStyleSheetOpen;\n  };\n\n  // ********************************** QUESTION HANDLERS **********************************\n  private getQuestionTypeName = fieldTypeId => {\n    const question = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return question ? question.questionTypeName : 'Unknown';\n  };\n\n  private getIsContainsOptionItems = fieldTypeId => {\n    const question = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return question ? question.isContainsOptionItems || false : false;\n  };\n\n  private getIconForQuestion = fieldTypeId => {\n    const question = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return question ? question.icon : null;\n  };\n\n  private handleQuestionDelete = (sIndex: number, qIndex: number) => {\n    const sectionsCopy = deepCloneFormSections(this.formSections);\n    sectionsCopy[sIndex].formQuestions.splice(qIndex, 1);\n    this.formSections = sectionsCopy;\n  };\n\n  private handleQuestionCopy = (sIndex: number, qIndex: number) => {\n    const sectionsCopy = deepCloneFormSections(this.formSections);\n    const targetQuestion = this.formSections[sIndex].formQuestions[qIndex];\n\n    const newQuestion = {\n      ...targetQuestion,\n      questionText: (targetQuestion.questionText || '') + ' (Copy)',\n      id: uuidv4(),\n    };\n\n    sectionsCopy[sIndex].formQuestions.splice(qIndex + 1, 0, newQuestion);\n    this.formSections = sectionsCopy;\n  };\n\n  private handleQuestionClick = (sIndex: number, qIndex: number) => {\n    this.editingQuestion = { sIndex, qIndex };\n    this.isQuestionEditorOpen = true;\n    this.formSectionsDraft = deepCloneFormSections(this.formSections);\n  };\n\n  private closeQuestionEditor = () => {\n    this.isQuestionEditorOpen = false;\n    this.editingQuestion = null;\n    this.formSectionsDraft = null;\n  };\n\n  private addQuestionOfType = (defaultQuestionObj, sIndex?: number, qIndex?: number): { sIndex: number; qIndex: number } => {\n    const newQuestion = {\n      questionTypeName: defaultQuestionObj.questionTypeName,\n      fieldTypeId: defaultQuestionObj.fieldTypeId,\n      fieldProperties: defaultQuestionObj.defaultFieldProperties,\n      helperText: '',\n      questionText: '',\n      section: sIndex !== undefined ? sIndex + 1 : this.formSections.length > 0 ? this.formSections[this.formSections.length - 1].formQuestions[0].section : 1, // Assign section based on sIndex or last section\n      isContainsOptionItems: defaultQuestionObj.isContainsOptionItems,\n      icon: defaultQuestionObj.icon,\n      required: true,\n      form: null,\n      isPrivate: true,\n      id: uuidv4(),\n    };\n\n    const newFormSections = deepCloneFormSections(this.formSections); // Use helper to get a deep copy\n\n    let actualSIndex = sIndex;\n    let actualQIndex = qIndex;\n\n    if (sIndex !== undefined && qIndex !== undefined) {\n      // Insert at specific index\n      if (newFormSections[sIndex].formQuestions) {\n        newFormSections[sIndex].formQuestions.splice(qIndex, 0, newQuestion);\n      } else {\n        // fallback\n        const lastSectionIdx = newFormSections.length - 1;\n        newFormSections[lastSectionIdx].formQuestions.push(newQuestion);\n        actualSIndex = lastSectionIdx;\n        actualQIndex = newFormSections[lastSectionIdx].formQuestions.length - 1;\n      }\n    } else {\n      // Append to the last section or create a new one\n      const lastSectionIdx = newFormSections.length - 1;\n      if (lastSectionIdx < 0 || newFormSections[lastSectionIdx].formQuestions.length === 0) {\n        newFormSections.push({ ...formSectionDefault, formQuestions: [newQuestion] });\n        actualSIndex = newFormSections.length - 1;\n        actualQIndex = 0;\n      } else {\n        newFormSections[lastSectionIdx].formQuestions.push(newQuestion);\n        actualSIndex = lastSectionIdx;\n        actualQIndex = newFormSections[lastSectionIdx].formQuestions.length - 1;\n      }\n    }\n\n    // this.formSections = newFormSections;\n    this.formSectionsDraft = newFormSections;\n    if (this.showMenuAtIndex) this.showMenuAtIndex = null;\n\n    return { sIndex: actualSIndex, qIndex: actualQIndex };\n  };\n\n  private deepMerge(target: any, source: any): any {\n    const output = { ...target };\n    for (const key in source) {\n      if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {\n        output[key] = this.deepMerge(target[key] || {}, source[key]);\n      } else {\n        output[key] = source[key];\n      }\n    }\n    return output;\n  }\n\n  // ********************************** SECTION HANDLERS **********************************\n\n  private handleSectionMoveDown = (sIndex: number) => {\n    if (sIndex >= this.formSections.length - 1) return;\n\n    const sectionsCopy = [...this.formSections];\n    [sectionsCopy[sIndex], sectionsCopy[sIndex + 1]] = [sectionsCopy[sIndex + 1], sectionsCopy[sIndex]];\n    this.formSections = sectionsCopy;\n  };\n\n  private handleSectionMoveUp = (sIndex: number) => {\n    if (sIndex <= 0) return;\n\n    const sectionsCopy = [...this.formSections];\n    [sectionsCopy[sIndex], sectionsCopy[sIndex - 1]] = [sectionsCopy[sIndex - 1], sectionsCopy[sIndex]];\n    this.formSections = sectionsCopy;\n  };\n\n  private handleSectionDelete = (sIndex: number) => {\n    const newFormSections = [...this.formSections];\n    newFormSections.splice(sIndex, 1);\n    this.formSections = newFormSections;\n  };\n\n  private updateFormSectionsWithDraft = () => {\n    this.formSections = this.formSectionsDraft;\n    this.formSectionsDraft = null;\n  };\n\n  private hasUnsavedFormSectionsChanges = (): boolean => {\n    // return !isEqual(this.formSections, this.formSectionsDraft); // NEED TO INSTALL PACKAGE\n    return JSON.stringify(this.formSections) !== JSON.stringify(this.formSectionsDraft); // Breaks on circular refs or non-serializable types (like Dates, Maps, etc.)\n  };\n\n  private handleSectionEditClick = (sIndex: number) => {\n    this.editingSection = { sIndex };\n    this.isSectionEditorOpen = true;\n    this.formSectionsDraft = deepCloneFormSections(this.formSections);\n  };\n\n  private closeSectionEditor = () => {\n    this.isSectionEditorOpen = false;\n    this.editingSection = null;\n    this.formSectionsDraft = null;\n  };\n\n  // ********************************** FORM VALIDATION HELPERS **********************************\n\n  private validateForm(): boolean {\n    return this.validateFormMetadata() && this.validateAllQuestions();\n  }\n\n  private validateFormMetadata(): boolean {\n    if (!this.formMetadata.title || !this.formMetadata.description) {\n      return false;\n    }\n\n    return true;\n  }\n\n  private validateAllQuestions(): boolean {\n    for (let sIndex = 0; sIndex < this.formSections.length; sIndex++) {\n      const formSection = this.formSections[sIndex];\n      for (let qIndex = 0; qIndex < formSection.length; qIndex++) {\n        if (!this.validateQuestionItem(sIndex, qIndex)) {\n          return false;\n        }\n      }\n    }\n    return true;\n  }\n\n  private validateQuestionItem(sIndex: number, qIndex: number): boolean {\n    const questionItem = this.formSections[sIndex].formQuestions[qIndex];\n\n    if (!questionItem.questionText) {\n      return false;\n    }\n\n    if (questionItem.isContainsOptionItems) {\n      const fieldProps = questionItem.fieldProperties;\n\n      // If there's a lookupId, assume it's valid and skip item validation\n      if (!fieldProps?.lookupId) {\n        // If no items or empty, invalid\n        if (!Array.isArray(fieldProps?.items) || fieldProps.items.length === 0) {\n          return false;\n        }\n\n        // Check that each item has both display and value\n        const invalidItemExists = fieldProps.items.some(item => !item.display || !item.value);\n\n        if (invalidItemExists) {\n          return false;\n        }\n      }\n    }\n\n    return true;\n  }\n\n\n  render() {\n    if (this.isError) {\n      return <div> Error With the Form Builder</div>;\n    }\n\n    const isEditable = this.isNewForm || this.isMostRecentFormVersion;\n\n    return (\n      <div>\n        {/* FIXME: Review this */}\n        <primary-action-header\n          title={'UDP Form Builder'}\n          actionButtonLabel={isEditable ? (this.isMostRecentFormVersion ? `Create New Version (v.${this.version + 1})` : 'Create New Form') : ''}\n          primaryActionClick={isEditable ? () => this.submitForm() : null}\n          // HIDE STYLE OVERRIDE IN UI\n          defaultActionButtons={\n            isEditable ? [{ label: 'Style Overrides', clickHandler: this.toggleStyleSheet, tooltip: 'Style Overrides', visible: false, icon: getIconFromName('settings') }] : []\n          }\n          tabs={false}\n        />\n        <udp-side-sheet open={this.isStyleSheetOpen} onUdpSideSheetClose={() => (this.isStyleSheetOpen = false)} title=\"Style Overrides\" position=\"right\" width=\"md\">\n          <udp-forms-builder-style-override formMetadata={this.formMetadata} onFormMetadataChange={updated => (this.formMetadata = updated)}></udp-forms-builder-style-override>\n        </udp-side-sheet>\n\n        <udp-side-sheet\n          open={this.isQuestionEditorOpen}\n          onUdpSideSheetClose={() => this.closeQuestionEditor()}\n          onUdpPrimaryButtonClick={() => {\n            // don't do anything if no changes are made.\n            // it'll close the side sheet without this\n            if (!this.hasUnsavedFormSectionsChanges()) {\n              return;\n            }\n            this.updateFormSectionsWithDraft();\n            this.closeQuestionEditor();\n          }}\n          primaryButtonDisabled={!this.hasUnsavedFormSectionsChanges()}\n          title=\"Edit Question\"\n          position=\"right\"\n          width=\"md\"\n          primaryButtonLabel=\"Update\"\n        >\n          {this.isQuestionEditorOpen && (\n            <div class=\"question-editor-container\">\n              <question-configs-renderer\n                formSectionsDraft={this.formSectionsDraft}\n                sIndex={this.editingQuestion.sIndex}\n                qIndex={this.editingQuestion.qIndex}\n                isViewOnly={!isEditable}\n                onFormSectionsDraftChange={updated => (this.formSectionsDraft = updated)}\n                lookupOptions={this.lookupOptionsDataProcessed}\n              />\n            </div>\n          )}\n        </udp-side-sheet>\n\n        <udp-side-sheet\n          open={this.isSectionEditorOpen}\n          onUdpSideSheetClose={() => this.closeSectionEditor()}\n          title=\"Edit Section Fields\"\n          position=\"right\"\n          width=\"md\"\n          primaryButtonDisabled={!this.hasUnsavedFormSectionsChanges()}\n          primaryButtonLabel=\"Update\"\n          onUdpPrimaryButtonClick={() => {\n            // don't do anything if no changes are made.\n            // it'll close the side sheet without this\n            if (!this.hasUnsavedFormSectionsChanges()) {\n              return;\n            }\n            this.updateFormSectionsWithDraft();\n            this.closeSectionEditor();\n          }}\n        >\n          {this.isSectionEditorOpen && (\n            <div class=\"section-editor-container\">\n              <section-configs-renderer\n                formSectionsDraft={this.formSectionsDraft}\n                sIndex={this.editingSection.sIndex}\n                isViewOnly={!isEditable}\n                onFormSectionsDraftChange={updated => (this.formSectionsDraft = updated)}\n              />\n            </div>\n          )}\n        </udp-side-sheet>\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\n        {this.isLoading && <udp-linear-loader />}\n        {!this.isLoading && (\n          <udp-container maxWidth=\"lg\">\n            <div class=\"udp-forms-page\">\n              <div class=\"form-details-container\">\n                <div class=\"form-details-name-container\">\n                  {isEditable ? (\n                    <div class=\"form-details-name-input\">\n                      <text-field\n                        label=\"Form Title\"\n                        value={this.formMetadata.name}\n                        placeholder=\" Form Title\"\n                        disabled={!isEditable}\n                        required={true}\n                        margin=\"none\"\n                        // size='small'\n                        onInput={e => {\n                          this.formMetadata = {\n                            ...this.formMetadata,\n                            name: (e.target as HTMLInputElement).value,\n                          };\n                        }}\n                      ></text-field>\n                    </div>\n                  ) : (\n                    <div class=\"form-details-name-display\">\n                      <unity-typography variant={'h2'}>{this.formMetadata.name + ' (View Only)'}</unity-typography>\n                    </div>\n                  )}\n                </div>\n\n                <div class=\"form-details-description-container\">\n                  {isEditable ? (\n                    <div class=\"form-details-details-input\">\n                      <text-area\n                        label=\"Form Description\"\n                        value={this.formMetadata.description}\n                        placeholder=\"Form Description\"\n                        disabled={!isEditable}\n                        required={true}\n                        margin=\"none\"\n                        // size='small'\n                        onInput={e => {\n                          this.formMetadata = {\n                            ...this.formMetadata,\n                            description: (e.target as HTMLInputElement).value,\n                          };\n                        }}\n                      ></text-area>\n                    </div>\n                  ) : (\n                    <div class=\"form-details-description-display\">\n                      <unity-typography>{this.formMetadata.description}</unity-typography>\n                    </div>\n                  )}\n                </div>\n                <div class=\"form-details-version-container\">\n                  <unity-typography>Version: {this.formMetadata.version}</unity-typography>\n                </div>\n                <div class=\"form-details-private-container\">\n                  <div class=\"toggle-container\">\n                    <stencil-toggle\n                      label=\"Private Form\"\n                      margin=\"none\"\n                      disabled={!isEditable}\n                      checked={this.formMetadata.isPrivate === true}\n                      labelPosition=\"right\"\n                      onToggledChange={() => {\n                        let newIsPrivate = !this.formMetadata.isPrivate;\n                        this.formMetadata = {\n                          ...this.formMetadata,\n                          isPrivate: newIsPrivate,\n                        };\n                      }}\n                    ></stencil-toggle>\n                  </div>\n                </div>\n              </div>\n\n              {isEditable && (\n                <div class=\"add-question-button-container\">\n                  <udp-button\n                    startIcon={<udp-icon iconName={'add'} color={'inherit'} />}\n                    onClick={() => {\n                      const newSectionIndex = this.formSections.length;\n                      const newFormSections = deepCloneFormSections(this.formSections);\n                      newFormSections.push({ ...formSectionDefault, order: newSectionIndex + 1, title: `Section ${newSectionIndex + 1}` });\n                      this.formSections = newFormSections;\n                    }}\n                  >\n                    Add a Section\n                  </udp-button>\n                </div>\n              )}\n\n              {this.formSections.map((section, sIndex) => {\n                return (\n                  <div key={sIndex} class=\"form-section\">\n                    <div class=\"form-section-header\">\n                      <div class=\"form-section-header-title\">\n                        <unity-typography variant=\"h6\" color=\"inherit\">\n                          {section.title}\n                        </unity-typography>\n                      </div>\n\n                      {isEditable && (\n                        <div class=\"form-section-header-actions\">\n                          {sIndex > 0 && (\n                            <stencil-icon-button\n                              icon={getIconFromName('arrowUp')}\n                              tooltip=\"Move Section Up\"\n                              onClick={() => {\n                                this.handleSectionMoveUp(sIndex);\n                              }}\n                            />\n                          )}\n                          {sIndex < this.formSections.length - 1 && (\n                            <stencil-icon-button\n                              icon={getIconFromName('arrowDown')}\n                              tooltip=\"Move Section Down\"\n                              onClick={() => {\n                                this.handleSectionMoveDown(sIndex);\n                              }}\n                            />\n                          )}\n                          <stencil-icon-button icon={getIconFromName('edit')} tooltip={`Edit Section Fields`} onClick={() => this.handleSectionEditClick(sIndex)} />\n                          <stencil-icon-button\n                            icon={getIconFromName('trashCan')}\n                            tooltip=\"Delete Section\"\n                            onClick={e => {\n                              e.stopPropagation();\n                              this.dialogMessage = 'Are you sure you want to delete this section?';\n                              this.dialogAction = () => {\n                                this.handleSectionDelete(sIndex);\n                                this.isDialogOpen = false;\n                              };\n\n                              this.isDialogOpen = true;\n                            }}\n                          />\n                        </div>\n                      )}\n                    </div>\n\n                    <div class=\"form-section-questions-container\">\n                      {(this.isNewForm || this.isMostRecentFormVersion) && this.showMenuAtIndex && this.showMenuAtIndex.sIndex === sIndex && this.showMenuAtIndex.qIndex === 0 && (\n                        <udp-forms-builder-menu\n                          isVisible={true}\n                          questionsTemplate={questionsTemplate}\n                          onAddSection={() => {\n                            const newSectionIndex = this.formSections.length;\n                            const newFormSections = deepCloneFormSections(this.formSections);\n                            newFormSections.push({ ...formSectionDefault, order: newSectionIndex, title: `Section ${newSectionIndex + 1}` });\n                            this.formSections = newFormSections;\n                            this.showMenuAtIndex = { sIndex: newSectionIndex, qIndex: 0 };\n                          }}\n                          onAddQuestion={e => {\n                            const indices = this.showMenuAtIndex\n                              ? this.addQuestionOfType(e.detail, this.showMenuAtIndex.sIndex, this.showMenuAtIndex.qIndex)\n                              : this.addQuestionOfType(e.detail);\n\n                            this.editingQuestion = { ...indices };\n                            this.isQuestionEditorOpen = true;\n                          }}\n                          onCancelClick={() => (this.showMenuAtIndex = null)}\n                        />\n                      )}\n                      <div class=\"form-section-questions-draggable-container\" id={`section-${sIndex}`}>\n                        {section.formQuestions.map((questionItem, qIndex) => {\n                          return (\n                            <udp-forms-builder-question-item\n                              key={questionItem.id}\n                              iconName={questionItem.icon}\n                              primaryText={`${questionItem.questionText}`}\n                              secondaryText={questionItem.helperText ? questionItem.helperText : null}\n                              avatarBackgroundColor={this.validateQuestionItem(sIndex, qIndex) ? 'info' : 'warning'}\n                            >\n                              <stencil-chip slot=\"status-chip\" text=\"Required\" showDelete={false} clickable={false} hidden={!questionItem.required} />\n                              {isEditable && (\n                                <div slot=\"drag-and-drop\">\n                                  <div class=\"form-question-drag-handle\">\n                                    <div class=\"drag-wrapper\">\n                                      <stencil-icon-button icon={getIconFromName('draggable')} tooltip=\"Move Question\" noBackground={true} />\n                                    </div>\n                                  </div>\n                                </div>\n                              )}\n\n                              <div slot=\"actions\">\n                                {isEditable ? (\n                                  <fragment>\n                                    <stencil-icon-button\n                                      icon={getIconFromName('edit')}\n                                      tooltip=\"Edit Question Details\"\n                                      onClick={e => {\n                                        e.stopPropagation();\n                                        this.handleQuestionClick(sIndex, qIndex);\n                                      }}\n                                      noBackground={true}\n                                    />\n                                    <stencil-icon-button\n                                      icon={getIconFromName('copy')}\n                                      tooltip=\"Duplicate Question\"\n                                      onClick={e => {\n                                        e.stopPropagation();\n                                        this.handleQuestionCopy(sIndex, qIndex);\n                                      }}\n                                      noBackground={true}\n                                    />\n                                    <stencil-icon-button\n                                      icon={getIconFromName('trashCan')}\n                                      tooltip=\"Delete Question\"\n                                      onClick={e => {\n                                        e.stopPropagation();\n                                        this.dialogMessage = 'Are you sure you want to delete this question?';\n                                        this.dialogAction = () => {\n                                          this.handleQuestionDelete(sIndex, qIndex);\n                                          this.isDialogOpen = false;\n                                        };\n                                        this.isDialogOpen = true;\n                                      }}\n                                      noBackground={true}\n                                    />\n                                  </fragment>\n                                ) : (\n                                  <stencil-icon-button\n                                    icon={getIconFromName('view')}\n                                    tooltip=\"View Question Details\"\n                                    onClick={e => {\n                                      e.stopPropagation();\n                                      this.handleQuestionClick(sIndex, qIndex);\n                                    }}\n                                    noBackground={true}\n                                  />\n                                )}\n                              </div>\n                            </udp-forms-builder-question-item>\n                          );\n                        })}\n                      </div>\n\n                      {isEditable &&\n                        !this.showMenuAtIndex && ( // Only show button if no menu is active\n                          <div class=\"add-question-to-section-button-container\">\n                            <udp-button\n                              variant=\"text\"\n                              onClick={() => {\n                                this.showMenuAtIndex = { sIndex: sIndex, qIndex: section.formQuestions.length };\n                              }}\n                              startIcon={<udp-icon iconName={'add'} color={'inherit'} />}\n                            >\n                              Add a Question\n                            </udp-button>\n                          </div>\n                        )}\n\n                      {isEditable &&\n                        this.showMenuAtIndex?.sIndex === sIndex &&\n                        this.showMenuAtIndex?.qIndex === section.formQuestions.length &&\n                        section.formQuestions.length > 0 && (\n                          <udp-forms-builder-menu\n                            isVisible={true}\n                            questionsTemplate={questionsTemplate}\n                            onAddSection={() => {\n                              const newFormSections = deepCloneFormSections(this.formSections);\n                              newFormSections.splice(sIndex + 1, 0, []);\n                              this.formSections = newFormSections;\n                              this.showMenuAtIndex = null;\n                            }}\n                            onAddQuestion={e => {\n                              if (this.showMenuAtIndex) {\n                                const indices = this.addQuestionOfType(e.detail, this.showMenuAtIndex.sIndex, this.showMenuAtIndex.qIndex);\n                                this.editingQuestion = { ...indices };\n                                this.isQuestionEditorOpen = true;\n                              }\n                            }}\n                            onCancelClick={() => (this.showMenuAtIndex = null)}\n                          />\n                        )}\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          </udp-container>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/p-609236fc.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i,c as t,H as o,a as n}from"./p-CaIWDYyq.js";import{q as s,d as a}from"./p-CyQelV_a.js";import{g as r}from"./p-B7tdArhp.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";const c=".generic-configs-container{display:flex;flex-direction:column;}.question-configs-header{display:flex;justify-content:space-between;align-items:center}";const d=class{constructor(i){e(this,i);this.getHandler=(e,i)=>{var t;const o=s.find((i=>i.fieldTypeId===e));return(t=o===null||o===void 0?void 0:o.handlers)===null||t===void 0?void 0:t[i]}}get question(){var e,i;return(i=(e=this.formSectionsDraft)===null||e===void 0?void 0:e[this.sIndex].formQuestions)===null||i===void 0?void 0:i[this.qIndex]}render(){return i("div",{key:"7664eb6d8ea610a5b30f97eacd9f6cc56add3900",class:"generic-configs-container"},i("div",{key:"bf9ee86afeb103b1390c4b62fbbab787b7f8246a",class:"question-configs-header"},i("unity-typography",{key:"907613c7f110e1a5097ac5224ba341d6209f5d7a",variant:"h6"},this.question.questionTypeName," Question"),i("div",{key:"2deb258205ded78d5d39f9c43a3c73037dbb619b"},i("stencil-toggle",{key:"f50338ddb96bada27dc74679cd099f0528d348dc",label:"Required",disabled:this.isViewOnly,checked:this.question.required===true,onToggledChange:()=>{const e=!this.question.required;const i=this.getHandler(this.question.fieldTypeId,"handleGenericProperty");const t=i(e,this.formSectionsDraft,this.sIndex,this.qIndex,"required");this.onFormSectionsDraftChange(t)},labelPosition:"right"}))),i("text-area",{key:"934dd92a91fdb938b41caa923996acd299a7d050",label:"Question Text",value:this.question.questionText,disabled:this.isViewOnly,placeholder:"Enter the question text here",rows:2,maxRows:5,required:true,fullWidth:true,margin:"dense",onInput:e=>{const i=e.target.value;const t=this.getHandler(this.question.fieldTypeId,"handleGenericProperty");const o=t(i,this.formSectionsDraft,this.sIndex,this.qIndex,"questionText");this.onFormSectionsDraftChange(o)}}),i("text-area",{key:"09fb91b5d25b8063e10fc0bc4a87add757e54c44",label:"Helper Text",value:this.question.helperText,disabled:this.isViewOnly,placeholder:"Enter the question's helper text here",rows:2,maxRows:4,fullWidth:true,margin:"dense",onInput:e=>{const i=e.target.value;const t=this.getHandler(this.question.fieldTypeId,"handleGenericProperty");const o=t(i,this.formSectionsDraft,this.sIndex,this.qIndex,"helperText");this.onFormSectionsDraftChange(o)}}),i("question-specific-configs-renderer",{key:"68627feeab1c9266486d2e24c7cbe00d473681c6",formSectionsDraft:this.formSectionsDraft,sIndex:this.sIndex,qIndex:this.qIndex,isViewOnly:this.isViewOnly,onFormSectionsDraftChange:this.onFormSectionsDraftChange,lookupOptions:this.lookupOptions}))}};d.style=c;const l=".generic-configs-container{display:flex;flex-direction:column}";const h=class{constructor(i){e(this,i)}get section(){var e;return(e=this.formSectionsDraft)===null||e===void 0?void 0:e[this.sIndex]}handleSectionFieldChange(e,i,t){const o=a(this.formSectionsDraft);const n=Object.assign(Object.assign({},o[e]),{[i]:t});o[e]=n;return o}handleSectionRepeatablePropertyChange(e,i){const t=a(this.formSectionsDraft);const o=Object.assign({},t[e]);const n=Object.assign(Object.assign({},o.sectionProperties),{isRepeatable:i});const s=Object.assign(Object.assign({},o),{sectionProperties:n});t[e]=s;return t}render(){var e;return i("div",{key:"1caf2cddda917bc5995b0ec0ec56bf3e5bb88e67",class:"generic-configs-container"},i("text-area",{key:"5985a043366d88f49c8eb02b30220211c8f8a7e8",label:"Title",value:this.section.title||"",disabled:this.isViewOnly,placeholder:"Enter the section title here",rows:2,maxRows:5,fullWidth:true,onInput:e=>{const i=e.target.value;const t=this.handleSectionFieldChange(this.sIndex,"title",i);this.onFormSectionsDraftChange(t)}}),i("text-area",{key:"68599f20817fd65e76839f6cb7034c4e166699af",label:"Section Text",value:this.section.sectionText||"",disabled:this.isViewOnly,placeholder:"Enter the section text here",rows:2,maxRows:4,fullWidth:true,onInput:e=>{const i=e.target.value;const t=this.handleSectionFieldChange(this.sIndex,"sectionText",i);this.onFormSectionsDraftChange(t)}}),i("stencil-toggle",{key:"3990fe8500311ce8048b20dc3bb1661536d5495e",label:"Repeatable",disabled:this.isViewOnly,checked:((e=this.section.sectionProperties)===null||e===void 0?void 0:e.isRepeatable)===true||false,onToggledChange:()=>{const e=!this.section.sectionProperties.isRepeatable;const i=this.handleSectionRepeatablePropertyChange(this.sIndex,e);this.onFormSectionsDraftChange(i)},labelPosition:"right"}))}};h.style=l;const b=":host{display:flex;flex-direction:column;gap:var(--spacing-05, 24px);border:1px dashed var(--primary-color);padding:var(--spacing-05, 24px);box-sizing:border-box;background-color:var(--card-background-color, #fff);}.menu-options-container{display:flex;flex:row;flex-wrap:wrap;gap:var(--spacing-03, 8px)}.menu-header-container{display:flex;align-items:center;justify-content:space-between}";const p=class{constructor(i){e(this,i);this.addSection=t(this,"addSection");this.addQuestion=t(this,"addQuestion");this.cancelClick=t(this,"cancelClick");this.questionsTemplate=[]}render(){return[i("div",{key:"37fb4a6d2c620ff8d07d5b60f4aee9d9e05521c9",class:"menu-header-container"},i("unity-typography",{key:"3621d08a07d68d9f533b4dcc783918248b71490e",variant:"body1"},"Choose a Question Type"),i("stencil-icon-button",{key:"22e867f039c3189274eb32b2f87363ba43f76850",icon:r("close16"),onClick:()=>this.cancelClick.emit()})),i("div",{key:"a2c71f861ec32f14b91efe4d621c76d7950787ac",class:"menu-options-container"},this.questionsTemplate.map((e=>i("udp-button",{variant:"contained",color:"primary",onClick:()=>this.addQuestion.emit(e),startIcon:i("udp-icon",{iconName:e.icon,color:"inherit"})},e.questionTypeName))))]}};p.style=b;const u=".list-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-4, 16px);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);border-bottom:1px solid var(--border-color, #e0e0e0);background-color:var(--card-background-color, #FFF);transition:background-color 0.1s}.list-item.clickable{cursor:grab}.list-item.clickable:hover{background-color:var(--primary-color-alpha-15, #f5f5f5)}.avatar-container{align-items:center}.text-container{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:4px}.primary-text,.secondary-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-text{font-weight:500}.status-chip-container{display:flex;align-items:center;flex-shrink:0}.actions-container{display:flex;flex-shrink:0}";const f=class{constructor(i){e(this,i);this.hasPrimaryTextSlot=false;this.hasSecondaryTextSlot=false;this.hasActionsSlot=false;this.hasStatusChipSlot=false;this.avatarBackgroundColor="info";this.avatarVariant="rounded";this.clickable=false;this.handleKeyPress=e=>{if(this.clickable&&(e.key==="Enter"||e.key===" ")){e.preventDefault();this.onClick(e)}}}componentWillLoad(){this.hasPrimaryTextSlot=!!this.hostEl.querySelector('[slot="primary-text"]');this.hasSecondaryTextSlot=!!this.hostEl.querySelector('[slot="secondary-text"]');this.hasActionsSlot=!!this.hostEl.querySelector('[slot="actions"]');this.hasStatusChipSlot=!!this.hostEl.querySelector('[slot="status-chip"]')}render(){const e=this.primaryText||this.hasPrimaryTextSlot;const t=this.secondaryText||this.hasSecondaryTextSlot;return i(o,{key:"8238add59310083c8c38162d8ff109f06eb6ce55"},i("div",{key:"35e27f3b894e17bbb5141dc1cf9d7bc5581c8141",class:{"list-item":true,clickable:this.clickable},onClick:this.onClick,onKeyPress:this.handleKeyPress,role:this.clickable?"button":undefined,tabindex:this.clickable?0:-1},i("div",{key:"8cc42561c65943d72136939cc679ae011971add7",class:"drag-and-drop-container"},i("slot",{key:"99881a45324a59666915de185a8900ed397783ae",name:"drag-and-drop"})),this.iconName&&i("div",{key:"2fbda7bdb8d7e6b8a87ef5485b170d21ec04bd5c",class:"avatar-container"},i("udp-avatar",{key:"d759bfcc58a0127597341918ab2f9a6c5e930ac8",iconName:this.iconName,variant:this.avatarVariant,color:this.avatarBackgroundColor})),i("div",{key:"3068e1e2067f58980ef46889af21b635cf386b43",class:"text-container"},e&&i("div",{key:"6be7c040d8e2791dd79e47cf9b8bbe890d360da6",class:"primary-text",title:this.primaryText},i("slot",{key:"fc89e77ef5771b79119bbcaf25b506043bc18a35",name:"primary-text"},i("unity-typography",{key:"e9fa1032e4bf0da9ce40752718facd5094d59537",variant:"body"},this.primaryText))),t&&i("div",{key:"c369c973f500adf84977ea22367ad1db60fe9a0d",class:"secondary-text",title:this.secondaryText},i("slot",{key:"f1b03e365e8af20baafab9af1465e9a71c0c382a",name:"secondary-text"},i("unity-typography",{key:"edffba872614cb3c10a2f18609e5886fb40dbc5b",variant:"body",color:"textSecondary"},this.secondaryText)))),this.hasStatusChipSlot&&i("div",{key:"c74497d7863ca0bf2b905d19dff07a02da7c79a8",class:"status-chip-container"},i("slot",{key:"8800f5f27b743d9e2a4c2452238d6b07c298e593",name:"status-chip"})),this.hasActionsSlot&&i("div",{key:"5fbadd6ade6bc1331209d414b691c27c528c742e",class:"actions-container"},i("slot",{key:"bcbba7c17979558eb99294ead63a7282dcf97e91",name:"actions"}))))}get hostEl(){return n(this)}};f.style=u;const m=["body","body1","body2","h1","h2","h3","h4","h5","h6","caption-text","data-display-one","data-display-two","data-display-three","data-display-four","button"];const v=":host{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}";const y=class{constructor(i){e(this,i)}styleOverrideHandler(e,i,t){const o=Object.assign({},this.formMetadata);if(!o.styleOverrides){o.styleOverrides={}}if(i){if(!o.styleOverrides[e]){o.styleOverrides[e]={}}o.styleOverrides[e][i]=t}else{o.styleOverrides[e]=t}this.onFormMetadataChange(o)}renderStyleTextField(e,t,o,n){return i("div",{class:"form-style-override-item-container"},i("text-field",{label:e,value:t||"",placeholder:e,onInput:e=>{e.preventDefault();this.styleOverrideHandler(o,n!==null&&n!==void 0?n:null,e.target.value)}}))}renderStyleDropdownField(e,t,o,n){const s=[{value:"",label:"None"},...m.map((e=>({value:e,label:e})))];return i("div",{class:"form-style-override-item-container"},i("udp-selector",{label:e,key:`${o}-${n!==null&&n!==void 0?n:""}`,initialValue:t,options:s,disabled:false,onChange:e=>{console.log(e);this.styleOverrideHandler(o,n,e.detail)}}))}render(){var e,t,n,s,a,r,c,d,l,h,b,p,u,f,m,v,y,g,x,k,w,T,F,C,q,_,j,I,O,P,S,R,Q,B;return i(o,{key:"cb68844b53906619f1b9054eb39e0a1715c987aa"},i("unity-typography",{key:"b318dca91cc83ecd556ecec6cd55de400f2956d1",variant:"h6"},"Backgrounds and Colors"),this.renderStyleTextField("Background Image",(n=(t=(e=this.formMetadata)===null||e===void 0?void 0:e.background)===null||t===void 0?void 0:t.backgroundImage)!==null&&n!==void 0?n:"","background","backgroundImage"),this.renderStyleTextField("Background Color",(r=(a=(s=this.formMetadata)===null||s===void 0?void 0:s.background)===null||a===void 0?void 0:a.backgroundColor)!==null&&r!==void 0?r:"","background","backgroundColor"),this.renderStyleTextField("Header Background Color",(d=(c=this.formMetadata)===null||c===void 0?void 0:c.headerBackgroundColor)!==null&&d!==void 0?d:"","headerBackgroundColor"),i("udp-divider",{key:"0e8419e7e3f22d8b549e2dfb8e7e08645413c128"}),i("unity-typography",{key:"81258325302270e2be6e64750d2c22ce57119158",variant:"h6"},"Fonts"),this.renderStyleTextField("Font Family",(h=(l=this.formMetadata)===null||l===void 0?void 0:l.fontFamily)!==null&&h!==void 0?h:"","fontFamily"),this.renderStyleTextField("Question Text Font Family",(u=(p=(b=this.formMetadata)===null||b===void 0?void 0:b.questionText)===null||p===void 0?void 0:p.fontFamily)!==null&&u!==void 0?u:"","questionText","fontFamily"),this.renderStyleDropdownField("Question Text Typography",(v=(m=(f=this.formMetadata)===null||f===void 0?void 0:f.questionText)===null||m===void 0?void 0:m.variant)!==null&&v!==void 0?v:"","questionText","variant"),this.renderStyleTextField("Title Text Font Family",(x=(g=(y=this.formMetadata)===null||y===void 0?void 0:y.titleText)===null||g===void 0?void 0:g.fontFamily)!==null&&x!==void 0?x:"","titleText","fontFamily"),this.renderStyleDropdownField("Title Text Typography",(T=(w=(k=this.formMetadata)===null||k===void 0?void 0:k.titleText)===null||w===void 0?void 0:w.variant)!==null&&T!==void 0?T:"","titleText","variant"),this.renderStyleTextField("Paragraph Text Font Family",(q=(C=(F=this.formMetadata)===null||F===void 0?void 0:F.paragraphText)===null||C===void 0?void 0:C.fontFamily)!==null&&q!==void 0?q:"","paragraphText","fontFamily"),this.renderStyleDropdownField("Paragraph Text Typography",(I=(j=(_=this.formMetadata)===null||_===void 0?void 0:_.paragraphText)===null||j===void 0?void 0:j.variant)!==null&&I!==void 0?I:"","paragraphText","variant"),this.renderStyleTextField("Helper Text Font Family",(S=(P=(O=this.formMetadata)===null||O===void 0?void 0:O.helperText)===null||P===void 0?void 0:P.fontFamily)!==null&&S!==void 0?S:"","helperText","fontFamily"),this.renderStyleDropdownField("Helper Text Typography",(B=(Q=(R=this.formMetadata)===null||R===void 0?void 0:R.helperText)===null||Q===void 0?void 0:Q.variant)!==null&&B!==void 0?B:"","helperText","variant"))}};y.style=v;export{d as question_configs_renderer,h as section_configs_renderer,p as udp_forms_builder_menu,f as udp_forms_builder_question_item,y as udp_forms_builder_style_override};
+//# sourceMappingURL=p-609236fc.entry.js.map

package/dist/stencil-library/p-609236fc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["questionConfigsRendererCss","QuestionConfigsRenderer","constructor","hostRef","this","getHandler","fieldTypeId","handlerName","template","questionsTemplate","find","q","_a","handlers","question","_b","formSectionsDraft","sIndex","formQuestions","qIndex","render","h","key","class","variant","questionTypeName","label","disabled","isViewOnly","checked","required","onToggledChange","newValue","handler","updated","onFormSectionsDraftChange","labelPosition","value","questionText","placeholder","rows","maxRows","fullWidth","margin","onInput","e","target","helperText","lookupOptions","sectionConfigsRendererCss","SectionConfigsRenderer","section","handleSectionFieldChange","field","sectionsCopy","deepCloneFormSections","updatedSection","Object","assign","handleSectionRepeatablePropertyChange","oldSection","updatedProperties","sectionProperties","isRepeatable","title","sectionText","udpFormsBuilderMenuCss","UdpFormsBuilderMenu","icon","getIconFromName","onClick","cancelClick","emit","map","color","addQuestion","startIcon","iconName","udpFormsBuilderQuestionItemCss","UdpFormsBuilderQuestionItem","hasPrimaryTextSlot","hasSecondaryTextSlot","hasActionsSlot","hasStatusChipSlot","avatarBackgroundColor","avatarVariant","clickable","handleKeyPress","event","preventDefault","componentWillLoad","hostEl","querySelector","showPrimaryText","primaryText","showSecondaryText","secondaryText","Host","onKeyPress","role","undefined","tabindex","name","typographyVariantsList","udpFormsBuilderStyleOverrideCss","UdpFormsBuilderStyleOverride","styleOverrideHandler","subfield","formMetadata","styleOverrides","onFormMetadataChange","renderStyleTextField","renderStyleDropdownField","typographyOptions","initialValue","options","onChange","console","log","detail","_c","background","backgroundImage","_f","_e","_d","backgroundColor","_h","_g","headerBackgroundColor","_k","_j","fontFamily","_o","_m","_l","_r","_q","_p","_u","_t","_s","titleText","_x","_w","_v","_0","_z","_y","paragraphText","_3","_2","_1","_6","_5","_4","_9","_8","_7"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/question-configs-renderer.css?tag=question-configs-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/question-configs-renderer.tsx","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/section-configs-renderer.css?tag=section-configs-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/section-configs-renderer.tsx","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu.css?tag=udp-forms-builder-menu&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu.tsx","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.css?tag=udp-forms-builder-question-item&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.tsx","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/typographyVariantsList.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override.css?tag=udp-forms-builder-style-override&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override.tsx"],"sourcesContent":[".generic-configs-container {\n  display: flex;\n  flex-direction: column;\n  /* gap: var(--spacing-04, 16px); */\n} \n\n\n.question-configs-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}","import { Component, h, Prop } from '@stencil/core';\n// import { Question } from '../../../types';\nimport questionsTemplate from '../../udp-forms-builder-question-template';\n\n@Component({\n  tag: 'question-configs-renderer',\n  styleUrl: 'question-configs-renderer.css',\n  shadow: true,\n})\nexport class QuestionConfigsRenderer {\n  @Prop() formSectionsDraft: any[];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() isViewOnly: boolean;\n  @Prop() lookupOptions: any[];\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n\n  private get question() {\n    return this.formSectionsDraft?.[this.sIndex].formQuestions?.[this.qIndex];\n  }\n\n  private getHandler = (fieldTypeId: number, handlerName: string) => {\n    const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return template?.handlers?.[handlerName];\n  };\n\n  render() {\n    return (\n      <div class=\"generic-configs-container\">\n        <div class=\"question-configs-header\">\n          <unity-typography variant=\"h6\">{this.question.questionTypeName} Question</unity-typography>\n          <div>\n            <stencil-toggle\n              label=\"Required\"\n              disabled={this.isViewOnly}\n              checked={this.question.required === true}\n              onToggledChange={() => {\n                const newValue = !this.question.required;\n                const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n                const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            />\n          </div>\n        </div>\n\n        <text-area\n          label=\"Question Text\"\n          value={this.question.questionText}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the question text here\"\n          rows={2}\n          maxRows={5}\n          required={true}\n          fullWidth={true}\n          margin={'dense'}\n          onInput={e => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n            const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n\n        <text-area\n          label=\"Helper Text\"\n          value={this.question.helperText}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the question's helper text here\"\n          rows={2}\n          maxRows={4}\n          fullWidth={true}\n          margin={'dense'}\n          onInput={e => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n            const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n\n        <question-specific-configs-renderer\n          formSectionsDraft={this.formSectionsDraft}\n          sIndex={this.sIndex}\n          qIndex={this.qIndex}\n          isViewOnly={this.isViewOnly}\n          onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n          lookupOptions={this.lookupOptions}\n        />\n      </div>\n    );\n  }\n}\n",".generic-configs-container {\n  display: flex;\n  flex-direction: column;\n} ","import { Component, h, Prop } from '@stencil/core';\nimport { deepCloneFormSections } from '../../forms-builder-utils';\n\n@Component({\n  tag: 'section-configs-renderer',\n  styleUrl: 'section-configs-renderer.css',\n  shadow: true,\n})\nexport class SectionConfigsRenderer {\n  @Prop() formSectionsDraft: any[];\n  @Prop() sIndex: number;\n  @Prop() isViewOnly: boolean;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n\n  private get section() {\n    return this.formSectionsDraft?.[this.sIndex];\n  }\n  \n  private handleSectionFieldChange(sIndex: number, field: 'title' | 'sectionText' | 'sectionProperties', value: string) {\n    const sectionsCopy = deepCloneFormSections(this.formSectionsDraft);\n    const updatedSection = { ...sectionsCopy[sIndex], [field]: value };\n    sectionsCopy[sIndex] = updatedSection;\n    return sectionsCopy\n  }\n\n  private handleSectionRepeatablePropertyChange(sIndex: number, value: boolean) {\n    const sectionsCopy = deepCloneFormSections(this.formSectionsDraft);\n    const oldSection = {...sectionsCopy[sIndex]}\n    const updatedProperties = {... oldSection.sectionProperties, isRepeatable: value}\n    const updatedSection = { ...oldSection, sectionProperties: updatedProperties };\n    sectionsCopy[sIndex] = updatedSection;\n    return sectionsCopy\n  }\n\n  render() {\n    return (\n      <div class=\"generic-configs-container\">\n\n        <text-area\n          label=\"Title\"\n          value={this.section.title || \"\"}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the section title here\"\n          rows={2}\n          maxRows={5}\n          fullWidth={true}\n          onInput={(e) => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const updated = this.handleSectionFieldChange(this.sIndex, 'title', newValue);\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n        <text-area\n          label=\"Section Text\"\n          value={this.section.sectionText || \"\"}\n          disabled={this.isViewOnly}\n          placeholder=\"Enter the section text here\"\n          rows={2}\n          maxRows={4}\n          fullWidth={true}\n          onInput={(e) => {\n            const newValue = (e.target as HTMLTextAreaElement).value;\n            const updated = this.handleSectionFieldChange(this.sIndex, 'sectionText', newValue);\n            this.onFormSectionsDraftChange(updated);\n          }}\n        />\n\n        <stencil-toggle\n              label=\"Repeatable\"\n              disabled={this.isViewOnly}\n              checked={this.section.sectionProperties?.isRepeatable === true || false}\n              onToggledChange={() => {\n                const newValue = !this.section.sectionProperties.isRepeatable;\n                const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);\n                this.onFormSectionsDraftChange(updated);\n              }}\n              labelPosition=\"right\"\n            />\n      </div>\n    );\n  }\n}\n",":host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05, 24px);\n  /* background-color: white; */\n  border: 1px dashed var(--primary-color);\n  padding: var(--spacing-05, 24px);\n  box-sizing: border-box;\n  background-color: var(--card-background-color, #fff);\n  /* border-radius: var(--border-radius, 4px); */\n}\n\n.menu-options-container {\n  display: flex;\n  flex: row;\n  flex-wrap: wrap;\n  gap: var(--spacing-03, 8px);\n}\n\n.menu-header-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { getIconFromName } from '../../../data-display/icons/iconUtils';\n\n@Component({\n  tag: 'udp-forms-builder-menu',\n  styleUrl: 'udp-forms-builder-menu.css',\n  shadow: true,\n})\nexport class UdpFormsBuilderMenu {\n  @Prop() isVisible: boolean;\n  @Prop() questionsTemplate: any[] = [];\n\n  @Event() addSection: EventEmitter<void>;\n  @Event() addQuestion: EventEmitter<any>;\n  @Event() cancelClick: EventEmitter<void>;\n\n  render() {\n    return [\n      <div class='menu-header-container'>\n        <unity-typography variant=\"body1\">Choose a Question Type</unity-typography>\n        <stencil-icon-button icon={getIconFromName('close16')} onClick={() => this.cancelClick.emit()} />\n      </div>,\n      <div class=\"menu-options-container\">\n        {/* <udp-button variant=\"outlined\" color=\"primary\" onClick={() => this.addSection.emit()} startIcon={<udp-icon iconName={'add'} color={'inherit'} />}>\n          Add a Section\n        </udp-button> */}\n        {this.questionsTemplate.map(q => (\n          <udp-button variant=\"contained\" color=\"primary\" onClick={() => this.addQuestion.emit(q)} startIcon={<udp-icon iconName={q.icon} color={'inherit'} />}>\n            {q.questionTypeName}\n          </udp-button>\n        ))}\n        {/* <udp-button variant=\"outlined\" color=\"primary\" onClick={() => this.cancelClick.emit()}>\n          Cancel\n        </udp-button> */}\n      </div>,\n    ];\n  }\n}\n",".list-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--spacing-4, 16px);\n  padding: var(--spacing-3, 12px) var(--spacing-4, 16px);\n  border-bottom: 1px solid var(--border-color, #e0e0e0);\n  background-color: var(--card-background-color, #FFF);\n  transition: background-color 0.1s;\n}\n\n.list-item.clickable {\n  cursor: grab;\n}\n\n.list-item.clickable:hover {\n  background-color: var(--primary-color-alpha-15, #f5f5f5);\n}\n\n.avatar-container {\n  align-items: center;\n}\n\n.text-container {\n  flex-grow: 1;\n  min-width: 0; \n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.primary-text,\n.secondary-text {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.primary-text {\n  font-weight: 500;\n}\n\n.status-chip-container {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.actions-container {\n  display: flex;\n  flex-shrink: 0;\n}\n","import { Component, Prop, h, Host, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'udp-forms-builder-question-item',\n  styleUrl: 'udp-forms-builder-question-item.css',\n  shadow: true,\n})\nexport class UdpFormsBuilderQuestionItem {\n  @Element() private hostEl: HTMLElement;\n\n  @State() private hasPrimaryTextSlot = false;\n  @State() private hasSecondaryTextSlot = false;\n  @State() private hasActionsSlot = false;\n  @State() private hasStatusChipSlot = false;\n\n  @Prop() primaryText: string;\n  @Prop() secondaryText: string;\n  @Prop() iconName: string;\n  @Prop() avatarBackgroundColor: string = 'info';\n  @Prop() avatarVariant: 'circular' | 'rounded' | 'square' = 'rounded';\n  @Prop() clickable: boolean = false;\n  @Prop() onClick: (event: MouseEvent | KeyboardEvent) => void;\n\n  componentWillLoad() {\n    this.hasPrimaryTextSlot = !!this.hostEl.querySelector('[slot=\"primary-text\"]');\n    this.hasSecondaryTextSlot = !!this.hostEl.querySelector('[slot=\"secondary-text\"]');\n    this.hasActionsSlot = !!this.hostEl.querySelector('[slot=\"actions\"]');\n    this.hasStatusChipSlot = !!this.hostEl.querySelector('[slot=\"status-chip\"]');\n  }\n\n  private handleKeyPress = (event: KeyboardEvent) => {\n    if (this.clickable && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      this.onClick(event);\n    }\n  };\n\n  render() {\n    const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;\n    const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;\n\n    return (\n      <Host>\n        <div\n          class={{\n            'list-item': true,\n            'clickable': this.clickable,\n          }}\n          onClick={this.onClick}\n          onKeyPress={this.handleKeyPress}\n          role={this.clickable ? 'button' : undefined}\n          tabindex={this.clickable ? 0 : -1}\n        >\n\n          <div class=\"drag-and-drop-container\">\n            <slot name=\"drag-and-drop\"></slot>\n          </div>\n\n          {this.iconName && (\n            <div class=\"avatar-container\">\n              <udp-avatar iconName={this.iconName} variant={this.avatarVariant} color={this.avatarBackgroundColor}></udp-avatar>\n            </div>\n          )}\n          <div class=\"text-container\">\n            {showPrimaryText && (\n              <div class=\"primary-text\" title={this.primaryText}>\n                <slot name=\"primary-text\">\n                  <unity-typography variant=\"body\">{this.primaryText}</unity-typography>\n                </slot>\n              </div>\n            )}\n            {showSecondaryText && (\n              <div class=\"secondary-text\" title={this.secondaryText}>\n                <slot name=\"secondary-text\">\n                  <unity-typography variant=\"body\" color=\"textSecondary\">\n                    {this.secondaryText}\n                  </unity-typography>\n                </slot>\n              </div>\n            )}\n          </div>\n          {this.hasStatusChipSlot && (\n            <div class=\"status-chip-container\">\n              <slot name=\"status-chip\"></slot>\n            </div>  \n          )}\n          {this.hasActionsSlot && (\n            <div class=\"actions-container\">\n              <slot name=\"actions\"></slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","import {TypographyVariant} from '../../../unity-typography/types';\n\n\nexport const typographyVariantsList: TypographyVariant[] = [\n  'body',\n  'body1',\n  'body2',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'caption-text',\n  'data-display-one',\n  'data-display-two',\n  'data-display-three',\n  'data-display-four',\n  'button',\n];\n",":host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-4, 16px);\n}","import { Component, h, Prop, Host } from '@stencil/core';\nimport { typographyVariantsList } from './typographyVariantsList';\n\n@Component({\n  tag: 'udp-forms-builder-style-override',\n  styleUrl: 'udp-forms-builder-style-override.css',\n  shadow: true,\n})\nexport class UdpFormsBuilderStyleOverride {\n  @Prop() formMetadata: any;\n  @Prop() isVisible: boolean;\n  @Prop() onFormMetadataChange: (updatedMetadata: {}) => void;\n\n  private styleOverrideHandler(field: string, subfield: string | null, value: string) {\n    const updated = { ...this.formMetadata };\n\n    if (!updated.styleOverrides) {\n      updated.styleOverrides = {};\n    }\n\n    if (subfield) {\n      if (!updated.styleOverrides[field]) {\n        updated.styleOverrides[field] = {};\n      }\n\n      (updated.styleOverrides[field] as any)[subfield] = value;\n    } else {\n      (updated.styleOverrides as any)[field] = value;\n    }\n\n    this.onFormMetadataChange(updated);\n  }\n\n  private renderStyleTextField(label: string, value: string, field: string, subfield?: string) {\n    return (\n      <div class=\"form-style-override-item-container\">\n        {/* <unity-typography variant={'h5'}>{label}</unity-typography> */}\n        <text-field\n          label={label}\n          value={value || ''}\n          placeholder={label}\n          onInput={(e: Event) => {\n            e.preventDefault();\n            this.styleOverrideHandler(field, subfield ?? null, (e.target as HTMLInputElement).value);\n          }}\n        ></text-field>\n      </div>\n    );\n  }\n\n  private renderStyleDropdownField(label: string, value: string, field: string, subfield?: string) {\n    const typographyOptions = [\n      { value: '', label: 'None' },\n      ...typographyVariantsList.map(variant => ({\n        value: variant,\n        label: variant,\n      })),\n    ];\n\n    return (\n      <div class=\"form-style-override-item-container\">\n        <udp-selector\n          label={label}\n          key={`${field}-${subfield ?? ''}`}\n          initialValue={value}\n          options={typographyOptions}\n          disabled={false}\n          onChange={(e: CustomEvent) => {\n            console.log(e);\n            this.styleOverrideHandler(field, subfield, e.detail);\n          }}\n        ></udp-selector>\n      </div>\n    );\n  }\n\n  render() {\n    // if (!this.isVisible) return null;\n\n    return (\n      <Host>\n        <unity-typography variant=\"h6\">Backgrounds and Colors</unity-typography>\n        {this.renderStyleTextField('Background Image', this.formMetadata?.background?.backgroundImage ?? '', 'background', 'backgroundImage')}\n        {this.renderStyleTextField('Background Color', this.formMetadata?.background?.backgroundColor ?? '', 'background', 'backgroundColor')}\n        {this.renderStyleTextField('Header Background Color', this.formMetadata?.headerBackgroundColor ?? '', 'headerBackgroundColor')}\n        <udp-divider />\n        <unity-typography variant=\"h6\">Fonts</unity-typography>\n        {this.renderStyleTextField('Font Family', this.formMetadata?.fontFamily ?? '', 'fontFamily')}\n        {this.renderStyleTextField('Question Text Font Family', this.formMetadata?.questionText?.fontFamily ?? '', 'questionText', 'fontFamily')}\n        {this.renderStyleDropdownField('Question Text Typography', this.formMetadata?.questionText?.variant ?? '', 'questionText', 'variant')}\n        {this.renderStyleTextField('Title Text Font Family', this.formMetadata?.titleText?.fontFamily ?? '', 'titleText', 'fontFamily')}\n        {this.renderStyleDropdownField('Title Text Typography', this.formMetadata?.titleText?.variant ?? '', 'titleText', 'variant')}\n        {this.renderStyleTextField('Paragraph Text Font Family', this.formMetadata?.paragraphText?.fontFamily ?? '', 'paragraphText', 'fontFamily')}\n        {this.renderStyleDropdownField('Paragraph Text Typography', this.formMetadata?.paragraphText?.variant ?? '', 'paragraphText', 'variant')}\n        {this.renderStyleTextField('Helper Text Font Family', this.formMetadata?.helperText?.fontFamily ?? '', 'helperText', 'fontFamily')}\n        {this.renderStyleDropdownField('Helper Text Typography', this.formMetadata?.helperText?.variant ?? '', 'helperText', 'variant')}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/{p-9b0b311b.entry.js → p-64330dbb.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as i}from"./p-CaIWDYyq.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"./p-_3wImzvq.js";import{S as p}from"./p-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:"f6ff5ce82fce4039fd5630e746ef6db5159c0402",class:"popoverContent"},!((e=this.panelConfig)===null||e===void 0?void 0:e.hideLayerSelector)&&t("div",{key:"962b6e43a72819ee6e2cbeeccf17560293bf265a"},t("udp-selector",{key:"8e775bc6ab34637d359ea40cb9341ae88157b594",id:"layer",options:this.layerToAddOptions,initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleSetSelectedLayer(e)},large:false}),t("div",{key:"fc4e34a9477481234936f254402d52658bde3cc5",style:{height:"12px"}})),t("udp-selector",{key:"6909962ce277d4fef31b8fa9b2f1c6020a81ffb5",id:"type",options:(i=this.drawingTypeOptions)!==null&&i!==void 0?i:[],initialValue:this.selectedType,label:"Type",onChange:e=>{this.handleSetSelectedType(e)},large:false}),t("div",{key:"bd09d80bab70b71ca714e797fcabfba42abd4f95",style:{height:"12px"}}),t("div",{key:"d2c4699510d461ff723d1a8f3ebb4e80997cccad",class:"formButton"},t("custom-button",{key:"4f03a4aebd4815da636e586d81ecdd8d469b13d1",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 y=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:"cb3661c34c4093779f7d006cbeaf018062a54994",class:"toolbarContainer"},t("div",{key:"fab01f7d699a215c479ebb5b74dc717ec08b3018",class:"title"},this.mapTitle&&this.mapTitle.length>0&&t("unity-typography",{key:"d6bf4bc26a52e6f59ae7e8b03c368d986da94aad",variant:"h4"},this.mapTitle)),t("div",{key:"92287f354c4c0d882915e6f2ff13cbe065d34f3c",class:"buttons"},t("div",{key:"2c62c1e72cd38171eccf33d78c8facc9469ad3c0",class:"buttonContainer"},t("div",{key:"47657600cb83585b41a9e37e1bafc406887e71b0",class:"secondaryButtons"},this.filterPanel&&t("div",{key:"c9b333edf9cc1ac1f0c2d76b1218061bbd91347c",id:"filterOption"},t("div",{key:"991d24d97b03008f177a1b3c1f91de2dd19fda1d",id:"filterOptionButton"},t("stencil-icon-button",{key:"c4d9078b3c50f93f9dc66732d0e3e99604d1c6f3",iconName:"filterButton",iconClassName:"iconButtonWrapper",tooltip:"Filter",icon:n,buttonId:"filterButton",onClick:()=>this.handleFilterOnclick()})),this.filterAnchor&&t("div",{key:"4fd493891a6c8fef2a7c892cc155ad0ccb975c8b",id:"filterOptionDiv"},t("udp-pop-over",{key:"f15b35d592a94fe7ee0c14ab7ea3b3bd581329c7",isOpen:this.filterAnchor?true:false,anchorElement:this.filterAnchor,handleOnClose:()=>this.handleCloseFilterPopover(),popoverPlacement:"bottom-start"},t("div",{key:"94339d0d672e37ddccb24d074bc87910940177f9",innerHTML:this.filterPanel})))),this.layerOptions&&t("div",{key:"6be1b312bcf144fe1e1a5e96985a783387719a86",id:"layerOption"},t("div",{key:"9a6c86828ffe3e32c5fe22259749aee8f255d27a",id:"layerOptionButton"},t("stencil-icon-button",{key:"a8c4668a1be9c429085d09e9c126e5b75fd87d63",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:"0d44c00de66dcb120f170fab4544c61afcd4f959",id:"layerOptionDiv"},this.layerAnchor&&t("udp-pop-over",{key:"6a232aefb8edd7a0856e086b2bb59d724f80c133",isOpen:this.layerAnchor?true:false,anchorElement:this.layerAnchor,handleOnClose:()=>this.handleCloseLayerPopover(),popoverPlacement:"bottom-start",popoverMaxHeight:"500px"},t("select-layer-popup",{key:"552b4bf53412003dcd4714b7fa75abbd5b42dd4d",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:"cde340d42d79df5398687a3f5685ab5edac88a72",id:"bulkSelectOption"},t("div",{key:"dcded45a9dbe71c53b629998da835914331b25ea",id:"bulkSelectOptionButton"},t("stencil-icon-button",{key:"03f64862f9b8466066a516406974e647c11cdd6c",iconName:"selectButton",iconClassName:"iconButtonWrapper",tooltip:"Select",icon:l,buttonId:"selectButton",onClick:()=>this.handleSelectionBtnOnclick()})),t("div",{key:"362574ee975526b17d01a1b66987e9fd25cd1f64",id:"bulkSelectOptionDiv"},this.bulkSelectionTypeAnchor&&t("udp-pop-over",{key:"f921f211cec7f6ca3120f68ae7d6f91d6c06457b",isOpen:this.bulkSelectionTypeAnchor?true:false,anchorElement:this.bulkSelectionTypeAnchor,handleOnClose:()=>this.handleCloseBulkSelectionTypePopover(),popoverPlacement:"bottom-start"},t("udp-menu-item",{key:"6c6d563c9286c758030df30a817cef0a85b4947f",label:"Box",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("box")}}),t("udp-menu-item",{key:"e91656c278be77923c1e0e597c77d140112ed601",label:"Circle",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("circle")}}),t("udp-menu-item",{key:"7f7c8963113199e4654d6a905ff98deae79ec28b",label:"Polygon",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("polygon")}}),t("udp-menu-item",{key:"ac185e7185bb8bdea6571f82e0d46aafcd083d8d",label:"Lasso",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("lasso")}})))),!this.readOnlyMap&&this.enableSplit&&t("div",{key:"e88658354379a42d43d4637fbe519fcd56a33414",id:"splitOption"},t("div",{key:"9431327ef5309cdab8850af74e01f2298e708bdd",id:"splitOptionButton"},t("stencil-icon-button",{key:"112d434686b2b2883893fd6d602fe63b22f2bc51",iconName:"splitButton",iconClassName:"splitButtonWrapper",tooltip:"Split Linear Feature",icon:c,buttonId:"splitButton",onClick:()=>this.handleSplitBtnOnclick()})),t("div",{key:"e4f9ca664278d951690f47501dfe74bca3394e0d",id:"splitOptionDiv"},this.splitAnchor&&t("udp-pop-over",{key:"3e8db8b7ca9dca2e38d1e16b0a208ba2f948cfc3",isOpen:this.splitAnchor?true:false,anchorElement:this.splitAnchor,handleOnClose:()=>this.handleCloseSplitPopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("split-line-popup",{key:"76a2f7875c4c1b71c79835f16f90fcb14acb05ee",vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,handleStartSplitting:this.handleStartSplitting})))),this.refreshEvent&&t("stencil-icon-button",{key:"8c7da78de98bf11c902ad1a6f1c4a60ad50d61ae",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:"c7b44fc819f2b22fa34bebdfd69f961c1b97f8dd",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"b0a3b11645aded91a81635a80cf3dfaffd7c8854",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:"495319ff1fcb280b9e999038807d156a50933be5",variant:"button"},this.getButtonText()))),this.showSplitButton&&t("div",{key:"bd028ded9900d3e34e2a6c3c3304738a0164f1b5",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"eefa8dffb5adab4acc72dbc08e77f040b2b8ca12",showLabel:true,icon:s,onClick:()=>this.handleSaveSplit(),tooltip:"Save Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"7f7b49336b19ed7cb9688befd7acc402e58dee6a",variant:"button"},"Save Split"))),this.showSplitButton&&t("div",{key:"54a555464fc6c2e02053265a0f572517673293a5",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"65f8ebdfd71c6ee308a85515087d67ef74010f1e",showLabel:true,icon:a,onClick:()=>this.handleCancelSplit(),tooltip:"Cancel Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"49cd8756f1a82e780e4b2d8365b5c28904f28bab",variant:"button"},"Cancel Split"))),!this.readOnlyMap&&this.enableAddNewFeature&&t("div",{key:"598b90fe3980b39ec59d4f4ae2682c69aa8de5f4",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"378b1e6aa3b90c868f57a594307e3f7cc39af4d2",showLabel:true,icon:a,onClick:()=>this.handleCancelAddNewFeature(),tooltip:"Cancel Drawing",iconClassName:"save-icon-class"},t("unity-typography",{key:"1ebd3e8b7b6b04153c3121e46f754140b876adb4",variant:"button"},"Cancel Drawing"))),!this.readOnlyMap&&this.withSelected&&t("div",{key:"578d36fd52e2eea57b9b40e59d430a7b0eb2576f",class:"selectedFeaturesButtons labelButtons"},t("div",{key:"8f89151b1134f52ae6cafde5df21e2f9edb53afc",id:"withSelectedOption"},t("div",{key:"fa3044d790982dda882bb13c56ed0e73f18c94a8",id:"withSelectedOptionButton"},t("stencil-icon-button-grid-action-header",{key:"23784f3c2ef39e70322f2531923a90daa6602488",showLabel:true,icon:r,onClick:()=>this.handleSelectionActionOnclick(),tooltip:"With Selected",iconClassName:"save-icon-class",count:this.selectedFeatureByBoxSelection.length},t("unity-typography",{key:"71f7a1689f12f64081cbcbc992106dcd1f156c38",variant:"button"},"With Selected"))),t("div",{key:"b12201cd228daf3be94c8d8331c53f7b2bf55491",id:"withSelectedOptionDiv"},this.selectedFeaturesActionPanel&&this.selectionActionAnchor&&t("udp-pop-over",{key:"86597960d2f1e0e319f54d3dd77d8a554e5ad0e9",isOpen:this.selectionActionAnchor?true:false,anchorElement:this.selectionActionAnchor,handleOnClose:()=>this.handleCloseSelectionActionPopover(),popoverPlacement:"bottom-start"},t("div",{key:"3d81922352aa12a31d8d9745b7fa6e701b9966ca",innerHTML:this.selectedFeaturesActionPanel})))),t("stencil-icon-button-grid-action-header",{key:"1ac985bec8d9f578eb4d32ee0e72fbeb153604e0",showLabel:true,icon:a,onClick:()=>this.unselectFeatures(),tooltip:"Cancel selection",iconClassName:"save-icon-class"},t("unity-typography",{key:"84936479305026c5d531595c33d2fbe12759d75b",variant:"button"},"Cancel Selection")))),t("div",{key:"b6fbe722db0414b4a47312e7d17c79be3cda4050",id:"addOption"},this.enableAdd&&!this.readOnlyMap&&t("div",{key:"928d8e3f5e8797024a7b076fa5c644f854e57cdd",id:"addOptionButton"},t("custom-button",{key:"2d9637dabc12d0dfe889619fe7d83e19364c2eed",secondary:true,label:t("unity-typography",{variant:"button"},"Add"),onClick:()=>this.handleAddOnclick(),size:"tall"},t("udp-icon",{key:"e8ae84b46c63e772797420adfd5752e94d1567cc",iconName:"add32",darkIcon:false}))),this.addFeatureAnchor&&t("udp-pop-over",{key:"b2e67de5518908e087bb5ec915ea724631d0a529",isOpen:this.addFeatureAnchor?true:false,anchorElement:this.addFeatureAnchor,handleOnClose:()=>this.handleCloseAddMapFeature(),popoverPlacement:"bottom-start",overflow:"visible"},t("add-map-feature-popup",{key:"e3e143076342e106afcd29a0508a3c9caaa599be",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"]}}};y.style=u;const v=".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:"f44d282caad5c666e94a296848d476f68f350b06",class:"popoverContent"},this.enableTileSelection&&t("udp-selector",{key:"398acb46d56efefaf7e90bf57cf4679e00c24e30",id:"mapType",options:(e=this.tileOptions)!==null&&e!==void 0?e:[],initialValue:this.selectedTile.value,label:"Map Type",onChange:e=>{this.handleMapTypeInputChange(e)},large:false}),t("div",{key:"575148ace44a9aba270a3cd8ae4c442c47446d08",style:{height:"12px"}}),t("div",{key:"14bc3046978e8906bb22db412ef7e5c6fad94ab9"},t("text-field",{key:"32756ad2ecde9d4c95395417fd87aee1fcc205e7",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=v;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:"2f02b75d0bdfeae2840362952345b5948f6ad5e2",class:"popoverContent"},t("udp-selector",{key:"9b41da41768b4f38287f2700e1f4a42891a650c5",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)},large:false}))}};k.style=m;export{b as add_map_feature_popup,y as map_toolbar,g as select_layer_popup,k as split_line_popup};
-//# sourceMappingURL=p-9b0b311b.entry.js.map
+import{r as e,h as t,a as i}from"./p-CaIWDYyq.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"./p-_3wImzvq.js";import{S as p}from"./p-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:"6247456eafdc8d2cdd21bf2b34baf79f165fc86f",class:"popoverContent"},!((e=this.panelConfig)===null||e===void 0?void 0:e.hideLayerSelector)&&t("div",{key:"2c9d0d727aa0f2bb102eeea92d893e7abab6c29e"},t("udp-selector",{key:"fbae3f45068e8ae3c6165689611d121b9241ed7d",id:"layer",options:this.layerToAddOptions,initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleSetSelectedLayer(e)},large:false}),t("div",{key:"8b2a1215ab7ec2f9329a8ecc36fb56bf4e1ed690",style:{height:"12px"}})),t("udp-selector",{key:"1e1cc8fb219f876b9ae82ada5d718d47f29f5b38",id:"type",options:(i=this.drawingTypeOptions)!==null&&i!==void 0?i:[],initialValue:this.selectedType,label:"Type",onChange:e=>{this.handleSetSelectedType(e)},large:false}),t("div",{key:"3fd93a87dec6f186d02713aeb7a24a6184628496",style:{height:"12px"}}),t("div",{key:"bfd2027f37a43ea8463ab384737ed60b42c3e16f",class:"formButton"},t("custom-button",{key:"eaef537b4baa885c0bc8ca021eea31587803f7b1",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 y=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:"63e5d1cb7f18737a5b47aaa69fa790a82ec252bd",class:"toolbarContainer"},t("div",{key:"a8a41fc82fa879f4bb2fd0d3f8946821c3877233",class:"title"},this.mapTitle&&this.mapTitle.length>0&&t("unity-typography",{key:"611511d191f7925d689dbaa35f15755445e4c481",variant:"h4"},this.mapTitle)),t("div",{key:"cd480ea48aaf938152aacc9b93ecb724a2c69c70",class:"buttons"},t("div",{key:"a70762390bb1651a70c450d2177b8856ec304eab",class:"buttonContainer"},t("div",{key:"288d03c64d94edfc6344f9e0121003282d402f39",class:"secondaryButtons"},this.filterPanel&&t("div",{key:"baab19506fb5eb82418710ced23dd4fa4a71a5e7",id:"filterOption"},t("div",{key:"b01155330204b492ec96cce4dd36b0e2bf6e9fa7",id:"filterOptionButton"},t("stencil-icon-button",{key:"512087d384860edde5fc01dc367c312ce8577929",iconName:"filterButton",iconClassName:"iconButtonWrapper",tooltip:"Filter",icon:n,buttonId:"filterButton",onClick:()=>this.handleFilterOnclick()})),this.filterAnchor&&t("div",{key:"dc75dd9d4553280a89340ea09a92d6b13ce9c7b0",id:"filterOptionDiv"},t("udp-pop-over",{key:"d9dd6bb0da4ca0327e217c5c822b33a1d3c51391",isOpen:this.filterAnchor?true:false,anchorElement:this.filterAnchor,handleOnClose:()=>this.handleCloseFilterPopover(),popoverPlacement:"bottom-start"},t("div",{key:"f1ca5a008e5bd96d875e36558075df6683af6b8c",innerHTML:this.filterPanel})))),this.layerOptions&&t("div",{key:"24bcf338172287d1355b0c6677309227a8ab518f",id:"layerOption"},t("div",{key:"fa54c07b301197fdf53e4a6c6bd6ace8ad5ed2c8",id:"layerOptionButton"},t("stencil-icon-button",{key:"baa3d5a2303818f31dbbc26e3f0c5c5c7baeec58",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:"7893d2e0550f2976ff5d4f93577718a0eccae566",id:"layerOptionDiv"},this.layerAnchor&&t("udp-pop-over",{key:"711aa8fa7437eb01256a85967ab43093dc99fe35",isOpen:this.layerAnchor?true:false,anchorElement:this.layerAnchor,handleOnClose:()=>this.handleCloseLayerPopover(),popoverPlacement:"bottom-start",popoverMaxHeight:"500px"},t("select-layer-popup",{key:"8fe4713951aed48303e7c85467043aaacd85dda2",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:"9610ea8f6d493509fd73a9b417d42072ef01ae3b",id:"bulkSelectOption"},t("div",{key:"1c4b709732dbbc153c1b49557e14a522ac145c80",id:"bulkSelectOptionButton"},t("stencil-icon-button",{key:"f7ae982998e872d6ee62e0c85e40c679c7c0f7ed",iconName:"selectButton",iconClassName:"iconButtonWrapper",tooltip:"Select",icon:l,buttonId:"selectButton",onClick:()=>this.handleSelectionBtnOnclick()})),t("div",{key:"78f12fa656f968d5b11440756f2dddc3fcb58c9f",id:"bulkSelectOptionDiv"},this.bulkSelectionTypeAnchor&&t("udp-pop-over",{key:"d186d719cda6987588ffaf6a8f37b53d93fc0978",isOpen:this.bulkSelectionTypeAnchor?true:false,anchorElement:this.bulkSelectionTypeAnchor,handleOnClose:()=>this.handleCloseBulkSelectionTypePopover(),popoverPlacement:"bottom-start"},t("udp-menu-item",{key:"a4a5034892f0f314fb63012f54ba7f19867942bc",label:"Box",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("box")}}),t("udp-menu-item",{key:"cc338aaeb64cdd92b2af2b83bf5cc02f7e07977b",label:"Circle",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("circle")}}),t("udp-menu-item",{key:"415dad2a699ecad5bc15d47c65c1188f0c144a00",label:"Polygon",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("polygon")}}),t("udp-menu-item",{key:"b0f78211b6660188a6eda3a277500556b144408f",label:"Lasso",handleOnClick:()=>{this.handleBulkSelectionTypeOnclick("lasso")}})))),!this.readOnlyMap&&this.enableSplit&&t("div",{key:"1fa922732a30bcc6a6a6619f3d269cac5014d25a",id:"splitOption"},t("div",{key:"abafc16be4b95112f3e49c2f4b3271fbe879a00c",id:"splitOptionButton"},t("stencil-icon-button",{key:"206a3fe6944998884e2454e55ee93776c1c086ac",iconName:"splitButton",iconClassName:"splitButtonWrapper",tooltip:"Split Linear Feature",icon:c,buttonId:"splitButton",onClick:()=>this.handleSplitBtnOnclick()})),t("div",{key:"11b6b95d1d986ea403e649d1894b6dfaf88adda7",id:"splitOptionDiv"},this.splitAnchor&&t("udp-pop-over",{key:"82afddb19c39dc93c2e17b6b1541b977d671cd35",isOpen:this.splitAnchor?true:false,anchorElement:this.splitAnchor,handleOnClose:()=>this.handleCloseSplitPopover(),popoverPlacement:"bottom-start",overflow:"visible"},t("split-line-popup",{key:"0fecbd18cb81e44036b67f24986a4932c0e5adc3",vectorLayerOptions:this.layerOptionsForPopup,selectedLayer:this.selectedLayerToAddFeature,handleStartSplitting:this.handleStartSplitting})))),this.refreshEvent&&t("stencil-icon-button",{key:"471393a16b8da86e548acc94213c72c317c59988",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:"1d7fda0edc28f80ce91e91f83345d44c084ebeae",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"999834f4bfd813d3ceb929c35b922a69f8f9fbf3",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:"0e41d8c14c9d4eece4b1fbcc407b8c0bd72e556b",variant:"button"},this.getButtonText()))),this.showSplitButton&&t("div",{key:"1b1b7d98edab068c0215c0ebd549057688707b22",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"57f3fa7b17dd6ec52b32d1fb3295cbaa0cc6b4bb",showLabel:true,icon:s,onClick:()=>this.handleSaveSplit(),tooltip:"Save Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"9b71c8dfb01f443f9ab9182b1d1720f3c1995a59",variant:"button"},"Save Split"))),this.showSplitButton&&t("div",{key:"43d8df6ab062b20746e93be9a1610cb3f28b0706",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"609fc625e58ddaf44dc8b928f379c9bf6daae23d",showLabel:true,icon:a,onClick:()=>this.handleCancelSplit(),tooltip:"Cancel Split",iconClassName:"save-icon-class"},t("unity-typography",{key:"032929fea4ea88aa7f762dd5fe18a70359eec863",variant:"button"},"Cancel Split"))),!this.readOnlyMap&&this.enableAddNewFeature&&t("div",{key:"87c0f6bc13fee9473dac179cd7c644bbaf014638",class:"labelButtons"},t("stencil-icon-button-grid-action-header",{key:"48f85630b74d41d884d3e5b30acc26445f705aca",showLabel:true,icon:a,onClick:()=>this.handleCancelAddNewFeature(),tooltip:"Cancel Drawing",iconClassName:"save-icon-class"},t("unity-typography",{key:"cb5952934a327268b2aa8de4416ba3543b178adb",variant:"button"},"Cancel Drawing"))),!this.readOnlyMap&&this.withSelected&&t("div",{key:"cd7e248942c6e8d1780ed9f3a271f2be1b9e7210",class:"selectedFeaturesButtons labelButtons"},t("div",{key:"b67ac423d87d55b3dab25b12d403e2e510f04af8",id:"withSelectedOption"},t("div",{key:"00c1c477eedc5aaea81eed7d500500454c5f23ef",id:"withSelectedOptionButton"},t("stencil-icon-button-grid-action-header",{key:"5820a749fb6e543c7910e0cd3656fed0678a9bc1",showLabel:true,icon:r,onClick:()=>this.handleSelectionActionOnclick(),tooltip:"With Selected",iconClassName:"save-icon-class",count:this.selectedFeatureByBoxSelection.length},t("unity-typography",{key:"f327e07bfb489f48f143dbfae0ffebb5f9576e40",variant:"button"},"With Selected"))),t("div",{key:"36a130bcca1caee7c485127b9f74355146a825c1",id:"withSelectedOptionDiv"},this.selectedFeaturesActionPanel&&this.selectionActionAnchor&&t("udp-pop-over",{key:"28d20134ff2a727f9752034560850140688ee9a1",isOpen:this.selectionActionAnchor?true:false,anchorElement:this.selectionActionAnchor,handleOnClose:()=>this.handleCloseSelectionActionPopover(),popoverPlacement:"bottom-start"},t("div",{key:"19d6849f8ab4460b5345ae65b469aca1db069189",innerHTML:this.selectedFeaturesActionPanel})))),t("stencil-icon-button-grid-action-header",{key:"af786f6b09dc773997f4b6a09939f1cef1504d2e",showLabel:true,icon:a,onClick:()=>this.unselectFeatures(),tooltip:"Cancel selection",iconClassName:"save-icon-class"},t("unity-typography",{key:"629be3619fcb395a839770e37532d38d2412e381",variant:"button"},"Cancel Selection")))),t("div",{key:"b25d503b96afe55c1aa84d0cc4e389cd10db71fb",id:"addOption"},this.enableAdd&&!this.readOnlyMap&&t("div",{key:"335db1c9464c6c22d9454551ead0f9783525c3db",id:"addOptionButton"},t("custom-button",{key:"4b27cb8c1bdd4e62f340de48dece96648f176319",secondary:true,label:t("unity-typography",{variant:"button"},"Add"),onClick:()=>this.handleAddOnclick(),size:"tall"},t("udp-icon",{key:"130c534ff13a81d3e4994718ff8e18eb19d59713",iconName:"add32",darkIcon:false}))),this.addFeatureAnchor&&t("udp-pop-over",{key:"c5d0d63c8a8d5e14683864d5851ca21b8a71fff3",isOpen:this.addFeatureAnchor?true:false,anchorElement:this.addFeatureAnchor,handleOnClose:()=>this.handleCloseAddMapFeature(),popoverPlacement:"bottom-start",overflow:"visible"},t("add-map-feature-popup",{key:"168d45721040af9ec759aeda30839bd50bd76247",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"]}}};y.style=u;const v=".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:"8d85412f6b99188b7bd3634f51447ca81c96e364",class:"popoverContent"},this.enableTileSelection&&t("udp-selector",{key:"49bc9f01de9425b3b94897a6a947ec41eb49454f",id:"mapType",options:(e=this.tileOptions)!==null&&e!==void 0?e:[],initialValue:this.selectedTile.value,label:"Map Type",onChange:e=>{this.handleMapTypeInputChange(e)},large:false}),t("div",{key:"544e49072b516adc6cf357b016f9efa157377164",style:{height:"12px"}}),t("div",{key:"19f29c0ce2a4af9339d5aeb0a7557cb0713ac583"},t("text-field",{key:"3ba68e86abc0e49289d6039a1d05ed0122606fa3",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=v;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:"b81c0a9d5583868fc78ca3377ffd0c3958e7d549",class:"popoverContent"},t("udp-selector",{key:"43f2b19438893e5fd1b881d19e98cc88ac27340f",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)},large:false}))}};k.style=m;export{b as add_map_feature_popup,y as map_toolbar,g as select_layer_popup,k as split_line_popup};
+//# sourceMappingURL=p-64330dbb.entry.js.map

package/dist/stencil-library/p-65a5cce3.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as r,a as i}from"./p-CaIWDYyq.js";import{ModuleRegistry as d,ClientSideRowModelModule as s,ValidationModule as a,PaginationModule as o,AllCommunityModule as h,themeQuartz as c,createGrid as n}from"ag-grid-community-v33";d.registerModules([s,a,o,h]);const b=c.withParams({backgroundColor:"#FFE8E0",foregroundColor:"#361008CC",browserColorScheme:"light"},"light-red");const f=class{constructor(r){e(this,r);this.gridReady=t(this,"gridReady");this.headerConfig={};this.gridHeight="40vh";this.onGridReady=e=>{this.gridApi=e.api;this.gridReady.emit(this.gridApi)}}componentDidLoad(){const e=Object.assign({onGridReady:this.onGridReady,theme:b,pagination:true,defaultColDef:{sortable:true,filter:true}},this.gridConfig);n(this.el.querySelector("#myNewGrid"),e)}disconnectedCallback(){var e;(e=this.gridApi)===null||e===void 0?void 0:e.destroy()}async getGridApi(){return this.gridApi}render(){return r("div",{key:"27eb9cdaa0f1d15b932612cddd3ef58307b0f87d"},r("grid-header",{key:"e61b5726de062a47f65b5ba1f1980f4dcf3916fb",headerConfig:this.headerConfig}),r("div",{key:"b629a0a3cdd114395435bae7ff75ed85deca995b",id:"myNewGrid",style:{height:this.gridHeight}}))}get el(){return i(this)}};const l=class{constructor(t){e(this,t)}render(){const e=this.headerConfig;return r("div",{key:"24d68ea21e457f31ab1b47e5c8901f0e05e71b7e",class:"auto-header"},e.title&&r("h3",{key:"0a5c119e250b3d98b90a693181247052c45820e0"},e.title))}};export{f as ag_grid_base,l as grid_header};
+//# sourceMappingURL=p-65a5cce3.entry.js.map

package/dist/stencil-library/{p-5a946191.entry.js → p-70d8a0d8.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as r}from"./p-CaIWDYyq.js";const o=".sc-color-preview-h{display:block;padding:2rem}.container.sc-color-preview{display:flex;flex-direction:column;gap:2rem}.theme-section.sc-color-preview,.status-section.sc-color-preview{display:flex;flex-wrap:wrap;gap:2rem}.theme-section.sc-color-preview>div.sc-color-preview{width:100%;display:flex;gap:2rem;flex-wrap:wrap}.color-section.sc-color-preview{min-width:300px;flex:1}.color-grid.sc-color-preview{display:grid;gap:1rem;margin-top:1rem}.color-box.sc-color-preview{padding:1rem;border-radius:var(--border-radius);min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-family);font-size:0.875rem;box-shadow:var(--elevation-01)}";const t=class{constructor(r){e(this,r)}renderColorBox(e,o){return r("div",{class:"color-box",style:{backgroundColor:`var(${e})`,color:o?`var(${o})`:"#000"}},e)}renderColorSection(e,o,t=true){return r("div",{class:"color-section"},r("unity-typography",{variant:"h4"},e),r("div",{class:"color-grid"},this.renderColorBox(`--${o}-color`,t?`--${o}-contrast-text`:undefined),this.renderColorBox(`--${o}-color-dark`,t?`--${o}-contrast-text`:undefined),this.renderColorBox(`--${o}-color-light`,t?`--${o}-contrast-text`:undefined),this.renderColorBox(`--${o}-color-hint`,t?`--${o}-contrast-text`:undefined)))}renderStatusSection(e,o){return r("div",{class:"color-section"},r("unity-typography",{variant:"h4"},e),r("div",{class:"color-grid"},this.renderColorBox(`--${o}-color-main`,`--${o}-contrast-text`),this.renderColorBox(`--${o}-color-dark`,`--${o}-contrast-text`),this.renderColorBox(`--${o}-color-light`,`--${o}-contrast-text`),this.renderColorBox(`--${o}-color-hint`,`--${o}-contrast-text`)))}render(){return r("div",{key:"83bab5677e9b012f2613171f56186601dcb22c35",class:"container"},r("unity-typography",{key:"9424979242fe907b591c432694d3f68dec1381d5",variant:"h2"},"Unity Theme"),r("div",{key:"4de81a0b8c54535ec6b3f02b4e9d362b6ba45ffa",class:"theme-section"},r("div",{key:"341855b6c10a9b09a52b1af2ce2fe3edc404aa0b",class:"unity-theme"},this.renderColorSection("Primary Colors","primary"),this.renderColorSection("Secondary Colors","secondary"))),r("unity-typography",{key:"d9b1a40c61de06c24e372bf1340cc1dd4f6ef59c",variant:"h2"},"SAP Theme"),r("div",{key:"c024712b32c9e2c5c4ee6a148d28a3bce13f84ef",class:"theme-section"},r("div",{key:"d7687db962dd8247b6293cf736dcdb799f001f69",class:"sap-theme"},this.renderColorSection("Primary Colors","primary"),this.renderColorSection("Secondary Colors","secondary"))),r("unity-typography",{key:"989c69896f739de688cb4346711f34f0487cb52c",variant:"h2"},"Status Colors"),r("div",{key:"11dc72013d03a0dbf1f82cf7ad5cfe4bb00f2cda",class:"status-section"},this.renderStatusSection("Success","success"),this.renderStatusSection("Error","error"),this.renderStatusSection("Warning","warning"),this.renderStatusSection("Info","info"),this.renderStatusSection("Note","note")))}};t.style=o;export{t as color_preview};
-//# sourceMappingURL=p-5a946191.entry.js.map
+import{r as e,h as r}from"./p-CaIWDYyq.js";const o=".sc-color-preview-h{display:block;padding:2rem}.container.sc-color-preview{display:flex;flex-direction:column;gap:2rem}.theme-section.sc-color-preview,.status-section.sc-color-preview{display:flex;flex-wrap:wrap;gap:2rem}.theme-section.sc-color-preview>div.sc-color-preview{width:100%;display:flex;gap:2rem;flex-wrap:wrap}.color-section.sc-color-preview{min-width:300px;flex:1}.color-grid.sc-color-preview{display:grid;gap:1rem;margin-top:1rem}.color-box.sc-color-preview{padding:1rem;border-radius:var(--border-radius);min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-family);font-size:0.875rem;box-shadow:var(--elevation-01)}";const t=class{constructor(r){e(this,r)}renderColorBox(e,o){return r("div",{class:"color-box",style:{backgroundColor:`var(${e})`,color:o?`var(${o})`:"#000"}},e)}renderColorSection(e,o,t=true){return r("div",{class:"color-section"},r("unity-typography",{variant:"h4"},e),r("div",{class:"color-grid"},this.renderColorBox(`--${o}-color`,t?`--${o}-contrast-text`:undefined),this.renderColorBox(`--${o}-color-dark`,t?`--${o}-contrast-text`:undefined),this.renderColorBox(`--${o}-color-light`,t?`--${o}-contrast-text`:undefined),this.renderColorBox(`--${o}-color-hint`,t?`--${o}-contrast-text`:undefined)))}renderStatusSection(e,o){return r("div",{class:"color-section"},r("unity-typography",{variant:"h4"},e),r("div",{class:"color-grid"},this.renderColorBox(`--${o}-color-main`,`--${o}-contrast-text`),this.renderColorBox(`--${o}-color-dark`,`--${o}-contrast-text`),this.renderColorBox(`--${o}-color-light`,`--${o}-contrast-text`),this.renderColorBox(`--${o}-color-hint`,`--${o}-contrast-text`)))}render(){return r("div",{key:"114ba9219a120170f05d9c1dc5f7d08a818060ef",class:"container"},r("unity-typography",{key:"713b830c1f01e5b99d7be799c78cc189b70a4209",variant:"h2"},"Unity Theme"),r("div",{key:"3f4e7a89b6735e36581c68feea7c5c2c63b2dee5",class:"theme-section"},r("div",{key:"dd46dcc278fe16a6534bee50c77e3e6311c0cf85",class:"unity-theme"},this.renderColorSection("Primary Colors","primary"),this.renderColorSection("Secondary Colors","secondary"))),r("unity-typography",{key:"54da088bb54a15dbea836a09c4117b95d8fec524",variant:"h2"},"SAP Theme"),r("div",{key:"3f03a167a92e8eb644789061dedc09159333e069",class:"theme-section"},r("div",{key:"6a75d30242bbe55b8d5e0cea471506e7aad9e1fd",class:"sap-theme"},this.renderColorSection("Primary Colors","primary"),this.renderColorSection("Secondary Colors","secondary"))),r("unity-typography",{key:"6076e181d5423f46158b52eb25afb628bdd06263",variant:"h2"},"Status Colors"),r("div",{key:"6d8fa252eb3cf6704482fab45502a320f3fe5305",class:"status-section"},this.renderStatusSection("Success","success"),this.renderStatusSection("Error","error"),this.renderStatusSection("Warning","warning"),this.renderStatusSection("Info","info"),this.renderStatusSection("Note","note")))}};t.style=o;export{t as color_preview};
+//# sourceMappingURL=p-70d8a0d8.entry.js.map

package/dist/stencil-library/{p-79065768.entry.js → p-8119eb18.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-CaIWDYyq.js";const s=".container{display:flex;height:100%;width:100%}.container:not(.open){display:none}.panel{flex-grow:1;overflow:auto;cursor:default;}.resizer{background-color:transparent;height:100vh;cursor:ew-resize;position:relative;display:flex;align-items:center;justify-content:center;padding:0 2px;box-sizing:content-box;transition:background-color 0.3s ease;}.resizer:hover{background-color:var(--primary-color);cursor:ew-resize;}.resizer:hover::before{background-color:transparent;}.resizer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:rgb(219, 219, 219);transition:background-color 0.3s ease;}.drag-handle{content:'';font-size:24px;color:#666;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}";const o=class{constructor(t){e(this,t);this.isOpen=true;this.panelWidth=75;this.isDragging=false;this.handleDrag=e=>{console.log("Dragging");const t=this.element.getBoundingClientRect();const s=(e.clientX-t.left)/t.width*100;const o=Math.max(2,Math.min(s,98));localStorage.setItem("panelWidth",this.panelWidth.toString());if(this.panelWidth!==o){this.panelWidth=o;localStorage.setItem("panelWidth",this.panelWidth.toString())}}}async toggleOpen(){this.isOpen=!this.isOpen}componentDidLoad(){this.element.addEventListener("mousedown",(e=>{this.isDragging=true;e.preventDefault()}));document.addEventListener("mousemove",(e=>{if(!this.isDragging)return;if(this.isDragging){const t=this.element.getBoundingClientRect();const s=(e.clientX-t.left)/t.width*100;this.panelWidth=Math.max(2,Math.min(s,98))}this.handleDrag(e)}));document.addEventListener("mouseup",(()=>{if(this.isDragging){this.isDragging=false}}))}async componentWillLoad(){const e=localStorage.getItem("panelWidth");if(e){this.panelWidth=parseFloat(e)}}render(){return t("div",{key:"48bb316c887e5dd643a4b33168336865e646dacf",ref:e=>this.element=e,class:{container:true,open:this.isOpen}},t("div",{key:"ac57bfae5daa646950314ac4452c550fa524599e",class:"panel",style:{width:`${this.panelWidth}%`}},t("slot",{key:"646d0b71e4d6425b3c69059c7f4f5c7a187251cb",name:"first-panel"})),t("div",{key:"1512cc23d3905f38cb42562609efe573f21564cb",class:"resizer",onMouseDown:e=>e.preventDefault()},t("div",{key:"816dbf7eb68dec975675c265f51ef811bcff6ea3",class:"drag-handle"})),t("div",{key:"fc1cb866cafec9ecb40f1513ba5759e79a319daa",class:"panel",style:{width:`${100-this.panelWidth}%`}},t("slot",{key:"3242c07e700392da5ef2b3439b14db9a2a4114eb",name:"second-panel"},this.panelContent)))}};o.style=s;export{o as udp_split_screen};
-//# sourceMappingURL=p-79065768.entry.js.map
+import{r as e,h as t}from"./p-CaIWDYyq.js";const s=".container{display:flex;height:100%;width:100%}.container:not(.open){display:none}.panel{flex-grow:1;overflow:auto;cursor:default;}.resizer{background-color:transparent;height:100vh;cursor:ew-resize;position:relative;display:flex;align-items:center;justify-content:center;padding:0 2px;box-sizing:content-box;transition:background-color 0.3s ease;}.resizer:hover{background-color:var(--primary-color);cursor:ew-resize;}.resizer:hover::before{background-color:transparent;}.resizer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:rgb(219, 219, 219);transition:background-color 0.3s ease;}.drag-handle{content:'';font-size:24px;color:#666;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}";const o=class{constructor(t){e(this,t);this.isOpen=true;this.panelWidth=75;this.isDragging=false;this.handleDrag=e=>{console.log("Dragging");const t=this.element.getBoundingClientRect();const s=(e.clientX-t.left)/t.width*100;const o=Math.max(2,Math.min(s,98));localStorage.setItem("panelWidth",this.panelWidth.toString());if(this.panelWidth!==o){this.panelWidth=o;localStorage.setItem("panelWidth",this.panelWidth.toString())}}}async toggleOpen(){this.isOpen=!this.isOpen}componentDidLoad(){this.element.addEventListener("mousedown",(e=>{this.isDragging=true;e.preventDefault()}));document.addEventListener("mousemove",(e=>{if(!this.isDragging)return;if(this.isDragging){const t=this.element.getBoundingClientRect();const s=(e.clientX-t.left)/t.width*100;this.panelWidth=Math.max(2,Math.min(s,98))}this.handleDrag(e)}));document.addEventListener("mouseup",(()=>{if(this.isDragging){this.isDragging=false}}))}async componentWillLoad(){const e=localStorage.getItem("panelWidth");if(e){this.panelWidth=parseFloat(e)}}render(){return t("div",{key:"c6e5fdfbdc2aa2e61446a1021bb4537bc2777894",ref:e=>this.element=e,class:{container:true,open:this.isOpen}},t("div",{key:"c9bc0e3c0a276a1bee971086d43067813293f76c",class:"panel",style:{width:`${this.panelWidth}%`}},t("slot",{key:"57e4dc5dacee687af0a5be34e0cd75f12251a2a2",name:"first-panel"})),t("div",{key:"0b6e5b5f5323236b0de818f21a6a885b440d0c84",class:"resizer",onMouseDown:e=>e.preventDefault()},t("div",{key:"3cfcacc4896b6a98ed7c45cf572e211df42e6ae1",class:"drag-handle"})),t("div",{key:"59e14c16bb916315856611ae31ab7313a6687c6e",class:"panel",style:{width:`${100-this.panelWidth}%`}},t("slot",{key:"ef60ffa349ce94478897a4ee8fd3415e31b361c3",name:"second-panel"},this.panelContent)))}};o.style=s;export{o as udp_split_screen};
+//# sourceMappingURL=p-8119eb18.entry.js.map

package/dist/stencil-library/{p-2f99476a.entry.js → p-86cd0134.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,a as s}from"./p-CaIWDYyq.js";import e from"ol/Map";import h from"ol/View";import o from"ol/layer/Tile";import n from"ol/source/OSM";import l from"ol/layer/Vector";import a from"ol/source/Vector";import{Zoom as r,FullScreen as d}from"ol/control";import f from"proj4";import{register as c}from"ol/proj/proj4";import{Select as u,Draw as p,defaults as v,DragRotateAndZoom as m}from"ol/interaction";import{Feature as y,Overlay as w}from"ol";import{h as b,a as S,b as g,c as O,d as M,e as F,s as P}from"./p-_3wImzvq.js";import{Point as L,LineString as C,Polygon as j}from"ol/geom";import*as x from"@turf/turf";import{createBox as z}from"ol/interaction/Draw";import{transformExtent as B}from"ol/proj";import{click as T}from"ol/events/condition";import{first as D,debounce as A}from"lodash";import{S as I,D as V,P as k}from"./p-CwN0FuAf.js";import"ol/format/GeoJSON";const Z=(t,i,s,e,h,o,n,l,a,r,d)=>{const f=new u({condition:t=>T(t),multi:false,hitTolerance:30});f.set("id",I);f.on("select",(async l=>{if(!a&&!t){if(l.selected.length>0){const t=D(l.selected);if(d){let i=await d(l.selected);if(i&&typeof i==="object"){Object.keys(i).forEach((s=>{t.values_[`${s}`]=i[s]}))}}i(t);if(h){h(t)}s(t);o(t);if(n){let i=n(t);if(b(i)){t.setStyle(i)}}}else{s(null);e(false)}}}));r(f);l(f)};const E=(t,i,s,e,h,o,n,a,r,d,f,c,u,v,m,y)=>{e(true);h(true);o(null);u([]);v(i);n();if(t){if(a){d(a)}const e={type:"Circle"};if(i==="box"){e.geometryFunction=z()}else if(i==="polygon"){e.type="Polygon"}else if(i==="lasso"){e.type="Polygon";e.freehand=true}const o=new p(e);r(o);f(o);o.setActive(true);let n=[];o.on("drawend",(i=>{d(a);let e=i.feature.getGeometry().getExtent();e=B(e,t.getView().getProjection(),s);t.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();const s=i.getFeaturesInExtent(e).filter((t=>t.getGeometry().intersectsExtent(e)&&!c.includes(t)));if(m){s.forEach((t=>{let i=m(t);if(b(i)){t.setStyle(i)}}))}n.push(...s)}}));if(n.length>0){let t=(c===null||c===void 0?void 0:c.length)>0?[...c,...n]:n;u(t);if(y){y(c)}}h(false);o.setActive(false)}));r(o)}};const N=(t,i,s="Point",e,h,o,n,r,d,f,c,u)=>{var v,m,y,w;if(d){d(null)}r(true);if(h){e(h)}let b=new a;if(i){(v=t===null||t===void 0?void 0:t.getLayers())===null||v===void 0?void 0:v.forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){b=t.getSource()}}}))}else{b=(w=(y=(m=t===null||t===void 0?void 0:t.getLayers())===null||m===void 0?void 0:m.getArray())===null||y===void 0?void 0:y.find((t=>t instanceof l&&t.get("id")===V)))===null||w===void 0?void 0:w.getSource()}const S=new p({source:b,type:s.value});o(S);S.on("drawend",(function(t){const e=t.feature;let h=e.getGeometry();if(h instanceof L||h instanceof C||h instanceof j){let t={feature:e,type:s,coordinates:h.getCoordinates(),geometry:h,layer:i,source:b};if(n){n(t)}if(!c){u()}}}));f(S)};const R=(t,i,s,e,h,o,n,r)=>{if(s){o(s)}e(null);h(true);let d=new a;t.getLayers().forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){d=t.getSource()}}}));const f=new p({source:d,type:"LineString"});e(f);f.on("drawend",(function(t){const i=t.feature;const s=i.getGeometry();if(s instanceof C){const e=s.getCoordinates();const h=x.lineString(e);let o;let n=new y;let l=new y;d.getFeatures().forEach((t=>{const i=t.getGeometry();if(i instanceof C){let t=i.getCoordinates();const s=x.lineString(t);o=x.lineIntersect(s,h);if(o.features.length>0){const t=o.features[0].geometry.coordinates;const i=[s.geometry.coordinates[0],t];const e=[t,s.geometry.coordinates[1]];n=new y({geometry:new C(i),name:"Split LineString 1"});l=new y({geometry:new C(e),name:"Split LineString 2"})}}}));d.removeFeature(i);d.removeFeature(t.feature);d.addFeature(n);d.addFeature(l);let a={originalFeature:i,newFeature1:n,newFeature2:l};if(r){r(a)}}}));n(f);e(f)};const W=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const _=class{constructor(i){t(this,i);this.data=[];this.isGeoJsonFormat=true;this.enableZoom=true;this.mapZoom=17;this.mapCenter=[0,0];this.mapHeight="80vh";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.initialSelectedLayers=[];this.bulkSelectedFeaturesActionPanel="";this.filterLayersByRole=false;this.layerKeySeparator="";this.filteredLayerOptionsByRole=[];this.readOnlyMap=false;this.enableViewFeature=true;this.bulkSelectionActive=false;this.splitActive=false;this.enableDragBox=false;this.enableAddNewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.popoverCardConfig={};this.minZoom=0;this.maxZoom=28;this.definedProjection=false;this.anchorElement=null;this.showPopOver=false;this.isReadOnlyFeature=false;this.mapFeatures=[];this.initializeMap=(t,i)=>{var s;this.definedProjection=this.registerProjection(this.crs);this.filterLayerOptions();let f=[];if(this.tileLayersOptions&&((s=this.tileLayersOptions)===null||s===void 0?void 0:s.length)>0){for(let t of this.tileLayersOptions){const i=new o({source:t===null||t===void 0?void 0:t.source,properties:{value:t===null||t===void 0?void 0:t.name,isBaseTile:true},visible:this.defaultTileOptionName?(t===null||t===void 0?void 0:t.name)===this.defaultTileOptionName:true});f[f.length]=i}}else{const t=new o({source:new n,properties:{value:"Open Street Map",isBaseTile:true},visible:true});f[f.length]=t}f.push(new l({source:new a({}),properties:{id:V}}));this.anchorElement=i;const c=new h({center:this.mapCenter,zoom:this.mapZoom,projection:this.mapProjection,minZoom:this.minZoom,maxZoom:this.maxZoom});this.mapInstance=new e({target:i,layers:f,view:c,interactions:v().extend([new m]),controls:[new r,new d],overlays:[new w({element:t,autoPan:{animation:{duration:250}},id:k})]});this.mapInstance.on("moveend",A((()=>{this.getMapExtentAndZoom()}),500));this.setVectorLayers();this.addSelectInteraction();if(this.handleSetMapComponent){this.handleSetMapComponent(this.mapInstance)}};this.setVectorLayers=()=>{let t=S(this.data,this.isGeoJsonFormat,this.geoJsonMappingConfig,this.filterPanel,this.filterPanelCallback);this.mapFeatures=g(t,this.crs,this.definedProjection,this.mapProjection,this.mapDataProjection,this.getFilteredMapData);let i=this.getVisibleLayersOnLoad(this.layerOptions);this.addVectorLayersToMap(this.mapFeatures,i);this.updateIntialSelectedLayersVisibility()};this.clearVectorLayers=()=>{var t,i,s;const e=(s=(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getLayers())===null||i===void 0?void 0:i.getArray())!==null&&s!==void 0?s:[];e.forEach((t=>{if(t instanceof l&&t.get("id")!==V){this.mapInstance.removeLayer(t)}}))};this.registerProjection=t=>{if((t===null||t===void 0?void 0:t.length)>0){f.defs(t);c(f);return true}return false};this.filterLayerOptions=()=>{let t=this.filterLayersByRole?O(this.user,this.layerRoles,this.layerOptions):this.layerOptions;this.handleSetFilteredLayerOptionsByRole(t)};this.addVectorLayersToMap=(t,i)=>{var s;if(t&&this.mapInstance){if(this.getVectorLayerSources){(s=this.getVectorLayerSources(i,t))===null||s===void 0?void 0:s.forEach((t=>{var i;const s=new a({features:(i=t===null||t===void 0?void 0:t.features)!==null&&i!==void 0?i:[]});const e=new l({source:s,properties:{value:t===null||t===void 0?void 0:t.layer},style:this.getFeatureStyles});this.mapInstance.addLayer(e)}))}else{for(let s of i){const i=t===null||t===void 0?void 0:t.filter((t=>{const i=t.getProperties();if(this.getFeatureStyles){let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}const e=M(this.layerKeys,this.layerKeySeparator,i);return s===e}));const e=new a({features:i});const h=new l({source:e,properties:{value:s}});this.mapInstance.addLayer(h)}}}};this.getVisibleLayersOnLoad=t=>{const i=this.filterLayersByRole?O(this.user,this.layerRoles,t):t;const s=F(i);return s};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.mapInstance)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===V?i.setVisible(true):i.setVisible(false)}}))};this.insertFeatureStyles=()=>{if(this.getFeatureStyles){this.mapInstance.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();i.getFeatures().forEach((t=>{let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}))}}))}};this.addSelectInteraction=()=>{Z(this.splitActive,this.handleSetCurrentSelectedFeature,this.handleSetSelectedFeatureProperties,this.handleSetShowPopOver,this.handleSetSelectedFeatureOnSelect,this.showPopper,this.getSelectedFeatureStyles,this.handleAddInteraction,this.enableDragBox,this.handleUpdateSelectInteraction,this.handleGetAdditionalFeaturePropertiesOnSelect)};this.handleUpdateSelectInteraction=t=>{this.selectInteraction=t};this.handleSetCurrentSelectedFeature=t=>{this.currentSelectedFeature=t};this.handleSetShowPopOver=t=>{this.showPopOver=t};this.showPopper=t=>{if(!this.enableDragBox&&!this.enableAddNewFeature&&!this.splitActive&&t){const i=this.mapInstance.getOverlayById(k);if(i){if(t.getGeometry()instanceof L){i.setPosition(t.getGeometry().getCoordinates())}else if(t.getGeometry()instanceof C){i.setPosition(t.getGeometry().getCoordinates()[0])}else if(t.getGeometry()instanceof j){i.setPosition(t.getGeometry().getCoordinates()[0][0])}}this.showPopOver=true}};this.handleOnCloseFeaturePopover=t=>{if(this.additionalOnclosePopover){this.additionalOnclosePopover(t)}if(this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}this.showPopOver=false};this.handleAddInteraction=t=>{this.mapInstance.addInteraction(t)};this.handleShowMarkerFromExternal=t=>{var i,s;if(t&&this.mapFeatures&&this.selectInteraction){const e=(i=this.mapFeatures)===null||i===void 0?void 0:i.find((i=>(i===null||i===void 0?void 0:i.getId())===t));const h=e===null||e===void 0?void 0:e.getProperties();if(e){this.handleSetSelectedFeatureProperties(e);const t=M(this.layerKeys,this.layerKeySeparator,h);const i=F(this.filteredLayerOptionsByRole);if(!((s=this.selectedLayers)===null||s===void 0?void 0:s.includes(t))&&(i===null||i===void 0?void 0:i.includes(t))&&this.handleSetSelectedLayers){const i=[...this.selectedLayers,t];this.handleSetSelectedLayers(i);this.updateLayerVisibility(i)}const o=this.selectInteraction.getFeatures();const n=o.getArray().slice();o.clear();o.push(e);this.selectInteraction.dispatchEvent({type:"select",selected:[e],deselected:n,mapBrowserEvent:null})}}}}componentDidLoad(){requestAnimationFrame((()=>{const t=this.el.shadowRoot.querySelector("#featureDetailsPopOverContainer");const i=this.el.shadowRoot.querySelector("#map");if(t&&i){this.initializeMap(t,i)}}))}reinitializeMap(){this.clearVectorLayers();this.setVectorLayers()}resetPopover(){this.showPopOver=false}updateProjection(){if(this.crs){this.definedProjection=this.registerProjection(this.crs)}}updateFilteredLayerOptions(){this.filterLayerOptions()}handleSelectFeatureOnMap(){var t;if(this.selectedFeatureIdExternal&&((t=this.selectInteraction)===null||t===void 0?void 0:t.getActive())){this.handleShowMarkerFromExternal(this.selectedFeatureIdExternal)}else if(this.selectedFeatureIdExternal&&this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}}updateReadOnlyLayers(){var t;if(this.selectedFeatureProperties){const i=M(this.layerKeys,this.layerKeySeparator,this.selectedFeatureProperties);this.isReadOnlyFeature=(t=this.readOnlyLayers)===null||t===void 0?void 0:t.includes(i)}}handleUpdateInitialSelectedLayersVisibility(){this.updateIntialSelectedLayersVisibility()}updateMapView(){if(this.mapInstance){const t=this.mapInstance.getView().getCenter();const i=this.mapInstance.getView().getZoom();this.mapInstance.setView(new h({center:t,zoom:i,projection:this.mapProjection}))}}updateMapCenter(){var t;if(this.mapInstance&&this.mapCenter){(t=this.mapInstance.getView())===null||t===void 0?void 0:t.setCenter(this.mapCenter)}}updateFeatureStyles(){if(this.mapInstance){this.insertFeatureStyles()}}updateMinZoom(){var t,i;if(this.mapInstance&&this.minZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMinZoom(this.minZoom)}}updateMaxZoom(){var t,i;if(this.mapInstance&&this.maxZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMaxZoom(this.maxZoom)}}getMapExtentAndZoom(){if(this.handleGetZoomExtent){const t=this.mapInstance.getView().calculateExtent(this.mapInstance.getSize());const i=this.mapInstance.getView().getZoom();this.handleGetZoomExtent(i,t)}}updateIntialSelectedLayersVisibility(){let t=P(this.filteredLayerOptionsByRole,this.initialSelectedLayers);this.updateLayerVisibility(t);if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}}render(){return i("div",{key:"238a435b8669f3faf293707490acd0a1e49d156a"},i("div",{key:"4b502e433c24133abf9cad73324801048cfa7cba",id:"map",style:{height:this.mapHeight,width:"100%",overflow:"hidden"}},i("slot",{key:"eb405c79cb5182d04b5fe52d61ff6f75cd235614"})),i("div",{key:"c94c5d9845d738d168141cc1716671e21793993f",id:"featureDetailsPopOverContainer"},i("feature-details-popup",{key:"1d5bf0a60d6b7d71930309acefb9786f0fef4d11",currentSelectedFeature:this.currentSelectedFeature,data:this.selectedFeatureProperties,coordinates:this.selectedFeatureCoordinates,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,popOverAnchorElement:this.anchorElement,showPopOver:this.showPopOver,isReadOnly:this.isReadOnlyFeature,additionalOnclosePopover:this.handleOnCloseFeaturePopover,primaryActions:this.popoverPrimaryActions,moreIconActions:this.popoverMoreIconButtonActions,getMessage:this.getMessagePopover,getMessageIcon:this.getMessageIconPopover,hideMessageIcon:this.hideMessageIconPopover,cardConfig:this.popoverCardConfig,popoverWidth:this.popoverWidth})))}get el(){return s(this)}static get watchers(){return{data:["reinitializeMap","resetPopover"],layerOptions:["reinitializeMap","updateFilteredLayerOptions"],mapDataProjection:["reinitializeMap"],mapProjection:["reinitializeMap","updateMapView"],crs:["updateProjection"],layerRoles:["updateFilteredLayerOptions"],user:["updateFilteredLayerOptions"],selectedFeatureIdExternal:["handleSelectFeatureOnMap"],readOnlyLayers:["updateReadOnlyLayers"],selectedFeatureProperties:["updateReadOnlyLayers"],initialSelectedLayers:["handleUpdateInitialSelectedLayersVisibility"],mapCenter:["updateMapCenter"],getMapStyles:["updateFeatureStyles"],minZoom:["updateMinZoom"],maxZoom:["updateMaxZoom"]}}};_.style=W;const q=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const U=class{constructor(i){t(this,i);this.mapTitle="";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.bulkSelectedFeaturesActionPanel="";this.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.filteredLayerOptionsByRole=[];this.enableDragBox=false;this.splitActive=false;this.enableAddNewFeature=false;this.readOnlyLayers=[];this.selectedTile={label:"Open Street Map",value:"Open Street Map"};this.selectedBulkSelectionType="box";this.selectedFeatureByBoxSelection=[];this.tileSelectOptions=[{label:"Open Street Map",value:"Open Street Map"}];this.newFeatureObjectsAdded=[];this.showSplitButton=false;this.setEnableDragBox=t=>{this.handleSetEnableDragBox(t)};this.setBulkSelectonActive=t=>{this.handleSetBulkSelectionActive(t)};this.getTileLayerOptions=()=>{this.tileSelectOptions=this.tileLayersOptions.map((t=>({label:t===null||t===void 0?void 0:t.name,value:t===null||t===void 0?void 0:t.name})));this.selectedTile=this.tileSelectOptions.filter((t=>t.value===this.defaultTileOptionName))[0]};this.handleSelectTile=t=>{var i;if(!t)return;this.selectedTile=t;if(this.enableTileSelection&&((i=this.tileLayersOptions)===null||i===void 0?void 0:i.length)>0){const i=this.tileLayersOptions.find((i=>(i===null||i===void 0?void 0:i.name)===t.value));if(!i)return;const s=this.map.getLayers().getArray().filter((t=>t.get("isBaseTile")));s.forEach((t=>{this.map.removeLayer(t)}));const e=new o({source:i.source,visible:true,zIndex:0,properties:{value:i.name,isBaseTile:true}});this.map.getLayers().insertAt(0,e)}};this.handleSelectLayers=t=>{if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}this.updateLayerVisibility(t);if(this.handleSelectLayersCallback){this.handleSelectLayersCallback(t)}};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.map)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===V?i.setVisible(true):i.setVisible(false)}}))};this.bulkSelectDraw=(t,i)=>{E(this.map,t,i,this.setBulkSelectonActive,this.setEnableDragBox,this.handleSetSelectedFeatureProperties,this.clearSelectFeatureInteraction,this.currentBulkSelectDrawInteraction,this.handleSetCurrentBulkSelectDrawInteraction,this.handleRemoveInteraction,this.handleAddInteraction,this.selectedFeatureByBoxSelection,this.handleSetSelectedFeatureByBoxSelection,this.handleSetSelectedBulkSelectionType,this.getSelectedFeatureStyles,this.handleSetSelectedFeaturesOnBulkSelect)};this.clearSelectFeatureInteraction=()=>{if(this.selectFeatureInteraction){this.selectFeatureInteraction.getFeatures().clear();this.selectFeatureInteraction.setActive(false)}};this.handleSetCurrentBulkSelectDrawInteraction=t=>{this.currentBulkSelectDrawInteraction=t};this.handleSetSelectedFeatureByBoxSelection=t=>{this.selectedFeatureByBoxSelection=t};this.handleSetSelectedBulkSelectionType=t=>{this.selectedBulkSelectionType=t};this.handleCancelBulkSelectDraw=()=>{this.setBulkSelectonActive(false);this.setEnableDragBox(false);this.currentBulkSelectDrawInteraction.setActive(false);this.map.removeInteraction(this.currentBulkSelectDrawInteraction)};this.handleBulkUnselectFeatures=()=>{if(this.selectedFeatureByBoxSelection.length>0&&this.getFeatureStyles){this.selectedFeatureByBoxSelection.forEach((t=>{let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}))}this.setEnableDragBox(false);this.setBulkSelectonActive(false);this.selectedFeatureByBoxSelection=[];if(this.handleSetSelectedFeaturesOnBulkSelect){this.handleSetSelectedFeaturesOnBulkSelect([])}};this.startDrawingMapFeature=(t,i="Point")=>{N(this.map,t,i,this.handleRemoveInteraction,this.currentAddFeatureDrawInteraction,this.handleSetCurrentInteraction,this.handleGetFeatureObject,this.handleEnableAddNewFeature,this.handleSetSelectedFeatureProperties,this.handleAddInteraction,this.addMultipleFeatures,this.addNewFeature)};this.handleGetFeatureObject=t=>{this.newFeatureObjectsAdded=[...this.newFeatureObjectsAdded,...[t]]};this.handleAddInteraction=t=>{this.map.addInteraction(t);this.currentAddFeatureDrawInteraction=t};this.handleRemoveInteraction=t=>{this.map.removeInteraction(t);this.currentAddFeatureDrawInteraction=null};this.handleSetCurrentInteraction=t=>{this.currentAddFeatureDrawInteraction=t};this.cancelAddNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction)};this.addNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction);if(this.handleAddNewFeatures){this.handleAddNewFeatures(this.newFeatureObjectsAdded)}};this.handleStartSplitting=t=>{this.handleSetSplit(true);this.splitActive=true;R(this.map,t,this.currentSplitInteraction,this.handleSetCurrentSplitInteraction,this.handleSetSplit,this.handleRemoveInteraction,this.handleAddInteraction,this.handleRetrieveSplitFeature)};this.handleSetSplit=t=>{this.handleSetSplitActive(t);this.showSplitButton=t};this.handleRetrieveSplitFeature=t=>{this.splitFeatureDetails=t};this.handleSetCurrentSplitInteraction=t=>{this.currentSplitInteraction=t};this.handleCancelSplit=()=>{this.handleSetSplit(false);this.splitActive=false;this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null};this.handleSaveSplit=()=>{this.handleSetSplit(false);this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null;this.handleSplitFeature(this.splitFeatureDetails)}}componentWillLoad(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}updateTileSelectOptions(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}render(){return i("map-toolbar",{key:"ef9c399c5aff7330ece3eaec4ba72971d7666987",map:this.map,mapTitle:this.mapTitle,layerOptions:this.layerOptions,handleSelectLayers:this.handleSelectLayers,visibleLayers:this.selectedLayers,tileOptions:this.tileSelectOptions,handleSelectTile:this.handleSelectTile,selectedTile:this.selectedTile,enableTileSelection:this.enableTileSelection,filterPanel:this.filterPanel,enableDragBox:this.enableDragBox,selectedFeatureByBoxSelection:this.selectedFeatureByBoxSelection,handleUnselectFeatures:this.handleBulkUnselectFeatures,selectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleCancelBoxSelection:this.handleCancelBulkSelectDraw,handleBulkSelectionTypeOnChange:this.bulkSelectDraw,mapProjection:this.mapProjection,refreshEvent:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,enableAddNewFeature:this.enableAddNewFeature,handleStartDrawingMapFeature:this.startDrawingMapFeature,cancelAddNewFeature:this.cancelAddNewFeature,addNewFeature:this.addNewFeature,enableSplit:this.enableSplitFeature,handleStartSplitting:this.handleStartSplitting,handleCancelSplit:this.handleCancelSplit,handleSaveSplit:this.handleSaveSplit,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,addMultipleFeatures:this.addMultipleFeatures,showSplitButton:this.showSplitButton,readOnlyLayers:this.readOnlyLayers,addFeaturePanelConfig:this.addFeaturePanelConfig})}get el(){return s(this)}static get watchers(){return{tileLayersOptions:["updateTileSelectOptions"]}}};U.style=q;export{_ as map_component,U as udp_map_toolbar};
-//# sourceMappingURL=p-2f99476a.entry.js.map
+import{r as t,h as i,a as s}from"./p-CaIWDYyq.js";import e from"ol/Map";import h from"ol/View";import o from"ol/layer/Tile";import n from"ol/source/OSM";import l from"ol/layer/Vector";import a from"ol/source/Vector";import{Zoom as r,FullScreen as d}from"ol/control";import f from"proj4";import{register as c}from"ol/proj/proj4";import{Select as u,Draw as p,defaults as v,DragRotateAndZoom as m}from"ol/interaction";import{Feature as y,Overlay as w}from"ol";import{h as b,a as S,b as g,c as O,d as M,e as F,s as P}from"./p-_3wImzvq.js";import{Point as L,LineString as C,Polygon as j}from"ol/geom";import*as x from"@turf/turf";import{createBox as z}from"ol/interaction/Draw";import{transformExtent as B}from"ol/proj";import{click as T}from"ol/events/condition";import{first as D,debounce as A}from"lodash";import{S as I,D as V,P as k}from"./p-CwN0FuAf.js";import"ol/format/GeoJSON";const Z=(t,i,s,e,h,o,n,l,a,r,d)=>{const f=new u({condition:t=>T(t),multi:false,hitTolerance:30});f.set("id",I);f.on("select",(async l=>{if(!a&&!t){if(l.selected.length>0){const t=D(l.selected);if(d){let i=await d(l.selected);if(i&&typeof i==="object"){Object.keys(i).forEach((s=>{t.values_[`${s}`]=i[s]}))}}i(t);if(h){h(t)}s(t);o(t);if(n){let i=n(t);if(b(i)){t.setStyle(i)}}}else{s(null);e(false)}}}));r(f);l(f)};const E=(t,i,s,e,h,o,n,a,r,d,f,c,u,v,m,y)=>{e(true);h(true);o(null);u([]);v(i);n();if(t){if(a){d(a)}const e={type:"Circle"};if(i==="box"){e.geometryFunction=z()}else if(i==="polygon"){e.type="Polygon"}else if(i==="lasso"){e.type="Polygon";e.freehand=true}const o=new p(e);r(o);f(o);o.setActive(true);let n=[];o.on("drawend",(i=>{d(a);let e=i.feature.getGeometry().getExtent();e=B(e,t.getView().getProjection(),s);t.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();const s=i.getFeaturesInExtent(e).filter((t=>t.getGeometry().intersectsExtent(e)&&!c.includes(t)));if(m){s.forEach((t=>{let i=m(t);if(b(i)){t.setStyle(i)}}))}n.push(...s)}}));if(n.length>0){let t=(c===null||c===void 0?void 0:c.length)>0?[...c,...n]:n;u(t);if(y){y(c)}}h(false);o.setActive(false)}));r(o)}};const N=(t,i,s="Point",e,h,o,n,r,d,f,c,u)=>{var v,m,y,w;if(d){d(null)}r(true);if(h){e(h)}let b=new a;if(i){(v=t===null||t===void 0?void 0:t.getLayers())===null||v===void 0?void 0:v.forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){b=t.getSource()}}}))}else{b=(w=(y=(m=t===null||t===void 0?void 0:t.getLayers())===null||m===void 0?void 0:m.getArray())===null||y===void 0?void 0:y.find((t=>t instanceof l&&t.get("id")===V)))===null||w===void 0?void 0:w.getSource()}const S=new p({source:b,type:s.value});o(S);S.on("drawend",(function(t){const e=t.feature;let h=e.getGeometry();if(h instanceof L||h instanceof C||h instanceof j){let t={feature:e,type:s,coordinates:h.getCoordinates(),geometry:h,layer:i,source:b};if(n){n(t)}if(!c){u()}}}));f(S)};const R=(t,i,s,e,h,o,n,r)=>{if(s){o(s)}e(null);h(true);let d=new a;t.getLayers().forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){d=t.getSource()}}}));const f=new p({source:d,type:"LineString"});e(f);f.on("drawend",(function(t){const i=t.feature;const s=i.getGeometry();if(s instanceof C){const e=s.getCoordinates();const h=x.lineString(e);let o;let n=new y;let l=new y;d.getFeatures().forEach((t=>{const i=t.getGeometry();if(i instanceof C){let t=i.getCoordinates();const s=x.lineString(t);o=x.lineIntersect(s,h);if(o.features.length>0){const t=o.features[0].geometry.coordinates;const i=[s.geometry.coordinates[0],t];const e=[t,s.geometry.coordinates[1]];n=new y({geometry:new C(i),name:"Split LineString 1"});l=new y({geometry:new C(e),name:"Split LineString 2"})}}}));d.removeFeature(i);d.removeFeature(t.feature);d.addFeature(n);d.addFeature(l);let a={originalFeature:i,newFeature1:n,newFeature2:l};if(r){r(a)}}}));n(f);e(f)};const W=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const _=class{constructor(i){t(this,i);this.data=[];this.isGeoJsonFormat=true;this.enableZoom=true;this.mapZoom=17;this.mapCenter=[0,0];this.mapHeight="80vh";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.initialSelectedLayers=[];this.bulkSelectedFeaturesActionPanel="";this.filterLayersByRole=false;this.layerKeySeparator="";this.filteredLayerOptionsByRole=[];this.readOnlyMap=false;this.enableViewFeature=true;this.bulkSelectionActive=false;this.splitActive=false;this.enableDragBox=false;this.enableAddNewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.popoverCardConfig={};this.minZoom=0;this.maxZoom=28;this.definedProjection=false;this.anchorElement=null;this.showPopOver=false;this.isReadOnlyFeature=false;this.mapFeatures=[];this.initializeMap=(t,i)=>{var s;this.definedProjection=this.registerProjection(this.crs);this.filterLayerOptions();let f=[];if(this.tileLayersOptions&&((s=this.tileLayersOptions)===null||s===void 0?void 0:s.length)>0){for(let t of this.tileLayersOptions){const i=new o({source:t===null||t===void 0?void 0:t.source,properties:{value:t===null||t===void 0?void 0:t.name,isBaseTile:true},visible:this.defaultTileOptionName?(t===null||t===void 0?void 0:t.name)===this.defaultTileOptionName:true});f[f.length]=i}}else{const t=new o({source:new n,properties:{value:"Open Street Map",isBaseTile:true},visible:true});f[f.length]=t}f.push(new l({source:new a({}),properties:{id:V}}));this.anchorElement=i;const c=new h({center:this.mapCenter,zoom:this.mapZoom,projection:this.mapProjection,minZoom:this.minZoom,maxZoom:this.maxZoom});this.mapInstance=new e({target:i,layers:f,view:c,interactions:v().extend([new m]),controls:[new r,new d],overlays:[new w({element:t,autoPan:{animation:{duration:250}},id:k})]});this.mapInstance.on("moveend",A((()=>{this.getMapExtentAndZoom()}),500));this.setVectorLayers();this.addSelectInteraction();if(this.handleSetMapComponent){this.handleSetMapComponent(this.mapInstance)}};this.setVectorLayers=()=>{let t=S(this.data,this.isGeoJsonFormat,this.geoJsonMappingConfig,this.filterPanel,this.filterPanelCallback);this.mapFeatures=g(t,this.crs,this.definedProjection,this.mapProjection,this.mapDataProjection,this.getFilteredMapData);let i=this.getVisibleLayersOnLoad(this.layerOptions);this.addVectorLayersToMap(this.mapFeatures,i);this.updateIntialSelectedLayersVisibility()};this.clearVectorLayers=()=>{var t,i,s;const e=(s=(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getLayers())===null||i===void 0?void 0:i.getArray())!==null&&s!==void 0?s:[];e.forEach((t=>{if(t instanceof l&&t.get("id")!==V){this.mapInstance.removeLayer(t)}}))};this.registerProjection=t=>{if((t===null||t===void 0?void 0:t.length)>0){f.defs(t);c(f);return true}return false};this.filterLayerOptions=()=>{let t=this.filterLayersByRole?O(this.user,this.layerRoles,this.layerOptions):this.layerOptions;this.handleSetFilteredLayerOptionsByRole(t)};this.addVectorLayersToMap=(t,i)=>{var s;if(t&&this.mapInstance){if(this.getVectorLayerSources){(s=this.getVectorLayerSources(i,t))===null||s===void 0?void 0:s.forEach((t=>{var i;const s=new a({features:(i=t===null||t===void 0?void 0:t.features)!==null&&i!==void 0?i:[]});const e=new l({source:s,properties:{value:t===null||t===void 0?void 0:t.layer},style:this.getFeatureStyles});this.mapInstance.addLayer(e)}))}else{for(let s of i){const i=t===null||t===void 0?void 0:t.filter((t=>{const i=t.getProperties();if(this.getFeatureStyles){let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}const e=M(this.layerKeys,this.layerKeySeparator,i);return s===e}));const e=new a({features:i});const h=new l({source:e,properties:{value:s}});this.mapInstance.addLayer(h)}}}};this.getVisibleLayersOnLoad=t=>{const i=this.filterLayersByRole?O(this.user,this.layerRoles,t):t;const s=F(i);return s};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.mapInstance)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===V?i.setVisible(true):i.setVisible(false)}}))};this.insertFeatureStyles=()=>{if(this.getFeatureStyles){this.mapInstance.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();i.getFeatures().forEach((t=>{let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}))}}))}};this.addSelectInteraction=()=>{Z(this.splitActive,this.handleSetCurrentSelectedFeature,this.handleSetSelectedFeatureProperties,this.handleSetShowPopOver,this.handleSetSelectedFeatureOnSelect,this.showPopper,this.getSelectedFeatureStyles,this.handleAddInteraction,this.enableDragBox,this.handleUpdateSelectInteraction,this.handleGetAdditionalFeaturePropertiesOnSelect)};this.handleUpdateSelectInteraction=t=>{this.selectInteraction=t};this.handleSetCurrentSelectedFeature=t=>{this.currentSelectedFeature=t};this.handleSetShowPopOver=t=>{this.showPopOver=t};this.showPopper=t=>{if(!this.enableDragBox&&!this.enableAddNewFeature&&!this.splitActive&&t){const i=this.mapInstance.getOverlayById(k);if(i){if(t.getGeometry()instanceof L){i.setPosition(t.getGeometry().getCoordinates())}else if(t.getGeometry()instanceof C){i.setPosition(t.getGeometry().getCoordinates()[0])}else if(t.getGeometry()instanceof j){i.setPosition(t.getGeometry().getCoordinates()[0][0])}}this.showPopOver=true}};this.handleOnCloseFeaturePopover=t=>{if(this.additionalOnclosePopover){this.additionalOnclosePopover(t)}if(this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}this.showPopOver=false};this.handleAddInteraction=t=>{this.mapInstance.addInteraction(t)};this.handleShowMarkerFromExternal=t=>{var i,s;if(t&&this.mapFeatures&&this.selectInteraction){const e=(i=this.mapFeatures)===null||i===void 0?void 0:i.find((i=>(i===null||i===void 0?void 0:i.getId())===t));const h=e===null||e===void 0?void 0:e.getProperties();if(e){this.handleSetSelectedFeatureProperties(e);const t=M(this.layerKeys,this.layerKeySeparator,h);const i=F(this.filteredLayerOptionsByRole);if(!((s=this.selectedLayers)===null||s===void 0?void 0:s.includes(t))&&(i===null||i===void 0?void 0:i.includes(t))&&this.handleSetSelectedLayers){const i=[...this.selectedLayers,t];this.handleSetSelectedLayers(i);this.updateLayerVisibility(i)}const o=this.selectInteraction.getFeatures();const n=o.getArray().slice();o.clear();o.push(e);this.selectInteraction.dispatchEvent({type:"select",selected:[e],deselected:n,mapBrowserEvent:null})}}}}componentDidLoad(){requestAnimationFrame((()=>{const t=this.el.shadowRoot.querySelector("#featureDetailsPopOverContainer");const i=this.el.shadowRoot.querySelector("#map");if(t&&i){this.initializeMap(t,i)}}))}reinitializeMap(){this.clearVectorLayers();this.setVectorLayers()}resetPopover(){this.showPopOver=false}updateProjection(){if(this.crs){this.definedProjection=this.registerProjection(this.crs)}}updateFilteredLayerOptions(){this.filterLayerOptions()}handleSelectFeatureOnMap(){var t;if(this.selectedFeatureIdExternal&&((t=this.selectInteraction)===null||t===void 0?void 0:t.getActive())){this.handleShowMarkerFromExternal(this.selectedFeatureIdExternal)}else if(this.selectedFeatureIdExternal&&this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}}updateReadOnlyLayers(){var t;if(this.selectedFeatureProperties){const i=M(this.layerKeys,this.layerKeySeparator,this.selectedFeatureProperties);this.isReadOnlyFeature=(t=this.readOnlyLayers)===null||t===void 0?void 0:t.includes(i)}}handleUpdateInitialSelectedLayersVisibility(){this.updateIntialSelectedLayersVisibility()}updateMapView(){if(this.mapInstance){const t=this.mapInstance.getView().getCenter();const i=this.mapInstance.getView().getZoom();this.mapInstance.setView(new h({center:t,zoom:i,projection:this.mapProjection}))}}updateMapCenter(){var t;if(this.mapInstance&&this.mapCenter){(t=this.mapInstance.getView())===null||t===void 0?void 0:t.setCenter(this.mapCenter)}}updateFeatureStyles(){if(this.mapInstance){this.insertFeatureStyles()}}updateMinZoom(){var t,i;if(this.mapInstance&&this.minZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMinZoom(this.minZoom)}}updateMaxZoom(){var t,i;if(this.mapInstance&&this.maxZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMaxZoom(this.maxZoom)}}getMapExtentAndZoom(){if(this.handleGetZoomExtent){const t=this.mapInstance.getView().calculateExtent(this.mapInstance.getSize());const i=this.mapInstance.getView().getZoom();this.handleGetZoomExtent(i,t)}}updateIntialSelectedLayersVisibility(){let t=P(this.filteredLayerOptionsByRole,this.initialSelectedLayers);this.updateLayerVisibility(t);if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}}render(){return i("div",{key:"f9c3f640b52cf725eca3a8559e5693d2bfe7d7f8"},i("div",{key:"a876572e979fee53fb39785ee489eccc8bec256b",id:"map",style:{height:this.mapHeight,width:"100%",overflow:"hidden"}},i("slot",{key:"712172adbd958d0fccad84c127678cff196287c9"})),i("div",{key:"b563b28140fff397b226ad0b4a21ad3bf938d802",id:"featureDetailsPopOverContainer"},i("feature-details-popup",{key:"479aed4b90f4a260d73a8b387f0cdf191f78591b",currentSelectedFeature:this.currentSelectedFeature,data:this.selectedFeatureProperties,coordinates:this.selectedFeatureCoordinates,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,popOverAnchorElement:this.anchorElement,showPopOver:this.showPopOver,isReadOnly:this.isReadOnlyFeature,additionalOnclosePopover:this.handleOnCloseFeaturePopover,primaryActions:this.popoverPrimaryActions,moreIconActions:this.popoverMoreIconButtonActions,getMessage:this.getMessagePopover,getMessageIcon:this.getMessageIconPopover,hideMessageIcon:this.hideMessageIconPopover,cardConfig:this.popoverCardConfig,popoverWidth:this.popoverWidth})))}get el(){return s(this)}static get watchers(){return{data:["reinitializeMap","resetPopover"],layerOptions:["reinitializeMap","updateFilteredLayerOptions"],mapDataProjection:["reinitializeMap"],mapProjection:["reinitializeMap","updateMapView"],crs:["updateProjection"],layerRoles:["updateFilteredLayerOptions"],user:["updateFilteredLayerOptions"],selectedFeatureIdExternal:["handleSelectFeatureOnMap"],readOnlyLayers:["updateReadOnlyLayers"],selectedFeatureProperties:["updateReadOnlyLayers"],initialSelectedLayers:["handleUpdateInitialSelectedLayersVisibility"],mapCenter:["updateMapCenter"],getMapStyles:["updateFeatureStyles"],minZoom:["updateMinZoom"],maxZoom:["updateMaxZoom"]}}};_.style=W;const q=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const U=class{constructor(i){t(this,i);this.mapTitle="";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.bulkSelectedFeaturesActionPanel="";this.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.filteredLayerOptionsByRole=[];this.enableDragBox=false;this.splitActive=false;this.enableAddNewFeature=false;this.readOnlyLayers=[];this.selectedTile={label:"Open Street Map",value:"Open Street Map"};this.selectedBulkSelectionType="box";this.selectedFeatureByBoxSelection=[];this.tileSelectOptions=[{label:"Open Street Map",value:"Open Street Map"}];this.newFeatureObjectsAdded=[];this.showSplitButton=false;this.setEnableDragBox=t=>{this.handleSetEnableDragBox(t)};this.setBulkSelectonActive=t=>{this.handleSetBulkSelectionActive(t)};this.getTileLayerOptions=()=>{this.tileSelectOptions=this.tileLayersOptions.map((t=>({label:t===null||t===void 0?void 0:t.name,value:t===null||t===void 0?void 0:t.name})));this.selectedTile=this.tileSelectOptions.filter((t=>t.value===this.defaultTileOptionName))[0]};this.handleSelectTile=t=>{var i;if(!t)return;this.selectedTile=t;if(this.enableTileSelection&&((i=this.tileLayersOptions)===null||i===void 0?void 0:i.length)>0){const i=this.tileLayersOptions.find((i=>(i===null||i===void 0?void 0:i.name)===t.value));if(!i)return;const s=this.map.getLayers().getArray().filter((t=>t.get("isBaseTile")));s.forEach((t=>{this.map.removeLayer(t)}));const e=new o({source:i.source,visible:true,zIndex:0,properties:{value:i.name,isBaseTile:true}});this.map.getLayers().insertAt(0,e)}};this.handleSelectLayers=t=>{if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}this.updateLayerVisibility(t);if(this.handleSelectLayersCallback){this.handleSelectLayersCallback(t)}};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.map)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===V?i.setVisible(true):i.setVisible(false)}}))};this.bulkSelectDraw=(t,i)=>{E(this.map,t,i,this.setBulkSelectonActive,this.setEnableDragBox,this.handleSetSelectedFeatureProperties,this.clearSelectFeatureInteraction,this.currentBulkSelectDrawInteraction,this.handleSetCurrentBulkSelectDrawInteraction,this.handleRemoveInteraction,this.handleAddInteraction,this.selectedFeatureByBoxSelection,this.handleSetSelectedFeatureByBoxSelection,this.handleSetSelectedBulkSelectionType,this.getSelectedFeatureStyles,this.handleSetSelectedFeaturesOnBulkSelect)};this.clearSelectFeatureInteraction=()=>{if(this.selectFeatureInteraction){this.selectFeatureInteraction.getFeatures().clear();this.selectFeatureInteraction.setActive(false)}};this.handleSetCurrentBulkSelectDrawInteraction=t=>{this.currentBulkSelectDrawInteraction=t};this.handleSetSelectedFeatureByBoxSelection=t=>{this.selectedFeatureByBoxSelection=t};this.handleSetSelectedBulkSelectionType=t=>{this.selectedBulkSelectionType=t};this.handleCancelBulkSelectDraw=()=>{this.setBulkSelectonActive(false);this.setEnableDragBox(false);this.currentBulkSelectDrawInteraction.setActive(false);this.map.removeInteraction(this.currentBulkSelectDrawInteraction)};this.handleBulkUnselectFeatures=()=>{if(this.selectedFeatureByBoxSelection.length>0&&this.getFeatureStyles){this.selectedFeatureByBoxSelection.forEach((t=>{let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}))}this.setEnableDragBox(false);this.setBulkSelectonActive(false);this.selectedFeatureByBoxSelection=[];if(this.handleSetSelectedFeaturesOnBulkSelect){this.handleSetSelectedFeaturesOnBulkSelect([])}};this.startDrawingMapFeature=(t,i="Point")=>{N(this.map,t,i,this.handleRemoveInteraction,this.currentAddFeatureDrawInteraction,this.handleSetCurrentInteraction,this.handleGetFeatureObject,this.handleEnableAddNewFeature,this.handleSetSelectedFeatureProperties,this.handleAddInteraction,this.addMultipleFeatures,this.addNewFeature)};this.handleGetFeatureObject=t=>{this.newFeatureObjectsAdded=[...this.newFeatureObjectsAdded,...[t]]};this.handleAddInteraction=t=>{this.map.addInteraction(t);this.currentAddFeatureDrawInteraction=t};this.handleRemoveInteraction=t=>{this.map.removeInteraction(t);this.currentAddFeatureDrawInteraction=null};this.handleSetCurrentInteraction=t=>{this.currentAddFeatureDrawInteraction=t};this.cancelAddNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction)};this.addNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction);if(this.handleAddNewFeatures){this.handleAddNewFeatures(this.newFeatureObjectsAdded)}};this.handleStartSplitting=t=>{this.handleSetSplit(true);this.splitActive=true;R(this.map,t,this.currentSplitInteraction,this.handleSetCurrentSplitInteraction,this.handleSetSplit,this.handleRemoveInteraction,this.handleAddInteraction,this.handleRetrieveSplitFeature)};this.handleSetSplit=t=>{this.handleSetSplitActive(t);this.showSplitButton=t};this.handleRetrieveSplitFeature=t=>{this.splitFeatureDetails=t};this.handleSetCurrentSplitInteraction=t=>{this.currentSplitInteraction=t};this.handleCancelSplit=()=>{this.handleSetSplit(false);this.splitActive=false;this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null};this.handleSaveSplit=()=>{this.handleSetSplit(false);this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null;this.handleSplitFeature(this.splitFeatureDetails)}}componentWillLoad(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}updateTileSelectOptions(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}render(){return i("map-toolbar",{key:"2e93749fe0f2d2670b3c48e8a584678e110ab0ae",map:this.map,mapTitle:this.mapTitle,layerOptions:this.layerOptions,handleSelectLayers:this.handleSelectLayers,visibleLayers:this.selectedLayers,tileOptions:this.tileSelectOptions,handleSelectTile:this.handleSelectTile,selectedTile:this.selectedTile,enableTileSelection:this.enableTileSelection,filterPanel:this.filterPanel,enableDragBox:this.enableDragBox,selectedFeatureByBoxSelection:this.selectedFeatureByBoxSelection,handleUnselectFeatures:this.handleBulkUnselectFeatures,selectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleCancelBoxSelection:this.handleCancelBulkSelectDraw,handleBulkSelectionTypeOnChange:this.bulkSelectDraw,mapProjection:this.mapProjection,refreshEvent:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,enableAddNewFeature:this.enableAddNewFeature,handleStartDrawingMapFeature:this.startDrawingMapFeature,cancelAddNewFeature:this.cancelAddNewFeature,addNewFeature:this.addNewFeature,enableSplit:this.enableSplitFeature,handleStartSplitting:this.handleStartSplitting,handleCancelSplit:this.handleCancelSplit,handleSaveSplit:this.handleSaveSplit,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,addMultipleFeatures:this.addMultipleFeatures,showSplitButton:this.showSplitButton,readOnlyLayers:this.readOnlyLayers,addFeaturePanelConfig:this.addFeaturePanelConfig})}get el(){return s(this)}static get watchers(){return{tileLayersOptions:["updateTileSelectOptions"]}}};U.style=q;export{_ as map_component,U as udp_map_toolbar};
+//# sourceMappingURL=p-86cd0134.entry.js.map