smart-admin/rc-busness/static/royalcanin-cdn-assets-new/css_js/royal-canin.component.carousels.js

(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[68],{227:function(e,t,a){"use strict";a.r(t);var r=a(37);var n=a.n(r);var c=a(35);var o=a.n(c);var i=a(21);var l=a.n(i);var s=a(276);var u=a.n(s);var d=a(39);var f=a.n(d);var v=a(290);var p=a.n(v);var b=a(155);var m=a.n(b);var g=a(76);var C=a.n(g);var h=a(156);var y=a.n(h);var _=a(157);var x=a.n(_);var O=a(33);var w=a.n(O);var L=a(20);var j=a.n(L);var D=a(32);var k=a.n(D);var R=a(34);var S=a.n(R);var E=a(36);var P=a.n(E);var I=a(75);var N=a.n(I);var A=a(22);var T=a.n(A);var G=a(262);var B=a.n(G);var F=a(99);var q=a(9);var M=a(6);var K=a(102);var H=a(103);var W=a(112);var Z=a(594);var $=a.n(Z);var z=a(373);var J=a.n(z);var Q=a(212);var U=a(213);var V=a(217);var X=a(101);function asyncGeneratorStep(e,t,a,r,n,c,o){try{var i=e[c](o);var l=i.value}catch(e){a(e);return}if(i.done){t(l)}else{Promise.resolve(l).then(r,n)}}function _asyncToGenerator(e){return function(){var t=this,a=arguments;return new Promise((function(r,n){var c=e.apply(t,a);function _next(e){asyncGeneratorStep(c,r,n,_next,_throw,"next",e)}function _throw(e){asyncGeneratorStep(c,r,n,_next,_throw,"throw",e)}_next(undefined)}))}}function ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);if(t)r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}));a.push.apply(a,r)}return a}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var a=arguments[t]!=null?arguments[t]:{};if(t%2){ownKeys(Object(a),true).forEach((function(t){_defineProperty(e,t,a[t])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(a))}else{ownKeys(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}}return e}function _defineProperty(e,t,a){if(t in e){Object.defineProperty(e,t,{value:a,enumerable:true,configurable:true,writable:true})}else{e[t]=a}return e}RCDL.features.Carousel={defaultSelector:null,defaultOptions:{items:1,slideBy:"page",loop:false,mouseDrag:true,autoplay:false,touch:true,responsive:{},controlsText:['<span class="rc-carousel__direction rc-carousel__direction--prev\n                    rc-btn rc-btn--icon rc-icon rc-interactive rc-left rc-iconography" aria-label="prev">\n        <span class="rc-screen-reader-text">Prev</span>\n      </span>','<span class="rc-carousel__direction rc-carousel__direction--next\n                    rc-btn rc-btn--icon rc-icon rc-interactive rc-right rc-iconography" aria-label="next">\n        <span class="rc-screen-reader-text">Next</span>\n      </span>']},start:function start(e){var t=e.element,a=e.selector,r=a===void 0?RCDL.features.Carousel.defaultSelector:a;Object(F["DOMcheckElements"])({elements:t,selectors:r,name:"carousel",start:true}).forEach((function(e){return RCDL.features.Carousel.create(e)}))},init:function init(e,t){var a=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};Object(F["DOMcheckElements"])({elements:t,selectors:e,name:"carousel"}).forEach((function(e){return RCDL.features.Carousel.create(e,a)}));Object(F["DOMcheckElements"])({elements:t,selectors:e,name:"carousel"}).forEach((function(e){RCDL.features.Carousel.create(e,a)}))},dataLayerNextSlide:function dataLayerNextSlide(e,t){var a=window.dataLayer=window.dataLayer||[];a.push({event:"".concat(RCDL.tracking.gtm.id(),"CarouselClick"),interaction:{category:"Carousel",action:"Next",label:"Slide ".concat(t)},component:{title:"Carousel number ".concat(e)}})},dataLayerPrevSlide:function dataLayerPrevSlide(e,t){var a=window.dataLayer=window.dataLayer||[];a.push({event:"".concat(RCDL.tracking.gtm.id(),"CarouselClick"),interaction:{category:"Carousel",action:"Previous",label:"Slide ".concat(t)},component:{title:"Carousel number ".concat(e)}})},dataLayerDotClick:function dataLayerDotClick(e,t){var a=window.dataLayer=window.dataLayer||[];a.push({event:"".concat(RCDL.tracking.gtm.id(),"CarouselClick"),interaction:{category:"Carousel",action:"Bottom",label:"Slide ".concat(t)},component:{title:"Carousel number ".concat(e)}})},create:function create(e){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var r=_objectSpread({},RCDL.features.Carousel.defaultOptions,{},t);var n=Object(M["default"])("[data-js-carousel]");a.e(141).then(a.bind(null,846)).then((function(t){var a=t.tns;var c=RCDL.features.Carousel;var o=Object.keys(c.instance).length+1;r.container=e;var i=n.indexOf(e);i=i+1;var l=1;var s=null;switch(true){case e.getAttribute("data-rc-cards")!==null:c.unwrap(e.querySelector(".rc-carousel__card-gal"));c.cardCarousel(e,r,o,a);s=c.instance[o].getInfo();break;case e.getAttribute("data-has-slides")!==null:c.splitCarousel(e,r,o,a);s=c.instance[o].getInfo();break;case e.getAttribute("data-image-gallery")!==null:c.imageGallery(e,r,o,a);s=c.instance[o].thumbnail.getInfo();break;default:c.instance[o]=a(r);Object(q["default"])("add",e,"rc-carousel--loaded");s=c.instance[o].getInfo();Object(q["default"])("add",e,"rc-carousel--loaded")}s.prevButton.addEventListener("click",(function(e){c.dataLayerPrevSlide(i,l);l=l-1}));s.nextButton.addEventListener("click",(function(e){c.dataLayerNextSlide(i,l);l=l+1}));if(s.navItems){s.navItems.forEach((function(e,t){e.addEventListener("click",(function(e){c.dataLayerDotClick(i,l);l=t+1}))}))}})).catch((function(){X["a"].captureException(function(e){throw e}(new Error("Tiny slider couldn't be imported.")))}))},cardCarousel:function cardCarousel(e,t,a,r){var n;var c=_objectSpread({},t);var o=e.getAttribute("data-carousel--card-count");var i=e.getAttribute("data-carousel--card-count-xl");var l=e.getAttribute("data-carousel--card-count-xxl");var s=e.children;var u={};switch(o){case"3":u={md:3,xl:3,xxl:3};break;case"4":u={md:3,xl:4,xxl:4};break;case"6":u={md:3,xl:4,xxl:6};break;default:u={md:3,xl:4,xxl:4}}Array.from(s).forEach((function(e){e.addEventListener("click",(function(t){var a=Object(K["default"])(e,".tns-outer").previousElementSibling;var r=Object(M["default"])(".rc-carousel__header-title",a)[0].textContent;var n=r.replace("\n","").replace("  ","");var c=Object(M["default"])(".rc-card__title",e)[0].textContent;var o=window.dataLayer=window.dataLayer||[];o.push({event:"".concat(RCDL.tracking.gtm.site.id,"FurtherReadingClick"),interaction:{category:"Further reading",action:"Internal link",label:c},component:{title:n}})}))}));if(i!==null&&typeof i!=="undefined"){u.xl=Number(i)}if(l!==null&&typeof l!=="undefined"){u.xxl=Number(l)}c=_objectSpread({},c,{responsive:(n={},_defineProperty(n,RCDL.config.breakpoints.md-1,{items:u.md}),_defineProperty(n,RCDL.config.breakpoints.xl,{items:u.xl}),_defineProperty(n,RCDL.config.breakpoints.xxl,{items:u.xxl}),n)});if(window.matchMedia("(max-width: ".concat(RCDL.config.breakpoints.md-2,"px)")).matches){RCDL.features.Carousel.trimExcessSlides(s,6)}else{RCDL.features.Carousel.trimExcessSlides(s,32)}RCDL.features.Carousel.instance[a]=r(c);Object(q["default"])("add",e,"rc-carousel--loaded")},imageGallery:function imageGallery(e,t,a,r){RCDL.features.Carousel.moveCarousel(e);var n=RCDL.features.Carousel.instance;var c=e.querySelector(".rc-carousel__gallery-image");var o=e.querySelector(".rc-carousel__gallery-thumbnails");var i=null;var l=null;var s=_objectSpread({},t,{container:c,nav:false,controls:false,autoHeight:true});var u=_objectSpread({},t,{container:o,items:3,slideBy:1,nav:false,controls:true,responsive:_defineProperty({},RCDL.config.breakpoints.lg,{items:5})});var d=function toggleActiveClass(e,t,a){Object.keys(e).forEach((function(t){var r=e[t];Object(q["default"])("remove",r,a)}));Object(q["default"])("add",e[t],a)};n[a]={};n[a].image=r(s);n[a].thumbnail=r(u);var f=n[a],v=f.thumbnail,p=f.image;i=v.getInfo().slideItems;l=p.getInfo().slideItems;c.style.transform="translate3d(0%, 0px, 0px)";d(i,0,"rc-carousel__gallery-thumbnail--active");d(l,0,"tns-slide-active");p.events.on("indexChanged",(function(e){v.goTo(e.index);d(i,e.index,"rc-carousel__gallery-thumbnail--active");d(l,e.index,"tns-slide-active")}));Object.keys(i).forEach((function(e,t){var a=i[e];a.addEventListener("click",(function(){p.goTo(t);v.goTo(t);d(i,t,"rc-carousel__gallery-thumbnail--active");d(l,t,"tns-slide-active");Object(H["default"])("image_gallery_change")}),false)}));Object(H["default"])("image_gallery_loaded");Object(q["default"])("add",c,"rc-carousel--loaded");Object(q["default"])("add",o,"rc-carousel--loaded")},splitCarousel:function splitCarousel(e,t,r,n){var c=e.parentNode.parentNode;var o=Object(M["default"])(".rc-carousel__slide",c);RCDL.features.Carousel.instance[r]=n(t);Object(q["default"])("add",o[0],"rc-carousel__slide--active");RCDL.features.Carousel.instance[r].events.on("indexChanged",(function(){var t=RCDL.features.Carousel.instance[r].getInfo().index;o.forEach((function(e){Object(q["default"])("remove",e,"rc-carousel__slide--active")}));switch(t){case t<=0:Object(q["default"])("add",o[0],"rc-carousel__slide--active");break;case t>=e.children.length:Object(q["default"])("add",o[e.children.length],"rc-carousel__slide--active");break;default:Object(q["default"])("add",o[t],"rc-carousel__slide--active")}}));a.e(32).then(a.t.bind(null,335,7)).then((function(e){Object.keys(o).forEach((function(t){var a=new e.default(o[t]);a.get("swipe").set({direction:e.DIRECTION_HORIZONTAL});a.on("swipeleft",(function(){RCDL.features.Carousel.instance[r].goTo("next")}));a.on("swiperight",(function(){RCDL.features.Carousel.instance[r].goTo("prev")}))}))}));Object(q["default"])("add",c,"rc-carousel--loaded")},trimExcessSlides:function trimExcessSlides(e,t){for(var a=e.length-1;a>t-1;a--){e[a].remove()}},unwrap:function unwrap(e){var t=document.createDocumentFragment();while(e.firstChild){var a=e.removeChild(e.firstChild);t.appendChild(a)}e.parentNode.replaceChild(t,e)},moveCarousel:function moveCarousel(e){var t=e.getAttribute("data-move-carousel-to");var a=e.getAttribute("data-move-carousel-up");var r=document.querySelector(t);var n=r&&document.documentElement.clientWidth>=RCDL.config.breakpoints[a];Object(W["default"])(e,r,n)},instance:{}};t["default"]={fn:function(){var e=_asyncToGenerator(regeneratorRuntime.mark((function _callee(e){return regeneratorRuntime.wrap((function _callee$(t){while(1){switch(t.prev=t.next){case 0:return t.abrupt("return",RCDL.features.Carousel.start({element:e}));case 1:case"end":return t.stop()}}}),_callee)})));function fn(t){return e.apply(this,arguments)}return fn}(),setup:function setup(e){RCDL.features.Carousel.defaultSelector=e}}}}]);