@tet/tet-components 1.4.0-testing → 1.4.1-production

package/dist/tet-components/{p-03f9e262.js → p-6a185f76.js}

@@ -1 +1 @@
-import{i as t}from"./p-9a2b6ee2.js";import{e as s,A as a}from"./p-ea211ac8.js";const n=(s,a=(()=>!0))=>Object.keys(s).reduce(((e,r)=>a({key:r,value:s[r]})?{...e,...t(s[r])?n(s[r],a):{[r]:s[r]}}:e),{});class e{static instance;storageKey="translations";supportedLanguages=["lv","ru","en"];translations={};mergedTranslations={};constructor(){this.translations=this.getCachedTranslations()}static getInstance(){return e.instance||(e.instance=new e),e.instance}getTranslations(){return this.mergedTranslations}updateTranslations=async(t,s)=>{try{this.translations=await this.loadTranslations(t,s)}catch{}this.mergedTranslations=await this.mergeTranslations(s)};loadTranslations=async(t,n)=>{if(!t||!n)return Promise.reject(`Missing translation parameters - group (${t}), language (${n}).`);if(!this.supportedLanguages.includes(n))return Promise.reject(`Translations language "${n}" is not supported.`);if(this.translationsExist(t,n))return Promise.reject(`Translations for group (${t}) and language (${n}) already exist.`);const e=this.getCachedTranslations();return e[t]||(e[t]={}),e[t][n]=await((t,n)=>{let e;try{e=new URL(`${n}/${t}`,s.translations).href}catch(t){return console.error(t),Promise.reject("Translations endpoint URL generation failed.")}return(new a).setUrl(e).setOptions({method:"GET"}).setErrorFallbackValue({}).execute()})(t,n),this.cacheTranslations(e),Promise.resolve(e)};mergeTranslations=async t=>Promise.resolve(n(this.translations,(({key:s})=>!this.supportedLanguages.includes(s)||s===t)));translationsExist=(t,s)=>!(0===Object.keys(this.translations[t]?.[s]??{}).length);getCachedTranslations=()=>JSON.parse(sessionStorage.getItem(this.storageKey))??{};cacheTranslations=t=>{sessionStorage.setItem(this.storageKey,JSON.stringify(t))}}const r=e.getInstance(),i=async(t,s)=>{await r.updateTranslations(t,s)},o=(s,a)=>{const n=r.getTranslations();let e=n[s.trim()]??n.lv??s;return t(a)&&(e=c(e,a)),e},c=(t,s)=>{for(const[a,n]of Object.entries(s))t=t.replace(new RegExp(`{${a}}`,"g"),n);return t};export{i as p,o as t}
+import{i as t}from"./p-9a2b6ee2.js";import{e as s,A as a}from"./p-77d941d8.js";const n=(s,a=(()=>!0))=>Object.keys(s).reduce(((e,r)=>a({key:r,value:s[r]})?{...e,...t(s[r])?n(s[r],a):{[r]:s[r]}}:e),{});class e{static instance;storageKey="translations";supportedLanguages=["lv","ru","en"];translations={};mergedTranslations={};constructor(){this.translations=this.getCachedTranslations()}static getInstance(){return e.instance||(e.instance=new e),e.instance}getTranslations(){return this.mergedTranslations}updateTranslations=async(t,s)=>{try{this.translations=await this.loadTranslations(t,s)}catch{}this.mergedTranslations=await this.mergeTranslations(s)};loadTranslations=async(t,n)=>{if(!t||!n)return Promise.reject(`Missing translation parameters - group (${t}), language (${n}).`);if(!this.supportedLanguages.includes(n))return Promise.reject(`Translations language "${n}" is not supported.`);if(this.translationsExist(t,n))return Promise.reject(`Translations for group (${t}) and language (${n}) already exist.`);const e=this.getCachedTranslations();return e[t]||(e[t]={}),e[t][n]=await((t,n)=>{let e;try{e=new URL(`${n}/${t}`,s.translations).href}catch(t){return console.error(t),Promise.reject("Translations endpoint URL generation failed.")}return(new a).setUrl(e).setOptions({method:"GET"}).setErrorFallbackValue({}).execute()})(t,n),this.cacheTranslations(e),Promise.resolve(e)};mergeTranslations=async t=>Promise.resolve(n(this.translations,(({key:s})=>!this.supportedLanguages.includes(s)||s===t)));translationsExist=(t,s)=>!(0===Object.keys(this.translations[t]?.[s]??{}).length);getCachedTranslations=()=>JSON.parse(sessionStorage.getItem(this.storageKey))??{};cacheTranslations=t=>{sessionStorage.setItem(this.storageKey,JSON.stringify(t))}}const r=e.getInstance(),i=async(t,s)=>{await r.updateTranslations(t,s)},o=(s,a)=>{const n=r.getTranslations();let e=n[s.trim()]??n.lv??s;return t(a)&&(e=c(e,a)),e},c=(t,s)=>{for(const[a,n]of Object.entries(s))t=t.replace(new RegExp(`{${a}}`,"g"),n);return t};export{i as p,o as t}

