npm - @tet/tet-components - Versions diffs - 1.4.30-testing → 1.4.31-staging - Mend

@tet/tet-components 1.4.30-testing → 1.4.31-staging

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (557) hide show

package/dist/tet-components/{p-605819c0.entry.js → p-98f14255.entry.js} RENAMED Viewed

	@@ -1 +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 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=Math.abs(this.dragOffset),i=o+e;let n=0;for(const{left:e,right:s}of t)e>=o&&s<=i&&n++;return n}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=Math.abs(this.dragOffset),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=Math.abs(this.dragOffset),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,tr.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.getVisibleItemCountFromIndex(n),r=Math.max(0,Math.min(e.length-1,n+ts));if(r===n)return;const a=e[r];a&&(this.moveToItem(a,r),Math.abs(this.activeDotIndex-o)>1&&this.moveToDotIndex(o+t))}handlePrev=()=>{this.navigateByStep(-1)};handleNext=()=>{this.navigateByStep(1)};moveToLastScreen=()=>{const t=this.getViewportWidth(),e=this.getSlotClientWidth();this.dragOffset=-(e-t)};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();for(const[i,n]of e.entries()){let e=n.getBoundingClientRect().left-o.left;const s=this.calculateGradient(n,e);if(e>=t-this.swipeThreshold+s)return{item:n,index:i}}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.activeDotIndexthis.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;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)}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.getViewportWidth(),n=this.getSlotClientWidth();this.dragOffset=this.applyEdgeDragResistance(o,-(n-i));const s=this.getFirstVisibleItemInViewport();s&&this.activeItem!==s.index&&(this.activeItem=s.index)};releaseTrackPointerCapture(t){try{this.trackElement?.releasePointerCapture?.(t)}catch{}}getMinDragOffset(){const t=this.getViewportWidth();return-(this.getSlotClientWidth()-t)}snapToEdge(t){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)}),(t=>this.focusSlideByIndex(t)))}refreshSlideFocusableElements(){this.clearManagedSlideFocusableElements();const t=this.getSlotElements();t?.length&&(t.forEach(((t,e)=>{const o=()=>{this.registerUserInteraction(),this.moveToItem(t,e)};this.managedSlideFocusWithinListeners.push({slide:t,onFocusWithin:o}),t.addEventListener("focusin",o),this.getSlideFocusableElements(t).forEach((t=>{const o=t=>this.handleSlideKeyDown(t,e);this.managedFocusableElements.push({element:t,slideIndex:e,originalTabIndex:t.getAttribute("tabindex"),onKeyDown:o}),t.addEventListener("keydown",o)}))})),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)}moveToItem(t,e){(e\|\|0===e)&&(this.activeItem=e);const o=t.getBoundingClientRect(),i=this.trackElement.getBoundingClientRect();let n=o.left-i.left;const s=this.calculateGradient(t,n);this.setDotIndex(n,s),this.isLastViewport(n)?this.moveToLastScreen():this.dragOffset=-n}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:"1fc3deb3e6e9262c20d9efd2abeedbf8563decf4"},o("div",{key:"41b6db12fd2fb76a80a1d6575bfd1124a94a2934",class:{"tet-carousel":!0,[`${this.theme}`]:!0},ref:t=>this.container=t,part:"carousel"},o("div",{key:"255d5aa266e74f878025e53d3fd8521d66ace586",class:"tet-carousel__container"},o("div",{key:"687ae940a8e941b0f24f84263606e079fcdcdd7c",class:"tet-carousel__gradient-left",ref:t=>{this.leftGradientRef=t}}),o("div",{key:"8dcf6c321a78b979916c66ffc633cd1f217c375a",class:"tet-carousel__gradient-right",ref:t=>{this.rightGradientRef=t}}),o("div",{key:"10ced8c4f5e98d3a6fd8127a010bfd6003865ba0",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:"e92fdef0719e7de5cc7103b54966f5af9a677236",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:"dfa939715794282bf8f23dc5e11f8726853d6d65"})))),!!this.label&&o("div",{key:"f071b398922a60152db92ce0531920a2f53cb7b1",class:"tet-carousel__label"},this.label),a&&o("div",{key:"e62f01e1fdb4d979f00b3d5766609a147a8ee1c4",class:"tet-carousel__controls"},e&&o("div",{key:"ff466189f9a91c7c223945c5e082e6cff612d0f9",class:"tet-carousel__buttons tet-carousel__buttons--mobile",ref:t=>this.mobileBackButtonWrapper=t},o("tet-button",{key:"13af12bfd4c7fcc7cb414b8f0057513f523a8d13",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:"e78cbe6992aec81ccaca814380a554be11b9bb94",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:"78bcece033f881bf1b74fa5cec0c252f706ae5bf",class:"tet-carousel__buttons"},o("tet-button",{key:"7edd52dfbf520ffe68b97d073c58ddbd86dd809c",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:"d7daa187520f89d4ffb24348e1408e6658dc4d4a",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)}.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}
1	+ import{r as t,f as e,h as o,H as i}from"./p-5abb3bea.js";import{p as n,t as s}from"./p-a476fd02.js";import"./p-9a2b6ee2.js";import"./p-726651bc.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 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=Math.abs(this.dragOffset),i=o+e;let n=0;for(const{left:e,right:s}of t)e>=o&&s<=i&&n++;return n}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=Math.abs(this.dragOffset),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=Math.abs(this.dragOffset),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,tr.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.getVisibleItemCountFromIndex(n),r=Math.max(0,Math.min(e.length-1,n+ts));if(r===n)return;const a=e[r];a&&(this.moveToItem(a,r),Math.abs(this.activeDotIndex-o)>1&&this.moveToDotIndex(o+t))}handlePrev=()=>{this.navigateByStep(-1)};handleNext=()=>{this.navigateByStep(1)};moveToLastScreen=()=>{const t=this.getViewportWidth(),e=this.getSlotClientWidth();this.dragOffset=-(e-t)};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();for(const[i,n]of e.entries()){let e=n.getBoundingClientRect().left-o.left;const s=this.calculateGradient(n,e);if(e>=t-this.swipeThreshold+s)return{item:n,index:i}}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.activeDotIndexthis.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;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)}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.getViewportWidth(),n=this.getSlotClientWidth();this.dragOffset=this.applyEdgeDragResistance(o,-(n-i));const s=this.getFirstVisibleItemInViewport();s&&this.activeItem!==s.index&&(this.activeItem=s.index)};releaseTrackPointerCapture(t){try{this.trackElement?.releasePointerCapture?.(t)}catch{}}getMinDragOffset(){const t=this.getViewportWidth();return-(this.getSlotClientWidth()-t)}snapToEdge(t){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)}),(t=>this.focusSlideByIndex(t)))}refreshSlideFocusableElements(){this.clearManagedSlideFocusableElements();const t=this.getSlotElements();t?.length&&(t.forEach(((t,e)=>{const o=()=>{this.registerUserInteraction(),this.moveToItem(t,e)};this.managedSlideFocusWithinListeners.push({slide:t,onFocusWithin:o}),t.addEventListener("focusin",o),this.getSlideFocusableElements(t).forEach((t=>{const o=t=>this.handleSlideKeyDown(t,e);this.managedFocusableElements.push({element:t,slideIndex:e,originalTabIndex:t.getAttribute("tabindex"),onKeyDown:o}),t.addEventListener("keydown",o)}))})),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)}moveToItem(t,e){(e\|\|0===e)&&(this.activeItem=e);const o=t.getBoundingClientRect(),i=this.trackElement.getBoundingClientRect();let n=o.left-i.left;const s=this.calculateGradient(t,n);this.setDotIndex(n,s),this.isLastViewport(n)?this.moveToLastScreen():this.dragOffset=-n}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:"b38959ef7f6f9a203c146ae1fa74d4c8c675ca38"},o("div",{key:"f494879a813d2b7c8e3c8381f166c683da56e25d",class:{"tet-carousel":!0,[`${this.theme}`]:!0},ref:t=>this.container=t,part:"carousel"},o("div",{key:"4196473e74aef44b167f71d56b83a8ea55bd757a",class:"tet-carousel__container"},o("div",{key:"f91c6e5123fb5370ce0dd6576a535d2e62fd5a93",class:"tet-carousel__gradient-left",ref:t=>{this.leftGradientRef=t}}),o("div",{key:"09be4c1395518ef5d810b9af2db7cd1fa26bef9e",class:"tet-carousel__gradient-right",ref:t=>{this.rightGradientRef=t}}),o("div",{key:"caa6c874b530bd6ac9f6b7919e8ab115752a5055",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:"13e1dee4fe32c2b326b90cfab6142ef8a510b058",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:"5ca5c837876f3e065057693c2e7b09a0cd1d5ff4"})))),!!this.label&&o("div",{key:"95a5d99c11de084fc35cb8574da0f795eb48a928",class:"tet-carousel__label"},this.label),a&&o("div",{key:"3df9420553df3b756ad9faa41f88f7cf500f0214",class:"tet-carousel__controls"},e&&o("div",{key:"86a0f92944a38072ce24cda30fef49c0d5e7b923",class:"tet-carousel__buttons tet-carousel__buttons--mobile",ref:t=>this.mobileBackButtonWrapper=t},o("tet-button",{key:"e592d5444e27aff795500a99b440a9c2b3ae913f",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:"3813c9f052fe2287d746110194b61d2dba163cfc",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:"a1d78a76ca33fb0b99c871c8269a8a560b5132fa",class:"tet-carousel__buttons"},o("tet-button",{key:"618e6e82963c41c5e5a261b2354e8a8bf5c30385",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:"39db38e2b9f3467d285a8f1e1d9495b8bb26115a",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)}.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-0d5562a1.entry.js → p-992da373.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,h as t,H as n}from"./p-83f43fdd.js";const i=class{constructor(t){e(this,t),this.stepperData=[]}renderStep=(e,t)=>[this.renderStepData(e),this.renderStepLine(e,t)];renderStepData=e=>{let n;const i=t("div",{class:{"stepper-step-description":!0}},t("div",{innerHTML:e?.description}));switch(e?.type){case"icon":{const i="close"===e?.icon?"close":"check";n=t("div",{class:"stepper-step-content-icon"},t("tet-icon",{class:{icon:!0,[`icon-${i}`]:!0},name:"close"===i?"close-circle":"check-circle","aria-hidden":"true"}));break}case"data":n=t("div",{class:{"stepper-step-content-data":!0}},t("div",{innerHTML:e?.data}))}return t("li",{class:{"stepper-step":!0,data:"data"===e?.type,icon:"icon"===e?.type}},t("div",{class:"stepper-step-content"},n),e.description?i:null)};renderStepLine=(e,n)=>this.stepperData.length-1>n?t("li",{class:{"stepper-line":!0,active:e.active,"post-icon":"icon"===e.type,"post-data":"data"===e.type,"pre-icon":"icon"===this.stepperData[n+1]?.type,"pre-data":"data"===this.stepperData[n+1]?.type}}):null;render(){return t(n,{key:"75c32c0134cfec39a5a6e28752981aec67997ac8"},t("ol",{key:"8c5827988374deacb4f8b94a7292b168c62dedf4",class:"stepper"},this.stepperData.map(this.renderStep)))}};i.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{--step-active-line-color:rgb(0, 96, 245);--step-active-line-size:0.1875rem;--step-active-line-style:solid;--step-data-bg-color:rgb(255, 255, 255);--step-data-border-radius:0.375rem;--step-data-border-size:0.125rem;--step-data-text-color:var(--color-ta500);--step-data-strong-text-color:var(--color-ta500);--step-data-text-size:0.875rem;--step-description-text-color:var(--color-ta500);--step-description-strong-text-color:var(--color-ta500);--step-description-text-size:0.875rem;--step-horizontal-line-width:3.125rem;--step-icon-size:1.25rem;--step-line-margin-x:1rem;--step-line-margin-y:1rem;--step-min-height:4.375rem;--step-non-active-line-color:var(--color-ta100);--step-non-active-line-size:0.1875rem;--step-non-active-line-style:dashed;--step-vertical-line-height:2rem;--step-width:10.625rem;display:flex;justify-content:center;align-items:center}.stepper{display:flex;padding:0;margin:0;font-family:var(--text-font)}@media screen and (max-width: 63.9375rem){.stepper{flex-direction:column;flex-wrap:wrap}}@media screen and (min-width: 64rem){.stepper{flex-direction:row;flex-wrap:nowrap;margin:calc(var(--step-min-height) / 2) 0 0}}.stepper-step{position:relative;display:flex;flex-direction:column}@media screen and (max-width: 35.9375rem){.stepper-step{max-width:12.4375rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step{flex-direction:row}}@media screen and (min-width: 64rem){.stepper-step{width:var(--step-width)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content{min-width:12.75rem}}@media screen and (min-width: 64rem){.stepper-step-content{width:var(--step-width);height:var(--step-min-height)}}.stepper-step-content-icon{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 35.9375rem){.stepper-step-content-icon{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-icon{width:12.75rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-height:var(--step-min-height)}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-icon{min-height:var(--step-min-height);transform:translateY(-35%)}}.stepper-step-content-icon .icon{--icon-size:var(--step-icon-size)}.stepper-step-content-icon .icon-check{--icon-color:var(--step-active-line-color)}.stepper-step-content-icon .icon-close{--icon-color:var(--step-non-active-line-color)}.stepper-step-content-data{display:flex;flex-shrink:0;justify-content:center;align-items:center;min-height:var(--step-min-height);padding:0.375rem;background:var(--step-data-bg-color);border:var(--step-data-border-size) solid var(--step-active-line-color);border-radius:var(--step-data-border-radius);color:var(--step-data-text-color);text-align:center;font-size:var(--step-data-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-content-data{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-data{width:12.75rem}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-data{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-data{transform:translateY(-35%)}}.stepper-step-content-data strong{color:var(--step-data-strong-text-color)}.stepper-step-description{color:var(--step-description-text-color);text-align:center;font-size:var(--step-description-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-description{margin-top:0.5rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-description{display:flex;flex:100%;justify-content:flex-start;align-items:center;max-width:calc(var(--step-width) 1.45);margin-left:1rem;text-align:left}}.stepper-step-description strong{color:var(--step-description-strong-text-color)}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data+.stepper-step.data{margin-top:calc(var(--step-line-margin-y) / 2)}}.stepper-line{display:block;border-color:var(--step-non-active-line-color);border-style:var(--step-non-active-line-style);border-width:0}@media screen and (max-width: 35.9375rem){.stepper-line{min-height:var(--step-vertical-line-height);margin-left:calc(50% - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line{min-height:calc(var(--step-vertical-line-height));margin-left:calc(6.375rem - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line{margin-top:calc(var(--step-icon-size) / 2 - var(--step-active-line-size) / 2);border-top-width:var(--step-non-active-line-size)}}.stepper-line.active{border-color:var(--step-active-line-color);border-style:var(--step-active-line-style)}@media screen and (max-width: 63.9375rem){.stepper-line.active{border-left-width:var(--step-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line.active{border-top-width:var(--step-active-line-size)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.post-icon{margin-left:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-data{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-data{margin-top:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.post-data{min-width:calc(var(--step-horizontal-line-width) * 2);margin-left:var(--step-line-margin-x)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.pre-icon{margin-right:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-data{margin-bottom:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.pre-data{margin-right:var(--step-line-margin-x)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-icon{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-icon{min-width:calc(var(--step-horizontal-line-width) * 2)}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-data{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-data{min-width:calc(var(--step-horizontal-line-width) * 2)}}';export{i as tet_stepper}
1	+ import{r as e,h as t,H as n}from"./p-5abb3bea.js";const i=class{constructor(t){e(this,t),this.stepperData=[]}renderStep=(e,t)=>[this.renderStepData(e),this.renderStepLine(e,t)];renderStepData=e=>{let n;const i=t("div",{class:{"stepper-step-description":!0}},t("div",{innerHTML:e?.description}));switch(e?.type){case"icon":{const i="close"===e?.icon?"close":"check";n=t("div",{class:"stepper-step-content-icon"},t("tet-icon",{class:{icon:!0,[`icon-${i}`]:!0},name:"close"===i?"close-circle":"check-circle","aria-hidden":"true"}));break}case"data":n=t("div",{class:{"stepper-step-content-data":!0}},t("div",{innerHTML:e?.data}))}return t("li",{class:{"stepper-step":!0,data:"data"===e?.type,icon:"icon"===e?.type}},t("div",{class:"stepper-step-content"},n),e.description?i:null)};renderStepLine=(e,n)=>this.stepperData.length-1>n?t("li",{class:{"stepper-line":!0,active:e.active,"post-icon":"icon"===e.type,"post-data":"data"===e.type,"pre-icon":"icon"===this.stepperData[n+1]?.type,"pre-data":"data"===this.stepperData[n+1]?.type}}):null;render(){return t(n,{key:"a7e0db38fc40b9caa6bebf0f5acce7832823718e"},t("ol",{key:"bd7ca5f6f9a3d9d61a3e10acd0bfc4a9308227a6",class:"stepper"},this.stepperData.map(this.renderStep)))}};i.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{--step-active-line-color:rgb(0, 96, 245);--step-active-line-size:0.1875rem;--step-active-line-style:solid;--step-data-bg-color:rgb(255, 255, 255);--step-data-border-radius:0.375rem;--step-data-border-size:0.125rem;--step-data-text-color:var(--color-ta500);--step-data-strong-text-color:var(--color-ta500);--step-data-text-size:0.875rem;--step-description-text-color:var(--color-ta500);--step-description-strong-text-color:var(--color-ta500);--step-description-text-size:0.875rem;--step-horizontal-line-width:3.125rem;--step-icon-size:1.25rem;--step-line-margin-x:1rem;--step-line-margin-y:1rem;--step-min-height:4.375rem;--step-non-active-line-color:var(--color-ta100);--step-non-active-line-size:0.1875rem;--step-non-active-line-style:dashed;--step-vertical-line-height:2rem;--step-width:10.625rem;display:flex;justify-content:center;align-items:center}.stepper{display:flex;padding:0;margin:0;font-family:var(--text-font)}@media screen and (max-width: 63.9375rem){.stepper{flex-direction:column;flex-wrap:wrap}}@media screen and (min-width: 64rem){.stepper{flex-direction:row;flex-wrap:nowrap;margin:calc(var(--step-min-height) / 2) 0 0}}.stepper-step{position:relative;display:flex;flex-direction:column}@media screen and (max-width: 35.9375rem){.stepper-step{max-width:12.4375rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step{flex-direction:row}}@media screen and (min-width: 64rem){.stepper-step{width:var(--step-width)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content{min-width:12.75rem}}@media screen and (min-width: 64rem){.stepper-step-content{width:var(--step-width);height:var(--step-min-height)}}.stepper-step-content-icon{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 35.9375rem){.stepper-step-content-icon{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-icon{width:12.75rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-height:var(--step-min-height)}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-icon{min-height:var(--step-min-height);transform:translateY(-35%)}}.stepper-step-content-icon .icon{--icon-size:var(--step-icon-size)}.stepper-step-content-icon .icon-check{--icon-color:var(--step-active-line-color)}.stepper-step-content-icon .icon-close{--icon-color:var(--step-non-active-line-color)}.stepper-step-content-data{display:flex;flex-shrink:0;justify-content:center;align-items:center;min-height:var(--step-min-height);padding:0.375rem;background:var(--step-data-bg-color);border:var(--step-data-border-size) solid var(--step-active-line-color);border-radius:var(--step-data-border-radius);color:var(--step-data-text-color);text-align:center;font-size:var(--step-data-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-content-data{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-data{width:12.75rem}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-data{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-data{transform:translateY(-35%)}}.stepper-step-content-data strong{color:var(--step-data-strong-text-color)}.stepper-step-description{color:var(--step-description-text-color);text-align:center;font-size:var(--step-description-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-description{margin-top:0.5rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-description{display:flex;flex:100%;justify-content:flex-start;align-items:center;max-width:calc(var(--step-width) 1.45);margin-left:1rem;text-align:left}}.stepper-step-description strong{color:var(--step-description-strong-text-color)}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data+.stepper-step.data{margin-top:calc(var(--step-line-margin-y) / 2)}}.stepper-line{display:block;border-color:var(--step-non-active-line-color);border-style:var(--step-non-active-line-style);border-width:0}@media screen and (max-width: 35.9375rem){.stepper-line{min-height:var(--step-vertical-line-height);margin-left:calc(50% - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line{min-height:calc(var(--step-vertical-line-height));margin-left:calc(6.375rem - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line{margin-top:calc(var(--step-icon-size) / 2 - var(--step-active-line-size) / 2);border-top-width:var(--step-non-active-line-size)}}.stepper-line.active{border-color:var(--step-active-line-color);border-style:var(--step-active-line-style)}@media screen and (max-width: 63.9375rem){.stepper-line.active{border-left-width:var(--step-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line.active{border-top-width:var(--step-active-line-size)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.post-icon{margin-left:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-data{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-data{margin-top:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.post-data{min-width:calc(var(--step-horizontal-line-width) * 2);margin-left:var(--step-line-margin-x)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.pre-icon{margin-right:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-data{margin-bottom:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.pre-data{margin-right:var(--step-line-margin-x)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-icon{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-icon{min-width:calc(var(--step-horizontal-line-width) * 2)}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-data{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-data{min-width:calc(var(--step-horizontal-line-width) * 2)}}';export{i as tet_stepper}

package/dist/tet-components/{p-3dd5bcd1.entry.js → p-9b538b45.entry.js} RENAMED Viewed

	@@ -1 +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.scrollWidtht;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(100r)/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:"d414111c4deaab60e9acccc390f45d06a96ce6a7"},s("div",{key:"c26d1b91ddd39a8781140b4558e1d5fb9d970673",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"25e6567e508f422265ebf4aa92c2d9582f0ef45a",class:"tet-card-list__scroll-container"},s("div",{key:"10340ccf08963fe51b764a0a8a0245a6d7b3dde4",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"9e35e9373d5f976830413ad57759dd1c4752115c"}))),s("tet-button",{key:"2cc86e5c01fb8234fbb12a653cf4e038036ed52b",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:"b909e98aabc219a0f2efc905a276215a62f5fe98",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"35a8e05f34b6d22395cc43c001e37ab6239c1f46",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:"49d5788a1cf2d3d48dad55fba1c73192b34d7be3",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"efd278a22b7eb6ace57e71a97bdadd594915e231",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"ec80261cdae5559eb8f797dea266fc1a8bb68f81",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-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}
1	+ import{r as t,c as i,g as o,h as s,H as e}from"./p-5abb3bea.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.scrollWidtht;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(100r)/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:"b704665df248de5b201cfdd4b495515520d6c600"},s("div",{key:"1d39e74f73c23d8a77c4880f829d6b9680d2f1dc",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"60b459faa1328bc6d65905c693256f51b36a7fc6",class:"tet-card-list__scroll-container"},s("div",{key:"57b0e943f732019daa33b2a300f434bb95c664f4",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"4b02f443416d6c4ff8365c646d111b239d886765"}))),s("tet-button",{key:"63f2ecc197ea7b425111b1a47d9f28ec1c62d4b7",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:"8cbb4031313c70f8e124d9ef8bcede4d007f5713",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"979d5db894e6baa1dd29069fce3a0e031b4856dc",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:"94394f37e19f1268d53ad1acf0fc955061f4e101",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"95c592beb880f0cab850ab3bbf293e566454ff97",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"14ee08eb7236acf6f41e7d1616ed5770e2acce9a",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-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-f16514db.entry.js → p-9bd457d2.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{E as t,r as o,c as i,f as e,h as a,H as n}from"./p-83f43fdd.js";import{T as r,a as s}from"./p-f81d95ae.js";import{e as c}from"./p-0ebbf5ef.js";import{A as l}from"./p-0c6b6730.js";import{p as m,t as f}from"./p-a8051a99.js";import"./p-d8518d4b.js";import"./p-9a2b6ee2.js";const d={testing:{baseUrl:"https://tst-pieteikties.tet.lv"},staging:{baseUrl:"https://uat-pieteikties.tet.lv"},production:{baseUrl:"https://pieteikties.tet.lv"}}[t.environment]??{},h={testing:{baseUrl:"https://mans-pretest.tet.lv/mytet"},staging:{baseUrl:"https://mans-accept.tet.lv/mytet"},production:{baseUrl:"https://mans.tet.lv/mytet"}}[t.environment]??{},g=class{constructor(t){o(this,t),this.selectedMacdOrderType=i(this,"selectedMacdOrderType",7),this.openCommunication=i(this,"openCommunication",7),this.errorLoading=i(this,"errorLoading",7),this.communicationDialogResponse=i(this,"communicationDialogResponse",7),this.language="lv",this.theme=r.LIGHT,this.showErrorNotification=!1,this.showLoader=!0,this.loaderHeight="17.8125rem",this.accessToken=void 0,this.eventsOnly=!1,this.hideUnavailable=!1,this.assetId=void 0,this.accountNumber=void 0,this.macdOrderTypes=[],this.ignoredMacdOrderTypes=[],this.suspendFn=void 0,this.changeOfPlanFn=void 0,this.promotionChangeFn=void 0,this.ceaseFn=void 0,this.modifyFn=void 0}modalDialogEl;modalTitle;modalContent;communicationRedirectUrl;currentMacdOrderTypes=[];onLanguageChange(t){m("macd",t).then((()=>e(this)))}async setAccessToken(t){t?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}setMacdOrderTypes(t){Array.isArray(t)&&t.length>0&&(this.currentMacdOrderTypes=[...t])}selectedMacdOrderType;openCommunication;errorLoading;communicationDialogResponse;async componentWillLoad(){m("macd",this.language).then((()=>e(this))),this.hasMacdOrderTypes(this.macdOrderTypes)&&(this.currentMacdOrderTypes=[...this.macdOrderTypes],this.showLoader=!1)}async componentDidLoad(){this.accessToken?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}hasMacdOrderTypes(t){const o=t??this.currentMacdOrderTypes;return Array.isArray(o)&&o.length>0}async loadMacdOrderTypes(){try{this.showErrorNotification=!1;const t=await(t=>{let o;try{o=new URL(c.macdOrderTypes).href}catch(t){return console.error(t),Promise.reject("Macd Order Type endpoint URL generation failed.")}return(new l).setUrl(o).setOptions({method:"POST",headers:{Authorization:t,Accept:"application/json","Content-Type":"application/json"}}).execute()})(this.accessToken);t.assetId&&(this.assetId=t.assetId),t.accountNumber&&(this.accountNumber=t.accountNumber),Array.isArray(t.macdOrderTypes)&&(this.currentMacdOrderTypes=[...t.macdOrderTypes])}catch(t){this.errorLoading.emit(t.message),this.showErrorNotification=!0}this.showLoader=!1}getVisibleMacdOrderTypes(){let t=this.currentMacdOrderTypes.filter((({code:t})=>!this.ignoredMacdOrderTypes.includes(t)));return this.hideUnavailable&&(t=t.filter((({availability:t})=>t.status))),t}onMacdOrderTypeClick(t){if(!t.availability.status)return;let o,i;if(t.availability.redirectUrl)o=t.availability.redirectUrl;else{const i=new URLSearchParams({lang:this.language,assetId:this.assetId,macdOrderType:t.code});o=new URL("?"+i.toString(),d.baseUrl).href,["suspend","modify"].includes(t.code)&&(o=new URL(`/mytet/services/v2/change/${t.code}/${this.assetId}`,h.baseUrl).href)}switch(this.selectedMacdOrderType.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber,redirectUrl:o}),t.code){case"suspend":i=this.suspendFn;break;case"change-of-plan":i=this.changeOfPlanFn;break;case"promotion-change":i=this.promotionChangeFn;break;case"cease":i=this.ceaseFn;break;case"modify":i=this.modifyFn}i?i(o):this.eventsOnly\|\|window.location.assign(o)}onCommunicationCTAClick(t){this.modalTitle=t.availability.reason[0].title,this.modalContent=t.availability.reason[0].description,this.communicationRedirectUrl=new URL(`/mytet/communication/ask-question/?topic=${t.availability.contactFormSubjectCode}`,h.baseUrl).href,e(this),this.modalDialogEl.open(),this.openCommunication.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber})}renderMacdOrderTypesList(){return this.hasMacdOrderTypes.bind(this)&&a("ul",{class:"macd-list"},this.getVisibleMacdOrderTypes().map(this.renderMacdOrderTypeListItem.bind(this)))}renderMacdOrderTypeListItem(t){const o={"macd-list-item-icon-wrapper":!0,multiple:!t.availability.status};return a("li",{class:"macd-list-item",onClick:()=>t.availability.status?this.onMacdOrderTypeClick(t):this.onCommunicationCTAClick(t)},a("span",{class:"macd-list-item-name"},f(t.name)),a("div",{class:o},t.availability.status?null:this.renderCommunicationCTA(),this.renderActionButton()))}renderActionButton(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon action",name:this.theme===r.DARK?"arrow-right":"chevron-right"})}renderCommunicationCTA(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon cta",name:"attention"})}renderLoader(){return a("tet-placeholder",{class:"placeholder",height:this.loaderHeight})}renderDialog(){const t=(this.modalTitle&&this.modalTitle.length>0&&f(this.modalTitle))??void 0,o=(this.modalContent&&this.modalContent.length>0&&f(this.modalContent))??void 0,i=()=>{const t=(this.communicationRedirectUrl&&this.communicationRedirectUrl.length>0&&f(this.communicationRedirectUrl))??void 0;this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"redirect-to-communication",communicationRedirectUrl:this.communicationRedirectUrl}),this.eventsOnly\|\|window.location.assign(t)},e=()=>{this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"cancel"})};return a("tet-dialog",{headerTitle:t,footerDisplay:"right",onCloseDialog:()=>e(),ref:t=>this.modalDialogEl=t,theme:this.theme},a("div",{innerHTML:o}),a("tet-button",{slot:"footer",size:"medium",type:"secondary",onClick:()=>e(),theme:this.theme},f("macd-cancel")),a("tet-button",{slot:"footer",size:"medium",onClick:()=>i(),theme:this.theme},f("macd-to-communication")))}renderErrorNotification(){const t="light"===this.theme?"classic":"dark";return a("tet-notification",{class:"macd-error-notification",content:f("macd-error-loading"),type:"warning",icon:"attention",theme:t})}render(){const t=this.showErrorNotification?this.renderErrorNotification():this.renderMacdOrderTypesList(),o=this.showLoader?this.renderLoader():t;return a(n,{key:"14a900bd1e5e75cb47673e3d51b4e60f7f80d8f2"},a("div",{key:"3916c7ce06cfcc8f98655d200131c582b9b38884",class:"wrapper"},a(s,{key:"6bdc365fce9fbb7f54b0a217ec215485c47bf9dd",theme:this.theme},o,this.renderDialog())))}static get watchers(){return{language:["onLanguageChange"],accessToken:["setAccessToken"],macdOrderTypes:["setMacdOrderTypes"]}}};g.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{--macd-list-font-family:var(--text-font);--macd-list-radius:1rem;--macd-list-padding:0;--macd-list-margin:0;--macd-list-background:rgb(255, 255, 255);--macd-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-list-item-background:rgb(255, 255, 255);--macd-list-item-padding:1rem 1.5rem;--macd-list-item-border:.0625rem solid rgb(215, 219, 224);--macd-list-item-name-text-color:rgb(10, 11, 13);--macd-list-item-icon-color:var(--color-grey-50);--macd-list-item-icon-size:1.5rem;--macd-list-item-icon-spacing:.5rem;--macd-list-communication-icon-color:rgb(255, 182, 26);--macd-notification-warning-background-color:rgb(252, 244, 227);--macd-notification-warning-icon-color:rgb(255, 182, 26);--macd-notification-warning-border-left-color:rgb(251, 231, 187);--macd-notification-title-color:rgb(67, 75, 86);--macd-dark-list-background:rgb(10, 11, 13);--macd-dark-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-dark-list-communication-icon-color:rgb(255, 182, 26);--macd-dark-list-font-family:var(--text-font);--macd-dark-list-item-background:rgb(10, 11, 13);--macd-dark-list-item-border:.03125rem solid rgb(67, 75, 86);--macd-dark-list-item-icon-color:rgb(31, 208, 214);--macd-dark-list-item-icon-size:1.5rem;--macd-dark-list-item-icon-spacing:.5rem;--macd-dark-list-item-name-text-color:rgb(255, 255, 255);--macd-dark-list-item-padding:1rem 0;--macd-dark-list-margin:0;--macd-dark-list-padding:0 1rem;--macd-dark-list-radius:.5rem;--macd-dark-notification-title-color:rgb(215, 219, 224);--macd-dark-notification-warning-background-color:rgb(35, 40, 46);--macd-dark-notification-warning-border-left-color:rgba(255, 190, 51, 0.3);--macd-dark-notification-warning-icon-color:rgb(255, 182, 26);--macd-placeholder-primary-background-color:#01050C;--macd-placeholder-secondary-background-color:#12171E;display:block;width:100%;max-width:39.5rem}.wrapper{width:100%}.wrapper .placeholder{--placeholder-animation-speed:10s}.wrapper .theme-dark{--macd-list-background:var(--macd-dark-list-background);--macd-list-box-shadow:var(--macd-dark-list-box-shadow);--macd-list-communication-icon-color:var(--macd-dark-list-communication-icon-color);--macd-list-font-family:var(--macd-dark-list-font-family);--macd-list-item-background:var(--macd-dark-list-item-background);--macd-list-item-border:var(--macd-dark-list-item-border);--macd-list-item-icon-color:var(--macd-dark-list-item-icon-color);--macd-list-item-icon-size:var(--macd-dark-list-item-icon-size);--macd-list-item-icon-spacing:var(--macd-dark-list-item-icon-spacing);--macd-list-item-name-text-color:var(--macd-dark-list-item-name-text-color);--macd-list-item-padding:var(--macd-dark-list-item-padding);--macd-list-margin:var(--macd-dark-list-margin);--macd-list-padding:var(--macd-dark-list-padding);--macd-list-radius:var(--macd-dark-list-radius);--macd-notification-title-color:var(--macd-dark-notification-title-color);--macd-notification-warning-background-color:var(--macd-dark-notification-warning-background-color);--macd-notification-warning-border-left-color:var(--macd-dark-notification-warning-border-left-color);--macd-notification-warning-icon-color:var(--macd-dark-notification-warning-icon-color)}.wrapper .theme-dark .placeholder{--placeholder-primary-background-color:var(--macd-placeholder-primary-background-color);--placeholder-secondary-background-color:var(--macd-placeholder-secondary-background-color)}.macd-error-notification{--notification-warning-background-color:var(--macd-notification-warning-background-color);--notification-warning-icon-color:var(--macd-notification-warning-icon-color);--notification-warning-border-left-color:var(--macd-notification-warning-border-left-color);--notification-title-color:var(--macd-notification-title-color)}.macd-list{padding:var(--macd-list-padding);margin:var(--macd-list-margin);box-shadow:var(--macd-list-box-shadow);background:var(--macd-list-background);border-radius:var(--macd-list-radius)}.macd-list-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:3.5625rem;padding:var(--macd-list-item-padding);cursor:pointer;font-style:normal}.macd-list-item+.macd-list-item{border-top:var(--macd-list-item-border)}.macd-list-item-name{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--macd-list-item-name-text-color);font-family:var(--macd-list-font-family);line-height:1.5rem;letter-spacing:-0.01125rem}.macd-list-item-icon-wrapper.multiple{min-width:calc(var(--macd-list-item-icon-size) 2 + var(--macd-list-item-icon-spacing))}.macd-list-item-icon-wrapper-icon{--icon-size:var(--macd-list-item-icon-size)}.macd-list-item-icon-wrapper-icon.cta{--icon-color:var(--macd-list-communication-icon-color)}.macd-list-item-icon-wrapper-icon.cta+.action{margin-left:var(--macd-list-item-icon-spacing)}.macd-list-item-icon-wrapper-icon.action{--icon-color:var(--macd-list-item-icon-color)}';export{g as tet_macd_view}
1	+ import{E as t,r as o,c as i,f as e,h as a,H as n}from"./p-5abb3bea.js";import{T as r,a as s}from"./p-660bdc27.js";import{e as c}from"./p-726651bc.js";import{A as l}from"./p-c9ddf890.js";import{p as m,t as f}from"./p-a476fd02.js";import"./p-2dbe670c.js";import"./p-9a2b6ee2.js";const d={testing:{baseUrl:"https://tst-pieteikties.tet.lv"},staging:{baseUrl:"https://uat-pieteikties.tet.lv"},production:{baseUrl:"https://pieteikties.tet.lv"}}[t.environment]??{},h={testing:{baseUrl:"https://mans-pretest.tet.lv/mytet"},staging:{baseUrl:"https://mans-accept.tet.lv/mytet"},production:{baseUrl:"https://mans.tet.lv/mytet"}}[t.environment]??{},g=class{constructor(t){o(this,t),this.selectedMacdOrderType=i(this,"selectedMacdOrderType",7),this.openCommunication=i(this,"openCommunication",7),this.errorLoading=i(this,"errorLoading",7),this.communicationDialogResponse=i(this,"communicationDialogResponse",7),this.language="lv",this.theme=r.LIGHT,this.showErrorNotification=!1,this.showLoader=!0,this.loaderHeight="17.8125rem",this.accessToken=void 0,this.eventsOnly=!1,this.hideUnavailable=!1,this.assetId=void 0,this.accountNumber=void 0,this.macdOrderTypes=[],this.ignoredMacdOrderTypes=[],this.suspendFn=void 0,this.changeOfPlanFn=void 0,this.promotionChangeFn=void 0,this.ceaseFn=void 0,this.modifyFn=void 0}modalDialogEl;modalTitle;modalContent;communicationRedirectUrl;currentMacdOrderTypes=[];onLanguageChange(t){m("macd",t).then((()=>e(this)))}async setAccessToken(t){t?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}setMacdOrderTypes(t){Array.isArray(t)&&t.length>0&&(this.currentMacdOrderTypes=[...t])}selectedMacdOrderType;openCommunication;errorLoading;communicationDialogResponse;async componentWillLoad(){m("macd",this.language).then((()=>e(this))),this.hasMacdOrderTypes(this.macdOrderTypes)&&(this.currentMacdOrderTypes=[...this.macdOrderTypes],this.showLoader=!1)}async componentDidLoad(){this.accessToken?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}hasMacdOrderTypes(t){const o=t??this.currentMacdOrderTypes;return Array.isArray(o)&&o.length>0}async loadMacdOrderTypes(){try{this.showErrorNotification=!1;const t=await(t=>{let o;try{o=new URL(c.macdOrderTypes).href}catch(t){return console.error(t),Promise.reject("Macd Order Type endpoint URL generation failed.")}return(new l).setUrl(o).setOptions({method:"POST",headers:{Authorization:t,Accept:"application/json","Content-Type":"application/json"}}).execute()})(this.accessToken);t.assetId&&(this.assetId=t.assetId),t.accountNumber&&(this.accountNumber=t.accountNumber),Array.isArray(t.macdOrderTypes)&&(this.currentMacdOrderTypes=[...t.macdOrderTypes])}catch(t){this.errorLoading.emit(t.message),this.showErrorNotification=!0}this.showLoader=!1}getVisibleMacdOrderTypes(){let t=this.currentMacdOrderTypes.filter((({code:t})=>!this.ignoredMacdOrderTypes.includes(t)));return this.hideUnavailable&&(t=t.filter((({availability:t})=>t.status))),t}onMacdOrderTypeClick(t){if(!t.availability.status)return;let o,i;if(t.availability.redirectUrl)o=t.availability.redirectUrl;else{const i=new URLSearchParams({lang:this.language,assetId:this.assetId,macdOrderType:t.code});o=new URL("?"+i.toString(),d.baseUrl).href,["suspend","modify"].includes(t.code)&&(o=new URL(`/mytet/services/v2/change/${t.code}/${this.assetId}`,h.baseUrl).href)}switch(this.selectedMacdOrderType.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber,redirectUrl:o}),t.code){case"suspend":i=this.suspendFn;break;case"change-of-plan":i=this.changeOfPlanFn;break;case"promotion-change":i=this.promotionChangeFn;break;case"cease":i=this.ceaseFn;break;case"modify":i=this.modifyFn}i?i(o):this.eventsOnly\|\|window.location.assign(o)}onCommunicationCTAClick(t){this.modalTitle=t.availability.reason[0].title,this.modalContent=t.availability.reason[0].description,this.communicationRedirectUrl=new URL(`/mytet/communication/ask-question/?topic=${t.availability.contactFormSubjectCode}`,h.baseUrl).href,e(this),this.modalDialogEl.open(),this.openCommunication.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber})}renderMacdOrderTypesList(){return this.hasMacdOrderTypes.bind(this)&&a("ul",{class:"macd-list"},this.getVisibleMacdOrderTypes().map(this.renderMacdOrderTypeListItem.bind(this)))}renderMacdOrderTypeListItem(t){const o={"macd-list-item-icon-wrapper":!0,multiple:!t.availability.status};return a("li",{class:"macd-list-item",onClick:()=>t.availability.status?this.onMacdOrderTypeClick(t):this.onCommunicationCTAClick(t)},a("span",{class:"macd-list-item-name"},f(t.name)),a("div",{class:o},t.availability.status?null:this.renderCommunicationCTA(),this.renderActionButton()))}renderActionButton(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon action",name:this.theme===r.DARK?"arrow-right":"chevron-right"})}renderCommunicationCTA(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon cta",name:"attention"})}renderLoader(){return a("tet-placeholder",{class:"placeholder",height:this.loaderHeight})}renderDialog(){const t=(this.modalTitle&&this.modalTitle.length>0&&f(this.modalTitle))??void 0,o=(this.modalContent&&this.modalContent.length>0&&f(this.modalContent))??void 0,i=()=>{const t=(this.communicationRedirectUrl&&this.communicationRedirectUrl.length>0&&f(this.communicationRedirectUrl))??void 0;this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"redirect-to-communication",communicationRedirectUrl:this.communicationRedirectUrl}),this.eventsOnly\|\|window.location.assign(t)},e=()=>{this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"cancel"})};return a("tet-dialog",{headerTitle:t,footerDisplay:"right",onCloseDialog:()=>e(),ref:t=>this.modalDialogEl=t,theme:this.theme},a("div",{innerHTML:o}),a("tet-button",{slot:"footer",size:"medium",type:"secondary",onClick:()=>e(),theme:this.theme},f("macd-cancel")),a("tet-button",{slot:"footer",size:"medium",onClick:()=>i(),theme:this.theme},f("macd-to-communication")))}renderErrorNotification(){const t="light"===this.theme?"classic":"dark";return a("tet-notification",{class:"macd-error-notification",content:f("macd-error-loading"),type:"warning",icon:"attention",theme:t})}render(){const t=this.showErrorNotification?this.renderErrorNotification():this.renderMacdOrderTypesList(),o=this.showLoader?this.renderLoader():t;return a(n,{key:"14a900bd1e5e75cb47673e3d51b4e60f7f80d8f2"},a("div",{key:"3916c7ce06cfcc8f98655d200131c582b9b38884",class:"wrapper"},a(s,{key:"6bdc365fce9fbb7f54b0a217ec215485c47bf9dd",theme:this.theme},o,this.renderDialog())))}static get watchers(){return{language:["onLanguageChange"],accessToken:["setAccessToken"],macdOrderTypes:["setMacdOrderTypes"]}}};g.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{--macd-list-font-family:var(--text-font);--macd-list-radius:1rem;--macd-list-padding:0;--macd-list-margin:0;--macd-list-background:rgb(255, 255, 255);--macd-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-list-item-background:rgb(255, 255, 255);--macd-list-item-padding:1rem 1.5rem;--macd-list-item-border:.0625rem solid rgb(215, 219, 224);--macd-list-item-name-text-color:rgb(10, 11, 13);--macd-list-item-icon-color:var(--color-grey-50);--macd-list-item-icon-size:1.5rem;--macd-list-item-icon-spacing:.5rem;--macd-list-communication-icon-color:rgb(255, 182, 26);--macd-notification-warning-background-color:rgb(252, 244, 227);--macd-notification-warning-icon-color:rgb(255, 182, 26);--macd-notification-warning-border-left-color:rgb(251, 231, 187);--macd-notification-title-color:rgb(67, 75, 86);--macd-dark-list-background:rgb(10, 11, 13);--macd-dark-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-dark-list-communication-icon-color:rgb(255, 182, 26);--macd-dark-list-font-family:var(--text-font);--macd-dark-list-item-background:rgb(10, 11, 13);--macd-dark-list-item-border:.03125rem solid rgb(67, 75, 86);--macd-dark-list-item-icon-color:rgb(31, 208, 214);--macd-dark-list-item-icon-size:1.5rem;--macd-dark-list-item-icon-spacing:.5rem;--macd-dark-list-item-name-text-color:rgb(255, 255, 255);--macd-dark-list-item-padding:1rem 0;--macd-dark-list-margin:0;--macd-dark-list-padding:0 1rem;--macd-dark-list-radius:.5rem;--macd-dark-notification-title-color:rgb(215, 219, 224);--macd-dark-notification-warning-background-color:rgb(35, 40, 46);--macd-dark-notification-warning-border-left-color:rgba(255, 190, 51, 0.3);--macd-dark-notification-warning-icon-color:rgb(255, 182, 26);--macd-placeholder-primary-background-color:#01050C;--macd-placeholder-secondary-background-color:#12171E;display:block;width:100%;max-width:39.5rem}.wrapper{width:100%}.wrapper .placeholder{--placeholder-animation-speed:10s}.wrapper .theme-dark{--macd-list-background:var(--macd-dark-list-background);--macd-list-box-shadow:var(--macd-dark-list-box-shadow);--macd-list-communication-icon-color:var(--macd-dark-list-communication-icon-color);--macd-list-font-family:var(--macd-dark-list-font-family);--macd-list-item-background:var(--macd-dark-list-item-background);--macd-list-item-border:var(--macd-dark-list-item-border);--macd-list-item-icon-color:var(--macd-dark-list-item-icon-color);--macd-list-item-icon-size:var(--macd-dark-list-item-icon-size);--macd-list-item-icon-spacing:var(--macd-dark-list-item-icon-spacing);--macd-list-item-name-text-color:var(--macd-dark-list-item-name-text-color);--macd-list-item-padding:var(--macd-dark-list-item-padding);--macd-list-margin:var(--macd-dark-list-margin);--macd-list-padding:var(--macd-dark-list-padding);--macd-list-radius:var(--macd-dark-list-radius);--macd-notification-title-color:var(--macd-dark-notification-title-color);--macd-notification-warning-background-color:var(--macd-dark-notification-warning-background-color);--macd-notification-warning-border-left-color:var(--macd-dark-notification-warning-border-left-color);--macd-notification-warning-icon-color:var(--macd-dark-notification-warning-icon-color)}.wrapper .theme-dark .placeholder{--placeholder-primary-background-color:var(--macd-placeholder-primary-background-color);--placeholder-secondary-background-color:var(--macd-placeholder-secondary-background-color)}.macd-error-notification{--notification-warning-background-color:var(--macd-notification-warning-background-color);--notification-warning-icon-color:var(--macd-notification-warning-icon-color);--notification-warning-border-left-color:var(--macd-notification-warning-border-left-color);--notification-title-color:var(--macd-notification-title-color)}.macd-list{padding:var(--macd-list-padding);margin:var(--macd-list-margin);box-shadow:var(--macd-list-box-shadow);background:var(--macd-list-background);border-radius:var(--macd-list-radius)}.macd-list-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:3.5625rem;padding:var(--macd-list-item-padding);cursor:pointer;font-style:normal}.macd-list-item+.macd-list-item{border-top:var(--macd-list-item-border)}.macd-list-item-name{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--macd-list-item-name-text-color);font-family:var(--macd-list-font-family);line-height:1.5rem;letter-spacing:-0.01125rem}.macd-list-item-icon-wrapper.multiple{min-width:calc(var(--macd-list-item-icon-size) 2 + var(--macd-list-item-icon-spacing))}.macd-list-item-icon-wrapper-icon{--icon-size:var(--macd-list-item-icon-size)}.macd-list-item-icon-wrapper-icon.cta{--icon-color:var(--macd-list-communication-icon-color)}.macd-list-item-icon-wrapper-icon.cta+.action{margin-left:var(--macd-list-item-icon-spacing)}.macd-list-item-icon-wrapper-icon.action{--icon-color:var(--macd-list-item-icon-color)}';export{g as tet_macd_view}