@tet/tet-components 1.4.85-testing → 1.4.86-staging

package/dist/tet-components/{p-9364547f.entry.js → p-f396e494.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,g as o,h as s,H as e}from"./p-83f43fdd.js";import{g as n}from"./p-165a8492.js";class r{isEnabled=!1;isDragging=!1;isScrolling=!1;pointerX=0;pointerXOld=0;pointerSpeedXOld=0;scrollSpeed=0;rootElement=null;scrollContainer=null;timer=null;scrollableElementClass="";animationSpeed=0;scrollAmount=10;mobileBreakpoint=740;constructor({rootElement:t,scrollableElementClass:i,animationSpeed:o=200}){this.rootElement=t,this.scrollableElementClass=i,this.animationSpeed=o,window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("touchend",this.onTouchEnd),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove)}init(){this.scrollUpdate(),this.makeScrollable(),this.timer=setInterval((()=>{this.pointerSpeedXOld=this.pointerX-this.pointerXOld,this.pointerXOld=this.pointerX}),25)}detach(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("touchend",this.onTouchEnd),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),clearInterval(this.timer),this.isEnabled=!1,null!=this.rootElement&&(this.rootElement.removeEventListener("mousedown",this.onMouseDown),this.rootElement.removeEventListener("touchstart",this.onTouchStart),null!=this.scrollContainer&&(this.rootElement.innerHTML=this.scrollContainer.innerHTML))}get currentScroll(){const{scrollSpeed:t,scrollLeft:i,scrollWidth:o}=this;let s=i;return s<0?s=0:s>o&&(s=o),{scrollSpeed:t,scrollLeft:s,scrollWidth:o,isUserScroll:!0}}get scrollLeft(){return Math.round(Math.abs(parseFloat(this.scrollContainer?.style?.left)||0))}get scrollWidth(){return Math.round(this.scrollContainer?.getBoundingClientRect().width-this.rootElement?.getBoundingClientRect().width||0)}enable(){this.isEnabled=!0,this.scrollUpdate()}disable(){this.isEnabled=!1}async scrollBy(t,i=!1){const{scrollLeft:o,scrollWidth:s}=this;let e=o+t.left;e<0&&(e=0),e>s&&(e=s),"smooth"===t.behavior?await this.animateScroll(-o,-e):this.scrollContainer.style.left=-e+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:e>o?-1:1}}))}async scrollToElement(t,i=!1,o=!1){const{scrollLeft:s}=this,e=s+this.rootElement.getBoundingClientRect().width/2,n=t.getBoundingClientRect(),r=n.left+n.width/2-this.scrollContainer.getBoundingClientRect().left;await this.scrollBy({left:r-e,behavior:i?"smooth":"auto"},o)}async scrollTo(t,i=!1){const{scrollWidth:o,scrollLeft:s}=this;t.left<0?t.left=0:t.left>o&&(t.left=o),"smooth"===t.behavior?await this.animateScroll(-s,-t.left):this.scrollContainer.style.left=-t.left+"px",i||this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll,scrollSpeed:t.left>s?-1:1}}))}async animateScroll(t,i){const o=Math.abs(t)-Math.abs(i),s=1e3/60,e=o/(this.animationSpeed/s);let n=window.performance.now();const r=n,l=new Promise((t=>{let i;const l=a=>{i=requestAnimationFrame(l);const h=a,c=h-n;c<s||(n=h-c%s,this.scrollContainer.style.left=`${parseFloat(this.scrollContainer.style.left)+e}px`,h-r>this.animationSpeed&&(cancelAnimationFrame(i),t()),this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll,scrollSpeed:o<0?-1:1,isUserScroll:!1}})))};l(n)}));await l}makeScrollable=()=>{this.rootElement.style.display="grid",this.rootElement.style.gridAutoFlow="column",this.rootElement.style.position="relative",this.rootElement.style.overflow="hidden",this.rootElement.style.width="100%",this.rootElement.style.height="100%";const t=this.rootElement.innerHTML;this.scrollContainer=document.createElement("div"),this.rootElement.innerHTML="",this.rootElement.appendChild(this.scrollContainer),this.scrollContainer.innerHTML=t,this.scrollContainer.setAttribute("part","scroll-container"),this.scrollContainer.classList.add(this.scrollableElementClass),this.scrollContainer.style.overflow="visible",this.scrollContainer.style.position="relative",this.scrollContainer.style.left="0px",this.scrollContainer.style.display="grid",this.scrollContainer.style.gridAutoFlow="column",this.scrollSpeed=0,this.rootElement.addEventListener("mousedown",this.onMouseDown,{passive:!1}),this.rootElement.addEventListener("touchstart",this.onTouchStart)};onMouseDown=t=>{this.onPointerDown(t.clientX)};onTouchStart=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerDown(t.changedTouches[i].clientX)};onMouseMove=t=>{this.isDragging&&this.onPointerMove(t.clientX)};onTouchMove=t=>{if(this.isDragging)for(let i=0;i<t.changedTouches.length;i++)this.onPointerMove(t.changedTouches[i].clientX)};onMouseUp=()=>{this.onPointerRelease()};onTouchEnd=t=>{for(let i=0;i<t.changedTouches.length;i++)this.onPointerRelease()};onPointerDown=t=>{this.isEnabled&&(this.scrollSpeed=0,this.pointerSpeedXOld=0,this.isDragging=!0,this.pointerX=this.pointerXOld=t)};onPointerRelease=()=>{this.isEnabled&&this.isDragging&&(this.scrollSpeed=this.pointerSpeedXOld,this.isScrolling=!0,this.isDragging=!1,this.scrollContainer.style.userSelect=null,this.scrollContainer.style.pointerEvents=null,document.querySelector("body").style.overflowY=null)};onPointerMove=t=>{if(!this.isEnabled)return;if(!this.isDragging)return;this.scrollContainer.style.userSelect="none",this.scrollContainer.style.pointerEvents="none";let i=t-this.pointerX;Math.abs(i)>this.scrollAmount&&window.innerWidth<this.mobileBreakpoint&&(document.querySelector("body").style.overflowY="hidden");const{scrollLeft:o,scrollWidth:s}=this;(o<0&&i>0||o>s&&i<0)&&(i/=3),this.scrollContainer.style.left=`-${o-i}px`,this.pointerX=t};scrollUpdate=()=>{if(this.isEnabled&&requestAnimationFrame(this.scrollUpdate),!this.isDragging&&!this.isScrolling)return;let{scrollLeft:t}=this;t-=this.scrollSpeed,this.scrollSpeed*=.9,Math.abs(this.scrollSpeed)<.1&&(this.scrollSpeed=0),t<0&&(t*=.7);const{scrollWidth:i}=this;t>i&&(t=i+.3*(t-i)),this.scrollContainer.style.left=-t+"px",0===this.scrollSpeed&&!this.isDragging&&this.isScrolling&&(this.isScrolling=!1,this.rootElement.dispatchEvent(new CustomEvent("content-scroll-end",{detail:{...this.currentScroll}}))),(this.isDragging||this.isScrolling)&&this.rootElement.dispatchEvent(new CustomEvent("content-scroll",{detail:{...this.currentScroll}}))}}const l=class{constructor(o){t(this,o),this.cardScroll=i(this,"cardScroll",7),this.contentScrollEnd=i(this,"contentScrollEnd",7),this.controlVisibility={left:!0,right:!0},this.scrollThumbWidth=0,this.isSmallContainer=!1,this.theme="light",this.withControls=!0,this.controlScrollAmount=350,this.scrollFullWidth=!1,this.initialScrollAmount=0,this.disableScroll=!1,this.withScrollbar=!0,this.withOverflowOpacity=!1,this.overflowOpacityMinWidth="48rem",this.withMouseDrag=!1,this.withVirtualScroll=!1,this.withActiveElement=!1,this.activeElementClass="active",this.scrollAnimationSpeed=200,this.iconPrev="",this.iconNext=""}inertialScroll;get element(){return o(this)}scrollContainerRef;scrollbarRef;virtualScrollPrependClones=[];virtualScrollAppendClones=[];scrollDetails=null;dimensions={element:{left:0,width:0}};elementGap=16;isScrolling=!1;cardScroll;contentScrollEnd;onWithMouseDragChange(t){t?this.inertialScroll.enable():this.inertialScroll.disable()}onDisableScrollChange(){this.updateControlVisibility()}onWithControlsChange(){this.updateControlVisibility()}onWithOverflowOpacityChange(){this.updateChildElementOverflowOpacity()}onWithVirtualScrollChange(){this.setupVirtualScroll()}onResize(){this.calculateDimensions(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!1,!0)}async scrollListTo(t){this.inertialScroll.scrollTo(t)}async scrollListBy(t){this.inertialScroll.scrollBy(t)}async scrollListToElementCenter(t,i=!1){await this.scrollToElementCenter(t,!0,i)}scrollToElementCenter=async(t,i=!0,o=!1)=>{let s=Array.from(this.element.children);this.withVirtualScroll&&(s=Array.from(this.element.querySelectorAll("[data-id]")));const e=s.find((i=>i.matches(t)));null!=e&&(await this.inertialScroll.scrollToElement(e,i,o),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity())};componentDidLoad(){this.inertialScroll=new r({rootElement:this.scrollContainerRef,scrollableElementClass:"tet-card-list",animationSpeed:this.scrollAnimationSpeed}),this.elementGap=n(getComputedStyle(this.element).getPropertyValue("--card-list-gap")),this.scrollContainerRef.addEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef.addEventListener("touchmove",this.handleDisableScroll),this.withMouseDrag&&this.inertialScroll.enable(),this.calculateDimensions(),this.inertialScroll.init(),setTimeout((()=>{this.scrollDetails=this.inertialScroll.currentScroll,this.updateControlVisibility(),this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.setupScrollbar()})),this.withVirtualScroll&&this.setupVirtualScroll(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`),this.scrollContainerRef.addEventListener("content-scroll-end",(t=>{this.contentScrollEnd.emit(t.detail),this.scrollDetails=t.detail,this.withVirtualScroll&&this.moveElements(),this.withActiveElement&&this.scrollToElementCenter(`.${this.activeElementClass}`,!0,!0),this.withControls&&this.updateControlVisibility(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&this.scrollbarRef.animate({left:`${this.currentScrollbarScroll}%`},{duration:50}).finished.then((()=>{this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`}))})),this.scrollContainerRef.addEventListener("content-scroll",(t=>{const i=this.scrollDetails.scrollLeft!==t.detail.scrollLeft;this.scrollDetails=t.detail,this.moveElements(),this.withControls&&this.updateControlVisibility(),t.detail.isUserScroll&&this.handleScroll(),this.withOverflowOpacity&&this.updateChildElementOverflowOpacity(),this.withScrollbar&&i&&(this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)}))}getFirstOriginal(){return this.element.querySelector("[data-id]")}getLastOriginal(){const t=this.element.querySelectorAll("[data-id]");return t.item(t.length-1)}setupVirtualScroll(){if(this.resetVirtualScroll(),!this.withVirtualScroll)return;for(let t=0;t<this.element.childElementCount;t++){const i=this.element.children[t].cloneNode(!0);this.virtualScrollAppendClones.push(i);const o=this.element.children[t].cloneNode(!0);this.virtualScrollPrependClones.push(o),i.setAttribute("data-clone-id",t.toString()),this.element.children[t].setAttribute("data-id",t.toString()),o.setAttribute("data-clone-id",t.toString()),this.withActiveElement&&(i.classList.remove(this.activeElementClass),o.classList.remove(this.activeElementClass))}const t=this.getFirstOriginal(),i=t.offsetLeft-this.scrollContainerRef.offsetLeft;this.getFirstOriginal().insertAdjacentElement("beforebegin",this.getLastOriginal()),this.element.prepend(this.virtualScrollPrependClones[this.virtualScrollPrependClones.length-1],...this.virtualScrollPrependClones.slice(0,-1)),this.element.append(this.virtualScrollAppendClones[this.virtualScrollAppendClones.length-1],...this.virtualScrollAppendClones.slice(0,-1)),this.inertialScroll.scrollTo({left:t.offsetLeft-i},!0),this.element.querySelectorAll("[data-clone-id]").forEach((t=>{t.setAttribute("tabindex","-1")}))}resetVirtualScroll(){for(const t of this.virtualScrollAppendClones)this.element.removeChild(t);for(const t of this.virtualScrollPrependClones)this.element.removeChild(t);this.virtualScrollAppendClones.length=0,this.virtualScrollPrependClones.length=0;let t=Array.from(this.element.children);t=t.sort(((t,i)=>parseInt(t.getAttribute("data-id"),10)-parseInt(i.getAttribute("data-id"),10)));for(const i of t)i.removeAttribute("data-id"),this.element.append(i)}disconnectedCallback(){this.inertialScroll.detach(),this.scrollContainerRef?.removeEventListener("mousewheel",this.handleDisableScroll),this.scrollContainerRef?.removeEventListener("touchmove",this.handleDisableScroll)}setupScrollbar=()=>{const{currentScroll:t}=this.inertialScroll;this.scrollThumbWidth=this.scrollContainerRef.clientWidth/(t.scrollWidth+this.scrollContainerRef.clientWidth)*100,void 0!==this.scrollbarRef&&(this.scrollbarRef.style.width=`${this.scrollThumbWidth}%`,this.scrollbarRef.style.left=`${this.currentScrollbarScroll}%`)};handleDisableScroll=t=>{this.disableScroll&&t.preventDefault()};handleScroll=()=>{this.cardScroll.emit({totalAvailableScrollWidth:this.scrollDetails.scrollWidth,currentScroll:this.scrollDetails.scrollLeft});const t=Array.from(this.element.children);if(this.withActiveElement){const i=t.find((t=>t.attributes["data-clone-id"]&&t.classList.contains(this.activeElementClass)));if(void 0!==i){i.classList.remove(this.activeElementClass);const o=i.getBoundingClientRect().left,s=t.find((t=>t.classList.contains(this.activeElementClass)));if(void 0!==s){const t=s.getBoundingClientRect().left;this.inertialScroll.scrollTo({left:this.scrollDetails.scrollLeft-(o-t)},!0),this.updateChildElementOverflowOpacity()}}this.setActiveCenteredElement()}this.withVirtualScroll&&(this.moveElements(),this.updateChildElementOverflowOpacity())};setActiveCenteredElement=()=>{let t=this.scrollDetails.scrollSpeed>0,i=this.scrollDetails.scrollSpeed<0;const o=Array.from(this.element.children),s=o.map((t=>t.getBoundingClientRect())),e=this.element.getBoundingClientRect(),n=e.width/2+e.left;let r=s.findIndex((t=>t.left<=n&&t.left+t.width>=n));1===r&&i&&0===this.scrollDetails.scrollLeft&&(r=0),r===s.length-2&&t&&this.scrollDetails.scrollLeft+this.scrollContainerRef.getBoundingClientRect().width>=this.scrollDetails.scrollWidth&&(r=s.length-1),-1===r&&(t&&(r=s.findIndex((t=>t.left-this.elementGap<=n&&t.left+t.width>=n))),i&&(r=s.findIndex((t=>t.left<=n&&t.left+t.width+this.elementGap>=n)))),o.filter((t=>t.classList.contains(this.activeElementClass))).forEach((t=>t.classList.remove(this.activeElementClass)));const l=o[r];this.withVirtualScroll&&l?.hasAttribute("data-clone-id")&&o.find((t=>t.attributes["data-id"]?.value===l.getAttribute("data-clone-id"))).classList.add(this.activeElementClass),void 0!==l&&l.classList.add(this.activeElementClass),this.updateControlVisibility()};moveElements=()=>{if(!this.withVirtualScroll)return;const{width:t,left:i}=this.dimensions.element,o=this.getFirstOriginal(),s=this.getLastOriginal(),e=o.getBoundingClientRect(),n=s.getBoundingClientRect();if(n.right-i<t&&this.scrollDetails?.scrollSpeed<0){const t=parseInt(o.getAttribute("data-id"),10),i=o.nextElementSibling;this.inertialScroll.scrollBy({left:-(e.width+this.elementGap)},!0),s.insertAdjacentElement("afterend",o),i.insertAdjacentElement("beforebegin",this.virtualScrollPrependClones[t]),this.element.insertAdjacentElement("beforeend",this.virtualScrollAppendClones[t])}if(e.left-i>0&&this.scrollDetails?.scrollSpeed>0){const t=s.previousElementSibling,i=n.width+this.elementGap,e=parseInt(s.getAttribute("data-id"),10);this.inertialScroll.scrollBy({left:i},!0),o.insertAdjacentElement("beforebegin",s),t.insertAdjacentElement("afterend",this.virtualScrollAppendClones[e]),this.element.insertAdjacentElement("afterbegin",this.virtualScrollPrependClones[e])}};get currentScrollbarScroll(){const t=100-this.scrollThumbWidth;if(!this.withVirtualScroll)return this.scrollDetails.scrollLeft/this.scrollDetails.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"8c8e5e6c2d50c7f6970b70d0590849909a1ba295"},s("div",{key:"838a05d8a0b794487d669277d2e69d4f421b1dca",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"87273b2bae9149c1dd51115abd416c157767a2c5",class:"tet-card-list__scroll-container"},s("div",{key:"24f4ae8db457f7fb00e9cb1a338f19cc0b5b431d",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"509b3909d144ecb9f6ec913fc720a9e3a234417e"}))),s("tet-button",{key:"0654a906ed6361938fe33f525cdb5d376df18469",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:"1a788ecf63b3146b3befb6a4145809d60085a073",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"11567b30da9b08acacb8e9548cacea3300267c13",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:"a823b7beee3ca2aa0b92b8953803174e562e17fa",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"14c21ba4d09b6e92a2e3914baa1a8f68cb0cdaf0",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"1a2330cf5707536f5aeaf3c461119dedb4396dc8",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}
+import{r as t,c as i,g as o,h as s,H as e}from"./p-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.scrollWidth*t;let i=parseFloat(this.scrollbarRef.style.left)||0;return this.scrollDetails.scrollSpeed>0?(i-=.2,i<=0&&(i=t)):(i+=.2,i>t&&(i=0)),i}handleControlPointerDown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};handleLeftControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.previousElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=1,this.moveElements(),i=t.previousElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left<o&&i.right+this.elementGap>o}));if(void 0!==s){const o=s.getBoundingClientRect().right,e=t.left+i;await this.inertialScroll.scrollBy({left:-(e-o),behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:-this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControl=async()=>{if(!this.isScrolling){if(this.isScrolling=!0,this.withActiveElement){const t=this.element.querySelector(`.${this.activeElementClass}`);let i=t.nextElementSibling;if(null===i)return;t.classList.remove(this.activeElementClass),i.hasAttribute("data-clone-id")&&(this.scrollDetails.scrollSpeed=-1,this.moveElements(),i=t.nextElementSibling,this.withOverflowOpacity&&this.updateChildElementOverflowOpacity()),i.classList.add(this.activeElementClass),await this.scrollToElementCenter(`.${this.activeElementClass}`),this.moveElements(),this.updateControlVisibility()}else if(this.scrollFullWidth){const t=this.scrollContainerRef.getBoundingClientRect(),i=t.width,o=i+t.left,s=Array.from(this.element.children).find((t=>{const i=t.getBoundingClientRect();return i.left-this.elementGap<o&&i.right>o}));if(void 0!==s){const i=s.getBoundingClientRect().left,o=t.left;await this.inertialScroll.scrollBy({left:i-o,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:i,behavior:"smooth"})}else await this.inertialScroll.scrollBy({left:this.controlScrollAmount,behavior:"smooth"});this.isScrolling=!1}};handleRightControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleRightControl()};handleLeftControlKeyUp=t=>{" "!==t.key&&"Enter"!==t.key||this.handleLeftControl()};updateControlVisibility=(t=this.scrollDetails)=>{let i={left:!1,right:!1};this.withControls&&(null===t?i={left:!1,right:!0}:(i.left=!(t.scrollLeft-1<=0),i.right=!(t.scrollLeft>=t.scrollWidth))),JSON.stringify(i)!==JSON.stringify(this.controlVisibility)&&(this.controlVisibility=i)};updateChildElementOverflowOpacity(){for(const t of Array.from(this.element.children)){const i=this.getElementOverflowOpacity(t);t.style.opacity=`${i}`}}getElementOverflowOpacity(t){if(!this.withOverflowOpacity||this.isSmallContainer)return 1;const i=t.getBoundingClientRect(),o=this.scrollContainerRef.getBoundingClientRect().width,s=this.scrollContainerRef.getBoundingClientRect().left,e=i.left-s,n=i.right-s;let r=1;return e<0?r=Math.max(.3,(i.width+e)/i.width):n<o+i.width&&(r=Math.max(.3,1-(n-o)/i.width)),Math.round(100*r)/100}calculateDimensions(){if(void 0===this.element)return;const t=this.element.getBoundingClientRect();this.isSmallContainer=t.width<n(this.overflowOpacityMinWidth),this.dimensions.element.left=t.left,this.dimensions.element.width=t.width}render(){return s(e,{key:"8c8e5e6c2d50c7f6970b70d0590849909a1ba295"},s("div",{key:"838a05d8a0b794487d669277d2e69d4f421b1dca",class:{"tet-card-list__container":!0,"tet-card-list--no-scroll":this.disableScroll,[this.theme]:!0},part:"card-list-container"},s("div",{key:"87273b2bae9149c1dd51115abd416c157767a2c5",class:"tet-card-list__scroll-container"},s("div",{key:"24f4ae8db457f7fb00e9cb1a338f19cc0b5b431d",part:"card-list",ref:t=>this.scrollContainerRef=t},s("slot",{key:"509b3909d144ecb9f6ec913fc720a9e3a234417e"}))),s("tet-button",{key:"0654a906ed6361938fe33f525cdb5d376df18469",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:"1a788ecf63b3146b3befb6a4145809d60085a073",name:this.iconPrev&&""!==this.iconPrev?this.iconPrev:"chevron-left",class:"tet-card-list__control__icon"})),s("tet-button",{key:"11567b30da9b08acacb8e9548cacea3300267c13",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:"a823b7beee3ca2aa0b92b8953803174e562e17fa",name:this.iconNext&&""!==this.iconNext?this.iconNext:"chevron-right",class:"tet-card-list__control__icon"})),s("div",{key:"14c21ba4d09b6e92a2e3914baa1a8f68cb0cdaf0",class:{"tet-card-list__scroll":!0,"tet-card-list--hidden":!this.withScrollbar}},s("div",{key:"1a2330cf5707536f5aeaf3c461119dedb4396dc8",class:"tet-card-list__scroll--thumb",ref:t=>this.scrollbarRef=t}))))}static get watchers(){return{withMouseDrag:["onWithMouseDragChange"],disableScroll:["onDisableScrollChange"],withControls:["onWithControlsChange"],withOverflowOpacity:["onWithOverflowOpacityChange"],withVirtualScroll:["onWithVirtualScrollChange"]}}};l.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--card-list-content-width:100%;--card-list-content-height:100%;--card-list-horizontal-margin:10rem;--card-list-tablet-horizontal-margin:2rem;--card-list-mobile-horizontal-margin:1rem;--card-list-vertical-padding:0;--card-list-control-height:12.5rem;--card-list-control-button-height:3.25rem;--card-list-control-button-width:3.25rem;--card-list-control-horizontal-margin:5rem;--card-list-control-icon-color:var(--tc-button-icon-primary);--card-list-scroll-margin:3.5rem auto 0 auto;--card-list-scroll-background-color:var(--tc-border-quaternary);--card-list-scroll-thumb-background-color:var(--tc-border-secondary);--card-list-gap:1rem}.hidden{display:none}.tet-card-list{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:var(--card-list-content-height);gap:var(--card-list-gap);overflow:visible;position:relative;box-sizing:border-box;margin:0 auto;-ms-overflow-style:none;scrollbar-width:none}.tet-card-list__container{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-overflow-scrolling:touch}.tet-card-list__container.dark{--card-list-control-icon-color:var(--tc-button-icon-primary-dark);--card-list-scroll-background-color:var(--tc-border-quaternary-dark);--card-list-scroll-thumb-background-color:var(--tc-border-secondary-dark)}.tet-card-list__scroll-container{width:var(--card-list-content-width);height:var(--card-list-content-height);overflow:hidden;display:block;position:relative}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-mobile-horizontal-margin) !important}.tet-card-list::-webkit-scrollbar{display:none}.tet-card-list__scroll{position:relative;display:flex;height:0.25rem;background-color:var(--card-list-scroll-background-color);width:70%;margin:var(--card-list-scroll-margin);border-radius:0.25rem}.tet-card-list__scroll--thumb{background-color:var(--card-list-scroll-thumb-background-color);border-radius:0.25rem;display:block;height:100%;left:0;position:absolute}.tet-card-list--no-scroll{overflow-x:hidden}.tet-card-list--no-scroll .tet-card-list__scroll{display:none}.tet-card-list__control{--button-icon-mode-padding:0;cursor:pointer;align-items:center;color:rgb(10, 11, 13);display:none;justify-content:center;position:absolute;top:calc(var(--card-list-control-height) / 2 - var(--card-list-control-button-height) / 2);user-select:none;z-index:2}.tet-card-list__control--left{left:var(--card-list-control-horizontal-margin)}.tet-card-list__control--right{right:var(--card-list-control-horizontal-margin)}.tet-card-list__control__icon{--icon-size:1.25rem;--icon-color:var(--card-list-control-icon-color);display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--card-list-control-button-height);width:var(--card-list-control-button-width)}.tet-card-list--hidden,.tet-card-list__control--hidden{display:none;opacity:0;visibility:hidden}.tet-card-list--dragging{user-select:none;cursor:grabbing}.tet-card-list--dragging *{pointer-events:none}@media all and (min-width: 22.5rem){.tet-card-list__scroll{width:50%}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-tablet-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-tablet-horizontal-margin) !important}}@media all and (min-width: 48rem){.tet-card-list__scroll{width:min(40%, var(--card-list-content-width) * 0.325)}.tet-card-list__control{display:flex}.tet-card-list ::slotted(:first-child){margin-left:var(--card-list-horizontal-margin) !important}.tet-card-list ::slotted(:last-child){margin-right:var(--card-list-horizontal-margin) !important}}';export{l as tet_card_list}

package/dist/tet-components/{p-163f11b2.entry.js → p-f54116d8.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,f as e,h as n}from"./p-83f43fdd.js";import{p as a,t as r}from"./p-2358a695.js";import"./p-3e60d61c.js";import{P as i,c as f}from"./p-2ba08431.js";import{R as s}from"./p-e1259b83.js";import"./p-9a2b6ee2.js";import"./p-ddaea568.js";const l=class{constructor(e){t(this,e),this.taskCreationSuccess=o(this,"taskCreationSuccess",7),this.taskCreationFailed=o(this,"taskCreationFailed",7),this.language="lv",this.taskOptions=void 0,this.submitButtonProps={},this.showTitle=!0,this.showInputLabel=!1,this.theme="classic",this.darkTheme=!1,this.subtitle="components-contact-form-subtitle",this.showLoader=!1}phoneInput;validators=[new i("components-validation-incorrect-phone"),new s("components-validation-required")];onLanguageChange(t){a("tet-components",t).then((()=>e(this)))}taskCreationSuccess;taskCreationFailed;componentWillLoad(){a("tet-components",this.language).then((()=>e(this)))}createManualTask=async()=>{this.showLoader=!0;const t=await this.phoneInput.getInputHtmlElement();if((await this.phoneInput.validateInput()).length)this.showLoader=!1;else{try{const o=await f(this.getTaskOptions(t.value));o?.TaskId?this.taskCreationSuccess.emit(o.TaskId):this.taskCreationFailed.emit()}catch(t){this.taskCreationFailed.emit(t)}this.showLoader=!1}};getTaskOptions=t=>{const{taskDescription:o}=this.taskOptions;return{...this.taskOptions,taskDescription:[o.trim(),`Phone: ${t}`].join(" ")}};renderLoader=()=>n("div",{class:"loader-overlay"},n("tet-loader",{class:"loader"}));render(){return n("div",{key:"583aabef9a619f440751919ef06ccf47c55c5be8",class:{"dark-theme":this.darkTheme}},n("tet-container",{key:"f77b3134fd472fe49986356d7d7607ed1c337795",class:"container"},this.showLoader&&this.renderLoader(),n("div",{key:"1f4fe738af3aad50eddb6fa1d6a838237784333d",class:"form-container"},this.showTitle&&n("h2",{key:"234c668923d1eb50d717012442e457c9a181c795",class:"form-title"},r("components-contact-form-title")),n("p",{key:"011107869287092bf08288aea16407438e8074b4",class:"form-subtitle"},r(this.subtitle)),n("tet-input",{key:"e2693549ee1508ff92bc48b90fff07185cf56715",class:"form-input",placeholder:"+37122345678",ref:t=>this.phoneInput=t,validators:this.validators,label:this.showInputLabel?r("components-contact-form-input-label"):null,theme:this.darkTheme?"dark":"classic"}),n("tet-button",{key:"b6cacae9265fdae565875ce29bd94b152e651298",class:"form-submit",type:"primary",clickCallback:this.createManualTask,innerHTML:r("components-contact-form-submit"),...this.submitButtonProps}))))}static get watchers(){return{language:["onLanguageChange"]}}};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{--contact-form-container-background:initial;--contact-form-text-color:var(--color-ta600);--contact-form-loader-overlay-background:rgb(255, 255, 255);display:block}.dark-theme{--contact-form-container-background:var(--color-tg500);--contact-form-text-color:rgb(255, 255, 255);--contact-form-loader-overlay-background:var(--color-tg600)}.container{--border-radius:0.625rem;--box-shadow:0 0 0 0.03125rem rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);--padding:2.5rem 1rem;--background:var(--contact-form-container-background)}.form-container{max-width:26rem;display:flex;flex-direction:column;margin:0 auto;text-align:center}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:0.5em;color:var(--contact-form-text-color)}.form-subtitle{font-size:1.125rem;font-weight:400;color:var(--contact-form-text-color)}.form-input{margin-top:2rem;text-align:left}.form-submit{width:fit-content;margin-top:1.5rem;--button-font-size:1rem}@media only screen and (max-width: 44.9375rem){.form-submit{--button-width:100%}}.loader-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--contact-form-loader-overlay-background);z-index:100;opacity:0.75}.loader-overlay .loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}';export{l as tet_contact_form}
+import{r as t,c as o,f as e,h as n}from"./p-5abb3bea.js";import{p as a,t as r}from"./p-850594d3.js";import"./p-fa674b43.js";import{P as i,c as f}from"./p-1f5bea17.js";import{R as s}from"./p-e1259b83.js";import"./p-9a2b6ee2.js";import"./p-1ff7148a.js";const l=class{constructor(e){t(this,e),this.taskCreationSuccess=o(this,"taskCreationSuccess",7),this.taskCreationFailed=o(this,"taskCreationFailed",7),this.language="lv",this.taskOptions=void 0,this.submitButtonProps={},this.showTitle=!0,this.showInputLabel=!1,this.theme="classic",this.darkTheme=!1,this.subtitle="components-contact-form-subtitle",this.showLoader=!1}phoneInput;validators=[new i("components-validation-incorrect-phone"),new s("components-validation-required")];onLanguageChange(t){a("tet-components",t).then((()=>e(this)))}taskCreationSuccess;taskCreationFailed;componentWillLoad(){a("tet-components",this.language).then((()=>e(this)))}createManualTask=async()=>{this.showLoader=!0;const t=await this.phoneInput.getInputHtmlElement();if((await this.phoneInput.validateInput()).length)this.showLoader=!1;else{try{const o=await f(this.getTaskOptions(t.value));o?.TaskId?this.taskCreationSuccess.emit(o.TaskId):this.taskCreationFailed.emit()}catch(t){this.taskCreationFailed.emit(t)}this.showLoader=!1}};getTaskOptions=t=>{const{taskDescription:o}=this.taskOptions;return{...this.taskOptions,taskDescription:[o.trim(),`Phone: ${t}`].join(" ")}};renderLoader=()=>n("div",{class:"loader-overlay"},n("tet-loader",{class:"loader"}));render(){return n("div",{key:"583aabef9a619f440751919ef06ccf47c55c5be8",class:{"dark-theme":this.darkTheme}},n("tet-container",{key:"f77b3134fd472fe49986356d7d7607ed1c337795",class:"container"},this.showLoader&&this.renderLoader(),n("div",{key:"1f4fe738af3aad50eddb6fa1d6a838237784333d",class:"form-container"},this.showTitle&&n("h2",{key:"234c668923d1eb50d717012442e457c9a181c795",class:"form-title"},r("components-contact-form-title")),n("p",{key:"011107869287092bf08288aea16407438e8074b4",class:"form-subtitle"},r(this.subtitle)),n("tet-input",{key:"e2693549ee1508ff92bc48b90fff07185cf56715",class:"form-input",placeholder:"+37122345678",ref:t=>this.phoneInput=t,validators:this.validators,label:this.showInputLabel?r("components-contact-form-input-label"):null,theme:this.darkTheme?"dark":"classic"}),n("tet-button",{key:"b6cacae9265fdae565875ce29bd94b152e651298",class:"form-submit",type:"primary",clickCallback:this.createManualTask,innerHTML:r("components-contact-form-submit"),...this.submitButtonProps}))))}static get watchers(){return{language:["onLanguageChange"]}}};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{--contact-form-container-background:initial;--contact-form-text-color:var(--color-ta600);--contact-form-loader-overlay-background:rgb(255, 255, 255);display:block}.dark-theme{--contact-form-container-background:var(--color-tg500);--contact-form-text-color:rgb(255, 255, 255);--contact-form-loader-overlay-background:var(--color-tg600)}.container{--border-radius:0.625rem;--box-shadow:0 0 0 0.03125rem rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);--padding:2.5rem 1rem;--background:var(--contact-form-container-background)}.form-container{max-width:26rem;display:flex;flex-direction:column;margin:0 auto;text-align:center}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:0.5em;color:var(--contact-form-text-color)}.form-subtitle{font-size:1.125rem;font-weight:400;color:var(--contact-form-text-color)}.form-input{margin-top:2rem;text-align:left}.form-submit{width:fit-content;margin-top:1.5rem;--button-font-size:1rem}@media only screen and (max-width: 44.9375rem){.form-submit{--button-width:100%}}.loader-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--contact-form-loader-overlay-background);z-index:100;opacity:0.75}.loader-overlay .loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}';export{l as tet_contact_form}

