1"use strict";(self.webpackChunkplive_web_ui=self.webpackChunkplive_web_ui||[]).push([[6809],{6809:(p,d,o)=>{o.r(d),o.d(d,{qp_plus_carousel:()=>h});var r=o(113);const h=class{constructor(e){(0,r.r)(this,e),this.selectedCardChanged=(0,r.c)(this,"selectedCardChanged",7),this.clickedSeeAll=(0,r.c)(this,"clickedSeeAll",7),this.containerVm=void 0,this.width=183,this.enableScroll=!0,this.cardBorderRadius=void 0,this.enableArrow=!0,this.disableShadow=!0,this.enableHover=!0,this.showPrice=!1,this.showLiveTag=!0,this.freePackage=void 0,this.premiumPackage=void 0,this.premiumPlusPackage=void 0,this.exclusivePackage=void 0,this.scrollCards=1,this.scrollMovements=25,this.showHeader=void 0,this.seeAll=void 0,this.padding=80,this.cardType=void 0,this.playable=void 0,this.customClass=void 0,this.enableWatermark=void 0,this.userLocation=void 0,this.leftArrow=!1,this.rightArrow=!1}handleResize(){this.validateScroll()}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".plus-carousel-container-slider"),this.leftValidation=this.padding/2,this.validateScroll()}setActiveItem(e){this.activeItem=e,this.selectedCardChanged.emit({resourceVm:e})}callSeeAll(){this.clickedSeeAll.emit({containerVm:this.containerVm})}validateClass(){var e,s;return this.customClass?(this.showWatermark=!(null===(e=this.containerVm.resources)||void 0===e||!e.find(a=>"promotion"===a.contentType)),`${"grid"===(null===(s=this.containerVm)||void 0===s?void 0:s.containerType)?"highlight":""} ${this.showWatermark?"large-":""}trapezoid`):""}getTitle(){var e;return(null===(e=this.containerVm)||void 0===e?void 0:e.name)||""}getCards(){var e;const[s,a]=(null===(e=this.containerVm.aspectRatio)||void 0===e?void 0:e.split("x"))||[1,1],n=Math.trunc(this.width/Number(s)*Number(a));return this.containerVm.resources.map((t,l)=>{var i;return(0,r.h)("qp-plus-card",{key:l,resourcesVm:t,width:this.width,height:n,borderRadius:`${this.cardBorderRadius}px`,cardStyle:this.containerVm.style,cardType:this.cardType,playable:this.playable,containerType:null===(i=this.containerVm)||void 0===i?void 0:i.containerType,onClick:()=>this.setActiveItem(t)})})}getArrows(){return(0,r.h)("div",{class:"plus-carousel-arrows"},(0,r.h)("div",{class:"arrow-container",style:{width:`${Math.trunc(this.padding/1)}px`,visibility:this.leftArrow?"visible":"hidden"}},(0,r.h)("div",{onClick:()=>this.scroll(-1),class:"arrow"})),(0,r.h)("div",{class:"arrow-container right",style:{width:`${Math.trunc(this.padding/1.5)}px`,visibility:this.rightArrow?"visible":"hidden"}},(0,r.h)("div",{onClick:()=>this.scroll(1),class:"arrow"})))}getSeeAll(){return(0,r.h)("div",{class:"see-all",onClick:()=>this.callSeeAll()},(0,r.h)("h1",null,"See all"),(0,r.h)("div",{class:"see-all-arrow"}))}validateScroll(){const e=this.slider.scrollLeft;this.leftArrow=e>this.leftValidation,this.rightArrow=this.slider.scrollWidth-e>this.slider.clientWidth}scroll(e){var s;const a=getComputedStyle(this.slider),n=Number((null===(s=a?.rowGap)||void 0===s?void 0:s.replace("px",""))||0);let t=(this.width+n)*this.scrollCards*e;const l=t/this.scrollMovements;t+=this.slider.scrollLeft;let i=0;const c=()=>{this.slider.scrollLeft+=l,e>0&&this.slider.scrollLeft+l>=t||e<0&&this.slider.scrollLeft+l<=t||i===this.scrollMovements?this.slider.scrollLeft=t:(requestAnimationFrame(c),i+=1)};requestAnimationFrame(c)}render(){return(0,r.h)(r.H,{class:this.validateClass()},this.enableWatermark&&this.showWatermark&&(0,r.h)("qp-watermark",{text:this.containerVm.name}),this.showHeader&&(0,r.h)("div",{class:"plus-carousel-header",style:{padding:`0 ${this.padding}px`}},(0,r.h)("h1",null,this.getTitle()),this.seeAll&&this.getSeeAll()),(0,r.h)("div",{class:"plus-carousel-container"},(0,r.h)("div",{onScroll:()=>this.validateScroll(),class:"plus-carousel-container-slider",style:{padding:`0 ${Math.trunc(this.padding/2)}px 0 ${this.padding}px`}},this.getCards()),this.enableArrow&&this.getArrows()))}get el(){return(0,r.g)(this)}};h.style="*{outline:none;user-select:none;margin:0;padding:0;box-sizing:border-box}:host{display:flex;flex-direction:column;font-family:var(--qp-font-family);position:relative;overflow:hidden}:host h1{color:var(--plus-carousel-header-color, #fff);text-transform:var(--plus-carousel-header-tt, none);font-weight:var(--plus-carousel-header-fw, 900);font-size:var(--plus-carousel-header-fs, 24px);line-height:var(--plus-carousel-header-lh, 30px);padding:var(--plus-carousel-header-padding, 0)}.plus-carousel-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--plus-carousel-header-bg, transparent);z-index:1}.plus-carousel-header .see-all{display:flex;align-items:center;cursor:pointer;gap:var(--plus-carousel-header-sa-gap, 4px)}.plus-carousel-header .see-all h1{color:var(--plus-carousel-header-sa-color, #fff);text-transform:var(--plus-carousel-header-sa-tt, none);font-weight:var(--plus-carousel-header-sa-fw, 900);font-size:var(--plus-carousel-header-sa-fs, 24px);line-height:var(--plus-carousel-header-sa-lh, 30px);padding:var(--plus-carousel-header-sa-padding, 0)}.plus-carousel-header .see-all-arrow{display:var(--plus-carousel-header-sa-arrow-d, block);width:var(--plus-carousel-header-sa-arrow-w, 20px);height:var(--plus-carousel-header-sa-arrow-h, 20px);background:var(--plus-carousel-header-sa-arrow) no-repeat center center;background-size:contain;transform:rotate(var(--plus-carousel-header-sa-arrow-t, 0deg))}.plus-carousel-container{position:relative;height:fit-content;width:100%}.plus-carousel-container-slider{position:relative;display:flex;height:fit-content;gap:16px;width:100%;padding-top:var(--plus-carousel-gap, 24px) !important;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.plus-carousel-container-slider::-webkit-scrollbar{width:0;height:0}.plus-carousel-arrows{position:absolute;
1left:0;right:0;top:0;bottom:0;display:flex;justify-content:space-between;pointer-events:none}.plus-carousel-arrows .arrow-container{height:100%;display:flex;align-items:center;justify-content:center;background:var(--arrows-shadow-background-l, linear-gradient(90deg, #111 0%, rgba(36, 39, 42, 0) 100%));z-index:4}.plus-carousel-arrows .arrow-container .arrow{width:var(--plus-arrow-w, 42px);height:var(--plus-arrow-h, 42px);background:var(--plus-arrow) no-repeat center center;transform:rotate(180deg);cursor:pointer;pointer-events:all}.plus-carousel-arrows .arrow-container .arrow:hover{transform:rotate(180deg) scale(1.15)}.plus-carousel-arrows .arrow-container.right{background:var(--arrows-shadow-background-r, linear-gradient(270deg, #111 0%, rgba(36, 39, 42, 0) 100%))}.plus-carousel-arrows .arrow-container.right .arrow{transform:rotate(0deg)}.plus-carousel-arrows .arrow-container.right .arrow:hover{transform:rotate(0deg) scale(1.15)}"}}]);
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.