@tet/tet-components 1.4.55-testing → 1.4.56-production

package/dist/tet-components/{p-bb17b298.entry.js → p-2e04273e.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,g as o,h as s,H as e}from"./p-83f43fdd.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass: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 s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,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:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-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:s}=this;(o<0&&i>0||o>s&&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 l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const 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(){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,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.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),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.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(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.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:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};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,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-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,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.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,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/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<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"bab71becd6357df6e7a4848103229c9a07060fc5"},s("div",{key:"bc068a3284f5a8e685e385fc07f727e3e168eabe",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"8dd28b90ed7038ef3c36994bf4f1cb3607401b7c",class:"tet-card-list__scroll-container"},s("div",{key:"392d5153aaa99ae7813194ce1354eaa71625fca5",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"fc43b474c796b9b91d4f74e4b629c6f81cbcef28"}))),s("tet-button",{key:"dedd4ac39cc55833a8c3249deeff9ea43d5a5597",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},s("tet-icon",{key:"c7aa1970d457357101b749f3b61ea262c1cab4d1",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"5c2eed675e60061d2fe51dadbec5a9d6632c8638",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},s("tet-icon",{key:"705dcee121029ccc5b72bd14748e38cd0b8e06ac",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"a172337fbaba9c9e34e27839b71e9f194bb95bf7",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"06f67faa032d998238480c36362c36c65589b3bd",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.style=':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}}';export{l as tet_card_list}
+import{r as t,c as i,g as o,h as s,H as e}from"./p-7c868b40.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass: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 s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,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:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-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:s}=this;(o<0&&i>0||o>s&&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 l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const 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(){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,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.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),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.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(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.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:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};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,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-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,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.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,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/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<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"bab71becd6357df6e7a4848103229c9a07060fc5"},s("div",{key:"bc068a3284f5a8e685e385fc07f727e3e168eabe",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"8dd28b90ed7038ef3c36994bf4f1cb3607401b7c",class:"tet-card-list__scroll-container"},s("div",{key:"392d5153aaa99ae7813194ce1354eaa71625fca5",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"fc43b474c796b9b91d4f74e4b629c6f81cbcef28"}))),s("tet-button",{key:"dedd4ac39cc55833a8c3249deeff9ea43d5a5597",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},s("tet-icon",{key:"c7aa1970d457357101b749f3b61ea262c1cab4d1",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"5c2eed675e60061d2fe51dadbec5a9d6632c8638",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},s("tet-icon",{key:"705dcee121029ccc5b72bd14748e38cd0b8e06ac",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"a172337fbaba9c9e34e27839b71e9f194bb95bf7",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"06f67faa032d998238480c36362c36c65589b3bd",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.style=':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}}';export{l as tet_card_list}

package/dist/tet-components/{p-879a259e.entry.js → p-2e1770c3.entry.js}

