@brightspot/ui 6.4.2 → 6.4.3-pr.366.2026.10.5

package/src/legacy/tool-ui/src/SharePreviewCommenting.ts

@@ -0,0 +1,659 @@
+import onFind from './dom/onFind'
+import onRTEReady from './dom/onRTEReady'
+import Cookies from 'js-cookie'
+import rtc from './rtc'
+import Tether from './dom/Tether'
+
+interface PinData {
+  id: string
+  xPercent: number
+  yPercent: number
+  initials: string
+  colorIndex: number
+}
+
+interface PostBroadcastData {
+  contentId: string
+}
+
+interface ScrollState {
+  scrollX: number
+  scrollY: number
+  docWidth: number
+  docHeight: number
+}
+
+interface PendingClick {
+  clientX: number
+  clientY: number
+  overlayRect: DOMRect
+  previewId: string
+  contentId: string
+  overlayId: string
+}
+
+interface PinPopoverOptions {
+  clientX: number
+  clientY: number
+  xPercent: number
+  yPercent: number
+  contentId: string
+  overlayId: string
+  previewId: string
+  overlay: HTMLElement
+  onSuccess: () => void
+}
+
+// If the preview never reports scroll data (e.g. its CSP blocks the injected
+// script), fall back to a same-origin read after this delay so pins still render.
+const SCROLL_DATA_FALLBACK_MS = 1500
+
+// ─── Panel toggle ────────────────────────────────────────────────────────────
+
+onFind('.SharePreview-toggle', (toggle: HTMLElement) => {
+  const sharePreview = toggle.closest<HTMLElement>('.SharePreview')
+  if (!sharePreview) return
+
+  // Lazy-init the pin overlay on the first open. The toggle button lives inside
+  // the XHR-loaded frame, so onFind fires only after that frame is fully loaded —
+  // meaning the preview iframe and pinsOverlay are already in the DOM.
+  let overlayReady = false
+
+  function maybeInit() {
+    if (overlayReady) return
+    overlayReady = true
+    initCommentingOverlay(sharePreview!)
+  }
+
+  // If the page loaded with commenting already open (e.g. from a shared preview
+  // comment link), init now — the frame is already loaded at this point.
+  if (sharePreview.classList.contains('is-commenting-open')) {
+    maybeInit()
+  }
+
+  toggle.addEventListener('click', () => {
+    const isOpen = sharePreview.classList.toggle('is-commenting-open')
+    toggle.setAttribute('aria-pressed', String(isOpen))
+
+    if (isOpen) {
+      maybeInit()
+      requestAnimationFrame(() => {
+        const postsContainer = sharePreview.querySelector<HTMLElement>(
+          '.Conversation-posts',
+        )
+        if (postsContainer) {
+          postsContainer.scrollTop = postsContainer.scrollHeight
+        }
+      })
+    }
+  })
+})
+
+onFind('.SharePreview-panel-close', (closeButton: HTMLElement) => {
+  const sharePreview = closeButton.closest<HTMLElement>('.SharePreview')
+  if (!sharePreview) return
+
+  closeButton.addEventListener('click', () => {
+    sharePreview.classList.remove('is-commenting-open')
+    const toggle = sharePreview.querySelector<HTMLElement>(
+      '.SharePreview-toggle',
+    )
+    toggle?.setAttribute('aria-pressed', 'false')
+    toggle?.focus()
+  })
+})
+
+// When opened via a Shared Preview comment link (commentingOpen=true + #postId hash),
+// wait for the conversation to load then scroll the target post into view.
+onFind('.SharePreview.is-commenting-open', () => {
+  const hash = window.location.hash.slice(1)
+  if (!hash) return
+
+  // Guard against CSS selector injection — post IDs are UUIDs (hex + hyphens only)
+  if (!/^[a-f0-9-]+$/i.test(hash)) return
+
+  onFind(`[id="${hash}"]`, (post: HTMLElement) => {
+    post.scrollIntoView({ behavior: 'smooth', block: 'center' })
+  })
+})
+
+// ─── Pin overlay setup (lazy, called on first toggle open) ───────────────────
+//
+// The preview iframe may be cross-origin, so we cannot read its scroll position
+// or intercept pointer events inside it. A same-origin click overlay sits above
+// it to capture wheel/click, and PageFilter injects a script into the preview
+// page that postMessages its scroll position to us.
+
+function initCommentingOverlay(sharePreview: HTMLElement) {
+  const iframeEl = sharePreview.querySelector<HTMLIFrameElement>(
+    'iframe[name^="PreviewFrame-preview"]',
+  )
+  if (!iframeEl) return
+  const iframe: HTMLIFrameElement = iframeEl
+
+  const overlayEl = sharePreview.querySelector<HTMLElement>(
+    '.SharePreview-pinsOverlay',
+  )
+  if (!overlayEl) return
+  const overlay: HTMLElement = overlayEl
+
+  let cachedPins: PinData[] = []
+
+  // previewId from the page URL — always available on /preview/share-view?previewId=...
+  const urlPreviewId =
+    new URLSearchParams(window.location.search).get('previewId') || ''
+
+  // Scroll state of the preview document, reported by the injected script via
+  // postMessage. Pin coordinates are stored as fractions of the document size, so
+  // we wait for the first real ScrollData (hasScrollData) before rendering to
+  // avoid scaling against the wrong dimensions.
+  let postMessageScrollX = 0
+  let postMessageScrollY = 0
+  let postMessageDocWidth = 0
+  let postMessageDocHeight = 0
+  let hasScrollData = false
+  let pendingClick: PendingClick | null = null
+
+  // Resolve the preview origin once — iframe.src is stable.
+  let iframeOrigin = '*'
+  try {
+    iframeOrigin = new URL(iframe.src).origin
+  } catch {
+    /* keep '*' */
+  }
+  const postToPreview = (message: unknown) =>
+    iframe.contentWindow?.postMessage(message, iframeOrigin)
+
+  // Pin position helpers — single source of truth for the coordinate model.
+  const pinAbsoluteX = (pin: PinData) =>
+    (pin.xPercent / 100) * postMessageDocWidth
+  const pinAbsoluteY = (pin: PinData) =>
+    (pin.yPercent / 100) * postMessageDocHeight
+  const pinLeftPercent = (pin: PinData) =>
+    ((pinAbsoluteX(pin) - postMessageScrollX) / (overlay.clientWidth || 1)) *
+    100
+  const pinTopPercent = (pin: PinData) =>
+    ((pinAbsoluteY(pin) - postMessageScrollY) / (overlay.clientHeight || 1)) *
+    100
+
+  const setActivePin = (postId: string | null) => {
+    overlay.querySelectorAll<HTMLElement>('.SharePreview-pin').forEach((p) => {
+      p.classList.toggle('is-active', !!postId && p.dataset.postId === postId)
+    })
+  }
+
+  const messageHandler = (e: MessageEvent) => {
+    if (!e.data || e.data.type !== 'BSP.SharedPreview.ScrollData') return
+    if (e.source !== iframe.contentWindow) return
+    const firstMessage = !hasScrollData
+    postMessageScrollX = e.data.scrollX as number
+    postMessageScrollY = e.data.scrollY as number
+    postMessageDocWidth = e.data.docWidth as number
+    postMessageDocHeight = e.data.docHeight as number
+    hasScrollData = true
+    // First message: need a full render to create pin elements.
+    // Subsequent scroll events: just reposition existing elements.
+    if (firstMessage) {
+      renderPins(cachedPins)
+      flushPendingClick()
+    } else {
+      repositionPins()
+    }
+  }
+  // This and the rtc.receive subscription and onFind('.Conversation-post') below
+  // are page-level and intentionally never torn down: a share-view page hosts a
+  // single .SharePreview for its lifetime, so initCommentingOverlay runs once.
+  window.addEventListener('message', messageHandler)
+
+  function getConversationEl(): HTMLElement | null {
+    return sharePreview.querySelector<HTMLElement>(
+      '.Conversation.frame[data-preview-id]',
+    )
+  }
+
+  const resolvePreviewId = (): string =>
+    getConversationEl()?.dataset.previewId || urlPreviewId
+
+  // Current scroll state, used for pin placement. Every caller runs after the first ScrollData
+  // has arrived (hasScrollData === true), so this just returns the postMessage-backed state.
+  // The same-origin/overlay seeding for the script-blocked case lives in ensureScrollData().
+  function getScrollInfo(): ScrollState {
+    return {
+      scrollX: postMessageScrollX,
+      scrollY: postMessageScrollY,
+      docWidth: postMessageDocWidth,
+      docHeight: postMessageDocHeight,
+    }
+  }
+
+  // Fallback when the injected ScrollData script never reports (blocked/absent): seed scroll state
+  // from a same-origin read so pins render against true document coordinates, degrading to
+  // overlay-relative dimensions only when the preview is cross-origin.
+  function ensureScrollData() {
+    if (hasScrollData) return
+    let scrollX = 0
+    let scrollY = 0
+    let docWidth = overlay.clientWidth || 1
+    let docHeight = overlay.clientHeight || 1
+    try {
+      const win = iframe.contentWindow
+      const doc = iframe.contentDocument
+      if (win && doc) {
+        scrollX = win.scrollX
+        scrollY = win.scrollY
+        docWidth = doc.documentElement.scrollWidth || docWidth
+        docHeight = doc.documentElement.scrollHeight || docHeight
+      }
+    } catch {
+      /* cross-origin — keep overlay-relative defaults */
+    }
+    postMessageScrollX = scrollX
+    postMessageScrollY = scrollY
+    postMessageDocWidth = docWidth
+    postMessageDocHeight = docHeight
+    hasScrollData = true
+    renderPins(cachedPins)
+    flushPendingClick()
+  }
+
+  function flushPendingClick() {
+    if (!pendingClick) return
+    const pc = pendingClick
+    pendingClick = null
+    const { scrollX, scrollY, docWidth, docHeight } = getScrollInfo()
+    const xPercent =
+      ((scrollX + (pc.clientX - pc.overlayRect.left)) / docWidth) * 100
+    const yPercent =
+      ((scrollY + (pc.clientY - pc.overlayRect.top)) / docHeight) * 100
+    closeActivePinPopover?.()
+    closeActivePinPopover = showPinPopover({
+      clientX: pc.clientX,
+      clientY: pc.clientY,
+      xPercent,
+      yPercent,
+      contentId: pc.contentId,
+      overlayId: pc.overlayId,
+      previewId: pc.previewId,
+      overlay,
+      onSuccess: fetchAndRenderPins,
+    })
+  }
+
+  // Full re-render: recreates pin DOM elements. Call only when the pin set changes
+  // (initial fetch, new/deleted pin via RTC). Use repositionPins() for scroll updates.
+  function renderPins(pins: PinData[]) {
+    cachedPins = pins
+    if (!hasScrollData) return
+
+    overlay.querySelectorAll('.SharePreview-pin').forEach((p) => p.remove())
+
+    pins.forEach((pin) => {
+      const pinEl = document.createElement('button')
+      pinEl.className = `SharePreview-pin SharePreview-pin--color${pin.colorIndex}`
+      pinEl.dataset.postId = pin.id
+      pinEl.textContent = pin.initials
+      pinEl.type = 'button'
+      pinEl.setAttribute('aria-label', `Comment by ${pin.initials}`)
+
+      pinEl.style.left = `${pinLeftPercent(pin)}%`
+      pinEl.style.top = `${pinTopPercent(pin)}%`
+
+      pinEl.addEventListener('click', (e) => {
+        e.stopPropagation()
+        highlightPost(pin.id)
+      })
+
+      overlay.appendChild(pinEl)
+    })
+  }
+
+  // Lightweight scroll update: updates only style.left/top on existing pin elements.
+  function repositionPins() {
+    if (!hasScrollData) return
+    overlay
+      .querySelectorAll<HTMLElement>('.SharePreview-pin')
+      .forEach((pinEl) => {
+        const pin = cachedPins.find((p) => p.id === pinEl.dataset.postId)
+        if (!pin) return
+        pinEl.style.left = `${pinLeftPercent(pin)}%`
+        pinEl.style.top = `${pinTopPercent(pin)}%`
+      })
+  }
+
+  // Coalesce reposition work to one update per frame so a burst of wheel/scroll
+  // events doesn't trigger a layout write per event.
+  let repositionScheduled = false
+  function scheduleReposition() {
+    if (repositionScheduled) return
+    repositionScheduled = true
+    requestAnimationFrame(() => {
+      repositionScheduled = false
+      repositionPins()
+    })
+  }
+
+  async function fetchAndRenderPins() {
+    const previewId = resolvePreviewId()
+    if (!previewId) return
+
+    try {
+      const response = await fetch(
+        `/cms/preview/share-view-conversation?previewId=${encodeURIComponent(previewId)}&pinsOnly=true`,
+        { credentials: 'include' },
+      )
+      if (!response.ok) return
+      const pins: PinData[] = await response.json()
+      renderPins(pins)
+    } catch {
+      // Network or parse error — silently ignore
+    }
+  }
+
+  function highlightPost(postId: string) {
+    const post = document.getElementById(postId)
+    if (post) {
+      post.scrollIntoView({ behavior: 'smooth', block: 'center' })
+      post.classList.add('is-pin-active')
+      setTimeout(() => post.classList.remove('is-pin-active'), 2000)
+    }
+    setActivePin(postId)
+  }
+
+  // ── Click overlay iframe ──────────────────────────────────────────────────
+  // A same-origin click overlay sits above the cross-origin preview iframe and,
+  // when commenting is open, captures wheel (forwarded as ScrollBy) and click
+  // (opens the pin placement popover).
+
+  const clickOverlayEl = sharePreview.querySelector<HTMLElement>(
+    '.SharePreview-clickOverlay',
+  )
+
+  // Teardown for the currently-open pin popover, if any. Tracked so re-clicking
+  // the overlay closes the prior popover through its full close path.
+  let closeActivePinPopover: (() => void) | null = null
+
+  if (clickOverlayEl) {
+    clickOverlayEl.addEventListener(
+      'wheel',
+      (e: WheelEvent) => {
+        e.preventDefault()
+        // Optimistic: update local scroll for immediate pin repositioning.
+        postMessageScrollX = Math.max(0, postMessageScrollX + e.deltaX)
+        postMessageScrollY = Math.max(0, postMessageScrollY + e.deltaY)
+        scheduleReposition()
+        postToPreview({
+          type: 'BSP.SharedPreview.ScrollBy',
+          deltaY: e.deltaY,
+          deltaX: e.deltaX,
+        })
+      },
+      { passive: false },
+    )
+
+    // Click → place a pin at the clicked position
+    clickOverlayEl.addEventListener('click', (e: MouseEvent) => {
+      const conv = getConversationEl()
+      const previewId = resolvePreviewId()
+      if (!previewId) return
+
+      const contentId = conv?.dataset.contentId || ''
+      const overlayId = conv?.dataset.overlayId || ''
+
+      // If real scroll dimensions haven't arrived yet, defer coordinate
+      // computation until the first ScrollData message. Sending a zero-delta
+      // ScrollBy prompts the preview iframe to report its state immediately so
+      // the wait is typically only a few frames rather than the full fallback
+      // timeout.
+      if (!hasScrollData) {
+        pendingClick = {
+          clientX: e.clientX,
+          clientY: e.clientY,
+          overlayRect: clickOverlayEl.getBoundingClientRect(),
+          previewId,
+          contentId,
+          overlayId,
+        }
+        postToPreview({
+          type: 'BSP.SharedPreview.ScrollBy',
+          deltaX: 0,
+          deltaY: 0,
+        })
+        return
+      }
+
+      const overlayRect = clickOverlayEl.getBoundingClientRect()
+      const { scrollX, scrollY, docWidth, docHeight } = getScrollInfo()
+      const xPercent =
+        ((scrollX + (e.clientX - overlayRect.left)) / docWidth) * 100
+      const yPercent =
+        ((scrollY + (e.clientY - overlayRect.top)) / docHeight) * 100
+
+      closeActivePinPopover?.()
+
+      closeActivePinPopover = showPinPopover({
+        clientX: e.clientX,
+        clientY: e.clientY,
+        xPercent,
+        yPercent,
+        contentId,
+        overlayId,
+        previewId,
+        overlay,
+        onSuccess: fetchAndRenderPins,
+      })
+    })
+  }
+
+  // Fetch pins when conversation panel finishes loading
+  onFind('.Conversation.frame.loaded', (conversation: HTMLElement) => {
+    if (!sharePreview.contains(conversation)) return
+    if (!conversation.dataset.previewId) return
+    fetchAndRenderPins()
+  })
+
+  // Real-time: refresh pins when any post is added/deleted for this preview
+  rtc.receive('com.psddev.cms.conversation.PostBroadcast', (data: unknown) => {
+    const postData = data as PostBroadcastData
+    const conv = getConversationEl()
+    const contentId = conv?.dataset.contentId
+    if (contentId && postData.contentId === contentId) {
+      fetchAndRenderPins()
+    }
+  })
+
+  // Bidirectional: hovering a panel post highlights its pin;
+  // clicking a panel post scrolls the preview iframe to the pin's location.
+  onFind('.Conversation-post', (post: HTMLElement) => {
+    const postId = post.id
+    if (!postId) return
+
+    post.addEventListener('mouseenter', () => setActivePin(postId))
+    post.addEventListener('mouseleave', () => setActivePin(null))
+
+    post.addEventListener('click', (e: MouseEvent) => {
+      // Don't intercept clicks on interactive elements within the post
+      if ((e.target as HTMLElement).closest('a, button, textarea, input'))
+        return
+
+      const pin = cachedPins.find((p) => p.id === postId)
+      if (!pin || !hasScrollData) return
+
+      // Center the pin vertically in the viewport
+      const targetScrollY = Math.max(
+        0,
+        pinAbsoluteY(pin) - (overlay.clientHeight || 1) / 2,
+      )
+      postToPreview({ type: 'BSP.SharedPreview.ScrollTo', top: targetScrollY })
+
+      // Optimistic update so pins reposition immediately
+      postMessageScrollY = targetScrollY
+      repositionPins()
+    })
+  })
+
+  // When commenting is turned off (panel close button or toggle), tear down any open pin popover.
+  // The pins themselves are hidden via CSS while commenting is closed.
+  new MutationObserver(() => {
+    if (!sharePreview.classList.contains('is-commenting-open')) {
+      closeActivePinPopover?.()
+      closeActivePinPopover = null
+    }
+  }).observe(sharePreview, { attributes: true, attributeFilter: ['class'] })
+
+  // Render even if the preview never reports its scroll position.
+  setTimeout(ensureScrollData, SCROLL_DATA_FALLBACK_MS)
+}
+
+// ─── Pin placement popover ───────────────────────────────────────────────────
+
+function showPinPopover(options: PinPopoverOptions): () => void {
+  const {
+    clientX,
+    clientY,
+    xPercent,
+    yPercent,
+    contentId,
+    overlayId,
+    previewId,
+    overlay,
+    onSuccess,
+  } = options
+
+  // Placeholder pin — shown while the user types, removed on submit or cancel
+  const placeholder = document.createElement('div')
+  placeholder.className = 'SharePreview-pin SharePreview-pin--placeholder'
+  placeholder.setAttribute('aria-hidden', 'true')
+  const overlayRect = overlay.getBoundingClientRect()
+  placeholder.style.left = `${((clientX - overlayRect.left) / overlayRect.width) * 100}%`
+  placeholder.style.top = `${((clientY - overlayRect.top) / overlayRect.height) * 100}%`
+  overlay.appendChild(placeholder)
+
+  const popover = document.createElement('div')
+  popover.className = 'SharePreview-pinPopover'
+  popover.setAttribute('role', 'dialog')
+  popover.setAttribute('aria-label', 'Add a comment')
+
+  // Position is handled by Tether (below), anchored to the placeholder pin.
+
+  // Clone the server-rendered rich-text editor template (formatting + @mentions); fall back to a plain textarea.
+  const editorTemplate = document.getElementById('sharePreview-pinEditor')
+  let editorEl: HTMLElement
+  let getValue: () => string
+  let focusEditor: () => void
+  let rteCleanup: (() => void) | null = null
+
+  if (editorTemplate instanceof HTMLTemplateElement) {
+    editorEl = document.createElement('div')
+    editorEl.className = 'SharePreview-pinPopover-editor'
+    editorEl.appendChild(editorTemplate.content.cloneNode(true))
+    const textarea = editorEl.querySelector<HTMLTextAreaElement>(
+      'textarea[name="text"]',
+    )
+    // Drop the cloned id so it can't collide with the panel's own editor.
+    textarea?.removeAttribute('id')
+    getValue = () => textarea?.value.trim() ?? ''
+    focusEditor = () =>
+      (editorEl.querySelector<HTMLElement>('.ProseMirror') ?? textarea)?.focus()
+    // Focus deterministically once the editor finishes enhancing, rather than racing the
+    // global .richtext watcher; cleaned up in close() if it never fires.
+    if (textarea) {
+      rteCleanup = onRTEReady((rte) => rte.view.dom.focus(), textarea)
+    }
+  } else {
+    const textarea = document.createElement('textarea')
+    textarea.className = 'SharePreview-pinPopover-input'
+    textarea.placeholder = 'Add a comment…'
+    textarea.rows = 3
+    editorEl = textarea
+    getValue = () => textarea.value.trim()
+    focusEditor = () => textarea.focus()
+  }
+
+  const actions = document.createElement('div')
+  actions.className = 'SharePreview-pinPopover-actions'
+
+  const cancelBtn = document.createElement('button')
+  cancelBtn.type = 'button'
+  cancelBtn.className = 'SharePreview-pinPopover-cancel Button Button--border'
+  cancelBtn.textContent = 'Cancel'
+
+  const submitBtn = document.createElement('button')
+  submitBtn.type = 'button'
+  submitBtn.className = 'SharePreview-pinPopover-submit Button'
+  submitBtn.textContent = 'Post'
+
+  actions.append(cancelBtn, submitBtn)
+  popover.append(editorEl, actions)
+  document.body.appendChild(popover)
+  // Tether the popover to the placeholder pin: RTL-aware positioning that tracks scroll/resize.
+  // The plain constructor positions only (no outside-click close), so the @mention dropdown can
+  // tether outside the popover without dismissing it.
+  const tether = new Tether(placeholder, popover)
+  focusEditor()
+
+  // Dismiss is Cancel/Escape/placing another pin only — no outside-click close, since the
+  // @mention combo tethers its dropdown outside the popover and would dismiss it mid-mention.
+  let closed = false
+  const close = () => {
+    if (closed) return
+    closed = true
+    rteCleanup?.()
+    tether.destroy()
+    popover.remove()
+    placeholder.remove()
+    document.removeEventListener('keydown', escHandler)
+  }
+  const escHandler = (e: KeyboardEvent) => {
+    if (e.key === 'Escape') close()
+  }
+
+  cancelBtn.addEventListener('click', close)
+
+  submitBtn.addEventListener('click', async () => {
+    const text = getValue()
+    if (!text) {
+      focusEditor()
+      return
+    }
+
+    submitBtn.disabled = true
+
+    const headers = new Headers()
+    const cookie = Cookies.get('bsp.csrf')
+    if (cookie) headers.append('Brightspot-CSRF', cookie)
+
+    const body = new FormData()
+    body.append('postText', text)
+    body.append('contentId', contentId)
+    body.append('overlayId', overlayId)
+    body.append('sharedPreviewId', previewId)
+    body.append('xPercent', String(xPercent))
+    body.append('yPercent', String(yPercent))
+    body.append('postsOnly', 'true')
+
+    try {
+      const response = await fetch(
+        window.BRIGHTSPOT?.web?.pagePaths?.[
+          'com.psddev.cms.conversation.Posts'
+        ],
+        { method: 'post', credentials: 'include', headers, body },
+      )
+      // fetch only rejects on network errors, so a 4xx/5xx (e.g. invalid/expired
+      // one-time token, or auth required) would otherwise close the popover as if
+      // the comment saved and drop the user's text. Keep the popover open instead.
+      if (!response.ok) {
+        submitBtn.disabled = false
+        return
+      }
+      close()
+      onSuccess()
+    } catch {
+      submitBtn.disabled = false
+    }
+  })
+
+  document.addEventListener('keydown', escHandler)
+
+  // Return the teardown so callers close via the single path (element + listener + placeholder).
+  return close
+}

