1"use strict";(self.webpackChunkroyal=self.webpackChunkroyal||[]).push([[2828],{62828:(c,r,i)=>{i.r(r),i.d(r,{rcg_carousel:()=>h});var e=i(60774);const h=(()=>{let l=class{constructor(t){(0,e.r)(this,t),this.showSideArrows=!0,this.showLeftButton=!1,this.showRightButton=!0,this.styles={carousel:{},arrowButtons:{},items:{}}}componentWillLoad(){this.customStyles&&(this.styles=Object.assign(Object.assign({},this.styles),JSON.parse(this.customStyles)))}componentDidRender(){this.itemWidth=this.getChildSize(),this.scrollWidth=this.element.shadowRoot.querySelector(".carousel__items").scrollWidth,this.carouselWidth=this.element.shadowRoot.querySelector(".carousel").clientWidth,this.moveX=this.carouselWidth-this.itemWidth,this.initialScrollPosition=this.carouselWidth-this.itemWidth}getChildSize(){const t=Array.from(this.element.children),s=window.getComputedStyle(t[0]).getPropertyValue("width");return parseInt(s,10)}slideLeft(){this.moveScroll(-this.moveX)}slideRight(){this.moveScroll(this.moveX)}getCurrentPosition(){return this.element.shadowRoot.querySelector(".carousel__items").scrollLeft}moveScroll(t){let o=this.getCurrentPosition();this.element.shadowRoot.querySelector(".carousel__items").scrollTo(o+t,0),o+this.initialScrollPosition>=this.initialScrollPosition&&(this.showRightButton=!0,this.showLeftButton=!0),t<0&&this.initialScrollPosition+t===0&&o<this.initialScrollPosition&&(this.showLeftButton=!1,this.showRightButton=!0),t>0&&o+t+this.itemWidth===this.scrollWidth&&(this.showRightButton=!1,this.showLeftButton=!0)}render(){var t,o,s;return(0,e.h)("div",{key:"b622452396f6c63aa6f43bdf76d2cbb223e2d630",class:"carousel",style:Object.assign({},null===(t=this.styles)||void 0===t?void 0:t.carousel)},this.showSideArrows&&this.showLeftButton&&(0,e.h)("button",{key:"bb4f921a787a040a8dfccff48e0bed461f63ed0f",class:"carousel__btn-left",onClick:()=>this.slideLeft(),style:Object.assign({},null===(o=this.styles)||void 0===o?void 0:o.arrowButtons)},(0,e.h)("svg",{key:"75f59df420187aee8ba48875e7e2a48e6843d949",xmlns:"http://www.w3.org/2000/svg",width:"7",height:"17",viewBox:"0 0 7 17",fill:"none"},(0,e.h)("path",{key:"e4d161294fc34d8338c5eccc5795480012f5e639",d:"M6 1.38351L1 8.80235L6 16.2212",stroke:"#4A4A4A","stroke-width":"1.368","stroke-linecap":"round","stroke-linejoin":"round"}))),(0,e.h)("div",{key:"e160729e39f6d2e6eca11341caf8d98fdeea620e",class:"carousel__items",style:Object.assign({overflow:!this.showSideArrows&&"auto"},this.styles.items)},(0,e.h)("slot",{key:"5e0780e8039bee43ba8532023aa8c5095519a3eb"})),this.showSideArrows&&this.showRightButton&&(0,e.h)("button",{key:"eec74550961574a764a68c39131649ae307cd4e6",class:"carousel__btn-right",onClick:()=>this.slideRight(),style:Object.assign({},null===(s=this.styles)||void 0===s?void 0:s.arrowButtons)},(0,e.h)("svg",{key:"69ff3fb233b2325d9211d45fc24d455dcb9a46ca",xmlns:"http://www.w3.org/2000/svg",width:"7",height:"19",viewBox:"0 0 7 19",fill:"none"},(0,e.h)("path",{key:"67a6c6b13263ee66f2c0e3747a3c25f3128b2ff2",d:"M1 17.9695L6 9.52628L1 1.08301",stroke:"#4A4A4A","stroke-width":"1.368","stroke-linecap":"round","stroke-linejoin":"round"}))))}get element(){return(0,e.a)(this)}};return l.style={celebrity:":host{display:block}.carousel{position:relative;overflow:hidden;width:100%}.carousel__items{display:grid;overflow-x:scroll;grid-auto-flow:column;grid-auto-columns:minmax(420px, 1fr);gap:20px;scroll-behavior:smooth;overflow:scroll;-webkit-overflow-scrolling:auto;scrollbar-width:none}@media screen and (min-width: 480px) and (max-width: 768px){.carousel__items{grid-template-columns:repeat(var(--product-count, 5), 337px) !important}}@media screen and (max-width: 480px){.carousel__items{grid-template-columns:repeat(var(--product-count, 5), 253px) !important}}.carousel__items::-webkit-scrollbar{display:none}.carousel__items__item{flex-shrink:0;width:420px;margin:0 20px}.carousel__btn-right{top:50%;transform:translateY(-50%);right:0}.carousel:hover>.carousel__btn-right,.carousel:hover>.carousel__btn-left{display:block}@media screen and (max-width: 480px){.carousel:hover>.carousel__btn-right,.carousel:hover>.carousel__btn-left{display:none}}
1.carousel__btn-right,.carousel__btn-left{position:absolute;width:37px;height:100%;opacity:0.9;border:none;background-color:white;z-index:10;cursor:pointer;transition:opacity 0.25s ease-in-out;display:none}",royal:":host{display:block}.carousel{position:relative;overflow:hidden;width:100%}.carousel__items{display:grid;overflow-x:scroll;grid-auto-flow:column;grid-auto-columns:minmax(420px, 1fr);gap:20px;scroll-behavior:smooth;overflow:scroll;-webkit-overflow-scrolling:auto;scrollbar-width:none}@media screen and (min-width: 480px) and (max-width: 768px){.carousel__items{grid-template-columns:repeat(var(--product-count, 5), 337px) !important}}@media screen and (max-width: 480px){.carousel__items{grid-template-columns:repeat(var(--product-count, 5), 253px) !important}}.carousel__items::-webkit-scrollbar{display:none}.carousel__items__item{flex-shrink:0;width:420px;margin:0 20px}.carousel__btn-right{top:50%;transform:translateY(-50%);right:0}.carousel:hover>.carousel__btn-right,.carousel:hover>.carousel__btn-left{display:block}@media screen and (max-width: 480px){.carousel:hover>.carousel__btn-right,.carousel:hover>.carousel__btn-left{display:none}}.carousel__btn-right,.carousel__btn-left{position:absolute;width:37px;height:100%;opacity:0.9;border:none;background-color:white;z-index:10;cursor:pointer;transition:opacity 0.25s ease-in-out;display:none}"},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.