@tet/tet-components 1.4.137-testing → 1.4.138-production

package/dist/components/{p-BAes5ae6.js → p-CE_CfOmS.js}

@@ -1 +1 @@
-import{p as t,H as i,d as o,h as e,c as s,t as n}from"./p-nb3MHK7A.js";import{g as r}from"./p-SfqlfxDQ.js";import{d as l}from"./p-Cd8yxXoh.js";import{d as a}from"./p-CCcx5zR_.js";class c{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,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:i,scrollWidth:o}=this;let e=i;return e<0?e=0:e>o&&(e=o),{scrollSpeed:t,scrollLeft:e,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:e}=this;let s=o+t.left;s<0&&(s=0),s>e&&(s=e),"smooth"===t.behavior?await this.animateScroll(-o,-s):this.scrollContainer.style.left=-s+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:s>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:e}=this,s=e+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-s,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:e}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-e,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>e?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),e=1e3/60,s=o/(this.animationSpeed/e);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const c=a,h=c-n;h<e||(n=c-h%e,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+s}px`,c-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:e}=this;(o<0&&i>0||o>e&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.cardScroll=o(this,"cardScroll"),this.contentScrollEnd=o(this,"contentScrollEnd")}inertialScroll;get element(){return this}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;initializationTimeout;cardScroll;contentScrollEnd;controlVisibility={left:!0,right:!0};scrollThumbWidth=0;isSmallContainer=!1;theme="light";withControls=!0;controlScrollAmount=350;scrollFullWidth=!1;initialScrollAmount=0;disableScroll=!1;withScrollbar=!0;withOverflowOpacity=!1;overflowOpacityMinWidth="48rem";withMouseDrag=!1;withVirtualScroll=!1;withActiveElement=!1;activeElementClass="active";scrollAnimationSpeed=200;iconPrev="";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,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let e=Array.from(this.element.children);this.withVirtualScroll&&(e=Array.from(this.element.querySelectorAll("[data-id]")));const s=e.find((i=>i.matches(t)));null!=s&&(await this.inertialScroll.scrollToElement(s,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new c({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=r(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(),this.initializationTimeout=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 i=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&&i&&(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 i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=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-i},!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,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){clearTimeout(this.initializationTimeout),this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,e=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==e){const t=e.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),e=o.map((t=>t.getBoundingClientRect())),s=this.element.getBoundingClientRect(),n=s.width/2+s.left;let r=e.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===e.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=e.length-1),-1===r&&(t&&(r=e.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=e.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),e=this.getLastOriginal(),s=o.getBoundingClientRect(),n=e.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(s.width+this.elementGap)},!0),e.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(s.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=e.previousElementSibling,i=n.width+this.elementGap,s=parseInt(e.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",e),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[s]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[s])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,e=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==e){const o=e.getBoundingClientRect().right,s=t.left+i;await this.inertialScroll.scrollBy({left:-(s-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,e=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==e){const i=e.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,e=this.scrollContainerRef.getBoundingClientRect().left,s=i.left-e,n=i.right-e;let r=1;return s<0?r=Math.max(.3,(i.width+s)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<r(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return e(s,{key:"c21b13f6d9abdafe706d6b19f94d0e5cd740cf98"},e("div",{key:"9fc288dde1307afee61b123a3e5da81b4818252b",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},e("div",{key:"e4a2880dd1d1209073e49cafacb9a2cdf744aae3",class:"tet-card-list__scroll-container"},e("div",{key:"59ea2b3e2970c304193a71a68a4e59ce43bba27e",part:"card-list",ref:t=>this.scrollContainerRef=t},e("slot",{key:"5c71a220c0372b739da7ab5ba46c02d279dd2b4d"}))),e("tet-button",{key:"221d907f998325b8373f83850afbbbb8154f08fb",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},e("tet-icon",{key:"c7e4d144ddb9263a02bb1ac89547b21804752622",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"tc-chevron-left",class:"tet-card-list__control__icon"})),e("tet-button",{key:"3dfc50bb839cb41c38a1a2579c842f715dbac172",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},e("tet-icon",{key:"2e728eed2d17c481cc42ad794bbb44acc6faa4a1",name:this.iconNext&&""!==this.iconNext?this.iconNext:"tc-chevron-right",class:"tet-card-list__control__icon"})),e("div",{key:"1ee60591e20c58a8519c369ebca93acd1ebac2a1",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},e("div",{key:"7c5f055451f240436a350c249062f4b607ac264f",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:[{onWithMouseDragChange:0}],disableScroll:[{onDisableScrollChange:0}],withControls:[{onWithControlsChange:0}],withOverflowOpacity:[{onWithOverflowOpacityChange:0}],withVirtualScroll:[{onWithVirtualScrollChange:0}]}}static get style(){return':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-icon-mode-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}}'}},[769,"tet-card-list",{theme:[1],withControls:[4,"with-controls"],controlScrollAmount:[2,"control-scroll-amount"],scrollFullWidth:[4,"scroll-full-width"],initialScrollAmount:[2,"initial-scroll-amount"],disableScroll:[4,"disable-scroll"],withScrollbar:[4,"with-scrollbar"],withOverflowOpacity:[4,"with-overflow-opacity"],overflowOpacityMinWidth:[1,"overflow-opacity-min-width"],withMouseDrag:[4,"with-mouse-drag"],withVirtualScroll:[4,"with-virtual-scroll"],withActiveElement:[4,"with-active-element"],activeElementClass:[1,"active-element-class"],scrollAnimationSpeed:[2,"scroll-animation-speed"],iconPrev:[1,"icon-prev"],iconNext:[1,"icon-next"],controlVisibility:[32],scrollThumbWidth:[32],isSmallContainer:[32],scrollListTo:[64],scrollListBy:[64],scrollListToElementCenter:[64]},[[9,"resize","onResize"]],{withMouseDrag:[{onWithMouseDragChange:0}],disableScroll:[{onDisableScrollChange:0}],withControls:[{onWithControlsChange:0}],withOverflowOpacity:[{onWithOverflowOpacityChange:0}],withVirtualScroll:[{onWithVirtualScrollChange:0}]}]);function f(){"undefined"!=typeof customElements&&["tet-card-list","tet-button","tet-icon"].forEach((t=>{switch(t){case"tet-card-list":customElements.get(n(t))||customElements.define(n(t),h);break;case"tet-button":customElements.get(n(t))||l();break;case"tet-icon":customElements.get(n(t))||a()}}))}export{h as T,f as d}
+import{p as t,H as i,d as o,h as e,c as s,t as n}from"./p-BTndlvfE.js";import{g as l}from"./p-SfqlfxDQ.js";import{d as r}from"./p-BPthlQbg.js";import{d as a}from"./p-CSMiNRZ8.js";class c{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,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:i,scrollWidth:o}=this;let e=i;return e<0?e=0:e>o&&(e=o),{scrollSpeed:t,scrollLeft:e,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:e}=this;let s=o+t.left;s<0&&(s=0),s>e&&(s=e),"smooth"===t.behavior?await this.animateScroll(-o,-s):this.scrollContainer.style.left=-s+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:s>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:e}=this,s=e+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),l=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:l-s,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:e}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-e,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>e?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),e=1e3/60,s=o/(this.animationSpeed/e);let n=window.performance.now();const l=n,r=new Promise((t=>{let i;const r=a=>{i=requestAnimationFrame(r);const c=a,h=c-n;h<e||(n=c-h%e,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+s}px`,c-l>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};r(n)}));await r}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:e}=this;(o<0&&i>0||o>e&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.cardScroll=o(this,"cardScroll"),this.contentScrollEnd=o(this,"contentScrollEnd")}inertialScroll;get element(){return this}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;initializationTimeout;cardScroll;contentScrollEnd;controlVisibility={left:!0,right:!0};scrollThumbWidth=0;isSmallContainer=!1;theme="light";withControls=!0;controlScrollAmount=350;scrollFullWidth=!1;initialScrollAmount=0;disableScroll=!1;withScrollbar=!0;withOverflowOpacity=!1;overflowOpacityMinWidth="48rem";withMouseDrag=!1;withVirtualScroll=!1;withActiveElement=!1;activeElementClass="active";scrollAnimationSpeed=200;iconPrev="";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,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let e=Array.from(this.element.children);this.withVirtualScroll&&(e=Array.from(this.element.querySelectorAll("[data-id]")));const s=e.find((i=>i.matches(t)));null!=s&&(await this.inertialScroll.scrollToElement(s,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new c({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=l(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(),this.initializationTimeout=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 i=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&&i&&(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 i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=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-i},!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,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){clearTimeout(this.initializationTimeout),this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,e=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==e){const t=e.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),e=o.map((t=>t.getBoundingClientRect())),s=this.element.getBoundingClientRect(),n=s.width/2+s.left;let l=e.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===l&&i&&0===this.scrollDetails.scrollLeft&&(l=0),l===e.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(l=e.length-1),-1===l&&(t&&(l=e.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(l=e.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const r=o[l];this.withVirtualScroll&&r?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===r.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==r&&r.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),e=this.getLastOriginal(),s=o.getBoundingClientRect(),n=e.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(s.width+this.elementGap)},!0),e.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(s.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=e.previousElementSibling,i=n.width+this.elementGap,s=parseInt(e.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",e),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[s]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[s])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,e=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==e){const o=e.getBoundingClientRect().right,s=t.left+i;await this.inertialScroll.scrollBy({left:-(s-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,e=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==e){const i=e.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,e=this.scrollContainerRef.getBoundingClientRect().left,s=i.left-e,n=i.right-e;let l=1;return s<0?l=Math.max(.3,(i.width+s)/i.width):n<o+i.width&&(l=Math.max(.3,1-(n-o)/i.width)),Math.round(100*l)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<l(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return e(s,{key:"c21b13f6d9abdafe706d6b19f94d0e5cd740cf98"},e("div",{key:"9fc288dde1307afee61b123a3e5da81b4818252b",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},e("div",{key:"e4a2880dd1d1209073e49cafacb9a2cdf744aae3",class:"tet-card-list__scroll-container"},e("div",{key:"59ea2b3e2970c304193a71a68a4e59ce43bba27e",part:"card-list",ref:t=>this.scrollContainerRef=t},e("slot",{key:"5c71a220c0372b739da7ab5ba46c02d279dd2b4d"}))),e("tet-button",{key:"221d907f998325b8373f83850afbbbb8154f08fb",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},e("tet-icon",{key:"c7e4d144ddb9263a02bb1ac89547b21804752622",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"tc-chevron-left",class:"tet-card-list__control__icon"})),e("tet-button",{key:"3dfc50bb839cb41c38a1a2579c842f715dbac172",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},e("tet-icon",{key:"2e728eed2d17c481cc42ad794bbb44acc6faa4a1",name:this.iconNext&&""!==this.iconNext?this.iconNext:"tc-chevron-right",class:"tet-card-list__control__icon"})),e("div",{key:"1ee60591e20c58a8519c369ebca93acd1ebac2a1",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},e("div",{key:"7c5f055451f240436a350c249062f4b607ac264f",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:[{onWithMouseDragChange:0}],disableScroll:[{onDisableScrollChange:0}],withControls:[{onWithControlsChange:0}],withOverflowOpacity:[{onWithOverflowOpacityChange:0}],withVirtualScroll:[{onWithVirtualScrollChange:0}]}}static get style(){return':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-icon-mode-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}}'}},[769,"tet-card-list",{theme:[1],withControls:[4,"with-controls"],controlScrollAmount:[2,"control-scroll-amount"],scrollFullWidth:[4,"scroll-full-width"],initialScrollAmount:[2,"initial-scroll-amount"],disableScroll:[4,"disable-scroll"],withScrollbar:[4,"with-scrollbar"],withOverflowOpacity:[4,"with-overflow-opacity"],overflowOpacityMinWidth:[1,"overflow-opacity-min-width"],withMouseDrag:[4,"with-mouse-drag"],withVirtualScroll:[4,"with-virtual-scroll"],withActiveElement:[4,"with-active-element"],activeElementClass:[1,"active-element-class"],scrollAnimationSpeed:[2,"scroll-animation-speed"],iconPrev:[1,"icon-prev"],iconNext:[1,"icon-next"],controlVisibility:[32],scrollThumbWidth:[32],isSmallContainer:[32],scrollListTo:[64],scrollListBy:[64],scrollListToElementCenter:[64]},[[9,"resize","onResize"]],{withMouseDrag:[{onWithMouseDragChange:0}],disableScroll:[{onDisableScrollChange:0}],withControls:[{onWithControlsChange:0}],withOverflowOpacity:[{onWithOverflowOpacityChange:0}],withVirtualScroll:[{onWithVirtualScrollChange:0}]}]);function f(){"undefined"!=typeof customElements&&["tet-card-list","tet-button","tet-icon"].forEach((t=>{switch(t){case"tet-card-list":customElements.get(n(t))||customElements.define(n(t),h);break;case"tet-button":customElements.get(n(t))||r();break;case"tet-icon":customElements.get(n(t))||a()}}))}export{h as T,f as d}

package/dist/components/{p-D9UYdq38.js → p-CS6PYnk4.js}

@@ -1 +1 @@
-import{p as o,H as t,d as r,h as e,c as n,t as a}from"./p-nb3MHK7A.js";import{d as i}from"./p-DC6jZ79O.js";import{d as l}from"./p-CCcx5zR_.js";function s(o,t,r){const{top:e,left:n}=o.getBoundingClientRect(),{clientHeight:a,clientWidth:i}=o;return!(r<e||r>e+a||t<n||t>n+i)}const d=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.optionSelected=r(this,"optionSelected"),this.optionChecked=r(this,"optionChecked"),this.optionsChanged=r(this,"optionsChanged")}dropdownWrapperElement;dropdownOptionsElement;dropdownButtonElement;optionSelected;optionChecked;optionsChanged;label="";labelLogo="";labelLogoGrayscale="";labelRight="";labelRightColor="";labelSubText="";flexLayout=!1;buttonLabel="Select an option";allowMultiple=!1;closeOnSelection=!1;theme="light";options=[];disabled=!1;selectedOptionIndexes=[];isOpen=!1;isKeyboardFocus=!1;componentWillLoad(){this.preselectOption()}onOptionsChange(o,t){o.map((({label:o,labelRight:t,value:r})=>o+t+r)).join()!==t.map((({label:o,labelRight:t,value:r})=>o+t+r)).join()&&(this.selectedOptionIndexes=[],this.preselectOption())}async getSelectedOptions(){return this.selectedOptions}async selectOption(o,t=!0){this.selectedOptionIndexes=this.allowMultiple?this.selectedOptionIndexes.includes(o)?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o]:[o],t&&this.optionsChanged.emit(this.selectedOptions)}handleWindowClick({x:o,y:t}){this.isOpen&&!this.disabled&&(s(this.dropdownWrapperElement,o,t)||s(this.dropdownOptionsElement,o,t)||(this.isOpen=!1,this.isKeyboardFocus=!1))}handleFocusOut(o){if(!this.isOpen)return;const t=o.relatedTarget;this.dropdownWrapperElement.contains(t)||this.dropdownOptionsElement.contains(t)||(this.isOpen=!1,this.isKeyboardFocus=!1)}preselectOption=()=>{const o=this.options.findIndex((o=>o.preselected));o>=0&&this.handleOptionSelect(o,!0)()};renderButton(){const{label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,currentButtonLabel:a,currentButtonLabelRight:i,currentButtonLabelRightColor:l,isOpen:s,disabled:d}=this;return e("div",{ref:o=>this.dropdownWrapperElement=o,class:{dropdown__wrapper:!0,disabled:d}},o&&e("label",{id:"dropdown-label",htmlFor:"dropdown-button",class:"tet-input__label"},o),e("div",{class:"dropdown__button-wrapper"},e("button",{id:"dropdown-button",class:"dropdown__button","aria-labelledby":"dropdown-label","aria-haspopup":"listbox","aria-controls":"dropdown-options","aria-expanded":s,ref:o=>this.dropdownButtonElement=o,onClick:this.handleDropdownToggle(),onKeyDown:this.handleButtonKeydown(),disabled:d,tabIndex:0},!d&&t&&e("img",{src:t,alt:"",width:"42",height:"20",loading:"lazy"}),d&&r&&e("img",{src:r,alt:"",width:"42",height:"20",loading:"lazy"}),e("span",{class:{dropdown__button__selected:!0,"dropdown__button__selected--flex":this.flexLayout}},a),n&&e("span",{class:"dropdown__button__labelright",style:{color:l}},i),e("tet-icon",{class:"dropdown__icon dropdown__chevron-icon",name:s?"tc-chevron-up":"tc-chevron-down"}))))}renderOptions(){const{isOpen:o,allowMultiple:t,options:r}=this;let n=r.map(t?this.renderMultipleOptionItem.bind(this):this.renderOptionItem.bind(this));return this.flexLayout&&(n=r.map(this.renderFlexOptionItem.bind(this))),e("div",{class:"dropdown__options-focus-wrapper"},e("div",{class:"dropdown__options-scroll-wrapper"},e("ul",{id:"dropdown-options",ref:o=>this.dropdownOptionsElement=o,class:"dropdown__options",role:"listbox",tabindex:"-1","aria-labelledby":"dropdown-button","aria-expanded":o,"aria-multiselectable":t},n)))}renderOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,a=n[0]===r,i=this.handleOptionSelect(r),l=this.handleOptionKeydown(i);return e("li",{key:t,class:{dropdown__option:!0,"dropdown__option--single":!0,"dropdown__option--selected":a},role:"option",tabindex:"0","aria-selected":a,"data-value":t,onClick:i,onKeyDown:l},o,a&&e("tet-icon",{class:"dropdown__icon",name:"tc-check"}))}renderFlexOptionItem({label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,labelRightColor:a,labelSubText:i,value:l,disabled:s},d){const{selectedOptionIndexes:c}=this,f=c[0]===d,p=this.handleOptionSelect(d),u=this.handleOptionKeydown(p);return e("li",{class:{dropdown__option:!0,dropdown__option__flex:!0,"dropdown__option--selected-background":f},role:"option",tabindex:"0","aria-selected":f,"data-value":l,onClick:p,onKeyDown:u},e("div",{class:"dropdown__option__flex--label-container"},!s&&t&&e("img",{src:t,alt:"",width:"42",height:"20",loading:"lazy"}),s&&r&&e("img",{src:r,alt:"",width:"42",height:"20",loading:"lazy"}),o&&e("span",{class:"dropdown__button__label"},o),n&&e("span",{class:"dropdown__button__labelright",style:{color:a}},n)),e("div",{class:"dropdown__option__flex--subtext-container"},i&&e("span",null,i)))}renderMultipleOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,a=n.includes(r),i=this.handleMultipleOptionSelect(r,a),l=this.handleOptionKeydown(i);return e("li",{class:{dropdown__option:!0,"dropdown__option--multiple":!0,"dropdown__option--selected":a},role:"option",tabindex:"0","aria-checked":a,"data-value":t,onClick:i,onKeyDown:l},e("tet-checkbox",{checked:a,theme:this.theme,tabIndex:-1}),o)}handleOptionKeydown(o){return t=>{const{key:r,target:e}=t;switch(r){case" ":case"SpaceBar":case"Enter":t.preventDefault(),o();break;case"ArrowUp":t.preventDefault(),function(o){const t=o.previousElementSibling;t?.focus()}(e);break;case"ArrowDown":t.preventDefault(),function(o){const t=o.nextElementSibling;t?.focus()}(e);break;case"Escape":this.isOpen=!1,this.dropdownButtonElement.focus();break;case"Tab":!e.previousElementSibling&&t.shiftKey&&(this.isKeyboardFocus=!0)}}}handleButtonKeydown(){return o=>{const{key:t}=o;switch(t){case"ArrowDown":o.preventDefault(),this.isOpen||(this.isOpen=!0,this.isKeyboardFocus=!0);const{children:t}=this.dropdownOptionsElement;if(0==t.length)return;requestAnimationFrame((()=>t[0].focus())),this.isKeyboardFocus=!1;break;case"Escape":this.isOpen=!1,this.isKeyboardFocus=!1;break;case"Tab":this.isKeyboardFocus=!1;break;case"Enter":case" ":case"SpaceBar":this.isKeyboardFocus=!this.isKeyboardFocus}}}handleOptionSelect(o,t=!1){return()=>{this.closeOnSelection&&!t&&(this.isOpen=!1,this.dropdownButtonElement.focus()),this.selectedOptionIndexes=[o],this.optionSelected.emit(this.options[o]),this.optionsChanged.emit(this.selectedOptions)}}handleMultipleOptionSelect(o,t=!1){return()=>{this.selectedOptionIndexes=t?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o],this.optionChecked.emit({option:this.options[o],isChecked:!t}),this.optionsChanged.emit(this.selectedOptions)}}handleDropdownToggle(){return()=>{this.isOpen=!this.isOpen}}get currentButtonLabel(){const{buttonLabel:o,allowMultiple:t,options:r,selectedOptionIndexes:e}=this;return t||0===e.length?o:r[e[0]]?.label??o}get currentButtonLabelRight(){const{allowMultiple:o,labelRight:t,options:r,selectedOptionIndexes:e}=this;return o||0===e.length?t:r[e[0]]?.labelRight??t}get currentButtonLabelRightColor(){const{allowMultiple:o,labelRightColor:t,options:r,selectedOptionIndexes:e}=this;return o||0===e.length?t:r[e[0]]?.labelRightColor??t}get selectedOptions(){return 0===this.selectedOptionIndexes.length?[]:this.selectedOptionIndexes.map((o=>this.options[o]))}render(){const{theme:o,isOpen:t,isKeyboardFocus:r}=this;return e(n,{key:"2cefc198215200d1a380e31bed246d2c770beb3c"},e("div",{key:"12963a8da7e534e84db9633ae751c76e142bd0ce",class:{dropdown:!0,"dropdown--open":t,"focus-visible":r&&t,[`${o}`]:!0}},this.renderButton(),this.renderOptions()))}static get watchers(){return{options:[{onOptionsChange:0}]}}static get style(){return':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)}@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)}:root,:host{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark,.tet-textarea__dark{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light,.tet-textarea__light{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base,.tet-textarea__base{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem;}.tet-input__base::placeholder,.tet-textarea__base::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original:not(:disabled):focus,.tet-input__base.tet-input__mint-original:not(:disabled):active,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled],.tet-textarea__base[disabled]{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base:not(:disabled).error,.tet-textarea__base:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base:not(:disabled):hover,.tet-textarea__base:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base:not(:disabled):focus,.tet-input__base:not(:disabled):active,.tet-textarea__base:not(:disabled):focus,.tet-textarea__base:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus:focus,.tet-textarea__base.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error:not(:disabled).keyboard-focus,.tet-textarea__base.error:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label,.tet-textarea__label{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original,.tet-textarea__label.tet-input__mint-original{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label:has(~.input-container input[disabled]),.tet-textarea__label:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message,.tet-textarea__error-message{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden{display:none}:host{--options-max-height:15.625rem;--border-radius:0.625rem;--focus-border-radius:0.875rem;--option-padding:0.5rem 0.75rem;--button-padding:0.625rem 0.75rem;--text-size:0.875rem;--text-color:var(--tc-text-primary);--border-color:var(--tc-border-secondary);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary);--disabled-text-color:var(--tc-button-text-inverse-disabled);--disabled-icon-color:var(--tc-button-icon-inverse-disabled);--disabled-label-text-color:var(--tc-text-secondary);--option-text-color:var(--tc-button-text-primary);--option-accent-color:var(--tc-button-text-secondary);--button-background-color:var(--tc-layer-primary);--dropdown-background-color:var(--tc-layer-primary);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed);--keyboard-focus-outline-color:var(--tc-blue-40);display:block;position:relative}.dropdown.dark,.dropdown.mint{--text-color:var(--tc-text-primary-dark);--border-color:var(--tc-border-secondary-dark);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary-dark);--disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--disabled-label-text-color:var(--tc-text-secondary-dark);--option-text-color:var(--text-color);--option-accent-color:var(--text-color);--button-background-color:var(--tc-layer-primary-dark);--dropdown-background-color:var(--tc-layer-primary-dark);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover-dark);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed-dark);--keyboard-focus-outline-color:var(--tc-blue-40-dark)}.dropdown.mint{--option-accent-color:rgb(26, 213, 219);--hover-button-background-color:rgba(26, 213, 219, 0.08);--focus-button-background-color:rgba(26, 213, 219, 0.32)}.dropdown *{color:var(--text-color)}.dropdown__wrapper{position:relative;display:flex;flex-direction:column}.dropdown__wrapper.disabled .dropdown__button{cursor:not-allowed;background-color:var(--hover-button-background-color);border-color:var(--disabled-border-color)}.dropdown__wrapper.disabled .dropdown__button__selected,.dropdown__wrapper.disabled .dropdown__button__labelright{color:var(--disabled-text-color) !important}.dropdown__wrapper.disabled .dropdown__button .dropdown__icon{--icon-color:var(--disabled-icon-color)}.dropdown__wrapper.disabled .dropdown__label{color:var(--disabled-label-text-color)}.dropdown__icon{--icon-color:var(--option-accent-color)}.dropdown__chevron-icon{--icon-size:1.25rem;--icon-color:var(--text-color)}.dropdown__button{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;height:2.75rem;width:100%;align-items:center;justify-content:space-between;padding:var(--button-padding);border-radius:var(--border-radius);background-color:var(--button-background-color);border:0.0625rem solid var(--border-color);cursor:pointer}.dropdown__button:hover,.dropdown__button:focus{outline:none;color:var(--hover-text-color);border-color:var(--hover-border-color);background-color:var(--hover-button-background-color)}.dropdown__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--keyboard-focus-outline-color);background-color:var(--button-background-color)}.dropdown__button:active{background-color:var(--focus-button-background-color)}.dropdown__button__selected{padding-right:0.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dropdown__button img{width:2.625rem;height:1.25rem}.dropdown__button__selected--flex{margin-left:0.5rem;padding-right:0}.dropdown__button-wrapper{display:inline-flex;padding:0.125rem 0.125rem 0 0.125rem;border:0.125rem solid transparent;border-bottom:none;border-radius:var(--focus-border-radius) var(--focus-border-radius) 0 0}.dropdown__button__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-left:auto;margin-right:0.5rem}.dropdown__option{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;border-radius:0.125rem;cursor:pointer;padding:var(--option-padding);background-color:transparent}.dropdown__option:hover,.dropdown__option:focus{outline:none;background-color:var(--hover-button-background-color)}.dropdown__option:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;background-color:transparent}.dropdown__option img{width:2.625rem;height:1.25rem}.dropdown__option__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.dropdown__option--single{position:relative}.dropdown__option__flex{display:flex;flex-direction:column}.dropdown__option__flex--label-container{display:flex;width:100%;align-items:center}.dropdown__option__flex--label-container .dropdown__button__label{margin-left:0.5rem}.dropdown__option__flex--label-container .dropdown__button__labelright{position:absolute;right:1rem}.dropdown__option__flex--subtext-container{margin-right:auto;margin-top:0.125rem}.dropdown__option__flex--subtext-container span{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--text-color)}.dropdown__option--selected-background{background:var(--hover-button-background-color)}.dropdown__option .dropdown__icon{position:absolute;right:0.5rem}.dropdown__option--selected .dropdown__check{border-color:var(--option-accent-color);background-color:var(--option-accent-color)}.dropdown__options-focus-wrapper{z-index:99999;position:absolute;top:100%;width:100%;display:none;flex-direction:column;border:0.125rem solid transparent;border-top:none;padding:0 0.125rem 0.125rem 0.125rem;border-radius:0 0 var(--focus-border-radius) var(--focus-border-radius)}.dropdown__options-scroll-wrapper{border:0.0625rem solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden}.dropdown__options{display:none;flex-direction:column;padding:0.625rem 0;background-color:var(--dropdown-background-color);max-height:var(--options-max-height);overflow-y:auto}.dropdown--open .dropdown__options-focus-wrapper,.dropdown--open .dropdown__options{display:flex}.dropdown--open .dropdown__button{border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:0.0625rem solid transparent;background-color:var(--hover-button-background-color);outline:none}.dropdown--open.focus-visible .dropdown__options-focus-wrapper{border-color:var(--keyboard-focus-outline-color)}.dropdown--open.focus-visible .dropdown__button-wrapper{border-color:var(--keyboard-focus-outline-color)}'}},[513,"tet-dropdown",{label:[1],labelLogo:[1,"label-logo"],labelLogoGrayscale:[1,"label-logo-grayscale"],labelRight:[1,"label-right"],labelRightColor:[1,"label-right-color"],labelSubText:[1,"label-sub-text"],flexLayout:[4,"flex-layout"],buttonLabel:[1,"button-label"],allowMultiple:[4,"allow-multiple"],closeOnSelection:[4,"close-on-selection"],theme:[1],options:[16],disabled:[4],selectedOptionIndexes:[32],isOpen:[32],isKeyboardFocus:[32],getSelectedOptions:[64],selectOption:[64]},[[8,"click","handleWindowClick"],[8,"focusout","handleFocusOut"]],{options:[{onOptionsChange:0}]}]);function c(){"undefined"!=typeof customElements&&["tet-dropdown","tet-checkbox","tet-icon"].forEach((o=>{switch(o){case"tet-dropdown":customElements.get(a(o))||customElements.define(a(o),d);break;case"tet-checkbox":customElements.get(a(o))||i();break;case"tet-icon":customElements.get(a(o))||l()}}))}export{d as T,c as d}
+import{p as o,H as t,d as r,h as e,c as n,t as a}from"./p-BTndlvfE.js";import{d as i}from"./p-Ck43CGtD.js";import{d as l}from"./p-CSMiNRZ8.js";function s(o,t,r){const{top:e,left:n}=o.getBoundingClientRect(),{clientHeight:a,clientWidth:i}=o;return!(r<e||r>e+a||t<n||t>n+i)}const d=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.optionSelected=r(this,"optionSelected"),this.optionChecked=r(this,"optionChecked"),this.optionsChanged=r(this,"optionsChanged")}dropdownWrapperElement;dropdownOptionsElement;dropdownButtonElement;optionSelected;optionChecked;optionsChanged;label="";labelLogo="";labelLogoGrayscale="";labelRight="";labelRightColor="";labelSubText="";flexLayout=!1;buttonLabel="Select an option";allowMultiple=!1;closeOnSelection=!1;theme="light";options=[];disabled=!1;selectedOptionIndexes=[];isOpen=!1;isKeyboardFocus=!1;componentWillLoad(){this.preselectOption()}onOptionsChange(o,t){o.map((({label:o,labelRight:t,value:r})=>o+t+r)).join()!==t.map((({label:o,labelRight:t,value:r})=>o+t+r)).join()&&(this.selectedOptionIndexes=[],this.preselectOption())}async getSelectedOptions(){return this.selectedOptions}async selectOption(o,t=!0){this.selectedOptionIndexes=this.allowMultiple?this.selectedOptionIndexes.includes(o)?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o]:[o],t&&this.optionsChanged.emit(this.selectedOptions)}handleWindowClick({x:o,y:t}){this.isOpen&&!this.disabled&&(s(this.dropdownWrapperElement,o,t)||s(this.dropdownOptionsElement,o,t)||(this.isOpen=!1,this.isKeyboardFocus=!1))}handleFocusOut(o){if(!this.isOpen)return;const t=o.relatedTarget;this.dropdownWrapperElement.contains(t)||this.dropdownOptionsElement.contains(t)||(this.isOpen=!1,this.isKeyboardFocus=!1)}preselectOption=()=>{const o=this.options.findIndex((o=>o.preselected));o>=0&&this.handleOptionSelect(o,!0)()};renderButton(){const{label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,currentButtonLabel:a,currentButtonLabelRight:i,currentButtonLabelRightColor:l,isOpen:s,disabled:d}=this;return e("div",{ref:o=>this.dropdownWrapperElement=o,class:{dropdown__wrapper:!0,disabled:d}},o&&e("label",{id:"dropdown-label",htmlFor:"dropdown-button",class:"tet-input__label"},o),e("div",{class:"dropdown__button-wrapper"},e("button",{id:"dropdown-button",class:"dropdown__button","aria-labelledby":"dropdown-label","aria-haspopup":"listbox","aria-controls":"dropdown-options","aria-expanded":s,ref:o=>this.dropdownButtonElement=o,onClick:this.handleDropdownToggle(),onKeyDown:this.handleButtonKeydown(),disabled:d,tabIndex:0},!d&&t&&e("img",{src:t,alt:"",width:"42",height:"20",loading:"lazy"}),d&&r&&e("img",{src:r,alt:"",width:"42",height:"20",loading:"lazy"}),e("span",{class:{dropdown__button__selected:!0,"dropdown__button__selected--flex":this.flexLayout}},a),n&&e("span",{class:"dropdown__button__labelright",style:{color:l}},i),e("tet-icon",{class:"dropdown__icon dropdown__chevron-icon",name:s?"tc-chevron-up":"tc-chevron-down"}))))}renderOptions(){const{isOpen:o,allowMultiple:t,options:r}=this;let n=r.map(t?this.renderMultipleOptionItem.bind(this):this.renderOptionItem.bind(this));return this.flexLayout&&(n=r.map(this.renderFlexOptionItem.bind(this))),e("div",{class:"dropdown__options-focus-wrapper"},e("div",{class:"dropdown__options-scroll-wrapper"},e("ul",{id:"dropdown-options",ref:o=>this.dropdownOptionsElement=o,class:"dropdown__options",role:"listbox",tabindex:"-1","aria-labelledby":"dropdown-button","aria-expanded":o,"aria-multiselectable":t},n)))}renderOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,a=n[0]===r,i=this.handleOptionSelect(r),l=this.handleOptionKeydown(i);return e("li",{key:t,class:{dropdown__option:!0,"dropdown__option--single":!0,"dropdown__option--selected":a},role:"option",tabindex:"0","aria-selected":a,"data-value":t,onClick:i,onKeyDown:l},o,a&&e("tet-icon",{class:"dropdown__icon",name:"tc-check"}))}renderFlexOptionItem({label:o,labelLogo:t,labelLogoGrayscale:r,labelRight:n,labelRightColor:a,labelSubText:i,value:l,disabled:s},d){const{selectedOptionIndexes:c}=this,f=c[0]===d,p=this.handleOptionSelect(d),u=this.handleOptionKeydown(p);return e("li",{class:{dropdown__option:!0,dropdown__option__flex:!0,"dropdown__option--selected-background":f},role:"option",tabindex:"0","aria-selected":f,"data-value":l,onClick:p,onKeyDown:u},e("div",{class:"dropdown__option__flex--label-container"},!s&&t&&e("img",{src:t,alt:"",width:"42",height:"20",loading:"lazy"}),s&&r&&e("img",{src:r,alt:"",width:"42",height:"20",loading:"lazy"}),o&&e("span",{class:"dropdown__button__label"},o),n&&e("span",{class:"dropdown__button__labelright",style:{color:a}},n)),e("div",{class:"dropdown__option__flex--subtext-container"},i&&e("span",null,i)))}renderMultipleOptionItem({label:o,value:t},r){const{selectedOptionIndexes:n}=this,a=n.includes(r),i=this.handleMultipleOptionSelect(r,a),l=this.handleOptionKeydown(i);return e("li",{class:{dropdown__option:!0,"dropdown__option--multiple":!0,"dropdown__option--selected":a},role:"option",tabindex:"0","aria-checked":a,"data-value":t,onClick:i,onKeyDown:l},e("tet-checkbox",{checked:a,theme:this.theme,tabIndex:-1}),o)}handleOptionKeydown(o){return t=>{const{key:r,target:e}=t;switch(r){case" ":case"SpaceBar":case"Enter":t.preventDefault(),o();break;case"ArrowUp":t.preventDefault(),function(o){const t=o.previousElementSibling;t?.focus()}(e);break;case"ArrowDown":t.preventDefault(),function(o){const t=o.nextElementSibling;t?.focus()}(e);break;case"Escape":this.isOpen=!1,this.dropdownButtonElement.focus();break;case"Tab":!e.previousElementSibling&&t.shiftKey&&(this.isKeyboardFocus=!0)}}}handleButtonKeydown(){return o=>{const{key:t}=o;switch(t){case"ArrowDown":o.preventDefault(),this.isOpen||(this.isOpen=!0,this.isKeyboardFocus=!0);const{children:t}=this.dropdownOptionsElement;if(0==t.length)return;requestAnimationFrame((()=>t[0].focus())),this.isKeyboardFocus=!1;break;case"Escape":this.isOpen=!1,this.isKeyboardFocus=!1;break;case"Tab":this.isKeyboardFocus=!1;break;case"Enter":case" ":case"SpaceBar":this.isKeyboardFocus=!this.isKeyboardFocus}}}handleOptionSelect(o,t=!1){return()=>{this.closeOnSelection&&!t&&(this.isOpen=!1,this.dropdownButtonElement.focus()),this.selectedOptionIndexes=[o],this.optionSelected.emit(this.options[o]),this.optionsChanged.emit(this.selectedOptions)}}handleMultipleOptionSelect(o,t=!1){return()=>{this.selectedOptionIndexes=t?this.selectedOptionIndexes.filter((t=>t!==o)):[...this.selectedOptionIndexes,o],this.optionChecked.emit({option:this.options[o],isChecked:!t}),this.optionsChanged.emit(this.selectedOptions)}}handleDropdownToggle(){return()=>{this.isOpen=!this.isOpen}}get currentButtonLabel(){const{buttonLabel:o,allowMultiple:t,options:r,selectedOptionIndexes:e}=this;return t||0===e.length?o:r[e[0]]?.label??o}get currentButtonLabelRight(){const{allowMultiple:o,labelRight:t,options:r,selectedOptionIndexes:e}=this;return o||0===e.length?t:r[e[0]]?.labelRight??t}get currentButtonLabelRightColor(){const{allowMultiple:o,labelRightColor:t,options:r,selectedOptionIndexes:e}=this;return o||0===e.length?t:r[e[0]]?.labelRightColor??t}get selectedOptions(){return 0===this.selectedOptionIndexes.length?[]:this.selectedOptionIndexes.map((o=>this.options[o]))}render(){const{theme:o,isOpen:t,isKeyboardFocus:r}=this;return e(n,{key:"2cefc198215200d1a380e31bed246d2c770beb3c"},e("div",{key:"12963a8da7e534e84db9633ae751c76e142bd0ce",class:{dropdown:!0,"dropdown--open":t,"focus-visible":r&&t,[`${o}`]:!0}},this.renderButton(),this.renderOptions()))}static get watchers(){return{options:[{onOptionsChange:0}]}}static get style(){return':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)}@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)}:root,:host{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark,.tet-textarea__dark{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light,.tet-textarea__light{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base,.tet-textarea__base{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem;}.tet-input__base::placeholder,.tet-textarea__base::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original:not(:disabled):focus,.tet-input__base.tet-input__mint-original:not(:disabled):active,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled],.tet-textarea__base[disabled]{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base:not(:disabled).error,.tet-textarea__base:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base:not(:disabled):hover,.tet-textarea__base:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base:not(:disabled):focus,.tet-input__base:not(:disabled):active,.tet-textarea__base:not(:disabled):focus,.tet-textarea__base:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus:focus,.tet-textarea__base.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error:not(:disabled).keyboard-focus,.tet-textarea__base.error:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label,.tet-textarea__label{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.tet-input__label.tet-input__mint-original,.tet-textarea__label.tet-input__mint-original{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label:has(~.input-container input[disabled]),.tet-textarea__label:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message,.tet-textarea__error-message{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";color:var(--input-color-error)}.errors{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden{display:none}:host{--options-max-height:15.625rem;--border-radius:0.625rem;--focus-border-radius:0.875rem;--option-padding:0.5rem 0.75rem;--button-padding:0.625rem 0.75rem;--text-size:0.875rem;--text-color:var(--tc-text-primary);--border-color:var(--tc-border-secondary);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary);--disabled-text-color:var(--tc-button-text-inverse-disabled);--disabled-icon-color:var(--tc-button-icon-inverse-disabled);--disabled-label-text-color:var(--tc-text-secondary);--option-text-color:var(--tc-button-text-primary);--option-accent-color:var(--tc-button-text-secondary);--button-background-color:var(--tc-layer-primary);--dropdown-background-color:var(--tc-layer-primary);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed);--keyboard-focus-outline-color:var(--tc-blue-40);display:block;position:relative}.dropdown.dark,.dropdown.mint{--text-color:var(--tc-text-primary-dark);--border-color:var(--tc-border-secondary-dark);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary-dark);--disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--disabled-label-text-color:var(--tc-text-secondary-dark);--option-text-color:var(--text-color);--option-accent-color:var(--text-color);--button-background-color:var(--tc-layer-primary-dark);--dropdown-background-color:var(--tc-layer-primary-dark);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover-dark);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed-dark);--keyboard-focus-outline-color:var(--tc-blue-40-dark)}.dropdown.mint{--option-accent-color:rgb(26, 213, 219);--hover-button-background-color:rgba(26, 213, 219, 0.08);--focus-button-background-color:rgba(26, 213, 219, 0.32)}.dropdown *{color:var(--text-color)}.dropdown__wrapper{position:relative;display:flex;flex-direction:column}.dropdown__wrapper.disabled .dropdown__button{cursor:not-allowed;background-color:var(--hover-button-background-color);border-color:var(--disabled-border-color)}.dropdown__wrapper.disabled .dropdown__button__selected,.dropdown__wrapper.disabled .dropdown__button__labelright{color:var(--disabled-text-color) !important}.dropdown__wrapper.disabled .dropdown__button .dropdown__icon{--icon-color:var(--disabled-icon-color)}.dropdown__wrapper.disabled .dropdown__label{color:var(--disabled-label-text-color)}.dropdown__icon{--icon-color:var(--option-accent-color)}.dropdown__chevron-icon{--icon-size:1.25rem;--icon-color:var(--text-color)}.dropdown__button{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;height:2.75rem;width:100%;align-items:center;justify-content:space-between;padding:var(--button-padding);border-radius:var(--border-radius);background-color:var(--button-background-color);border:0.0625rem solid var(--border-color);cursor:pointer}.dropdown__button:hover,.dropdown__button:focus{outline:none;color:var(--hover-text-color);border-color:var(--hover-border-color);background-color:var(--hover-button-background-color)}.dropdown__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--keyboard-focus-outline-color);background-color:var(--button-background-color)}.dropdown__button:active{background-color:var(--focus-button-background-color)}.dropdown__button__selected{padding-right:0.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dropdown__button img{width:2.625rem;height:1.25rem}.dropdown__button__selected--flex{margin-left:0.5rem;padding-right:0}.dropdown__button-wrapper{display:inline-flex;padding:0.125rem 0.125rem 0 0.125rem;border:0.125rem solid transparent;border-bottom:none;border-radius:var(--focus-border-radius) var(--focus-border-radius) 0 0}.dropdown__button__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-left:auto;margin-right:0.5rem}.dropdown__option{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";display:flex;align-items:center;border-radius:0.125rem;cursor:pointer;padding:var(--option-padding);background-color:transparent}.dropdown__option:hover,.dropdown__option:focus{outline:none;background-color:var(--hover-button-background-color)}.dropdown__option:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;background-color:transparent}.dropdown__option img{width:2.625rem;height:1.25rem}.dropdown__option__labelright{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.dropdown__option--single{position:relative}.dropdown__option__flex{display:flex;flex-direction:column}.dropdown__option__flex--label-container{display:flex;width:100%;align-items:center}.dropdown__option__flex--label-container .dropdown__button__label{margin-left:0.5rem}.dropdown__option__flex--label-container .dropdown__button__labelright{position:absolute;right:1rem}.dropdown__option__flex--subtext-container{margin-right:auto;margin-top:0.125rem}.dropdown__option__flex--subtext-container span{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--text-color)}.dropdown__option--selected-background{background:var(--hover-button-background-color)}.dropdown__option .dropdown__icon{position:absolute;right:0.5rem}.dropdown__option--selected .dropdown__check{border-color:var(--option-accent-color);background-color:var(--option-accent-color)}.dropdown__options-focus-wrapper{z-index:99999;position:absolute;top:100%;width:100%;display:none;flex-direction:column;border:0.125rem solid transparent;border-top:none;padding:0 0.125rem 0.125rem 0.125rem;border-radius:0 0 var(--focus-border-radius) var(--focus-border-radius)}.dropdown__options-scroll-wrapper{border:0.0625rem solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden}.dropdown__options{display:none;flex-direction:column;padding:0.625rem 0;background-color:var(--dropdown-background-color);max-height:var(--options-max-height);overflow-y:auto}.dropdown--open .dropdown__options-focus-wrapper,.dropdown--open .dropdown__options{display:flex}.dropdown--open .dropdown__button{border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:0.0625rem solid transparent;background-color:var(--hover-button-background-color);outline:none}.dropdown--open.focus-visible .dropdown__options-focus-wrapper{border-color:var(--keyboard-focus-outline-color)}.dropdown--open.focus-visible .dropdown__button-wrapper{border-color:var(--keyboard-focus-outline-color)}'}},[513,"tet-dropdown",{label:[1],labelLogo:[1,"label-logo"],labelLogoGrayscale:[1,"label-logo-grayscale"],labelRight:[1,"label-right"],labelRightColor:[1,"label-right-color"],labelSubText:[1,"label-sub-text"],flexLayout:[4,"flex-layout"],buttonLabel:[1,"button-label"],allowMultiple:[4,"allow-multiple"],closeOnSelection:[4,"close-on-selection"],theme:[1],options:[16],disabled:[4],selectedOptionIndexes:[32],isOpen:[32],isKeyboardFocus:[32],getSelectedOptions:[64],selectOption:[64]},[[8,"click","handleWindowClick"],[8,"focusout","handleFocusOut"]],{options:[{onOptionsChange:0}]}]);function c(){"undefined"!=typeof customElements&&["tet-dropdown","tet-checkbox","tet-icon"].forEach((o=>{switch(o){case"tet-dropdown":customElements.get(a(o))||customElements.define(a(o),d);break;case"tet-checkbox":customElements.get(a(o))||i();break;case"tet-icon":customElements.get(a(o))||l()}}))}export{d as T,c as d}