package/src/legacy/tool-ui/src/main/webapp/dist/LocationMap.8c328ae48113c22fec31.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkbrightspot_cms=self.webpackChunkbrightspot_cms||[]).push([[1888],{95628(t,a,e){function o(t,a){return t?(Array.isArray(a)&&(a=a.join(",")),t.querySelector(a)):null}e.d(a,{A:()=>o}),Object.defineProperty(o,"name",{value:"default",configurable:!0})},60021(t,a,e){function o(t,a){return t?(Array.isArray(a)&&(a=a.join(",")),t.querySelector(a)):null}e.d(a,{A:()=>o}),Object.defineProperty(o,"name",{value:"default",configurable:!0})},83814(t,a,e){e.d(a,{default:()=>l}),e(84978),e(91672),e(92191),e(68690),e(45299);var o=e(53608),r=e.n(o),n=e(80907);if(7717==e.j)var i=e(95628);class l{constructor(t){if(this._container=t,this._latInput=(0,i.A)(t,".locationMapLatitude"),this._lngInput=(0,i.A)(t,".locationMapLongitude"),this._zoomInput=(0,i.A)(t,".locationMapZoom"),!this._latInput||!this._lngInput||!this._zoomInput)return;const{tileUrl:a,tileAttribution:e,geocoderSearchUrl:o,geocoderReverseUrl:l}=t.dataset,s=this._latInput.value,p=this._lngInput.value,c=""!==s&&""!==p,u=c?new(r().LatLng)(parseFloat(s),parseFloat(p)):new(r().LatLng)(38.95498,-77.365057);this._map=r().map(t,{center:u,zoom:parseFloat(this._zoomInput.value)||6,layers:[r().tileLayer(a||"https://tile.openstreetmap.org/{z}/{x}/{y}.png",{attribution:e||'© <a href="https://openstreetmap.org">OpenStreetMap</a> contributors',referrerPolicy:"strict-origin-when-cross-origin"})]}),this._map.on("click",t=>{t.originalEvent.srcElement.classList.contains("locationMap")&&this.updateMarker(t.latlng)}),this._map.on("zoomend",()=>{this._zoomInput.value=this._map.getZoom()}),c&&this.updateMarker(u,""),new n.Vn({provider:new n.F6({...o&&{searchUrl:o},...l&&{reverseUrl:l}}),retainZoomLevel:!0,showMarker:!1}).addTo(this._map),this._map.on("geosearch/showlocation",t=>{t.location&&this.updateMarker(new(r().LatLng)(parseFloat(t.location.y),parseFloat(t.location.x)),t.location.label)}),r().control.locate({drawCircle:!1,markerStyle:{weight:2,radius:6},keepCurrentZoomLevel:!0,icon:"LocationMap-locateControl",iconLoading:"LocationMap-locateControl is-loading",strings:{title:"Set marker to your current location",popup:"<b>Current location</b><br/>(within {distance} {unit})"}}).addTo(this._map),this._map.on("locationfound",t=>{this.updateMarker(t.latlng,"")}),new(r().Control.extend({onAdd:()=>{const t=r().DomUtil.create("div");t.className="leaflet-bar leaflet-control";const a=r().DomUtil.create("a");return a.className="LocationMap-removeMarker",a.onclick=t=>{t.preventDefault(),t.stopPropagation(),this._marker&&(this._map.removeLayer(this._marker),this._marker=null,this._latInput.value=null,this._lngInput.value=null,this._container.classList.remove("is-marked"))},t.appendChild(a),t}}))({position:"topleft"}).addTo(this._map)}updateValue(t){this._latInput.value=t.lat,this._lngInput.value=t.lng}updateMarker(t,a){if(this._marker)this._marker.setLatLng(t),this._marker.bindPopup(a||t.toString());else{const e=r().divIcon({className:"LocationMap-marker",iconSize:[36,36],iconAnchor:[18,36],popupAnchor:[0,-30]});this._marker=r().marker(t,{draggable:!0,autoPan:!0,icon:e}).bindPopup(a||t.toString()),this._marker.on("moveend",t=>{this.updateValue(t.target._latlng),this._marker.bindPopup(t.target._latlng.toString())}),this._marker.addTo(this._map)}this._container.classList.add("is-marked"),this.updateValue(t)}}},48207(t,a,e){e.d(a,{default:()=>l}),e(49371),e(56065),e(79382),e(81499),e(80489);var o=e(66417),r=e.n(o),n=e(68098);if(3324==e.j)var i=e(60021);class l{constructor(t){if(this._container=t,this._latInput=(0,i.A)(t,".locationMapLatitude"),this._lngInput=(0,i.A)(t,".locationMapLongitude"),this._zoomInput=(0,i.A)(t,".locationMapZoom"),!this._latInput||!this._lngInput||!this._zoomInput)return;const{tileUrl:a,tileAttribution:e,geocoderSearchUrl:o,geocoderReverseUrl:l}=t.dataset,s=this._latInput.value,p=this._lngInput.value,c=""!==s&&""!==p,u=c?new(r().LatLng)(parseFloat(s),parseFloat(p)):new(r().LatLng)(38.95498,-77.365057);this._map=r().map(t,{center:u,zoom:parseFloat(this._zoomInput.value)||6,layers:[r().tileLayer(a||"https://tile.openstreetmap.org/{z}/{x}/{y}.png",{attribution:e||'© <a href="https://openstreetmap.org">OpenStreetMap</a> contributors',referrerPolicy:"strict-origin-when-cross-origin"})]}),this._map.on("click",t=>{t.originalEvent.srcElement.classList.contains("locationMap")&&this.updateMarker(t.latlng)}),this._map.on("zoomend",()=>{this._zoomInput.value=this._map.getZoom()}),c&&this.updateMarker(u,""),new n.Vn({provider:new n.F6({...o&&{searchUrl:o},...l&&{reverseUrl:l}}),retainZoomLevel:!0,showMarker:!1}).addTo(this._map),this._map.on("geosearch/showlocation",t=>{t.location&&this.updateMarker(new(r().LatLng)(parseFloat(t.location.y),parseFloat(t.location.x)),t.location.label)}),r().control.locate({drawCircle:!1,markerStyle:{weight:2,radius:6},keepCurrentZoomLevel:!0,icon:"LocationMap-locateControl",iconLoading:"LocationMap-locateControl is-loading",strings:{title:"Set marker to your current location",popup:"<b>Current location</b><br/>(within {distance} {unit})"}}).addTo(this._map),this._map.on("locationfound",t=>{this.updateMarker(t.latlng,"")}),new(r().Control.extend({onAdd:()=>{const t=r().DomUtil.create("div");t.className="leaflet-bar leaflet-control";const a=r().DomUtil.create("a");return a.className="LocationMap-removeMarker",a.onclick=t=>{t.preventDefault(),t.stopPropagation(),this._marker&&(this._map.removeLayer(this._marker),this._marker=null,this._latInput.value=null,this._lngInput.value=null,this._container.classList.remove("is-marked"))},t.appendChild(a),t}}))({position:"topleft"}).addTo(this._map)}updateValue(t){this._latInput.value=t.lat,this._lngInput.value=t.lng}updateMarker(t,a){if(this._marker)this._marker.setLatLng(t),this._marker.bindPopup(a||t.toString());else{const e=r().divIcon({className:"LocationMap-marker",iconSize:[36,36],iconAnchor:[18,36],popupAnchor:[0,-30]});this._marker=r().marker(t,{draggable:!0,autoPan:!0,icon:e}).bindPopup(a||t.toString()),this._marker.on("moveend",t=>{this.updateValue(t.target._latlng),this._marker.bindPopup(t.target._latlng.toString())}),this._marker.addTo(this._map)}this._container.classList.add("is-marked"),this.updateValue(t)}}}}]);