@tet/tet-components 1.3.68-staging → 1.3.68-testing

package/dist/tet-components/{p-440d525c.entry.js → p-01d2c9b2.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as o,H as i,g as n}from"./p-67c5dc0a.js";import{g as s}from"./p-165a8492.js";class r{constructor({rootElement:t,scrollableElementClass:e,animationSpeed:o=200}){this.isEnabled=!1,this.isDragging=!1,this.isScrolling=!1,this.pointerX=0,this.pointerXOld=0,this.pointerSpeedXOld=0,this.scrollSpeed=0,this.rootElement=null,this.scrollContainer=null,this.timer=null,this.scrollableElementClass="",this.animationSpeed=0,this.scrollAmount=10,this.mobileBreakpoint=740,this.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)},this.onMouseDown=t=>{this.onPointerDown(t.clientX)},this.onTouchStart=t=>{for(let e=0;e<t.changedTouches.length;e++)this.onPointerDown(t.changedTouches[e].clientX)},this.onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)},this.onTouchMove=t=>{if(this.isDragging)for(let e=0;e<t.changedTouches.length;e++)this.onPointerMove(t.changedTouches[e].clientX)},this.onMouseUp=()=>{this.onPointerRelease()},this.onTouchEnd=t=>{for(let e=0;e<t.changedTouches.length;e++)this.onPointerRelease()},this.onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)},this.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)},this.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},this.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:Object.assign({},this.currentScroll)}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:Object.assign({},this.currentScroll)}))},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(){var t,e;return Math.round(Math.abs(parseFloat(null===(e=null===(t=this.scrollContainer)||void 0===t?void 0:t.style)||void 0===e?void 0:e.left)||0))}get scrollWidth(){var t,e;return Math.round((null===(t=this.scrollContainer)||void 0===t?void 0:t.getBoundingClientRect().width)-(null===(e=this.rootElement)||void 0===e?void 0:e.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:Object.assign(Object.assign({},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:Object.assign(Object.assign({},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 f=a,l=f-s;l<i||(s=f-l%i,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+n}px`,f-r>this.animationSpeed&&(cancelAnimationFrame(e),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:Object.assign(Object.assign({},this.currentScroll),{scrollSpeed:o<0?-1:1,isUserScroll:!1})})))};c(s)}));await c}}const c=class{constructor(o){t(this,o),this.cardScroll=e(this,"cardScroll",7),this.contentScrollEnd=e(this,"contentScrollEnd",7),this.virtualScrollPrependClones=[],this.virtualScrollAppendClones=[],this.scrollDetails=null,this.dimensions={element:{left:0,width:0}},this.elementGap=16,this.isScrolling=!1,this.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())},this.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}%`)},this.handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()},this.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())},this.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&&(null==c?void 0:c.hasAttribute("data-clone-id"))&&o.find((t=>{var e;return(null===(e=t.attributes["data-id"])||void 0===e?void 0:e.value)===c.getAttribute("data-clone-id")})).classList.add(this.activeElementClass),void 0!==c&&c.classList.add(this.activeElementClass),this.updateControlVisibility()},this.moveElements=()=>{var t,e;if(!this.withVirtualScroll)return;const{width:o,left:i}=this.dimensions.element,n=this.getFirstOriginal(),s=this.getLastOriginal(),r=n.getBoundingClientRect(),c=s.getBoundingClientRect();if(c.right-i<o&&(null===(t=this.scrollDetails)||void 0===t?void 0:t.scrollSpeed)<0){const t=parseInt(n.getAttribute("data-id"),10),e=n.nextElementSibling;this.inertialScroll.scrollBy({left:-(r.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",n),e.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(r.left-i>0&&(null===(e=this.scrollDetails)||void 0===e?void 0:e.scrollSpeed)>0){const t=s.previousElementSibling,e=c.width+this.elementGap,o=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:e},!0),n.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[o]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[o])}},this.handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()},this.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}},this.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}},this.handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()},this.handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()},this.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)},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=""}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)}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(){var t,e;this.inertialScroll.detach(),null===(t=this.scrollContainerRef)||void 0===t||t.removeEventListener("mousewheel",this.handleDisableScroll),null===(e=this.scrollContainerRef)||void 0===e||e.removeEventListener("touchmove",this.handleDisableScroll)}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}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 o(i,{key:"a29e3674f3a70dc958884f5e55068b0ee1e9e9f1"},o("div",{key:"b0dbcd458dfad675fe2b84374c6a42593dc60f0f",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},o("div",{key:"da2e0847aa7b99b98a38338ee1d2c49a5383e932",class:"tet-card-list__scroll-container"},o("div",{key:"cbf9de8dd119e43c011990acb16827294d7a0964",part:"card-list",ref:t=>this.scrollContainerRef=t},o("slot",{key:"b790e0dcbf209914de05fafc7276d8b0defe5922"}))),o("tet-button",{key:"52ab640145806053a8e3d44336f7e0a3b6744376",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},o("tet-icon",{key:"79b3ab0a0ff652d77956e7a36f6c131f7827117d",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),o("tet-button",{key:"0c20bf2053e6efd912b7e8b8c9b7feab6a73648e",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},o("tet-icon",{key:"62f0198d2c8fc74fc0332a7c2190564ab5af434a",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),o("div",{key:"b6deef611e47e53daaddb807afef74b1a43c18bf",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},o("div",{key:"fbe9c8909514121c295ef2d894c695e058c363fa",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}get element(){return n(this)}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,h as o,H as i,g as n}from"./p-1ec7f341.js";import{g as s}from"./p-165a8492.js";class r{constructor({rootElement:t,scrollableElementClass:e,animationSpeed:o=200}){this.isEnabled=!1,this.isDragging=!1,this.isScrolling=!1,this.pointerX=0,this.pointerXOld=0,this.pointerSpeedXOld=0,this.scrollSpeed=0,this.rootElement=null,this.scrollContainer=null,this.timer=null,this.scrollableElementClass="",this.animationSpeed=0,this.scrollAmount=10,this.mobileBreakpoint=740,this.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)},this.onMouseDown=t=>{this.onPointerDown(t.clientX)},this.onTouchStart=t=>{for(let e=0;e<t.changedTouches.length;e++)this.onPointerDown(t.changedTouches[e].clientX)},this.onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)},this.onTouchMove=t=>{if(this.isDragging)for(let e=0;e<t.changedTouches.length;e++)this.onPointerMove(t.changedTouches[e].clientX)},this.onMouseUp=()=>{this.onPointerRelease()},this.onTouchEnd=t=>{for(let e=0;e<t.changedTouches.length;e++)this.onPointerRelease()},this.onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)},this.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)},this.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},this.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:Object.assign({},this.currentScroll)}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:Object.assign({},this.currentScroll)}))},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(){var t,e;return Math.round(Math.abs(parseFloat(null===(e=null===(t=this.scrollContainer)||void 0===t?void 0:t.style)||void 0===e?void 0:e.left)||0))}get scrollWidth(){var t,e;return Math.round((null===(t=this.scrollContainer)||void 0===t?void 0:t.getBoundingClientRect().width)-(null===(e=this.rootElement)||void 0===e?void 0:e.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:Object.assign(Object.assign({},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:Object.assign(Object.assign({},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 f=a,l=f-s;l<i||(s=f-l%i,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+n}px`,f-r>this.animationSpeed&&(cancelAnimationFrame(e),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:Object.assign(Object.assign({},this.currentScroll),{scrollSpeed:o<0?-1:1,isUserScroll:!1})})))};c(s)}));await c}}const c=class{constructor(o){t(this,o),this.cardScroll=e(this,"cardScroll",7),this.contentScrollEnd=e(this,"contentScrollEnd",7),this.virtualScrollPrependClones=[],this.virtualScrollAppendClones=[],this.scrollDetails=null,this.dimensions={element:{left:0,width:0}},this.elementGap=16,this.isScrolling=!1,this.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())},this.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}%`)},this.handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()},this.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())},this.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&&(null==c?void 0:c.hasAttribute("data-clone-id"))&&o.find((t=>{var e;return(null===(e=t.attributes["data-id"])||void 0===e?void 0:e.value)===c.getAttribute("data-clone-id")})).classList.add(this.activeElementClass),void 0!==c&&c.classList.add(this.activeElementClass),this.updateControlVisibility()},this.moveElements=()=>{var t,e;if(!this.withVirtualScroll)return;const{width:o,left:i}=this.dimensions.element,n=this.getFirstOriginal(),s=this.getLastOriginal(),r=n.getBoundingClientRect(),c=s.getBoundingClientRect();if(c.right-i<o&&(null===(t=this.scrollDetails)||void 0===t?void 0:t.scrollSpeed)<0){const t=parseInt(n.getAttribute("data-id"),10),e=n.nextElementSibling;this.inertialScroll.scrollBy({left:-(r.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",n),e.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(r.left-i>0&&(null===(e=this.scrollDetails)||void 0===e?void 0:e.scrollSpeed)>0){const t=s.previousElementSibling,e=c.width+this.elementGap,o=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:e},!0),n.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[o]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[o])}},this.handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()},this.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}},this.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}},this.handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()},this.handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()},this.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)},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=""}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)}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(){var t,e;this.inertialScroll.detach(),null===(t=this.scrollContainerRef)||void 0===t||t.removeEventListener("mousewheel",this.handleDisableScroll),null===(e=this.scrollContainerRef)||void 0===e||e.removeEventListener("touchmove",this.handleDisableScroll)}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}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 o(i,{key:"a29e3674f3a70dc958884f5e55068b0ee1e9e9f1"},o("div",{key:"b0dbcd458dfad675fe2b84374c6a42593dc60f0f",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},o("div",{key:"da2e0847aa7b99b98a38338ee1d2c49a5383e932",class:"tet-card-list__scroll-container"},o("div",{key:"cbf9de8dd119e43c011990acb16827294d7a0964",part:"card-list",ref:t=>this.scrollContainerRef=t},o("slot",{key:"b790e0dcbf209914de05fafc7276d8b0defe5922"}))),o("tet-button",{key:"52ab640145806053a8e3d44336f7e0a3b6744376",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},o("tet-icon",{key:"79b3ab0a0ff652d77956e7a36f6c131f7827117d",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),o("tet-button",{key:"0c20bf2053e6efd912b7e8b8c9b7feab6a73648e",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},o("tet-icon",{key:"62f0198d2c8fc74fc0332a7c2190564ab5af434a",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),o("div",{key:"b6deef611e47e53daaddb807afef74b1a43c18bf",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},o("div",{key:"fbe9c8909514121c295ef2d894c695e058c363fa",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}get element(){return n(this)}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}

package/dist/tet-components/{p-cf4cf5be.entry.js → p-07081ea1.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as o,F as n,f as r,H as i,g as a}from"./p-67c5dc0a.js";import{t as c,p as s}from"./p-4804ed9c.js";import{e as l,A as f}from"./p-58915a2d.js";import"./p-9a2b6ee2.js";var d,u,m;!function(t){t.SMALL="small",t.AVERAGE="average",t.LARGE="large",t.INDIVIDUAL="custom"}(d||(d={})),function(t){t.HOURLY="hourly",t.MONTHLY="monthly"}(u||(u={})),function(t){t.V_CPU="vcpu",t.V_RAM="vram",t.STORAGE="storage",t.EXTRA_STORAGE="extra-storage",t.LICENSE="license",t.MS_LICENSE="ms_license",t.BANDWIDTH="bandwidth"}(m||(m={}));const _={v_cpu_standard:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_cpu_performance:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_ram:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0}],storage_bronze:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_silver:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_gold:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_platinum:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_backup:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_object:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],license_windows:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],license_veeam:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_rds:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_dc_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_professional_plus:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],cis_suite_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],project_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sharepoint_server:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],bandwidth_ip:[{name:"components-cloud-configurator-unit-ip",value:1,default:!0}],bandwidth_capacity:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],ddos_protection_bandwidth:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],bandwidth_router:[{name:"components-cloud-configurator-unit-nsx-router",value:1,default:!0},{name:"components-cloud-configurator-unit-not-required",value:0}]},g={storage_bronze:"components-cloud-configurator-unit-of-measure",storage_silver:"components-cloud-configurator-unit-of-measure",storage_gold:"components-cloud-configurator-unit-of-measure",storage_platinum:"components-cloud-configurator-unit-of-measure",storage_backup:"components-cloud-configurator-unit-of-measure",storage_object:"components-cloud-configurator-unit-of-measure",bandwidth_router:"components-cloud-configurator-select-device"},p={[m.V_CPU]:"components-cloud-configurator-summary-group-vcpu",[m.V_RAM]:"components-cloud-configurator-summary-group-vram",[m.STORAGE]:"components-cloud-configurator-summary-group-storage",[m.EXTRA_STORAGE]:"components-cloud-configurator-summary-group-extra-storage",[m.LICENSE]:"components-cloud-configurator-summary-group-license",[m.MS_LICENSE]:"components-cloud-configurator-summary-group-ms-license",[m.BANDWIDTH]:"components-cloud-configurator-summary-group-bandwidth"},b=["v_cpu_standard","v_cpu_performance","v_ram","storage_bronze","storage_silver","storage_gold","storage_platinum","storage_backup","storage_object","license_windows","license_veeam","sql_server_standard_core","win_rds","win_server_standard_core","win_server_dc_core","sql_server_standard","office_standard","office_professional_plus","cis_suite_standard_core","project_standard","sharepoint_server","bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_enabled","ddos_protection_bandwidth"];function h(t){const e={};for(const o of b)e[o]=t[o];return e}function y(t){const e=_[t];if(e)return e.forEach((t=>{t.name=c(t.name)})),e}function w(t){const e=g[t];if(e)return c(e)}function v(t){const e=y(t);if(e)return e.find((t=>t.default))}function x(t,e){return t.toFixed(e===u.MONTHLY?2:8).replace(".",",")}const z=async()=>{let t;try{t=new URL(l.cloudConfigurator).href}catch(t){return console.error(t),Promise.reject("Cloud Configurator endpoint URL generation failed.")}const e=(new f).setUrl(t).setOptions({method:"GET"}).setErrorFallbackValue([]);return await e.execute()},E=class{constructor(r){t(this,r),this.cloudCalculatorSubmit=e(this,"cloudCalculatorSubmit",7),this.footerObserver=new IntersectionObserver((([t])=>{this.isFloatingSummary=0===t.intersectionRatio})),this.fields=null,this.onTabSelected=t=>{this.selectedTab=t.detail.new},this.onExpandableListToggle=()=>{this.isListExpanded=!this.isListExpanded},this.onSummaryPeriodChange=t=>{this.selectedPeriod=t.detail.value},this.onDdosProtectionEnabledCheck=t=>{const{checked:e}=t.detail;this.formValues.ddos_protection_enabled.value=e?1:0,this.setDefaultValue("bandwidth_capacity"),this.setDefaultValue("ddos_protection_bandwidth"),this.formValues=Object.assign({},this.formValues)},this.onNumberValueChanged=(t,e)=>{var o;const{min:n}=this.fields[e],r=this.formValues[e];let i=t.value;t.suffix||(t.suffix=v(e)),(null===(o=null==r?void 0:r.suffix)||void 0===o?void 0:o.value)!==t.suffix.value&&(i=0===t.suffix.value?0:n);const a=this.getPrices(e,i,t.suffix);this.formValues[e]=Object.assign(Object.assign(Object.assign({},r),{value:i,suffix:t.suffix}),a),this.formValues=Object.assign({},this.formValues)},this.onFormSubmit=()=>{var t;const e=h(this.formValues);(null===(t=this.formValues.ddos_protection_enabled)||void 0===t?void 0:t.value)?delete e.bandwidth_capacity:delete e.ddos_protection_bandwidth;const o={formValues:e,totals:this.getTotals()};this.cloudCalculatorSubmit.emit(o)},this.fetchData=async()=>{const t=await Promise.all([z(),s("cloud-calculator",this.language)]);this.fields=t[0],this.isLoading=!1},this.setDefaultValues=()=>{for(const t of Object.keys(this.fields))this.setDefaultValue(t);const t=h(this.formValues);this.formValues=Object.assign({},t),this.root.shadowRoot.querySelectorAll("tet-number-input").forEach((t=>t.resetSuffix()))},this.setDefaultValue=t=>{const e=this.fields[t],o=e.default[this.selectedTab]||e.min,n=v(e.key),r=this.getPrices(e.key,o,n);this.formValues[e.key]=Object.assign(Object.assign({key:e.key,value:o,title:e.name.lv,groupKey:e.group,groupName:c(p[e.group])},r),{suffix:v(e.key)})},this.renderTitle=()=>o(n,null,o("p",{class:"content__subtitle"},c(`components-cloud-configurator-${this.selectedTab}-subtitle`))),this.language="lv",this.containerSelector="",this.theme="light",this.selectOnFocus=void 0,this.isLoading=!0,this.headerRef=void 0,this.footerRef=void 0,this.formValues={},this.selectedTab=d.SMALL,this.selectedPeriod=u.MONTHLY,this.isFloatingSummary=!1,this.isListExpanded=!1,this.parentElement=void 0}async componentWillLoad(){this.parentElement=this.containerSelector?document.querySelector(this.containerSelector):this.root.parentElement,this.headerObserver=new IntersectionObserver((([t])=>{0!==t.intersectionRatio&&t.target.classList.toggle("header--is-pinned",t.intersectionRatio<1)}),{rootMargin:`-${this.parentElement.offsetTop+1}px 0px 0px 0px`,root:document,threshold:1}),this.fetchData()}onisLoadingChange(t){t||this.setDefaultValues()}onHeaderRefChange(t){t&&(this.headerRef.style.top=this.parentElement.offsetTop-1+"px",this.headerObserver.observe(this.headerRef))}onFooterRefChange(t){t&&this.footerObserver.observe(this.footerRef)}onSelectedTabChange(){this.setDefaultValues()}async onLanguageChange(t){await s("cloud-calculator",t),r(this)}getFieldKeysByGroup(t){return Object.values(this.fields).filter((e=>e.group===t)).map((t=>t.key))}getTotals(){var t;const e=!!(null===(t=this.formValues.ddos_protection_enabled)||void 0===t?void 0:t.value),o={hourly:0,monthly:0};for(const t of Object.values(this.formValues))"bandwidth_capacity"===t.key&&e||("ddos_protection_bandwidth"!==t.key||e)&&(o.hourly+=t.hourly,o.monthly+=t.monthly);return o}getPrices(t,e,o){const{priceHourly:n,priceMonthly:r}=this.fields[t];let i=1;return(null==o?void 0:o.value)&&(i=o.value),"bandwidth_ip"===t?{monthly:(e-1)*r*i,hourly:(e-1)*n*i}:{monthly:e*r*i,hourly:e*n*i}}getMinValue(t){var e;const o=this.fields[t],n=this.formValues[t];return o?0===(null===(e=null==n?void 0:n.suffix)||void 0===e?void 0:e.value)?0:o.min:null}getMaxValue(t){const e=this.fields[t],o=this.formValues[t];return e&&o?o.suffix?e.max/o.suffix.value:e.max:null}getLabel(t){if(["v_ram"].includes(t))return null;const e=this.fields[t];return e?e.name[this.language]:null}getHelperText(t){const e=this.fields[t];return e?e.description[this.language]:null}renderNumberInput(t,e){var n;return!0===(null==e?void 0:e.hidden)?null:o("div",{class:"form__input"},o("tet-number-input",{min:this.getMinValue(t),max:this.getMaxValue(t),label:this.getLabel(t),"accessibility-label":this.getHelperText(t),"button-accessibility-label":w(t),helperText:this.getHelperText(t),value:null===(n=this.formValues[t])||void 0===n?void 0:n.value,disabled:null==e?void 0:e.disabled,suffixes:y(t),onInputValueChanged:e=>this.onNumberValueChanged(e.detail,t),selectOnFocus:this.selectOnFocus,theme:this.theme}))}renderExpandableItem(t){var e;const n=this.fields[t];return o("div",{class:"expandable-item"},o("div",{class:"expandable-item__description"},o("div",{class:"expandable-item__title"},n.name[this.language]),o("div",{class:"expandable-item__helper"},n.description[this.language])),o("tet-stepper-input",{min:this.getMinValue(t),max:this.getMaxValue(t),step:1,value:null===(e=this.formValues[t])||void 0===e?void 0:e.value,onInputValueChanged:e=>this.onNumberValueChanged({value:e.detail},t),selectOnFocus:this.selectOnFocus,"accessibility-label":n.name[this.language],theme:this.theme}))}renderSummaryTable(){return o("div",{class:"summary-table"},this.renderSummaryRow(m.V_CPU,null,`x ${c("components-cloud-configurator-unit-cores")}`),this.renderSummaryRow(m.V_RAM),this.renderSummaryRow(m.STORAGE),this.renderSummaryRow(m.EXTRA_STORAGE),this.renderSummaryRow(m.LICENSE),this.renderSummaryRow(m.MS_LICENSE,null,c("components-cloud-configurator-unit-pieces")),this.renderSummaryRow(m.BANDWIDTH,["bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_bandwidth"]))}renderSummaryRow(t,e,n){var r,i;let a,s=p[t];if(a=e||this.getFieldKeysByGroup(t),t===m.BANDWIDTH&&(a=a.filter((t=>"ddos_protection_enabled"!==t)),(null===(r=this.formValues.ddos_protection_enabled)||void 0===r?void 0:r.value)?(a=a.filter((t=>"bandwidth_capacity"!==t)),s="components-cloud-configurator-group-bandwidth-ddos"):a=a.filter((t=>"ddos_protection_bandwidth"!==t))),!Object.entries(this.fields).some((t=>a.includes(t[0]))))return null;const l=[o("div",{class:"summary-table__header"},c(s))];let f=!0;for(const t of a){const e=this.formValues[t];if(!this.fields[t]||!e||!e[this.selectedPeriod])continue;f||l.push(o("div",{class:"summary-table__header"}));const r=this.getLabel(t),a=n||(null===(i=e.suffix)||void 0===i?void 0:i.name);l.push(o("div",{class:"summary-table__label"},!!r&&o("span",null,`${r},`),o("span",null,`${null==e?void 0:e.value}${a}`)));const s=e[this.selectedPeriod]||0,d=c(this.selectedPeriod===u.MONTHLY?"components-cloud-configurator-price-suffix-montly":"components-cloud-configurator-price-suffix-hourly");l.push(o("div",{class:"summary-table__value"},`${x(s,this.selectedPeriod)} ${d}`)),f=!1}return 1===l.length?null:o("div",{class:"summary-table__row"},l.map((t=>t)))}renderFloatingSummary(){const t=this.getFieldKeysByGroup(m.V_CPU),e=this.getFieldKeysByGroup(m.V_RAM),n=this.getFieldKeysByGroup(m.STORAGE),r=this.getFieldKeysByGroup(m.EXTRA_STORAGE),i=this.getFieldKeysByGroup(m.LICENSE),a=this.getFieldKeysByGroup(m.BANDWIDTH),s=this.getFieldKeysByGroup(m.MS_LICENSE),l=Object.values(this.formValues),f=l.reduce(((o,r)=>{var i;if(t.includes(r.key))o.cpu+=r.value;else if(e.includes(r.key))o.ram+=r.value;else if(n.includes(r.key)){const t=(null===(i=r.suffix)||void 0===i?void 0:i.value)||1;o.storage+=r.value*t}return o}),{cpu:0,ram:0,storage:0});let d=0;l.some((t=>i.includes(t.key)&&t.value))&&(d+=1),l.some((t=>a.includes(t.key)&&t.value))&&(d+=1),l.some((t=>s.includes(t.key)&&t.value))&&(d+=1),l.some((t=>r.includes(t.key)&&t.value))&&(d+=1);const u=this.getTotals();return o("div",{class:"floating-summary__container"},this.isFloatingSummary&&o("div",{class:"floating-summary__count"},o("span",{class:"floating-summary__count--item"},`${f.cpu} ${c("components-cloud-configurator-summary-cpu")},`),o("span",{class:"floating-summary__count--item"},`${f.ram} ${c("components-cloud-configurator-unit-gigabyte")} ${c("components-cloud-configurator-summary-ram")},`),o("span",{class:"floating-summary__count--break"}),o("span",{class:"floating-summary__count--item"},`${f.storage} ${c("components-cloud-configurator-unit-gigabyte")} ${c("components-cloud-configurator-summary-storage")}`),o("span",{class:"floating-summary__count--other"},`+${d}`)),o("div",{class:"floating-summary__sum"},o("span",{class:"floating-summary__sum--label"},`${c("components-cloud-configurator-summary-sum")}:`),o("span",{class:"floating-summary__sum--value"},`${x(u[this.selectedPeriod],this.selectedPeriod)} ${c("components-cloud-configurator-price-unit")}`)))}renderPlaceholder(){return o(i,null,o("div",{class:"cloud-configurator"},o("div",{class:"content"},o("div",{class:"content__title"},o("tet-placeholder",{width:"90%",height:"1.75rem"})),o("div",{class:"content__subtitle"},o("tet-placeholder",{width:"100%",height:"1rem"})),o("div",{class:"form",part:"form"},o("div",{class:"form__group"},o("div",{class:"form__group-label"},o("tet-placeholder",{width:"10rem",height:"1rem"})),o("div",{class:"form__input"},o("tet-placeholder",{width:"100%",height:"2.875rem"})),o("div",{class:"form__input"},o("tet-placeholder",{width:"100%",height:"2.875rem"}))),o("div",{class:"form__group"},o("div",{class:"form__group-label"},o("tet-placeholder",{width:"10rem",height:"1rem"})),o("div",{class:"form__input"},o("tet-placeholder",{width:"100%",height:"2.875rem"})),o("div",{class:"form__input"})))),o("div",{class:"header",part:"header"},o("div",{class:"inner-wrapper"},o("tet-placeholder",{width:"25.5rem",height:"2.875rem"})))))}render(){var t,e,r,a;return this.isLoading?this.renderPlaceholder():(s("cloud-configurator",this.language),o(i,null,o("div",{class:{"cloud-configurator":!0,[this.theme]:!!this.theme}},o("div",{class:{header:!0,[this.theme]:!!this.theme},part:"header",ref:t=>this.headerRef=t},o("div",{class:"inner-wrapper"},o("tet-tab-header",{class:"header__segment-switch",segmented:!0,position:"center",defaultTab:"small",theme:this.theme,onTabSelected:this.onTabSelected},o("button",{"data-name":d.SMALL},o("p",null,c("components-cloud-configurator-type-small"))),o("button",{"data-name":d.AVERAGE},o("p",null,c("components-cloud-configurator-type-average"))),o("button",{"data-name":d.LARGE},o("p",null,c("components-cloud-configurator-type-large"))),o("button",{"data-name":d.INDIVIDUAL},o("p",null,c("components-cloud-configurator-type-custom")))))),o("div",{class:"content",part:"content"},this.renderTitle(),o("div",{class:"form",part:"form"},o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-vcpu")),this.renderNumberInput("v_cpu_standard"),this.renderNumberInput("v_cpu_performance")),o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-vram")),this.renderNumberInput("v_ram"),o("div",{class:"form__input"})),o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-storage")),this.renderNumberInput("storage_bronze"),this.renderNumberInput("storage_silver"),this.renderNumberInput("storage_gold"),this.renderNumberInput("storage_platinum")),o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-extra-storage")),this.renderNumberInput("storage_backup"),this.renderNumberInput("storage_object")),o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-license")),this.renderNumberInput("license_windows"),this.renderNumberInput("license_veeam")),o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-ms-license")),o("div",{class:{"expandable-list":!0,expanded:this.isListExpanded}},this.renderExpandableItem("sql_server_standard_core"),this.renderExpandableItem("win_rds"),this.renderExpandableItem("win_server_standard_core"),this.renderExpandableItem("win_server_dc_core"),this.renderExpandableItem("sql_server_standard"),this.renderExpandableItem("office_standard"),this.renderExpandableItem("office_professional_plus"),this.renderExpandableItem("cis_suite_standard_core"),this.renderExpandableItem("project_standard"),this.renderExpandableItem("sharepoint_server"),o("div",{class:"expandable-list__toggle-row"},this.isListExpanded&&o(n,null,o("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},c("components-cloud-configurator-ms-license-collapse")," ",o("tet-icon",{name:"chevron-up",theme:this.theme})),o("div",{innerHTML:c("components-cloud-configurator-ms-license-full-list")})),!this.isListExpanded&&o("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},c("components-cloud-configurator-ms-license-expand")," ",o("tet-icon",{name:"chevron-down",theme:this.theme}))))),o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-bandwidth")),this.renderNumberInput("bandwidth_ip"),this.renderNumberInput("bandwidth_router"),this.renderNumberInput("bandwidth_capacity",{disabled:!0,hidden:Boolean(null===(t=this.formValues.ddos_protection_enabled)||void 0===t?void 0:t.value)}),this.renderNumberInput("ddos_protection_bandwidth",{hidden:!Boolean(null===(e=this.formValues.ddos_protection_enabled)||void 0===e?void 0:e.value)}),o("div",{class:"form__input"}),o("div",{class:"form__checkbox"},o("tet-checkbox",{label:this.getLabel("ddos_protection_enabled"),value:null===(r=this.formValues.ddos_protection_enabled)||void 0===r?void 0:r.value,checked:!!(null===(a=this.formValues.ddos_protection_enabled)||void 0===a?void 0:a.value),onCheck:this.onDdosProtectionEnabledCheck,theme:this.theme}),o("p",{class:"form__checkbox-helper"},this.getHelperText("ddos_protection_enabled"))))),o("div",{class:"summary",part:"summary"},o("h2",{class:"summary__title"},c("components-cloud-configurator-group-summary")),o("div",{class:"summary__toggle",role:"radiogroup"},o("tet-radio",{name:"summary-period",value:u.MONTHLY,checked:this.selectedPeriod===u.MONTHLY,label:c("components-cloud-configurator-summary-period-monthly"),theme:this.theme,onCheck:this.onSummaryPeriodChange}),o("tet-radio",{name:"summary-period",value:u.HOURLY,checked:this.selectedPeriod===u.HOURLY,label:c("components-cloud-configurator-summary-period-hourly"),theme:this.theme,onCheck:this.onSummaryPeriodChange})),this.renderSummaryTable())),o("div",{class:{"floating-summary":!0,"floating-summary--is-pinned":this.isFloatingSummary},part:"floating-summary"},this.renderFloatingSummary()),o("div",{part:"footer",class:"footer",ref:t=>this.footerRef=t},o("tet-button",{class:"footer__button",size:"large",type:"primary",theme:this.theme,onClick:this.onFormSubmit},c("components-cloud-configurator-submit"))))))}get root(){return a(this)}static get watchers(){return{isLoading:["onisLoadingChange"],headerRef:["onHeaderRefChange"],footerRef:["onFooterRefChange"],selectedTab:["onSelectedTabChange"],language:["onLanguageChange"]}}};E.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{--tet-cloud-calculator-border-radius:none;--tet-cloud-calculator-background-primary-color:var(--tc-background-primary);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary);--tet-cloud-calculator-background-floating-summary:var(--tc-layer-inverse-primary);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-inverse-primary);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey);display:block;height:100%;width:100%}.cloud-configurator{position:relative;border-radius:var(--tet-cloud-calculator-border-radius);background-color:var(--tet-cloud-calculator-background-primary-color);display:flex;flex-direction:column;height:100%;width:100%;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator.dark{--tet-cloud-calculator-background-primary-color:var(--tc-background-primary-dark);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary-dark);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary-dark);--tet-cloud-calculator-background-floating-summary:var(--tc-background-tertiary-dark);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary-dark);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary-dark);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-primary-dark);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary-dark);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary-dark);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey-dark)}.cloud-configurator .header{position:-webkit-sticky;position:sticky;top:0;order:-1;z-index:2;margin:1.75rem 0 0;overflow:hidden;padding-bottom:0.25rem}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.5rem 0.75rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-segmended-item-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{display:flex;justify-content:center;width:100%;padding:0.75rem 0;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .header--is-pinned .inner-wrapper{-moz-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1)}.cloud-configurator .content{margin:2.5rem 1rem 0}.cloud-configurator .content__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:center;max-width:29.25rem;margin:0 auto 0.5rem}.cloud-configurator .content__subtitle{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);text-align:center;margin:0 auto 3.5rem;max-width:29.25rem}.cloud-configurator .form{display:flex;flex-direction:column;gap:2.5rem;width:100%}.cloud-configurator .form__group{display:flex;flex-wrap:wrap;row-gap:1.5rem;column-gap:2.5rem;padding-bottom:2rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color);justify-content:center}.cloud-configurator .form__group-label{width:100%;min-width:100%;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .form__input{min-width:15.625rem;max-width:21.875rem;flex:1 1 calc(50% - 1.5rem)}.cloud-configurator .form__input>*{width:100%}.cloud-configurator .form__checkbox{margin-top:0.5rem;padding-left:0.25rem;width:100%}.cloud-configurator .form__checkbox tet-checkbox{padding-left:0.25rem;display:flex}.cloud-configurator .form__checkbox-helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);margin-left:2rem;max-width:36.563rem}.cloud-configurator .expandable-list{display:flex;flex-direction:column;width:100%;gap:0.5rem}.cloud-configurator .expandable-list.expanded .expandable-item:nth-child(n+4){display:flex}.cloud-configurator .expandable-list .expandable-item{display:flex;flex-direction:row;width:100%;padding-bottom:0.5rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .expandable-list .expandable-item:nth-child(n+4){display:none}.cloud-configurator .expandable-list .expandable-item__description{display:flex;flex-direction:column;flex:1}.cloud-configurator .expandable-list .expandable-item__label{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list .expandable-item__helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color)}.cloud-configurator .expandable-list__toggle-row{display:flex;justify-content:space-between;flex-direction:column;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--icon-size:1.25rem}.cloud-configurator .expandable-list__toggle,.cloud-configurator .expandable-list__link{display:flex;align-items:flex-end;gap:0.25rem;padding:0.5rem 0;text-decoration:underline;cursor:pointer;color:var(--tet-cloud-calculator-text-primary-color);border-color:transparent;background:transparent;font-size:inherit}.cloud-configurator .expandable-list__toggle:visited,.cloud-configurator .expandable-list__link:visited{color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list__toggle:hover,.cloud-configurator .expandable-list__link:hover{color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__toggle:hover tet-icon,.cloud-configurator .expandable-list__link:hover tet-icon{--icon-color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__link tet-icon{padding-bottom:0.125rem;--icon-color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .summary{margin:2.5rem 0 0;padding-bottom:1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{display:flex;gap:1.5rem;padding-bottom:1.5rem;justify-content:flex-start;margin:1.5rem 0 1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary-table{display:grid;grid-template-columns:3fr 1fr;width:100%;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .summary-table__row{display:contents}.cloud-configurator .summary-table__row:nth-child(2n)>*{background-color:var(--tet-cloud-calculator-background-secondary-color)}.cloud-configurator .summary-table__row>*{height:100%;padding-bottom:0.125rem}.cloud-configurator .summary-table__row>*.summary-table__header{padding-left:1rem;padding-bottom:0.5rem}.cloud-configurator .summary-table__row>*.summary-table__label{padding-left:1rem}.cloud-configurator .summary-table__row>*.summary-table__value{padding-right:1rem}.cloud-configurator .summary-table__row>*:nth-child(-n+1){padding-top:0.75rem}.cloud-configurator .summary-table__row>*:nth-last-child(-n+2){padding-bottom:0.75rem}.cloud-configurator .summary-table__header{grid-column:span 2;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap}.cloud-configurator .summary-table__header~.summary-table__header{display:none}.cloud-configurator .summary-table__label{grid-column:1;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:left;color:var(--tet-cloud-calculator-text-secondary-color);white-space:nowrap;min-width:10rem;display:flex;justify-content:flex-start;gap:0.5rem;padding-right:0.5rem}.cloud-configurator .summary-table__label>span:first-of-type{text-overflow:ellipsis;overflow:hidden}.cloud-configurator .summary-table__value{grid-column:2;text-align:right;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap;padding-left:0}.cloud-configurator .floating-summary{display:flex;position:-webkit-sticky;position:sticky;z-index:1;bottom:0;background-color:var(--tet-cloud-calculator-background-primary-color);color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .floating-summary--is-pinned{background-color:var(--tet-cloud-calculator-background-floating-summary);color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary__container{padding:0.5rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;width:100%}.cloud-configurator .floating-summary__count{display:none;align-items:center}.cloud-configurator .floating-summary--is-pinned .floating-summary__count{display:flex;flex-direction:row;column-gap:0.5rem;flex-wrap:wrap;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--item{color:var(--tet-cloud-calculator-text-blue-grey)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--other{color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--break{flex-basis:100%;height:0}.cloud-configurator .floating-summary__sum{display:flex;flex-direction:row;gap:0.25rem;align-items:flex-end;flex:1 0 auto;font:400 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__sum--label{margin-left:auto}.cloud-configurator .floating-summary__sum--value{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum--value{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{display:flex;flex-direction:row-reverse;margin:0 1rem 2.5rem;padding-top:1rem}.cloud-configurator .footer__button{--button-width:9.375rem}@media all and (min-width: 31.25rem){.cloud-configurator .content{margin:2.5rem 1.5rem 0}.cloud-configurator .content__title{font:500 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif}.cloud-configurator .expandable-list__toggle-row{flex-direction:row}.cloud-configurator .footer{margin:0 1.5rem 2.5rem}}@media all and (min-width: 48rem){.cloud-configurator .header{margin:1.5rem 0 0}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{padding:1rem 0}.cloud-configurator .content{margin:2.5rem 2rem 0}.cloud-configurator .footer{margin:0 2rem 2.5rem}.cloud-configurator .form__group{padding-bottom:2.5rem}.cloud-configurator .form__group-label{font:500 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{justify-content:flex-end;margin-top:0.5rem}.cloud-configurator .summary__title{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary-table{display:grid;grid-template-columns:2fr 5fr}.cloud-configurator .summary-table__header{grid-column:1}.cloud-configurator .summary-table__row>*.summary-table__header{padding-bottom:unset}.cloud-configurator .summary-table__row>*:nth-child(-n+3){padding-top:0.75rem}.cloud-configurator .summary-table__header~.summary-table__header{display:block}.cloud-configurator .summary-table__label{grid-column:2;text-align:right;justify-content:flex-end}.cloud-configurator .summary-table__value{grid-column:3}.cloud-configurator .floating-summary{height:4rem}.cloud-configurator .floating-summary__container{padding:1rem 2rem}.cloud-configurator .floating-summary__count{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__count--break{display:none}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{align-items:center}.cloud-configurator .floating-summary__sum{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{padding-top:0.5rem}}@media all and (min-width: 64rem){.cloud-configurator .content{margin:2.5rem 2.5rem 0}.cloud-configurator .footer{margin:0 2.5rem 2.5rem}.cloud-configurator .floating-summary__container{padding:1rem 2.5rem}}';export{E as tet_cloud_configurator}
+import{r as t,c as e,h as o,F as n,f as r,H as i,g as a}from"./p-1ec7f341.js";import{t as c,p as s}from"./p-1ae8df7d.js";import{e as l,A as f}from"./p-17219f8f.js";import"./p-9a2b6ee2.js";var d,u,m;!function(t){t.SMALL="small",t.AVERAGE="average",t.LARGE="large",t.INDIVIDUAL="custom"}(d||(d={})),function(t){t.HOURLY="hourly",t.MONTHLY="monthly"}(u||(u={})),function(t){t.V_CPU="vcpu",t.V_RAM="vram",t.STORAGE="storage",t.EXTRA_STORAGE="extra-storage",t.LICENSE="license",t.MS_LICENSE="ms_license",t.BANDWIDTH="bandwidth"}(m||(m={}));const _={v_cpu_standard:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_cpu_performance:[{name:"components-cloud-configurator-unit-cores",value:1,default:!0}],v_ram:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0}],storage_bronze:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_silver:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_gold:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_platinum:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_backup:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],storage_object:[{name:"components-cloud-configurator-unit-gigabyte",value:1,default:!0},{name:"components-cloud-configurator-unit-terabyte",value:1e3}],license_windows:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],license_veeam:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_rds:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],win_server_dc_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sql_server_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],office_professional_plus:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],cis_suite_standard_core:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],project_standard:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],sharepoint_server:[{name:"components-cloud-configurator-unit-pieces",value:1,default:!0}],bandwidth_ip:[{name:"components-cloud-configurator-unit-ip",value:1,default:!0}],bandwidth_capacity:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],ddos_protection_bandwidth:[{name:"components-cloud-configurator-unit-mbps",value:1,default:!0}],bandwidth_router:[{name:"components-cloud-configurator-unit-nsx-router",value:1,default:!0},{name:"components-cloud-configurator-unit-not-required",value:0}]},g={storage_bronze:"components-cloud-configurator-unit-of-measure",storage_silver:"components-cloud-configurator-unit-of-measure",storage_gold:"components-cloud-configurator-unit-of-measure",storage_platinum:"components-cloud-configurator-unit-of-measure",storage_backup:"components-cloud-configurator-unit-of-measure",storage_object:"components-cloud-configurator-unit-of-measure",bandwidth_router:"components-cloud-configurator-select-device"},p={[m.V_CPU]:"components-cloud-configurator-summary-group-vcpu",[m.V_RAM]:"components-cloud-configurator-summary-group-vram",[m.STORAGE]:"components-cloud-configurator-summary-group-storage",[m.EXTRA_STORAGE]:"components-cloud-configurator-summary-group-extra-storage",[m.LICENSE]:"components-cloud-configurator-summary-group-license",[m.MS_LICENSE]:"components-cloud-configurator-summary-group-ms-license",[m.BANDWIDTH]:"components-cloud-configurator-summary-group-bandwidth"},b=["v_cpu_standard","v_cpu_performance","v_ram","storage_bronze","storage_silver","storage_gold","storage_platinum","storage_backup","storage_object","license_windows","license_veeam","sql_server_standard_core","win_rds","win_server_standard_core","win_server_dc_core","sql_server_standard","office_standard","office_professional_plus","cis_suite_standard_core","project_standard","sharepoint_server","bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_enabled","ddos_protection_bandwidth"];function h(t){const e={};for(const o of b)e[o]=t[o];return e}function y(t){const e=_[t];if(e)return e.forEach((t=>{t.name=c(t.name)})),e}function w(t){const e=g[t];if(e)return c(e)}function v(t){const e=y(t);if(e)return e.find((t=>t.default))}function x(t,e){return t.toFixed(e===u.MONTHLY?2:8).replace(".",",")}const z=async()=>{let t;try{t=new URL(l.cloudConfigurator).href}catch(t){return console.error(t),Promise.reject("Cloud Configurator endpoint URL generation failed.")}const e=(new f).setUrl(t).setOptions({method:"GET"}).setErrorFallbackValue([]);return await e.execute()},E=class{constructor(r){t(this,r),this.cloudCalculatorSubmit=e(this,"cloudCalculatorSubmit",7),this.footerObserver=new IntersectionObserver((([t])=>{this.isFloatingSummary=0===t.intersectionRatio})),this.fields=null,this.onTabSelected=t=>{this.selectedTab=t.detail.new},this.onExpandableListToggle=()=>{this.isListExpanded=!this.isListExpanded},this.onSummaryPeriodChange=t=>{this.selectedPeriod=t.detail.value},this.onDdosProtectionEnabledCheck=t=>{const{checked:e}=t.detail;this.formValues.ddos_protection_enabled.value=e?1:0,this.setDefaultValue("bandwidth_capacity"),this.setDefaultValue("ddos_protection_bandwidth"),this.formValues=Object.assign({},this.formValues)},this.onNumberValueChanged=(t,e)=>{var o;const{min:n}=this.fields[e],r=this.formValues[e];let i=t.value;t.suffix||(t.suffix=v(e)),(null===(o=null==r?void 0:r.suffix)||void 0===o?void 0:o.value)!==t.suffix.value&&(i=0===t.suffix.value?0:n);const a=this.getPrices(e,i,t.suffix);this.formValues[e]=Object.assign(Object.assign(Object.assign({},r),{value:i,suffix:t.suffix}),a),this.formValues=Object.assign({},this.formValues)},this.onFormSubmit=()=>{var t;const e=h(this.formValues);(null===(t=this.formValues.ddos_protection_enabled)||void 0===t?void 0:t.value)?delete e.bandwidth_capacity:delete e.ddos_protection_bandwidth;const o={formValues:e,totals:this.getTotals()};this.cloudCalculatorSubmit.emit(o)},this.fetchData=async()=>{const t=await Promise.all([z(),s("cloud-calculator",this.language)]);this.fields=t[0],this.isLoading=!1},this.setDefaultValues=()=>{for(const t of Object.keys(this.fields))this.setDefaultValue(t);const t=h(this.formValues);this.formValues=Object.assign({},t),this.root.shadowRoot.querySelectorAll("tet-number-input").forEach((t=>t.resetSuffix()))},this.setDefaultValue=t=>{const e=this.fields[t],o=e.default[this.selectedTab]||e.min,n=v(e.key),r=this.getPrices(e.key,o,n);this.formValues[e.key]=Object.assign(Object.assign({key:e.key,value:o,title:e.name.lv,groupKey:e.group,groupName:c(p[e.group])},r),{suffix:v(e.key)})},this.renderTitle=()=>o(n,null,o("p",{class:"content__subtitle"},c(`components-cloud-configurator-${this.selectedTab}-subtitle`))),this.language="lv",this.containerSelector="",this.theme="light",this.selectOnFocus=void 0,this.isLoading=!0,this.headerRef=void 0,this.footerRef=void 0,this.formValues={},this.selectedTab=d.SMALL,this.selectedPeriod=u.MONTHLY,this.isFloatingSummary=!1,this.isListExpanded=!1,this.parentElement=void 0}async componentWillLoad(){this.parentElement=this.containerSelector?document.querySelector(this.containerSelector):this.root.parentElement,this.headerObserver=new IntersectionObserver((([t])=>{0!==t.intersectionRatio&&t.target.classList.toggle("header--is-pinned",t.intersectionRatio<1)}),{rootMargin:`-${this.parentElement.offsetTop+1}px 0px 0px 0px`,root:document,threshold:1}),this.fetchData()}onisLoadingChange(t){t||this.setDefaultValues()}onHeaderRefChange(t){t&&(this.headerRef.style.top=this.parentElement.offsetTop-1+"px",this.headerObserver.observe(this.headerRef))}onFooterRefChange(t){t&&this.footerObserver.observe(this.footerRef)}onSelectedTabChange(){this.setDefaultValues()}async onLanguageChange(t){await s("cloud-calculator",t),r(this)}getFieldKeysByGroup(t){return Object.values(this.fields).filter((e=>e.group===t)).map((t=>t.key))}getTotals(){var t;const e=!!(null===(t=this.formValues.ddos_protection_enabled)||void 0===t?void 0:t.value),o={hourly:0,monthly:0};for(const t of Object.values(this.formValues))"bandwidth_capacity"===t.key&&e||("ddos_protection_bandwidth"!==t.key||e)&&(o.hourly+=t.hourly,o.monthly+=t.monthly);return o}getPrices(t,e,o){const{priceHourly:n,priceMonthly:r}=this.fields[t];let i=1;return(null==o?void 0:o.value)&&(i=o.value),"bandwidth_ip"===t?{monthly:(e-1)*r*i,hourly:(e-1)*n*i}:{monthly:e*r*i,hourly:e*n*i}}getMinValue(t){var e;const o=this.fields[t],n=this.formValues[t];return o?0===(null===(e=null==n?void 0:n.suffix)||void 0===e?void 0:e.value)?0:o.min:null}getMaxValue(t){const e=this.fields[t],o=this.formValues[t];return e&&o?o.suffix?e.max/o.suffix.value:e.max:null}getLabel(t){if(["v_ram"].includes(t))return null;const e=this.fields[t];return e?e.name[this.language]:null}getHelperText(t){const e=this.fields[t];return e?e.description[this.language]:null}renderNumberInput(t,e){var n;return!0===(null==e?void 0:e.hidden)?null:o("div",{class:"form__input"},o("tet-number-input",{min:this.getMinValue(t),max:this.getMaxValue(t),label:this.getLabel(t),"accessibility-label":this.getHelperText(t),"button-accessibility-label":w(t),helperText:this.getHelperText(t),value:null===(n=this.formValues[t])||void 0===n?void 0:n.value,disabled:null==e?void 0:e.disabled,suffixes:y(t),onInputValueChanged:e=>this.onNumberValueChanged(e.detail,t),selectOnFocus:this.selectOnFocus,theme:this.theme}))}renderExpandableItem(t){var e;const n=this.fields[t];return o("div",{class:"expandable-item"},o("div",{class:"expandable-item__description"},o("div",{class:"expandable-item__title"},n.name[this.language]),o("div",{class:"expandable-item__helper"},n.description[this.language])),o("tet-stepper-input",{min:this.getMinValue(t),max:this.getMaxValue(t),step:1,value:null===(e=this.formValues[t])||void 0===e?void 0:e.value,onInputValueChanged:e=>this.onNumberValueChanged({value:e.detail},t),selectOnFocus:this.selectOnFocus,"accessibility-label":n.name[this.language],theme:this.theme}))}renderSummaryTable(){return o("div",{class:"summary-table"},this.renderSummaryRow(m.V_CPU,null,`x ${c("components-cloud-configurator-unit-cores")}`),this.renderSummaryRow(m.V_RAM),this.renderSummaryRow(m.STORAGE),this.renderSummaryRow(m.EXTRA_STORAGE),this.renderSummaryRow(m.LICENSE),this.renderSummaryRow(m.MS_LICENSE,null,c("components-cloud-configurator-unit-pieces")),this.renderSummaryRow(m.BANDWIDTH,["bandwidth_ip","bandwidth_router","bandwidth_capacity","ddos_protection_bandwidth"]))}renderSummaryRow(t,e,n){var r,i;let a,s=p[t];if(a=e||this.getFieldKeysByGroup(t),t===m.BANDWIDTH&&(a=a.filter((t=>"ddos_protection_enabled"!==t)),(null===(r=this.formValues.ddos_protection_enabled)||void 0===r?void 0:r.value)?(a=a.filter((t=>"bandwidth_capacity"!==t)),s="components-cloud-configurator-group-bandwidth-ddos"):a=a.filter((t=>"ddos_protection_bandwidth"!==t))),!Object.entries(this.fields).some((t=>a.includes(t[0]))))return null;const l=[o("div",{class:"summary-table__header"},c(s))];let f=!0;for(const t of a){const e=this.formValues[t];if(!this.fields[t]||!e||!e[this.selectedPeriod])continue;f||l.push(o("div",{class:"summary-table__header"}));const r=this.getLabel(t),a=n||(null===(i=e.suffix)||void 0===i?void 0:i.name);l.push(o("div",{class:"summary-table__label"},!!r&&o("span",null,`${r},`),o("span",null,`${null==e?void 0:e.value}${a}`)));const s=e[this.selectedPeriod]||0,d=c(this.selectedPeriod===u.MONTHLY?"components-cloud-configurator-price-suffix-montly":"components-cloud-configurator-price-suffix-hourly");l.push(o("div",{class:"summary-table__value"},`${x(s,this.selectedPeriod)} ${d}`)),f=!1}return 1===l.length?null:o("div",{class:"summary-table__row"},l.map((t=>t)))}renderFloatingSummary(){const t=this.getFieldKeysByGroup(m.V_CPU),e=this.getFieldKeysByGroup(m.V_RAM),n=this.getFieldKeysByGroup(m.STORAGE),r=this.getFieldKeysByGroup(m.EXTRA_STORAGE),i=this.getFieldKeysByGroup(m.LICENSE),a=this.getFieldKeysByGroup(m.BANDWIDTH),s=this.getFieldKeysByGroup(m.MS_LICENSE),l=Object.values(this.formValues),f=l.reduce(((o,r)=>{var i;if(t.includes(r.key))o.cpu+=r.value;else if(e.includes(r.key))o.ram+=r.value;else if(n.includes(r.key)){const t=(null===(i=r.suffix)||void 0===i?void 0:i.value)||1;o.storage+=r.value*t}return o}),{cpu:0,ram:0,storage:0});let d=0;l.some((t=>i.includes(t.key)&&t.value))&&(d+=1),l.some((t=>a.includes(t.key)&&t.value))&&(d+=1),l.some((t=>s.includes(t.key)&&t.value))&&(d+=1),l.some((t=>r.includes(t.key)&&t.value))&&(d+=1);const u=this.getTotals();return o("div",{class:"floating-summary__container"},this.isFloatingSummary&&o("div",{class:"floating-summary__count"},o("span",{class:"floating-summary__count--item"},`${f.cpu} ${c("components-cloud-configurator-summary-cpu")},`),o("span",{class:"floating-summary__count--item"},`${f.ram} ${c("components-cloud-configurator-unit-gigabyte")} ${c("components-cloud-configurator-summary-ram")},`),o("span",{class:"floating-summary__count--break"}),o("span",{class:"floating-summary__count--item"},`${f.storage} ${c("components-cloud-configurator-unit-gigabyte")} ${c("components-cloud-configurator-summary-storage")}`),o("span",{class:"floating-summary__count--other"},`+${d}`)),o("div",{class:"floating-summary__sum"},o("span",{class:"floating-summary__sum--label"},`${c("components-cloud-configurator-summary-sum")}:`),o("span",{class:"floating-summary__sum--value"},`${x(u[this.selectedPeriod],this.selectedPeriod)} ${c("components-cloud-configurator-price-unit")}`)))}renderPlaceholder(){return o(i,null,o("div",{class:"cloud-configurator"},o("div",{class:"content"},o("div",{class:"content__title"},o("tet-placeholder",{width:"90%",height:"1.75rem"})),o("div",{class:"content__subtitle"},o("tet-placeholder",{width:"100%",height:"1rem"})),o("div",{class:"form",part:"form"},o("div",{class:"form__group"},o("div",{class:"form__group-label"},o("tet-placeholder",{width:"10rem",height:"1rem"})),o("div",{class:"form__input"},o("tet-placeholder",{width:"100%",height:"2.875rem"})),o("div",{class:"form__input"},o("tet-placeholder",{width:"100%",height:"2.875rem"}))),o("div",{class:"form__group"},o("div",{class:"form__group-label"},o("tet-placeholder",{width:"10rem",height:"1rem"})),o("div",{class:"form__input"},o("tet-placeholder",{width:"100%",height:"2.875rem"})),o("div",{class:"form__input"})))),o("div",{class:"header",part:"header"},o("div",{class:"inner-wrapper"},o("tet-placeholder",{width:"25.5rem",height:"2.875rem"})))))}render(){var t,e,r,a;return this.isLoading?this.renderPlaceholder():(s("cloud-configurator",this.language),o(i,null,o("div",{class:{"cloud-configurator":!0,[this.theme]:!!this.theme}},o("div",{class:{header:!0,[this.theme]:!!this.theme},part:"header",ref:t=>this.headerRef=t},o("div",{class:"inner-wrapper"},o("tet-tab-header",{class:"header__segment-switch",segmented:!0,position:"center",defaultTab:"small",theme:this.theme,onTabSelected:this.onTabSelected},o("button",{"data-name":d.SMALL},o("p",null,c("components-cloud-configurator-type-small"))),o("button",{"data-name":d.AVERAGE},o("p",null,c("components-cloud-configurator-type-average"))),o("button",{"data-name":d.LARGE},o("p",null,c("components-cloud-configurator-type-large"))),o("button",{"data-name":d.INDIVIDUAL},o("p",null,c("components-cloud-configurator-type-custom")))))),o("div",{class:"content",part:"content"},this.renderTitle(),o("div",{class:"form",part:"form"},o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-vcpu")),this.renderNumberInput("v_cpu_standard"),this.renderNumberInput("v_cpu_performance")),o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-vram")),this.renderNumberInput("v_ram"),o("div",{class:"form__input"})),o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-storage")),this.renderNumberInput("storage_bronze"),this.renderNumberInput("storage_silver"),this.renderNumberInput("storage_gold"),this.renderNumberInput("storage_platinum")),o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-extra-storage")),this.renderNumberInput("storage_backup"),this.renderNumberInput("storage_object")),o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-license")),this.renderNumberInput("license_windows"),this.renderNumberInput("license_veeam")),o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-ms-license")),o("div",{class:{"expandable-list":!0,expanded:this.isListExpanded}},this.renderExpandableItem("sql_server_standard_core"),this.renderExpandableItem("win_rds"),this.renderExpandableItem("win_server_standard_core"),this.renderExpandableItem("win_server_dc_core"),this.renderExpandableItem("sql_server_standard"),this.renderExpandableItem("office_standard"),this.renderExpandableItem("office_professional_plus"),this.renderExpandableItem("cis_suite_standard_core"),this.renderExpandableItem("project_standard"),this.renderExpandableItem("sharepoint_server"),o("div",{class:"expandable-list__toggle-row"},this.isListExpanded&&o(n,null,o("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},c("components-cloud-configurator-ms-license-collapse")," ",o("tet-icon",{name:"chevron-up",theme:this.theme})),o("div",{innerHTML:c("components-cloud-configurator-ms-license-full-list")})),!this.isListExpanded&&o("button",{class:"expandable-list__toggle",onClick:this.onExpandableListToggle,tabIndex:0},c("components-cloud-configurator-ms-license-expand")," ",o("tet-icon",{name:"chevron-down",theme:this.theme}))))),o("div",{class:"form__group"},o("h3",{class:"form__group-label"},c("components-cloud-configurator-group-bandwidth")),this.renderNumberInput("bandwidth_ip"),this.renderNumberInput("bandwidth_router"),this.renderNumberInput("bandwidth_capacity",{disabled:!0,hidden:Boolean(null===(t=this.formValues.ddos_protection_enabled)||void 0===t?void 0:t.value)}),this.renderNumberInput("ddos_protection_bandwidth",{hidden:!Boolean(null===(e=this.formValues.ddos_protection_enabled)||void 0===e?void 0:e.value)}),o("div",{class:"form__input"}),o("div",{class:"form__checkbox"},o("tet-checkbox",{label:this.getLabel("ddos_protection_enabled"),value:null===(r=this.formValues.ddos_protection_enabled)||void 0===r?void 0:r.value,checked:!!(null===(a=this.formValues.ddos_protection_enabled)||void 0===a?void 0:a.value),onCheck:this.onDdosProtectionEnabledCheck,theme:this.theme}),o("p",{class:"form__checkbox-helper"},this.getHelperText("ddos_protection_enabled"))))),o("div",{class:"summary",part:"summary"},o("h2",{class:"summary__title"},c("components-cloud-configurator-group-summary")),o("div",{class:"summary__toggle",role:"radiogroup"},o("tet-radio",{name:"summary-period",value:u.MONTHLY,checked:this.selectedPeriod===u.MONTHLY,label:c("components-cloud-configurator-summary-period-monthly"),theme:this.theme,onCheck:this.onSummaryPeriodChange}),o("tet-radio",{name:"summary-period",value:u.HOURLY,checked:this.selectedPeriod===u.HOURLY,label:c("components-cloud-configurator-summary-period-hourly"),theme:this.theme,onCheck:this.onSummaryPeriodChange})),this.renderSummaryTable())),o("div",{class:{"floating-summary":!0,"floating-summary--is-pinned":this.isFloatingSummary},part:"floating-summary"},this.renderFloatingSummary()),o("div",{part:"footer",class:"footer",ref:t=>this.footerRef=t},o("tet-button",{class:"footer__button",size:"large",type:"primary",theme:this.theme,onClick:this.onFormSubmit},c("components-cloud-configurator-submit"))))))}get root(){return a(this)}static get watchers(){return{isLoading:["onisLoadingChange"],headerRef:["onHeaderRefChange"],footerRef:["onFooterRefChange"],selectedTab:["onSelectedTabChange"],language:["onLanguageChange"]}}};E.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{--tet-cloud-calculator-border-radius:none;--tet-cloud-calculator-background-primary-color:var(--tc-background-primary);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary);--tet-cloud-calculator-background-floating-summary:var(--tc-layer-inverse-primary);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-inverse-primary);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey);display:block;height:100%;width:100%}.cloud-configurator{position:relative;border-radius:var(--tet-cloud-calculator-border-radius);background-color:var(--tet-cloud-calculator-background-primary-color);display:flex;flex-direction:column;height:100%;width:100%;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator.dark{--tet-cloud-calculator-background-primary-color:var(--tc-background-primary-dark);--tet-cloud-calculator-background-secondary-color:var(--tc-background-secondary-dark);--tet-cloud-calculator-background-tertiary-color:var(--tc-background-tertiary-dark);--tet-cloud-calculator-background-floating-summary:var(--tc-background-tertiary-dark);--tet-cloud-calculator-text-primary-color:var(--tc-text-primary-dark);--tet-cloud-calculator-text-secondary-color:var(--tc-text-secondary-dark);--tet-cloud-calculator-text-inverse-primary:var(--tc-text-primary-dark);--tet-cloud-calculator-border-bottom-color:var(--tc-border-quaternary-dark);--tet-cloud-calculator-tertiary:var(--tc-text-tertiary-dark);--tet-cloud-calculator-text-blue-grey:var(--tc-text-blue-grey-dark)}.cloud-configurator .header{position:-webkit-sticky;position:sticky;top:0;order:-1;z-index:2;margin:1.75rem 0 0;overflow:hidden;padding-bottom:0.25rem}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.5rem 0.75rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-segmended-item-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{display:flex;justify-content:center;width:100%;padding:0.75rem 0;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .header--is-pinned .inner-wrapper{-moz-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1);box-shadow:0 0.063rem 0.25rem rgba(0, 0, 0, 0.1)}.cloud-configurator .content{margin:2.5rem 1rem 0}.cloud-configurator .content__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:center;max-width:29.25rem;margin:0 auto 0.5rem}.cloud-configurator .content__subtitle{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);text-align:center;margin:0 auto 3.5rem;max-width:29.25rem}.cloud-configurator .form{display:flex;flex-direction:column;gap:2.5rem;width:100%}.cloud-configurator .form__group{display:flex;flex-wrap:wrap;row-gap:1.5rem;column-gap:2.5rem;padding-bottom:2rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color);justify-content:center}.cloud-configurator .form__group-label{width:100%;min-width:100%;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .form__input{min-width:15.625rem;max-width:21.875rem;flex:1 1 calc(50% - 1.5rem)}.cloud-configurator .form__input>*{width:100%}.cloud-configurator .form__checkbox{margin-top:0.5rem;padding-left:0.25rem;width:100%}.cloud-configurator .form__checkbox tet-checkbox{padding-left:0.25rem;display:flex}.cloud-configurator .form__checkbox-helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color);margin-left:2rem;max-width:36.563rem}.cloud-configurator .expandable-list{display:flex;flex-direction:column;width:100%;gap:0.5rem}.cloud-configurator .expandable-list.expanded .expandable-item:nth-child(n+4){display:flex}.cloud-configurator .expandable-list .expandable-item{display:flex;flex-direction:row;width:100%;padding-bottom:0.5rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .expandable-list .expandable-item:nth-child(n+4){display:none}.cloud-configurator .expandable-list .expandable-item__description{display:flex;flex-direction:column;flex:1}.cloud-configurator .expandable-list .expandable-item__label{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list .expandable-item__helper{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;color:var(--tet-cloud-calculator-text-secondary-color)}.cloud-configurator .expandable-list__toggle-row{display:flex;justify-content:space-between;flex-direction:column;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--icon-size:1.25rem}.cloud-configurator .expandable-list__toggle,.cloud-configurator .expandable-list__link{display:flex;align-items:flex-end;gap:0.25rem;padding:0.5rem 0;text-decoration:underline;cursor:pointer;color:var(--tet-cloud-calculator-text-primary-color);border-color:transparent;background:transparent;font-size:inherit}.cloud-configurator .expandable-list__toggle:visited,.cloud-configurator .expandable-list__link:visited{color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .expandable-list__toggle:hover,.cloud-configurator .expandable-list__link:hover{color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__toggle:hover tet-icon,.cloud-configurator .expandable-list__link:hover tet-icon{--icon-color:var(--tet-cloud-calculator-tertiary)}.cloud-configurator .expandable-list__link tet-icon{padding-bottom:0.125rem;--icon-color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .summary{margin:2.5rem 0 0;padding-bottom:1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary__title{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{display:flex;gap:1.5rem;padding-bottom:1.5rem;justify-content:flex-start;margin:1.5rem 0 1rem;border-bottom:0.031rem solid var(--tet-cloud-calculator-border-bottom-color)}.cloud-configurator .summary-table{display:grid;grid-template-columns:3fr 1fr;width:100%;background-color:var(--tet-cloud-calculator-background-primary-color)}.cloud-configurator .summary-table__row{display:contents}.cloud-configurator .summary-table__row:nth-child(2n)>*{background-color:var(--tet-cloud-calculator-background-secondary-color)}.cloud-configurator .summary-table__row>*{height:100%;padding-bottom:0.125rem}.cloud-configurator .summary-table__row>*.summary-table__header{padding-left:1rem;padding-bottom:0.5rem}.cloud-configurator .summary-table__row>*.summary-table__label{padding-left:1rem}.cloud-configurator .summary-table__row>*.summary-table__value{padding-right:1rem}.cloud-configurator .summary-table__row>*:nth-child(-n+1){padding-top:0.75rem}.cloud-configurator .summary-table__row>*:nth-last-child(-n+2){padding-bottom:0.75rem}.cloud-configurator .summary-table__header{grid-column:span 2;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap}.cloud-configurator .summary-table__header~.summary-table__header{display:none}.cloud-configurator .summary-table__label{grid-column:1;font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;text-align:left;color:var(--tet-cloud-calculator-text-secondary-color);white-space:nowrap;min-width:10rem;display:flex;justify-content:flex-start;gap:0.5rem;padding-right:0.5rem}.cloud-configurator .summary-table__label>span:first-of-type{text-overflow:ellipsis;overflow:hidden}.cloud-configurator .summary-table__value{grid-column:2;text-align:right;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;white-space:nowrap;padding-left:0}.cloud-configurator .floating-summary{display:flex;position:-webkit-sticky;position:sticky;z-index:1;bottom:0;background-color:var(--tet-cloud-calculator-background-primary-color);color:var(--tet-cloud-calculator-text-primary-color)}.cloud-configurator .floating-summary--is-pinned{background-color:var(--tet-cloud-calculator-background-floating-summary);color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary__container{padding:0.5rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;width:100%}.cloud-configurator .floating-summary__count{display:none;align-items:center}.cloud-configurator .floating-summary--is-pinned .floating-summary__count{display:flex;flex-direction:row;column-gap:0.5rem;flex-wrap:wrap;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--item{color:var(--tet-cloud-calculator-text-blue-grey)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--other{color:var(--tet-cloud-calculator-text-inverse-primary)}.cloud-configurator .floating-summary--is-pinned .floating-summary__count--break{flex-basis:100%;height:0}.cloud-configurator .floating-summary__sum{display:flex;flex-direction:row;gap:0.25rem;align-items:flex-end;flex:1 0 auto;font:400 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__sum--label{margin-left:auto}.cloud-configurator .floating-summary__sum--value{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum--value{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{display:flex;flex-direction:row-reverse;margin:0 1rem 2.5rem;padding-top:1rem}.cloud-configurator .footer__button{--button-width:9.375rem}@media all and (min-width: 31.25rem){.cloud-configurator .content{margin:2.5rem 1.5rem 0}.cloud-configurator .content__title{font:500 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif}.cloud-configurator .expandable-list__toggle-row{flex-direction:row}.cloud-configurator .footer{margin:0 1.5rem 2.5rem}}@media all and (min-width: 48rem){.cloud-configurator .header{margin:1.5rem 0 0}.cloud-configurator .header__segment-switch{--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .header .inner-wrapper{padding:1rem 0}.cloud-configurator .content{margin:2.5rem 2rem 0}.cloud-configurator .footer{margin:0 2rem 2.5rem}.cloud-configurator .form__group{padding-bottom:2.5rem}.cloud-configurator .form__group-label{font:500 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary__toggle{justify-content:flex-end;margin-top:0.5rem}.cloud-configurator .summary__title{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .summary-table{display:grid;grid-template-columns:2fr 5fr}.cloud-configurator .summary-table__header{grid-column:1}.cloud-configurator .summary-table__row>*.summary-table__header{padding-bottom:unset}.cloud-configurator .summary-table__row>*:nth-child(-n+3){padding-top:0.75rem}.cloud-configurator .summary-table__header~.summary-table__header{display:block}.cloud-configurator .summary-table__label{grid-column:2;text-align:right;justify-content:flex-end}.cloud-configurator .summary-table__value{grid-column:3}.cloud-configurator .floating-summary{height:4rem}.cloud-configurator .floating-summary__container{padding:1rem 2rem}.cloud-configurator .floating-summary__count{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .floating-summary__count--break{display:none}.cloud-configurator .floating-summary--is-pinned .floating-summary__sum{align-items:center}.cloud-configurator .floating-summary__sum{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}.cloud-configurator .footer{padding-top:0.5rem}}@media all and (min-width: 64rem){.cloud-configurator .content{margin:2.5rem 2.5rem 0}.cloud-configurator .footer{margin:0 2.5rem 2.5rem}.cloud-configurator .floating-summary__container{padding:1rem 2.5rem}}';export{E as tet_cloud_configurator}