@@ -1 +1 @@
-import{r as t,c as r,h as e}from"./p-83f43fdd.js";const n=class{constructor(e){t(this,e),this.inputValueChanged=r(this,"inputValueChanged",7),this.label=void 0,this.theme="light",this.accessibilityLabel="",this.buttonAccessibilityLabel="",this.helperText=void 0,this.suffixes=void 0,this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=void 0,this.error=void 0,this.completed=void 0,this.selectOnFocus=void 0,this.suffix=void 0,this.isOpen=void 0,this.isValueHidden=!1,this.isKeyboardFocus=!1}inputElement;dropdownElement;chevronElement;inputElementHidden;inputWrapperElement;resizeObserver;async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0])}inputValueChanged;componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{this.inputElement.style.width=`${this.inputElementHidden?.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t||0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const r=t.composedPath();r.includes(this.dropdownElement)||r.includes(this.chevronElement)||this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let r=parseInt(t.value);isNaN(r)||r<0?r=0:r>this.max&&(r=this.max),this.value=r,t.value=r.toString()}onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()};closeDropdown=()=>{this.isOpen=!1};dropdownItemRefs=[];renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,r)=>{const n=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[r]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:n},tabIndex:0},t.name,n&&e("tet-icon",{class:"check",name:"check"}))})):[]);handleOptionKeydown(t){return r=>{const{key:e,target:n}=r;switch(e){case" ":case"Enter":r.preventDefault(),t();break;case"ArrowUp":r.preventDefault(),function(t){const r=t.previousElementSibling;r?.focus()}(n);break;case"ArrowDown":r.preventDefault(),function(t){const r=t.nextElementSibling;r?.focus()}(n);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus||this.closeDropdown()}handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onChevronClick())};onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),r=this.dropdownItemRefs[-1!==t?t:0];r?.focus()}),0)}render(){const{label:t,helperText:r,value:n,disabled:o,error:i,completed:s,isOpen:a,suffix:f}=this;return e("div",{key:"c972241c540c6d4fe3ff259777e0a7936115bfee",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:o,error:i,completed:s}},!!t&&e("label",{key:"64f2b6aca97daab3f2f79f787a44d49b078c4815",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"de436788286acb46333002acd7eb34cbead043c1",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",{key:"dfd249acff70330ce2a175bbb280b280b433e416",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:o,value:n,type:"number",id:"number-input",...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{}}),e("div",{key:"909836f7432609d3619f584c5a527afc37412842",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},n),!!f&&e("div",{key:"9b96f02f9c696523145b1738c551d4569ed7f369",class:"number-input__input-suffix"},f.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"f9fe12acd85bf0b8cffdc4f3205691f379b3e3b4",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"1164a096e1e3779f5654dcadb8f832a54f03cb30",name:"chevron-down"}),a&&e("tet-icon",{key:"58dcfa332c6786eeb82941fd135b2c8f36e0d229",name:"chevron-up"})),a&&e("div",{key:"fd4e1f967fe639d02bee667bf56f7b5297bf0241",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!r&&e("div",{key:"d2b09fbb2eb95aee17b7c88d4fbf8304186fd48a",class:"number-input__helper-text"},r))}static get watchers(){return{suffix:["onSuffixChange"]}}};n.style='@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{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';export{n as tet_number_input}
+import{r as t,c as r,h as e}from"./p-7c868b40.js";const n=class{constructor(e){t(this,e),this.inputValueChanged=r(this,"inputValueChanged",7),this.label=void 0,this.theme="light",this.accessibilityLabel="",this.buttonAccessibilityLabel="",this.helperText=void 0,this.suffixes=void 0,this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=void 0,this.error=void 0,this.completed=void 0,this.selectOnFocus=void 0,this.suffix=void 0,this.isOpen=void 0,this.isValueHidden=!1,this.isKeyboardFocus=!1}inputElement;dropdownElement;chevronElement;inputElementHidden;inputWrapperElement;resizeObserver;async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0])}inputValueChanged;componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))||this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{this.inputElement.style.width=`${this.inputElementHidden?.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t||0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const r=t.composedPath();r.includes(this.dropdownElement)||r.includes(this.chevronElement)||this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let r=parseInt(t.value);isNaN(r)||r<0?r=0:r>this.max&&(r=this.max),this.value=r,t.value=r.toString()}onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()};closeDropdown=()=>{this.isOpen=!1};dropdownItemRefs=[];renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,r)=>{const n=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[r]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:n},tabIndex:0},t.name,n&&e("tet-icon",{class:"check",name:"check"}))})):[]);handleOptionKeydown(t){return r=>{const{key:e,target:n}=r;switch(e){case" ":case"Enter":r.preventDefault(),t();break;case"ArrowUp":r.preventDefault(),function(t){const r=t.previousElementSibling;r?.focus()}(n);break;case"ArrowDown":r.preventDefault(),function(t){const r=t.nextElementSibling;r?.focus()}(n);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus||this.closeDropdown()}handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onChevronClick())};onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),r=this.dropdownItemRefs[-1!==t?t:0];r?.focus()}),0)}render(){const{label:t,helperText:r,value:n,disabled:o,error:i,completed:s,isOpen:a,suffix:f}=this;return e("div",{key:"c972241c540c6d4fe3ff259777e0a7936115bfee",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:o,error:i,completed:s}},!!t&&e("label",{key:"64f2b6aca97daab3f2f79f787a44d49b078c4815",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"de436788286acb46333002acd7eb34cbead043c1",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",{key:"dfd249acff70330ce2a175bbb280b280b433e416",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:o,value:n,type:"number",id:"number-input",...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{}}),e("div",{key:"909836f7432609d3619f584c5a527afc37412842",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},n),!!f&&e("div",{key:"9b96f02f9c696523145b1738c551d4569ed7f369",class:"number-input__input-suffix"},f.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"f9fe12acd85bf0b8cffdc4f3205691f379b3e3b4",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"1164a096e1e3779f5654dcadb8f832a54f03cb30",name:"chevron-down"}),a&&e("tet-icon",{key:"58dcfa332c6786eeb82941fd135b2c8f36e0d229",name:"chevron-up"})),a&&e("div",{key:"fd4e1f967fe639d02bee667bf56f7b5297bf0241",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!r&&e("div",{key:"d2b09fbb2eb95aee17b7c88d4fbf8304186fd48a",class:"number-input__helper-text"},r))}static get watchers(){return{suffix:["onSuffixChange"]}}};n.style='@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{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';export{n as tet_number_input}

package/dist/tet-components/{p-427f1c33.entry.js → p-38177376.entry.js}

@@ -1 +1 @@
-import{r as t,f as e,h as o,H as i}from"./p-83f43fdd.js";import{p as n,t as s}from"./p-a8051a99.js";import"./p-9a2b6ee2.js";import"./p-0ebbf5ef.js";const r=class{constructor(e){t(this,e),this.activeDotIndex=0,this.dotCount=0,this.totalItems=0,this.activeItem=0,this.isDragging=!1,this.dragOffset=0,this.isNudgeAnimating=!1,this.theme="light",this.showDots=!0,this.showGradient=!1,this.showButtons=!0,this.transitionDuration=500,this.swipeThreshold=32,this.transitionTiming="ease-out",this.buttonIconLeft="arrow-left",this.buttonIconRight="arrow-right",this.maxDots=8,this.label=void 0,this.nudgeAnimationInterval=0,this.language="lv"}static NUDGE_DISTANCE_PX=16;static NUDGE_IDLE_THRESHOLD_MS=1500;static GRADIENT_VISIBILITY_THRESHOLD_PX=1;static GRADIENT_WIDTH_FALLBACK_PX=100;static EDGE_DRAG_MAX_PX=32;static EDGE_DRAG_RESISTANCE=.95;static MOUSE_DRAG_SMOOTHING_MS=60;focusableSelector='a[href], [tabindex]:not([tabindex="-1"])';handleResize=()=>{this.getDotCount();const t=this.getSlotElements();if(!t?.length)return;const e=Math.max(0,Math.min(this.activeItem,t.length-1));this.moveToItem(t[e],e),this.checkGradient()};handleSlotChangeListener=()=>this.handleSlotChange();managedFocusableElements=[];managedSlideFocusWithinListeners=[];draggedAnchor=null;dragMoved=!1;dragPointerStartX=0;dragStartX=0;dragStartActiveItem=0;dragPointerType="";nudgeTimeoutId;nudgeGradientRafId;lastInteractionAt=0;trackElement=null;trackContentElement=null;mobileBackButtonWrapper=null;container;leftGradientRef;rightGradientRef;slotObserver;safeForceUpdate(){try{e(this)}catch{}}syncTranslations(t){n("tet-components",t).then((()=>this.safeForceUpdate()))}onLanguageChange(t){this.syncTranslations(t)}onActiveItemChange(){this.updateSlideFocusableTabIndexes()}checkGradient(){if(this.showGradient){const t=this.getViewportWidth(),e=this.getSlotClientWidth(),o=Math.max(0,e-t),i=-this.getRealDragOffset(),n=Math.max(0,Math.min(o,i)),s=o-n<r.GRADIENT_VISIBILITY_THRESHOLD_PX;n<r.GRADIENT_VISIBILITY_THRESHOLD_PX?(this.leftGradientRef.style.opacity="0",this.rightGradientRef.style.opacity="1"):s?(this.leftGradientRef.style.opacity="1",this.rightGradientRef.style.opacity="0"):(this.leftGradientRef.style.opacity="1",this.rightGradientRef.style.opacity="1")}else this.leftGradientRef.style.opacity="0",this.rightGradientRef.style.opacity="0"}onNudgeAnimIntervalChange(){this.syncNudgeSchedule()}onNudgeAnimationStateChange(){this.syncNudgeGradientLoop(),this.checkGradient()}componentWillLoad(){this.syncTranslations(this.language)}getSlotElements(){const t=this.container?.querySelector("slot");if(!t)return;let e=t.assignedElements?t.assignedElements():[];return 0!==e.length?(e[0].className.includes("carousel-wrapper")&&(e=Array.from(e[0].children)),e):void 0}getViewportWidth(){return this.container?.offsetWidth||window.innerWidth}getSlotClientWidth(){return this.trackElement?.querySelector("slot")?.offsetWidth||window.innerWidth}getMaxScrollableOffset(){return Math.max(0,this.getSlotClientWidth()-this.getViewportWidth())}afterLayout(t){requestAnimationFrame((()=>requestAnimationFrame(t)))}getDotScreenLength(){return this.getSlotClientWidth()/this.dotCount}isLast(t,e){return this.getSlotClientWidth()-e<=t}isLastViewport(t){const e=this.getViewportWidth();return this.isLast(e,t)}isLastDotScreen(t,e){const o=this.getViewportWidth(),i=Math.max(e,o);return this.isLast(i,t)}getItemLayoutMetrics(){const t=this.getSlotElements();return t&&0!==t.length?t.map(((t,e)=>{const o=t.offsetLeft;return{item:t,index:e,left:o,right:o+t.offsetWidth}})):[]}getFullyVisibleItemCount(){const t=this.getItemLayoutMetrics();if(!t.length)return 0;const e=this.getViewportWidth(),o=this.getClampedViewportLeft(),i=o+e;let n=0;for(const{left:e,right:s}of t)e>=o&&s<=i&&n++;return n}getClampedViewportLeft(){const t=Math.abs(this.dragOffset),e=this.getMaxScrollableOffset();return Math.max(0,Math.min(e,t))}getVisibleItemCountFromIndex(t){const e=this.getItemLayoutMetrics();if(!e.length)return 1;const o=Math.max(0,Math.min(t,e.length-1)),i=this.getViewportWidth(),n=e[o].left+i+.5;let s=0;for(let t=o;t<e.length&&e[t].right<=n;t++)s++;return Math.max(1,s)}getFirstVisibleItemInViewport(){const t=this.getItemLayoutMetrics();if(!t.length)return null;const e=this.getClampedViewportLeft(),o=.5,i=t.find((t=>t.left<=e+o&&t.right>e+o));if(i){if(i.right-e>=(i.right-i.left)/2||i.index===t.length-1)return{item:i.item,index:i.index};const o=t[i.index+1];if(o)return{item:o.item,index:o.index}}if(e<=t[0].left+o)return{item:t[0].item,index:t[0].index};const n=t.find((t=>t.left>e+o));if(n)return{item:n.item,index:n.index};const s=t.at(-1);return{item:s.item,index:s.index}}getEdgeSnapTarget(t){const e=this.getItemLayoutMetrics();if(!e.length)return null;const o=this.getClampedViewportLeft(),i=o+this.getViewportWidth(),n=e[0],s=e.at(-1);if(t<0){const t=Math.min(n.right,i)-Math.max(n.left,o);if(t>0&&t>=(n.right-n.left)/2)return{item:n.item,index:n.index}}if(t>0){const t=Math.min(s.right,i)-Math.max(s.left,o);if(t>0&&t>=(s.right-s.left)/2)return{item:s.item,index:s.index}}return null}getSwipeTarget(t){const e=this.getSlotElements();if(!e||0===e.length)return null;const o=this.getEdgeSnapTarget(t);if(o)return o;const i=this.getFirstVisibleItemInViewport();let n=i?.index??this.dragStartActiveItem;t>0&&n<=this.dragStartActiveItem&&(n=this.dragStartActiveItem+1),t<0&&n>=this.dragStartActiveItem&&(n=this.dragStartActiveItem-1),n=Math.max(0,Math.min(e.length-1,n));const s=e[n];return s?{item:s,index:n}:null}getRealDragOffset(){return this.dragOffset+this.getCurrentNudgeTranslateX()}applyEdgeDragResistance(t,e){return t>0?Math.min(r.EDGE_DRAG_MAX_PX,t*r.EDGE_DRAG_RESISTANCE):t<e?e+Math.max(-r.EDGE_DRAG_MAX_PX,(t-e)*r.EDGE_DRAG_RESISTANCE):t}getCurrentNudgeTranslateX(){if(!this.isNudgeAnimating||!this.trackContentElement)return 0;const t=getComputedStyle(this.trackContentElement).transform;if(!t||"none"===t)return 0;try{return new DOMMatrixReadOnly(t).m41||0}catch{return 0}}getDotCount(){const t=this.getSlotElements();if(!t)return this.dotCount=1,this.totalItems=0,void(this.activeDotIndex=0);this.totalItems=t.length;const e=this.getViewportWidth(),o=this.getSlotClientWidth(),i=Math.ceil(o/Math.max(1,e)),n=Number.isFinite(this.maxDots)?this.maxDots:i;this.dotCount=Math.max(1,Math.min(n,i)),this.activeDotIndex=this.clampDotIndex(this.activeDotIndex)}handleMove=()=>{const t=this.getSlotElements();if(!t)return;const e=t[this.activeItem];e&&this.moveToItem(e)};navigateByStep(t){this.registerUserInteraction();const e=this.getSlotElements();if(!e||0===e.length)return;const o=this.activeDotIndex,i=this.getFirstVisibleItemInViewport(),n=i?.index??this.activeItem,s=this.getClampedViewportLeft()>0;if(t<0&&0===n&&s){const t=e[0];return void(t&&this.moveToItem(t,0))}const r=this.getVisibleItemCountFromIndex(n),a=Math.max(0,Math.min(e.length-1,n+t*r));if(a===n)return;const l=e[a];l&&(this.moveToItem(l,a),Math.abs(this.activeDotIndex-o)>1&&this.moveToDotIndex(o+t))}handlePrev=()=>{this.navigateByStep(-1)};handleNext=()=>{this.navigateByStep(1)};moveToLastScreen=()=>{this.dragOffset=-this.getMaxScrollableOffset()};getGradientWidth(){if(!this.showGradient)return 0;const t=this.leftGradientRef?.offsetWidth;return t&&t>0?t:r.GRADIENT_WIDTH_FALLBACK_PX}calculateGradient(t,e){const o=this.getSlotClientWidth();let i=this.showGradient?160:0;return i=e<160?e:i,i=o-e-t.offsetWidth<160?0:i,i}calcLastScreenElement=t=>{const e=this.getSlotElements();if(!e)return null;const o=this.trackElement.getBoundingClientRect(),i=this.getFirstItemOffset();for(const[n,s]of e.entries()){let e=s.getBoundingClientRect().left-o.left-i;const r=this.calculateGradient(s,e);if(e>=t-this.swipeThreshold+r)return{item:s,index:n}}return{item:e[0],index:0}};moveToDotIndex(t){this.activeDotIndex=this.clampDotIndex(t);const e=this.getMaxScrollableOffset(),o=this.dotCount-1!==this.activeDotIndex||this.isDragging?this.activeDotIndex*this.getDotScreenLength():e,i=Math.max(0,Math.min(o,e)),n=this.calcLastScreenElement(i);if(!n)return this.activeItem=0,void(this.dragOffset=0);const{index:s}=n;this.activeItem=s,this.dragOffset=-i}handleDotClick=t=>{this.registerUserInteraction(),this.moveToDotIndex(t)};focusDot=t=>{if(!this.container)return;const e=Array.from(this.container.querySelectorAll(".tet-carousel__dot"));e[t]?.focus()};getKeyboardTargetIndex(t,e,o){if(o<1)return null;switch(t){case"ArrowRight":case"ArrowDown":return Math.min(o,e+1);case"ArrowLeft":case"ArrowUp":return Math.max(0,e-1);case"Home":return 0;case"End":return o;default:return null}}handleNavigationKeyDown(t,e,o,i,n){const s=this.getKeyboardTargetIndex(t.key,e,o);null!==s&&(t.preventDefault(),t.stopPropagation(),i(s)&&this.afterLayout((()=>n(s))))}handleDotKeyDown=(t,e)=>{if("Tab"===t.key&&t.shiftKey){if(this.hasVisibleMobileBackButtonTarget())return;if(!this.hasFocusableTargetInSlide(this.activeItem))return;return this.registerUserInteraction(),t.preventDefault(),t.stopPropagation(),void this.afterLayout((()=>this.focusSlideByIndex(this.activeItem)))}this.handleNavigationKeyDown(t,e,this.dotCount-1,(t=>(this.handleDotClick(t),!0)),(t=>this.focusDot(t)))};isElementVisible(t){if(!t.isConnected)return!1;if(t.hidden||t.hasAttribute("hidden"))return!1;if(0===t.getClientRects().length)return!1;const e=getComputedStyle(t);return"none"!==e.display&&"hidden"!==e.visibility}hasVisibleMobileBackButtonTarget(){if(this.isLeftNavigationDisabled())return!1;const t=this.mobileBackButtonWrapper;return!!t&&this.isElementVisible(t)}hasFocusableTargetInSlide(t){return this.managedFocusableElements.some((({slideIndex:e,element:o})=>e===t&&this.isElementVisible(o)))}onPointerDown=t=>{this.registerUserInteraction(),this.dragPointerType=t.pointerType||"mouse",t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.isDragging=!0,this.dragStartX=t.screenX,this.dragMoved=!1,this.dragPointerStartX=t.screenX,this.dragStartActiveItem=this.activeItem,document.body.style.userSelect="none",document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp);let e=t.target;for(this.draggedAnchor=null;e;){if("A"===e.tagName||e.getAttribute("tabindex")){this.draggedAnchor=e;break}e=e.parentElement}};onPointerMove=t=>{if(!this.isDragging)return;const e=Math.abs(t.screenX-this.dragPointerStartX);if(!this.dragMoved&&e>5&&(this.dragMoved=!0,this.trackElement))try{this.trackElement.setPointerCapture?.(t.pointerId)}catch{}let o=this.dragOffset;o+=t.screenX-this.dragStartX,this.dragStartX=t.screenX;const i=this.getMinDragOffset();this.dragOffset=this.applyEdgeDragResistance(o,i);const n=this.getFirstVisibleItemInViewport();n&&this.activeItem!==n.index&&(this.activeItem=n.index)};releaseTrackPointerCapture(t){try{this.trackElement?.releasePointerCapture?.(t)}catch{}}getMinDragOffset(){return-this.getMaxScrollableOffset()}snapToEdge(t){if(0===t)return void(this.dragOffset=0);const e=this.dragOffset>0;this.activeItem=e?0:Math.max(0,this.totalItems-1),this.activeDotIndex=e?0:Math.max(0,this.dotCount-1),this.dragOffset=e?0:t}moveBySwipeDelta(t){if(Math.abs(t)<=this.swipeThreshold)return this.activeItem=this.dragStartActiveItem,void this.afterLayout((()=>this.handleMove()));const e=this.getSwipeTarget(t<0?1:-1);e&&this.moveToItem(e.item,e.index)}finalizePointerDrag(){document.body.style.userSelect="",document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp),this.dragPointerType=""}preventClickAfterDrag(){if(!this.draggedAnchor||!this.dragMoved)return;const t=e=>{e.preventDefault(),e.stopPropagation(),this.draggedAnchor?.removeEventListener("click",t,!0)};this.draggedAnchor.addEventListener("click",t,!0)}onPointerUp=t=>{if(!this.isDragging)return;this.registerUserInteraction(),this.releaseTrackPointerCapture(t.pointerId),this.isDragging=!1;const e=this.getMinDragOffset(),o=t.screenX-this.dragPointerStartX;this.dragOffset>0||this.dragOffset<e?this.snapToEdge(e):this.moveBySwipeDelta(o),this.finalizePointerDrag(),this.preventClickAfterDrag()};_showButtons(t=this.getFullyVisibleItemCount()){return!(!this.showButtons||t>=this.totalItems)}_showDots(t=this.getFullyVisibleItemCount()){return!!this.showDots&&!(this.totalItems<=0||t>=this.totalItems)}componentDidLoad(){this.getDotCount(),window.addEventListener("resize",this.handleResize),this.checkGradient(),this.initSlotListeners(),this.syncNudgeSchedule(),this.refreshSlideFocusableElements()}handleSlotChange(){this.getDotCount();const t=Math.max(0,this.totalItems-1);this.activeItem=Math.max(0,Math.min(this.activeItem,t)),this.refreshSlideFocusableElements(),this.checkGradient(),this.safeForceUpdate()}initSlotListeners(){const t=this.container?.querySelector("slot");if(!t)return;if(t.addEventListener("slotchange",this.handleSlotChangeListener),"function"!=typeof t.assignedElements)return;const e=t.assignedElements();if(1!==e.length)return;const o=e[0];this.slotObserver=new MutationObserver((()=>this.handleSlotChange())),this.slotObserver.observe(o,{childList:!0,subtree:!1})}isTabbableElement(t){if("A"===t.tagName)return t.hasAttribute("href");const e=t.getAttribute("tabindex");return null!==e&&"-1"!==e.trim()}getSlideFocusableElements(t){const e=new Set;return this.isTabbableElement(t)&&e.add(t),Array.from(t.querySelectorAll(this.focusableSelector)).forEach((t=>{this.isTabbableElement(t)&&e.add(t)})),t.shadowRoot&&Array.from(t.shadowRoot.querySelectorAll(this.focusableSelector)).forEach((t=>{this.isTabbableElement(t)&&e.add(t)})),Array.from(e)}clearManagedSlideFocusableElements(){this.managedSlideFocusWithinListeners.forEach((({slide:t,onFocusWithin:e})=>{t.removeEventListener("focusin",e)})),this.managedSlideFocusWithinListeners=[],this.managedFocusableElements.forEach((({element:t,originalTabIndex:e,onKeyDown:o})=>{t.removeEventListener("keydown",o),null===e?t.removeAttribute("tabindex"):t.setAttribute("tabindex",e)})),this.managedFocusableElements=[]}updateSlideFocusableTabIndexes(){this.managedFocusableElements.length&&this.managedFocusableElements.forEach((({element:t,slideIndex:e})=>{t.setAttribute("tabindex",e===this.activeItem?"0":"-1")}))}focusSlideByIndex(t){const e=this.managedFocusableElements.find((e=>e.slideIndex===t)),o=e?.element;if(o)try{o.focus({preventScroll:!0})}catch{}}handleSlideKeyDown(t,e){this.handleNavigationKeyDown(t,e,this.totalItems-1,(t=>{const e=this.getSlotElements();return!!e?.[t]&&(this.registerUserInteraction(),this.moveToItem(e[t],t,0),!0)}),(t=>this.focusSlideByIndex(t)))}refreshSlideFocusableElements(){this.clearManagedSlideFocusableElements();const t=this.getSlotElements();t?.length&&(t.forEach(((e,o)=>{const i=()=>{this.registerUserInteraction();const i=o===t.length-1?0:this.getGradientWidth();this.moveToItem(e,o,i)};this.managedSlideFocusWithinListeners.push({slide:e,onFocusWithin:i}),e.addEventListener("focusin",i),this.getSlideFocusableElements(e).forEach((t=>{const e=t=>this.handleSlideKeyDown(t,o);this.managedFocusableElements.push({element:t,slideIndex:o,originalTabIndex:t.getAttribute("tabindex"),onKeyDown:e}),t.addEventListener("keydown",e)}))})),this.updateSlideFocusableTabIndexes())}startNudgeGradientLoop(){if(this.nudgeGradientRafId)return;const t=()=>{this.checkGradient(),this.nudgeGradientRafId=this.isNudgeAnimating?requestAnimationFrame(t):void 0};this.nudgeGradientRafId=requestAnimationFrame(t)}stopNudgeGradientLoop(){this.nudgeGradientRafId&&(cancelAnimationFrame(this.nudgeGradientRafId),this.nudgeGradientRafId=void 0)}syncNudgeGradientLoop(){this.isNudgeAnimating?this.startNudgeGradientLoop():this.stopNudgeGradientLoop()}registerUserInteraction(){this.lastInteractionAt=Date.now(),this.stopNudgeAnimation()&&this.scheduleNextNudge()}hasRecentInteraction(){return!!this.lastInteractionAt&&Date.now()-this.lastInteractionAt<r.NUDGE_IDLE_THRESHOLD_MS}isRightNavigationDisabled(){return this.dotCount<=1||this.activeItem===this.totalItems-1||this.isLastViewport(-this.dragOffset)}isLeftNavigationDisabled(){return this.dotCount<=1||0===this.activeItem}isNudgeEligible(){return!(!this.trackElement||this.isDragging||this.isNudgeAnimating||this.hasRecentInteraction()||this.isRightNavigationDisabled()||0!==this.dragOffset)}scheduleNextNudge(){this.nudgeAnimationInterval<=0||(this.clearNudgeTimeout(),this.nudgeTimeoutId=setTimeout((()=>{this.nudgeTimeoutId=void 0,this.isNudgeEligible()?this.isNudgeAnimating=!0:this.scheduleNextNudge()}),this.nudgeAnimationInterval))}onNudgeAnimationEnd=t=>{"tet-carousel-nudge"===t.animationName&&(this.stopNudgeAnimation(),this.scheduleNextNudge())};stopNudgeAnimation(){const t=this.isNudgeAnimating;return t&&(this.isNudgeAnimating=!1),t}clearNudgeTimeout(){this.nudgeTimeoutId&&(clearTimeout(this.nudgeTimeoutId),this.nudgeTimeoutId=void 0)}stopNudgeSchedule(){this.clearNudgeTimeout(),this.stopNudgeAnimation()}syncNudgeSchedule(){this.stopNudgeSchedule(),this.scheduleNextNudge()}clampDotIndex(t){return Math.max(0,Math.min(t,this.dotCount-1))}setDotIndex(t,e){let o=0;const i=this.getDotScreenLength();o=this.isLastDotScreen(t,i)?this.dotCount-1:Math.round((t+e)/i),this.activeDotIndex=this.clampDotIndex(o)}getFirstItemOffset(){const t=this.getSlotElements();if(!t?.length)return 0;const e=this.trackElement.getBoundingClientRect();return t[0].getBoundingClientRect().left-e.left}moveToItem(t,e,o=0){(e||0===e)&&(this.activeItem=e);const i=t.getBoundingClientRect(),n=this.trackElement.getBoundingClientRect();let s=i.left-n.left-this.getFirstItemOffset();const r=this.calculateGradient(t,s);this.setDotIndex(s,r);const a=Math.max(0,s-Math.max(0,o));this.isLastViewport(s)?this.moveToLastScreen():this.dragOffset=-a}disconnectedCallback(){this.stopNudgeSchedule(),this.stopNudgeGradientLoop(),window.removeEventListener("resize",this.handleResize),this.clearManagedSlideFocusableElements();const t=this.container?.querySelector("slot");t&&t.removeEventListener("slotchange",this.handleSlotChangeListener),this.slotObserver&&(this.slotObserver.disconnect(),this.slotObserver=null),document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}render(){const t=this.getFullyVisibleItemCount(),e=this._showButtons(t),n=this._showDots(t),a=e||n;let l=`transform ${this.transitionDuration}ms ${this.transitionTiming}`;return this.isDragging&&(l="mouse"===this.dragPointerType?`transform ${r.MOUSE_DRAG_SMOOTHING_MS}ms linear`:"none"),o(i,{key:"5786969402d8119f57e8d1904f5f4a7f3bb11218"},o("div",{key:"564887e7cfb30760cb785390b936537428d57de7",class:{"tet-carousel":!0,[`${this.theme}`]:!0},ref:t=>this.container=t,part:"carousel"},o("div",{key:"8119ff2c5aaad7eb6fb1880b5041e0144ac8769c",class:"tet-carousel__container"},o("div",{key:"dbbb2d5576544f53fba8542c4b35aa50207d6b2b",class:"tet-carousel__gradient-left",ref:t=>{this.leftGradientRef=t}}),o("div",{key:"89f5922c5c159e6c5bc488ed174715a406601e3a",class:"tet-carousel__gradient-right",ref:t=>{this.rightGradientRef=t}}),o("div",{key:"bf94c438e77f42b8c52fc0756d6cba7deb1867c5",class:"tet-carousel__track "+(a?"":"tet-carousel__track--center"),ref:t=>this.trackElement=t,style:{transform:`translate3d(${this.dragOffset}px, 0, 0)`,transition:l,willChange:"transform"},onPointerDown:this.onPointerDown,onPointerUp:this.onPointerUp},o("div",{key:"415ddb4f668161850dec16227988f0ac331f5b11",class:{"tet-carousel__track-content":!0,"tet-carousel__track-content--nudge":this.isNudgeAnimating},ref:t=>this.trackContentElement=t,style:{"--tet-carousel-nudge-distance":`${r.NUDGE_DISTANCE_PX}px`},onAnimationEnd:this.onNudgeAnimationEnd},o("slot",{key:"cc7af6690e0f1d055cf138d632d514a276e8c4d3"})))),!!this.label&&o("div",{key:"7d3dbe7d8a33d7c387b6ebbe3a98fa2212726646",class:"tet-carousel__label"},this.label),a&&o("div",{key:"3e9ab188a8d6f36a1339fcd2cf9fe8a7454c950b",class:"tet-carousel__controls"},e&&o("div",{key:"fd4d02c3837c8844efe9b9a49f35a3bdc4daa81d",class:"tet-carousel__buttons tet-carousel__buttons--mobile",ref:t=>this.mobileBackButtonWrapper=t},o("tet-button",{key:"f2f34157ecfd49174b452978479d537da8a03ca2",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconLeft,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handlePrev(),accessibilityLabel:s("components-carousel-previous"),disabled:this.isLeftNavigationDisabled()})),n&&o("div",{key:"5852fd0d4cc169122fa8e65a3636626b172ae9fe",class:"tet-carousel__dots"},Array.from({length:this.dotCount}).map(((t,e)=>o("button",{type:"button",tabIndex:e===this.activeDotIndex?0:-1,class:"tet-carousel__dot"+(e===this.activeDotIndex?" active":""),key:e,"aria-label":`${s(e===this.activeDotIndex?"components-carousel-indicator-button-active":"components-carousel-indicator-button")} ${e+1}/${this.dotCount}`,"aria-current":e===this.activeDotIndex?"true":void 0,onPointerDown:t=>t.stopPropagation(),onKeyDown:t=>this.handleDotKeyDown(t,e),onClick:()=>this.handleDotClick(e)})))),e&&o("div",{key:"4c919d2e7d6cadbb947a9859aa58abd0991e0b21",class:"tet-carousel__buttons"},o("tet-button",{key:"e609772a38498507cda8f1da6115a0a0853729ab",class:"tet-carousel__buttons--desktop",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconLeft,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handlePrev(),accessibilityLabel:s("components-carousel-previous"),disabled:this.isLeftNavigationDisabled()}),o("tet-button",{key:"825d6c81c5b32bff2fdb6a76ca35344b3a6c2d80",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconRight,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handleNext(),accessibilityLabel:s("components-carousel-next"),disabled:this.isRightNavigationDisabled()})))))}static get watchers(){return{language:["onLanguageChange"],activeItem:["onActiveItemChange"],showGradient:["checkGradient"],dragOffset:["checkGradient"],nudgeAnimationInterval:["onNudgeAnimIntervalChange"],isNudgeAnimating:["onNudgeAnimationStateChange"]}}};r.style=':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{--carousel-background:transparent;--carousel-dot-size:1rem;--carousel-buttons-bottom:-1rem;--carousel-dot-background:transparent;--carousel-dot-border:0.0625rem solid var(--tc-grey-70);--carousel-dot-border:0.0625rem solid var(--tc-grey-70);--carousel-dot-margin:0;--carousel-dot-margin-mobile:1rem;--carousel-label-color:var(--tc-text-secondary);--carousel-dot-active-background:var(--tc-layer-inverse-primary);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover);--carousel-dot-active-hover-background:var(--tc-grey-80);--carousel-dots-gap:0.5rem;--carousel-buttons-gap:1rem;--carousel-track-gap:0;--carousel-track-height:100%;--carousel-item-width:100%;--carousel-item-height:100%;--carousel-buttons-right:2rem;--carousel-dots-bottom:-1rem;--carousel-nudge-animation-duration:1.5s;--carousel-gradient:var(--tc-background-primary);-webkit-tap-highlight-color:transparent;display:inline-block;width:100%}.tet-carousel{position:relative;width:100%;background:var(--carousel-background)}.tet-carousel.dark{--carousel-dot-active-background:var(--tc-layer-inverse-primary-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover-dark);--carousel-dot-active-hover-background:var(--tc-grey-80-dark);--carousel-label-color:var(--tc-text-secondary-dark);--carousel-gradient:var(--tc-background-primary-dark)}.tet-carousel__container{width:var(--carousel-item-width);max-width:var(--carousel-item-width);height:var(--carousel-track-height);position:relative;margin-bottom:var(--carousel-dot-margin-mobile);contain:layout}.tet-carousel__controls{position:relative;display:flex;align-items:center;justify-content:center;height:fit-content;margin-bottom:var(--carousel-dot-margin-mobile);min-height:2.75rem;touch-action:manipulation}.tet-carousel__label{color:var(--carousel-label-color);margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem}.tet-carousel__track{touch-action:pan-y;display:flex;height:var(--carousel-track-height);will-change:transform}.tet-carousel__track--center{justify-content:center}.tet-carousel__track-content{display:flex;gap:var(--carousel-track-gap);will-change:transform}.tet-carousel__track-content--nudge{animation:tet-carousel-nudge var(--carousel-nudge-animation-duration) ease-in-out}@media (hover: hover) and (pointer: fine){.tet-carousel:hover .tet-carousel__track-content--nudge{animation-play-state:paused}}.tet-carousel__track-content>*{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tet-carousel__buttons{position:absolute;right:0;bottom:50%;display:flex;transform:translateY(50%);gap:var(--carousel-buttons-gap);z-index:2}.tet-carousel__buttons--mobile{display:flex;left:0}.tet-carousel__buttons--desktop{display:none !important}.tet-carousel__dots{display:flex;width:100%;gap:var(--carousel-dots-gap);justify-content:center;align-items:center}.tet-carousel__dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:50%;background:var(--carousel-dot-background);cursor:pointer;transition:background 0.2s;border:var(--carousel-dot-border);z-index:2;touch-action:manipulation}.tet-carousel__dot:hover{background:var(--carousel-dot-hover-background)}.tet-carousel__dot.active{background:var(--carousel-dot-active-background);border:none}.tet-carousel__dot.active:hover{background:var(--carousel-dot-active-hover-background)}.tet-carousel__dot:focus-visible{outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem}.tet-carousel__gradient-left,.tet-carousel__gradient-right{position:absolute;top:0;display:block;width:13.75rem;height:100%;transition:opacity 0.4s ease-out;pointer-events:none;z-index:20;opacity:0}.tet-carousel__gradient-left{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);left:0}.tet-carousel__gradient-right{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);right:0}@keyframes tet-carousel-nudge{0%{transform:translateX(0)}50%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}70%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}100%{transform:translateX(0)}}@media all and (min-width: 46.25rem){.tet-carousel__controls{margin-bottom:var(--carousel-dot-margin)}.tet-carousel__label{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem}.tet-carousel__buttons{right:0.25rem}.tet-carousel__buttons--mobile{display:none}.tet-carousel__buttons--desktop{display:flex !important}}@media all and (min-width: 90rem){.tet-carousel__label{font-size:1.125rem;line-height:1.75rem}}';export{r as tet_carousel}
+import{r as t,f as e,h as o,H as i}from"./p-7c868b40.js";import{p as n,t as s}from"./p-f9e5405c.js";import"./p-9a2b6ee2.js";import"./p-59ffdcd3.js";const r=class{constructor(e){t(this,e),this.activeDotIndex=0,this.dotCount=0,this.totalItems=0,this.activeItem=0,this.isDragging=!1,this.dragOffset=0,this.isNudgeAnimating=!1,this.theme="light",this.showDots=!0,this.showGradient=!1,this.showButtons=!0,this.transitionDuration=500,this.swipeThreshold=32,this.transitionTiming="ease-out",this.buttonIconLeft="arrow-left",this.buttonIconRight="arrow-right",this.maxDots=8,this.label=void 0,this.nudgeAnimationInterval=0,this.language="lv"}static NUDGE_DISTANCE_PX=16;static NUDGE_IDLE_THRESHOLD_MS=1500;static GRADIENT_VISIBILITY_THRESHOLD_PX=1;static GRADIENT_WIDTH_FALLBACK_PX=100;static EDGE_DRAG_MAX_PX=32;static EDGE_DRAG_RESISTANCE=.95;static MOUSE_DRAG_SMOOTHING_MS=60;focusableSelector='a[href], [tabindex]:not([tabindex="-1"])';handleResize=()=>{this.getDotCount();const t=this.getSlotElements();if(!t?.length)return;const e=Math.max(0,Math.min(this.activeItem,t.length-1));this.moveToItem(t[e],e),this.checkGradient()};handleSlotChangeListener=()=>this.handleSlotChange();managedFocusableElements=[];managedSlideFocusWithinListeners=[];draggedAnchor=null;dragMoved=!1;dragPointerStartX=0;dragStartX=0;dragStartActiveItem=0;dragPointerType="";nudgeTimeoutId;nudgeGradientRafId;lastInteractionAt=0;trackElement=null;trackContentElement=null;mobileBackButtonWrapper=null;container;leftGradientRef;rightGradientRef;slotObserver;safeForceUpdate(){try{e(this)}catch{}}syncTranslations(t){n("tet-components",t).then((()=>this.safeForceUpdate()))}onLanguageChange(t){this.syncTranslations(t)}onActiveItemChange(){this.updateSlideFocusableTabIndexes()}checkGradient(){if(this.showGradient){const t=this.getViewportWidth(),e=this.getSlotClientWidth(),o=Math.max(0,e-t),i=-this.getRealDragOffset(),n=Math.max(0,Math.min(o,i)),s=o-n<r.GRADIENT_VISIBILITY_THRESHOLD_PX;n<r.GRADIENT_VISIBILITY_THRESHOLD_PX?(this.leftGradientRef.style.opacity="0",this.rightGradientRef.style.opacity="1"):s?(this.leftGradientRef.style.opacity="1",this.rightGradientRef.style.opacity="0"):(this.leftGradientRef.style.opacity="1",this.rightGradientRef.style.opacity="1")}else this.leftGradientRef.style.opacity="0",this.rightGradientRef.style.opacity="0"}onNudgeAnimIntervalChange(){this.syncNudgeSchedule()}onNudgeAnimationStateChange(){this.syncNudgeGradientLoop(),this.checkGradient()}componentWillLoad(){this.syncTranslations(this.language)}getSlotElements(){const t=this.container?.querySelector("slot");if(!t)return;let e=t.assignedElements?t.assignedElements():[];return 0!==e.length?(e[0].className.includes("carousel-wrapper")&&(e=Array.from(e[0].children)),e):void 0}getViewportWidth(){return this.container?.offsetWidth||window.innerWidth}getSlotClientWidth(){return this.trackElement?.querySelector("slot")?.offsetWidth||window.innerWidth}getMaxScrollableOffset(){return Math.max(0,this.getSlotClientWidth()-this.getViewportWidth())}afterLayout(t){requestAnimationFrame((()=>requestAnimationFrame(t)))}getDotScreenLength(){return this.getSlotClientWidth()/this.dotCount}isLast(t,e){return this.getSlotClientWidth()-e<=t}isLastViewport(t){const e=this.getViewportWidth();return this.isLast(e,t)}isLastDotScreen(t,e){const o=this.getViewportWidth(),i=Math.max(e,o);return this.isLast(i,t)}getItemLayoutMetrics(){const t=this.getSlotElements();return t&&0!==t.length?t.map(((t,e)=>{const o=t.offsetLeft;return{item:t,index:e,left:o,right:o+t.offsetWidth}})):[]}getFullyVisibleItemCount(){const t=this.getItemLayoutMetrics();if(!t.length)return 0;const e=this.getViewportWidth(),o=this.getClampedViewportLeft(),i=o+e;let n=0;for(const{left:e,right:s}of t)e>=o&&s<=i&&n++;return n}getClampedViewportLeft(){const t=Math.abs(this.dragOffset),e=this.getMaxScrollableOffset();return Math.max(0,Math.min(e,t))}getVisibleItemCountFromIndex(t){const e=this.getItemLayoutMetrics();if(!e.length)return 1;const o=Math.max(0,Math.min(t,e.length-1)),i=this.getViewportWidth(),n=e[o].left+i+.5;let s=0;for(let t=o;t<e.length&&e[t].right<=n;t++)s++;return Math.max(1,s)}getFirstVisibleItemInViewport(){const t=this.getItemLayoutMetrics();if(!t.length)return null;const e=this.getClampedViewportLeft(),o=.5,i=t.find((t=>t.left<=e+o&&t.right>e+o));if(i){if(i.right-e>=(i.right-i.left)/2||i.index===t.length-1)return{item:i.item,index:i.index};const o=t[i.index+1];if(o)return{item:o.item,index:o.index}}if(e<=t[0].left+o)return{item:t[0].item,index:t[0].index};const n=t.find((t=>t.left>e+o));if(n)return{item:n.item,index:n.index};const s=t.at(-1);return{item:s.item,index:s.index}}getEdgeSnapTarget(t){const e=this.getItemLayoutMetrics();if(!e.length)return null;const o=this.getClampedViewportLeft(),i=o+this.getViewportWidth(),n=e[0],s=e.at(-1);if(t<0){const t=Math.min(n.right,i)-Math.max(n.left,o);if(t>0&&t>=(n.right-n.left)/2)return{item:n.item,index:n.index}}if(t>0){const t=Math.min(s.right,i)-Math.max(s.left,o);if(t>0&&t>=(s.right-s.left)/2)return{item:s.item,index:s.index}}return null}getSwipeTarget(t){const e=this.getSlotElements();if(!e||0===e.length)return null;const o=this.getEdgeSnapTarget(t);if(o)return o;const i=this.getFirstVisibleItemInViewport();let n=i?.index??this.dragStartActiveItem;t>0&&n<=this.dragStartActiveItem&&(n=this.dragStartActiveItem+1),t<0&&n>=this.dragStartActiveItem&&(n=this.dragStartActiveItem-1),n=Math.max(0,Math.min(e.length-1,n));const s=e[n];return s?{item:s,index:n}:null}getRealDragOffset(){return this.dragOffset+this.getCurrentNudgeTranslateX()}applyEdgeDragResistance(t,e){return t>0?Math.min(r.EDGE_DRAG_MAX_PX,t*r.EDGE_DRAG_RESISTANCE):t<e?e+Math.max(-r.EDGE_DRAG_MAX_PX,(t-e)*r.EDGE_DRAG_RESISTANCE):t}getCurrentNudgeTranslateX(){if(!this.isNudgeAnimating||!this.trackContentElement)return 0;const t=getComputedStyle(this.trackContentElement).transform;if(!t||"none"===t)return 0;try{return new DOMMatrixReadOnly(t).m41||0}catch{return 0}}getDotCount(){const t=this.getSlotElements();if(!t)return this.dotCount=1,this.totalItems=0,void(this.activeDotIndex=0);this.totalItems=t.length;const e=this.getViewportWidth(),o=this.getSlotClientWidth(),i=Math.ceil(o/Math.max(1,e)),n=Number.isFinite(this.maxDots)?this.maxDots:i;this.dotCount=Math.max(1,Math.min(n,i)),this.activeDotIndex=this.clampDotIndex(this.activeDotIndex)}handleMove=()=>{const t=this.getSlotElements();if(!t)return;const e=t[this.activeItem];e&&this.moveToItem(e)};navigateByStep(t){this.registerUserInteraction();const e=this.getSlotElements();if(!e||0===e.length)return;const o=this.activeDotIndex,i=this.getFirstVisibleItemInViewport(),n=i?.index??this.activeItem,s=this.getClampedViewportLeft()>0;if(t<0&&0===n&&s){const t=e[0];return void(t&&this.moveToItem(t,0))}const r=this.getVisibleItemCountFromIndex(n),a=Math.max(0,Math.min(e.length-1,n+t*r));if(a===n)return;const l=e[a];l&&(this.moveToItem(l,a),Math.abs(this.activeDotIndex-o)>1&&this.moveToDotIndex(o+t))}handlePrev=()=>{this.navigateByStep(-1)};handleNext=()=>{this.navigateByStep(1)};moveToLastScreen=()=>{this.dragOffset=-this.getMaxScrollableOffset()};getGradientWidth(){if(!this.showGradient)return 0;const t=this.leftGradientRef?.offsetWidth;return t&&t>0?t:r.GRADIENT_WIDTH_FALLBACK_PX}calculateGradient(t,e){const o=this.getSlotClientWidth();let i=this.showGradient?160:0;return i=e<160?e:i,i=o-e-t.offsetWidth<160?0:i,i}calcLastScreenElement=t=>{const e=this.getSlotElements();if(!e)return null;const o=this.trackElement.getBoundingClientRect(),i=this.getFirstItemOffset();for(const[n,s]of e.entries()){let e=s.getBoundingClientRect().left-o.left-i;const r=this.calculateGradient(s,e);if(e>=t-this.swipeThreshold+r)return{item:s,index:n}}return{item:e[0],index:0}};moveToDotIndex(t){this.activeDotIndex=this.clampDotIndex(t);const e=this.getMaxScrollableOffset(),o=this.dotCount-1!==this.activeDotIndex||this.isDragging?this.activeDotIndex*this.getDotScreenLength():e,i=Math.max(0,Math.min(o,e)),n=this.calcLastScreenElement(i);if(!n)return this.activeItem=0,void(this.dragOffset=0);const{index:s}=n;this.activeItem=s,this.dragOffset=-i}handleDotClick=t=>{this.registerUserInteraction(),this.moveToDotIndex(t)};focusDot=t=>{if(!this.container)return;const e=Array.from(this.container.querySelectorAll(".tet-carousel__dot"));e[t]?.focus()};getKeyboardTargetIndex(t,e,o){if(o<1)return null;switch(t){case"ArrowRight":case"ArrowDown":return Math.min(o,e+1);case"ArrowLeft":case"ArrowUp":return Math.max(0,e-1);case"Home":return 0;case"End":return o;default:return null}}handleNavigationKeyDown(t,e,o,i,n){const s=this.getKeyboardTargetIndex(t.key,e,o);null!==s&&(t.preventDefault(),t.stopPropagation(),i(s)&&this.afterLayout((()=>n(s))))}handleDotKeyDown=(t,e)=>{if("Tab"===t.key&&t.shiftKey){if(this.hasVisibleMobileBackButtonTarget())return;if(!this.hasFocusableTargetInSlide(this.activeItem))return;return this.registerUserInteraction(),t.preventDefault(),t.stopPropagation(),void this.afterLayout((()=>this.focusSlideByIndex(this.activeItem)))}this.handleNavigationKeyDown(t,e,this.dotCount-1,(t=>(this.handleDotClick(t),!0)),(t=>this.focusDot(t)))};isElementVisible(t){if(!t.isConnected)return!1;if(t.hidden||t.hasAttribute("hidden"))return!1;if(0===t.getClientRects().length)return!1;const e=getComputedStyle(t);return"none"!==e.display&&"hidden"!==e.visibility}hasVisibleMobileBackButtonTarget(){if(this.isLeftNavigationDisabled())return!1;const t=this.mobileBackButtonWrapper;return!!t&&this.isElementVisible(t)}hasFocusableTargetInSlide(t){return this.managedFocusableElements.some((({slideIndex:e,element:o})=>e===t&&this.isElementVisible(o)))}onPointerDown=t=>{this.registerUserInteraction(),this.dragPointerType=t.pointerType||"mouse",t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.isDragging=!0,this.dragStartX=t.screenX,this.dragMoved=!1,this.dragPointerStartX=t.screenX,this.dragStartActiveItem=this.activeItem,document.body.style.userSelect="none",document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp);let e=t.target;for(this.draggedAnchor=null;e;){if("A"===e.tagName||e.getAttribute("tabindex")){this.draggedAnchor=e;break}e=e.parentElement}};onPointerMove=t=>{if(!this.isDragging)return;const e=Math.abs(t.screenX-this.dragPointerStartX);if(!this.dragMoved&&e>5&&(this.dragMoved=!0,this.trackElement))try{this.trackElement.setPointerCapture?.(t.pointerId)}catch{}let o=this.dragOffset;o+=t.screenX-this.dragStartX,this.dragStartX=t.screenX;const i=this.getMinDragOffset();this.dragOffset=this.applyEdgeDragResistance(o,i);const n=this.getFirstVisibleItemInViewport();n&&this.activeItem!==n.index&&(this.activeItem=n.index)};releaseTrackPointerCapture(t){try{this.trackElement?.releasePointerCapture?.(t)}catch{}}getMinDragOffset(){return-this.getMaxScrollableOffset()}snapToEdge(t){if(0===t)return void(this.dragOffset=0);const e=this.dragOffset>0;this.activeItem=e?0:Math.max(0,this.totalItems-1),this.activeDotIndex=e?0:Math.max(0,this.dotCount-1),this.dragOffset=e?0:t}moveBySwipeDelta(t){if(Math.abs(t)<=this.swipeThreshold)return this.activeItem=this.dragStartActiveItem,void this.afterLayout((()=>this.handleMove()));const e=this.getSwipeTarget(t<0?1:-1);e&&this.moveToItem(e.item,e.index)}finalizePointerDrag(){document.body.style.userSelect="",document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp),this.dragPointerType=""}preventClickAfterDrag(){if(!this.draggedAnchor||!this.dragMoved)return;const t=e=>{e.preventDefault(),e.stopPropagation(),this.draggedAnchor?.removeEventListener("click",t,!0)};this.draggedAnchor.addEventListener("click",t,!0)}onPointerUp=t=>{if(!this.isDragging)return;this.registerUserInteraction(),this.releaseTrackPointerCapture(t.pointerId),this.isDragging=!1;const e=this.getMinDragOffset(),o=t.screenX-this.dragPointerStartX;this.dragOffset>0||this.dragOffset<e?this.snapToEdge(e):this.moveBySwipeDelta(o),this.finalizePointerDrag(),this.preventClickAfterDrag()};_showButtons(t=this.getFullyVisibleItemCount()){return!(!this.showButtons||t>=this.totalItems)}_showDots(t=this.getFullyVisibleItemCount()){return!!this.showDots&&!(this.totalItems<=0||t>=this.totalItems)}componentDidLoad(){this.getDotCount(),window.addEventListener("resize",this.handleResize),this.checkGradient(),this.initSlotListeners(),this.syncNudgeSchedule(),this.refreshSlideFocusableElements()}handleSlotChange(){this.getDotCount();const t=Math.max(0,this.totalItems-1);this.activeItem=Math.max(0,Math.min(this.activeItem,t)),this.refreshSlideFocusableElements(),this.checkGradient(),this.safeForceUpdate()}initSlotListeners(){const t=this.container?.querySelector("slot");if(!t)return;if(t.addEventListener("slotchange",this.handleSlotChangeListener),"function"!=typeof t.assignedElements)return;const e=t.assignedElements();if(1!==e.length)return;const o=e[0];this.slotObserver=new MutationObserver((()=>this.handleSlotChange())),this.slotObserver.observe(o,{childList:!0,subtree:!1})}isTabbableElement(t){if("A"===t.tagName)return t.hasAttribute("href");const e=t.getAttribute("tabindex");return null!==e&&"-1"!==e.trim()}getSlideFocusableElements(t){const e=new Set;return this.isTabbableElement(t)&&e.add(t),Array.from(t.querySelectorAll(this.focusableSelector)).forEach((t=>{this.isTabbableElement(t)&&e.add(t)})),t.shadowRoot&&Array.from(t.shadowRoot.querySelectorAll(this.focusableSelector)).forEach((t=>{this.isTabbableElement(t)&&e.add(t)})),Array.from(e)}clearManagedSlideFocusableElements(){this.managedSlideFocusWithinListeners.forEach((({slide:t,onFocusWithin:e})=>{t.removeEventListener("focusin",e)})),this.managedSlideFocusWithinListeners=[],this.managedFocusableElements.forEach((({element:t,originalTabIndex:e,onKeyDown:o})=>{t.removeEventListener("keydown",o),null===e?t.removeAttribute("tabindex"):t.setAttribute("tabindex",e)})),this.managedFocusableElements=[]}updateSlideFocusableTabIndexes(){this.managedFocusableElements.length&&this.managedFocusableElements.forEach((({element:t,slideIndex:e})=>{t.setAttribute("tabindex",e===this.activeItem?"0":"-1")}))}focusSlideByIndex(t){const e=this.managedFocusableElements.find((e=>e.slideIndex===t)),o=e?.element;if(o)try{o.focus({preventScroll:!0})}catch{}}handleSlideKeyDown(t,e){this.handleNavigationKeyDown(t,e,this.totalItems-1,(t=>{const e=this.getSlotElements();return!!e?.[t]&&(this.registerUserInteraction(),this.moveToItem(e[t],t,0),!0)}),(t=>this.focusSlideByIndex(t)))}refreshSlideFocusableElements(){this.clearManagedSlideFocusableElements();const t=this.getSlotElements();t?.length&&(t.forEach(((e,o)=>{const i=()=>{this.registerUserInteraction();const i=o===t.length-1?0:this.getGradientWidth();this.moveToItem(e,o,i)};this.managedSlideFocusWithinListeners.push({slide:e,onFocusWithin:i}),e.addEventListener("focusin",i),this.getSlideFocusableElements(e).forEach((t=>{const e=t=>this.handleSlideKeyDown(t,o);this.managedFocusableElements.push({element:t,slideIndex:o,originalTabIndex:t.getAttribute("tabindex"),onKeyDown:e}),t.addEventListener("keydown",e)}))})),this.updateSlideFocusableTabIndexes())}startNudgeGradientLoop(){if(this.nudgeGradientRafId)return;const t=()=>{this.checkGradient(),this.nudgeGradientRafId=this.isNudgeAnimating?requestAnimationFrame(t):void 0};this.nudgeGradientRafId=requestAnimationFrame(t)}stopNudgeGradientLoop(){this.nudgeGradientRafId&&(cancelAnimationFrame(this.nudgeGradientRafId),this.nudgeGradientRafId=void 0)}syncNudgeGradientLoop(){this.isNudgeAnimating?this.startNudgeGradientLoop():this.stopNudgeGradientLoop()}registerUserInteraction(){this.lastInteractionAt=Date.now(),this.stopNudgeAnimation()&&this.scheduleNextNudge()}hasRecentInteraction(){return!!this.lastInteractionAt&&Date.now()-this.lastInteractionAt<r.NUDGE_IDLE_THRESHOLD_MS}isRightNavigationDisabled(){return this.dotCount<=1||this.activeItem===this.totalItems-1||this.isLastViewport(-this.dragOffset)}isLeftNavigationDisabled(){return this.dotCount<=1||0===this.activeItem}isNudgeEligible(){return!(!this.trackElement||this.isDragging||this.isNudgeAnimating||this.hasRecentInteraction()||this.isRightNavigationDisabled()||0!==this.dragOffset)}scheduleNextNudge(){this.nudgeAnimationInterval<=0||(this.clearNudgeTimeout(),this.nudgeTimeoutId=setTimeout((()=>{this.nudgeTimeoutId=void 0,this.isNudgeEligible()?this.isNudgeAnimating=!0:this.scheduleNextNudge()}),this.nudgeAnimationInterval))}onNudgeAnimationEnd=t=>{"tet-carousel-nudge"===t.animationName&&(this.stopNudgeAnimation(),this.scheduleNextNudge())};stopNudgeAnimation(){const t=this.isNudgeAnimating;return t&&(this.isNudgeAnimating=!1),t}clearNudgeTimeout(){this.nudgeTimeoutId&&(clearTimeout(this.nudgeTimeoutId),this.nudgeTimeoutId=void 0)}stopNudgeSchedule(){this.clearNudgeTimeout(),this.stopNudgeAnimation()}syncNudgeSchedule(){this.stopNudgeSchedule(),this.scheduleNextNudge()}clampDotIndex(t){return Math.max(0,Math.min(t,this.dotCount-1))}setDotIndex(t,e){let o=0;const i=this.getDotScreenLength();o=this.isLastDotScreen(t,i)?this.dotCount-1:Math.round((t+e)/i),this.activeDotIndex=this.clampDotIndex(o)}getFirstItemOffset(){const t=this.getSlotElements();if(!t?.length)return 0;const e=this.trackElement.getBoundingClientRect();return t[0].getBoundingClientRect().left-e.left}moveToItem(t,e,o=0){(e||0===e)&&(this.activeItem=e);const i=t.getBoundingClientRect(),n=this.trackElement.getBoundingClientRect();let s=i.left-n.left-this.getFirstItemOffset();const r=this.calculateGradient(t,s);this.setDotIndex(s,r);const a=Math.max(0,s-Math.max(0,o));this.isLastViewport(s)?this.moveToLastScreen():this.dragOffset=-a}disconnectedCallback(){this.stopNudgeSchedule(),this.stopNudgeGradientLoop(),window.removeEventListener("resize",this.handleResize),this.clearManagedSlideFocusableElements();const t=this.container?.querySelector("slot");t&&t.removeEventListener("slotchange",this.handleSlotChangeListener),this.slotObserver&&(this.slotObserver.disconnect(),this.slotObserver=null),document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}render(){const t=this.getFullyVisibleItemCount(),e=this._showButtons(t),n=this._showDots(t),a=e||n;let l=`transform ${this.transitionDuration}ms ${this.transitionTiming}`;return this.isDragging&&(l="mouse"===this.dragPointerType?`transform ${r.MOUSE_DRAG_SMOOTHING_MS}ms linear`:"none"),o(i,{key:"5786969402d8119f57e8d1904f5f4a7f3bb11218"},o("div",{key:"564887e7cfb30760cb785390b936537428d57de7",class:{"tet-carousel":!0,[`${this.theme}`]:!0},ref:t=>this.container=t,part:"carousel"},o("div",{key:"8119ff2c5aaad7eb6fb1880b5041e0144ac8769c",class:"tet-carousel__container"},o("div",{key:"dbbb2d5576544f53fba8542c4b35aa50207d6b2b",class:"tet-carousel__gradient-left",ref:t=>{this.leftGradientRef=t}}),o("div",{key:"89f5922c5c159e6c5bc488ed174715a406601e3a",class:"tet-carousel__gradient-right",ref:t=>{this.rightGradientRef=t}}),o("div",{key:"bf94c438e77f42b8c52fc0756d6cba7deb1867c5",class:"tet-carousel__track "+(a?"":"tet-carousel__track--center"),ref:t=>this.trackElement=t,style:{transform:`translate3d(${this.dragOffset}px, 0, 0)`,transition:l,willChange:"transform"},onPointerDown:this.onPointerDown,onPointerUp:this.onPointerUp},o("div",{key:"415ddb4f668161850dec16227988f0ac331f5b11",class:{"tet-carousel__track-content":!0,"tet-carousel__track-content--nudge":this.isNudgeAnimating},ref:t=>this.trackContentElement=t,style:{"--tet-carousel-nudge-distance":`${r.NUDGE_DISTANCE_PX}px`},onAnimationEnd:this.onNudgeAnimationEnd},o("slot",{key:"cc7af6690e0f1d055cf138d632d514a276e8c4d3"})))),!!this.label&&o("div",{key:"7d3dbe7d8a33d7c387b6ebbe3a98fa2212726646",class:"tet-carousel__label"},this.label),a&&o("div",{key:"3e9ab188a8d6f36a1339fcd2cf9fe8a7454c950b",class:"tet-carousel__controls"},e&&o("div",{key:"fd4d02c3837c8844efe9b9a49f35a3bdc4daa81d",class:"tet-carousel__buttons tet-carousel__buttons--mobile",ref:t=>this.mobileBackButtonWrapper=t},o("tet-button",{key:"f2f34157ecfd49174b452978479d537da8a03ca2",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconLeft,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handlePrev(),accessibilityLabel:s("components-carousel-previous"),disabled:this.isLeftNavigationDisabled()})),n&&o("div",{key:"5852fd0d4cc169122fa8e65a3636626b172ae9fe",class:"tet-carousel__dots"},Array.from({length:this.dotCount}).map(((t,e)=>o("button",{type:"button",tabIndex:e===this.activeDotIndex?0:-1,class:"tet-carousel__dot"+(e===this.activeDotIndex?" active":""),key:e,"aria-label":`${s(e===this.activeDotIndex?"components-carousel-indicator-button-active":"components-carousel-indicator-button")} ${e+1}/${this.dotCount}`,"aria-current":e===this.activeDotIndex?"true":void 0,onPointerDown:t=>t.stopPropagation(),onKeyDown:t=>this.handleDotKeyDown(t,e),onClick:()=>this.handleDotClick(e)})))),e&&o("div",{key:"4c919d2e7d6cadbb947a9859aa58abd0991e0b21",class:"tet-carousel__buttons"},o("tet-button",{key:"e609772a38498507cda8f1da6115a0a0853729ab",class:"tet-carousel__buttons--desktop",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconLeft,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handlePrev(),accessibilityLabel:s("components-carousel-previous"),disabled:this.isLeftNavigationDisabled()}),o("tet-button",{key:"825d6c81c5b32bff2fdb6a76ca35344b3a6c2d80",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconRight,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handleNext(),accessibilityLabel:s("components-carousel-next"),disabled:this.isRightNavigationDisabled()})))))}static get watchers(){return{language:["onLanguageChange"],activeItem:["onActiveItemChange"],showGradient:["checkGradient"],dragOffset:["checkGradient"],nudgeAnimationInterval:["onNudgeAnimIntervalChange"],isNudgeAnimating:["onNudgeAnimationStateChange"]}}};r.style=':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{--carousel-background:transparent;--carousel-dot-size:1rem;--carousel-buttons-bottom:-1rem;--carousel-dot-background:transparent;--carousel-dot-border:0.0625rem solid var(--tc-grey-70);--carousel-dot-border:0.0625rem solid var(--tc-grey-70);--carousel-dot-margin:0;--carousel-dot-margin-mobile:1rem;--carousel-label-color:var(--tc-text-secondary);--carousel-dot-active-background:var(--tc-layer-inverse-primary);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover);--carousel-dot-active-hover-background:var(--tc-grey-80);--carousel-dots-gap:0.5rem;--carousel-buttons-gap:1rem;--carousel-track-gap:0;--carousel-track-height:100%;--carousel-item-width:100%;--carousel-item-height:100%;--carousel-buttons-right:2rem;--carousel-dots-bottom:-1rem;--carousel-nudge-animation-duration:1.5s;--carousel-gradient:var(--tc-background-primary);-webkit-tap-highlight-color:transparent;display:inline-block;width:100%}.tet-carousel{position:relative;width:100%;background:var(--carousel-background)}.tet-carousel.dark{--carousel-dot-active-background:var(--tc-layer-inverse-primary-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover-dark);--carousel-dot-active-hover-background:var(--tc-grey-80-dark);--carousel-label-color:var(--tc-text-secondary-dark);--carousel-gradient:var(--tc-background-primary-dark)}.tet-carousel__container{width:var(--carousel-item-width);max-width:var(--carousel-item-width);height:var(--carousel-track-height);position:relative;margin-bottom:var(--carousel-dot-margin-mobile);contain:layout}.tet-carousel__controls{position:relative;display:flex;align-items:center;justify-content:center;height:fit-content;margin-bottom:var(--carousel-dot-margin-mobile);min-height:2.75rem;touch-action:manipulation}.tet-carousel__label{color:var(--carousel-label-color);margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem}.tet-carousel__track{touch-action:pan-y;display:flex;height:var(--carousel-track-height);will-change:transform}.tet-carousel__track--center{justify-content:center}.tet-carousel__track-content{display:flex;gap:var(--carousel-track-gap);will-change:transform}.tet-carousel__track-content--nudge{animation:tet-carousel-nudge var(--carousel-nudge-animation-duration) ease-in-out}@media (hover: hover) and (pointer: fine){.tet-carousel:hover .tet-carousel__track-content--nudge{animation-play-state:paused}}.tet-carousel__track-content>*{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tet-carousel__buttons{position:absolute;right:0;bottom:50%;display:flex;transform:translateY(50%);gap:var(--carousel-buttons-gap);z-index:2}.tet-carousel__buttons--mobile{display:flex;left:0}.tet-carousel__buttons--desktop{display:none !important}.tet-carousel__dots{display:flex;width:100%;gap:var(--carousel-dots-gap);justify-content:center;align-items:center}.tet-carousel__dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:50%;background:var(--carousel-dot-background);cursor:pointer;transition:background 0.2s;border:var(--carousel-dot-border);z-index:2;touch-action:manipulation}.tet-carousel__dot:hover{background:var(--carousel-dot-hover-background)}.tet-carousel__dot.active{background:var(--carousel-dot-active-background);border:none}.tet-carousel__dot.active:hover{background:var(--carousel-dot-active-hover-background)}.tet-carousel__dot:focus-visible{outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem}.tet-carousel__gradient-left,.tet-carousel__gradient-right{position:absolute;top:0;display:block;width:13.75rem;height:100%;transition:opacity 0.4s ease-out;pointer-events:none;z-index:20;opacity:0}.tet-carousel__gradient-left{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);left:0}.tet-carousel__gradient-right{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);right:0}@keyframes tet-carousel-nudge{0%{transform:translateX(0)}50%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}70%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}100%{transform:translateX(0)}}@media all and (min-width: 46.25rem){.tet-carousel__controls{margin-bottom:var(--carousel-dot-margin)}.tet-carousel__label{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem}.tet-carousel__buttons{right:0.25rem}.tet-carousel__buttons--mobile{display:none}.tet-carousel__buttons--desktop{display:flex !important}}@media all and (min-width: 90rem){.tet-carousel__label{font-size:1.125rem;line-height:1.75rem}}';export{r as tet_carousel}

