smart-admin/rc-busness/static/royalcanin-cdn-assets-new/css_js/royal-canin.component.interactive-image-toggle-content.js

(window["RCDLjsonFunction"]=window["RCDLjsonFunction"]||[]).push([[77],{236:function(e,t,n){"use strict";n.r(t);var r=n(21);var a=n.n(r);var o=n(276);var i=n.n(o);var c=n(39);var l=n.n(c);var s=n(107);var u=n.n(s);var f=n(20);var v=n.n(f);var g=n(32);var d=n.n(g);var m=n(36);var b=n.n(m);var C=n(22);var p=n.n(C);var h=n(262);var y=n.n(h);function asyncGeneratorStep(e,t,n,r,a,o,i){try{var c=e[o](i);var l=c.value}catch(e){n(e);return}if(c.done){t(l)}else{Promise.resolve(l).then(r,a)}}function _asyncToGenerator(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var o=e.apply(t,n);function _next(e){asyncGeneratorStep(o,r,a,_next,_throw,"next",e)}function _throw(e){asyncGeneratorStep(o,r,a,_next,_throw,"throw",e)}_next(undefined)}))}}RCDL.features.interactiveImageToggleContent={defaultSelector:".rc-interactive-image--toggle-content",start:function start(e){var t=e.element,n=e.selector,r=n===void 0?RCDL.features.interactiveImageToggleContent.defaultSelector:n;RCDL.utilities.DOMcheckElements({element:t,selectors:r,name:"interactiveImageToggleContent",start:true}).forEach((function(e){return RCDL.features.interactiveImageToggleContent.create({element:e})}))},create:function create(e){var t=e.element;var n=Array.from(t.getElementsByClassName("rc-interactive-button"));RCDL.features.interactiveImageToggleContent.instances.push({buttons:n,panel:t});t.addEventListener("keydown",(function(e){if(e.target.matches("[aria-controls]")){RCDL.features.interactiveImageToggleContent.keydownEventListener({e:e,buttons:n,panel:t})}}));t.addEventListener("click",(function(e){if(e.target.matches("[aria-controls]")){RCDL.features.interactiveImageToggleContent.tabControl({e:e,panel:t})}}))},tabControl:function tabControl(e){var t=e.e,n=e.panel;var r=t.target;var a=n.querySelector("#"+r.getAttribute("aria-controls"));var o=window.dataLayer=window.dataLayer||[];n.querySelectorAll("[aria-controls]").forEach((function(e){e.setAttribute("tabindex","-1");e.setAttribute("aria-selected","false")}));r.removeAttribute("tabindex");r.setAttribute("aria-selected","true");n.querySelectorAll("[aria-labelledby]").forEach((function(e){RCDL.utilities.modifyClass("add",e,"rc-hidden");e.setAttribute("aria-selected","false");e.removeAttribute("tabindex")}));RCDL.utilities.modifyClass("remove",a,"rc-hidden");a.setAttribute("tabindex","-1");a.setAttribute("aria-selected","true");o.push({event:"".concat(RCDL.tracking.gtm.id(),"tooltipClick"),interaction:{category:"Tooltip",action:r.getAttribute("aria-label")||"not defined",label:"n/a"},component:{title:n.querySelector(".rc-bg-image").style.backgroundImage.slice(5,-2)}})},keydownEventListener:function keydownEventListener(e){var t=e.e,n=e.panel,r=e.buttons;var a={end:35,home:36,left:37,up:38,right:39,down:40,delete:46,tab:9};var o=t.keyCode;var i=r.indexOf(t.target);switch(o){case a.end:t.preventDefault();RCDL.features.interactiveImageToggleContent.tabControl({e:r[r.length-1],panel:n});break;case a.home:t.preventDefault();RCDL.features.interactiveImageToggleContent.tabControl({e:r[0],panel:n});break;case a.up:case a.down:break;case a.left:if(i-1!==-1){r[i-1].click();r[i-1].focus()}break;case a.right:if(i+1!==r.length){r[i+1].click();r[i+1].focus()}break;case a.tab:t.preventDefault();r[i].click();r[i].focus();n.querySelector("#"+t.target.getAttribute("aria-controls")).focus();break}},instances:[]};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.interactiveImageToggleContent.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.interactiveImageToggleContent.defaultSelector=e}}}}]);