{"mappings":"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","sources":["src/ts/career/employee-slider.ts"],"sourcesContent":["import 'keen-slider/keen-slider.min.css';\nimport KeenSlider from 'keen-slider';\n\nconst createThumbnailPlugin = (mainSlider: any) => {\n  const init = (slider: any) => {\n    const removeActive = () => {\n      slider.slides.forEach((slide: any) => {\n        slide.classList.remove('active');\n      });\n    };\n\n    const addActive = (idx: number) => {\n      slider.slides[idx].classList.add('active');\n    };\n\n    const addClickEvents = () => {\n      slider.slides.forEach((slide: any, idx: number) => {\n        slide.addEventListener('click', () => {\n          mainSlider.moveToIdx(idx);\n        });\n      });\n    };\n\n    const prevButton = document.getElementById('thumbnail-prev');\n    const nextButton = document.getElementById('thumbnail-next');\n\n    if (prevButton && nextButton) {\n      prevButton.addEventListener('click', () => {\n        mainSlider.prev();\n      });\n\n      nextButton.addEventListener('click', () => {\n        mainSlider.next();\n      });\n    }\n\n    slider.on('created', () => {\n      addActive(slider.track.details.rel);\n      addClickEvents();\n\n      mainSlider.on('animationStarted', (main: any) => {\n        removeActive();\n        const next = main.animator.targetIdx || 0;\n        addActive(main.track.absToRel(next));\n        slider.moveToIdx(Math.min(slider.track.details.maxIdx, next));\n      });\n    });\n  };\n\n  return { init };\n};\n\nconst mainSlider = new KeenSlider('#employee-slider', {\n  loop: true,\n  rubberband: true,\n});\nconst thumbnailPlugin = createThumbnailPlugin(mainSlider);\nconst thumbnails = new KeenSlider(\n  '#thumbnails',\n  {\n    initial: 0,\n    slides: {\n      perView: 3,\n      spacing: 0,\n      origin: 'center',\n    },\n    vertical: true,\n    mode: 'free-snap',\n    loop: true,\n    rubberband: true,\n    breakpoints: {\n      '(max-width: 950px)': {\n        slides: {\n          perView: 6,\n        },\n        loop: false,\n      },\n    },\n  },\n  [thumbnailPlugin.init],\n);\n\nconst openButton: HTMLElement | null = document.getElementById('open-btn');\nif (openButton) {\n  openButton.addEventListener('click', () => {\n    const initial: HTMLElement | null = document.getElementById('slider--initial');\n    const slider: HTMLElement | null = document.getElementById('employee-slider');\n    document.body.className += 'slider-mobile-modal';\n    if (initial) {\n      initial.style.visibility = 'hidden';\n    }\n\n    if (slider) {\n      slider.style.visibility = 'visible';\n    }\n  });\n}\n\nconst closeButton: HTMLElement | null = document.getElementById('slider-close-btn');\nif (closeButton) {\n  closeButton.addEventListener('click', () => {\n    const slider: HTMLElement | null = document.getElementById('employee-slider');\n    const initial: HTMLElement | null = document.getElementById('slider--initial');\n    document.body.classList.remove('slider-mobile-modal');\n    if (slider) {\n      slider.style.visibility = 'hidden';\n    }\n    if (initial) {\n      initial.style.visibility = 'visible';\n    }\n  });\n}\n\nconst btnElements = document.getElementsByClassName('btn');\nif (btnElements.length > 0) {\n  Array.from(btnElements).forEach((btnElement) => {\n    btnElement.addEventListener('click', () => {\n      console.log('clicked');\n      const initial: HTMLElement | null = document.getElementById('slider--initial');\n      const slider: HTMLElement | null = document.getElementById('employee-slider');\n      document.body.className += 'slider-mobile-modal';\n      if (initial) {\n        initial.style.visibility = 'hidden';\n      }\n      if (slider) {\n        slider.style.visibility = 'visible';\n      }\n    });\n  });\n}\n\n// Add left and right arrows for the main slider\nconst mainPrevButton = document.getElementById('main-prev');\nconst mainNextButton = document.getElementById('main-next');\n\nif (mainPrevButton && mainNextButton) {\n  mainPrevButton.addEventListener('click', () => {\n    mainSlider.prev();\n  });\n\n  mainNextButton.addEventListener('click', () => {\n    mainSlider.next();\n  });\n}\n"],"names":[],"version":3,"file":"employee-stories.4ff34669.js.map"}