{"version":3,"sources":["homepage.js"],"names":["jQuery","document","ready","$","Splide","type","perPage","cover","arrows","pagination","autoHeight","heightRatio","gap","rewind","classes","arrow","prev","next","page","mount","circlesMask","Object","create","name","clipPathDsk","clipPathTblt","clipPathMbl","viewBoxDsk","viewBoxTblt","viewBoxMbl","maskArray","circles","each","maskType","this","dataset","masktype","imagePath","maskimage","svgMaskDsk","svgMaskTblt","svgMaskMbl","append","window","width","length","console","log","height","index","css"],"mappings":"AAAAA,OAAAC,UAAAC,MAAA,SAAAC,GAEA,IAAAC,OAAA,UAAA,CACAC,KAAA,OACAC,QAAA,EACAC,OAAA,EACAC,QAAA,EACAC,YAAA,EACAC,YAAA,EACAC,aAAA,EACAC,IAAA,EACAC,QAAA,EAWAC,QAAA,CACAL,WAAA,gDACAD,OAAA,mCACAO,MAAA,iCACAC,KACA,6CACAC,KAAA,6CACAC,KAAA,0DAEAC,QAGAC,YAAAC,OAAAC,OAAA,CACAC,KAAA,UACAC,0pBACAC,aAAA,yIACAC,YAAA,qIACAC,WAAA,cACAC,YAAA,eACAC,WAAA,gBAGAC,UAAA,CAAAC,QAAAX,aAEAjB,EAAA,sBAAA6B,KAAA,WAEA,IAAAC,EAAA9B,EAAA+B,MAAA,GAAAC,QAAAC,SACAC,EAAAlC,EAAA+B,MAAA,GAAAC,QAAAG,UAEAd,EAAAM,UAAAG,GAAAT,YACAC,EAAAK,UAAAG,GAAAR,aACAC,EAAAI,UAAAG,GAAAP,YAKAa,0CAJAT,UAAAG,GAAAN;kCAKAH;gDACAa;YAGAG,2CARAV,UAAAG,GAAAL;yCASAH;gDACAY;YAGAI,0CAZAX,UAAAG,GAAAJ;yCAaAH;gDACAW;YAGAlC,EAAA+B,MAAAQ,OAAAH,EAAAC,EAAAC,KAgBA,KAAAtC,EAAAwC,QAAAC,SACA,GAAAzC,EAAA,4BAAA0C,SACAC,QAAAC,IAAA,sBACA5C,EAAA,WAAA6C,OAAA,SAAAC,EAAAD,GACA7C,EAAA,WAAA+C,IAAA,aAAAF,GACAF,QAAAC,IAAA,SAAAC,EAAA","file":"homepage.js","sourcesContent":["jQuery(document).ready(function ($) {\r\n\r\n  new Splide('.banner', {\r\n    type: 'fade',\r\n    perPage: 1,\r\n    cover: false,\r\n    arrows: true,\r\n    pagination: false,\r\n    autoHeight: true,\r\n    heightRatio: false,\r\n    gap: 0,\r\n    rewind: true,\r\n    // breakpoints: {\r\n    //   768: {\r\n    //     perPage: 1,\r\n    //     pagination: true\r\n    //   },\r\n    //   1024: {\r\n    //     perPage: 2,\r\n    //     pagination: true\r\n    //   },\r\n    // },\r\n    classes: {\r\n      pagination: 'splide__pagination dots hp-splide__pagination', // container\r\n      arrows: 'splide__arrows hp-splide__arrows',\r\n      arrow: 'splide__arrow hp-splide__arrow',\r\n      prev:\r\n        'splide__arrow--prev hp-splide__arrow--prev',\r\n      next: 'splide__arrow--next hp-splide__arrow--next',\r\n      page: 'splide__pagination__page hp-splide__pagination__page',\r\n    },\r\n  }).mount();\r\n\r\n\r\n  circlesMask = Object.create({\r\n    name:\"circles\",\r\n    clipPathDsk:`<path d=\"M1103.9,0v630H247.3C87.7,450.6,86.8,180.4,245.3,0H1103.9z\"></path> <path d=\"M157,33c-11.2,0-22.2-3.2-31.7-9.2C116,18,108.5,9.8,103.5,0h106.9c-4.9,9.8-12.5,18-21.7,23.8C179.2,29.8,168.2,33,157,33z \t\"></path> <path d=\"M177.3,630H2.7C0.9,622.8,0,615.4,0,608c0-12,2.4-23.9,7.1-35c2.3-5.4,5-10.5,8.3-15.3c3.2-4.8,6.9-9.2,11-13.3 \tc4.1-4.1,8.5-7.8,13.3-11c4.8-3.3,9.9-6,15.3-8.3c11.1-4.7,23-7.1,35-7.1s23.9,2.4,35,7.1c5.4,2.3,10.5,5,15.3,8.3 \tc4.8,3.2,9.2,6.9,13.3,11c4.1,4.1,7.8,8.5,11,13.3c3.3,4.8,6,9.9,8.3,15.3c4.7,11.1,7.1,23,7.1,35C180,615.4,179.1,622.8,177.3,630 \tL177.3,630z\"></path> <ellipse cx=\"107\" cy=\"96.5\" rx=\"20\" ry=\"20.5\"></ellipse>`,\r\n    clipPathTblt:`<path id=\"bkgd\" d=\"M0,42.98S277,0,554,0s554,42.98,554,42.98v481.42s-277,42.98-554,42.98S0,524.4,0,524.4V42.98Z\" fill=\"#80e41c\"></path>`,\r\n    clipPathMbl:`<path id=\"bkgd\" d=\"M0,48.49S200,0,400,0s400,48.49,400,48.49v543.03s-200,48.48-400,48.48S0,591.52,0,591.52V48.49Z\" fill=\"#80e41c\"/>`,\r\n    viewBoxDsk:\"0 0 760 600\",\r\n    viewBoxTblt:\"0 0 1108 570\",\r\n    viewBoxMbl:\"0 0 800 640\"\r\n  });\r\n\r\n  maskArray = {circles: circlesMask};\r\n\r\n  $('.banner__mask--yes').each(function(){\r\n\r\n    var maskType = $(this)[0].dataset.masktype;\r\n    var imagePath = $(this)[0].dataset.maskimage;\r\n\r\n    var clipPathDsk = maskArray[maskType].clipPathDsk;\r\n    var clipPathTblt = maskArray[maskType].clipPathTblt;\r\n    var clipPathMbl = maskArray[maskType].clipPathMbl;\r\n    var viewBoxDsk = maskArray[maskType].viewBoxDsk;\r\n    var viewBoxTblt = maskArray[maskType].viewBoxTblt;\r\n    var viewBoxMbl = maskArray[maskType].viewBoxMbl;\r\n\r\n    var svgMaskDsk = `<svg class=\"clip-mask--dsk\" viewBox=\"${viewBoxDsk}\">\r\n      <defs><clipPath id=\"mask\">${clipPathDsk}</clipPath></defs>\r\n      <image class=\"banner__mask-image\" href=\"${imagePath}\" alt=\"\"/>\r\n    </svg>`;\r\n\r\n    var svgMaskTblt = `<svg class=\"clip-mask--tblt\" viewBox=\"${viewBoxTblt}\">\r\n      <defs><clipPath id=\"tablet-mask\">${clipPathTblt}</clipPath></defs>\r\n      <image class=\"banner__mask-image\" href=\"${imagePath}\" alt=\"\"/>\r\n    </svg>`;\r\n\r\n    var svgMaskMbl = `<svg class=\"clip-mask--mbl\" viewBox=\"${viewBoxMbl}\">\r\n      <defs><clipPath id=\"mobile-mask\">${clipPathMbl}</clipPath></defs>\r\n      <image class=\"banner__mask-image\" href=\"${imagePath}\" alt=\"\"/>\r\n    </svg>`;\r\n\r\n    $(this).append(svgMaskDsk, svgMaskTblt, svgMaskMbl);\r\n\r\n  });\r\n\r\n  //Offset Homepage Banner if global nav items are present when using Transparent Nav.\r\n  // if ($(window).width() > 1024) {\r\n  //   if ($('.transparent-nav .global-nav.desktop .global-nav__links li').length >= 1) {\r\n  //     console.log(\"Global nav is present.\");\r\n  //     $('.global-nav.desktop ').height(function (index, height) {\r\n  //       $('.banner').css(\"margin-top\", height);\r\n  //       console.log(\"Added\" + \" \" + height + \"px margin-top to banner\");\r\n  //     });\r\n  //   }\r\n  // }\r\n\r\n  //Offset Header if Alerts are present when using Transparent Nav.\r\n  if ($(window).width() > 1024) {\r\n    if ($('.transparent-nav .alerts').length >= 1) {\r\n      console.log(\"Alerts is present.\");\r\n      $('.alerts').height(function (index, height) {\r\n        $('.header').css(\"margin-top\", height);\r\n        console.log(\"Added\" + \" \" + height + \"px margin-top to banner\");\r\n      });\r\n    }\r\n  }\r\n\r\n});"]}