package/dist/tet-components/{p-5886a781.entry.js → p-3c8bea13.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,H as a}from"./p-83f43fdd.js";const o=class{constructor(t){e(this,t)}render(){return t(a,{key:"d2f266350474c94596221ee190aebabf962019c1"},t("div",{key:"74f46dec46adc45974bac029621173bf31a07d08",class:"variable-container"},t("div",{key:"f4af9925d0e7746693bbddb1b590301a496913e9",class:"container-title main"},"Atstarpes klase klase"),t("div",{key:"68df94bbacb1ed002b5fa0c46635deed69c2ac03",class:"container-section"},t("div",{key:"634da805eb8c9c7503aeeb645d47203b20fdefbe",class:"variable-name"},t("div",{key:"0feb4e63bb81d88a1d32ecc997f312b33e06ba9f",class:"variable-part"},"tet"),t("div",{key:"29a12080a299732343dfa6de8856733448c6063b",class:"variable-part"},"-spacing"),t("div",{key:"0f05b2c7be6415b681c27cad1f55ea756139e8e8",class:"variable-part variable variable-size"},"__md"),t("div",{key:"982964a408e4ea041132ccf2d0169a5d12501302",class:"variable-part variable variable-direction"},"--plr")))),t("div",{key:"49e4a39e7f07b640cf9c0eef699885455b0ab950",class:"container-wrapper"},t("div",{key:"5062926920a59d36f9223b03fc7a45cb79eb0e7b",class:"container-title"},"Atstarpju izmēri un virzieni"),t("div",{key:"a40af9654228d4f89e736cc87575db645e3cbea1",class:"section"},t("div",{key:"158f95ac2458f04f1ae446f0b9d3c2f203df7613",class:"section-wrapper"},t("div",{key:"0e0726a8f3df868add90138bf3d68d0804b2c4de",class:"section"},t("div",{key:"96b0b2d00c826aa634e62ce914c71d7e6f55f5eb",class:"section-content"},t("div",{key:"73bd7266ac22dd0b75c7738f75e30d63be410270",class:"section-style"},"__null"),t("div",{key:"4a059ea1ab5354eb1a4e3a012c995bbb5afba132",class:"section-style-attribute"},"0")),t("div",{key:"b3a5482eeb2f809c8d2e424175607377c2b34e6d",class:"section-content"},t("div",{key:"e3eca1c0666017132e8eed7d2e3ea71ba401e6df",class:"section-style"},"__3xs"),t("div",{key:"5ad49adcd2d0dcc4b707cf255c1a9109e72f5590",class:"section-style-attribute"},"0.125rem / 2px")),t("div",{key:"21678d0951476609cda0ad89a553eddcd9e20383",class:"section-content"},t("div",{key:"a954ca8379d1dbbab5e6498da602b9087634d6a9",class:"section-style"},"__2xs"),t("div",{key:"1fad7a1074e6b8944af11d6e1a50918e5e76b0fd",class:"section-style-attribute"},"0.25rem / 4px")),t("div",{key:"1220747817a6dd9ae1a6e22799bd2aa7d610c9a7",class:"section-content"},t("div",{key:"6e18ccc21070cc48b03716527160bc4ec54e1821",class:"section-style"},"__xs"),t("div",{key:"3950c6e6f0cd3bc87171b4ae4bf3f76e454520e0",class:"section-style-attribute"},"0.5rem / 8px")),t("div",{key:"6334b0282ed07c8190c0d126266f8699b35b0499",class:"section-content"},t("div",{key:"90aa38c0cc9e9608abb1f1496b8d2bf3c4fd3b1b",class:"section-style"},"__sm"),t("div",{key:"37b295274e83c585d0b7fc0414aca348e4b34013",class:"section-style-attribute"},"0.75rem / 12px")),t("div",{key:"0145ff0fdaddcda413bfac6d8305e39ecabb9fb5",class:"section-content"},t("div",{key:"1d280626cf049cbfa8c10c0058e41f999bb4e066",class:"section-style"},"__md"),t("div",{key:"306dd5aec3a4df679fa0a0ffad84e32c30768e07",class:"section-style-attribute"},"1rem / 16px")),t("div",{key:"49ea316f7d481cd2557ec3ff898836e817f6db5e",class:"section-content"},t("div",{key:"0244932bcbcaa6e27f39593d1136713365eebe54",class:"section-style"},"__lg"),t("div",{key:"83a85ee284179f69b963c223000f10db2856adab",class:"section-style-attribute"},"1.5rem / 24px")),t("div",{key:"e9dd5a1d665d280347c9ef7ffa806dce3ef8d60a",class:"section-content"},t("div",{key:"60b56629f18a545ddf851f6f2c22dc192ad2b512",class:"section-style"},"__xl"),t("div",{key:"024d2f978da303c00f07479be5e06974de74a51b",class:"section-style-attribute"},"2rem / 32px")),t("div",{key:"892a6651357853031c4a00a02a3b89d0caffaa9b",class:"section-content"},t("div",{key:"c68122c9b6400491724e0ad257f7c5b07d2d7699",class:"section-style"},"__2xl"),t("div",{key:"ffc617f5c7c5e01323797ce4c718054ef29cc4e7",class:"section-style-attribute"},"2.5rem / 40px")),t("div",{key:"966b079b6ddd7bb84876016d7cd244468ac400fb",class:"section-content"},t("div",{key:"f380e5f5f3ebf15034f7b268b8d324fe6ac328b6",class:"section-style"},"__3xl"),t("div",{key:"1ade8f7c8a5976ec47bd8cddbb5d6c8e4e2520fc",class:"section-style-attribute"},"3rem / 48px")),t("div",{key:"448fa25a4f232d3e0c8bd29c7ba0b61e000a4e08",class:"section-content"},t("div",{key:"23d78bf32ddfc50669af30156b046a4adf1f551c",class:"section-style"},"__xxl"),t("div",{key:"a604f9beaa0b6c7444e90579dd751474b7a74af8",class:"section-style-attribute"},"3.5rem / 56px")),t("div",{key:"85dd9d1de35df18d1aca91e5de9923eb6fe975d2",class:"section-content"},t("div",{key:"e0d1cc4a9109cfd5c9854986bdc386ad2068b4ac",class:"section-style"},"__2xxl"),t("div",{key:"8ae6a737a31ea62f3eff14de52c011e71a37d610",class:"section-style-attribute"},"4rem / 64px")),t("div",{key:"5131cc316b8f508c67d4265bb264fc3ce19772af",class:"section-content"},t("div",{key:"108cc8206264c38a58b2cf62b107aedad4d3857c",class:"section-style"},"__3xxl"),t("div",{key:"c992294e9ceecf6746d8de170b5afcf5906fbea7",class:"section-style-attribute"},"4.5rem / 72px")),t("div",{key:"d6cdcd89b7fc39fc41ec4a6c7b43449759961c35",class:"section-content"},t("div",{key:"61bd6dec5d350d71d070877b28d8c5002c63dc5e",class:"section-style"},"__mg"),t("div",{key:"593d070b8c3e02bdbe86d85dc7f717fba2a36ca3",class:"section-style-attribute"},"5rem / 80px")),t("div",{key:"eff13e50276757229b01ea5d25b772ed2496d135",class:"section-content"},t("div",{key:"bff9c3ef354d2611249287987b33cd8f861d240a",class:"section-style"},"__2mg"),t("div",{key:"d2cd3b6f70629be68a382c01a008a11823afae9b",class:"section-style-attribute"},"5.5rem / 88px")),t("div",{key:"bebbdc4cbe388fc250612ad9799aecc23fddece7",class:"section-content"},t("div",{key:"1354861dbc37cee50efa6d49d4171810285c279d",class:"section-style"},"__3mg"),t("div",{key:"4eed054fff1c737d9c7d35117332ce8b09661d21",class:"section-style-attribute"},"6rem / 96px")),t("div",{key:"f4e51d6d1bdf742daaaa2aad0113cfa6aa7713f8",class:"section-content"},t("div",{key:"76d7a677907469594a5dd8357362d8a8ac0a9aba",class:"section-style"},"__gg"),t("div",{key:"78b7e82d0770c681a18dc7b326082678edcf8380",class:"section-style-attribute"},"6.5rem / 104px")),t("div",{key:"04f3d8bbc78127682497f7ab58ce6393c061982c",class:"section-content"},t("div",{key:"1bd681e2c3dfaa862e1588b780730dcfc4c89284",class:"section-style"},"__2gg"),t("div",{key:"598b8ddc86ed0815cc2097b2e58bfa80c9f40149",class:"section-style-attribute"},"7rem / 112px")),t("div",{key:"f9e0a4ac692b0d7a0db94968c9c9a60399a315a9",class:"section-content"},t("div",{key:"b425a3adcf72f83c47dd8afe6b1f2eaa67fa46de",class:"section-style"},"__3gg"),t("div",{key:"8fd68b3ea12624eb00821e47244dc045582b2a64",class:"section-style-attribute"},"7.5rem / 120px")),t("div",{key:"1c763838b189b77ccbf1af230e968fcfe0946ce3",class:"section-content"},t("div",{key:"a254dce11f7080a45b16502cec1b0a53406eb2aa",class:"section-style"},"__xgg"),t("div",{key:"a31cbca7140dd16f68afc6d071b6f0e767871e5e",class:"section-style-attribute"},"8rem / 128px")),t("div",{key:"8d309ac047fdfc6bf8fdebb762c6b4e72925a582",class:"section-content"},t("div",{key:"7f2f38737aee9fa14d382db3def802906db47ae9",class:"section-style"},"__auto"),t("div",{key:"76c35a920b7c5e88f569f27a59dff9519d74a5da",class:"section-style-attribute"},"automātiskais izmērs (strādā tikkai uz margin)"))),t("div",{key:"8a434fa9ea6e32286b3a1fd06b583b925734b017",class:"section"},t("div",{key:"14219acf190146ad37bab745e3fe78de514dd978",class:"section-content"},t("div",{key:"08d54d6beddd8c4790206a61738e92999bd21c2d",class:"section-style"},"--m"),t("div",{key:"53bceb2537792474926977d62bc2e32d07b6c559",class:"section-style-attribute"},"margin uz visām pusēm")),t("div",{key:"5cfa9b68f77d2b545dc0dea100ff5a932dea05d3",class:"section-content"},t("div",{key:"e0d52f0aa4563d7568e779522e4b24f173e204fd",class:"section-style"},"--mtb"),t("div",{key:"265a3c91228c1be8da7654ffef35c76130b07bd5",class:"section-style-attribute"},"margin uz augšu un leju")),t("div",{key:"d0b496696b289106e251b758c8192cc565cfa8ca",class:"section-content"},t("div",{key:"1eec4fb20f7f29e48bd07638276330f917c80561",class:"section-style"},"--mlr"),t("div",{key:"78fe62f69de077475d6e36027e510149bf25ec82",class:"section-style-attribute"},"margin uz abiem sāniem")),t("div",{key:"18bbf68ba2bac1218d74f918122546eb3152b30c",class:"section-content"},t("div",{key:"8874a34e370a15032df3891fb37b8d93fd82ea34",class:"section-style"},"--mt"),t("div",{key:"05b7b2a1e6caba1f60fbec695b76c92dadd411bc",class:"section-style-attribute"},"margin uz augšu")),t("div",{key:"c821fb90a56f2e84b2fce9213ac6553516ad831b",class:"section-content"},t("div",{key:"622926189437d8aad60492a07970755cccc1aaea",class:"section-style"},"--mb"),t("div",{key:"955329956572190f59ef6ff39716bad47aeee515",class:"section-style-attribute"},"margin uz leju")),t("div",{key:"73f934759dd5e1d24e32e2aa498365b4753a461c",class:"section-content"},t("div",{key:"c8023a57f950a00a575f127ad5e2a392960b8718",class:"section-style"},"--mr"),t("div",{key:"aa43968f077bae0bd3c65a83bc5dc99cc1945b46",class:"section-style-attribute"},"margin pa labi")),t("div",{key:"09df95fe09cc5d5748f5449685731a2b1b3476d4",class:"section-content"},t("div",{key:"8af888cbdc9bec396d43428623fd305655d6d479",class:"section-style"},"--ml"),t("div",{key:"d435c908b8e9f6c258249c21efad260a40de1c0e",class:"section-style-attribute"},"margin pa kreisi")),t("div",{key:"0b4500ff700cb724410633e52a4ca30c2003d043",class:"section-content"},t("div",{key:"093db202bb30f6fe855a7d91bbfcaba2a5cc2e62",class:"section-style"},"--p"),t("div",{key:"719974652abac791f6ce501fbcc9d0728392b205",class:"section-style-attribute"},"padding uz visām pusēm")),t("div",{key:"63837dd6a5eb0306809887f8f5800a9b710d027d",class:"section-content"},t("div",{key:"c758b193cdaaa769365799cac8fc5224560bd6d7",class:"section-style"},"--ptb"),t("div",{key:"f93a2a74b63987c30f7d51ba2640815d11422571",class:"section-style-attribute"},"padding uz augšu un leju")),t("div",{key:"985409d151cfdd1018f9593bb297e16608997f86",class:"section-content"},t("div",{key:"d3a3d1961e03336800a1eada0e57d6ff6eeeab26",class:"section-style"},"--plr"),t("div",{key:"140d5ca9d4e2c3335499cbdedceb96780464b228",class:"section-style-attribute"},"padding uz abiem sāniem")),t("div",{key:"5900d9cd8fe971bd4940fbe97095489a16db600a",class:"section-content"},t("div",{key:"499fc9f40b6e7bc5b579162884067ee28d90133b",class:"section-style"},"--pt"),t("div",{key:"fa48d508af2c7c26ecaed211f96522ba83cff3c4",class:"section-style-attribute"},"padding uz augšu")),t("div",{key:"7f2040b3d4a3daebbf0564c1d7457cd2e6b06fc9",class:"section-content"},t("div",{key:"4e37f89d3d82a669642449485f7bb547982494c0",class:"section-style"},"--pb"),t("div",{key:"68cc21919600730e648ec9f586668b7080a486e0",class:"section-style-attribute"},"padding uz leju")),t("div",{key:"d9ddebf361484ef232a74f2a7e099a0b07919e95",class:"section-content"},t("div",{key:"f8f04a9cf2d5a88536e71027089206eddcda4054",class:"section-style"},"--pr"),t("div",{key:"92b4b97b3039df244bb10829a103167a6769de69",class:"section-style-attribute"},"padding pa labi")),t("div",{key:"6754aca0d6caecefce946605b7cc71f1eb227578",class:"section-content"},t("div",{key:"0c2f8f4dd14e18467324991ab6b721fc10ea895c",class:"section-style"},"--pl"),t("div",{key:"2ed3ad1dd62f3846fde887db472cff42c63198cb",class:"section-style-attribute"},"padding pa kreisi")))))))}};o.style='@charset "UTF-8";: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)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:5rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable:after{border-top:0.125rem solid #779af5;position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{content:"izmērs"}.variable-direction:after{content:"veids"}.section-wrapper{gap:1rem;display:flex;flex-direction:row}.section{width:100%;gap:0.5rem;display:flex;flex-direction:column}.section-content{border:0.0625rem solid gray;padding:1rem 2rem;border-radius:2rem}.section-title{font-size:1rem;border-top:0.0625rem solid gray;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-style-attribute{color:grey}.section-style{white-space:nowrap}';export{o as tet_spacing}
+import{r as e,h as t,H as a}from"./p-7c868b40.js";const o=class{constructor(t){e(this,t)}render(){return t(a,{key:"d2f266350474c94596221ee190aebabf962019c1"},t("div",{key:"74f46dec46adc45974bac029621173bf31a07d08",class:"variable-container"},t("div",{key:"f4af9925d0e7746693bbddb1b590301a496913e9",class:"container-title main"},"Atstarpes klase klase"),t("div",{key:"68df94bbacb1ed002b5fa0c46635deed69c2ac03",class:"container-section"},t("div",{key:"634da805eb8c9c7503aeeb645d47203b20fdefbe",class:"variable-name"},t("div",{key:"0feb4e63bb81d88a1d32ecc997f312b33e06ba9f",class:"variable-part"},"tet"),t("div",{key:"29a12080a299732343dfa6de8856733448c6063b",class:"variable-part"},"-spacing"),t("div",{key:"0f05b2c7be6415b681c27cad1f55ea756139e8e8",class:"variable-part variable variable-size"},"__md"),t("div",{key:"982964a408e4ea041132ccf2d0169a5d12501302",class:"variable-part variable variable-direction"},"--plr")))),t("div",{key:"49e4a39e7f07b640cf9c0eef699885455b0ab950",class:"container-wrapper"},t("div",{key:"5062926920a59d36f9223b03fc7a45cb79eb0e7b",class:"container-title"},"Atstarpju izmēri un virzieni"),t("div",{key:"a40af9654228d4f89e736cc87575db645e3cbea1",class:"section"},t("div",{key:"158f95ac2458f04f1ae446f0b9d3c2f203df7613",class:"section-wrapper"},t("div",{key:"0e0726a8f3df868add90138bf3d68d0804b2c4de",class:"section"},t("div",{key:"96b0b2d00c826aa634e62ce914c71d7e6f55f5eb",class:"section-content"},t("div",{key:"73bd7266ac22dd0b75c7738f75e30d63be410270",class:"section-style"},"__null"),t("div",{key:"4a059ea1ab5354eb1a4e3a012c995bbb5afba132",class:"section-style-attribute"},"0")),t("div",{key:"b3a5482eeb2f809c8d2e424175607377c2b34e6d",class:"section-content"},t("div",{key:"e3eca1c0666017132e8eed7d2e3ea71ba401e6df",class:"section-style"},"__3xs"),t("div",{key:"5ad49adcd2d0dcc4b707cf255c1a9109e72f5590",class:"section-style-attribute"},"0.125rem / 2px")),t("div",{key:"21678d0951476609cda0ad89a553eddcd9e20383",class:"section-content"},t("div",{key:"a954ca8379d1dbbab5e6498da602b9087634d6a9",class:"section-style"},"__2xs"),t("div",{key:"1fad7a1074e6b8944af11d6e1a50918e5e76b0fd",class:"section-style-attribute"},"0.25rem / 4px")),t("div",{key:"1220747817a6dd9ae1a6e22799bd2aa7d610c9a7",class:"section-content"},t("div",{key:"6e18ccc21070cc48b03716527160bc4ec54e1821",class:"section-style"},"__xs"),t("div",{key:"3950c6e6f0cd3bc87171b4ae4bf3f76e454520e0",class:"section-style-attribute"},"0.5rem / 8px")),t("div",{key:"6334b0282ed07c8190c0d126266f8699b35b0499",class:"section-content"},t("div",{key:"90aa38c0cc9e9608abb1f1496b8d2bf3c4fd3b1b",class:"section-style"},"__sm"),t("div",{key:"37b295274e83c585d0b7fc0414aca348e4b34013",class:"section-style-attribute"},"0.75rem / 12px")),t("div",{key:"0145ff0fdaddcda413bfac6d8305e39ecabb9fb5",class:"section-content"},t("div",{key:"1d280626cf049cbfa8c10c0058e41f999bb4e066",class:"section-style"},"__md"),t("div",{key:"306dd5aec3a4df679fa0a0ffad84e32c30768e07",class:"section-style-attribute"},"1rem / 16px")),t("div",{key:"49ea316f7d481cd2557ec3ff898836e817f6db5e",class:"section-content"},t("div",{key:"0244932bcbcaa6e27f39593d1136713365eebe54",class:"section-style"},"__lg"),t("div",{key:"83a85ee284179f69b963c223000f10db2856adab",class:"section-style-attribute"},"1.5rem / 24px")),t("div",{key:"e9dd5a1d665d280347c9ef7ffa806dce3ef8d60a",class:"section-content"},t("div",{key:"60b56629f18a545ddf851f6f2c22dc192ad2b512",class:"section-style"},"__xl"),t("div",{key:"024d2f978da303c00f07479be5e06974de74a51b",class:"section-style-attribute"},"2rem / 32px")),t("div",{key:"892a6651357853031c4a00a02a3b89d0caffaa9b",class:"section-content"},t("div",{key:"c68122c9b6400491724e0ad257f7c5b07d2d7699",class:"section-style"},"__2xl"),t("div",{key:"ffc617f5c7c5e01323797ce4c718054ef29cc4e7",class:"section-style-attribute"},"2.5rem / 40px")),t("div",{key:"966b079b6ddd7bb84876016d7cd244468ac400fb",class:"section-content"},t("div",{key:"f380e5f5f3ebf15034f7b268b8d324fe6ac328b6",class:"section-style"},"__3xl"),t("div",{key:"1ade8f7c8a5976ec47bd8cddbb5d6c8e4e2520fc",class:"section-style-attribute"},"3rem / 48px")),t("div",{key:"448fa25a4f232d3e0c8bd29c7ba0b61e000a4e08",class:"section-content"},t("div",{key:"23d78bf32ddfc50669af30156b046a4adf1f551c",class:"section-style"},"__xxl"),t("div",{key:"a604f9beaa0b6c7444e90579dd751474b7a74af8",class:"section-style-attribute"},"3.5rem / 56px")),t("div",{key:"85dd9d1de35df18d1aca91e5de9923eb6fe975d2",class:"section-content"},t("div",{key:"e0d1cc4a9109cfd5c9854986bdc386ad2068b4ac",class:"section-style"},"__2xxl"),t("div",{key:"8ae6a737a31ea62f3eff14de52c011e71a37d610",class:"section-style-attribute"},"4rem / 64px")),t("div",{key:"5131cc316b8f508c67d4265bb264fc3ce19772af",class:"section-content"},t("div",{key:"108cc8206264c38a58b2cf62b107aedad4d3857c",class:"section-style"},"__3xxl"),t("div",{key:"c992294e9ceecf6746d8de170b5afcf5906fbea7",class:"section-style-attribute"},"4.5rem / 72px")),t("div",{key:"d6cdcd89b7fc39fc41ec4a6c7b43449759961c35",class:"section-content"},t("div",{key:"61bd6dec5d350d71d070877b28d8c5002c63dc5e",class:"section-style"},"__mg"),t("div",{key:"593d070b8c3e02bdbe86d85dc7f717fba2a36ca3",class:"section-style-attribute"},"5rem / 80px")),t("div",{key:"eff13e50276757229b01ea5d25b772ed2496d135",class:"section-content"},t("div",{key:"bff9c3ef354d2611249287987b33cd8f861d240a",class:"section-style"},"__2mg"),t("div",{key:"d2cd3b6f70629be68a382c01a008a11823afae9b",class:"section-style-attribute"},"5.5rem / 88px")),t("div",{key:"bebbdc4cbe388fc250612ad9799aecc23fddece7",class:"section-content"},t("div",{key:"1354861dbc37cee50efa6d49d4171810285c279d",class:"section-style"},"__3mg"),t("div",{key:"4eed054fff1c737d9c7d35117332ce8b09661d21",class:"section-style-attribute"},"6rem / 96px")),t("div",{key:"f4e51d6d1bdf742daaaa2aad0113cfa6aa7713f8",class:"section-content"},t("div",{key:"76d7a677907469594a5dd8357362d8a8ac0a9aba",class:"section-style"},"__gg"),t("div",{key:"78b7e82d0770c681a18dc7b326082678edcf8380",class:"section-style-attribute"},"6.5rem / 104px")),t("div",{key:"04f3d8bbc78127682497f7ab58ce6393c061982c",class:"section-content"},t("div",{key:"1bd681e2c3dfaa862e1588b780730dcfc4c89284",class:"section-style"},"__2gg"),t("div",{key:"598b8ddc86ed0815cc2097b2e58bfa80c9f40149",class:"section-style-attribute"},"7rem / 112px")),t("div",{key:"f9e0a4ac692b0d7a0db94968c9c9a60399a315a9",class:"section-content"},t("div",{key:"b425a3adcf72f83c47dd8afe6b1f2eaa67fa46de",class:"section-style"},"__3gg"),t("div",{key:"8fd68b3ea12624eb00821e47244dc045582b2a64",class:"section-style-attribute"},"7.5rem / 120px")),t("div",{key:"1c763838b189b77ccbf1af230e968fcfe0946ce3",class:"section-content"},t("div",{key:"a254dce11f7080a45b16502cec1b0a53406eb2aa",class:"section-style"},"__xgg"),t("div",{key:"a31cbca7140dd16f68afc6d071b6f0e767871e5e",class:"section-style-attribute"},"8rem / 128px")),t("div",{key:"8d309ac047fdfc6bf8fdebb762c6b4e72925a582",class:"section-content"},t("div",{key:"7f2f38737aee9fa14d382db3def802906db47ae9",class:"section-style"},"__auto"),t("div",{key:"76c35a920b7c5e88f569f27a59dff9519d74a5da",class:"section-style-attribute"},"automātiskais izmērs (strādā tikkai uz margin)"))),t("div",{key:"8a434fa9ea6e32286b3a1fd06b583b925734b017",class:"section"},t("div",{key:"14219acf190146ad37bab745e3fe78de514dd978",class:"section-content"},t("div",{key:"08d54d6beddd8c4790206a61738e92999bd21c2d",class:"section-style"},"--m"),t("div",{key:"53bceb2537792474926977d62bc2e32d07b6c559",class:"section-style-attribute"},"margin uz visām pusēm")),t("div",{key:"5cfa9b68f77d2b545dc0dea100ff5a932dea05d3",class:"section-content"},t("div",{key:"e0d52f0aa4563d7568e779522e4b24f173e204fd",class:"section-style"},"--mtb"),t("div",{key:"265a3c91228c1be8da7654ffef35c76130b07bd5",class:"section-style-attribute"},"margin uz augšu un leju")),t("div",{key:"d0b496696b289106e251b758c8192cc565cfa8ca",class:"section-content"},t("div",{key:"1eec4fb20f7f29e48bd07638276330f917c80561",class:"section-style"},"--mlr"),t("div",{key:"78fe62f69de077475d6e36027e510149bf25ec82",class:"section-style-attribute"},"margin uz abiem sāniem")),t("div",{key:"18bbf68ba2bac1218d74f918122546eb3152b30c",class:"section-content"},t("div",{key:"8874a34e370a15032df3891fb37b8d93fd82ea34",class:"section-style"},"--mt"),t("div",{key:"05b7b2a1e6caba1f60fbec695b76c92dadd411bc",class:"section-style-attribute"},"margin uz augšu")),t("div",{key:"c821fb90a56f2e84b2fce9213ac6553516ad831b",class:"section-content"},t("div",{key:"622926189437d8aad60492a07970755cccc1aaea",class:"section-style"},"--mb"),t("div",{key:"955329956572190f59ef6ff39716bad47aeee515",class:"section-style-attribute"},"margin uz leju")),t("div",{key:"73f934759dd5e1d24e32e2aa498365b4753a461c",class:"section-content"},t("div",{key:"c8023a57f950a00a575f127ad5e2a392960b8718",class:"section-style"},"--mr"),t("div",{key:"aa43968f077bae0bd3c65a83bc5dc99cc1945b46",class:"section-style-attribute"},"margin pa labi")),t("div",{key:"09df95fe09cc5d5748f5449685731a2b1b3476d4",class:"section-content"},t("div",{key:"8af888cbdc9bec396d43428623fd305655d6d479",class:"section-style"},"--ml"),t("div",{key:"d435c908b8e9f6c258249c21efad260a40de1c0e",class:"section-style-attribute"},"margin pa kreisi")),t("div",{key:"0b4500ff700cb724410633e52a4ca30c2003d043",class:"section-content"},t("div",{key:"093db202bb30f6fe855a7d91bbfcaba2a5cc2e62",class:"section-style"},"--p"),t("div",{key:"719974652abac791f6ce501fbcc9d0728392b205",class:"section-style-attribute"},"padding uz visām pusēm")),t("div",{key:"63837dd6a5eb0306809887f8f5800a9b710d027d",class:"section-content"},t("div",{key:"c758b193cdaaa769365799cac8fc5224560bd6d7",class:"section-style"},"--ptb"),t("div",{key:"f93a2a74b63987c30f7d51ba2640815d11422571",class:"section-style-attribute"},"padding uz augšu un leju")),t("div",{key:"985409d151cfdd1018f9593bb297e16608997f86",class:"section-content"},t("div",{key:"d3a3d1961e03336800a1eada0e57d6ff6eeeab26",class:"section-style"},"--plr"),t("div",{key:"140d5ca9d4e2c3335499cbdedceb96780464b228",class:"section-style-attribute"},"padding uz abiem sāniem")),t("div",{key:"5900d9cd8fe971bd4940fbe97095489a16db600a",class:"section-content"},t("div",{key:"499fc9f40b6e7bc5b579162884067ee28d90133b",class:"section-style"},"--pt"),t("div",{key:"fa48d508af2c7c26ecaed211f96522ba83cff3c4",class:"section-style-attribute"},"padding uz augšu")),t("div",{key:"7f2040b3d4a3daebbf0564c1d7457cd2e6b06fc9",class:"section-content"},t("div",{key:"4e37f89d3d82a669642449485f7bb547982494c0",class:"section-style"},"--pb"),t("div",{key:"68cc21919600730e648ec9f586668b7080a486e0",class:"section-style-attribute"},"padding uz leju")),t("div",{key:"d9ddebf361484ef232a74f2a7e099a0b07919e95",class:"section-content"},t("div",{key:"f8f04a9cf2d5a88536e71027089206eddcda4054",class:"section-style"},"--pr"),t("div",{key:"92b4b97b3039df244bb10829a103167a6769de69",class:"section-style-attribute"},"padding pa labi")),t("div",{key:"6754aca0d6caecefce946605b7cc71f1eb227578",class:"section-content"},t("div",{key:"0c2f8f4dd14e18467324991ab6b721fc10ea895c",class:"section-style"},"--pl"),t("div",{key:"2ed3ad1dd62f3846fde887db472cff42c63198cb",class:"section-style-attribute"},"padding pa kreisi")))))))}};o.style='@charset "UTF-8";: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)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:5rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable:after{border-top:0.125rem solid #779af5;position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{content:"izmērs"}.variable-direction:after{content:"veids"}.section-wrapper{gap:1rem;display:flex;flex-direction:row}.section{width:100%;gap:0.5rem;display:flex;flex-direction:column}.section-content{border:0.0625rem solid gray;padding:1rem 2rem;border-radius:2rem}.section-title{font-size:1rem;border-top:0.0625rem solid gray;margin-top:1rem;padding-bottom:2rem;padding-top:1rem;text-align:center}.section-style-attribute{color:grey}.section-style{white-space:nowrap}';export{o as tet_spacing}