{"version":3,"file":"templates_controller-DA6XNYnf.js","sources":["../../../app/javascript/controllers/compose/templates_controller.js"],"sourcesContent":["import { get } from '@rails/request.js'\n\nimport ApplicationController from \"../application_controller\"\n\nexport default class extends ApplicationController {\n  static values = {\n    technologies: Array,\n    url: String,\n    query: String\n  }\n\n  static targets = [\"template\", \"skeletonsList\", \"list\"]\n\n  initialize() {\n    super.initialize()\n    this.activeIndex = 0\n  }\n\n  removeInvisibilityClasses() {\n    this.removeClass(this.element,\"invisible\")\n    this.element.classList.add(\"h-[20rem]\")\n    this.element.setAttribute('data-visible', '')\n  }\n\n  show(e) {\n    const detail = e.type === \"chat:templates:show\" ? e.detail.detail : e.detail\n\n    this.removeInvisibilityClasses()\n\n    if(detail !== this.queryValue) {\n      clearTimeout(this.searchTimeout)\n\n      this.queryValue = detail\n      this.search()\n    }\n  }\n\n  hide() {\n    super.hide(...this.templateTargets)\n\n    this.addClass(this.element,\"invisible\")\n    this.element.classList.remove(\"h-[20rem]\")\n\n    this.element.removeAttribute('data-visible')\n\n    this.nextTick(() => {\n      super.show(...this.templateTargets)\n    })\n  }\n\n  onTemplateSelection({ currentTarget: templateElement }) {\n    this.dispatchSelectedEvent(templateElement, {\n      method: 'click'\n    })\n  }\n\n  onTechnologyChange({ detail }) {\n    this.technologiesValue = [detail.technology.id]\n    this.search()\n  }\n\n  toggle(event) {\n    if(event.detail) {\n      this.removeInvisibilityClasses()\n    } else {\n      this.hide()\n    }\n  }\n\n  close() {\n    if(this.visible) {\n      this.hide()\n\n      this.dispatch('closed-by-escape')\n    }\n  }\n\n  onArrowUp(e) {\n    if(this.invisible) return;\n\n    e.preventDefault()\n    e.stopPropagation()\n\n    this.activeIndex -= 1\n    this.updateHighlightedElement({ scrollIntoView: true })\n  }\n\n  onArrowDown(e) {\n    if(this.invisible) return;\n\n    e.preventDefault()\n    e.stopPropagation()\n\n    this.activeIndex += 1\n    this.updateHighlightedElement({ scrollIntoView: true })\n  }\n\n  onTemplateHover({ currentTarget }) {\n    if(this.invisible) return\n\n    this.activeIndex = this.templateTargets.indexOf(currentTarget)\n    this.updateHighlightedElement({ scrollIntoView: false })\n  }\n\n  onEnter(e) {\n    if(this.invisible) return;\n\n    e.preventDefault()\n    e.stopPropagation()\n\n    const template = this.templateTargets[this.activeIndex]\n\n    if(template) {\n      this.dispatchSelectedEvent(template, {\n        method: 'enter'\n      })\n    }\n  }\n\n  // private\n\n  dispatchSelectedEvent(template, { method }) {\n    const payload = JSON.parse(template.dataset.payload)\n\n    this.dispatch(\"selected\",\n      {\n        detail: {\n          ...payload,\n          selectionMethod: method,\n          coupon: payload.coupon ? JSON.parse(payload.coupon) : null,\n          element: template\n        }\n      }\n    )\n  }\n\n  async search() {\n    this.searchTimeout = setTimeout(async () => {\n      if(this.queryValue) {\n        super.hide(this.listTarget)\n        super.show(this.skeletonsListTarget)\n      }\n\n      await get(this.urlValue, {\n        responseKind: 'turbo-stream',\n        query: {\n          technologies: this.technologiesValue.join(','),\n          search: this.queryValue.trim().replace(/\\u200C/g, \"\")\n        }\n      })\n\n      super.hide(this.skeletonsListTarget)\n      super.show(this.listTarget)\n\n      this.activeIndex = 0\n    }, 300)\n  }\n\n  updateHighlightedElement({ scrollIntoView }) {\n    if(this.activeIndex < 0) {\n      this.activeIndex = this.templateTargets.length - 1\n    } else if(this.activeIndex >= this.templateTargets.length) {\n      this.activeIndex = 0\n    }\n\n    this.templateTargets.forEach((element, index) => {\n      if(index === this.activeIndex) {\n        this.addClass(element, ...this.activeClasses)\n\n        element.setAttribute('data-active', '')\n\n        if(scrollIntoView) {\n          element.scrollIntoView(false)\n        }\n      } else {\n        this.removeClass(element, ...this.activeClasses)\n        this.element.removeAttribute('data-active')\n      }\n    })\n  }\n\n  get visible() {\n    return this.element.hasAttribute('data-visible')\n  }\n\n  get invisible() {\n    return !this.visible\n  }\n\n  get activeClasses() {\n    return ['bg-night-5', 'border-l-tiger']\n  }\n}\n"],"names":["templates_controller","ApplicationController","detail","templateElement","event","currentTarget","template","method","payload","get","scrollIntoView","element","index","__publicField"],"mappings":"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"}