package/dist/tet-components/{p-646fca78.entry.js → p-6ccea165.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,g as o,h as i,H as n}from"./p-c2d4b54d.js";import{g as s}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:e,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=e,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:e,scrollWidth:o}=this;let i=e;return i<0?i=0:i>o&&(i=o),{scrollSpeed:t,scrollLeft:i,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,e=!1){const{scrollLeft:o,scrollWidth:i}=this;let n=o+t.left;n<0&&(n=0),n>i&&(n=i),"smooth"===t.behavior?await this.animateScroll(-o,-n):this.scrollContainer.style.left=-n+"px",e||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:n>o?-1:1}}))}async scrollToElement(t,e=!1,o=!1){const{scrollLeft:i}=this,n=i+this.rootElement.getBoundingClientRect().width/2,s=t.getBoundingClientRect(),r=s.left+s.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-n,behavior:e?"smooth":"auto"},o)}async scrollTo(t,e=!1){const{scrollWidth:o,scrollLeft:i}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-i,-t.left):this.scrollContainer.style.left=-t.left+"px",e||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>i?-1:1}}))}async animateScroll(t,e){const o=Math.abs(t)-Math.abs(e),i=1e3/60,n=o/(this.animationSpeed/i);let s=window.performance.now();const r=s,c=new Promise((t=>{let e;const c=a=>{e=requestAnimationFrame(c);const l=a,f=l-s;f<i||(s=l-f%i,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+n}px`,l-r>this.animationSpeed&&(cancelAnimationFrame(e),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};c(s)}));await c}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let e=0;e<t.changedTouches.length;e++)this.onPointerDown(t.changedTouches[e].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let e=0;e<t.changedTouches.length;e++)this.onPointerMove(t.changedTouches[e].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let e=0;e<t.changedTouches.length;e++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let e=t-this.pointerX;Math.abs(e)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:i}=this;(o<0&&e>0||o>i&&e<0)&&(e/=3),this.scrollContainer.style.left=`-${o-e}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:e}=this;t>e&&(t=e+.3*(t-e)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const c=class{constructor(o){t(this,o),this.cardScroll=e(this,"cardScroll",7),this.contentScrollEnd=e(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,e=!1){await this.scrollToElementCenter(t,!0,e)}scrollToElementCenter=async(t,e=!0,o=!1)=>{let i=Array.from(this.element.children);this.withVirtualScroll&&(i=Array.from(this.element.querySelectorAll("[data-id]")));const n=i.find((e=>e.matches(t)));null!=n&&(await this.inertialScroll.scrollToElement(n,e,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=s(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const e=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&e&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const e=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(e);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),e.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(e.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),e=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-e},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,e)=>parseInt(t.getAttribute("data-id"),10)-parseInt(e.getAttribute("data-id"),10)));for(const e of t)e.removeAttribute("data-id"),this.element.append(e)}disconnectedCallback(){this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const e=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==e){e.classList.remove(this.activeElementClass);const o=e.getBoundingClientRect().left,i=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==i){const t=i.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,e=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),i=o.map((t=>t.getBoundingClientRect())),n=this.element.getBoundingClientRect(),s=n.width/2+n.left;let r=i.findIndex((t=>t.left<=s&&t.left+t.width>=s));1===r&&e&&0===this.scrollDetails.scrollLeft&&(r=0),r===i.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=i.length-1),-1===r&&(t&&(r=i.findIndex((t=>t.left-this.elementGap<=s&&t.left+t.width>=s))),e&&(r=i.findIndex((t=>t.left<=s&&t.left+t.width+this.elementGap>=s)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const c=o[r];this.withVirtualScroll&&c?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===c.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==c&&c.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:e}=this.dimensions.element,o=this.getFirstOriginal(),i=this.getLastOriginal(),n=o.getBoundingClientRect(),s=i.getBoundingClientRect();if(s.right-e<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),e=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(n.width+this.elementGap)},!0),i.insertAdjacentElement("afterend",o),e.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(n.left-e>0&&this.scrollDetails?.scrollSpeed>0){const t=i.previousElementSibling,e=s.width+this.elementGap,n=parseInt(i.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:e},!0),o.insertAdjacentElement("beforebegin",i),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[n]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[n])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let e=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(e-=.2,e<=0&&(e=t)):(e+=.2,e>t&&(e=0)),e}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let e=t.previousElementSibling;if(null===e)return;t.classList.remove(this.activeElementClass),e.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),e=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),e.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),e=t.width,o=t.left,i=Array.from(this.element.children).find((t=>{const e=t.getBoundingClientRect();return e.left<o&&e.right+this.elementGap>o}));if(void 0!==i){const o=i.getBoundingClientRect().right,n=t.left+e;await this.inertialScroll.scrollBy({left:-(n-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-e,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let e=t.nextElementSibling;if(null===e)return;t.classList.remove(this.activeElementClass),e.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),e=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),e.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),e=t.width,o=e+t.left,i=Array.from(this.element.children).find((t=>{const e=t.getBoundingClientRect();return e.left-this.elementGap<o&&e.right>o}));if(void 0!==i){const e=i.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:e-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:e,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let e={left:!1,right:!1};this.withControls&&(null===t?e={left:!1,right:!0}:(e.left=!(t.scrollLeft-1<=0),e.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(e)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=e)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const e=this.getElementOverflowOpacity(t);t.style.opacity=`${e}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const e=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,i=this.scrollContainerRef.getBoundingClientRect().left,n=e.left-i,s=e.right-i;let r=1;return n<0?r=Math.max(.3,(e.width+n)/e.width):s<o+e.width&&(r=Math.max(.3,1-(s-o)/e.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<s(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return i(n,{key:"a7b7c9dd3d2acc6580fb040111b69e8b9f5ee47b"},i("div",{key:"90fbe48aa22cbc0243eca6bf6ab5e2e5d66fc391",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},i("div",{key:"6f2c19339bc98c909becc55727af88d7be6598d4",class:"tet-card-list__scroll-container"},i("div",{key:"3b9f6d605a86ab5efcf45975aa95d1a4f0a4f3d1",part:"card-list",ref:t=>this.scrollContainerRef=t},i("slot",{key:"21f76fb4ec8f9caf917d95187f26e65c6b607be2"}))),i("tet-button",{key:"a70d9d6c4d8ed84c5cdb790cd66dc8967392a435",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},i("tet-icon",{key:"951f587ba9498d426a3c9993c416e8e18580c4bf",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),i("tet-button",{key:"af4771c78f573debaff8acd2243b550a427da72e",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},i("tet-icon",{key:"b19ee3803dd3fcf44a11816372555b6be84150f9",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),i("div",{key:"9d93b130142f3675cb2d6436a84ff78df28c092a",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},i("div",{key:"b71a2c641265034396d4b0a350ba3aa57e8d7c49",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};c.style='@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format("eot"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format("woff2"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format("woff"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format("eot"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format("woff2"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format("woff"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format("eot"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format("woff2"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format("woff"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format("eot"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format("woff2"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format("woff"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format("eot"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format("woff2"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format("woff"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format("eot"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format("woff2"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format("woff"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format("embedded-opentype"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format("woff2"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format("woff"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format("truetype"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format("svg");font-weight:400;font-style:normal}.tet-icon:before{content:"\\E84E"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:"\\E800"}.tet-icon__alert-circled:before{content:"\\E801"}.tet-icon__alert:before{content:"\\E802"}.tet-icon__bank:before{content:"\\E803"}.tet-icon__box:before{content:"\\E804"}.tet-icon__download:before{content:"\\E805"}.tet-icon__burger:before{content:"\\E806"}.tet-icon__cancel:before{content:"\\E807"}.tet-icon__printer:before{content:"\\E808"}.tet-icon__cart-add:before{content:"\\E809"}.tet-icon__cart-remove:before{content:"\\E80A"}.tet-icon__cart:before{content:"\\E80B"}.tet-icon__chat:before{content:"\\E80C"}.tet-icon__arrow-up:before{content:"\\E80D"}.tet-icon__calendar:before{content:"\\E80E"}.tet-icon__help-circled:before{content:"\\E80F"}.tet-icon__edit:before{content:"\\E810"}.tet-icon__external-link:before{content:"\\E811"}.tet-icon__gift:before{content:"\\E812"}.tet-icon__person:before{content:"\\E813"}.tet-icon__heart:before{content:"\\E814"}.tet-icon__language:before{content:"\\E815"}.tet-icon__help:before{content:"\\E816"}.tet-icon__home-1:before{content:"\\E817"}.tet-icon__location:before{content:"\\E818"}.tet-icon__home-3:before{content:"\\E819"}.tet-icon__chart-even:before{content:"\\E81A"}.tet-icon__info-2:before{content:"\\E81B"}.tet-icon__key:before{content:"\\E81C"}.tet-icon__info:before{content:"\\E81D"}.tet-icon__lock-opened:before{content:"\\E81E"}.tet-icon__lock-outlined:before{content:"\\E81F"}.tet-icon__lock:before{content:"\\E820"}.tet-icon__laptop-filled:before{content:"\\E821"}.tet-icon__mail:before{content:"\\E822"}.tet-icon__options:before{content:"\\E823"}.tet-icon__chart-uneven:before{content:"\\E824"}.tet-icon__mail-2:before{content:"\\E825"}.tet-icon__remove:before{content:"\\E826"}.tet-icon__mobile-filled:before{content:"\\E827"}.tet-icon__ilu-calendar-check:before{content:"\\E828"}.tet-icon__settings-outlined:before{content:"\\E829"}.tet-icon__tablet:before{content:"\\E82A"}.tet-icon__thumb-up:before{content:"\\E82B"}.tet-icon__ilu-purchase:before{content:"\\E82C"}.tet-icon__chart-even-outlined:before{content:"\\E82D"}.tet-icon__movie:before{content:"\\E82E"}.tet-icon__percent:before{content:"\\E82F"}.tet-icon__ilu-change-whenever:before{content:"\\E830"}.tet-icon__truck:before{content:"\\E831"}.tet-icon__zero:before{content:"\\E832"}.tet-icon__attach:before{content:"\\E833"}.tet-icon__cloud-done:before{content:"\\E834"}.tet-icon__cloud-download:before{content:"\\E835"}.tet-icon__cloud-upload:before{content:"\\E836"}.tet-icon__cloud:before{content:"\\E837"}.tet-icon__folder:before{content:"\\E838"}.tet-icon__remote:before{content:"\\E839"}.tet-icon__router:before{content:"\\E83A"}.tet-icon__shield-filled:before{content:"\\E83B"}.tet-icon__shield:before{content:"\\E83C"}.tet-icon__ilu-devices:before{content:"\\E83D"}.tet-icon__ilu-get-points:before{content:"\\E83E"}.tet-icon__tv:before{content:"\\E83F"}.tet-icon__ilu-internet:before{content:"\\E840"}.tet-icon__wifi-outlined:before{content:"\\E841"}.tet-icon__wifi:before{content:"\\E842"}.tet-icon__description-outlined:before{content:"\\E843"}.tet-icon__laptop:before{content:"\\E844"}.tet-icon__chart-uneven-outlined:before{content:"\\E845"}.tet-icon__meter:before{content:"\\E846"}.tet-icon__mobile:before{content:"\\E847"}.tet-icon__phone:before{content:"\\E848"}.tet-icon__plug-filled:before{content:"\\E849"}.tet-icon__plug:before{content:"\\E84A"}.tet-icon__print:before{content:"\\E84B"}.tet-icon__camera:before{content:"\\E84C"}.tet-icon__clock:before{content:"\\E84D"}.tet-icon__placeholder:before{content:"\\E84E"}.tet-icon__tv-filled:before{content:"\\E84F"}.tet-icon__arrow-down:before{content:"\\E850"}.tet-icon__arrow-left:before{content:"\\E851"}.tet-icon__arrow-right:before{content:"\\E852"}.tet-icon__description:before{content:"\\E853"}.tet-icon__login:before{content:"\\E854"}.tet-icon__check:before{content:"\\E855"}.tet-icon__chevron-down:before{content:"\\E856"}.tet-icon__chevron-left:before{content:"\\E857"}.tet-icon__chevron-right:before{content:"\\E858"}.tet-icon__chevron-up:before{content:"\\E859"}.tet-icon__close-circled:before{content:"\\E85A"}.tet-icon__close:before{content:"\\E85B"}.tet-icon__more-horizontal:before{content:"\\E85C"}.tet-icon__more-vertical:before{content:"\\E85D"}.tet-icon__refresh:before{content:"\\E85E"}.tet-icon__facebook:before{content:"\\E85F"}.tet-icon__instagram:before{content:"\\E860"}.tet-icon__linkedin:before{content:"\\E861"}.tet-icon__people:before{content:"\\E862"}.tet-icon__logout:before{content:"\\E863"}.tet-icon__share:before{content:"\\E864"}.tet-icon__twitter:before{content:"\\E865"}.tet-icon__cancel-filled:before{content:"\\E866"}.tet-icon__done:before{content:"\\E867"}.tet-icon__star-filled:before{content:"\\E868"}.tet-icon__star:before{content:"\\E869"}.tet-icon__clipboard:before{content:"\\E86A"}.tet-icon__ilu-calendar:before{content:"\\E86B"}.tet-icon__check-circled:before{content:"\\E86C"}.tet-icon__ilu-choose-channels:before{content:"\\E86D"}.tet-icon__search:before{content:"\\E86E"}.tet-icon__warning:before{content:"\\E86F"}.tet-icon__ilu-clock-1:before{content:"\\E870"}.tet-icon__ilu-fold:before{content:"\\E871"}.tet-icon__ilu-letter:before{content:"\\E872"}.tet-icon__ilu-pay:before{content:"\\E873"}.tet-icon__ilu-meter:before{content:"\\E874"}.tet-icon__ilu-sign:before{content:"\\E875"}.tet-icon__smart-watch-filled:before{content:"\\E876"}.tet-icon__washing-machine-filled:before{content:"\\E877"}.tet-icon__bullet:before{content:"\\E878"}.tet-icon__sound:before{content:"\\E879"}.tet-icon__dropdown:before{content:"\\E87A"}.tet-icon__mask-pass:before{content:"\\E87B"}.tet-icon__select:before{content:"\\E87C"}.tet-icon__text-area-sizing:before{content:"\\E87D"}.tet-icon__unmask-pass:before{content:"\\E87E"}.tet-icon__bullet-small:before{content:"\\E882"}.tet-icon__electric-bolt:before{content:"\\E880"}.tet-icon__sun:before{content:"\\E881"}:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{c as tet_card_list}
+import{r as t,c as e,g as o,h as i,H as n}from"./p-9b5cf49f.js";import{g as s}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:e,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=e,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:e,scrollWidth:o}=this;let i=e;return i<0?i=0:i>o&&(i=o),{scrollSpeed:t,scrollLeft:i,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,e=!1){const{scrollLeft:o,scrollWidth:i}=this;let n=o+t.left;n<0&&(n=0),n>i&&(n=i),"smooth"===t.behavior?await this.animateScroll(-o,-n):this.scrollContainer.style.left=-n+"px",e||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:n>o?-1:1}}))}async scrollToElement(t,e=!1,o=!1){const{scrollLeft:i}=this,n=i+this.rootElement.getBoundingClientRect().width/2,s=t.getBoundingClientRect(),r=s.left+s.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-n,behavior:e?"smooth":"auto"},o)}async scrollTo(t,e=!1){const{scrollWidth:o,scrollLeft:i}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-i,-t.left):this.scrollContainer.style.left=-t.left+"px",e||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>i?-1:1}}))}async animateScroll(t,e){const o=Math.abs(t)-Math.abs(e),i=1e3/60,n=o/(this.animationSpeed/i);let s=window.performance.now();const r=s,c=new Promise((t=>{let e;const c=a=>{e=requestAnimationFrame(c);const l=a,f=l-s;f<i||(s=l-f%i,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+n}px`,l-r>this.animationSpeed&&(cancelAnimationFrame(e),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};c(s)}));await c}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let e=0;e<t.changedTouches.length;e++)this.onPointerDown(t.changedTouches[e].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let e=0;e<t.changedTouches.length;e++)this.onPointerMove(t.changedTouches[e].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let e=0;e<t.changedTouches.length;e++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let e=t-this.pointerX;Math.abs(e)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:i}=this;(o<0&&e>0||o>i&&e<0)&&(e/=3),this.scrollContainer.style.left=`-${o-e}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:e}=this;t>e&&(t=e+.3*(t-e)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const c=class{constructor(o){t(this,o),this.cardScroll=e(this,"cardScroll",7),this.contentScrollEnd=e(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,e=!1){await this.scrollToElementCenter(t,!0,e)}scrollToElementCenter=async(t,e=!0,o=!1)=>{let i=Array.from(this.element.children);this.withVirtualScroll&&(i=Array.from(this.element.querySelectorAll("[data-id]")));const n=i.find((e=>e.matches(t)));null!=n&&(await this.inertialScroll.scrollToElement(n,e,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=s(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const e=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&e&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const e=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(e);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),e.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(e.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),e=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-e},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,e)=>parseInt(t.getAttribute("data-id"),10)-parseInt(e.getAttribute("data-id"),10)));for(const e of t)e.removeAttribute("data-id"),this.element.append(e)}disconnectedCallback(){this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const e=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==e){e.classList.remove(this.activeElementClass);const o=e.getBoundingClientRect().left,i=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==i){const t=i.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,e=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),i=o.map((t=>t.getBoundingClientRect())),n=this.element.getBoundingClientRect(),s=n.width/2+n.left;let r=i.findIndex((t=>t.left<=s&&t.left+t.width>=s));1===r&&e&&0===this.scrollDetails.scrollLeft&&(r=0),r===i.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=i.length-1),-1===r&&(t&&(r=i.findIndex((t=>t.left-this.elementGap<=s&&t.left+t.width>=s))),e&&(r=i.findIndex((t=>t.left<=s&&t.left+t.width+this.elementGap>=s)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const c=o[r];this.withVirtualScroll&&c?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===c.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==c&&c.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:e}=this.dimensions.element,o=this.getFirstOriginal(),i=this.getLastOriginal(),n=o.getBoundingClientRect(),s=i.getBoundingClientRect();if(s.right-e<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),e=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(n.width+this.elementGap)},!0),i.insertAdjacentElement("afterend",o),e.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(n.left-e>0&&this.scrollDetails?.scrollSpeed>0){const t=i.previousElementSibling,e=s.width+this.elementGap,n=parseInt(i.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:e},!0),o.insertAdjacentElement("beforebegin",i),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[n]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[n])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let e=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(e-=.2,e<=0&&(e=t)):(e+=.2,e>t&&(e=0)),e}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let e=t.previousElementSibling;if(null===e)return;t.classList.remove(this.activeElementClass),e.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),e=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),e.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),e=t.width,o=t.left,i=Array.from(this.element.children).find((t=>{const e=t.getBoundingClientRect();return e.left<o&&e.right+this.elementGap>o}));if(void 0!==i){const o=i.getBoundingClientRect().right,n=t.left+e;await this.inertialScroll.scrollBy({left:-(n-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-e,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let e=t.nextElementSibling;if(null===e)return;t.classList.remove(this.activeElementClass),e.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),e=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),e.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),e=t.width,o=e+t.left,i=Array.from(this.element.children).find((t=>{const e=t.getBoundingClientRect();return e.left-this.elementGap<o&&e.right>o}));if(void 0!==i){const e=i.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:e-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:e,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let e={left:!1,right:!1};this.withControls&&(null===t?e={left:!1,right:!0}:(e.left=!(t.scrollLeft-1<=0),e.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(e)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=e)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const e=this.getElementOverflowOpacity(t);t.style.opacity=`${e}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const e=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,i=this.scrollContainerRef.getBoundingClientRect().left,n=e.left-i,s=e.right-i;let r=1;return n<0?r=Math.max(.3,(e.width+n)/e.width):s<o+e.width&&(r=Math.max(.3,1-(s-o)/e.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<s(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return i(n,{key:"a7b7c9dd3d2acc6580fb040111b69e8b9f5ee47b"},i("div",{key:"90fbe48aa22cbc0243eca6bf6ab5e2e5d66fc391",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},i("div",{key:"6f2c19339bc98c909becc55727af88d7be6598d4",class:"tet-card-list__scroll-container"},i("div",{key:"3b9f6d605a86ab5efcf45975aa95d1a4f0a4f3d1",part:"card-list",ref:t=>this.scrollContainerRef=t},i("slot",{key:"21f76fb4ec8f9caf917d95187f26e65c6b607be2"}))),i("tet-button",{key:"a70d9d6c4d8ed84c5cdb790cd66dc8967392a435",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--left":!0,"tet-card-list__control--hidden":!this.controlVisibility.left},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleLeftControl,onKeyUp:this.handleLeftControlKeyUp},i("tet-icon",{key:"951f587ba9498d426a3c9993c416e8e18580c4bf",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),i("tet-button",{key:"af4771c78f573debaff8acd2243b550a427da72e",theme:this.theme,iconMode:!0,class:{"tet-card-list__control":!0,"tet-card-list__control--right":!0,"tet-card-list__control--hidden":!this.controlVisibility.right},onPointerDown:this.handleControlPointerDown,onPointerUp:this.handleRightControl,onKeyUp:this.handleRightControlKeyUp},i("tet-icon",{key:"b19ee3803dd3fcf44a11816372555b6be84150f9",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),i("div",{key:"9d93b130142f3675cb2d6436a84ff78df28c092a",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},i("div",{key:"b71a2c641265034396d4b0a350ba3aa57e8d7c49",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};c.style='@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format("eot"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format("woff2"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format("woff"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format("eot"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format("woff2"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format("woff"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format("eot"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format("woff2"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format("woff"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format("eot"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format("woff2"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format("woff"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format("eot"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format("woff2"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format("woff"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format("eot"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format("woff2"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format("woff"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format("embedded-opentype"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format("woff2"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format("woff"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format("truetype"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format("svg");font-weight:400;font-style:normal}.tet-icon:before{content:"\\E84E"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:"\\E800"}.tet-icon__alert-circled:before{content:"\\E801"}.tet-icon__alert:before{content:"\\E802"}.tet-icon__bank:before{content:"\\E803"}.tet-icon__box:before{content:"\\E804"}.tet-icon__download:before{content:"\\E805"}.tet-icon__burger:before{content:"\\E806"}.tet-icon__cancel:before{content:"\\E807"}.tet-icon__printer:before{content:"\\E808"}.tet-icon__cart-add:before{content:"\\E809"}.tet-icon__cart-remove:before{content:"\\E80A"}.tet-icon__cart:before{content:"\\E80B"}.tet-icon__chat:before{content:"\\E80C"}.tet-icon__arrow-up:before{content:"\\E80D"}.tet-icon__calendar:before{content:"\\E80E"}.tet-icon__help-circled:before{content:"\\E80F"}.tet-icon__edit:before{content:"\\E810"}.tet-icon__external-link:before{content:"\\E811"}.tet-icon__gift:before{content:"\\E812"}.tet-icon__person:before{content:"\\E813"}.tet-icon__heart:before{content:"\\E814"}.tet-icon__language:before{content:"\\E815"}.tet-icon__help:before{content:"\\E816"}.tet-icon__home-1:before{content:"\\E817"}.tet-icon__location:before{content:"\\E818"}.tet-icon__home-3:before{content:"\\E819"}.tet-icon__chart-even:before{content:"\\E81A"}.tet-icon__info-2:before{content:"\\E81B"}.tet-icon__key:before{content:"\\E81C"}.tet-icon__info:before{content:"\\E81D"}.tet-icon__lock-opened:before{content:"\\E81E"}.tet-icon__lock-outlined:before{content:"\\E81F"}.tet-icon__lock:before{content:"\\E820"}.tet-icon__laptop-filled:before{content:"\\E821"}.tet-icon__mail:before{content:"\\E822"}.tet-icon__options:before{content:"\\E823"}.tet-icon__chart-uneven:before{content:"\\E824"}.tet-icon__mail-2:before{content:"\\E825"}.tet-icon__remove:before{content:"\\E826"}.tet-icon__mobile-filled:before{content:"\\E827"}.tet-icon__ilu-calendar-check:before{content:"\\E828"}.tet-icon__settings-outlined:before{content:"\\E829"}.tet-icon__tablet:before{content:"\\E82A"}.tet-icon__thumb-up:before{content:"\\E82B"}.tet-icon__ilu-purchase:before{content:"\\E82C"}.tet-icon__chart-even-outlined:before{content:"\\E82D"}.tet-icon__movie:before{content:"\\E82E"}.tet-icon__percent:before{content:"\\E82F"}.tet-icon__ilu-change-whenever:before{content:"\\E830"}.tet-icon__truck:before{content:"\\E831"}.tet-icon__zero:before{content:"\\E832"}.tet-icon__attach:before{content:"\\E833"}.tet-icon__cloud-done:before{content:"\\E834"}.tet-icon__cloud-download:before{content:"\\E835"}.tet-icon__cloud-upload:before{content:"\\E836"}.tet-icon__cloud:before{content:"\\E837"}.tet-icon__folder:before{content:"\\E838"}.tet-icon__remote:before{content:"\\E839"}.tet-icon__router:before{content:"\\E83A"}.tet-icon__shield-filled:before{content:"\\E83B"}.tet-icon__shield:before{content:"\\E83C"}.tet-icon__ilu-devices:before{content:"\\E83D"}.tet-icon__ilu-get-points:before{content:"\\E83E"}.tet-icon__tv:before{content:"\\E83F"}.tet-icon__ilu-internet:before{content:"\\E840"}.tet-icon__wifi-outlined:before{content:"\\E841"}.tet-icon__wifi:before{content:"\\E842"}.tet-icon__description-outlined:before{content:"\\E843"}.tet-icon__laptop:before{content:"\\E844"}.tet-icon__chart-uneven-outlined:before{content:"\\E845"}.tet-icon__meter:before{content:"\\E846"}.tet-icon__mobile:before{content:"\\E847"}.tet-icon__phone:before{content:"\\E848"}.tet-icon__plug-filled:before{content:"\\E849"}.tet-icon__plug:before{content:"\\E84A"}.tet-icon__print:before{content:"\\E84B"}.tet-icon__camera:before{content:"\\E84C"}.tet-icon__clock:before{content:"\\E84D"}.tet-icon__placeholder:before{content:"\\E84E"}.tet-icon__tv-filled:before{content:"\\E84F"}.tet-icon__arrow-down:before{content:"\\E850"}.tet-icon__arrow-left:before{content:"\\E851"}.tet-icon__arrow-right:before{content:"\\E852"}.tet-icon__description:before{content:"\\E853"}.tet-icon__login:before{content:"\\E854"}.tet-icon__check:before{content:"\\E855"}.tet-icon__chevron-down:before{content:"\\E856"}.tet-icon__chevron-left:before{content:"\\E857"}.tet-icon__chevron-right:before{content:"\\E858"}.tet-icon__chevron-up:before{content:"\\E859"}.tet-icon__close-circled:before{content:"\\E85A"}.tet-icon__close:before{content:"\\E85B"}.tet-icon__more-horizontal:before{content:"\\E85C"}.tet-icon__more-vertical:before{content:"\\E85D"}.tet-icon__refresh:before{content:"\\E85E"}.tet-icon__facebook:before{content:"\\E85F"}.tet-icon__instagram:before{content:"\\E860"}.tet-icon__linkedin:before{content:"\\E861"}.tet-icon__people:before{content:"\\E862"}.tet-icon__logout:before{content:"\\E863"}.tet-icon__share:before{content:"\\E864"}.tet-icon__twitter:before{content:"\\E865"}.tet-icon__cancel-filled:before{content:"\\E866"}.tet-icon__done:before{content:"\\E867"}.tet-icon__star-filled:before{content:"\\E868"}.tet-icon__star:before{content:"\\E869"}.tet-icon__clipboard:before{content:"\\E86A"}.tet-icon__ilu-calendar:before{content:"\\E86B"}.tet-icon__check-circled:before{content:"\\E86C"}.tet-icon__ilu-choose-channels:before{content:"\\E86D"}.tet-icon__search:before{content:"\\E86E"}.tet-icon__warning:before{content:"\\E86F"}.tet-icon__ilu-clock-1:before{content:"\\E870"}.tet-icon__ilu-fold:before{content:"\\E871"}.tet-icon__ilu-letter:before{content:"\\E872"}.tet-icon__ilu-pay:before{content:"\\E873"}.tet-icon__ilu-meter:before{content:"\\E874"}.tet-icon__ilu-sign:before{content:"\\E875"}.tet-icon__smart-watch-filled:before{content:"\\E876"}.tet-icon__washing-machine-filled:before{content:"\\E877"}.tet-icon__bullet:before{content:"\\E878"}.tet-icon__sound:before{content:"\\E879"}.tet-icon__dropdown:before{content:"\\E87A"}.tet-icon__mask-pass:before{content:"\\E87B"}.tet-icon__select:before{content:"\\E87C"}.tet-icon__text-area-sizing:before{content:"\\E87D"}.tet-icon__unmask-pass:before{content:"\\E87E"}.tet-icon__bullet-small:before{content:"\\E882"}.tet-icon__electric-bolt:before{content:"\\E880"}.tet-icon__sun:before{content:"\\E881"}:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{c as tet_card_list}