ImKubass

import * as esbuild from "esbuild"
import {sassPlugin} from "esbuild-sass-plugin"
import manifestPlugin from "esbuild-plugin-manifest"
import svgPlugin from "esbuild-svg"
import tailwindPlugin from "esbuild-plugin-tailwindcss"

await esbuild.build({
  entryPoints: ["./src/index.ts"],
  bundle: true,
  outdir: "./dist",

ImKubass

let filterAbortController: AbortController | null = null
const responseSettings = {
  method: "GET",
}

const filterProducts = async (page?: string) => {
  // Abort the previous request if it exists
  if (filterAbortController) {
    filterAbortController.abort()
  }

ImKubass

/**
 * @example
 * addGlobalEventListener("click", ".i-usp", (clickedElement) => {
 *  console.log(clickedElement)
 * })
 */
export function addGlobalEventListener(
  type: string,
  selector: string,
  callback: (clickedElement: Element, event: Event) => void,

ImKubass

const tabsGroup = document.querySelectorAll(".js-tabs")


tabsGroup.forEach(tabGroup => {
  const tabItems = tabGroup.querySelectorAll(".js-tabs__tab-item")
  const panels = tabGroup.querySelectorAll(".js-tabs__panel")

  const closeAllPanels = () => panels.forEach(content => content.classList.remove("--active"))
  const resetAllTabItems = () => tabItems.forEach(link => link.classList.remove("--active"))

ImKubass

export const sameHeight = (
  group: Element,
  elements: string | NodeListOf<HTMLElement> | HTMLElement[],
  byRow = false,
  parentRowSelector: string = "",
) => {
  const targets =
    elements instanceof NodeList
      ? Array.from(elements)
      : typeof elements === "string"

ImKubass

const myElementSelector = ".my-element"

document.addEventListener("click", ({target}) => {
  if (target instanceof Element && !target?.closest(myElementSelector)) {
    console.log("click outside")
  } else {
    console.log("click in")
  }
})

ImKubass

const mobileQuery = window.matchMedia("(max-width: 74.999em)") // Change to your needs

const handleMobileChange = (mediaQueryList: MediaQueryListEvent | MediaQueryList) => {
  if (mediaQueryList.matches) {
      // Its Mobile
  } else {
      // Its Desktop
  }
}

ImKubass

const handle = () => {
  console.log("Yo my size changed, do something with me")
}

const resizeObserver = new ResizeObserver(handle)
resizeObserver.observe(myElement)

ImKubass

const mainNav = document.querySelector(".main-header__nav")
const overlay = document.querySelector(".c-overlay")

const closers = document.querySelectorAll(".--js-main-nav-closer")
const openers = document.querySelectorAll(".--js-main-nav-opener")
const togglers = document.querySelectorAll(".--js-main-nav-toggler")

const closeMenu = (event: Event) => {
  event.preventDefault()
  mainNav?.classList.remove("--open")

ImKubass

window.models = {
	initModel: function (
		modelName,
		positionX,
		positionY,
		positionZ,
		rotationX,
		rotationY,
		rotationZ,
		rotationAnimationX,