1"use strict";(globalThis.webpackChunkathena=globalThis.webpackChunkathena||[]).push([[4209],{1658:(t,e,o)=>{o.r(e),o.d(e,{ColorSwatchesImageSwitcher:()=>a});var i=o(538),s=o(3861);const c={props:{countColors:String},name:"a-color-swatches-image-switcher",data:()=>({activeIndex:1,isClicked:!1,tooltips:[]}),methods:{handleColorSwatchClick(t){this.activeIndex=t,this.isClicked=!0},startAutoSwitching(){setInterval((()=>{this.isClicked||(this.activeIndex<this.countColors?this.activeIndex++:this.activeIndex=1)}),3e3)},createTooltip(t,e){const o=`.color-swatches-image-switcher__button-swatch:nth-child(${t})`,i=this.$refs.colorSwatches.querySelector(o),c=new s.ZP(i,{placement:"top",trigger:"mouseenter",interactive:!0,allowHTML:!0,arrow:!0,content:`<div style="margin-right: -14px; background-color: $white;">${e}</div>`,maxWidth:320,offset:[0,16],appendTo:()=>document.body});this.tooltips[t]=c,c.show()},destroyTooltip(t){this.tooltips[t]&&(this.tooltips[t].destroy(),this.tooltips[t]=null)}},mounted(){this.startAutoSwitching()}};const l=(0,o(1900).Z)(c,(function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{ref:"colorSwatches",staticClass:"color-swatches-image-switcher"},[t._t("default",null,{activeIndex:t.activeIndex,countColors:t.countColors,handleColorSwatchClick:t.handleColorSwatchClick,createTooltip:t.createTooltip,destroyTooltip:t.destroyTooltip})],2)}),[],!1,null,null,null).exports,a=i.default.component(l.name,l)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.