{
  "version": 3,
  "sources": ["../../../Vettvangur.Heilsuvera/src/scripts/components/Sykurmagn/sortProductsBy.ts"],
  "sourcesContent": ["import { gsap } from \"gsap/all\";\n\nconst sortProductsBy = {\n\tsortbyButton: document.querySelector(\".tabs__sortby\"),\n\tsortbyDropdown: document.querySelector<HTMLElement>(\".tabs__sortby-dropdown\"),\n\tsortLabel: document.querySelector<HTMLElement>(\".tabs__sortby-label\"),\n\tproducts: document.querySelector(\".products\"),\n\toptions: document.querySelectorAll<HTMLElement>(\".tabs__sortby-option\"),\n\tingredientsDiv: document.querySelectorAll(\".product2__ingredients\"),\n\n\tinit: (): void => {\n\t\tif (\n\t\t\tsortProductsBy.sortbyButton != null &&\n\t\t\tsortProductsBy.sortbyDropdown != null\n\t\t) {\n\t\t\tif (window.location.href.split(\"/?sort=\").length > 1) {\n\t\t\t\tsortProductsBy.options.forEach((option) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\toption.dataset.option == window.location.href.split(\"/?sort=\")[1]\n\t\t\t\t\t) {\n\t\t\t\t\t\tsortProductsBy.sortLabel.innerHTML = option.innerHTML;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tsortProductsBy.sortby();\n\t\t\tsortProductsBy.openDropdown();\n\t\t}\n\n\t\t// handles product card content - only shows two ingredients as icons\n\t\tif (\n\t\t\tsortProductsBy.ingredientsDiv !== null &&\n\t\t\tsortProductsBy.ingredientsDiv.length > 0\n\t\t) {\n\t\t\tsortProductsBy.ingredientsDiv?.forEach((div: HTMLElement) => {\n\t\t\t\tArray.from(div.children).forEach(() => {\n\t\t\t\t\tif (div.children.length > 2) {\n\t\t\t\t\t\tdiv.removeChild(div.lastElementChild);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t},\n\n\tsortby: (): void => {\n\t\tdocument.addEventListener(\"click\", (event) => {\n\t\t\tconst isClickOutside = !sortProductsBy.sortbyDropdown?.contains(\n\t\t\t\tevent.target as Node,\n\t\t\t);\n\t\t\tconst isClickOnButton = !sortProductsBy.sortbyButton?.contains(\n\t\t\t\tevent.target as Node,\n\t\t\t);\n\t\t\tconst isClickInDropdown = sortProductsBy.sortbyDropdown?.contains(\n\t\t\t\tevent.target as Node,\n\t\t\t);\n\n\t\t\tif (isClickOutside && isClickOnButton) {\n\t\t\t\tgsap.to(sortProductsBy.sortbyDropdown, {\n\t\t\t\t\tduration: 0.4,\n\t\t\t\t\tease: \"power3.inOut\",\n\t\t\t\t\topacity: 0,\n\t\t\t\t\tdisplay: \"none\",\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (isClickOnButton) {\n\t\t\t\tsortProductsBy.sortbyDropdown.classList.remove(\n\t\t\t\t\t\"tabs__sortby-dropdown--open\",\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (isClickInDropdown) {\n\t\t\t\tconst targetEl = event.target as HTMLElement;\n\t\t\t\tconst query2 = targetEl.dataset.option;\n\n\t\t\t\tif (history.pushState) {\n\t\t\t\t\tconst newurl =\n\t\t\t\t\t\twindow.location.protocol +\n\t\t\t\t\t\t\"//\" +\n\t\t\t\t\t\twindow.location.host +\n\t\t\t\t\t\twindow.location.pathname +\n\t\t\t\t\t\t\"?sort=\" +\n\t\t\t\t\t\tquery2;\n\t\t\t\t\twindow.history.pushState({ path: newurl }, \"\", newurl);\n\t\t\t\t\twindow.location.reload();\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t},\n\n\topenDropdown: (): void => {\n\t\tgsap.set(sortProductsBy.sortbyDropdown, { opacity: 0, display: \"none\" });\n\n\t\tsortProductsBy.sortbyButton?.addEventListener(\"click\", (event) => {\n\t\t\tconst opacityZero = sortProductsBy.sortbyDropdown.style.opacity == \"0\";\n\t\t\tconst isClickInside = sortProductsBy.sortbyDropdown?.contains(\n\t\t\t\tevent.target as Node,\n\t\t\t);\n\n\t\t\tif (opacityZero) {\n\t\t\t\tgsap.to(sortProductsBy.sortbyDropdown, {\n\t\t\t\t\tduration: 0.2,\n\t\t\t\t\tease: \"power3.inOut\",\n\t\t\t\t\topacity: 1,\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t});\n\t\t\t} else if (!isClickInside) {\n\t\t\t\tgsap.to(sortProductsBy.sortbyDropdown, {\n\t\t\t\t\tduration: 0.2,\n\t\t\t\t\tease: \"power3.inOut\",\n\t\t\t\t\topacity: 0,\n\t\t\t\t\tdisplay: \"none\",\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t},\n};\n\nexport default sortProductsBy;\n"],
  "mappings": "4GAEA,IAAMA,EAAiB,CACtB,aAAc,SAAS,cAAc,eAAe,EACpD,eAAgB,SAAS,cAA2B,wBAAwB,EAC5E,UAAW,SAAS,cAA2B,qBAAqB,EACpE,SAAU,SAAS,cAAc,WAAW,EAC5C,QAAS,SAAS,iBAA8B,sBAAsB,EACtE,eAAgB,SAAS,iBAAiB,wBAAwB,EAElE,KAAM,IAAY,CAVnB,IAAAC,EAYGD,EAAe,cAAgB,MAC/BA,EAAe,gBAAkB,OAE7B,OAAO,SAAS,KAAK,MAAM,SAAS,EAAE,OAAS,GAClDA,EAAe,QAAQ,QAASE,GAAW,CAEzCA,EAAO,QAAQ,QAAU,OAAO,SAAS,KAAK,MAAM,SAAS,EAAE,CAAC,IAEhEF,EAAe,UAAU,UAAYE,EAAO,UAE9C,CAAC,EAGFF,EAAe,OAAO,EACtBA,EAAe,aAAa,GAK5BA,EAAe,iBAAmB,MAClCA,EAAe,eAAe,OAAS,KAEvCC,EAAAD,EAAe,iBAAf,MAAAC,EAA+B,QAASE,GAAqB,CAC5D,MAAM,KAAKA,EAAI,QAAQ,EAAE,QAAQ,IAAM,CAClCA,EAAI,SAAS,OAAS,GACzBA,EAAI,YAAYA,EAAI,gBAAgB,CAEtC,CAAC,CACF,GAEF,EAEA,OAAQ,IAAY,CACnB,SAAS,iBAAiB,QAAUC,GAAU,CA7ChD,IAAAH,EAAAI,EAAAC,EA8CG,IAAMC,EAAiB,GAACN,EAAAD,EAAe,iBAAf,MAAAC,EAA+B,SACtDG,EAAM,SAEDI,EAAkB,GAACH,EAAAL,EAAe,eAAf,MAAAK,EAA6B,SACrDD,EAAM,SAEDK,GAAoBH,EAAAN,EAAe,iBAAf,YAAAM,EAA+B,SACxDF,EAAM,QAkBP,GAfIG,GAAkBC,GACrBE,EAAK,GAAGV,EAAe,eAAgB,CACtC,SAAU,GACV,KAAM,eACN,QAAS,EACT,QAAS,MACV,CAAC,EAGEQ,GACHR,EAAe,eAAe,UAAU,OACvC,6BACD,EAGGS,EAAmB,CAEtB,IAAME,EADWP,EAAM,OACC,QAAQ,OAEhC,GAAI,QAAQ,UAAW,CACtB,IAAMQ,EACL,OAAO,SAAS,SAChB,KACA,OAAO,SAAS,KAChB,OAAO,SAAS,SAChB,SACAD,EACD,OAAO,QAAQ,UAAU,CAAE,KAAMC,CAAO,EAAG,GAAIA,CAAM,EACrD,OAAO,SAAS,OAAO,CACxB,CACD,CACD,CAAC,CACF,EAEA,aAAc,IAAY,CA1F3B,IAAAX,EA2FES,EAAK,IAAIV,EAAe,eAAgB,CAAE,QAAS,EAAG,QAAS,MAAO,CAAC,GAEvEC,EAAAD,EAAe,eAAf,MAAAC,EAA6B,iBAAiB,QAAUG,GAAU,CA7FpE,IAAAH,EA8FG,IAAMY,EAAcb,EAAe,eAAe,MAAM,SAAW,IAC7Dc,GAAgBb,EAAAD,EAAe,iBAAf,YAAAC,EAA+B,SACpDG,EAAM,QAGHS,EACHH,EAAK,GAAGV,EAAe,eAAgB,CACtC,SAAU,GACV,KAAM,eACN,QAAS,EACT,QAAS,MACV,CAAC,EACUc,GACXJ,EAAK,GAAGV,EAAe,eAAgB,CACtC,SAAU,GACV,KAAM,eACN,QAAS,EACT,QAAS,MACV,CAAC,CAEH,EACD,CACD,EAEOe,EAAQf",
  "names": ["sortProductsBy", "_a", "option", "div", "event", "_b", "_c", "isClickOutside", "isClickOnButton", "isClickInDropdown", "gsapWithCSS", "query2", "newurl", "opacityZero", "isClickInside", "sortProductsBy_default"]
}