package/dist/tet-components/{p-7700dd4d.entry.js → p-f72b4fbc.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,g as e,h as r,H as i}from"./p-83f43fdd.js";import{e as a,A as n}from"./p-3e60d61c.js";import{f as s}from"./p-e1e74d01.js";import{c}from"./p-d8518d4b.js";import{t as l}from"./p-2358a695.js";import"./p-9a2b6ee2.js";const{state:d,set:f,get:m}=c({data:[],cart:new Map,productDetails:new Map}),h=t=>{const o=new Map(d.cart);o.delete(t),f("cart",o)},u=()=>{const t=m("cart"),o=m("productDetails"),e={};for(const[r,i]of t.entries())e[o.get(r)?.name||r]=i;return e},y=class{constructor(e){t(this,e),this.compareLinkClick=o(this,"compareLinkClick",7),this.b2bConfiguratorSubmit=o(this,"b2bConfiguratorSubmit",7),this.successCloseClick=o(this,"successCloseClick",7),this.referenceElement=void 0,this.isLoading=!0,this.itemToRemove=null,this.checkoutAttempted=!1,this.formState="success",this.activePrimaryCategoryId=null,this.activeSecondaryCategoryId=null,this.selectedPrimaryCards=[],this.selectedSecondaryCards=[],this.isDesktopResolution=void 0,this.theme="light",this.stickyRefEl=""}get hostElement(){return e(this)}priceSuffix="€/mēn.";cartEl;confirmationDialogEl;submissionStateDialogEl;checkoutFormEl;primaryAccordionEl;secondaryAccordionEl;primaryNavEl;secondaryNavEl;resetSelectedPrimaryCards(){this.selectedPrimaryCards=[]}resetSelectedSecondaryCards(){this.selectedSecondaryCards=[]}compareLinkClick;b2bConfiguratorSubmit;successCloseClick;async componentWillLoad(){this.checkDesktopResolution(),this.referenceElement=this.stickyRefEl?document.querySelector(this.stickyRefEl):this.hostElement.parentElement}async componentDidLoad(){this.isLoading=!0,await(async t=>{const o="function"==typeof t?t():t,e=new Promise((t=>setTimeout(t,500))),[r]=await Promise.all([o,e]);return r})(this.fetchData),this.isLoading=!1,this.activePrimaryCategoryId=d.data.find((t=>"primary"===t.type))?.id||null,this.activeSecondaryCategoryId=d.data.find((t=>"secondary"===t.type))?.id||null,this.positionStickyCartEl()}onResize(){this.checkDesktopResolution(),this.positionStickyCartEl()}async setSubmitFormState(t){"validation-error"===t&&(this.submissionStateDialogEl.close(),this.checkoutFormEl.open()),this.formState=t}checkDesktopResolution=()=>{this.isDesktopResolution=window.innerWidth>=1024};fetchData=async()=>{(t=>{f("data",t);const o=new Map;for(const e of t)for(const t of e.products){const{type:r,name:i,id:a}=e,{name:{lv:n},description:{lv:s},amount:c,b2bConfiguratorProduct:l}=t;o.set(t.productCode,{name:n,description:s,amount:c,discountAmount:l.discountAmount,categoryType:r,categoryName:i,categoryId:a,b2bConfiguratorProduct:l})}f("productDetails",o)})(await(()=>{let t;try{t=new URL(a.b2bConfigurator).href}catch(t){return console.error(t),Promise.reject("B2B configurator endpoint URL generation failed.")}return(new n).setUrl(t).setErrorFallbackValue([]).execute()})())};renderPlaceholder=()=>{const t="dark"===this.theme;return[r("div",{class:"offer placeholder"},r("div",{style:{padding:this.isDesktopResolution?"1.5rem":"1rem"}},r("tet-placeholder",{class:"placeholder",height:this.isDesktopResolution?"2rem":"1.5rem",darkTheme:t})),r("div",{class:"offer__content"},r("tet-placeholder",{class:"placeholder offer__navigation",height:this.isDesktopResolution?"48rem":" 2.25rem",darkTheme:t,style:{margin:"0"}}),r("div",{class:"offer__cards"},r("div",{class:"offer__cards-list"},r("tet-placeholder",{class:"placeholder",height:"3rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}))))),r("div",{class:"cart cart--empty",style:{padding:"1.5rem 1rem 1rem","background-color":"var(--b2b-background-color)"}},r("tet-placeholder",{class:"placeholder",height:"12.75rem",darkTheme:t}))]};categoryClickHandler=t=>{const{id:o}=t.detail,e=this.getCategoryById(o);e&&("primary"===e.type?this.activePrimaryCategoryId=o:this.activeSecondaryCategoryId=o)};renderOffer=()=>{const t=[{name:l("components-b2b-offer-primary-title"),type:"primary"},{name:l("components-b2b-offer-secondary-title"),type:"secondary"}];return r("div",{class:{offer:!0,[`offer--${this.theme}`]:!0}},t.map((t=>{const o=d.data.filter((o=>o.type===t.type)).map((t=>{const{id:o,name:e,icon:r}=t;return{id:o,name:e,icon:r,selected:o===this.activePrimaryCategoryId||o===this.activeSecondaryCategoryId}}));return r("tet-accordion",{ref:o=>{"primary"===t.type?this.primaryAccordionEl=o:this.secondaryAccordionEl=o},key:t.type,class:"offer__block",isOpen:"primary"===t.type,header:t.name,withBorder:!0,theme:this.theme,transparentBackground:!0},r("div",{class:"offer__content"},r("div",{class:"offer__navigation"},r("tet-business-navigation",{ref:o=>{"primary"===t.type?this.primaryNavEl=o:this.secondaryNavEl=o},menuItems:o,theme:this.theme,"onMenu-click-event":this.categoryClickHandler})),this.renderCards(t.type)))})))};getCategoryById=t=>d.data.find((o=>o.id===t));onCompareLinkClick=t=>{const o=this.getCategoryById(t);o&&o.modalScreenId&&this.compareLinkClick.emit(o.modalScreenId)};handleCardSelected=(t,o)=>{const e=this.getCategoryById(o);if(!e)return;const{type:r,allowMultipleChoice:i}=e;if("primary"===r){if(this.selectedPrimaryCards.includes(t))return;this.selectedPrimaryCards=i?[...this.selectedPrimaryCards,t]:[t]}else{if(this.selectedSecondaryCards.includes(t))return;this.selectedSecondaryCards=i?[...this.selectedSecondaryCards,t]:[t]}};handleProductCountChanged=async(t,o)=>{const{cardId:e,count:r}=t.detail,i=this.getCategoryById(o);if(i&&d.cart.get(e)!==r){if(!r)return this.itemToRemove=e,void this.confirmationDialogEl.open();i.allowMultipleChoice||i.products.forEach((t=>t.productCode!==e&&h(t.productCode))),((t,o)=>{if(o<0)return;const e=new Map(d.cart);e.set(t,o),f("cart",e)})(e,r),this.isDesktopResolution&&(this.cartEl.changeBlockState(i.type,"open"),this.cartEl.changeBlockState("primary"===i.type?"secondary":"primary","close"))}};onConfirmationClose=()=>{this.itemToRemove=null};renderConfirmationDialog=()=>r("tet-dialog",{ref:t=>this.confirmationDialogEl=t,class:this.theme,closeOnOverlayClick:!1,onCloseDialog:this.onConfirmationClose,theme:this.theme},r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__attention-icon",name:"attention"}),r("div",{class:"action-dialog__title"},l("components-b2b-item-remove-confirmation-title"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:()=>this.confirmationDialogEl.close()},l("components-b2b-item-remove-confirmation-decline")),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",iconName:"tc-trash",iconPosition:"left",onClick:()=>{h(this.itemToRemove),this.confirmationDialogEl.close()}},l("components-b2b-item-remove-confirmation-accept"))));resetState=()=>{f("cart",new Map),this.checkoutAttempted=!1,this.primaryAccordionEl.open(),this.secondaryAccordionEl.close()};renderSubmissionStateDialog=()=>{const t="loading"===this.formState,o=()=>{this.resetState(),this.successCloseClick.emit(),this.submissionStateDialogEl.close()},e=t?r("div",{class:"action-dialog"},r("tet-spinner",{theme:this.theme}),r("div",{class:"action-dialog__title"},l("components-b2b-loading-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-loading-dialog-description"))):[r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__success-icon",name:"tc-check-circle"}),r("div",{class:"action-dialog__title"},l("components-b2b-success-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-success-dialog-description"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:o},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-close"))),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",onClick:()=>{this.resetState(),this.submissionStateDialogEl.close()}},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-start-again"))))];return r("tet-dialog",{ref:t=>this.submissionStateDialogEl=t,class:{[this.theme]:!0,"action-dialog--loading":t},closeOnOverlayClick:!1,closeOnEscape:!t,hideCloseButton:t,theme:this.theme,onCloseDialog:"success"===this.formState?o:this.submissionStateDialogEl.close},e)};renderCards=t=>{const o="primary"===t?this.activePrimaryCategoryId:this.activeSecondaryCategoryId,e="primary"===t?this.selectedPrimaryCards:this.selectedSecondaryCards,i=this.getCategoryById(o),{modalScreenId:a,products:n=[]}=i||{},s=n.map((t=>{const{productCode:i,name:{lv:a},description:{lv:n},amount:s,b2bConfiguratorProduct:{discountAmount:c,selectionType:l,defaultValue:f,minValue:m,maxValue:h,translationKey:u},benefits:{lv:y},contracts:p}=t,b=!!t.attributes.find((t=>"isBestChoice"===t.key))?.value,g="single"===l?void 0:{defaultValue:f,minValue:m,maxValue:h,label:u},_={id:i,title:a,subtitle:n,isBestChoice:b,price:s,discountPrice:c,benefits:y.split("\n"),contract:p[0]?.contract,counterOptions:g},v=e.includes(i);return r("tet-b2b-compare-card",{options:_,theme:this.theme,key:i,isSelected:v,onSelectedChange:()=>this.handleCardSelected(i,o),count:d.cart.get(i),onCountChange:t=>this.handleProductCountChanged(t,o)})}));return r("div",{class:"offer__cards"},r("div",{class:"offer__cards-header"},r("div",{class:"offer__cards-title"},l("components-b2b-offer-product-list-title")),a&&r("button",{class:{"button-reset":!0,compare__button:!0,[`${this.theme}`]:!0},onClick:()=>{this.onCompareLinkClick(o)}},r("span",{class:{compare__text:!0,"tet-link":!0,[`${this.theme}`]:!0}},l("components-b2b-offer-compare-link-text")),r("div",{class:"compare__icon-wrapper"},r("tet-icon",{class:"compare__icon",name:"tc-info-circle-outline",theme:this.theme})))),r("div",{class:"offer__cards-list"},s))};handleCartProductCountChange=(t,o,e)=>{this.handleProductCountChanged({detail:{cardId:t,count:o}},e)};goToProduct=async(t,o)=>{const e=this.getCategoryById(t);e&&("primary"===e.type?(await this.primaryAccordionEl.open(),await this.primaryNavEl.selectMenuItem(t),this.primaryAccordionEl.scrollIntoView({behavior:"smooth"})):"secondary"===e.type&&(await this.secondaryAccordionEl.open(),await this.secondaryNavEl.selectMenuItem(t),this.secondaryAccordionEl.scrollIntoView({behavior:"smooth"})),setTimeout((()=>{this.handleCardSelected(o,t)}),0))};renderCartCardsList=t=>{const o=o=>{const e=d.cart.get(o),i=d.productDetails.get(o);if(void 0===e||!i)return null;const{name:a,amount:n,description:s,discountAmount:c,categoryName:f,categoryType:m,categoryId:h,b2bConfiguratorProduct:u}=i,y="primary"===m?s:f,{selectionType:p,term:b,minValue:g,maxValue:_,translationKey:v}=u;return r("tet-business-summary-card",{key:o,productName:a,price:n,productDescription:y,discountPrice:c,currency:this.priceSuffix,contractTerm:b,theme:this.theme,withStepper:"number"===p,value:e,minValue:g,maxValue:_,stepperLabel:l(v||""),context:t,onAmountChange:t=>this.handleCartProductCountChange(o,t.detail,h),onDeleteButtonClick:()=>this.handleCartProductCountChange(o,0,h),onEditButtonClick:()=>this.goToProduct(h,o)})};return["primary","secondary"].map((t=>{const e=[...d.cart].filter((([o])=>{const e=d.productDetails.get(o);return e&&e.categoryType===t})).map((([t])=>o(t)));return e.length?r("div",{class:"cart__card-list",slot:t},e):null}))};positionStickyCartEl=()=>{this.referenceElement&&(this.isDesktopResolution?this.hostElement.style.setProperty("--b2b-cart-sticky-top",`${this.referenceElement.offsetTop}px`):this.hostElement.style.removeProperty("--b2b-cart-sticky-top"))};renderCart=(t="edit")=>{const o=!d.cart.size;let e={primary:0,secondary:0},i={primary:0,secondary:0},a=0;for(const[t,o]of d.cart){const r=d.productDetails.get(t);r&&(e[r.categoryType]+=(r.discountAmount??r.amount)*o,i[r.categoryType]+=1,a+=r.amount*o)}const{primary:n,secondary:c}=e,f=n+c,m=a-f,{primary:h,secondary:u}=this.areProductsAddedToCart(),y="edit"===t&&this.checkoutAttempted&&!h,p="edit"===t&&this.checkoutAttempted&&!u,b={summaryAmount:s(f,{currency:""}),primaryAmount:s(n,{currency:""}),secondaryAmount:s(c,{currency:""}),primaryCount:i.primary,secondaryCount:i.secondary,summarySavings:s(m,{currency:""}),hasPrimaryNotification:y,hasSecondaryNotification:p},g="edit"===t?r("tet-button",{onClick:this.checkout,slot:"cta",class:"cart__cta",type:"primary",size:this.isDesktopResolution?"large":"medium",theme:this.theme},l("components-b2b-cart-cta-button-title")):null;return r("tet-b2b-configurator-cart",{ref:o=>"edit"===t?this.cartEl=o:null,context:t,class:{cart:!0,"cart--empty":o,[`cart--${t}`]:!0},data:b,theme:this.theme,isCartEmpty:o,isDesktopResolution:this.isDesktopResolution},this.renderCartCardsList(t),g)};areProductsAddedToCart=()=>{const t={primary:!1,secondary:!1};for(const[o,e]of d.cart){const e=d.productDetails.get(o);e&&(t[e.categoryType]=!0)}return t};checkout=()=>{this.checkoutAttempted=!0;const{primary:t,secondary:o}=this.areProductsAddedToCart();t&&o&&this.checkoutFormEl.open()};submit=({detail:t})=>{const o={cart:u(),contactInfo:t};this.formState="loading",this.b2bConfiguratorSubmit.emit(o),this.checkoutFormEl.close(),this.submissionStateDialogEl.open()};renderCheckoutForm=()=>r("tet-b2b-check-out-form",{ref:t=>this.checkoutFormEl=t,theme:this.theme,"onSubmit-check-out-form":this.submit},r("div",{slot:"cart"},this.renderCart("checkout")));render(){return r(i,{key:"56657da2252a65ded133d94a900f65ac09d833ec"},r("div",{key:"fd9ac1fd32e09a4639ddeb12b78f85c52f8239d8",class:{configurator:!0,[`${this.theme}`]:!0}},this.isLoading?this.renderPlaceholder():d.data&&[this.renderOffer(),this.renderCart()]),this.renderCheckoutForm(),this.renderConfirmationDialog(),this.renderSubmissionStateDialog())}static get watchers(){return{activePrimaryCategoryId:["resetSelectedPrimaryCards"],activeSecondaryCategoryId:["resetSelectedSecondaryCards"]}}};y.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;--b2b-cart-offset-top:0px}.light{--b2b-text-color:var(--tc-text-primary);--b2b-text-color-secondary:var(--tc-text-secondary);--b2b-background-color:var(--tc-layer-primary);--b2b-icon-background-color:var(--tc-layer-secondary);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary);--b2b-box-shadow:var(--tc-elevation-one);--b2b-border-color:var(--tc-border-quaternary);--b2b-summary-block-color:var(--tc-layer-secondary);--b2b-summary-accent-color:var(--tc-yellow-20);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40);--b2b-success-dialog-icon-color:var(--tc-green-40)}.dark{--b2b-text-color:var(--tc-text-primary-dark);--b2b-text-color-secondary:var(--tc-text-secondary-dark);--b2b-background-color:var(--tc-layer-primary-dark);--b2b-icon-background-color:var(--tc-layer-secondary-dark);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary-dark);--b2b-box-shadow:var(--tc-elevation-one-dark);--b2b-border-color:var(--tc-border-quaternary-dark);--b2b-summary-block-color:var(--tc-layer-secondary-dark);--b2b-summary-accent-color:var(--tc-grey-20-dark);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40-dark);--b2b-success-dialog-icon-color:var(--tc-green-40-dark)}button.button-reset{background:none;border:none;padding:0;color:inherit;text-align:inherit}.placeholder{--placeholder-animation-speed:5s}.configurator{display:flex;gap:1rem;flex-direction:column;color:var(--b2b-text-color)}@media screen and (min-width: 64rem){.configurator{gap:1.5rem;flex-direction:row;align-items:flex-start}}.offer{border-radius:1rem;height:fit-content;flex:0 0 calc(70% - 0.75rem);background-color:var(--b2b-background-color);box-shadow:var(--b2b-box-shadow)}.offer__block{--accordion-header-padding:1rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif}.offer__block:first-child{--accordion-border-radius:1rem 1rem 0 0;--accordion-outer-border:var(--b2b-border-color)}.offer__block:last-child{--accordion-border-radius:0 0 1rem 1rem;--accordion-border-bottom-width:0}@media screen and (min-width: 64rem){.offer__block{--accordion-header-padding:1.5rem;--accordion-header-font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif}}.offer__content{overflow:hidden;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;border-color:var(--b2b-border-color);border-top-style:solid;border-top-width:0.0625rem}@media screen and (min-width: 48rem){.offer__content{padding:1.5rem}}@media screen and (min-width: 64rem){.offer__content{flex-direction:row;gap:1.5rem;padding-bottom:2.5rem}}.offer__navigation{margin:0 -1.5rem;flex:0 0 30%}@media screen and (min-width: 64rem){.offer__navigation{max-width:20.5rem;margin:0}}.offer__cards{flex:1 1 0%}.offer__cards-header{padding:0.5rem 0 0.75rem 0;display:flex;gap:0.5rem;justify-content:space-between;align-items:center}@media screen and (min-width: 64rem){.offer__cards-header{padding:1rem 0}}.offer__cards-list{display:flex;flex-direction:column;gap:1rem}.offer__cards-title{flex:auto;font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.offer__cards-title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.compare__button{border-radius:50%;overflow:hidden;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.compare__button{border-radius:0.125rem}}.compare__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.compare__button.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.compare__button:active{--b2b-icon-background-color:var(--b2b-icon-pressed-background-color)}.compare__text{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:none}@media screen and (min-width: 64rem){.compare__text{display:initial}}.compare__icon-wrapper{width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;background-color:var(--b2b-icon-background-color);cursor:pointer}@media screen and (min-width: 64rem){.compare__icon-wrapper{display:none}}.compare__icon{--icon-size:1.5rem;--icon-container-display:flex}.cart{flex:0 0 calc(30% - 0.75rem);position:sticky}.cart--edit{bottom:-1px;top:calc(var(--b2b-cart-sticky-top) + var(--b2b-cart-offset-top))}@media screen and (min-width: 64rem){.cart--edit{max-width:calc(30% - 0.75rem)}}.cart--empty{display:none}@media screen and (min-width: 64rem){.cart--empty{display:flex}}.cart__card-list{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:0.5rem}.cart__cta{display:block;align-self:center;width:stretch;--button-width:100%}@media screen and (min-width: 48rem){.cart__cta{align-self:flex-end;width:unset;--button-width:auto}}.action-dialog{display:flex;flex-direction:column;gap:0.5rem;align-items:center;margin-bottom:1.5rem}.action-dialog--loading{--dialog-footer-border-color:transparent}.action-dialog__title{text-align:center;font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.action-dialog__description{text-align:center;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.action-dialog__icon{--icon-size:3rem}.action-dialog__attention-icon{--icon-color:var(--b2b-confirmation-dialog-icon-color)}.action-dialog__success-icon{--icon-color:var(--b2b-success-dialog-icon-color)}.action-dialog__footer{display:flex;flex-direction:column;justify-content:space-between;flex:auto;gap:1rem}@media screen and (min-width: 31.25rem){.action-dialog__footer{flex-direction:row}}.action-dialog__button{--button-width:100%}.action-dialog__button-text{white-space:nowrap}';export{y as tet_b2b_configurator}
+import{r as t,c as e,g as o,h as r,H as i}from"./p-5abb3bea.js";import{e as a,A as n}from"./p-fa674b43.js";import{f as s}from"./p-e1e74d01.js";import{c}from"./p-2dbe670c.js";import{t as l}from"./p-850594d3.js";import"./p-9a2b6ee2.js";const{state:d,set:f,get:m}=c({data:[],cart:new Map,productDetails:new Map}),h=t=>{const e=new Map(d.cart);e.delete(t),f("cart",e)},u=()=>{const t=m("cart"),e=m("productDetails"),o={};for(const[r,i]of t.entries())o[e.get(r)?.name||r]=i;return o},y=class{constructor(o){t(this,o),this.compareLinkClick=e(this,"compareLinkClick",7),this.b2bConfiguratorSubmit=e(this,"b2bConfiguratorSubmit",7),this.successCloseClick=e(this,"successCloseClick",7),this.referenceElement=void 0,this.isLoading=!0,this.itemToRemove=null,this.checkoutAttempted=!1,this.formState="success",this.activePrimaryCategoryId=null,this.activeSecondaryCategoryId=null,this.selectedPrimaryCards=[],this.selectedSecondaryCards=[],this.isDesktopResolution=void 0,this.theme="light",this.stickyRefEl=""}get hostElement(){return o(this)}priceSuffix="€/mēn.";cartEl;confirmationDialogEl;submissionStateDialogEl;checkoutFormEl;primaryAccordionEl;secondaryAccordionEl;primaryNavEl;secondaryNavEl;resetSelectedPrimaryCards(){this.selectedPrimaryCards=[]}resetSelectedSecondaryCards(){this.selectedSecondaryCards=[]}compareLinkClick;b2bConfiguratorSubmit;successCloseClick;async componentWillLoad(){this.checkDesktopResolution(),this.referenceElement=this.stickyRefEl?document.querySelector(this.stickyRefEl):this.hostElement.parentElement}async componentDidLoad(){this.isLoading=!0,await(async t=>{const e="function"==typeof t?t():t,o=new Promise((t=>setTimeout(t,500))),[r]=await Promise.all([e,o]);return r})(this.fetchData),this.isLoading=!1,this.activePrimaryCategoryId=d.data.find((t=>"primary"===t.type))?.id||null,this.activeSecondaryCategoryId=d.data.find((t=>"secondary"===t.type))?.id||null,this.positionStickyCartEl()}onResize(){this.checkDesktopResolution(),this.positionStickyCartEl()}async setSubmitFormState(t){"validation-error"===t&&(this.submissionStateDialogEl.close(),this.checkoutFormEl.open()),this.formState=t}checkDesktopResolution=()=>{this.isDesktopResolution=window.innerWidth>=1024};fetchData=async()=>{(t=>{f("data",t);const e=new Map;for(const o of t)for(const t of o.products){const{type:r,name:i,id:a}=o,{name:{lv:n},description:{lv:s},amount:c,b2bConfiguratorProduct:l}=t;e.set(t.productCode,{name:n,description:s,amount:c,discountAmount:l.discountAmount,categoryType:r,categoryName:i,categoryId:a,b2bConfiguratorProduct:l})}f("productDetails",e)})(await(()=>{let t;try{t=new URL(a.b2bConfigurator).href}catch(t){return console.error(t),Promise.reject("B2B configurator endpoint URL generation failed.")}return(new n).setUrl(t).setErrorFallbackValue([]).execute()})())};renderPlaceholder=()=>{const t="dark"===this.theme;return[r("div",{class:"offer placeholder"},r("div",{style:{padding:this.isDesktopResolution?"1.5rem":"1rem"}},r("tet-placeholder",{class:"placeholder",height:this.isDesktopResolution?"2rem":"1.5rem",darkTheme:t})),r("div",{class:"offer__content"},r("tet-placeholder",{class:"placeholder offer__navigation",height:this.isDesktopResolution?"48rem":" 2.25rem",darkTheme:t,style:{margin:"0"}}),r("div",{class:"offer__cards"},r("div",{class:"offer__cards-list"},r("tet-placeholder",{class:"placeholder",height:"3rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),r("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}))))),r("div",{class:"cart cart--empty",style:{padding:"1.5rem 1rem 1rem","background-color":"var(--b2b-background-color)"}},r("tet-placeholder",{class:"placeholder",height:"12.75rem",darkTheme:t}))]};categoryClickHandler=t=>{const{id:e}=t.detail,o=this.getCategoryById(e);o&&("primary"===o.type?this.activePrimaryCategoryId=e:this.activeSecondaryCategoryId=e)};renderOffer=()=>{const t=[{name:l("components-b2b-offer-primary-title"),type:"primary"},{name:l("components-b2b-offer-secondary-title"),type:"secondary"}];return r("div",{class:{offer:!0,[`offer--${this.theme}`]:!0}},t.map((t=>{const e=d.data.filter((e=>e.type===t.type)).map((t=>{const{id:e,name:o,icon:r}=t;return{id:e,name:o,icon:r,selected:e===this.activePrimaryCategoryId||e===this.activeSecondaryCategoryId}}));return r("tet-accordion",{ref:e=>{"primary"===t.type?this.primaryAccordionEl=e:this.secondaryAccordionEl=e},key:t.type,class:"offer__block",isOpen:"primary"===t.type,header:t.name,withBorder:!0,theme:this.theme,transparentBackground:!0},r("div",{class:"offer__content"},r("div",{class:"offer__navigation"},r("tet-business-navigation",{ref:e=>{"primary"===t.type?this.primaryNavEl=e:this.secondaryNavEl=e},menuItems:e,theme:this.theme,"onMenu-click-event":this.categoryClickHandler})),this.renderCards(t.type)))})))};getCategoryById=t=>d.data.find((e=>e.id===t));onCompareLinkClick=t=>{const e=this.getCategoryById(t);e&&e.modalScreenId&&this.compareLinkClick.emit(e.modalScreenId)};handleCardSelected=(t,e)=>{const o=this.getCategoryById(e);if(!o)return;const{type:r,allowMultipleChoice:i}=o;if("primary"===r){if(this.selectedPrimaryCards.includes(t))return;this.selectedPrimaryCards=i?[...this.selectedPrimaryCards,t]:[t]}else{if(this.selectedSecondaryCards.includes(t))return;this.selectedSecondaryCards=i?[...this.selectedSecondaryCards,t]:[t]}};handleProductCountChanged=async(t,e)=>{const{cardId:o,count:r}=t.detail,i=this.getCategoryById(e);if(i&&d.cart.get(o)!==r){if(!r)return this.itemToRemove=o,void this.confirmationDialogEl.open();i.allowMultipleChoice||i.products.forEach((t=>t.productCode!==o&&h(t.productCode))),((t,e)=>{if(e<0)return;const o=new Map(d.cart);o.set(t,e),f("cart",o)})(o,r),this.isDesktopResolution&&(this.cartEl.changeBlockState(i.type,"open"),this.cartEl.changeBlockState("primary"===i.type?"secondary":"primary","close"))}};onConfirmationClose=()=>{this.itemToRemove=null};renderConfirmationDialog=()=>r("tet-dialog",{ref:t=>this.confirmationDialogEl=t,class:this.theme,closeOnOverlayClick:!1,onCloseDialog:this.onConfirmationClose,theme:this.theme},r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__attention-icon",name:"attention"}),r("div",{class:"action-dialog__title"},l("components-b2b-item-remove-confirmation-title"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:()=>this.confirmationDialogEl.close()},l("components-b2b-item-remove-confirmation-decline")),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",iconName:"tc-trash",iconPosition:"left",onClick:()=>{h(this.itemToRemove),this.confirmationDialogEl.close()}},l("components-b2b-item-remove-confirmation-accept"))));resetState=()=>{f("cart",new Map),this.checkoutAttempted=!1,this.primaryAccordionEl.open(),this.secondaryAccordionEl.close()};renderSubmissionStateDialog=()=>{const t="loading"===this.formState,e=()=>{this.resetState(),this.successCloseClick.emit(),this.submissionStateDialogEl.close()},o=t?r("div",{class:"action-dialog"},r("tet-spinner",{theme:this.theme}),r("div",{class:"action-dialog__title"},l("components-b2b-loading-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-loading-dialog-description"))):[r("div",{class:"action-dialog"},r("tet-icon",{class:"action-dialog__icon action-dialog__success-icon",name:"tc-check-circle"}),r("div",{class:"action-dialog__title"},l("components-b2b-success-dialog-title")),r("div",{class:"action-dialog__description"},l("components-b2b-success-dialog-description"))),r("div",{slot:"footer",class:"action-dialog__footer"},r("tet-button",{class:"action-dialog__button",type:"secondary",theme:this.theme,size:"large",onClick:e},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-close"))),r("tet-button",{class:"action-dialog__button",type:"primary",theme:this.theme,size:"large",onClick:()=>{this.resetState(),this.submissionStateDialogEl.close()}},r("div",{class:"action-dialog__button-text"},l("components-b2b-success-dialog-start-again"))))];return r("tet-dialog",{ref:t=>this.submissionStateDialogEl=t,class:{[this.theme]:!0,"action-dialog--loading":t},closeOnOverlayClick:!1,closeOnEscape:!t,hideCloseButton:t,theme:this.theme,onCloseDialog:"success"===this.formState?e:this.submissionStateDialogEl.close},o)};renderCards=t=>{const e="primary"===t?this.activePrimaryCategoryId:this.activeSecondaryCategoryId,o="primary"===t?this.selectedPrimaryCards:this.selectedSecondaryCards,i=this.getCategoryById(e),{modalScreenId:a,products:n=[]}=i||{},s=n.map((t=>{const{productCode:i,name:{lv:a},description:{lv:n},amount:s,b2bConfiguratorProduct:{discountAmount:c,selectionType:l,defaultValue:f,minValue:m,maxValue:h,translationKey:u},benefits:{lv:y},contracts:p}=t,b=!!t.attributes.find((t=>"isBestChoice"===t.key))?.value,g="single"===l?void 0:{defaultValue:f,minValue:m,maxValue:h,label:u},_={id:i,title:a,subtitle:n,isBestChoice:b,price:s,discountPrice:c,benefits:y.split("\n"),contract:p[0]?.contract,counterOptions:g},v=o.includes(i);return r("tet-b2b-compare-card",{options:_,theme:this.theme,key:i,isSelected:v,onSelectedChange:()=>this.handleCardSelected(i,e),count:d.cart.get(i),onCountChange:t=>this.handleProductCountChanged(t,e)})}));return r("div",{class:"offer__cards"},r("div",{class:"offer__cards-header"},r("div",{class:"offer__cards-title"},l("components-b2b-offer-product-list-title")),a&&r("button",{class:{"button-reset":!0,compare__button:!0,[`${this.theme}`]:!0},onClick:()=>{this.onCompareLinkClick(e)}},r("span",{class:{compare__text:!0,"tet-link":!0,[`${this.theme}`]:!0}},l("components-b2b-offer-compare-link-text")),r("div",{class:"compare__icon-wrapper"},r("tet-icon",{class:"compare__icon",name:"tc-info-circle-outline",theme:this.theme})))),r("div",{class:"offer__cards-list"},s))};handleCartProductCountChange=(t,e,o)=>{this.handleProductCountChanged({detail:{cardId:t,count:e}},o)};goToProduct=async(t,e)=>{const o=this.getCategoryById(t);o&&("primary"===o.type?(await this.primaryAccordionEl.open(),await this.primaryNavEl.selectMenuItem(t),this.primaryAccordionEl.scrollIntoView({behavior:"smooth"})):"secondary"===o.type&&(await this.secondaryAccordionEl.open(),await this.secondaryNavEl.selectMenuItem(t),this.secondaryAccordionEl.scrollIntoView({behavior:"smooth"})),setTimeout((()=>{this.handleCardSelected(e,t)}),0))};renderCartCardsList=t=>{const e=e=>{const o=d.cart.get(e),i=d.productDetails.get(e);if(void 0===o||!i)return null;const{name:a,amount:n,description:s,discountAmount:c,categoryName:f,categoryType:m,categoryId:h,b2bConfiguratorProduct:u}=i,y="primary"===m?s:f,{selectionType:p,term:b,minValue:g,maxValue:_,translationKey:v}=u;return r("tet-business-summary-card",{key:e,productName:a,price:n,productDescription:y,discountPrice:c,currency:this.priceSuffix,contractTerm:b,theme:this.theme,withStepper:"number"===p,value:o,minValue:g,maxValue:_,stepperLabel:l(v||""),context:t,onAmountChange:t=>this.handleCartProductCountChange(e,t.detail,h),onDeleteButtonClick:()=>this.handleCartProductCountChange(e,0,h),onEditButtonClick:()=>this.goToProduct(h,e)})};return["primary","secondary"].map((t=>{const o=[...d.cart].filter((([e])=>{const o=d.productDetails.get(e);return o&&o.categoryType===t})).map((([t])=>e(t)));return o.length?r("div",{class:"cart__card-list",slot:t},o):null}))};positionStickyCartEl=()=>{this.referenceElement&&(this.isDesktopResolution?this.hostElement.style.setProperty("--b2b-cart-sticky-top",`${this.referenceElement.offsetTop}px`):this.hostElement.style.removeProperty("--b2b-cart-sticky-top"))};renderCart=(t="edit")=>{const e=!d.cart.size;let o={primary:0,secondary:0},i={primary:0,secondary:0},a=0;for(const[t,e]of d.cart){const r=d.productDetails.get(t);r&&(o[r.categoryType]+=(r.discountAmount??r.amount)*e,i[r.categoryType]+=1,a+=r.amount*e)}const{primary:n,secondary:c}=o,f=n+c,m=a-f,{primary:h,secondary:u}=this.areProductsAddedToCart(),y="edit"===t&&this.checkoutAttempted&&!h,p="edit"===t&&this.checkoutAttempted&&!u,b={summaryAmount:s(f,{currency:""}),primaryAmount:s(n,{currency:""}),secondaryAmount:s(c,{currency:""}),primaryCount:i.primary,secondaryCount:i.secondary,summarySavings:s(m,{currency:""}),hasPrimaryNotification:y,hasSecondaryNotification:p},g="edit"===t?r("tet-button",{onClick:this.checkout,slot:"cta",class:"cart__cta",type:"primary",size:this.isDesktopResolution?"large":"medium",theme:this.theme},l("components-b2b-cart-cta-button-title")):null;return r("tet-b2b-configurator-cart",{ref:e=>"edit"===t?this.cartEl=e:null,context:t,class:{cart:!0,"cart--empty":e,[`cart--${t}`]:!0},data:b,theme:this.theme,isCartEmpty:e,isDesktopResolution:this.isDesktopResolution},this.renderCartCardsList(t),g)};areProductsAddedToCart=()=>{const t={primary:!1,secondary:!1};for(const[e,o]of d.cart){const o=d.productDetails.get(e);o&&(t[o.categoryType]=!0)}return t};checkout=()=>{this.checkoutAttempted=!0;const{primary:t,secondary:e}=this.areProductsAddedToCart();t&&e&&this.checkoutFormEl.open()};submit=({detail:t})=>{const e={cart:u(),contactInfo:t};this.formState="loading",this.b2bConfiguratorSubmit.emit(e),this.checkoutFormEl.close(),this.submissionStateDialogEl.open()};renderCheckoutForm=()=>r("tet-b2b-check-out-form",{ref:t=>this.checkoutFormEl=t,theme:this.theme,"onSubmit-check-out-form":this.submit},r("div",{slot:"cart"},this.renderCart("checkout")));render(){return r(i,{key:"56657da2252a65ded133d94a900f65ac09d833ec"},r("div",{key:"fd9ac1fd32e09a4639ddeb12b78f85c52f8239d8",class:{configurator:!0,[`${this.theme}`]:!0}},this.isLoading?this.renderPlaceholder():d.data&&[this.renderOffer(),this.renderCart()]),this.renderCheckoutForm(),this.renderConfirmationDialog(),this.renderSubmissionStateDialog())}static get watchers(){return{activePrimaryCategoryId:["resetSelectedPrimaryCards"],activeSecondaryCategoryId:["resetSelectedSecondaryCards"]}}};y.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:"--\x3e";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{display:block;--b2b-cart-offset-top:0px}.light{--b2b-text-color:var(--tc-text-primary);--b2b-text-color-secondary:var(--tc-text-secondary);--b2b-background-color:var(--tc-layer-primary);--b2b-icon-background-color:var(--tc-layer-secondary);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary);--b2b-box-shadow:var(--tc-elevation-one);--b2b-border-color:var(--tc-border-quaternary);--b2b-summary-block-color:var(--tc-layer-secondary);--b2b-summary-accent-color:var(--tc-yellow-20);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40);--b2b-success-dialog-icon-color:var(--tc-green-40)}.dark{--b2b-text-color:var(--tc-text-primary-dark);--b2b-text-color-secondary:var(--tc-text-secondary-dark);--b2b-background-color:var(--tc-layer-primary-dark);--b2b-icon-background-color:var(--tc-layer-secondary-dark);--b2b-icon-pressed-background-color:var(--tc-layer-quaternary-dark);--b2b-box-shadow:var(--tc-elevation-one-dark);--b2b-border-color:var(--tc-border-quaternary-dark);--b2b-summary-block-color:var(--tc-layer-secondary-dark);--b2b-summary-accent-color:var(--tc-grey-20-dark);--b2b-confirmation-dialog-icon-color:var(--tc-yellow-40-dark);--b2b-success-dialog-icon-color:var(--tc-green-40-dark)}button.button-reset{background:none;border:none;padding:0;color:inherit;text-align:inherit}.placeholder{--placeholder-animation-speed:5s}.configurator{display:flex;gap:1rem;flex-direction:column;color:var(--b2b-text-color)}@media screen and (min-width: 64rem){.configurator{gap:1.5rem;flex-direction:row;align-items:flex-start}}.offer{border-radius:1rem;height:fit-content;flex:0 0 calc(70% - 0.75rem);background-color:var(--b2b-background-color);box-shadow:var(--b2b-box-shadow)}.offer__block{--accordion-header-padding:1rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;--accordion-header-mobile-font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif}.offer__block:first-child{--accordion-border-radius:1rem 1rem 0 0;--accordion-outer-border:var(--b2b-border-color)}.offer__block:last-child{--accordion-border-radius:0 0 1rem 1rem;--accordion-border-bottom-width:0}@media screen and (min-width: 64rem){.offer__block{--accordion-header-padding:1.5rem;--accordion-header-font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif}}.offer__content{overflow:hidden;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0.75rem;border-color:var(--b2b-border-color);border-top-style:solid;border-top-width:0.0625rem}@media screen and (min-width: 48rem){.offer__content{padding:1.5rem}}@media screen and (min-width: 64rem){.offer__content{flex-direction:row;gap:1.5rem;padding-bottom:2.5rem}}.offer__navigation{margin:0 -1.5rem;flex:0 0 30%}@media screen and (min-width: 64rem){.offer__navigation{max-width:20.5rem;margin:0}}.offer__cards{flex:1 1 0%}.offer__cards-header{padding:0.5rem 0 0.75rem 0;display:flex;gap:0.5rem;justify-content:space-between;align-items:center}@media screen and (min-width: 64rem){.offer__cards-header{padding:1rem 0}}.offer__cards-list{display:flex;flex-direction:column;gap:1rem}.offer__cards-title{flex:auto;font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.offer__cards-title{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.compare__button{border-radius:50%;overflow:hidden;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 64rem){.compare__button{border-radius:0.125rem}}.compare__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.compare__button.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.compare__button:active{--b2b-icon-background-color:var(--b2b-icon-pressed-background-color)}.compare__text{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:none}@media screen and (min-width: 64rem){.compare__text{display:initial}}.compare__icon-wrapper{width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;background-color:var(--b2b-icon-background-color);cursor:pointer}@media screen and (min-width: 64rem){.compare__icon-wrapper{display:none}}.compare__icon{--icon-size:1.5rem;--icon-container-display:flex}.cart{flex:0 0 calc(30% - 0.75rem);position:sticky}.cart--edit{bottom:-1px;top:calc(var(--b2b-cart-sticky-top) + var(--b2b-cart-offset-top))}@media screen and (min-width: 64rem){.cart--edit{max-width:calc(30% - 0.75rem)}}.cart--empty{display:none}@media screen and (min-width: 64rem){.cart--empty{display:flex}}.cart__card-list{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:0.5rem}.cart__cta{display:block;align-self:center;width:stretch;--button-width:100%}@media screen and (min-width: 48rem){.cart__cta{align-self:flex-end;width:unset;--button-width:auto}}.action-dialog{display:flex;flex-direction:column;gap:0.5rem;align-items:center;margin-bottom:1.5rem}.action-dialog--loading{--dialog-footer-border-color:transparent}.action-dialog__title{text-align:center;font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif"}.action-dialog__description{text-align:center;font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.action-dialog__icon{--icon-size:3rem}.action-dialog__attention-icon{--icon-color:var(--b2b-confirmation-dialog-icon-color)}.action-dialog__success-icon{--icon-color:var(--b2b-success-dialog-icon-color)}.action-dialog__footer{display:flex;flex-direction:column;justify-content:space-between;flex:auto;gap:1rem}@media screen and (min-width: 31.25rem){.action-dialog__footer{flex-direction:row}}.action-dialog__button{--button-width:100%}.action-dialog__button-text{white-space:nowrap}';export{y as tet_b2b_configurator}

package/dist/tet-components/{p-16ad03d8.entry.js → p-f932673b.entry.js}

@@ -1 +1 @@
-import{r as t,g as o,h as i,H as e}from"./p-83f43fdd.js";import{T as n}from"./p-45f4f129.js";const s=class{constructor(o){t(this,o),this.theme="classic",this.targetElementSelector=void 0,this.hoverElement=void 0,this.doNotShowOnHover=!1,this.position=n.BOTTOM,this.positionState=n.BOTTOM,this.showTooltip=!1}targetElement;tooltipPointer;margin=8;tooltipTimeThreshold=.25;tooltipStartTime;tooltipEndTime;resizeObserver;get element(){return o(this)}handleTouchmove(){this.hideQuick()}handleWheel(){this.hideQuick()}onKeydown(t){"Escape"===t.code&&this.hideQuick()}handleResize(){this.positionState=this.position}handlePositionChange(t){this.positionState=t}hideQuick=()=>{this.showTooltip&&(this.tooltipStartTime=Date.now(),this.hide())};onShowTooltipChange(t){t?this.element.classList.remove("hidden","hidden-quick"):this.element.classList.add(this.tooltipEndTime/1e3-this.tooltipStartTime/1e3>this.tooltipTimeThreshold?"hidden":"hidden-quick")}async componentWillLoad(){this.targetElement=this.targetElementSelector?document.querySelector(this.targetElementSelector):this.hoverElement?this.hoverElement:this.element.parentElement,this.targetElement&&(this.doNotShowOnHover||(this.targetElement?.addEventListener("mouseenter",this.show.bind(this)),this.targetElement?.addEventListener("mouseleave",this.hide.bind(this))),this.targetElement?.addEventListener("focusin",this.show.bind(this)),this.targetElement?.addEventListener("focusout",this.hide.bind(this)),this.resizeObserver=new ResizeObserver((()=>{this.targetElement?.offsetHeight||(this.element.classList.remove("hidden"),this.element.classList.add("hidden-quick"))})),this.resizeObserver.observe(this.targetElement),this.positionState=this.position,this.element.style.display="none")}componentDidLoad(){setTimeout((()=>{this.element.style.display="inline-block",!this.doNotShowOnHover&&this.targetElement?.matches(":hover")&&this.show().then()}),100)}async disconnectedCallback(){this.targetElement&&(this.targetElement?.removeEventListener("mouseenter",this.show.bind(this)),this.targetElement?.removeEventListener("mouseleave",this.hide.bind(this)),this.resizeObserver?.unobserve(this.targetElement))}async show(){this.tooltipStartTime=Date.now(),this.showTooltip=!0,this.positionTooltip()}async hide(){this.tooltipEndTime=Date.now(),this.showTooltip=!1}async toggle(){this.showTooltip?await this.hide():await this.show()}positionTooltip=()=>{const t=this.targetElement.getBoundingClientRect();if([n.LEFT,n.RIGHT].includes(this.positionState)){const o=window.innerWidth>t.right+this.margin+this.element.offsetWidth;this.element.offsetWidth+this.margin<t.left||o||(this.positionState=n.BOTTOM)}const o=this.positionTooltipVertically(t),i=this.positionTooltipHorizontally(t);this.element.style.margin=`${this.margin}px`;const e=this.getTooltipPosition(o||i);this.positionTooltipPointer(e)};getTooltipPosition(t){switch(this.positionState){case n.TOP:return t?n.BOTTOM:n.TOP;case n.BOTTOM:return t?n.TOP:n.BOTTOM;case n.LEFT:return t?n.RIGHT:n.LEFT;case n.RIGHT:return t?n.LEFT:n.RIGHT}}positionTooltipVertically(t){let o=!1;switch(this.positionState){case n.BOTTOM:t.bottom+this.element.offsetHeight+this.margin>window.innerHeight?(this.element.style.top=null,this.element.style.bottom=window.innerHeight-t.top+"px",o=!0):(this.element.style.top=`${t.bottom}px`,this.element.style.bottom=null);break;case n.TOP:t.top-this.element.offsetHeight<0?(this.element.style.top=`${t.bottom}px`,this.element.style.bottom=null,o=!0):(this.element.style.top=null,this.element.style.bottom=window.innerHeight-t.top+"px");break;default:const i=t.top+t.height/2-(this.element.offsetHeight/2+this.margin);i<0?(this.element.style.top="0",this.element.style.bottom=null):i+this.element.offsetHeight+this.margin>window.innerHeight?(this.element.style.top=null,this.element.style.bottom="0"):(this.element.style.top=`${i}px`,this.element.style.bottom=null)}return o}positionTooltipHorizontally(t){let o=!1;switch(this.positionState){case n.LEFT:this.element.offsetWidth+this.margin>t.left?(this.element.style.left=`${t.right}px`,this.element.style.right=null,o=!0):(this.element.style.left=null,this.element.style.right=window.innerWidth-t.left+"px");break;case n.RIGHT:window.innerWidth<t.right+this.margin+this.element.offsetWidth?(this.element.style.left=null,this.element.style.right=window.innerWidth-t.left+"px",o=!0):(this.element.style.left=`${t.right}px`,this.element.style.right=null);break;default:const i=t.left+t.width/2-(this.element.offsetWidth/2-this.margin);i<0?(this.element.style.left="0",this.element.style.right=null):i+this.element.offsetWidth+this.margin>window.innerWidth?(this.element.style.left=null,this.element.style.right="0"):(this.element.style.left=`${i}px`,this.element.style.right=null)}return o}positionTooltipPointer=t=>{const o=this.targetElement.getBoundingClientRect(),i=this.element.getBoundingClientRect();if([n.TOP,n.BOTTOM].includes(t)){const e=Math.min(o.right,i.left+this.element.offsetWidth),s=Math.max(o.left,i.left);this.tooltipPointer.style.left=(e+s)/2-i.left-this.tooltipPointer.offsetWidth/2+"px",t===n.BOTTOM&&(this.tooltipPointer.style.top="-6px",this.tooltipPointer.style.bottom=null,this.tooltipPointer.style.transform="rotate(0deg)"),t===n.TOP&&(this.tooltipPointer.style.top=null,this.tooltipPointer.style.bottom="-6px",this.tooltipPointer.style.transform="rotate(180deg)")}if([n.LEFT,n.RIGHT].includes(t)){const e=Math.min(o.bottom,i.top+this.element.offsetHeight),s=Math.max(o.top,i.top);this.tooltipPointer.style.top=(e+s)/2-i.top-this.tooltipPointer.offsetHeight/2+"px",t===n.RIGHT&&(this.tooltipPointer.style.left="-12px",this.tooltipPointer.style.right=null,this.tooltipPointer.style.transform="rotate(270deg)"),t===n.LEFT&&(this.tooltipPointer.style.left=null,this.tooltipPointer.style.right="-12px",this.tooltipPointer.style.transform="rotate(90deg)")}};renderTooltip=()=>i("div",{class:{tooltip:!0,[`${this.theme}`]:!0},role:"tooltip","aria-hidden":this.showTooltip?"false":"true","aria-live":this.showTooltip?"polite":void 0},i("div",{class:"tooltip-pointer",ref:t=>this.tooltipPointer=t}),i("slot",null));render(){return i(e,{key:"4136534ae71962f55b2c8556d2b9a5970faa86ac",class:{visible:this.showTooltip}},this.renderTooltip())}static get watchers(){return{position:["handlePositionChange"],showTooltip:["onShowTooltipChange"]}}};s.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{--tooltip-background-color:var(--tc-tooltip-layer-secondary);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary);--tooltip-padding:1em;--tooltip-display-speed:.2s;--tooltip-delay-show:0s;--tooltip-delay-hide:.25s;--tooltip-max-width:18.75rem;--tooltip-border-radius:0.3125rem;--tooltip-font-weight:400;position:fixed;display:inline-block;width:max-content;max-width:min(var(--tooltip-max-width), 100%);z-index:100;pointer-events:none;opacity:0}:host(.hidden){visibility:hidden;opacity:0;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear}:host(.hidden-quick){opacity:0;visibility:hidden;transform:scale(0)}:host(.visible){visibility:visible;opacity:1;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear;transition-delay:var(--tooltip-delay-show)}.light-inverse{--tooltip-background-color:var(--tc-tooltip-layer-primary);--tooltip-text-color:var(--tc-tooltip-text-primary)}.dark{--tooltip-background-color:var(--tc-tooltip-layer-primary-dark);--tooltip-text-color:var(--tc-tooltip-text-primary-dark)}.dark-inverse{--tooltip-background-color:var(--tc-tooltip-layer-secondary-dark);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary-dark)}.tooltip{position:relative;background:var(--tooltip-background-color);color:var(--tooltip-text-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);font-family:var(--font-family-content);font-weight:var(--tooltip-font-weight);font-size:0.875rem;white-space:normal;line-height:1.5em}.tooltip-pointer{position:absolute;width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5rem solid var(--tooltip-background-color)}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;visibility:visible;transform:scale(1)}100%{opacity:0;visibility:hidden;transform:scale(0)}}';export{s as tet_tooltip}
+import{r as t,g as o,h as i,H as e}from"./p-5abb3bea.js";import{T as n}from"./p-45f4f129.js";const s=class{constructor(o){t(this,o),this.theme="classic",this.targetElementSelector=void 0,this.hoverElement=void 0,this.doNotShowOnHover=!1,this.position=n.BOTTOM,this.positionState=n.BOTTOM,this.showTooltip=!1}targetElement;tooltipPointer;margin=8;tooltipTimeThreshold=.25;tooltipStartTime;tooltipEndTime;resizeObserver;get element(){return o(this)}handleTouchmove(){this.hideQuick()}handleWheel(){this.hideQuick()}onKeydown(t){"Escape"===t.code&&this.hideQuick()}handleResize(){this.positionState=this.position}handlePositionChange(t){this.positionState=t}hideQuick=()=>{this.showTooltip&&(this.tooltipStartTime=Date.now(),this.hide())};onShowTooltipChange(t){t?this.element.classList.remove("hidden","hidden-quick"):this.element.classList.add(this.tooltipEndTime/1e3-this.tooltipStartTime/1e3>this.tooltipTimeThreshold?"hidden":"hidden-quick")}async componentWillLoad(){this.targetElement=this.targetElementSelector?document.querySelector(this.targetElementSelector):this.hoverElement?this.hoverElement:this.element.parentElement,this.targetElement&&(this.doNotShowOnHover||(this.targetElement?.addEventListener("mouseenter",this.show.bind(this)),this.targetElement?.addEventListener("mouseleave",this.hide.bind(this))),this.targetElement?.addEventListener("focusin",this.show.bind(this)),this.targetElement?.addEventListener("focusout",this.hide.bind(this)),this.resizeObserver=new ResizeObserver((()=>{this.targetElement?.offsetHeight||(this.element.classList.remove("hidden"),this.element.classList.add("hidden-quick"))})),this.resizeObserver.observe(this.targetElement),this.positionState=this.position,this.element.style.display="none")}componentDidLoad(){setTimeout((()=>{this.element.style.display="inline-block",!this.doNotShowOnHover&&this.targetElement?.matches(":hover")&&this.show().then()}),100)}async disconnectedCallback(){this.targetElement&&(this.targetElement?.removeEventListener("mouseenter",this.show.bind(this)),this.targetElement?.removeEventListener("mouseleave",this.hide.bind(this)),this.resizeObserver?.unobserve(this.targetElement))}async show(){this.tooltipStartTime=Date.now(),this.showTooltip=!0,this.positionTooltip()}async hide(){this.tooltipEndTime=Date.now(),this.showTooltip=!1}async toggle(){this.showTooltip?await this.hide():await this.show()}positionTooltip=()=>{const t=this.targetElement.getBoundingClientRect();if([n.LEFT,n.RIGHT].includes(this.positionState)){const o=window.innerWidth>t.right+this.margin+this.element.offsetWidth;this.element.offsetWidth+this.margin<t.left||o||(this.positionState=n.BOTTOM)}const o=this.positionTooltipVertically(t),i=this.positionTooltipHorizontally(t);this.element.style.margin=`${this.margin}px`;const e=this.getTooltipPosition(o||i);this.positionTooltipPointer(e)};getTooltipPosition(t){switch(this.positionState){case n.TOP:return t?n.BOTTOM:n.TOP;case n.BOTTOM:return t?n.TOP:n.BOTTOM;case n.LEFT:return t?n.RIGHT:n.LEFT;case n.RIGHT:return t?n.LEFT:n.RIGHT}}positionTooltipVertically(t){let o=!1;switch(this.positionState){case n.BOTTOM:t.bottom+this.element.offsetHeight+this.margin>window.innerHeight?(this.element.style.top=null,this.element.style.bottom=window.innerHeight-t.top+"px",o=!0):(this.element.style.top=`${t.bottom}px`,this.element.style.bottom=null);break;case n.TOP:t.top-this.element.offsetHeight<0?(this.element.style.top=`${t.bottom}px`,this.element.style.bottom=null,o=!0):(this.element.style.top=null,this.element.style.bottom=window.innerHeight-t.top+"px");break;default:const i=t.top+t.height/2-(this.element.offsetHeight/2+this.margin);i<0?(this.element.style.top="0",this.element.style.bottom=null):i+this.element.offsetHeight+this.margin>window.innerHeight?(this.element.style.top=null,this.element.style.bottom="0"):(this.element.style.top=`${i}px`,this.element.style.bottom=null)}return o}positionTooltipHorizontally(t){let o=!1;switch(this.positionState){case n.LEFT:this.element.offsetWidth+this.margin>t.left?(this.element.style.left=`${t.right}px`,this.element.style.right=null,o=!0):(this.element.style.left=null,this.element.style.right=window.innerWidth-t.left+"px");break;case n.RIGHT:window.innerWidth<t.right+this.margin+this.element.offsetWidth?(this.element.style.left=null,this.element.style.right=window.innerWidth-t.left+"px",o=!0):(this.element.style.left=`${t.right}px`,this.element.style.right=null);break;default:const i=t.left+t.width/2-(this.element.offsetWidth/2-this.margin);i<0?(this.element.style.left="0",this.element.style.right=null):i+this.element.offsetWidth+this.margin>window.innerWidth?(this.element.style.left=null,this.element.style.right="0"):(this.element.style.left=`${i}px`,this.element.style.right=null)}return o}positionTooltipPointer=t=>{const o=this.targetElement.getBoundingClientRect(),i=this.element.getBoundingClientRect();if([n.TOP,n.BOTTOM].includes(t)){const e=Math.min(o.right,i.left+this.element.offsetWidth),s=Math.max(o.left,i.left);this.tooltipPointer.style.left=(e+s)/2-i.left-this.tooltipPointer.offsetWidth/2+"px",t===n.BOTTOM&&(this.tooltipPointer.style.top="-6px",this.tooltipPointer.style.bottom=null,this.tooltipPointer.style.transform="rotate(0deg)"),t===n.TOP&&(this.tooltipPointer.style.top=null,this.tooltipPointer.style.bottom="-6px",this.tooltipPointer.style.transform="rotate(180deg)")}if([n.LEFT,n.RIGHT].includes(t)){const e=Math.min(o.bottom,i.top+this.element.offsetHeight),s=Math.max(o.top,i.top);this.tooltipPointer.style.top=(e+s)/2-i.top-this.tooltipPointer.offsetHeight/2+"px",t===n.RIGHT&&(this.tooltipPointer.style.left="-12px",this.tooltipPointer.style.right=null,this.tooltipPointer.style.transform="rotate(270deg)"),t===n.LEFT&&(this.tooltipPointer.style.left=null,this.tooltipPointer.style.right="-12px",this.tooltipPointer.style.transform="rotate(90deg)")}};renderTooltip=()=>i("div",{class:{tooltip:!0,[`${this.theme}`]:!0},role:"tooltip","aria-hidden":this.showTooltip?"false":"true","aria-live":this.showTooltip?"polite":void 0},i("div",{class:"tooltip-pointer",ref:t=>this.tooltipPointer=t}),i("slot",null));render(){return i(e,{key:"4136534ae71962f55b2c8556d2b9a5970faa86ac",class:{visible:this.showTooltip}},this.renderTooltip())}static get watchers(){return{position:["handlePositionChange"],showTooltip:["onShowTooltipChange"]}}};s.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{--tooltip-background-color:var(--tc-tooltip-layer-secondary);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary);--tooltip-padding:1em;--tooltip-display-speed:.2s;--tooltip-delay-show:0s;--tooltip-delay-hide:.25s;--tooltip-max-width:18.75rem;--tooltip-border-radius:0.3125rem;--tooltip-font-weight:400;position:fixed;display:inline-block;width:max-content;max-width:min(var(--tooltip-max-width), 100%);z-index:100;pointer-events:none;opacity:0}:host(.hidden){visibility:hidden;opacity:0;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear}:host(.hidden-quick){opacity:0;visibility:hidden;transform:scale(0)}:host(.visible){visibility:visible;opacity:1;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear;transition-delay:var(--tooltip-delay-show)}.light-inverse{--tooltip-background-color:var(--tc-tooltip-layer-primary);--tooltip-text-color:var(--tc-tooltip-text-primary)}.dark{--tooltip-background-color:var(--tc-tooltip-layer-primary-dark);--tooltip-text-color:var(--tc-tooltip-text-primary-dark)}.dark-inverse{--tooltip-background-color:var(--tc-tooltip-layer-secondary-dark);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary-dark)}.tooltip{position:relative;background:var(--tooltip-background-color);color:var(--tooltip-text-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);font-family:var(--font-family-content);font-weight:var(--tooltip-font-weight);font-size:0.875rem;white-space:normal;line-height:1.5em}.tooltip-pointer{position:absolute;width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5rem solid var(--tooltip-background-color)}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;visibility:visible;transform:scale(1)}100%{opacity:0;visibility:hidden;transform:scale(0)}}';export{s as tet_tooltip}

