{"version":3,"file":"visual-cards-carousel.js","mappings":"62BACgC,IAE1BA,EAAmB,WAStB,O,EARD,SAAAA,EAAYC,I,4FAAIC,CAAA,KAAAF,GACdG,KAAKC,UAAYH,EAAGI,cAAc,uCAClCF,KAAKG,WAAaL,EAAGI,cAAc,kCACnCF,KAAKI,WAAaN,EAAGI,cAAc,kCACnCF,KAAKK,WAAaC,MAAMC,KAAKT,EAAGU,iBAAiB,kCAEjDR,KAAKS,OACLT,KAAKU,gBACP,G,EAAC,EAAAC,IAAA,OAAAC,MAED,WAEE,IAAMC,EAAcC,SAASC,KAAKC,UAAUC,SAAS,iBAC/CC,EAAeJ,SAASC,KAAKC,UAAUC,SAAS,kBAChDE,EAAgBL,SAASC,KAAKC,UAAUC,SAAS,mBACjDG,EAAiBN,SAASC,KAAKC,UAAUC,SAAS,oBAEpDI,GAAa,GACbR,GAAeM,GAAiBC,KAClCC,EAAa,CACX,EAAG,CACDC,YAAa,MACbC,MAAO,MAET,IAAK,CACHA,MAAO,MAET,IAAK,CACHA,MAAO,MAET,IAAK,CACHD,YAAa,GACbC,MAAO,MAET,KAAM,CACJA,MAAO,OAKTL,IACFG,EAAa,CACX,EAAG,CACDC,YAAa,MACbC,MAAO,KAET,IAAK,CACHA,MAAO,MAET,IAAK,CACHA,MAAO,MAET,IAAK,CACHD,YAAa,GACbC,MAAO,MAET,IAAK,CACHA,MAAO,MAET,KAAM,CACJA,MAAO,OAKbvB,KAAKwB,UAAWC,EAAAA,EAAAA,GAAI,CAClBxB,UAAWD,KAAKC,UAChBE,WAAYH,KAAKG,WACjBC,WAAYJ,KAAKI,WACjBsB,MAAM,EACNC,WAAW,EACXC,KAAK,EACLP,WAAYA,EACZQ,OAAO,EACPC,OAAM,SAAAC,GAA6B,IAA1B5B,EAAU4B,EAAV5B,WAAYC,EAAU2B,EAAV3B,WACnBD,EAAW6B,gBAAgB,YAC3B5B,EAAW4B,gBAAgB,WAC7B,GAEJ,GAAC,CAAArB,IAAA,iBAAAC,MAED,YACEqB,EAAAA,EAAAA,GAAGjC,KAAKK,WAAY,UAAWL,KAAKkC,YAAYC,KAAKnC,MACvD,GAAC,CAAAW,IAAA,cAAAC,MAED,SAAYwB,GACV,IAAMC,EAAQD,EAAME,OAAOC,QAAQC,MAC/BH,GAASrC,KAAKwB,UAChBxB,KAAKwB,SAASiB,KAAKJ,EAEvB,M,6EAAC,CA3FsB,GA8FzB,W","sources":["webpack://@upstatement/harvard-law-school-wp-theme/./static/js/components/visual-cards-carousel.js"],"sourcesContent":["import { tns } from 'tiny-slider/src/tiny-slider';\nimport { on } from '@src/utils';\n\nclass VisualCardsCarousel {\n  constructor(el) {\n    this.container = el.querySelector('.js-visual-cards-carousel-container');\n    this.nextButton = el.querySelector('.js-visual-cards-carousel-next');\n    this.prevButton = el.querySelector('.js-visual-cards-carousel-prev');\n    this.slideLinks = Array.from(el.querySelectorAll('.ups-block__visual-cards-link'));\n\n    this.init();\n    this.setupListeners();\n  }\n\n  init() {\n    // Set up different layouts based on the page template and existence of block intro.\n    const isGuidePage = document.body.classList.contains('js-guide-page');\n    const isDetailPage = document.body.classList.contains('js-detail-page');\n    const isArticlePage = document.body.classList.contains('js-article-page');\n    const isWaypointPage = document.body.classList.contains('js-waypoint-page');\n\n    let responsive = false;\n    if (isGuidePage || isArticlePage || isWaypointPage) {\n      responsive = {\n        0: {\n          edgePadding: 12.25,\n          items: 1.25,\n        },\n        400: {\n          items: 1.75,\n        },\n        600: {\n          items: 2.25,\n        },\n        768: {\n          edgePadding: 20,\n          items: 2.75,\n        },\n        1024: {\n          items: 3.5,\n        },\n      };\n    }\n\n    if (isDetailPage) {\n      responsive = {\n        0: {\n          edgePadding: 12.25,\n          items: 1.5,\n        },\n        400: {\n          items: 1.75,\n        },\n        600: {\n          items: 2.25,\n        },\n        768: {\n          edgePadding: 20,\n          items: 1.75,\n        },\n        800: {\n          items: 2.25,\n        },\n        1024: {\n          items: 2.5,\n        },\n      };\n    }\n\n    this.carousel = tns({\n      container: this.container,\n      nextButton: this.nextButton,\n      prevButton: this.prevButton,\n      loop: false,\n      mouseDrag: true,\n      nav: false,\n      responsive: responsive,\n      touch: true,\n      onInit({ nextButton, prevButton }) {\n        nextButton.removeAttribute('tabindex');\n        prevButton.removeAttribute('tabindex');\n      },\n    });\n  }\n\n  setupListeners() {\n    on(this.slideLinks, 'focusin', this.handleFocus.bind(this));\n  }\n\n  handleFocus(event) {\n    const index = event.target.dataset.slide;\n    if (index && this.carousel) {\n      this.carousel.goTo(index);\n    }\n  }\n}\n\nexport default VisualCardsCarousel;\n"],"names":["VisualCardsCarousel","el","_classCallCheck","this","container","querySelector","nextButton","prevButton","slideLinks","Array","from","querySelectorAll","init","setupListeners","key","value","isGuidePage","document","body","classList","contains","isDetailPage","isArticlePage","isWaypointPage","responsive","edgePadding","items","carousel","tns","loop","mouseDrag","nav","touch","onInit","_ref","removeAttribute","on","handleFocus","bind","event","index","target","dataset","slide","goTo"],"sourceRoot":""}