{"version":3,"file":"tags_controller-B2WXhi9y.js","sources":["../../../app/javascript/controllers/property/tags_controller.js"],"sourcesContent":["import {get, post, destroy} from \"@rails/request.js\";\n\nimport PropertyController from \"../contact/property_controller\"\n\nimport { useBatchUpdateNotifiers } from '../mixins/useBatchUpdateNotifiers'\n\nexport default class extends PropertyController {\n  static values = {\n    labelingUrl: String,\n    url: String,\n    autofocus: Boolean,\n    searchUrl: String,\n    key: { type: String, default: \"label\" }\n  }\n\n  static targets = [\"persisted\", \"item\", \"itemPill\", \"research\", \"deleted\", \"menu\", \"button\"]\n\n  initialize() {\n    this.placeholderElement = this.element.querySelector(\"x-placeholder\")?.cloneNode(true)\n    super.initialize();\n  }\n\n  connect() {\n    super.connect();\n\n    if (this.autofocusValue) {\n      this.inputTarget.focus()\n    }\n\n    useBatchUpdateNotifiers(this, {\n      onBatchUpdateCancellation: () => {\n        if(this.blockedAnchor) {\n          return this.blockedAnchor.click()\n        }\n\n        this.inputTarget.focus()\n      },\n      onBatchUpdateAbortion: () => this.clearAndHide()\n    })\n  }\n\n  saveChanges(e) {\n    if(e.target.nodeName === 'DIALOG' || e.target.getAttribute('data-audience--contact-target') === 'checkbox' || this.isBlockedAnchor(e)) return\n\n    const modalContainer = document.querySelector(\"[data-controller='labels--modal'] [data-labels--modal-target='container']\")\n\n    if (modalContainer) {\n      if (this.withinBoundaries(e) || (this.withinBoundaries(e) && modalContainer?.contains(e.target))) return\n\n      if (this.containerTarget.contains(e.target) === false && !this.menuTarget.contains(e.target) && !modalContainer.contains(e.target)) {\n        this.onClickOutside(e)\n      }\n    } else {\n      if (this.withinBoundaries(e)) return\n\n      if (this.containerTarget.contains(e.target) === false) {\n        this.onClickOutside(e)\n      }\n    }\n  }\n\n  search() {\n    this.clearDebounce()\n\n    if (this.inputTarget.value.trim().length === 0) {\n      this.menuTarget.classList.add(\"hidden\")\n    } else {\n      this.debounce(async () => {\n        await get(this.searchUrlValue, {\n          responseKind: \"turbo-stream\",\n          query: {\n            search: this.inputTarget.value\n          }\n        })\n      }, 300)\n    }\n  }\n\n  save({currentTarget: label}) {\n    const options = {\n      responseKind: \"turbo-stream\",\n      body: {\n        label_id: label.dataset.value,\n        mode: this.getMode(),\n        label: { name: label.innerText }\n      }\n    }\n\n    const url = this.persistedValue ? this.labelingUrlValue : this.urlValue\n\n    post(url, options)\n  }\n\n  saveNewTag({currentTarget: newTag}) {\n    const options = {\n      responseKind: \"turbo-stream\",\n      body: {\n        label: {name: newTag.dataset.value},\n        mode: this.getMode()\n      }\n    }\n\n    const url = this.persistedValue ? this.labelingUrlValue : this.urlValue\n\n    post(url, options)\n  }\n\n  persistedTargetConnected() {\n    this.persistedValue = true\n    this.labelingUrlValue = this.persistedTarget.dataset.url\n\n    this.element.querySelector('[data-placeholder]').classList.remove(...this.unsetClasses)\n\n    this.persistedTarget.remove()\n  }\n\n  submitOnEnter() {\n    if(this.inputTarget.value.length === 0) {\n      if(this.itemsChanged && this.inBatchUpdateMode()) {\n        this.requestBatchUpdateConfirmation()\n      } else {\n        this.clearAndHide()\n      }\n\n      return\n    }\n\n    if (this.element.querySelector(\"[data-new]\")) {\n      this.element.querySelector(\"[data-new]\").click()\n      return\n    } else if (this.element.querySelectorAll(\"[data-existing]\").length > 0) {\n      this.element.querySelectorAll(\"[data-existing]\")[0].click()\n      return\n    }\n\n    this.clearDebounce()\n    this.onInputEnter()\n  }\n\n  removeItem({ currentTarget }, identifier = '[data-property--tags-target=\"item\"]') {\n    const item = currentTarget.closest(identifier)\n\n    if(item.hasAttribute('data-added')) {\n      return item.remove()\n    }\n\n    if(item.tagName === 'FORM' && !this.inBatchUpdateMode()) {\n      item.requestSubmit()\n    }\n\n    if(this.inBatchUpdateMode()) {\n      item.toggleAttribute('data-removed')\n      this.focus()\n    } else {\n      this.itemPillTargets.find(pill => pill.dataset.id === item.dataset.id)?.remove()\n      item.remove()\n    }\n  }\n\n  setLabelToDestroy({currentTarget}) {\n    this.elementId = currentTarget.dataset.id\n  }\n\n  deletedTargetConnected() {\n    this.persistedValue = false\n    this.element.querySelector('[data-placeholder]').classList.add(...this.unsetClasses)\n\n    if(this.hasDeleteTarget) {\n      this.deletedTarget.remove()\n    }\n  }\n\n  researchTargetConnected() {\n    if(this.containerTarget.classList.contains(\"hidden\")) return\n\n    if(\n      this.element.querySelectorAll(\"[data-new]\").length === 0\n      || this.element.querySelectorAll(\"[data-existing]\").length === 0\n    ) {\n      this.focus()\n      this.search()\n    }\n  }\n\n  onClickOutside(e) {\n    if(this.inBatchUpdateMode() && this.itemsChanged) {\n      if(e.target.tagName === 'A' || e.target.closest('a')) {\n        e.preventDefault()\n        e.stopPropagation()\n\n        this.blockedAnchor = e.target.closest('a') || e.target\n      }\n\n      return this.requestBatchUpdateConfirmation()\n    }\n\n    if(this.hasButtonTarget) {\n      this.buttonTarget.classList.remove(\"hidden\")\n    }\n\n    this.containerTarget.classList.add(\"hidden\")\n    this.inputTarget.value = \"\"\n\n    if(this.suggestions.length === 0) {\n      this.menuTarget.classList.add(\"hidden\")\n    }\n  }\n\n  clearAndHide() {\n    if(this.inBatchUpdateMode()) {\n      this.itemTargets.filter(item => item.hasAttribute('data-added')).forEach(item => item.remove())\n      this.itemTargets.filter(item => item.hasAttribute('data-removed')).forEach(item => item.removeAttribute('data-removed'))\n    }\n\n    this.clearDebounce()\n    this.inputTarget.value = \"\"\n\n    this.containerTarget.classList.add(\"hidden\")\n    this.menuTarget.classList.add(\"hidden\")\n\n    if(this.hasButtonTarget) {\n      this.buttonTarget.classList.remove(\"hidden\")\n    }\n\n    this.blurLine()\n  }\n\n  async onInputEnter() {\n    const options = {\n      responseKind: \"turbo-stream\",\n      body: {\n        label: { name:  this.inputTarget.value },\n        mode: this.getMode()\n      }\n    }\n\n    const url = this.persistedValue ? this.labelingUrlValue : this.urlValue\n\n    await post(url, options)\n    this.refocus()\n  }\n\n  sync() {\n    if(this.inputTarget.value.length === 0) {\n      clearTimeout(this.searchTimeout)\n\n      this.menuTarget.classList.add(\"hidden\")\n      document.querySelector(\"[data-controller='labels--modal'] [data-labels--modal-target='container']\")?.remove()\n    }\n  }\n\n  itemTargetConnected() {\n    if(this.isVisible(this.menuTarget)) {\n      this.refocus()\n    }\n\n    if(this.element.querySelector('[data-placeholder]')) {\n      this.element.querySelector('[data-placeholder]').classList.remove(...this.unsetClasses)\n    }\n  }\n\n  refocus() {\n    this.inputTarget.value = \"\"\n    this.inputTarget.focus()\n\n    this.search()\n\n    this.menuTarget.classList.add('hidden')\n  }\n\n  itemTargetDisconnected() {\n    this.inputTarget.focus()\n    this.menuTarget.classList.add(\"hidden\")\n\n    if(this.itemTargets.length === 0) {\n      this.deletedTargetConnected()\n    }\n  }\n\n  get itemsChanged() {\n    return this.itemTargets.filter(item => item.hasAttribute('data-removed') || item.hasAttribute('data-added')).length > 0\n  }\n\n  get suggestions() {\n    return this.element.querySelectorAll(\"[data-suggestion='true']\")\n  }\n\n  get invisibleClass() {\n    return \"hidden\"\n  }\n\n  getValueForBatch() {\n    return {\n      add_to: this.itemTargets.filter(item => item.hasAttribute('data-added')).map(item => item.innerText.trim()).join(', '),\n      remove_from: this.itemTargets.filter(item => item.hasAttribute('data-removed')).map(item => item.innerText.trim()).join(', '),\n    }\n  }\n}\n"],"names":["TagsController","PropertyController","_a","useBatchUpdateNotifiers","modalContainer","get","label","options","url","post","newTag","currentTarget","identifier","item","pill","__publicField"],"mappings":"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"}