package/dist/tet-components/{p-3e60d61c.js → p-fa674b43.js}

@@ -1,4 +1,4 @@
-import{E as t}from"./p-83f43fdd.js";class e{url;options;data;errorFallbackValue;defaultOptions={mode:"cors"};setUrl(t){return this.url=t,this}setOptions(t){return this.options=t,this}setData(t){return this.data=t,this}setErrorFallbackValue(t){return this.errorFallbackValue=t,this}execute(t=!1){return fetch(this.url,{...this.defaultOptions,...this.options,body:JSON.stringify(this.data)}).then((async e=>t?e:(await e.json())?.data)).catch((t=>{if(void 0!==this.errorFallbackValue)return this.errorFallbackValue;throw t}))}}const n={endpoints:{operations:"/operations/",address:"/addresses/",addressSearch:"/addresses/search/",translations:"/translations/",queryCustomer:"/customer/data/",customerAssets:"/customer/assets/",productComparison:"/v2/sac/product-data",catalogOffers:"/catalog/offers/",createCallCenterTask:"/tasks/create-callcenter-task/",componentData:"/web-components/data/",macdOrderTypes:"/assets/macd/order-types",tvPlatformChannels:"/tv/channels/platform/",tvPackages:"/tv/packages/",businessLines:"/products/business-lines",metastoreProducts:"/metastore/products",cloudConfigurator:"/metastore/cloud-calculator-fields",serviceAvailabilityServices:"/sac/available-services",b2bConfigurator:"/metastore/b2b/configurator",assemblerScenario:"/sac/assembler"},testing:{baseUrl:"https://tst-gateway.tet.lv/api"},staging:{baseUrl:"https://uat-gateway.tet.lv/api"},production:{baseUrl:"https://gateway.tet.lv/api"}},i=n.endpoints,s=n[t.environment]??{},r=Object.keys(i??[]).reduce(((t,e)=>({...t,[e]:`${s.baseUrl}${i[e]}`})),{})??{};function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function h(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function u(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function c(t,e,n){return e&&u(t.prototype,e),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function a(){return a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},a.apply(this,arguments)}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&d(t,e)}function f(t){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},f(t)}function d(t,e){return d=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},d(t,e)}function v(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=f(t);if(e){var s=f(this).constructor;n=Reflect.construct(i,arguments,s)}else n=i.apply(this,arguments);return function(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(this,n)}}var p=function(){function t(){h(this,t)}return c(t,[{key:"listenForWhisper",value:function(t,e){return this.listen(".client-"+t,e)}},{key:"notification",value:function(t){return this.listen(".Illuminate\\Notifications\\Events\\BroadcastNotificationCreated",t)}},{key:"stopListeningForWhisper",value:function(t,e){return this.stopListening(".client-"+t,e)}}]),t}(),w=function(){function t(e){h(this,t),this.namespace=e}return c(t,[{key:"format",value:function(t){return[".","\\"].includes(t.charAt(0))?t.substring(1):(this.namespace&&(t=this.namespace+"."+t),t.replace(/\./g,"\\"))}},{key:"setNamespace",value:function(t){this.namespace=t}}]),t}(),b=function(){l(e,p);var t=v(e);function e(n,i,s){var r;return h(this,e),(r=t.call(this)).name=i,r.pusher=n,r.options=s,r.eventFormatter=new w(r.options.namespace),r.subscribe(),r}return c(e,[{key:"subscribe",value:function(){this.subscription=this.pusher.subscribe(this.name)}},{key:"unsubscribe",value:function(){this.pusher.unsubscribe(this.name)}},{key:"listen",value:function(t,e){return this.on(this.eventFormatter.format(t),e),this}},{key:"listenToAll",value:function(t){var e=this;return this.subscription.bind_global((function(n,i){if(!n.startsWith("pusher:")){var s=e.options.namespace.replace(/\./g,"\\"),r=n.startsWith(s)?n.substring(s.length+1):"."+n;t(r,i)}})),this}},{key:"stopListening",value:function(t,e){return e?this.subscription.unbind(this.eventFormatter.format(t),e):this.subscription.unbind(this.eventFormatter.format(t)),this}},{key:"stopListeningToAll",value:function(t){return t?this.subscription.unbind_global(t):this.subscription.unbind_global(),this}},{key:"subscribed",value:function(t){return this.on("pusher:subscription_succeeded",(function(){t()})),this}},{key:"error",value:function(t){return this.on("pusher:subscription_error",(function(e){t(e)})),this}},{key:"on",value:function(t,e){return this.subscription.bind(t,e),this}}]),e}(),y=function(){l(e,b);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"whisper",value:function(t,e){return this.pusher.channels.channels[this.name].trigger("client-".concat(t),e),this}}]),e}(),g=function(){l(e,b);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"whisper",value:function(t,e){return this.pusher.channels.channels[this.name].trigger("client-".concat(t),e),this}}]),e}(),k=function(){l(e,b);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"here",value:function(t){return this.on("pusher:subscription_succeeded",(function(e){t(Object.keys(e.members).map((function(t){return e.members[t]})))})),this}},{key:"joining",value:function(t){return this.on("pusher:member_added",(function(e){t(e.info)})),this}},{key:"whisper",value:function(t,e){return this.pusher.channels.channels[this.name].trigger("client-".concat(t),e),this}},{key:"leaving",value:function(t){return this.on("pusher:member_removed",(function(e){t(e.info)})),this}}]),e}(),m=function(){l(e,p);var t=v(e);function e(n,i,s){var r;return h(this,e),(r=t.call(this)).events={},r.listeners={},r.name=i,r.socket=n,r.options=s,r.eventFormatter=new w(r.options.namespace),r.subscribe(),r}return c(e,[{key:"subscribe",value:function(){this.socket.emit("subscribe",{channel:this.name,auth:this.options.auth||{}})}},{key:"unsubscribe",value:function(){this.unbind(),this.socket.emit("unsubscribe",{channel:this.name,auth:this.options.auth||{}})}},{key:"listen",value:function(t,e){return this.on(this.eventFormatter.format(t),e),this}},{key:"stopListening",value:function(t,e){return this.unbindEvent(this.eventFormatter.format(t),e),this}},{key:"subscribed",value:function(t){return this.on("connect",(function(e){t(e)})),this}},{key:"error",value:function(){return this}},{key:"on",value:function(t,e){var n=this;return this.listeners[t]=this.listeners[t]||[],this.events[t]||(this.events[t]=function(e,i){n.name===e&&n.listeners[t]&&n.listeners[t].forEach((function(t){return t(i)}))},this.socket.on(t,this.events[t])),this.listeners[t].push(e),this}},{key:"unbind",value:function(){var t=this;Object.keys(this.events).forEach((function(e){t.unbindEvent(e)}))}},{key:"unbindEvent",value:function(t,e){this.listeners[t]=this.listeners[t]||[],e&&(this.listeners[t]=this.listeners[t].filter((function(t){return t!==e}))),e&&0!==this.listeners[t].length||(this.events[t]&&(this.socket.removeListener(t,this.events[t]),delete this.events[t]),delete this.listeners[t])}}]),e}(),S=function(){l(e,m);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"whisper",value:function(t,e){return this.socket.emit("client event",{channel:this.name,event:"client-".concat(t),data:e}),this}}]),e}(),_=function(){l(e,S);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"here",value:function(t){return this.on("presence:subscribed",(function(e){t(e.map((function(t){return t.user_info})))})),this}},{key:"joining",value:function(t){return this.on("presence:joining",(function(e){return t(e.user_info)})),this}},{key:"whisper",value:function(t,e){return this.socket.emit("client event",{channel:this.name,event:"client-".concat(t),data:e}),this}},{key:"leaving",value:function(t){return this.on("presence:leaving",(function(e){return t(e.user_info)})),this}}]),e}(),j=function(){l(e,p);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"subscribe",value:function(){}},{key:"unsubscribe",value:function(){}},{key:"listen",value:function(){return this}},{key:"listenToAll",value:function(){return this}},{key:"stopListening",value:function(){return this}},{key:"subscribed",value:function(){return this}},{key:"error",value:function(){return this}},{key:"on",value:function(){return this}}]),e}(),C=function(){l(e,j);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"whisper",value:function(){return this}}]),e}(),O=function(){l(e,j);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"here",value:function(){return this}},{key:"joining",value:function(){return this}},{key:"whisper",value:function(){return this}},{key:"leaving",value:function(){return this}}]),e}(),E=function(){function t(e){h(this,t),this._defaultOptions={auth:{headers:{}},authEndpoint:"/broadcasting/auth",userAuthentication:{endpoint:"/broadcasting/user-auth",headers:{}},broadcaster:"pusher",csrfToken:null,bearerToken:null,host:null,key:null,namespace:"App.Events"},this.setOptions(e),this.connect()}return c(t,[{key:"setOptions",value:function(t){this.options=a(this._defaultOptions,t);var e=this.csrfToken();return e&&(this.options.auth.headers["X-CSRF-TOKEN"]=e,this.options.userAuthentication.headers["X-CSRF-TOKEN"]=e),(e=this.options.bearerToken)&&(this.options.auth.headers.Authorization="Bearer "+e,this.options.userAuthentication.headers.Authorization="Bearer "+e),t}},{key:"csrfToken",value:function(){var t;return"undefined"!=typeof window&&window.Laravel&&window.Laravel.csrfToken?window.Laravel.csrfToken:this.options.csrfToken?this.options.csrfToken:"undefined"!=typeof document&&"function"==typeof document.querySelector&&(t=document.querySelector('meta[name="csrf-token"]'))?t.getAttribute("content"):null}}]),t}(),T=function(){l(e,E);var t=v(e);function e(){var n;return h(this,e),(n=t.apply(this,arguments)).channels={},n}return c(e,[{key:"connect",value:function(){this.pusher=void 0!==this.options.client?this.options.client:this.options.Pusher?new this.options.Pusher(this.options.key,this.options):new Pusher(this.options.key,this.options)}},{key:"signin",value:function(){this.pusher.signin()}},{key:"listen",value:function(t,e,n){return this.channel(t).listen(e,n)}},{key:"channel",value:function(t){return this.channels[t]||(this.channels[t]=new b(this.pusher,t,this.options)),this.channels[t]}},{key:"privateChannel",value:function(t){return this.channels["private-"+t]||(this.channels["private-"+t]=new y(this.pusher,"private-"+t,this.options)),this.channels["private-"+t]}},{key:"encryptedPrivateChannel",value:function(t){return this.channels["private-encrypted-"+t]||(this.channels["private-encrypted-"+t]=new g(this.pusher,"private-encrypted-"+t,this.options)),this.channels["private-encrypted-"+t]}},{key:"presenceChannel",value:function(t){return this.channels["presence-"+t]||(this.channels["presence-"+t]=new k(this.pusher,"presence-"+t,this.options)),this.channels["presence-"+t]}},{key:"leave",value:function(t){var e=this;[t,"private-"+t,"private-encrypted-"+t,"presence-"+t].forEach((function(t){e.leaveChannel(t)}))}},{key:"leaveChannel",value:function(t){this.channels[t]&&(this.channels[t].unsubscribe(),delete this.channels[t])}},{key:"socketId",value:function(){return this.pusher.connection.socket_id}},{key:"disconnect",value:function(){this.pusher.disconnect()}}]),e}(),x=function(){l(e,E);var t=v(e);function e(){var n;return h(this,e),(n=t.apply(this,arguments)).channels={},n}return c(e,[{key:"connect",value:function(){var t=this,e=this.getSocketIO();return this.socket=e(this.options.host,this.options),this.socket.on("reconnect",(function(){Object.values(t.channels).forEach((function(t){t.subscribe()}))})),this.socket}},{key:"getSocketIO",value:function(){if(void 0!==this.options.client)return this.options.client;if("undefined"!=typeof io)return io;throw new Error("Socket.io client not found. Should be globally available or passed via options.client")}},{key:"listen",value:function(t,e,n){return this.channel(t).listen(e,n)}},{key:"channel",value:function(t){return this.channels[t]||(this.channels[t]=new m(this.socket,t,this.options)),this.channels[t]}},{key:"privateChannel",value:function(t){return this.channels["private-"+t]||(this.channels["private-"+t]=new S(this.socket,"private-"+t,this.options)),this.channels["private-"+t]}},{key:"presenceChannel",value:function(t){return this.channels["presence-"+t]||(this.channels["presence-"+t]=new _(this.socket,"presence-"+t,this.options)),this.channels["presence-"+t]}},{key:"leave",value:function(t){var e=this;[t,"private-"+t,"presence-"+t].forEach((function(t){e.leaveChannel(t)}))}},{key:"leaveChannel",value:function(t){this.channels[t]&&(this.channels[t].unsubscribe(),delete this.channels[t])}},{key:"socketId",value:function(){return this.socket.id}},{key:"disconnect",value:function(){this.socket.disconnect()}}]),e}(),P=function(){l(e,E);var t=v(e);function e(){var n;return h(this,e),(n=t.apply(this,arguments)).channels={},n}return c(e,[{key:"connect",value:function(){}},{key:"listen",value:function(){return new j}},{key:"channel",value:function(){return new j}},{key:"privateChannel",value:function(){return new C}},{key:"encryptedPrivateChannel",value:function(){return new C}},{key:"presenceChannel",value:function(){return new O}},{key:"leave",value:function(){}},{key:"leaveChannel",value:function(){}},{key:"socketId",value:function(){return"fake-socket-id"}},{key:"disconnect",value:function(){}}]),e}(),R=function(){function t(e){h(this,t),this.options=e,this.connect(),this.options.withoutInterceptors||this.registerInterceptors()}return c(t,[{key:"channel",value:function(t){return this.connector.channel(t)}},{key:"connect",value:function(){if("reverb"==this.options.broadcaster)this.connector=new T(a(a({},this.options),{cluster:""}));else if("pusher"==this.options.broadcaster)this.connector=new T(this.options);else if("socket.io"==this.options.broadcaster)this.connector=new x(this.options);else if("null"==this.options.broadcaster)this.connector=new P(this.options);else{if("function"!=typeof this.options.broadcaster)throw new Error("Broadcaster ".concat(o(this.options.broadcaster)," ").concat(this.options.broadcaster," is not supported."));this.connector=new this.options.broadcaster(this.options)}}},{key:"disconnect",value:function(){this.connector.disconnect()}},{key:"join",value:function(t){return this.connector.presenceChannel(t)}},{key:"leave",value:function(t){this.connector.leave(t)}},{key:"leaveChannel",value:function(t){this.connector.leaveChannel(t)}},{key:"leaveAllChannels",value:function(){for(var t in this.connector.channels)this.leaveChannel(t)}},{key:"listen",value:function(t,e,n){return this.connector.listen(t,e,n)}},{key:"private",value:function(t){return this.connector.privateChannel(t)}},{key:"encryptedPrivate",value:function(t){return this.connector.encryptedPrivateChannel(t)}},{key:"socketId",value:function(){return this.connector.socketId()}},{key:"registerInterceptors",value:function(){"function"==typeof Vue&&Vue.http&&this.registerVueRequestInterceptor(),"function"==typeof axios&&this.registerAxiosRequestInterceptor(),"function"==typeof jQuery&&this.registerjQueryAjaxSetup(),"object"===("undefined"==typeof Turbo?"undefined":o(Turbo))&&this.registerTurboRequestInterceptor()}},{key:"registerVueRequestInterceptor",value:function(){var t=this;Vue.http.interceptors.push((function(e,n){t.socketId()&&e.headers.set("X-Socket-ID",t.socketId()),n()}))}},{key:"registerAxiosRequestInterceptor",value:function(){var t=this;axios.interceptors.request.use((function(e){return t.socketId()&&(e.headers["X-Socket-Id"]=t.socketId()),e}))}},{key:"registerjQueryAjaxSetup",value:function(){var t=this;void 0!==jQuery.ajax&&jQuery.ajaxPrefilter((function(e,n,i){t.socketId()&&i.setRequestHeader("X-Socket-Id",t.socketId())}))}},{key:"registerTurboRequestInterceptor",value:function(){var t=this;document.addEventListener("turbo:before-fetch-request",(function(e){e.detail.fetchOptions.headers["X-Socket-Id"]=t.socketId()}))}}]),t}();function I(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var A,N={exports:{}};
+import{E as t}from"./p-5abb3bea.js";class e{url;options;data;errorFallbackValue;defaultOptions={mode:"cors"};setUrl(t){return this.url=t,this}setOptions(t){return this.options=t,this}setData(t){return this.data=t,this}setErrorFallbackValue(t){return this.errorFallbackValue=t,this}execute(t=!1){return fetch(this.url,{...this.defaultOptions,...this.options,body:JSON.stringify(this.data)}).then((async e=>t?e:(await e.json())?.data)).catch((t=>{if(void 0!==this.errorFallbackValue)return this.errorFallbackValue;throw t}))}}const n={endpoints:{operations:"/operations/",address:"/addresses/",addressSearch:"/addresses/search/",translations:"/translations/",queryCustomer:"/customer/data/",customerAssets:"/customer/assets/",productComparison:"/v2/sac/product-data",catalogOffers:"/catalog/offers/",createCallCenterTask:"/tasks/create-callcenter-task/",componentData:"/web-components/data/",macdOrderTypes:"/assets/macd/order-types",tvPlatformChannels:"/tv/channels/platform/",tvPackages:"/tv/packages/",businessLines:"/products/business-lines",metastoreProducts:"/metastore/products",cloudConfigurator:"/metastore/cloud-calculator-fields",serviceAvailabilityServices:"/sac/available-services",b2bConfigurator:"/metastore/b2b/configurator",assemblerScenario:"/sac/assembler"},testing:{baseUrl:"https://tst-gateway.tet.lv/api"},staging:{baseUrl:"https://uat-gateway.tet.lv/api"},production:{baseUrl:"https://gateway.tet.lv/api"}},i=n.endpoints,s=n[t.environment]??{},r=Object.keys(i??[]).reduce(((t,e)=>({...t,[e]:`${s.baseUrl}${i[e]}`})),{})??{};function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function h(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function u(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function c(t,e,n){return e&&u(t.prototype,e),n&&u(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function a(){return a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},a.apply(this,arguments)}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&d(t,e)}function f(t){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},f(t)}function d(t,e){return d=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},d(t,e)}function v(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=f(t);if(e){var s=f(this).constructor;n=Reflect.construct(i,arguments,s)}else n=i.apply(this,arguments);return function(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(this,n)}}var p=function(){function t(){h(this,t)}return c(t,[{key:"listenForWhisper",value:function(t,e){return this.listen(".client-"+t,e)}},{key:"notification",value:function(t){return this.listen(".Illuminate\\Notifications\\Events\\BroadcastNotificationCreated",t)}},{key:"stopListeningForWhisper",value:function(t,e){return this.stopListening(".client-"+t,e)}}]),t}(),w=function(){function t(e){h(this,t),this.namespace=e}return c(t,[{key:"format",value:function(t){return[".","\\"].includes(t.charAt(0))?t.substring(1):(this.namespace&&(t=this.namespace+"."+t),t.replace(/\./g,"\\"))}},{key:"setNamespace",value:function(t){this.namespace=t}}]),t}(),b=function(){l(e,p);var t=v(e);function e(n,i,s){var r;return h(this,e),(r=t.call(this)).name=i,r.pusher=n,r.options=s,r.eventFormatter=new w(r.options.namespace),r.subscribe(),r}return c(e,[{key:"subscribe",value:function(){this.subscription=this.pusher.subscribe(this.name)}},{key:"unsubscribe",value:function(){this.pusher.unsubscribe(this.name)}},{key:"listen",value:function(t,e){return this.on(this.eventFormatter.format(t),e),this}},{key:"listenToAll",value:function(t){var e=this;return this.subscription.bind_global((function(n,i){if(!n.startsWith("pusher:")){var s=e.options.namespace.replace(/\./g,"\\"),r=n.startsWith(s)?n.substring(s.length+1):"."+n;t(r,i)}})),this}},{key:"stopListening",value:function(t,e){return e?this.subscription.unbind(this.eventFormatter.format(t),e):this.subscription.unbind(this.eventFormatter.format(t)),this}},{key:"stopListeningToAll",value:function(t){return t?this.subscription.unbind_global(t):this.subscription.unbind_global(),this}},{key:"subscribed",value:function(t){return this.on("pusher:subscription_succeeded",(function(){t()})),this}},{key:"error",value:function(t){return this.on("pusher:subscription_error",(function(e){t(e)})),this}},{key:"on",value:function(t,e){return this.subscription.bind(t,e),this}}]),e}(),y=function(){l(e,b);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"whisper",value:function(t,e){return this.pusher.channels.channels[this.name].trigger("client-".concat(t),e),this}}]),e}(),g=function(){l(e,b);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"whisper",value:function(t,e){return this.pusher.channels.channels[this.name].trigger("client-".concat(t),e),this}}]),e}(),k=function(){l(e,b);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"here",value:function(t){return this.on("pusher:subscription_succeeded",(function(e){t(Object.keys(e.members).map((function(t){return e.members[t]})))})),this}},{key:"joining",value:function(t){return this.on("pusher:member_added",(function(e){t(e.info)})),this}},{key:"whisper",value:function(t,e){return this.pusher.channels.channels[this.name].trigger("client-".concat(t),e),this}},{key:"leaving",value:function(t){return this.on("pusher:member_removed",(function(e){t(e.info)})),this}}]),e}(),m=function(){l(e,p);var t=v(e);function e(n,i,s){var r;return h(this,e),(r=t.call(this)).events={},r.listeners={},r.name=i,r.socket=n,r.options=s,r.eventFormatter=new w(r.options.namespace),r.subscribe(),r}return c(e,[{key:"subscribe",value:function(){this.socket.emit("subscribe",{channel:this.name,auth:this.options.auth||{}})}},{key:"unsubscribe",value:function(){this.unbind(),this.socket.emit("unsubscribe",{channel:this.name,auth:this.options.auth||{}})}},{key:"listen",value:function(t,e){return this.on(this.eventFormatter.format(t),e),this}},{key:"stopListening",value:function(t,e){return this.unbindEvent(this.eventFormatter.format(t),e),this}},{key:"subscribed",value:function(t){return this.on("connect",(function(e){t(e)})),this}},{key:"error",value:function(){return this}},{key:"on",value:function(t,e){var n=this;return this.listeners[t]=this.listeners[t]||[],this.events[t]||(this.events[t]=function(e,i){n.name===e&&n.listeners[t]&&n.listeners[t].forEach((function(t){return t(i)}))},this.socket.on(t,this.events[t])),this.listeners[t].push(e),this}},{key:"unbind",value:function(){var t=this;Object.keys(this.events).forEach((function(e){t.unbindEvent(e)}))}},{key:"unbindEvent",value:function(t,e){this.listeners[t]=this.listeners[t]||[],e&&(this.listeners[t]=this.listeners[t].filter((function(t){return t!==e}))),e&&0!==this.listeners[t].length||(this.events[t]&&(this.socket.removeListener(t,this.events[t]),delete this.events[t]),delete this.listeners[t])}}]),e}(),S=function(){l(e,m);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"whisper",value:function(t,e){return this.socket.emit("client event",{channel:this.name,event:"client-".concat(t),data:e}),this}}]),e}(),_=function(){l(e,S);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"here",value:function(t){return this.on("presence:subscribed",(function(e){t(e.map((function(t){return t.user_info})))})),this}},{key:"joining",value:function(t){return this.on("presence:joining",(function(e){return t(e.user_info)})),this}},{key:"whisper",value:function(t,e){return this.socket.emit("client event",{channel:this.name,event:"client-".concat(t),data:e}),this}},{key:"leaving",value:function(t){return this.on("presence:leaving",(function(e){return t(e.user_info)})),this}}]),e}(),j=function(){l(e,p);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"subscribe",value:function(){}},{key:"unsubscribe",value:function(){}},{key:"listen",value:function(){return this}},{key:"listenToAll",value:function(){return this}},{key:"stopListening",value:function(){return this}},{key:"subscribed",value:function(){return this}},{key:"error",value:function(){return this}},{key:"on",value:function(){return this}}]),e}(),C=function(){l(e,j);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"whisper",value:function(){return this}}]),e}(),O=function(){l(e,j);var t=v(e);function e(){return h(this,e),t.apply(this,arguments)}return c(e,[{key:"here",value:function(){return this}},{key:"joining",value:function(){return this}},{key:"whisper",value:function(){return this}},{key:"leaving",value:function(){return this}}]),e}(),E=function(){function t(e){h(this,t),this._defaultOptions={auth:{headers:{}},authEndpoint:"/broadcasting/auth",userAuthentication:{endpoint:"/broadcasting/user-auth",headers:{}},broadcaster:"pusher",csrfToken:null,bearerToken:null,host:null,key:null,namespace:"App.Events"},this.setOptions(e),this.connect()}return c(t,[{key:"setOptions",value:function(t){this.options=a(this._defaultOptions,t);var e=this.csrfToken();return e&&(this.options.auth.headers["X-CSRF-TOKEN"]=e,this.options.userAuthentication.headers["X-CSRF-TOKEN"]=e),(e=this.options.bearerToken)&&(this.options.auth.headers.Authorization="Bearer "+e,this.options.userAuthentication.headers.Authorization="Bearer "+e),t}},{key:"csrfToken",value:function(){var t;return"undefined"!=typeof window&&window.Laravel&&window.Laravel.csrfToken?window.Laravel.csrfToken:this.options.csrfToken?this.options.csrfToken:"undefined"!=typeof document&&"function"==typeof document.querySelector&&(t=document.querySelector('meta[name="csrf-token"]'))?t.getAttribute("content"):null}}]),t}(),T=function(){l(e,E);var t=v(e);function e(){var n;return h(this,e),(n=t.apply(this,arguments)).channels={},n}return c(e,[{key:"connect",value:function(){this.pusher=void 0!==this.options.client?this.options.client:this.options.Pusher?new this.options.Pusher(this.options.key,this.options):new Pusher(this.options.key,this.options)}},{key:"signin",value:function(){this.pusher.signin()}},{key:"listen",value:function(t,e,n){return this.channel(t).listen(e,n)}},{key:"channel",value:function(t){return this.channels[t]||(this.channels[t]=new b(this.pusher,t,this.options)),this.channels[t]}},{key:"privateChannel",value:function(t){return this.channels["private-"+t]||(this.channels["private-"+t]=new y(this.pusher,"private-"+t,this.options)),this.channels["private-"+t]}},{key:"encryptedPrivateChannel",value:function(t){return this.channels["private-encrypted-"+t]||(this.channels["private-encrypted-"+t]=new g(this.pusher,"private-encrypted-"+t,this.options)),this.channels["private-encrypted-"+t]}},{key:"presenceChannel",value:function(t){return this.channels["presence-"+t]||(this.channels["presence-"+t]=new k(this.pusher,"presence-"+t,this.options)),this.channels["presence-"+t]}},{key:"leave",value:function(t){var e=this;[t,"private-"+t,"private-encrypted-"+t,"presence-"+t].forEach((function(t){e.leaveChannel(t)}))}},{key:"leaveChannel",value:function(t){this.channels[t]&&(this.channels[t].unsubscribe(),delete this.channels[t])}},{key:"socketId",value:function(){return this.pusher.connection.socket_id}},{key:"disconnect",value:function(){this.pusher.disconnect()}}]),e}(),x=function(){l(e,E);var t=v(e);function e(){var n;return h(this,e),(n=t.apply(this,arguments)).channels={},n}return c(e,[{key:"connect",value:function(){var t=this,e=this.getSocketIO();return this.socket=e(this.options.host,this.options),this.socket.on("reconnect",(function(){Object.values(t.channels).forEach((function(t){t.subscribe()}))})),this.socket}},{key:"getSocketIO",value:function(){if(void 0!==this.options.client)return this.options.client;if("undefined"!=typeof io)return io;throw new Error("Socket.io client not found. Should be globally available or passed via options.client")}},{key:"listen",value:function(t,e,n){return this.channel(t).listen(e,n)}},{key:"channel",value:function(t){return this.channels[t]||(this.channels[t]=new m(this.socket,t,this.options)),this.channels[t]}},{key:"privateChannel",value:function(t){return this.channels["private-"+t]||(this.channels["private-"+t]=new S(this.socket,"private-"+t,this.options)),this.channels["private-"+t]}},{key:"presenceChannel",value:function(t){return this.channels["presence-"+t]||(this.channels["presence-"+t]=new _(this.socket,"presence-"+t,this.options)),this.channels["presence-"+t]}},{key:"leave",value:function(t){var e=this;[t,"private-"+t,"presence-"+t].forEach((function(t){e.leaveChannel(t)}))}},{key:"leaveChannel",value:function(t){this.channels[t]&&(this.channels[t].unsubscribe(),delete this.channels[t])}},{key:"socketId",value:function(){return this.socket.id}},{key:"disconnect",value:function(){this.socket.disconnect()}}]),e}(),P=function(){l(e,E);var t=v(e);function e(){var n;return h(this,e),(n=t.apply(this,arguments)).channels={},n}return c(e,[{key:"connect",value:function(){}},{key:"listen",value:function(){return new j}},{key:"channel",value:function(){return new j}},{key:"privateChannel",value:function(){return new C}},{key:"encryptedPrivateChannel",value:function(){return new C}},{key:"presenceChannel",value:function(){return new O}},{key:"leave",value:function(){}},{key:"leaveChannel",value:function(){}},{key:"socketId",value:function(){return"fake-socket-id"}},{key:"disconnect",value:function(){}}]),e}(),R=function(){function t(e){h(this,t),this.options=e,this.connect(),this.options.withoutInterceptors||this.registerInterceptors()}return c(t,[{key:"channel",value:function(t){return this.connector.channel(t)}},{key:"connect",value:function(){if("reverb"==this.options.broadcaster)this.connector=new T(a(a({},this.options),{cluster:""}));else if("pusher"==this.options.broadcaster)this.connector=new T(this.options);else if("socket.io"==this.options.broadcaster)this.connector=new x(this.options);else if("null"==this.options.broadcaster)this.connector=new P(this.options);else{if("function"!=typeof this.options.broadcaster)throw new Error("Broadcaster ".concat(o(this.options.broadcaster)," ").concat(this.options.broadcaster," is not supported."));this.connector=new this.options.broadcaster(this.options)}}},{key:"disconnect",value:function(){this.connector.disconnect()}},{key:"join",value:function(t){return this.connector.presenceChannel(t)}},{key:"leave",value:function(t){this.connector.leave(t)}},{key:"leaveChannel",value:function(t){this.connector.leaveChannel(t)}},{key:"leaveAllChannels",value:function(){for(var t in this.connector.channels)this.leaveChannel(t)}},{key:"listen",value:function(t,e,n){return this.connector.listen(t,e,n)}},{key:"private",value:function(t){return this.connector.privateChannel(t)}},{key:"encryptedPrivate",value:function(t){return this.connector.encryptedPrivateChannel(t)}},{key:"socketId",value:function(){return this.connector.socketId()}},{key:"registerInterceptors",value:function(){"function"==typeof Vue&&Vue.http&&this.registerVueRequestInterceptor(),"function"==typeof axios&&this.registerAxiosRequestInterceptor(),"function"==typeof jQuery&&this.registerjQueryAjaxSetup(),"object"===("undefined"==typeof Turbo?"undefined":o(Turbo))&&this.registerTurboRequestInterceptor()}},{key:"registerVueRequestInterceptor",value:function(){var t=this;Vue.http.interceptors.push((function(e,n){t.socketId()&&e.headers.set("X-Socket-ID",t.socketId()),n()}))}},{key:"registerAxiosRequestInterceptor",value:function(){var t=this;axios.interceptors.request.use((function(e){return t.socketId()&&(e.headers["X-Socket-Id"]=t.socketId()),e}))}},{key:"registerjQueryAjaxSetup",value:function(){var t=this;void 0!==jQuery.ajax&&jQuery.ajaxPrefilter((function(e,n,i){t.socketId()&&i.setRequestHeader("X-Socket-Id",t.socketId())}))}},{key:"registerTurboRequestInterceptor",value:function(){var t=this;document.addEventListener("turbo:before-fetch-request",(function(e){e.detail.fetchOptions.headers["X-Socket-Id"]=t.socketId()}))}}]),t}();function I(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var A,N={exports:{}};
 /*!
  * Pusher JavaScript Library v8.3.0
  * https://pusher.com/