{"version":3,"file":"index-CmULiYVG.js","sources":["../../Assets/Scripts/components/search/index.ts"],"sourcesContent":["import { CSS } from \"../../constants/css\";\n\nconst instance = ($el: HTMLElement) => {\n  const dom = {\n    $closeBtns: $el.querySelectorAll<HTMLElement>(\".js-search-close-btn\"),\n    $html: document.documentElement,\n    $modal: $el.querySelector<HTMLElement>(\".js-search-modal\"),\n    $modalBackground: $el.querySelector<HTMLElement>(\n      \".js-search-modal-background\",\n    ),\n    $modalInput: $el.querySelector<HTMLElement>(\".js-search-modal-input\"),\n    $modalButton: $el.querySelector<HTMLElement>(\".js-search-modal-button\"),\n    $openBtns: $el.querySelectorAll<HTMLElement>(\".js-search-open-btn\"),\n  };\n\n  const checkKeyForClose = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\") {\n      close();\n    }\n  };\n\n  const close = () => {\n    document.documentElement.removeEventListener(\"keyup\", checkKeyForClose);\n\n    dom.$html.classList.remove(CSS.overflowHidden);\n    dom.$modal?.classList.remove(CSS.visible);\n\n    dom.$modalInput?.setAttribute(\"tabindex\", \"-1\");\n    dom.$modalButton?.setAttribute(\"tabindex\", \"-1\");\n\n    dom.$closeBtns.forEach(($closeBtn) => {\n      $closeBtn.setAttribute(\"tabindex\", \"-1\");\n    });\n  };\n\n  const open = () => {\n    dom.$html.classList.add(CSS.overflowHidden);\n    dom.$modal?.classList.add(CSS.visible);\n\n    dom.$modalInput?.focus();\n    dom.$modalInput?.removeAttribute(\"tabindex\");\n    dom.$modalButton?.removeAttribute(\"tabindex\");\n\n    dom.$closeBtns.forEach(($closeBtn) => {\n      $closeBtn.removeAttribute(\"tabindex\");\n    });\n\n    document.documentElement.addEventListener(\"keyup\", checkKeyForClose);\n    dom.$modalBackground?.addEventListener(\"click\", close);\n  };\n\n  dom.$closeBtns.forEach(($closeBtn) => {\n    $closeBtn.addEventListener(\"click\", close);\n  });\n\n  dom.$openBtns.forEach(($openBtn) => {\n    $openBtn.addEventListener(\"click\", open);\n  });\n};\n\nexport default () => {\n  const $searches = document.querySelectorAll<HTMLElement>(\".js-search\");\n\n  $searches.forEach(($element) => {\n    instance($element);\n  });\n};\n"],"names":["instance","$el","dom","checkKeyForClose","e","close","CSS","_a","_b","_c","$closeBtn","open","_d","_e","$openBtn","index","$element"],"mappings":"uCAEA,MAAMA,EAAYC,GAAqB,CACrC,MAAMC,EAAM,CACV,WAAYD,EAAI,iBAA8B,sBAAsB,EACpE,MAAO,SAAS,gBAChB,OAAQA,EAAI,cAA2B,kBAAkB,EACzD,iBAAkBA,EAAI,cACpB,6BACF,EACA,YAAaA,EAAI,cAA2B,wBAAwB,EACpE,aAAcA,EAAI,cAA2B,yBAAyB,EACtE,UAAWA,EAAI,iBAA8B,qBAAqB,CACpE,EAEME,EAAoBC,GAAqB,CACzCA,EAAE,MAAQ,UACNC,EAAA,CAEV,EAEMA,EAAQ,IAAM,WACT,SAAA,gBAAgB,oBAAoB,QAASF,CAAgB,EAEtED,EAAI,MAAM,UAAU,OAAOI,EAAI,cAAc,GAC7CC,EAAAL,EAAI,SAAJ,MAAAK,EAAY,UAAU,OAAOD,EAAI,UAE7BE,EAAAN,EAAA,cAAA,MAAAM,EAAa,aAAa,WAAY,OACtCC,EAAAP,EAAA,eAAA,MAAAO,EAAc,aAAa,WAAY,MAEvCP,EAAA,WAAW,QAASQ,GAAc,CAC1BA,EAAA,aAAa,WAAY,IAAI,CAAA,CACxC,CACH,EAEMC,EAAO,IAAM,eACjBT,EAAI,MAAM,UAAU,IAAII,EAAI,cAAc,GAC1CC,EAAAL,EAAI,SAAJ,MAAAK,EAAY,UAAU,IAAID,EAAI,UAE9BE,EAAAN,EAAI,cAAJ,MAAAM,EAAiB,SACbC,EAAAP,EAAA,cAAA,MAAAO,EAAa,gBAAgB,aAC7BG,EAAAV,EAAA,eAAA,MAAAU,EAAc,gBAAgB,YAE9BV,EAAA,WAAW,QAASQ,GAAc,CACpCA,EAAU,gBAAgB,UAAU,CAAA,CACrC,EAEQ,SAAA,gBAAgB,iBAAiB,QAASP,CAAgB,GAC/DU,EAAAX,EAAA,mBAAA,MAAAW,EAAkB,iBAAiB,QAASR,EAClD,EAEIH,EAAA,WAAW,QAASQ,GAAc,CAC1BA,EAAA,iBAAiB,QAASL,CAAK,CAAA,CAC1C,EAEGH,EAAA,UAAU,QAASY,GAAa,CACzBA,EAAA,iBAAiB,QAASH,CAAI,CAAA,CACxC,CACH,EAEAI,EAAe,IAAM,CACD,SAAS,iBAA8B,YAAY,EAE3D,QAASC,GAAa,CAC9BhB,EAASgB,CAAQ,CAAA,CAClB,CACH"}