npm - @tet/tet-components - Versions diffs - 1.4.88-testing → 1.4.89-staging - Mend

@tet/tet-components 1.4.88-testing → 1.4.89-staging

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

Files changed (649) hide show

package/dist/tet-components/{p-77bec9a6.entry.js → p-7bac49d9.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as e,g as n,h as o,H as i}from"./p-83f43fdd.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled\|\|(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type\|\|"keydown"===t.type&&"key"in t&&("Enter"===t.key\|\|" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded\|\|"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"a234df32a4e338308927d5163ca678dd3b2c4695"},o("div",{key:"f2448b570fe6a5bd0c459aa1573a8ae64624a654",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"4791da7e1a6969c9131f7067cf5af5266900e8b5",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"269890255beddbd9856881abee2c931ba878a4dd",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};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{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}
1	+ import{r as t,c as e,g as n,h as o,H as i}from"./p-5abb3bea.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(n){t(this,n),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return n(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled\|\|(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};blurInput=async()=>{const t=await this.getInputHtmlElement();t?.blur()};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&(this.setState(!1),this.blurInput())};handleCloseButtonAction=t=>{("click"===t.type\|\|"keydown"===t.type&&"key"in t&&("Enter"===t.key\|\|" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.setState(!1),this.blurInput())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,n=this.host.offsetWidth;await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,n="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,n),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const n=`${e}px`,o=this.inputWrapper.animate([{width:`${t}px`},{width:n}],{duration:this.animationDuration,fill:"forwards"});this.animation=o;try{await o.finished&&o.commitStyles()}catch{this.inputWrapper.style.width=n}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded\|\|"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?o("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return o(i,{key:"a234df32a4e338308927d5163ca678dd3b2c4695"},o("div",{key:"f2448b570fe6a5bd0c459aa1573a8ae64624a654",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},o("div",{key:"4791da7e1a6969c9131f7067cf5af5266900e8b5",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},o("tet-input",{key:"269890255beddbd9856881abee2c931ba878a4dd",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};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{display:block;outline:none;width:100%;--expandable-input-font-size:0.875rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-navigation-button-default-dark);--expandable-input-interactive-item-background-hover-color:var(--tc-navigation-button-hover-dark);--expandable-input-interactive-item-background-pressed-color:var(--tc-navigation-button-pressed-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container .input-close:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container tet-input .icon-right{border-radius:50%}.container tet-input .icon-right:hover{background-color:var(--expandable-input-interactive-item-background-hover-color)}.container tet-input .icon-right:active{background-color:var(--expandable-input-interactive-item-background-pressed-color)}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color);--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-interactive-item-background-hover-color)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}

package/dist/tet-components/{p-811658a5.entry.js → p-7ffd2532.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,g as a,h as r,H as o}from"./p-83f43fdd.js";const e=class{constructor(a){t(this,a),this.parentContainer=null,this.data=[],this.minValue=0,this.maxValue=1,this.valueUnit="",this.labelPosition="responsive",this.valuePosition="inside",this.dataOrder="none",this.withGrid=!1,this.animationDuration=500,this.size="auto",this.theme="light",this.displayData=[],this.componentSize="large",this.labelWidth=0}barContainerRef;barLabelContainerRef;get element(){return a(this)}onSizeChange(t){"auto"!==t&&(this.componentSize=t)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),setTimeout(this.sortGraph)}onMinValueChange(){this.animateDisplayDataChanges()}onMaxValueChange(){this.animateDisplayDataChanges()}onWindowResize(){this.autoSetComponentSize();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateValuePosition(a,0)}componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),"auto"!==this.size&&(this.componentSize=this.size),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){this.autoSetComponentSize(),this.animateDisplayDataChanges()}calculateDisplayData=(t=!1,a=this.data)=>{const r=[],o=this.maxValue-this.minValue,e=Math.max(...a.map((t=>t.value.toString().split(".")[1]?.length\|\|0)));for(const t of a){let a=t.value;a<this.minValue&&(a=this.minValue),a>this.maxValue&&(a=this.maxValue);const i=(a-this.minValue)/o100\|\|1;r.push({...t,width:i,formattedValue:this.formatValue(t.value,e),order:-1})}"ascending"===this.dataOrder?r.sort(((t,a)=>t.value-a.value)):"descending"===this.dataOrder&&r.sort(((t,a)=>a.value-t.value));for(let t=0;t<r.length;t++)r[t].order=t;if(!t)return void(this.displayData=r);const i=Array.from(this.barContainerRef.children);for(const t of r){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const r=i.find((a=>t.id===a.getAttribute("data-id")));void 0!==r&&r.setAttribute("data-order",t.order.toString())}const n=r.map((t=>t.id));this.displayData=this.displayData.filter((t=>n.includes(t.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateElementTranslate(a),this.animateValuePosition(a)};animateElementTranslate=t=>{const a=`translateY(${parseFloat(t.getAttribute("data-offset"))-t.getBoundingClientRect().top}px)`;t.style.transform=a;const r=t.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==r&&(r.onfinish=()=>{t.style.transform=null});const o=this.barLabelContainerRef.querySelector(`[data-id="${t.getAttribute("data-id")}"]`);if(null!==o){o.style.transform=a;const t=o.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==t&&(t.onfinish=()=>{o.style.transform=null})}};animateValuePosition=(t,a=this.animationDuration)=>{const r=this.displayData.find((a=>a.id===t.getAttribute("data-id"))),o=t.querySelector(".bar-graph__bar-value--after"),e=t.getBoundingClientRect().width,i=o.getBoundingClientRect().width,n=e-e(r.width/100),s=o.style.left\|\|"0";let l="0";if(i>n){const t=-1(i-n);l=0===t?"0":`${t}px`}if(s!==l){const t=o.animate([{left:s},{left:l}],{duration:a});void 0!==t&&(t.onfinish=()=>{o.style.left=l})}};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const t=Array.from(this.barContainerRef.children);for(const a of t)a.setAttribute("data-offset",a.getBoundingClientRect().top.toString())};formatValue=(t,a)=>{let r=t.toFixed(a).replace(".",",");return this.valueUnit&&(r=`${r} ${this.valueUnit}`),r};autoSetComponentSize=()=>{if("auto"!==this.size)return;let t;t=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=t>=1024?"large":"small"};sortGraph=()=>{const t=Array.from(this.barContainerRef.children);t.sort(((t,a)=>parseInt(t.getAttribute("data-order"),10)-parseInt(a.getAttribute("data-order"),10)));for(const a of t)a.style.order=a.getAttribute("data-order")};renderLabel=(t,a)=>r("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":a,[`bar-graph__label--${t.type}`]:!0},"data-id":t.id,style:{order:a?t.order.toString():null}},t.label);renderBar=t=>r("div",{class:"bar-graph__item","data-id":t.id,"data-order":t.order,style:{zIndex:"primary"===t.type?"1":"0"}},r("div",{class:{hidden:"responsive"!==this.labelPosition\|\|"small"!==this.componentSize}},this.renderLabel(t,!1)),r("div",{class:"bar-graph__bar-container",style:{width:`${t.width}%`}},r("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${t.type}`]:!0}},r("span",{class:{"bar-graph__bar-value":!0,hidden:"inside"!==this.valuePosition}},t.formattedValue))),r("div",{class:"bar-graph__bar-value-container",style:{left:`${t.width}%`}},r("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,hidden:"after"!==this.valuePosition}},t.formattedValue)));renderGridLines(){const t="small"===this.componentSize?6:12,a=[];for(let o=0;o<t;o++)a.push(r("div",{class:"bar-graph__data-grid--line"}));return a}render(){return r(o,{key:"8e352d9a7c2c50afcd083f44713b5f1a9c0642da"},r("div",{key:"dd925f77864b71daca09beb04176104fd57b86c7",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,[this.theme]:!0}},r("div",{key:"27cff8b7171565b2f061ee37ec36c03373c73b3b",class:"bar-graph__container"},r("div",{key:"b788378a6035159fa72a08416e7e932921cbdd91",class:{"bar-graph__label-container":!0,hidden:"responsive"===this.labelPosition&&"small"===this.componentSize},ref:t=>this.barLabelContainerRef=t},this.displayData.map((t=>this.renderLabel(t,!0)))),r("div",{key:"4db66d0189e5eca8a24950a7d401251185751f39",class:"bar-graph__graph-container"},r("div",{key:"272628e531a5a32afa36a095c9e9e9763e91c76b",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),r("div",{key:"ba3f78aecebd757318784f8817563c6222d99567",class:"bar-graph__item-container",ref:t=>this.barContainerRef=t},this.displayData.map((t=>this.renderBar(t))))))))}static get watchers(){return{size:["onSizeChange"],dataOrder:["onDataOrderChange"],data:["onDataChange"],minValue:["onMinValueChange"],maxValue:["onMaxValueChange"]}}};e.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{display:block;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-animation-duration:0.5s}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__label-container .bar-graph__label{color:var(--bar-graph-label-secondary-color)}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute}.bar-graph__bar-value--after{position:absolute;padding:0 0.5rem;display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0 0.5rem;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph .hidden{display:none}';export{e as tet_bar_graph}
1	+ import{r as t,g as a,h as r,H as o}from"./p-5abb3bea.js";const e=class{constructor(a){t(this,a),this.parentContainer=null,this.data=[],this.minValue=0,this.maxValue=1,this.valueUnit="",this.labelPosition="responsive",this.valuePosition="inside",this.dataOrder="none",this.withGrid=!1,this.animationDuration=500,this.size="auto",this.theme="light",this.displayData=[],this.componentSize="large",this.labelWidth=0}barContainerRef;barLabelContainerRef;get element(){return a(this)}onSizeChange(t){"auto"!==t&&(this.componentSize=t)}onDataOrderChange(){this.animateDisplayDataChanges()}onDataChange(){this.animateDisplayDataChanges(),setTimeout(this.sortGraph)}onMinValueChange(){this.animateDisplayDataChanges()}onMaxValueChange(){this.animateDisplayDataChanges()}onWindowResize(){this.autoSetComponentSize();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateValuePosition(a,0)}componentWillLoad(){null===this.parentContainer&&(this.parentContainer=this.element),"auto"!==this.size&&(this.componentSize=this.size),this.element.style.setProperty("--bar-graph-animation-duration",this.animationDuration/1e3+"s"),this.calculateDisplayData()}componentDidLoad(){this.autoSetComponentSize(),this.animateDisplayDataChanges()}calculateDisplayData=(t=!1,a=this.data)=>{const r=[],o=this.maxValue-this.minValue,e=Math.max(...a.map((t=>t.value.toString().split(".")[1]?.length\|\|0)));for(const t of a){let a=t.value;a<this.minValue&&(a=this.minValue),a>this.maxValue&&(a=this.maxValue);const i=(a-this.minValue)/o100\|\|1;r.push({...t,width:i,formattedValue:this.formatValue(t.value,e),order:-1})}"ascending"===this.dataOrder?r.sort(((t,a)=>t.value-a.value)):"descending"===this.dataOrder&&r.sort(((t,a)=>a.value-t.value));for(let t=0;t<r.length;t++)r[t].order=t;if(!t)return void(this.displayData=r);const i=Array.from(this.barContainerRef.children);for(const t of r){const a=this.displayData.find((a=>a.id===t.id));void 0===a?this.displayData.push(t):Object.assign(a,t);const r=i.find((a=>t.id===a.getAttribute("data-id")));void 0!==r&&r.setAttribute("data-order",t.order.toString())}const n=r.map((t=>t.id));this.displayData=this.displayData.filter((t=>n.includes(t.id)))};animateDisplayDataChanges=()=>{this.setElementOffsets(),this.calculateDisplayData(!0),this.sortGraph();const t=Array.from(this.barContainerRef.children);for(const a of t)this.animateElementTranslate(a),this.animateValuePosition(a)};animateElementTranslate=t=>{const a=`translateY(${parseFloat(t.getAttribute("data-offset"))-t.getBoundingClientRect().top}px)`;t.style.transform=a;const r=t.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==r&&(r.onfinish=()=>{t.style.transform=null});const o=this.barLabelContainerRef.querySelector(`[data-id="${t.getAttribute("data-id")}"]`);if(null!==o){o.style.transform=a;const t=o.animate({transform:"translateY(0)"},{duration:this.animationDuration});void 0!==t&&(t.onfinish=()=>{o.style.transform=null})}};animateValuePosition=(t,a=this.animationDuration)=>{const r=this.displayData.find((a=>a.id===t.getAttribute("data-id"))),o=t.querySelector(".bar-graph__bar-value--after"),e=t.getBoundingClientRect().width,i=o.getBoundingClientRect().width,n=e-e(r.width/100),s=o.style.left\|\|"0";let l="0";if(i>n){const t=-1(i-n);l=0===t?"0":`${t}px`}if(s!==l){const t=o.animate([{left:s},{left:l}],{duration:a});void 0!==t&&(t.onfinish=()=>{o.style.left=l})}};setElementOffsets=()=>{if(void 0===this.barContainerRef)return;const t=Array.from(this.barContainerRef.children);for(const a of t)a.setAttribute("data-offset",a.getBoundingClientRect().top.toString())};formatValue=(t,a)=>{let r=t.toFixed(a).replace(".",",");return this.valueUnit&&(r=`${r} ${this.valueUnit}`),r};autoSetComponentSize=()=>{if("auto"!==this.size)return;let t;t=this.parentContainer.hasOwnProperty("innerWidth")?this.parentContainer.innerWidth:this.parentContainer.getBoundingClientRect().width,this.componentSize=t>=1024?"large":"small"};sortGraph=()=>{const t=Array.from(this.barContainerRef.children);t.sort(((t,a)=>parseInt(t.getAttribute("data-order"),10)-parseInt(a.getAttribute("data-order"),10)));for(const a of t)a.style.order=a.getAttribute("data-order")};renderLabel=(t,a)=>r("div",{class:{"bar-graph__label":!0,"bar-graph__label--inline":a,[`bar-graph__label--${t.type}`]:!0},"data-id":t.id,style:{order:a?t.order.toString():null}},t.label);renderBar=t=>r("div",{class:"bar-graph__item","data-id":t.id,"data-order":t.order,style:{zIndex:"primary"===t.type?"1":"0"}},r("div",{class:{hidden:"responsive"!==this.labelPosition\|\|"small"!==this.componentSize}},this.renderLabel(t,!1)),r("div",{class:"bar-graph__bar-container",style:{width:`${t.width}%`}},r("div",{class:{"bar-graph__bar":!0,[`bar-graph__bar--${t.type}`]:!0}},r("span",{class:{"bar-graph__bar-value":!0,hidden:"inside"!==this.valuePosition}},t.formattedValue))),r("div",{class:"bar-graph__bar-value-container",style:{left:`${t.width}%`}},r("span",{class:{"bar-graph__bar-value":!0,"bar-graph__bar-value--after":!0,hidden:"after"!==this.valuePosition}},t.formattedValue)));renderGridLines(){const t="small"===this.componentSize?6:12,a=[];for(let o=0;o<t;o++)a.push(r("div",{class:"bar-graph__data-grid--line"}));return a}render(){return r(o,{key:"8e352d9a7c2c50afcd083f44713b5f1a9c0642da"},r("div",{key:"dd925f77864b71daca09beb04176104fd57b86c7",class:{"bar-graph":!0,[`bar-graph--${this.componentSize}`]:!0,[this.theme]:!0}},r("div",{key:"27cff8b7171565b2f061ee37ec36c03373c73b3b",class:"bar-graph__container"},r("div",{key:"b788378a6035159fa72a08416e7e932921cbdd91",class:{"bar-graph__label-container":!0,hidden:"responsive"===this.labelPosition&&"small"===this.componentSize},ref:t=>this.barLabelContainerRef=t},this.displayData.map((t=>this.renderLabel(t,!0)))),r("div",{key:"4db66d0189e5eca8a24950a7d401251185751f39",class:"bar-graph__graph-container"},r("div",{key:"272628e531a5a32afa36a095c9e9e9763e91c76b",class:{"bar-graph__data-grid":!0,hidden:!this.withGrid}},this.renderGridLines()),r("div",{key:"ba3f78aecebd757318784f8817563c6222d99567",class:"bar-graph__item-container",ref:t=>this.barContainerRef=t},this.displayData.map((t=>this.renderBar(t))))))))}static get watchers(){return{size:["onSizeChange"],dataOrder:["onDataOrderChange"],data:["onDataChange"],minValue:["onMinValueChange"],maxValue:["onMaxValueChange"]}}};e.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{display:block;--bar-graph-bar-border-radius:0.5rem;--bar-graph-bar-height:2rem;--bar-graph-bar-primary-color:var(--tc-alert-accent-warning);--bar-graph-bar-secondary-color:var(--tc-background-tertiary);--bar-graph-label-primary-color:var(--tc-text-primary);--bar-graph-label-primary-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-primary-line-height:1.5rem;--bar-graph-label-secondary-color:var(--tc-text-tertiary);--bar-graph-label-secondary-font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--bar-graph-label-secondary-line-height:1.5rem;--bar-graph-value-color:var(--tc-text-primary);--bar-graph-value-font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--bar-graph-data-grid-line-width:0.0625rem;--bar-graph-data-grid-line-color:var(--tc-border-quaternary);--bar-graph-animation-duration:0.5s}.dark{--bar-graph-bar-primary-color:var(--tc-alert-accent-warning-dark);--bar-graph-bar-secondary-color:var(--tc-background-tertiary-dark);--bar-graph-label-primary-color:var(--tc-text-primary-dark);--bar-graph-label-secondary-color:var(--tc-text-tertiary-dark);--bar-graph-value-color:var(--tc-text-primary-dark);--bar-graph-data-grid-line-color:var(--tc-border-quaternary-dark)}.bar-graph__container{display:flex;flex-direction:row}.bar-graph__label-container{padding:0.5rem 0;display:flex;flex-direction:column;gap:0.5rem}.bar-graph__label-container .bar-graph__label{color:var(--bar-graph-label-secondary-color)}.bar-graph__graph-container{padding:0.5rem 0;display:flex;flex-direction:column;flex:1;gap:0.5rem;transform-origin:0% 0%;width:100%;position:relative}.bar-graph__item-container{display:contents}.bar-graph__item{display:flex;flex-direction:column}.bar-graph__bar-container{position:relative;flex:1;flex-direction:row;display:flex;transition:width var(--bar-graph-animation-duration);width:100%}.bar-graph--large .bar-graph__bar-container{width:auto}.bar-graph__label{padding-right:0.5rem;box-sizing:border-box}.bar-graph__label--primary{font:var(--bar-graph-label-primary-font);color:var(--bar-graph-label-primary-color);line-height:var(--bar-graph-label-primary-line-height)}.bar-graph__label--secondary{font:var(--bar-graph-label-secondary-font);color:var(--bar-graph-label-secondary-color);line-height:var(--bar-graph-label-secondary-line-height)}.bar-graph__label--inline{display:flex;align-items:center;justify-content:right;text-align:right;padding-left:0.5rem;height:var(--bar-graph-bar-height)}.bar-graph__bar{display:flex;border-radius:var(--bar-graph-bar-border-radius);height:var(--bar-graph-bar-height);align-items:center;box-sizing:border-box;flex:1;min-width:0.5rem}.bar-graph__bar--primary{background-color:var(--bar-graph-bar-primary-color)}.bar-graph__bar--primary .bar-graph__bar-value{color:var(--tc-text-primary)}.bar-graph__bar--secondary{background-color:var(--bar-graph-bar-secondary-color)}.bar-graph__bar-value{font:var(--bar-graph-value-font);color:var(--bar-graph-value-color);padding-left:1rem;box-sizing:border-box;white-space:nowrap;position:absolute}.bar-graph__bar-value--after{position:absolute;padding:0 0.5rem;display:flex;text-align:right;align-items:center;height:var(--bar-graph-bar-height)}.bar-graph__bar-value-container{position:absolute;transition:left var(--bar-graph-animation-duration)}.bar-graph__data-grid{position:absolute;display:flex;justify-content:space-between;height:100%;width:100%;padding:0 0.5rem;box-sizing:border-box;pointer-events:none}.bar-graph__data-grid--line{display:flex;border-right-style:solid;border-right-width:var(--bar-graph-data-grid-line-width);border-right-color:var(--bar-graph-data-grid-line-color)}.bar-graph .hidden{display:none}';export{e as tet_bar_graph}

package/dist/tet-components/p-805b7ea4.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as e,h as t,H as n}from"./p-5abb3bea.js";const i=class{constructor(t){e(this,t),this.stepperData=[]}renderStep=(e,t)=>[this.renderStepData(e),this.renderStepLine(e,t)];renderStepData=e=>{let n;const i=t("div",{class:{"stepper-step-description":!0}},t("div",{innerHTML:e?.description}));switch(e?.type){case"icon":{const i="close"===e?.icon?"close":"check";n=t("div",{class:"stepper-step-content-icon"},t("tet-icon",{class:{icon:!0,[`icon-${i}`]:!0},name:"close"===i?"tc-close-circle":"tc-check-circle","aria-hidden":"true"}));break}case"data":n=t("div",{class:{"stepper-step-content-data":!0}},t("div",{innerHTML:e?.data}))}return t("li",{class:{"stepper-step":!0,data:"data"===e?.type,icon:"icon"===e?.type}},t("div",{class:"stepper-step-content"},n),e.description?i:null)};renderStepLine=(e,n)=>this.stepperData.length-1>n?t("li",{class:{"stepper-line":!0,active:e.active,"post-icon":"icon"===e.type,"post-data":"data"===e.type,"pre-icon":"icon"===this.stepperData[n+1]?.type,"pre-data":"data"===this.stepperData[n+1]?.type}}):null;render(){return t(n,{key:"775b18931a850d02656fa9252d29493817640bff"},t("ol",{key:"eed178adbe345da0d7ebb1c1a0f535108df3841f",class:"stepper"},this.stepperData.map(this.renderStep)))}};i.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--step-active-line-color:rgb(0, 96, 245);--step-active-line-size:0.1875rem;--step-active-line-style:solid;--step-data-bg-color:rgb(255, 255, 255);--step-data-border-radius:0.375rem;--step-data-border-size:0.125rem;--step-data-text-color:var(--color-ta500);--step-data-strong-text-color:var(--color-ta500);--step-data-text-size:0.875rem;--step-description-text-color:var(--color-ta500);--step-description-strong-text-color:var(--color-ta500);--step-description-text-size:0.875rem;--step-horizontal-line-width:3.125rem;--step-icon-size:1.25rem;--step-line-margin-x:1rem;--step-line-margin-y:1rem;--step-min-height:4.375rem;--step-non-active-line-color:var(--color-ta100);--step-non-active-line-size:0.1875rem;--step-non-active-line-style:dashed;--step-vertical-line-height:2rem;--step-width:10.625rem;display:flex;justify-content:center;align-items:center}.stepper{display:flex;padding:0;margin:0;font-family:var(--text-font)}@media screen and (max-width: 63.9375rem){.stepper{flex-direction:column;flex-wrap:wrap}}@media screen and (min-width: 64rem){.stepper{flex-direction:row;flex-wrap:nowrap;margin:calc(var(--step-min-height) / 2) 0 0}}.stepper-step{position:relative;display:flex;flex-direction:column}@media screen and (max-width: 35.9375rem){.stepper-step{max-width:12.4375rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step{flex-direction:row}}@media screen and (min-width: 64rem){.stepper-step{width:var(--step-width)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content{min-width:12.75rem}}@media screen and (min-width: 64rem){.stepper-step-content{width:var(--step-width);height:var(--step-min-height)}}.stepper-step-content-icon{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 35.9375rem){.stepper-step-content-icon{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-icon{width:12.75rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-height:var(--step-min-height)}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-icon{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-icon{min-height:var(--step-min-height);transform:translateY(-35%)}}.stepper-step-content-icon .icon{--icon-size:var(--step-icon-size)}.stepper-step-content-icon .icon-check{--icon-color:var(--step-active-line-color)}.stepper-step-content-icon .icon-close{--icon-color:var(--step-non-active-line-color)}.stepper-step-content-data{display:flex;flex-shrink:0;justify-content:center;align-items:center;min-height:var(--step-min-height);padding:0.375rem;background:var(--step-data-bg-color);border:var(--step-data-border-size) solid var(--step-active-line-color);border-radius:var(--step-data-border-radius);color:var(--step-data-text-color);text-align:center;font-size:var(--step-data-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-content-data{width:100%}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-step-content-data{width:12.75rem}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.stepper-step-content-data{min-width:var(--step-width)}}@media screen and (min-width: 64rem){.stepper-step-content-data{transform:translateY(-35%)}}.stepper-step-content-data strong{color:var(--step-data-strong-text-color)}.stepper-step-description{color:var(--step-description-text-color);text-align:center;font-size:var(--step-description-text-size);line-height:1.25rem;letter-spacing:0.0125rem}@media screen and (max-width: 35.9375rem){.stepper-step-description{margin-top:0.5rem}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-step-description{display:flex;flex:100%;justify-content:flex-start;align-items:center;max-width:calc(var(--step-width) * 1.45);margin-left:1rem;text-align:left}}.stepper-step-description strong{color:var(--step-description-strong-text-color)}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data+.stepper-step.data{margin-top:calc(var(--step-line-margin-y) / 2)}}.stepper-line{display:block;border-color:var(--step-non-active-line-color);border-style:var(--step-non-active-line-style);border-width:0}@media screen and (max-width: 35.9375rem){.stepper-line{min-height:var(--step-vertical-line-height);margin-left:calc(50% - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line{min-height:calc(var(--step-vertical-line-height));margin-left:calc(6.375rem - var(--step-non-active-line-size) / 2);border-left-width:var(--step-non-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line{margin-top:calc(var(--step-icon-size) / 2 - var(--step-active-line-size) / 2);border-top-width:var(--step-non-active-line-size)}}.stepper-line.active{border-color:var(--step-active-line-color);border-style:var(--step-active-line-style)}@media screen and (max-width: 63.9375rem){.stepper-line.active{border-left-width:var(--step-active-line-size)}}@media screen and (min-width: 64rem){.stepper-line.active{border-top-width:var(--step-active-line-size)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon{margin-top:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.post-icon{margin-left:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.post-data{margin-top:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-data{margin-top:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.post-data{min-width:calc(var(--step-horizontal-line-width) * 2);margin-left:var(--step-line-margin-x)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-icon{margin-bottom:calc(var(--step-line-margin-y) * -0.7)}}@media screen and (min-width: 64rem){.stepper-line.pre-icon{margin-right:calc((var(--step-width) / 2 - var(--step-icon-size) / 2 - var(--step-line-margin-x)) * -1)}}@media screen and (max-width: 35.9375rem){.stepper-line.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.pre-data{margin-bottom:var(--step-line-margin-y)}}@media screen and (min-width: 64rem){.stepper-line.pre-data{margin-right:var(--step-line-margin-x)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-icon{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-icon{min-width:calc(var(--step-horizontal-line-width) * 2)}}@media screen and (min-width: 36rem) and (max-width: 47.9375rem){.stepper-line.post-icon.pre-data{margin-bottom:calc(var(--step-line-margin-y) / 2)}}@media screen and (min-width: 36rem) and (max-width: 63.9375rem){.stepper-line.post-icon.pre-data{min-height:calc(var(--step-vertical-line-height))}}@media screen and (min-width: 64rem){.stepper-line.post-icon.pre-data{min-width:calc(var(--step-horizontal-line-width) * 2)}}';export{i as tet_stepper}

package/dist/tet-components/p-8334effd.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{E as t,r as o,c as i,f as e,h as a,H as n}from"./p-5abb3bea.js";import{T as r,a as s}from"./p-660bdc27.js";import{e as c}from"./p-fa674b43.js";import{A as l}from"./p-1ff7148a.js";import{p as m,t as f}from"./p-850594d3.js";import"./p-2dbe670c.js";import"./p-9a2b6ee2.js";const d={testing:{baseUrl:"https://tst-pieteikties.tet.lv"},staging:{baseUrl:"https://uat-pieteikties.tet.lv"},production:{baseUrl:"https://pieteikties.tet.lv"}}[t.environment]??{},h={testing:{baseUrl:"https://mans-pretest.tet.lv/mytet"},staging:{baseUrl:"https://mans-accept.tet.lv/mytet"},production:{baseUrl:"https://mans.tet.lv/mytet"}}[t.environment]??{},g=class{constructor(t){o(this,t),this.selectedMacdOrderType=i(this,"selectedMacdOrderType",7),this.openCommunication=i(this,"openCommunication",7),this.errorLoading=i(this,"errorLoading",7),this.communicationDialogResponse=i(this,"communicationDialogResponse",7),this.language="lv",this.theme=r.LIGHT,this.showErrorNotification=!1,this.showLoader=!0,this.loaderHeight="17.8125rem",this.accessToken=void 0,this.eventsOnly=!1,this.hideUnavailable=!1,this.assetId=void 0,this.accountNumber=void 0,this.macdOrderTypes=[],this.ignoredMacdOrderTypes=[],this.suspendFn=void 0,this.changeOfPlanFn=void 0,this.promotionChangeFn=void 0,this.ceaseFn=void 0,this.modifyFn=void 0}modalDialogEl;modalTitle;modalContent;communicationRedirectUrl;currentMacdOrderTypes=[];onLanguageChange(t){m("macd",t).then((()=>e(this)))}async setAccessToken(t){t?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}setMacdOrderTypes(t){Array.isArray(t)&&t.length>0&&(this.currentMacdOrderTypes=[...t])}selectedMacdOrderType;openCommunication;errorLoading;communicationDialogResponse;async componentWillLoad(){await m("macd",this.language),this.hasMacdOrderTypes(this.macdOrderTypes)&&(this.currentMacdOrderTypes=[...this.macdOrderTypes],this.showLoader=!1)}async componentDidLoad(){this.accessToken?.length>0&&(this.showLoader=!0,await this.loadMacdOrderTypes())}hasMacdOrderTypes(t){const o=t??this.currentMacdOrderTypes;return Array.isArray(o)&&o.length>0}async loadMacdOrderTypes(){try{this.showErrorNotification=!1;const t=await(t=>{let o;try{o=new URL(c.macdOrderTypes).href}catch(t){return console.error(t),Promise.reject("Macd Order Type endpoint URL generation failed.")}return(new l).setUrl(o).setOptions({method:"POST",headers:{Authorization:t,Accept:"application/json","Content-Type":"application/json"}}).execute()})(this.accessToken);t.assetId&&(this.assetId=t.assetId),t.accountNumber&&(this.accountNumber=t.accountNumber),Array.isArray(t.macdOrderTypes)&&(this.currentMacdOrderTypes=[...t.macdOrderTypes])}catch(t){this.errorLoading.emit(t.message),this.showErrorNotification=!0}this.showLoader=!1}getVisibleMacdOrderTypes(){let t=this.currentMacdOrderTypes.filter((({code:t})=>!this.ignoredMacdOrderTypes.includes(t)));return this.hideUnavailable&&(t=t.filter((({availability:t})=>t.status))),t}onMacdOrderTypeClick(t){if(!t.availability.status)return;let o,i;if(t.availability.redirectUrl)o=t.availability.redirectUrl;else{const i=new URLSearchParams({lang:this.language,assetId:this.assetId,macdOrderType:t.code});o=new URL("?"+i.toString(),d.baseUrl).href,["suspend","modify"].includes(t.code)&&(o=new URL(`/mytet/services/v2/change/${t.code}/${this.assetId}`,h.baseUrl).href)}switch(this.selectedMacdOrderType.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber,redirectUrl:o}),t.code){case"suspend":i=this.suspendFn;break;case"change-of-plan":i=this.changeOfPlanFn;break;case"promotion-change":i=this.promotionChangeFn;break;case"cease":i=this.ceaseFn;break;case"modify":i=this.modifyFn}i?i(o):this.eventsOnly||window.location.assign(o)}onCommunicationCTAClick(t){this.modalTitle=t.availability.reason[0].title,this.modalContent=t.availability.reason[0].description,this.communicationRedirectUrl=new URL(`/mytet/communication/ask-question/?topic=${t.availability.contactFormSubjectCode}`,h.baseUrl).href,e(this),this.modalDialogEl.open(),this.openCommunication.emit({macdOrderType:t,assetId:this.assetId,accountNumber:this.accountNumber})}renderMacdOrderTypesList(){return this.hasMacdOrderTypes.bind(this)&&a("ul",{class:"macd-list"},this.getVisibleMacdOrderTypes().map(this.renderMacdOrderTypeListItem.bind(this)))}renderMacdOrderTypeListItem(t){const o={"macd-list-item-icon-wrapper":!0,multiple:!t.availability.status};return a("li",{class:"macd-list-item",onClick:()=>t.availability.status?this.onMacdOrderTypeClick(t):this.onCommunicationCTAClick(t)},a("span",{class:"macd-list-item-name"},f(t.name)),a("div",{class:o},t.availability.status?null:this.renderCommunicationCTA(),this.renderActionButton()))}renderActionButton(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon action",name:this.theme===r.DARK?"tc-arrow-right":"tc-chevron-right"})}renderCommunicationCTA(){return a("tet-icon",{class:"macd-list-item-icon-wrapper-icon cta",name:"tc-attention"})}renderLoader(){return a("tet-placeholder",{class:"placeholder",height:this.loaderHeight})}renderDialog(){const t=(this.modalTitle&&this.modalTitle.length>0&&f(this.modalTitle))??void 0,o=(this.modalContent&&this.modalContent.length>0&&f(this.modalContent))??void 0,i=()=>{const t=(this.communicationRedirectUrl&&this.communicationRedirectUrl.length>0&&f(this.communicationRedirectUrl))??void 0;this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"redirect-to-communication",communicationRedirectUrl:this.communicationRedirectUrl}),this.eventsOnly||window.location.assign(t)},e=()=>{this.modalDialogEl.close(),this.communicationDialogResponse.emit({choice:"cancel"})};return a("tet-dialog",{headerTitle:t,footerDisplay:"right",onCloseDialog:()=>e(),ref:t=>this.modalDialogEl=t,theme:this.theme},a("div",{innerHTML:o}),a("tet-button",{slot:"footer",size:"medium",type:"secondary",onClick:()=>e(),theme:this.theme},f("macd-cancel")),a("tet-button",{slot:"footer",size:"medium",onClick:()=>i(),theme:this.theme},f("macd-to-communication")))}renderErrorNotification(){const t="light"===this.theme?"classic":"dark";return a("tet-notification",{class:"macd-error-notification",content:f("macd-error-loading"),type:"warning",icon:"attention",theme:t})}render(){const t=this.showErrorNotification?this.renderErrorNotification():this.renderMacdOrderTypesList(),o=this.showLoader?this.renderLoader():t;return a(n,{key:"afb0c4567cf1a7dbeb205e01895821872878fe52"},a("div",{key:"42c83ebd653c3285bc82413bbb6cb1b3c49a9ff6",class:"wrapper"},a(s,{key:"914ee5d3b6c254a5fa24dac801ac9305a18cb874",theme:this.theme},o,this.renderDialog())))}static get watchers(){return{language:["onLanguageChange"],accessToken:["setAccessToken"],macdOrderTypes:["setMacdOrderTypes"]}}};g.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--macd-list-font-family:var(--text-font);--macd-list-radius:1rem;--macd-list-padding:0;--macd-list-margin:0;--macd-list-background:rgb(255, 255, 255);--macd-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-list-item-background:rgb(255, 255, 255);--macd-list-item-padding:1rem 1.5rem;--macd-list-item-border:.0625rem solid rgb(215, 219, 224);--macd-list-item-name-text-color:rgb(10, 11, 13);--macd-list-item-icon-color:var(--color-grey-50);--macd-list-item-icon-size:1.5rem;--macd-list-item-icon-spacing:.5rem;--macd-list-communication-icon-color:rgb(255, 182, 26);--macd-notification-warning-background-color:rgb(252, 244, 227);--macd-notification-warning-icon-color:rgb(255, 182, 26);--macd-notification-warning-border-left-color:rgb(251, 231, 187);--macd-notification-title-color:rgb(67, 75, 86);--macd-dark-list-background:rgb(10, 11, 13);--macd-dark-list-box-shadow:0 0 .0625rem rgba(10, 11, 13, .08), 0 .0625rem .1875rem rgba(10, 11, 13, .12);--macd-dark-list-communication-icon-color:rgb(255, 182, 26);--macd-dark-list-font-family:var(--text-font);--macd-dark-list-item-background:rgb(10, 11, 13);--macd-dark-list-item-border:.03125rem solid rgb(67, 75, 86);--macd-dark-list-item-icon-color:rgb(31, 208, 214);--macd-dark-list-item-icon-size:1.5rem;--macd-dark-list-item-icon-spacing:.5rem;--macd-dark-list-item-name-text-color:rgb(255, 255, 255);--macd-dark-list-item-padding:1rem 0;--macd-dark-list-margin:0;--macd-dark-list-padding:0 1rem;--macd-dark-list-radius:.5rem;--macd-dark-notification-title-color:rgb(215, 219, 224);--macd-dark-notification-warning-background-color:rgb(35, 40, 46);--macd-dark-notification-warning-border-left-color:rgba(255, 190, 51, 0.3);--macd-dark-notification-warning-icon-color:rgb(255, 182, 26);--macd-placeholder-primary-background-color:#01050C;--macd-placeholder-secondary-background-color:#12171E;display:block;width:100%;max-width:39.5rem}.wrapper{width:100%}.wrapper .placeholder{--placeholder-animation-speed:10s}.wrapper .theme-dark{--macd-list-background:var(--macd-dark-list-background);--macd-list-box-shadow:var(--macd-dark-list-box-shadow);--macd-list-communication-icon-color:var(--macd-dark-list-communication-icon-color);--macd-list-font-family:var(--macd-dark-list-font-family);--macd-list-item-background:var(--macd-dark-list-item-background);--macd-list-item-border:var(--macd-dark-list-item-border);--macd-list-item-icon-color:var(--macd-dark-list-item-icon-color);--macd-list-item-icon-size:var(--macd-dark-list-item-icon-size);--macd-list-item-icon-spacing:var(--macd-dark-list-item-icon-spacing);--macd-list-item-name-text-color:var(--macd-dark-list-item-name-text-color);--macd-list-item-padding:var(--macd-dark-list-item-padding);--macd-list-margin:var(--macd-dark-list-margin);--macd-list-padding:var(--macd-dark-list-padding);--macd-list-radius:var(--macd-dark-list-radius);--macd-notification-title-color:var(--macd-dark-notification-title-color);--macd-notification-warning-background-color:var(--macd-dark-notification-warning-background-color);--macd-notification-warning-border-left-color:var(--macd-dark-notification-warning-border-left-color);--macd-notification-warning-icon-color:var(--macd-dark-notification-warning-icon-color)}.wrapper .theme-dark .placeholder{--placeholder-primary-background-color:var(--macd-placeholder-primary-background-color);--placeholder-secondary-background-color:var(--macd-placeholder-secondary-background-color)}.macd-error-notification{--notification-warning-background-color:var(--macd-notification-warning-background-color);--notification-warning-icon-color:var(--macd-notification-warning-icon-color);--notification-warning-border-left-color:var(--macd-notification-warning-border-left-color);--notification-title-color:var(--macd-notification-title-color)}.macd-list{padding:var(--macd-list-padding);margin:var(--macd-list-margin);box-shadow:var(--macd-list-box-shadow);background:var(--macd-list-background);border-radius:var(--macd-list-radius)}.macd-list-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:3.5625rem;padding:var(--macd-list-item-padding);cursor:pointer;font-style:normal}.macd-list-item+.macd-list-item{border-top:var(--macd-list-item-border)}.macd-list-item-name{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--macd-list-item-name-text-color);font-family:var(--macd-list-font-family);line-height:1.5rem;letter-spacing:-0.01125rem}.macd-list-item-icon-wrapper.multiple{min-width:calc(var(--macd-list-item-icon-size) * 2 + var(--macd-list-item-icon-spacing))}.macd-list-item-icon-wrapper-icon{--icon-size:var(--macd-list-item-icon-size)}.macd-list-item-icon-wrapper-icon.cta{--icon-color:var(--macd-list-communication-icon-color)}.macd-list-item-icon-wrapper-icon.cta+.action{margin-left:var(--macd-list-item-icon-spacing)}.macd-list-item-icon-wrapper-icon.action{--icon-color:var(--macd-list-item-icon-color)}';export{g as tet_macd_view}

package/dist/tet-components/{p-bc169fff.entry.js → p-84dca941.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,g as n,h as e}from"./p-~~83f43fdd~~.js";const a=class{constructor(n){t(this,n),this.state=void 0,this.toggleElement=null,this.initialState="closed"}get element(){return n(this)}connectedCallback(){if("string"==typeof this.toggleElement){const t=this.element.getRootNode();this.toggleElement=t.querySelector(this.toggleElement)}this.toggleElement?.removeEventListener("click",this.handleToggleElementClick),this.toggleElement?.addEventListener("click",this.handleToggleElementClick),this.state=this.initialState}disconnectedCallback(){"string"!=typeof this.toggleElement&&this.toggleElement?.removeEventListener("click",this.handleToggleElementClick)}async open(){this.state="open"}async close(){this.state="closed"}async toggle(){this.toggleState()}async getState(){return this.state}handleToggleElementClick=()=>{this.toggleState()};toggleState=()=>{this.state="open"===this.state?"closed":"open"};render(){return e("div",{key:"~~572c1140d9d0372fad3f6dbb8fb2602c8fcf7fbf~~",class:{"tet-expansion-panel":!0,open:"open"===this.state}},e("div",{key:"~~bfca11010c18c6753980a7af2cc9e934fc6b717c~~",class:"tet-expansion-panel-content"},e("slot",{key:"~~d0564890e594b87c99785455f08cf3a5a33e81c7~~"})))}};a.style=":host{--padding:1rem;--animation-duration:.15s;--content-background-color:transparent}.tet-expansion-panel{display:grid;grid-template-rows:0fr;transition:all var(--animation-duration)}.tet-expansion-panel-content{overflow:hidden;background:var(--content-background-color);transition:all var(--animation-duration)}.tet-expansion-panel.open{grid-template-rows:1fr}.tet-expansion-panel.open .tet-expansion-panel-content{padding:var(--padding)}";export{a as tet_expansion_panel}
1	+ import{r as t,g as e,h as n}from"./p-5abb3bea.js";const a=class{constructor(e){t(this,e),this.state=void 0,this.toggleElement=null,this.initialState="closed"}get element(){return e(this)}connectedCallback(){if("string"==typeof this.toggleElement){const t=this.element.getRootNode();this.toggleElement=t.querySelector(this.toggleElement)}this.toggleElement?.removeEventListener("click",this.handleToggleElementClick),this.toggleElement?.addEventListener("click",this.handleToggleElementClick),this.state=this.initialState}disconnectedCallback(){"string"!=typeof this.toggleElement&&this.toggleElement?.removeEventListener("click",this.handleToggleElementClick)}async open(){this.state="open"}async close(){this.state="closed"}async toggle(){this.toggleState()}async getState(){return this.state}handleToggleElementClick=()=>{this.toggleState()};toggleState=()=>{this.state="open"===this.state?"closed":"open"};render(){return n("div",{key:"5a5c08417d0cf1e8f68cc3eb965151daa57d3b1b",class:{"tet-expansion-panel":!0,open:"open"===this.state}},n("div",{key:"7368f0eb6825c72887a8d4c9fa86a706cf0a1feb",class:"tet-expansion-panel-content"},n("slot",{key:"55fefef6f536ea9f2e27a282cf1a43a43b4748b6"})))}};a.style=":host{--padding:1rem;--animation-duration:.15s;--content-background-color:transparent}.tet-expansion-panel{display:grid;grid-template-rows:0fr;transition:all var(--animation-duration)}.tet-expansion-panel-content{overflow:hidden;background:var(--content-background-color);transition:all var(--animation-duration)}.tet-expansion-panel.open{grid-template-rows:1fr}.tet-expansion-panel.open .tet-expansion-panel-content{padding:var(--padding)}";export{a as tet_expansion_panel}

package/dist/tet-components/{p-2358a695.js → p-850594d3.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{i as t}from"./p-9a2b6ee2.js";import{e as s,A as a}from"./p-~~3e60d61c~~.js";const n=(s,a=(()=>!0))=>Object.keys(s).reduce(((e,r)=>a({key:r,value:s[r]})?{...e,...t(s[r])?n(s[r],a):{[r]:s[r]}}:e),{});class e{static instance;storageKey="translations";supportedLanguages=["lv","ru","en"];translations={};mergedTranslations={};constructor(){this.translations=this.getCachedTranslations()}static getInstance(){return e.instance\|\|(e.instance=new e),e.instance}getTranslations(){return this.mergedTranslations}updateTranslations=async(t,s)=>{try{this.translations=await this.loadTranslations(t,s)}catch{}this.mergedTranslations=await this.mergeTranslations(s)};loadTranslations=async(t,n)=>{if(!t\|\|!n)return Promise.reject(`Missing translation parameters - group (${t}), language (${n}).`);if(!this.supportedLanguages.includes(n))return Promise.reject(`Translations language "${n}" is not supported.`);if(this.translationsExist(t,n))return Promise.reject(`Translations for group (${t}) and language (${n}) already exist.`);const e=this.getCachedTranslations();return e[t]\|\|(e[t]={}),e[t][n]=await((t,n)=>{let e;try{e=new URL(`${n}/${t}`,s.translations).href}catch(t){return console.error(t),Promise.reject("Translations endpoint URL generation failed.")}return(new a).setUrl(e).setOptions({method:"GET"}).setErrorFallbackValue({}).execute()})(t,n),this.cacheTranslations(e),Promise.resolve(e)};mergeTranslations=async t=>Promise.resolve(n(this.translations,(({key:s})=>!this.supportedLanguages.includes(s)\|\|s===t)));translationsExist=(t,s)=>!(0===Object.keys(this.translations[t]?.[s]??{}).length);getCachedTranslations=()=>JSON.parse(sessionStorage.getItem(this.storageKey))??{};cacheTranslations=t=>{sessionStorage.setItem(this.storageKey,JSON.stringify(t))}}const r=e.getInstance(),i=async(t,s)=>{await r.updateTranslations(t,s)},o=(s,a)=>{const n=r.getTranslations();let e=n[s.trim()]??n.lv??s;return t(a)&&(e=c(e,a)),e},c=(t,s)=>{for(const[a,n]of Object.entries(s))t=t.replace(new RegExp(`{${a}}`,"g"),n);return t};export{i as p,o as t}
1	+ import{i as t}from"./p-9a2b6ee2.js";import{e as s,A as a}from"./p-fa674b43.js";const n=(s,a=(()=>!0))=>Object.keys(s).reduce(((e,r)=>a({key:r,value:s[r]})?{...e,...t(s[r])?n(s[r],a):{[r]:s[r]}}:e),{});class e{static instance;storageKey="translations";supportedLanguages=["lv","ru","en"];translations={};mergedTranslations={};constructor(){this.translations=this.getCachedTranslations()}static getInstance(){return e.instance\|\|(e.instance=new e),e.instance}getTranslations(){return this.mergedTranslations}updateTranslations=async(t,s)=>{try{this.translations=await this.loadTranslations(t,s)}catch{}this.mergedTranslations=await this.mergeTranslations(s)};loadTranslations=async(t,n)=>{if(!t\|\|!n)return Promise.reject(`Missing translation parameters - group (${t}), language (${n}).`);if(!this.supportedLanguages.includes(n))return Promise.reject(`Translations language "${n}" is not supported.`);if(this.translationsExist(t,n))return Promise.reject(`Translations for group (${t}) and language (${n}) already exist.`);const e=this.getCachedTranslations();return e[t]\|\|(e[t]={}),e[t][n]=await((t,n)=>{let e;try{e=new URL(`${n}/${t}`,s.translations).href}catch(t){return console.error(t),Promise.reject("Translations endpoint URL generation failed.")}return(new a).setUrl(e).setOptions({method:"GET"}).setErrorFallbackValue({}).execute()})(t,n),this.cacheTranslations(e),Promise.resolve(e)};mergeTranslations=async t=>Promise.resolve(n(this.translations,(({key:s})=>!this.supportedLanguages.includes(s)\|\|s===t)));translationsExist=(t,s)=>!(0===Object.keys(this.translations[t]?.[s]??{}).length);getCachedTranslations=()=>JSON.parse(sessionStorage.getItem(this.storageKey))??{};cacheTranslations=t=>{sessionStorage.setItem(this.storageKey,JSON.stringify(t))}}const r=e.getInstance(),i=async(t,s)=>{await r.updateTranslations(t,s)},o=(s,a)=>{const n=r.getTranslations();let e=n[s.trim()]??n.lv??s;return t(a)&&(e=c(e,a)),e},c=(t,s)=>{for(const[a,n]of Object.entries(s))t=t.replace(new RegExp(`{${a}}`,"g"),n);return t};export{i as p,o as t}

package/dist/tet-components/p-8706bfbd.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as e,f as o,h as n,g as r,H as a}from"./p-5abb3bea.js";import{p as i,t as s}from"./p-850594d3.js";import{R as l}from"./p-e1259b83.js";import{a as c}from"./p-713fff27.js";import{f}from"./p-e1e74d01.js";import{T as d}from"./p-45f4f129.js";import"./p-9a2b6ee2.js";import"./p-fa674b43.js";class m{errorMessage;phoneNumberRegex="^[26][0-9]{7}$";constructor(t){this.errorMessage=t}getErrorMessage(){return this.errorMessage}validate(t){const e=t.trim();return RegExp(this.phoneNumberRegex).test(e)}}class b{errorMessage;emailAddressRegex="^(([a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z0-9]([a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z]{2,}))$";constructor(t){this.errorMessage=t}getErrorMessage(){return this.errorMessage}validate(t){const e=t?.trim();if(!e)return!1;const o=e.lastIndexOf("@");return!(-1!==o&&e.substring(0,o).length>64)&&RegExp(this.emailAddressRegex).test(e)}}class u{errorMessage;companyRegistrationNumberRegex="^\\d{11}$";constructor(t){this.errorMessage=t}getErrorMessage(){return this.errorMessage}validate(t){return!t||RegExp(this.companyRegistrationNumberRegex).test(t)}}class y{errorMessage;nameRegex="^[\\p{L} \\-–—,.]+$";constructor(t){this.errorMessage=t}getErrorMessage(){return this.errorMessage}validate(t){const e=t?.trim();return!!e&&new RegExp(this.nameRegex,"u").test(e)}}const h=class{constructor(o){t(this,o),this.submitCheckOutForm=e(this,"submit-check-out-form",7),this.language="lv",this.theme=void 0}checkOutForm;dialogElement;extraFieldsSlotElement;submitCheckOutForm;onLanguageChange(t){i("tet-components",t).then((()=>o(this)))}async open(){await this.dialogElement.open()}async close(){await this.dialogElement.close()}async componentWillLoad(){await i("tet-components",this.language),o(this)}getValidators(t,e="text"){const o=t.trim().toLowerCase().replace(","," un");let n="";switch(o.charAt(o.length-1)){case"s":n="phone"===e?o.replace("is","i"):o.replace(/[s]\b/g,"u");break;case"e":n=o.replace(/[e]\b/g,"i");break;default:n=o}const r=`${s("components-b2b-check-out-form-validation-error")} ${"lv"===this.language?n:o}`;let a=[new l(r)];switch(e){case"email":return a.push(new b("components-b2b-check-out-form-email-validation-error")),a;case"phone":return a.push(new m("components-validation-incorrect-phone")),a;case"company-reg":return a.push(new u("components-b2b-check-out-form-company-registration-number-validation-error")),a;case"name":return a.push(new y("components-b2b-check-out-form-name-validation-error")),a;default:return a}}renderInput(t,e,o,r="text",a){return n("tet-input",{id:t,class:"modal-form-card__input",theme:this.theme,label:`${e} *`,placeholder:o||e,maxlength:a,..."phone"===r&&{isPhoneNumber:!0},validators:this.getValidators(e,r)})}async validateInputFields(){const t=Array.from(this.checkOutForm.getElementsByTagName("tet-input")),e=Object.values(t).map((async t=>t.validateInput())),o=(await Promise.all(e)).filter((t=>t&&t.length>0)),n=Array.from(this.checkOutForm.getElementsByTagName("tet-checkbox"))[0];return n.setError(!n.checked),0===o.length&&!!n.checked}async handleSubmit(){if(!await this.validateInputFields())return;const t=Array.from(this.checkOutForm.getElementsByTagName("tet-input"));let e={};t.forEach((t=>{const o=t.querySelector("input").value;e={...e,[t.id]:o}})),this.submitCheckOutForm.emit({...e,...this.extraFieldsSubmissionData})}get extraFieldsElements(){return this.extraFieldsSlotElement.assignedElements().flatMap((t=>Array.from(t.querySelectorAll("input[id], tet-input[id]")).filter((t=>t instanceof HTMLInputElement||"value"in t))))}get extraFieldsSubmissionData(){return this.extraFieldsElements.reduce(((t,e)=>(t[e.id]=this.getExtraFieldValue(e),t)),{})}getExtraFieldValue(t){switch(t.tagName.toLowerCase()){case"input":return t.value;case"tet-input":return t.querySelector("input").value;default:return""}}render(){const{theme:t}=this;return n("tet-dialog",{key:"d8925db6b3c1e0e0da9e3890b37c0129cec76db7",class:"modal-form-card",headerTitle:s("components-b2b-check-out-form-header"),theme:t,closeOnOverlayClick:!1,footerDisplay:"right",ref:t=>{this.dialogElement=t}},n("div",{key:"2f065c07e2e9910e41cc29f7acc717d4ad80a8ee",class:{"modal-form-card-content":!0,[`${t}`]:!0}},n("div",{key:"57560346eae810ec41714a3853a8ebee4f2cdb80",class:"modal-form-card-content-header"},n("div",{key:"aac3c75305695a0a6c3a2f36d8b6528d69a6dae7",class:"icon-wrapper"},n("tet-icon",{key:"80ac483feebe54668dc8a6961b684646a62660de",class:"icon",name:"tc-company-1"})),n("span",{key:"d3ed184c5236a2ffbcec9589d7a6884e41e5fb32",class:"modal-form-card-content-header__title"},s("components-b2b-check-out-form-title")),n("span",{key:"d3e2d92d1c65871095884fe90db0357fc761786e",class:"modal-form-card-content-header__description"},s("components-b2b-check-out-form-description"))),n("div",{key:"5f21bc7d371c66f5c02f12b20ae240fe953d5849",class:"modal-form-card-content-accordion-wrapper"},n("slot",{key:"405d195696bfb88a30c858d0b374c7c4e514259f",name:"cart"})),n("form",{key:"560c2e5ae2db613ac766ced977180de03c87e5d1",id:"checkOutForm",class:"modal-form-card-form",ref:t=>this.checkOutForm=t},n("div",{key:"d5c0baae57596bcb2138758ba85f3674979c5ba4",class:"modal-form-card-input__row"},this.renderInput("companyRegNr",s("components-b2b-check-out-form-company-registration-number-input-label"),"40000000001","company-reg","11"),this.renderInput("companyName",s("components-b2b-check-out-form-company-name-input-label"))),this.renderInput("address",s("components-b2b-check-out-form-address-input-label"),s("components-b2b-check-out-form-address-input-placeholder")),this.renderInput("nameSurname",s("components-b2b-check-out-form-name-input-label"),"","name"),n("div",{key:"673dd87fbada13af6c671ae9cff17c08b22c2e45",class:"modal-form-card-input__row"},this.renderInput("email",s("components-b2b-check-out-form-email-input-label"),"contact@company.com","email"),this.renderInput("phoneNr",s("components-b2b-check-out-form-phone-number-input-label"),"22222222","phone","8")),n("tet-checkbox",{key:"1f03f406f1e4f48e42010e2f822a3c2c5ea61842",class:"modal-form-card-content-checkbox",label:s("components-check-out-form-privacy-policy"),theme:t}),n("slot",{key:"017ddf7cf34121b7c8273d80fa949a3d56e555e4",name:"extra-fields",ref:t=>this.extraFieldsSlotElement=t}))),n("div",{key:"4c58534733deeac535485e22c427f7b94f480454",slot:"footer",class:"modal-form-card-footer"},n("tet-button",{key:"378dd6fad86e10ff995ca0651a239633362a9a68",type:"secondary",size:"medium",theme:t,onClick:()=>{this.dialogElement.close()}},s("components-b2b-check-out-form-close-button-label")),n("tet-button",{key:"7dfab35ffe04e92b77438d914a89730caca4f1fa",type:"primary",size:"medium",theme:t,onClick:()=>this.handleSubmit()},s("components-b2b-check-out-form-submit-button-label"))))}static get watchers(){return{language:["onLanguageChange"]}}};h.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{display:flex;align-items:center}.modal-form-card{border-radius:1rem;height:fit-content;box-shadow:var(--b2b-check-out-form-border-shadow);display:flex;flex-direction:column;border:none;--dialog-header-padding:1rem 1.125rem 0.5rem 1.5rem;--dialog-body-padding:0.5rem 1.5rem 2rem;--dialog-width:53rem;--dialog-title-font-size:1.5rem}@media screen and (max-width: 46.25rem){.modal-form-card{--dialog-body-padding:0.5rem 1rem 1.5rem}}.modal-form-card-content{display:flex;flex-direction:column;height:fit-content}.modal-form-card-content.light{--b2b-check-out-form-text-color:var(--tc-text-primary);--b2b-check-out-form-input-border-color:var(--tc-border-secondary);--b2b-check-out-form-accordion-border-color:var(--tc-border-quaternary);--b2b-check-out-form-border-shadow:var(--tc-elevation-six);--b2b-check-out-form-footer-border-color:var(--tc-border-quaternary);--b2b-check-out-form-accordion-background-color:var(--tc-layer-secondary);--b2b-check-out-form-icon-background-color:var(--tc-layer-inverse-primary);--b2b-check-out-form-icon-color:var(--tc-layer-primary)}.modal-form-card-content.dark{--b2b-check-out-form-text-color:var(--tc-text-primary-dark);--b2b-check-out-form-input-border-color:var(--tc-border-secondary-dark);--b2b-check-out-form-accordion-border-color:var(--tc-border-quaternary-dark);--b2b-check-out-form-border-shadow:var(--tc-elevation-six-dark);--b2b-check-out-form-footer-border-color:var(--tc-border-quaternary-dark);--b2b-check-out-form-accordion-background-color:var(--tc-layer-secondary-dark);--b2b-check-out-form-icon-background-color:var(--tc-layer-inverse-primary-dark);--b2b-check-out-form-icon-color:var(--tc-layer-primary-dark)}.modal-form-card-content-header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:1.5rem}.modal-form-card-content-header__title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";padding-top:1rem}.modal-form-card-content-header__description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.modal-form-card-content-accordion-wrapper{border:1px solid var(--b2b-check-out-form-accordion-border-color);border-radius:1rem}.modal-form-card-content-checkbox{--tet-link-color:var(--b2b-check-out-form-text-color)}.modal-form-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;border-top:1px solid var(--b2b-check-out-form-footer-border-color)}@media screen and (max-width: 46.25rem){.modal-form-card-footer{justify-content:space-between;gap:0;width:100%}}.modal-form-card-form{display:flex;flex-direction:column;gap:1.5rem;padding-top:2rem}@media screen and (max-width: 46.25rem){.modal-form-card-form{gap:1rem;padding-top:1.5rem}}.modal-form-card-input__row{display:flex;flex-direction:row;gap:1.5rem;width:100%}@media screen and (max-width: 46.25rem){.modal-form-card-input__row{gap:1rem;flex-direction:column}}.modal-form-card__input{width:100%;--input-border-radius:0.625rem;--input-border-color:var(--b2b-check-out-form-input-border-color);--accordion-background-color:var(--b2b-check-out-form-input-border-color)}.modal-form-card .cart-header{display:flex;flex-direction:row;justify-content:space-between}.modal-form-card .icon-wrapper{display:flex;border-radius:50%;background-color:var(--b2b-check-out-form-icon-background-color)}.modal-form-card .icon{--icon-color:var(--b2b-check-out-form-icon-color)}';const p=class{constructor(o){t(this,o),this.countChange=e(this,"countChange",7),this.selectedChange=e(this,"selectedChange",7),this.localCount=0,this.localIsSelected=!1,this.isTablet=!1,this.theme="light",this.options=void 0,this.count=void 0,this.isSelected=!1}resizeObserver;priceSuffix="€/mēn.";get hostElement(){return r(this)}get added(){return null!=this.count}syncCount(t){"number"!=typeof t?this.initCount():this.localCount!==t&&(this.localCount=t)}syncSelected(t){this.localIsSelected!==t&&(this.localIsSelected=t)}countChange;selectedChange;async componentWillLoad(){this.initCount(),await i("tet-components","lv")}componentDidLoad(){this.resizeObserver=new ResizeObserver((t=>{for(let e of t)this.isTablet=e.contentRect.width>422})),this.resizeObserver.observe(this.hostElement)}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.hostElement),this.resizeObserver.disconnect())}initCount=()=>{this.localCount=this.count??this.options.counterOptions?.defaultValue??1};updateCountAndEmit=t=>{"number"==typeof t&&(this.localCount=t),this.countChange.emit({cardId:this.options.id,count:t})};handleSelect=t=>{t.target.closest("a")||this.localIsSelected||(this.localIsSelected=!0,this.selectedChange.emit(!0))};handleCounterValueChange=({detail:t})=>{this.added?this.updateCountAndEmit(t):this.localCount=t};handleAdd=t=>{t.stopPropagation(),this.updateCountAndEmit(this.localCount)};handleRemove=t=>{t.stopPropagation(),this.updateCountAndEmit(null)};renderHeaderPriceBlock(t,e,o){const r=t<o;return n("div",{class:{offer__price:!0,"offer__price--is-tablet":this.isTablet}},n("div",null,f(t,{currency:""}),n("span",{class:{"offer__price-suffix":!0,"offer__price-suffix--is-tablet":this.isTablet}}," ",e)),r&&n("div",{class:"offer__price--original"},f(o,{currency:""})," ",e))}render(){const{localIsSelected:t,localCount:e,options:o,priceSuffix:r}=this,{title:i,subtitle:l,isBestChoice:d,price:m,discountPrice:b,benefits:u,contract:y}=o,h=b??m,p=f(e*h,{currency:""}),w=f(e*m,{currency:""}),g=`details-${o.id}`,v=`title-${o.id}`;return n(a,{key:"a134f854b14195783bc5a6f36b4e39f7a4d8b731"},n("div",{key:"9685691b4ba13464cb1e024ea10368883cb48a2e",class:{card__wrapper:d}},d&&n("div",{key:"9d4c244d5475bfca375e85c60c51963236c8474f",class:{card__badge:!0,"card__badge--is-tablet":this.isTablet}},s("components-b2b-configurator-best-choice")),n("div",{key:"70f709bc59324addb04d957297fc792cb9d76c0c",class:{card:!0,[`${this.theme}`]:!0,"card--selected":!!this.count||t},onClick:this.handleSelect,onKeyDown:c,tabindex:0,role:"button","aria-expanded":t,...t?{"aria-controls":g}:{},"aria-labelledby":v},n("section",{key:"5e6890a1dda89ef9ea96251591b803bad1797bb7",class:{offer:!0,"offer--is-tablet":this.isTablet}},n("div",{key:"e81a1d97c400956e4bfa1e7b7255e954ac4b8546",class:{offer__header:!0,"offer__header--is-tablet":this.isTablet}},n("div",{key:"49080f432d2031fe135c2c447798093b4b1437c4"},n("h3",{key:"894e55fcbc7dd6ded955bb64d4e8479c1b9d8970",id:v,class:{offer__title:!0,"offer__title--is-tablet":this.isTablet}},i),!this.isTablet&&this.renderHeaderPriceBlock(h,r,m),n("p",{key:"0f8ecd9356141a2931ca8dc714a559f8dd2ca716",class:{offer__subtitle:!0,"offer__subtitle--is-tablet":this.isTablet}},l)),this.isTablet&&this.renderHeaderPriceBlock(h,r,m)),n("hr",{key:"7b03360df284a43381592dcfb93254f6143e4e84",class:"divider divider--slim"}),n("tet-text-list",{key:"ace971c0ecf369599eb767ac6adae005d957f5a1",class:"offer__benefits",withIcon:!0,listIcon:"tc-check",theme:this.theme},u.map((t=>n("span",null,t)))),y&&n("div",{key:"b24e5f83cdd78591ae192d2a107cd844d86c4210",class:"offer__contract-link"},n("a",{key:"ce4ce59d34fb010c87f00952e6bb01dc9f0d1381",class:{"tet-link":!0,[`${this.theme}`]:!0},href:y,target:"_blank",rel:"noopener noreferrer"},s("components-b2b-configurator-contract-link-label"),n("span",{key:"6f348ea73af60c5da0920b2933ec2e3984ec7d7a",class:"sr-only"},s("components-a11y-open-link-in-new-window"))))),t&&[n("hr",{key:"6276a025520ae95159a58dfbaa9f8731bc9fdb91",class:"divider"}),n("section",{key:"db071d2f2b0c403c3e0438cbbc870ab0a0484cc5",id:g,role:"region","aria-labelledby":v,class:{details:!0,"details--is-tablet":this.isTablet}},n("div",{key:"7c7bc9546bb5e7fa02f0a2e5898b5a925d1eb79e",class:{"details__price-block":!0,"details__price-block--is-tablet":this.isTablet}},n("span",{key:"bb5c46552a73aea973781e26e88e83acb9db127b"},s("components-b2b-configurator-monthly-payment")),n("div",{key:"276a451351e2a5851ccdcf1c36a68e0a2902f68b",class:"details__total","aria-live":"polite"},n("div",{key:"d1834801ef332ae04cbd88a37a1dc384060497c9",class:"details__total--current"},p," ",r),null!=b&&b<m&&n("div",{key:"4f2a92726fd0fba55d8a938fe1d3a84f49cb1f49",class:"details__total--original"},w," ",r))),n("hr",{key:"79d29d539c12faa30051c9183fd0744f38eb3e80",class:"divider"}),n("div",{key:"1d92d4205b542a25a2ce5476880075c56acd0319",class:{details__actions:!0,"details__actions--is-tablet":this.isTablet}},n("div",{key:"34d2da54b08fb9998fdcb4b2b4fd58b25ae2f89d",class:"details__quantity-control"},o.counterOptions&&[n("span",{key:"7e5923d473d1d9b1e9ae52a17ebfc810aa70abc3",id:`qty-label-${o.id}`,class:"details__quantity-label"},s(o.counterOptions.label)),n("tet-stepper-input",{key:"a7abf5c7120c7574f8f744df69c80eae874dadd3",class:{"details__quantity-counter":!0,"details__quantity-counter--is-tablet":this.isTablet},onInputValueChanged:this.handleCounterValueChange,value:e,min:o.counterOptions.minValue,max:o.counterOptions.maxValue,step:1,theme:this.theme,accessibilityLabel:s(o.counterOptions.label),"aria-labelledby":`qty-label-${o.id}`})]),n("tet-button",{key:"368681cc7bf029d23206a92b7ab559d721b15bc2",onClick:this.added?this.handleRemove:this.handleAdd,size:"medium",type:this.added?"secondary":"primary",theme:this.theme,iconName:this.added?"tc-trash":"tc-cart-outline",iconPosition:"left"},s(this.added?"components-b2b-configurator-remove-from-basket":"components-b2b-configurator-add-to-basket"))))])))}static get watchers(){return{count:["syncCount"],isSelected:["syncSelected"]}}};p.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)}: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}@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{display:block;--b2b-card-background-color:var(--tc-layer-primary);--b2b-card-text-color:var(--tc-text-primary);--b2b-card-details-background-color:var(--tc-layer-secondary);--b2b-card-details-old-price-text-color:var(--tc-text-secondary);--b2b-card-original-price-color:var(--tc-text-tertiary);--b2b-card-border-color:var(--tc-border-quaternary);--b2b-card-border-hover-color:var(--tc-border-secondary);--b2b-card-border-slim-color:var(--tc-border-tertiary);--b2b-card-selected-border-color:var(--tc-border-primary);--b2b-card-box-shadow:var(--tc-elevation-one);--b2b-card-selected-box-shadow:var(--tc-elevation-two);--b2b-card-badge-color:var(--tc-yellow-40)}.dark{--b2b-card-background-color:var(--tc-layer-primary-dark);--b2b-card-text-color:var(--tc-text-primary-dark);--b2b-card-details-background-color:var(--tc-layer-secondary-dark);--b2b-card-details-old-price-text-color:var(--tc-text-secondary-dark);--b2b-card-original-price-color:var(--tc-text-tertiary-dark);--b2b-card-border-color:var(--tc-border-quaternary-dark);--b2b-card-border-hover-color:var(--tc-border-secondary-dark);--b2b-card-border-slim-color:var(--tc-border-tertiary-dark);--b2b-card-selected-border-color:var(--tc-border-primary-dark);--b2b-card-box-shadow:var(--tc-elevation-one-dark);--b2b-card-selected-box-shadow:var(--tc-elevation-two-dark);--b2b-card-badge-color:var(--tc-yellow-40-dark)}.divider{border-top:0;border-bottom:0.0625rem solid var(--b2b-card-border-color)}.divider--slim{border-bottom:0.03125rem solid var(--b2b-card-border-slim-color)}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.card{box-sizing:border-box;overflow:hidden;color:var(--b2b-card-text-color);background-color:var(--b2b-card-background-color);border:0.0625rem solid var(--b2b-card-border-color);border-radius:1rem;box-shadow:var(--b2b-card-box-shadow)}.card:not(.card--selected):hover{border-color:var(--b2b-card-border-hover-color)}.card:not(.card--selected):hover:not(:focus-visible){outline:0.0625rem solid var(--b2b-card-border-hover-color);outline-offset:-0.125rem}.card__wrapper{position:relative;margin-top:0.5rem}.card__badge{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);color:var(--b2b-card-text-color);background-color:var(--b2b-card-badge-color);padding:0.375rem 1.25rem;box-shadow:var(--b2b-card-selected-box-shadow);border-radius:6.25rem;width:fit-content;font:600 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";white-space:nowrap}.card__badge--is-tablet{left:1.5rem;transform:translateY(-50%) translateX(0)}.card:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.card.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}.card--selected{border-width:0.125rem;border-color:var(--b2b-card-selected-border-color);box-shadow:var(--b2b-card-selected-box-shadow)}.offer{padding:1rem;cursor:pointer}.offer--is-tablet{padding:1.5rem}.offer__header{display:flex;flex-direction:column;justify-content:space-between;column-gap:1rem;margin-bottom:0.75rem}.offer__header--is-tablet{flex-direction:row;gap:1rem}.offer__title{font:500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";margin-bottom:0.25rem}.offer__title--is-tablet{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin-bottom:0}.offer__price{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";white-space:nowrap;display:flex;align-items:center;column-gap:0.5rem}.offer__price--original{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--b2b-card-original-price-color);text-decoration-line:line-through;white-space:nowrap}.offer__price--is-tablet{font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";flex-direction:column;align-items:flex-end}.offer__price-suffix{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.offer__price-suffix--is-tablet{font:600 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.offer__subtitle{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.offer__subtitle--is-tablet{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.offer__benefits{display:block;margin-top:0.75rem;--text-list-gap:0.25rem;--text-list-padding-left:1rem;--text-list-icon-size:1rem;--text-list-icon-line-height:1.25rem}.offer__benefits::part(list-element){font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.offer__contract-link{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";margin-top:0.5rem}.details{background-color:var(--b2b-card-details-background-color);padding:1rem}.details--is-tablet{padding:1rem 1.5rem 1.5rem 1.5rem}.details__price-block{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";display:flex;justify-content:space-between;margin:0.75rem 0}.details__price-block--is-tablet{margin-bottom:1rem}.details__total{display:flex;flex-direction:column;align-items:flex-end}.details__total--current{white-space:nowrap}.details__total--original{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--b2b-card-details-old-price-text-color);text-decoration-line:line-through;white-space:nowrap}.details__actions{margin-top:0.75rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.details__actions--is-tablet{margin-top:1rem;flex-direction:row;align-items:flex-end}.details__quantity-control{display:flex;flex-direction:column;gap:0.25rem}.details__quantity-label{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";text-align:center}.details__quantity-counter{--stepper-input-control-background-color:var(--tc-background-primary);display:block;margin-bottom:1rem}.details__quantity-counter--is-tablet{margin-bottom:0}';const w=class{constructor(e){t(this,e),this.theme="light",this.data=void 0,this.isCartEmpty=!0,this.context="edit",this.isDesktopResolution=!0,this.isAccordionOpen=this.isDesktopResolution&&"edit"===this.context,this.isPrimaryBlockOpen=this.isDesktopResolution,this.isSecondaryBlockOpen=this.isDesktopResolution,this.primarySlotFilled=!1,this.secondarySlotFilled=!1}get hostElement(){return r(this)}priceSuffix="€/mēn.";cartEl;accordionEl;primaryBlockEl;secondaryBlockEl;cartObserver;openAccordionOnResolutionChange(t){t&&this.accordionEl&&"edit"===this.context&&this.accordionEl.open(),this.addStickyClassConditionally()}checkStickyClassOnCartEmptyChange(){this.addStickyClassConditionally()}async componentWillLoad(){await i("tet-components","lv")}async componentDidLoad(){this.cartObserver=new IntersectionObserver(this.addStickyClassConditionally,{rootMargin:"0px 0px 0px 0px",root:document,threshold:1}),this.cartObserver.observe(this.hostElement)}disconnectedCallback(){this.cartObserver&&this.cartObserver.disconnect()}async changeBlockState(t,e){"primary"===t&&this.primaryBlockEl?"open"==e?this.primaryBlockEl.open():this.primaryBlockEl.close():"secondary"===t&&this.secondaryBlockEl&&("open"==e?this.secondaryBlockEl.open():this.secondaryBlockEl.close())}addStickyClassConditionally=()=>{if("checkout"===this.context)return;const t=this.hostElement.getBoundingClientRect(),{bottom:e,top:o}=t,n=o<window.innerHeight&&o,r=e<window.innerHeight&&e;!n||r||this.isDesktopResolution?this.cartEl.classList.remove("cart--sticky"):this.cartEl.classList.add("cart--sticky")};handleSlotChanged=t=>{const e=t.target;"primary"===e.name?this.primarySlotFilled=0!==e.assignedElements().length:this.secondarySlotFilled=0!==e.assignedElements().length};handleAccordionChanged=t=>{const e=t.target,o=t.detail;e!==this.accordionEl?e!==this.primaryBlockEl?e!==this.secondaryBlockEl||(this.isSecondaryBlockOpen=o):this.isPrimaryBlockOpen=o:this.isAccordionOpen=t.detail};renderEmptyContent=()=>n("div",{class:"empty-cart"},n("tet-icon",{class:"empty-cart__icon",name:"tc-empty",theme:this.theme}),n("div",{class:"empty-cart__title"},s("components-b2b-cart-empty-title")),n("div",{class:"empty-cart__description"},s("components-b2b-cart-empty-description")));renderContent=()=>[{name:s("components-b2b-cart-primary-service-title"),type:"primary"},{name:s("components-b2b-cart-secondary-service-title"),type:"secondary"}].map((t=>{const e="primary"===t.type,o=e?this.isPrimaryBlockOpen:this.isSecondaryBlockOpen,r=e?this.primarySlotFilled:this.secondarySlotFilled,a=e?this.data.primaryAmount:this.data.secondaryAmount,i=e?this.data.primaryCount:this.data.secondaryCount,l=s(i%10==1&&11!==i?"components-b2b-cart-service-singular":"components-b2b-cart-service-plural");return n("div",{hidden:!r,class:"block__wrapper"},n("tet-accordion",{ref:e=>{"primary"===t.type?this.primaryBlockEl=e:this.secondaryBlockEl=e},key:t.type,class:"block",isOpen:o,header:t.name,theme:this.theme,transparentBackground:!0},n("div",{slot:"header",class:"block__header"},n("div",{class:"block__header-row"},n("div",null,t.name),n("div",{class:"block__header-amount"},`${a} ${this.priceSuffix}`)),n("div",{class:"block__header-row"},n("div",{class:"block__header-details"},`${i} ${l}`),n("div",{class:"block__header-indicator"},s(o?"components-b2b-cart-accordion-less":"components-b2b-cart-accordion-more"),n("tet-icon",{class:"block__header-icon",name:"tc-chevron-"+(o?"up":"down"),theme:this.theme})))),n("slot",{onSlotchange:this.handleSlotChanged,name:t.type})))}));renderSummary=()=>{const{summarySavings:t,summaryAmount:e,hasPrimaryNotification:o,hasSecondaryNotification:r}=this.data;return n("div",{class:{summary:!0,"summary--closed":!this.isAccordionOpen}},o&&n("tet-notification",{class:"summary__notification",type:"warning",headerTitle:s("components-b2b-cart-primary-notification-title"),content:s("components-b2b-cart-primary-notification-description"),allowClose:!1,theme:this.theme,icon:null}),r&&n("tet-notification",{class:"summary__notification",type:"neutral",headerTitle:s("components-b2b-cart-secondary-notification-title"),content:s("components-b2b-cart-secondary-notification-description"),allowClose:!1,theme:this.theme}),this.isAccordionOpen&&n("div",{class:"summary__savings"},n("div",null,s("components-b2b-cart-savings-title")),n("span",{class:"summary__savings-amount"}," ",`${t} ${this.priceSuffix}`)),n("div",{class:"summary__monthly-payment"},s("components-b2b-cart-monthly-payment-title"),n("div",{class:"summary__monthly-price"},n("div",null,`${e} ${this.priceSuffix}`),n("span",{class:"summary__monthly-price-disclosure"}," ",s("components-b2b-cart-monthly-payment-disclosure")," "))),n("slot",{name:"cta"}))};render(){const t=s("components-b2b-cart-title"),e="checkout"===this.context,o=!this.isCartEmpty&&("edit"===this.context||e&&this.isAccordionOpen);return n(a,{key:"5a3fbc4cc2a8de173702015706a3ed02cc11ea48"},n("div",{key:"b55d398c42c83f65ebd1cdf90957ddc7b9fdc8de",ref:t=>this.cartEl=t,class:{cart:!0,[`${this.theme}`]:!0,[`${this.context}`]:!0}},n("tet-accordion",{key:"f178f0786fed63f4440cfa65fd6583a26116b9f7",ref:t=>this.accordionEl=t,class:{cart__accordion:!0,[`cart__accordion--${this.context}`]:!0,"cart__accordion--rounded":this.isCartEmpty||e&&!this.isAccordionOpen,"cart__accordion--closed":!this.isAccordionOpen},isOpen:this.isAccordionOpen,onOpenChanged:this.handleAccordionChanged,header:t,theme:this.theme,transparentBackground:!0,indicatorDirection:this.isDesktopResolution||e?"down":"up"},n("div",{key:"e4f4dbda9e6bcb958875a61a4ade346158047c88",class:`cart__title--${this.context}`},t),n("div",{key:"8314534e2aefdf150195b1f3cf4d3a4932fe5836",class:{cart__content:!0,[`cart__content--${this.context}`]:!0}},this.isCartEmpty?this.renderEmptyContent():[this.renderContent()])),o&&this.renderSummary()))}static get watchers(){return{isDesktopResolution:["openAccordionOnResolutionChange"],isCartEmpty:["checkStickyClassOnCartEmptyChange"]}}};w.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block}.light{--b2b-cart-text-color:var(--tc-text-primary);--b2b-cart-text-color-secondary:var(--tc-text-secondary);--b2b-cart-background-color:var(--tc-layer-primary);--b2b-cart-box-shadow:var(--tc-elevation-one);--b2b-cart-border-color:var(--tc-border-quaternary);--b2b-cart-block-color:var(--tc-layer-secondary);--b2b-cart-block-details-color:var(--tc-layer-tertiary);--b2b-cart-summary-accent-color:var(--tc-yellow-20);--elevation-six-layer-1-color:rgba(12, 12, 14, 0.06);--b2b-cart-sticky-box-shadow:0 0 4px 0 rgba(12, 12, 14, 0.04), 0 -10px 15px 0 rgba(12, 12, 14, 0.12)}.light.checkout{--b2b-cart-background-color:var(--tc-layer-secondary);--b2b-cart-block-color:var(--tc-layer-tertiary);--b2b-cart-block-details-color:var(--tc-layer-quaternary);--b2b-cart-box-shadow:none}.dark{--b2b-cart-text-color:var(--tc-text-primary-dark);--b2b-cart-text-color-secondary:var(--tc-text-secondary-dark);--b2b-cart-background-color:var(--tc-layer-primary-dark);--b2b-cart-box-shadow:var(--tc-elevation-one-dark);--b2b-cart-border-color:var(--tc-border-quaternary-dark);--b2b-cart-block-color:var(--tc-layer-secondary-dark);--b2b-cart-block-details-color:var(--tc-layer-tertiary-dark);--b2b-cart-summary-accent-color:var(--tc-grey-20-dark);--elevation-six-layer-1-color:rgba(12, 12, 14, 0.20);--b2b-cart-sticky-box-shadow:0 0 4px 0 rgba(12, 12, 14, 0.2), 0 -10px 15px 0 rgba(12, 12, 14, 0.33)}.dark.checkout{--b2b-cart-background-color:var(--tc-layer-secondary-dark);--b2b-cart-block-color:var(--tc-layer-tertiary-dark);--b2b-cart-block-details-color:var(--tc-layer-quaternary-dark);--b2b-cart-box-shadow:none}.cart{color:var(--b2b-cart-text-color);display:flex;flex:auto;flex-direction:column;height:fit-content;border-radius:1rem;background:var(--b2b-cart-background-color);box-shadow:var(--b2b-cart-box-shadow)}.cart--sticky{--b2b-cart-box-shadow:var(--b2b-cart-sticky-box-shadow);border-radius:1rem 1rem 0 0}.cart__accordion{--accordion-border-radius:1rem 1rem 0 0;--accordion-header-padding:1rem 1.5rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}@media screen and (min-width: 64rem){.cart__accordion{--accordion-header-padding:1.5rem 1.5rem 1rem 1.5rem;--accordion-header-mobile-padding:1.5rem 1.5rem 1rem 1.5rem}}.cart__accordion--closed{--accordion-header-padding:1rem 1rem 0.5rem 1rem;--accordion-header-mobile-padding:1rem 1rem 0.5rem 1rem}@media screen and (min-width: 48rem){.cart__accordion--closed{--accordion-header-padding:1rem 1.5rem 0.5rem 1.5rem;--accordion-header-mobile-padding:1rem 1.5rem 0.5rem 1.5rem}}@media screen and (min-width: 64rem){.cart__accordion--edit{--accordion-header-display:none}}.cart__accordion--checkout{--accordion-header-padding:1rem}@media screen and (min-width: 48rem){.cart__accordion--checkout{--accordion-header-padding:1rem 1.5rem}}@media screen and (min-width: 64rem){.cart__accordion--checkout{--accordion-header-padding:1.5rem}}.cart__accordion--rounded{--accordion-border-radius:1rem}.cart__accordion--empty{--accordion-border-radius:1rem}.cart__title--edit{display:none}@media screen and (min-width: 64rem){.cart__title--edit{display:block;padding:1.5rem 1.5rem 1rem 1.5rem;border-bottom:0.0625rem solid var(--b2b-cart-border-color);align-self:stretch;font:600 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}}.cart__title--checkout{display:none}.cart__content{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-color:var(--b2b-cart-border-color);border-top-style:solid;border-top-width:0.0625rem}@media screen and (min-width: 48rem){.cart__content{padding:1rem 1.5rem}}.cart__content--edit{max-height:40vh;overflow-y:auto}.block{--accordion-border-radius:0.5rem;--accordion-background-color:var(--b2b-cart-block-color);--accordion-header-padding:1rem 1rem 0.75rem 1rem;--accordion-header-mobile-padding:1rem 1rem 0.75rem 1rem;--accordion-header-font:600 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif}.block__wrapper{border-radius:0.5rem;border:0.0625rem solid var(--b2b-cart-border-color);background-color:var(--b2b-cart-block-color)}@media screen and (min-width: 48rem){.block{--accordion-header-padding:1rem;--accordion-header-mobile-padding:1rem;--accordion-header-font:600 1rem/1.5rem Inter, Gilroy, Arial, sans-serif}}.block__header{display:flex;flex-direction:column;flex:auto;gap:0.5rem}.block__header-row{display:flex;justify-content:space-between;gap:0.5rem}.block__header-amount{text-align:end}.block__header-details{font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";background:var(--b2b-cart-block-details-color);padding:0.25rem 0.5rem;border-radius:1.375rem}.block__header-indicator{display:flex;gap:0.25rem;align-items:center;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 48rem){.block__header-indicator{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.block__header-icon{--icon-size:1.25rem;--icon-container-display:flex}.empty-cart{display:flex;flex-direction:column;align-items:center;text-align:center}.empty-cart__icon{margin-bottom:0.5rem;--icon-size:3rem}.empty-cart__title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.empty-cart__description{color:var(--b2b-cart-text-color-secondary);font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.summary{display:flex;flex-direction:column;padding:1rem 1rem 1.5rem;border-color:var(--b2b-cart-border-color);border-top-style:solid;border-top-width:0.0625rem}.cart--sticky .summary{box-shadow:0 -6px 12px 0 var(--elevation-six-layer-1-color)}@media screen and (min-width: 48rem){.summary{padding:1rem 1.5rem 1.5rem}}@media screen and (min-width: 64rem){.summary{box-shadow:0 -6px 12px 0 var(--elevation-six-layer-1-color)}}.summary--closed{border-top-width:0;padding-top:0;box-shadow:none}.summary__notification{margin-bottom:1rem}.summary__savings{padding:0.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;gap:0.5rem;border-radius:0.5rem;background-color:var(--b2b-cart-summary-accent-color);font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.summary__savings-amount{text-align:end}.summary__monthly-payment{margin-bottom:1rem;display:flex;justify-content:space-between;gap:0.5rem;font:500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif"}@media screen and (min-width: 48rem){.summary__monthly-payment{margin-bottom:1.5rem}}@media screen and (min-width: 64rem){.summary__monthly-payment{margin-bottom:1rem;font:500 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}}.summary__monthly-payment:last-child{margin-bottom:0}.summary__monthly-price{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.summary__monthly-price-disclosure{color:var(--b2b-cart-text-color-secondary);font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}';const g=class{constructor(o){t(this,o),this.menuClickEvent=e(this,"menu-click-event",7),this.menuExpandEvent=e(this,"menu-expand-event",7),this.menuItems=void 0,this.theme="light",this.expandable=!1,this.singleOpenMenu=!0,this.emitOnSelectedClick=!1,this.language="lv",this.selectedItemId=void 0,this.mainMenuItemId=void 0,this.positions={scrollLeft:0,mouseX:0},this.expanded=!0,this.openedMenuIds=new Set}navigationContainer;isPointerDown=!1;menuClickEvent;menuExpandEvent;async componentWillLoad(){this.menuItems&&0!==this.menuItems.length&&(this.handleNavInitialState(),await i("tet-components",this.language||"lv"))}async selectMenuItem(t,e){this.selectedItemId!==t&&(this.selectedItemId=t,this.mainMenuItemId=e||t,localStorage.setItem("selectedSublevelId",JSON.stringify(e?t:"")))}onMenuItemClick=async(t,e,o,n)=>{const r=this.selectedItemId===t;await this.selectMenuItem(t,o),r&&!this.emitOnSelectedClick||this.menuClickEvent.emit({id:t,label:e,parentLabel:n})};handleNavInitialState(){this.mainMenuItemId=this.menuItems[0].id,this.selectedItemId=this.menuItems[0].id;const t=this.menuItems.find((t=>t.selected))?.id;if(t)return this.mainMenuItemId=t,void(this.selectedItemId=t);for(const t of this.menuItems){const e=(t.sublevels||[]).find((t=>t.selected));if(e)return this.selectedItemId=e.id,this.mainMenuItemId=t.id,this.openedMenuIds=new Set([t.id]),void localStorage.setItem("selectedSublevelId",JSON.stringify(e.id))}}onContainerMouseDown=t=>{this.isPointerDown=!0,this.navigationContainer&&(this.positions={scrollLeft:this.navigationContainer.scrollLeft,mouseX:t.clientX},this.navigationContainer.addEventListener("mousemove",this.onContainerMouseMove),this.navigationContainer.addEventListener("mouseup",this.onContainerMouseUp),this.navigationContainer.addEventListener("mouseleave",this.onContainerMouseUp))};onContainerMouseMove=t=>{if(t.preventDefault(),this.isPointerDown=1===t.buttons,!this.isPointerDown)return void this.onContainerMouseUp();const e=t.clientX-this.positions.mouseX;this.navigationContainer?.scrollTo(this.positions.scrollLeft-e,0)};onContainerMouseUp=()=>{this.isPointerDown=!1,this.navigationContainer&&(this.navigationContainer.removeEventListener("mousemove",this.onContainerMouseMove),this.navigationContainer.removeEventListener("mouseup",this.onContainerMouseUp),this.navigationContainer.removeEventListener("mouseleave",this.onContainerMouseUp))};toggleMenu=t=>{if(t.preventDefault(),this.expanded)this.selectedItemId=this.mainMenuItemId;else{const t=Number(localStorage.getItem("selectedSublevelId"));this.selectedItemId=t||this.mainMenuItemId}const e=!this.expanded;this.expanded=e;const o=t.currentTarget,n=o?.getAttribute("aria-label")??"";this.menuExpandEvent.emit({expanded:e,clickedLabel:n})};toggleSublevels=async(t,e)=>{await this.onMenuItemClick(t,e);const o=this.openedMenuIds.has(t);if(this.singleOpenMenu)this.openedMenuIds=o?new Set:new Set([t]);else{const e=new Set(this.openedMenuIds);o?e.delete(t):e.add(t),this.openedMenuIds=e}localStorage.setItem("selectedSublevelId",JSON.stringify(""))};renderSublevelItems=(t,e,o)=>{if(!this.openedMenuIds.has(e))return null;const r=t.map((t=>n("button",{class:{"business-navigation-item":!0,sublevel:!0,selected:this.selectedItemId===t.id},key:t.id,onClick:()=>this.onMenuItemClick(t.id,t.name,e,o)},n("span",{class:{"business-navigation-item__title":!0,sublevel:!0}},t.name))));return n("div",{class:"business-navigation-item-sublevel"},r)};renderMenuItem=t=>{const{id:e,icon:o,name:r,sublevels:a}=t,{expanded:i,openedMenuIds:s}=this,l=i&&a&&a.length>0,c=!(!l||!a.some((t=>t.id===this.selectedItemId)));return n("div",{class:"business-navigation-item__wrapper"},n("button",{key:e,class:{"business-navigation-item":!0,selected:this.selectedItemId===e,"active-sublevel":c},onClick:()=>l?this.toggleSublevels(e,r):this.onMenuItemClick(e,r),"aria-label":r},o&&n("tet-icon",{class:"business-navigation-item__icon",name:o}),!this.expandable||i?n("span",{class:"business-navigation-item__title"},r):n("tet-tooltip",{class:"business-navigation-item__tooltip",position:d.RIGHT,theme:this.theme},r),l&&n("tet-icon",{class:{"business-navigation-item__chevron":!0,sublevelOpened:s.has(e)},name:s.has(e)?"tc-chevron-up":"tc-chevron-down"})),l&&this.renderSublevelItems(a,e,r))};renderExpandButton=()=>this.expandable?n("button",{class:"business-navigation-expand-button",onClick:t=>this.toggleMenu(t),"aria-expanded":this.expanded?"true":"false","aria-label":s(this.expanded?"components-business-navigation-expand-button-label":"components-business-navigation-collapsed-expand-button-label")},n("tet-icon",{class:{"business-navigation-expand-button__icon":!0,closed:!this.expanded},name:"tc-minimize"}),this.expanded&&n("span",{class:"business-navigation-item__title"},s("components-business-navigation-expand-button-label"))):null;render(){const{menuItems:t,theme:e,expandable:o}=this;return n("div",{key:"5cb73b841047b73e7ad84276d9ea36f43a28c4fc",class:{"business-navigation":!0,[`${e}`]:!0,expandable:o,closed:!this.expanded},role:"group",onMouseDown:this.onContainerMouseDown,ref:t=>this.navigationContainer=t},this.renderExpandButton(),o&&n("hr",{key:"afa783c813d8c3a81bd77c39acbdd4a0f3d07305",class:"business-navigation-divider"}),t&&t.map(this.renderMenuItem))}};g.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:flex}.business-navigation{display:flex;flex-direction:column;max-width:20.5rem;width:100%;transition:width 2s}@media screen and (max-width: 63.9375rem){.business-navigation:not(.expandable){flex-direction:row;gap:0.5rem;max-width:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:none;user-select:none}}.business-navigation.light{--tet-business-navigation-background-color:var(--tc-layer-primary);--tet-business-navigation-item-background-color:var(--tc-layer-primary);--tet-business-navigation-item-mobile-screen-background-color:var(--tc-layer-secondary);--tet-business-navigation-item-hover-background-color:var(--tc-menu-item-hover);--tet-business-navigation-item-active-background-color:var(--tc-menu-item-pressed);--tet-business-navigation-item-selected-background-color:var(--tc-layer-inverse-primary);--tet-business-navigation-item-selected-item-color:var(--tc-text-inverse-primary);--tet-business-navigation-item-selected-icon-color:var(--tc-layer-primary);--tet-business-navigation-label-color:var(--tc-text-primary);--tet-business-navigation-item-divider-color:var(--tc-border-quaternary);--tet-expandable-business-navigation-border-shadow:var(--tc-elevation-one);--tet-expandable-business-navigation-border-color:var(--tc-border-quaternary);--tet-business-navigation-item-chevron-color:var(--tc-icon-secondary);--tet-business-navigation-item-chevron-pressed-color:var(--tc-grey-60);--tet-business-navigation-parent-has-active-sublevel-background-color:var(--tc-layer-secondary)}.business-navigation.light .business-navigation-item:focus-visible,.business-navigation.light .business-navigation-expand-button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s}.business-navigation.dark{--tet-business-navigation-background-color:var(--tc-layer-primary-dark);--tet-business-navigation-item-background-color:var(--tc-layer-primary-dark);--tet-business-navigation-item-mobile-screen-background-color:var(--tc-layer-secondary-dark);--tet-business-navigation-item-hover-background-color:var(--tc-menu-item-hover-dark);--tet-business-navigation-item-active-background-color:var(--tc-menu-item-pressed-dark);--tet-business-navigation-item-selected-background-color:var(--tc-layer-inverse-primary-dark);--tet-business-navigation-item-selected-item-color:var(--tc-text-inverse-primary-dark);--tet-business-navigation-item-selected-icon-color:var(--tc-layer-primary-dark);--tet-business-navigation-label-color:var(--tc-text-primary-dark);--tet-business-navigation-item-divider-color:var(--tc-border-quaternary-dark);--tet-expandable-business-navigation-border-shadow:var(--tc-elevation-one-dark);--tet-expandable-business-navigation-border-color:var(--tc-border-quaternary-dark);--tet-business-navigation-item-chevron-color:var(--tc-icon-secondary-dark);--tet-business-navigation-item-chevron-pressed-color:var(--tc-grey-60-dark);--tet-business-navigation-parent-has-active-sublevel-background-color:var(--tc-layer-secondary-dark)}.business-navigation.dark .business-navigation-item:focus-visible,.business-navigation.dark .business-navigation-expand-button: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}.business-navigation.expandable{border-radius:1rem;padding:1.5rem;box-shadow:var(--tet-expandable-business-navigation-border-shadow);border:0.0625rem solid var(--tet-expandable-business-navigation-border-color);background-color:var(--tet-business-navigation-background-color);transition:width 2s}.business-navigation.expandable.closed{width:auto;padding:1.5rem 1rem}.business-navigation.expandable.closed .business-navigation-expand-button{justify-content:center}.business-navigation.expandable.closed .business-navigation-item__icon{margin-right:0}.business-navigation-expand-button{display:flex;padding:0.75rem;align-items:flex-start;border-radius:0.5rem;border:none;background-color:transparent;cursor:pointer}.business-navigation-expand-button__icon{margin-right:0.75rem;--icon-size:1.5rem;--icon-color:var(--tet-business-navigation-label-color);transition:transform 0.2s ease}.business-navigation-expand-button__icon.closed{transform:rotate(180deg);margin-right:0}.business-navigation-expand-button:hover{background-color:var(--tet-business-navigation-item-hover-background-color)}.business-navigation-expand-button:active{background-color:var(--tet-business-navigation-item-active-background-color)}.business-navigation-divider{width:100%;margin:0.75rem 0;background-color:var(--tet-business-navigation-item-divider-color);height:0.0625rem;border:0;min-height:0.0625rem}.business-navigation-item{display:flex;flex-direction:row;padding:0.75rem;align-items:flex-start;align-self:stretch;border:none;border-radius:0.5rem;background-color:var(--tet-business-navigation-item-background-color);cursor:pointer}@media screen and (max-width: 63.9375rem){.business-navigation:where(:not(.expandable)) .business-navigation-item{display:inline-flex;padding:0.375rem 0.75rem;min-width:max-content;align-items:center;gap:0.75rem;background-color:var(--tet-business-navigation-item-mobile-screen-background-color)}}.business-navigation-item.active-sublevel{background-color:var(--tet-business-navigation-parent-has-active-sublevel-background-color)}.business-navigation-item:hover{background-color:var(--tet-business-navigation-item-hover-background-color)}.business-navigation-item:hover .business-navigation-item__chevron{--icon-color:var(--tet-business-navigation-label-color)}.business-navigation-item:active{background-color:var(--tet-business-navigation-item-active-background-color)}.business-navigation-item:active .business-navigation-item__chevron{--icon-color:var(--tet-business-navigation-item-chevron-pressed-color)}.business-navigation-item__wrapper{display:flex;flex-direction:column;height:100%}@media screen and (max-width: 63.9375rem){.business-navigation:not(.expandable) .business-navigation-item__wrapper:first-child{margin-left:1.5rem}}@media screen and (max-width: 63.9375rem){.business-navigation:not(.expandable) .business-navigation-item__wrapper:last-child{margin-right:1.5rem}}.business-navigation-item-sublevel{display:flex;flex-direction:column;padding:0.25rem 0;align-items:flex-start;align-self:stretch}.business-navigation-item__icon{margin-right:0.75rem;--icon-size:1.5rem;--icon-color:var(--tet-business-navigation-label-color)}@media screen and (max-width: 63.9375rem){.business-navigation:not(.expandable) .business-navigation-item__icon{--icon-size:1.25rem}}.business-navigation-item__chevron{margin-left:0.5rem;--icon-size:1.25rem;--icon-color:var(--tet-business-navigation-item-chevron-color)}.business-navigation-item__chevron.sublevelOpened{--icon-color:var(--tet-business-navigation-label-color)}.business-navigation-item__title{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";text-align:start;color:var(--tet-business-navigation-label-color);margin-right:auto}.business-navigation-item__title.sublevel{font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.business-navigation-item__tooltip{--tooltip-delay-show:1s;--tooltip-padding:0.75rem 1rem;--tooltip-border-radius:0.5rem}.business-navigation-item.selected{background-color:var(--tet-business-navigation-item-selected-background-color)}.business-navigation-item.selected .business-navigation-item__title{color:var(--tet-business-navigation-item-selected-item-color)}.business-navigation-item.selected .business-navigation-item__icon,.business-navigation-item.selected .business-navigation-item__chevron{--icon-color:var(--tet-business-navigation-item-selected-icon-color)}.business-navigation-item.sublevel{padding:0.5rem 1.5rem;width:100%;border-radius:0.5rem}';const v=class{constructor(o){t(this,o),this.editButtonClick=e(this,"editButtonClick",7),this.deleteButtonClick=e(this,"deleteButtonClick",7),this.amountChange=e(this,"amountChange",7),this.productName=void 0,this.price=void 0,this.productDescription=void 0,this.discountPrice=void 0,this.currency=void 0,this.contractTerm=void 0,this.theme="light",this.withStepper=!1,this.value=void 0,this.minValue=void 0,this.maxValue=void 0,this.stepperLabel=void 0,this.context="edit",this.language="lv"}editButtonClick;deleteButtonClick;amountChange;async componentWillLoad(){await i("tet-components",this.language)}renderLabel=t=>{const{stepperLabel:e,value:o}=this;if(e)return t?n("span",{class:"contract-term"},e,": ",o):n("span",{class:"stepper-label"},e)};renderStepper=()=>{const{withStepper:t,theme:e,value:o,minValue:r,maxValue:a}=this;if(t)return n("div",{class:"stepper-wrapper"},this.renderLabel(!1),n("tet-stepper-input",{class:"business-summary-card__stepper",theme:e,value:o,step:1,min:r,max:a,onInputValueChanged:t=>{this.value=t.detail,this.amountChange.emit(t.detail)}}))};renderIconButton=t=>{const e=e=>{"tc-edit-box"===t?this.editButtonClick.emit(e):this.deleteButtonClick.emit(e)};return n("button",{class:"icon-button",onClick:t=>e(t),onKeyDown:c},n("tet-icon",{class:"tc-edit-box"===t?"edit":"delete",name:t,focusable:!1}))};render(){const{productName:t,price:e,productDescription:o,discountPrice:r,currency:a,contractTerm:i,theme:l}=this,c=i?s("components-term-month-"+(i%10==1&&11!==i?"single":"plural"),{term:i}):s("components-term-month-indefinite");return n("div",{key:"0b98cafde3e297da0994dc9595f33dfdb1e6d800",class:{"business-summary-card":!0,[`theme-${l}`]:!0}},n("div",{key:"ae071a23d63aab39a3c5ce24494511fe0c760b45",class:"business-summary-card-content"},n("div",{key:"9e69abfb1146e5cdbc1af4cc58b9cbc3835abfe7",class:"business-summary-card-content__left"},n("div",{key:"17a8c6e0fc5e9f242cf133c660c37a1b223e8db2",class:"content-wrapper"},n("div",{key:"3664df7375a5fbbe69795c33941951bae9b8b1f0",class:"title"},t),n("div",{key:"20518cdd35527a4ff17c64298dbed575ca4fa5bf",class:"description"},o))),n("div",{key:"858df4b8d5cdc4ba169e37edc8071ac58cae7089",class:"business-summary-card-content__right"},n("div",{key:"777956ce823e537f9ec842c1d49f57340a09846c",class:"content-wrapper"},n("div",{key:"e68124df381f956688dc92e9dbcec799b30ecd63",class:"title title--end"},`${f(r||e,{currency:""})} ${a}`),!!r&&n("div",{key:"1a819e7b196654eb5cc32ed3ada3cca07b335b31",class:{description:!0,price:!!r}},`${f(e,{currency:""})} ${a}`)))),n("div",{key:"a83dc7cdbc8b9dc11da892bbedcc939f4e539495",class:"business-summary-card-content"},n("span",{key:"993a1283eceb50be57e1d6891b4bfce7647c852f",class:"contract-term"},s("components-offers-contract-terms-label"),": ",c),"checkout"===this.context&&this.renderLabel(!0)),"edit"===this.context&&n("div",{key:"a98947f6bdb0c54e1405297472c44013d7d582c5",class:"business-summary-card-content"},n("div",{key:"1687959c0c273dfd23c5f38951a2f5800c5fc24b",class:"business-summary-card-content__left"},this.renderStepper()),n("div",{key:"8e3925f5e4363ce055f176577c2e19f4ea8c4778",class:"business-summary-card-content__right"},n("div",{key:"68e8d55ce94dadd24a3a0bccd1d5487a8f6c23cd",class:"button-wrapper"},this.renderIconButton("tc-edit-box"),this.renderIconButton("tc-trash-can")))))}};v.style='/* Tet design styles */\n:host {\n box-sizing: border-box;\n}\n\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n padding: 0;\n margin: 0;\n}\n\n:host {\n --color-gray-light: #cdd2de;\n --color-ta070: #f5f6f8;\n --color-ta080: #e6e8ee;\n --color-ta100: #cdd2de;\n --color-ta200: #9ba5be;\n --color-ta300: #69789c;\n --color-ta500: #1e356a;\n --color-ta600: #051d59;\n --color-tc090: #d6e6fd;\n --color-tc100: #d1dffe;\n --color-tc300: #75a1fb;\n --color-tc500: #1a70f6;\n --color-tc600: #0060f5;\n --color-td500: #00F1F2;\n --color-td600: #01cbe0;\n --color-tf600: #f53b2a;\n --color-tg300: #2b3036;\n --color-tg400: #1d2128;\n --color-tg500: #12171e;\n --color-tg600: #01050c;\n --color-th500: #f5f5f5;\n --color-ti500: #869198;\n --color-ti600: #aeb7bc;\n --text-font: Gilroy, serif;\n --text-color-darker: var(--color-ta600);\n --text-color-dark: var(--color-ta500);\n --text-color-dark-theme: var(--color-th500);\n --icons-font: Tet Icons, serif;\n}\n\n.icon.tet-search {\n font-family: var(--icons-font);\n font-weight: 400;\n font-style: normal;\n font-size: 1.25rem;\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n speak: none;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n}\n.icon.tet-search::before {\n content: "\\e86e";\n}\n.icon.tet-close-circled {\n font-family: var(--icons-font);\n font-weight: 400;\n font-style: normal;\n font-size: 1.25rem;\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n speak: none;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n}\n.icon.tet-close-circled::before {\n content: "\\e85a";\n}\n.icon.tet-close {\n font-family: var(--icons-font);\n font-weight: 400;\n font-style: normal;\n font-size: 1.25rem;\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n speak: none;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n}\n.icon.tet-close::before {\n content: "\\e85b";\n}\n.icon.tet-check-circled {\n font-family: var(--icons-font);\n font-weight: 400;\n font-style: normal;\n font-size: 1.25rem;\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n speak: none;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n}\n.icon.tet-check-circled::before {\n content: "\\e86c";\n}\n.icon.tet-check {\n font-family: var(--icons-font);\n font-weight: 400;\n font-style: normal;\n font-size: 1.25rem;\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n speak: none;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n}\n.icon.tet-check::before {\n content: "\\e855";\n}\n.icon.tet-chevron-up {\n font-family: var(--icons-font);\n font-weight: 400;\n font-style: normal;\n font-size: 1.25rem;\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n speak: none;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n}\n.icon.tet-chevron-up::before {\n content: "\\e859";\n}\n.icon.tet-chevron-down {\n font-family: var(--icons-font);\n font-weight: 400;\n font-style: normal;\n font-size: 1.25rem;\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n speak: none;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n}\n.icon.tet-chevron-down::before {\n content: "\\e856";\n}\n.icon.tet-clipboard {\n font-family: var(--icons-font);\n font-weight: 400;\n font-style: normal;\n font-size: 1.25rem;\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n speak: none;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n}\n.icon.tet-clipboard::before {\n content: "\\e86a";\n}\n.icon.tet-info {\n font-family: var(--icons-font);\n font-weight: 400;\n font-style: normal;\n font-size: 1.25rem;\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n speak: none;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n}\n.icon.tet-info::before {\n content: "\\e81d";\n}\n.icon.tet-done {\n font-family: var(--icons-font);\n font-weight: 400;\n font-style: normal;\n font-size: 1.25rem;\n display: inline-block;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n speak: none;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n}\n.icon.tet-done::before {\n content: "\\e867";\n}\n\n@font-face {\n font-family: "Gilroy";\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff");\n}\n@font-face {\n font-family: "Gilroy";\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff");\n}\n@font-face {\n font-family: "Gilroy";\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff");\n}\n@font-face {\n font-family: "Gilroy";\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff");\n}\n@font-face {\n font-family: "Inter";\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff");\n}\n@font-face {\n font-family: "Inter";\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff");\n}\n@font-face {\n font-family: "Inter";\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff");\n}\n@font-face {\n font-family: "Gilroy";\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff");\n}\n@font-face {\n font-family: "Gilroy";\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff");\n}\n@font-face {\n font-family: "Gilroy";\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff");\n}\n@font-face {\n font-family: "Gilroy";\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff");\n}\n@font-face {\n font-family: "Inter";\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff");\n}\n@font-face {\n font-family: "Inter";\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff");\n}\n@font-face {\n font-family: "Inter";\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff");\n}\n:host {\n --font-family-fallback: Gilroy, Arial, sans-serif;\n --font-family-headline: Gilroy;\n --font-family-content: Inter, var(--font-family-fallback);\n font-family: var(--font-family-content);\n}\n\n:host {\n --tet-business-summary-card-icon-button-size: 2.75rem;\n display: flex;\n}\n\n.business-summary-card {\n display: flex;\n flex-direction: column;\n padding: 1rem 1rem 0 1rem;\n background-color: var(--tet-business-summary-card-background-color);\n border: 0.03125rem solid var(--tet-business-summary-card-border-color);\n border-radius: 0.375rem;\n width: 100%;\n justify-content: space-between;\n color: var(--tet-business-summary-card-text-color);\n box-shadow: var(--tet-business-summary-card-border-shadow);\n container-type: inline-size;\n}\n.business-summary-card.theme-light {\n --tet-business-summary-card-text-color:var(--tc-text-primary);\n --tet-business-summary-card-contract-text-color: var(--tc-text-secondary);\n --tet-business-summary-card-border-color:var(--tc-border-quaternary);\n --tet-business-summary-card-border-shadow: var(--tc-elevation-one);\n --tet-business-summary-card-icon-button-background: var(--tc-layer-secondary);\n --tet-business-summary-card-hover-icon-button-background: var(--tc-layer-tertiary);\n --tet-business-summary-card-active-icon-button-background: var(--tc-layer-quaternary);\n --tet-business-summary-card-background-color: var(--tc-layer-primary);\n --tet-business-summary-card-icon-color: var(--tc-icon-primary);\n --tet-business-summary-card-hover-delete-icon-color: var(--tc-red-40);\n --tet-business-summary-card-hover-edit-icon-color: var(--tc-blue-40);\n}\n.business-summary-card.theme-light .icon-button:focus-visible {\n outline: 0.125rem solid var(--tc-blue-40);\n outline-offset: 0.125rem;\n transition: outline 0s;\n}\n.business-summary-card.theme-light .delete span.icon-container.light.primary {\n --icon-color: var(--tc-red-40);\n}\n.business-summary-card.theme-dark {\n --tet-business-summary-card-text-color:var(--tc-text-primary-dark);\n --tet-business-summary-card-contract-text-color: var(--tc-text-secondary-dark);\n --tet-business-summary-card-border-color:var(--tc-border-quaternary-dark);\n --tet-business-summary-card-border-shadow: var(--tc-elevation-one-dark);\n --tet-business-summary-card-icon-button-background: var(--tc-layer-secondary-dark);\n --tet-business-summary-card-hover-icon-button-background: var(--tc-layer-tertiary-dark);\n --tet-business-summary-card-active-icon-button-background: var(--tc-layer-quaternary-dark);\n --tet-business-summary-card-background-color: var(--tc-layer-primary-dark);\n --tet-business-summary-card-icon-color: var(--tc-icon-primary-dark);\n --tet-business-summary-card-hover-delete-icon-color: var(--tc-red-40-dark);\n --tet-business-summary-card-hover-edit-icon-color: var(--tc-blue-40-dark);\n}\n.business-summary-card.theme-dark .icon-button:focus-visible {\n outline: 0.125rem solid var(--tc-blue-40);\n outline: 0.125rem solid var(--tc-blue-40-dark);\n outline-offset: 0.125rem;\n transition: outline 0s;\n}\n.business-summary-card-content {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n gap: 1rem;\n padding-bottom: 1rem;\n}\n@container (max-width:18.75rem) {\n .business-summary-card-content:has(.stepper-wrapper) {\n flex-direction: column;\n align-items: center;\n }\n .business-summary-card-content .stepper-wrapper {\n align-items: center;\n }\n}\n@media only screen and (max-width: 22.5rem) {\n .business-summary-card-content {\n flex-direction: column;\n }\n}\n.business-summary-card-content__left {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.business-summary-card-content__right {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n@media only screen and (max-width: 22.5rem) {\n .business-summary-card-content__right {\n align-items: flex-start;\n flex-direction: row;\n justify-content: flex-start;\n }\n}\n.business-summary-card-content__right:has(.button-wrapper) {\n justify-content: flex-end;\n}\n@media only screen and (max-width: 22.5rem) {\n .business-summary-card-content__right:has(.button-wrapper) {\n justify-content: center;\n }\n}\n.business-summary-card-content:has(.content-wrapper) {\n padding-bottom: 0;\n}\n.business-summary-card__stepper {\n --stepper-value-color: var(--tet-business-summary-card-text-color);\n --stepper-input-control-background-color: var(--tet-business-summary-card-background-color);\n}\n\n.stepper-wrapper {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: 0.125rem;\n align-self: stretch;\n}\n\n.stepper-label {\n font: 500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";\n padding: 0 0.25rem 0.25rem 0.25rem;\n}\n@media screen and (min-width: 64rem) {\n .stepper-label {\n display: none;\n }\n}\n\n.content-wrapper {\n display: flex;\n flex-direction: column;\n}\n.content-wrapper .title {\n font: 500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";\n}\n.content-wrapper .title--end {\n text-align: end;\n}\n@media only screen and (max-width: 22.5rem) {\n .content-wrapper .title--end {\n text-align: start;\n }\n}\n.content-wrapper .description {\n font: 400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";\n}\n.content-wrapper .description.price {\n align-self: end;\n text-align: end;\n text-decoration-line: line-through;\n}\n@media only screen and (max-width: 22.5rem) {\n .content-wrapper:has(.description.price) {\n flex-direction: row;\n align-items: center;\n padding-top: 0.25rem;\n gap: 0.5rem;\n }\n}\n\n.contract-term {\n font: 500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";\n color: var(--tet-business-summary-card-contract-text-color);\n}\n\n.button-wrapper {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n gap: 0.5rem;\n}\n@media only screen and (max-width: 22.5rem) {\n .button-wrapper {\n align-self: center;\n }\n}\n\n.icon-button {\n display: flex;\n width: var(--tet-business-summary-card-icon-button-size);\n height: var(--tet-business-summary-card-icon-button-size);\n padding: 0.625rem;\n justify-content: center;\n align-items: center;\n border-radius: 2.5rem;\n border: none;\n background: var(--tet-business-summary-card-icon-button-background);\n cursor: pointer;\n}\n.icon-button .edit, .icon-button .delete {\n --icon-color: var(--tet-business-summary-card-icon-color);\n}\n.icon-button:hover .edit, .icon-button:active .edit {\n --icon-color: var(--tet-business-summary-card-hover-edit-icon-color);\n}\n.icon-button:hover .delete, .icon-button:active .delete {\n --icon-color: var(--tet-business-summary-card-hover-delete-icon-color);\n}\n.icon-button:hover {\n background: var(--tet-business-summary-card-hover-icon-button-background);\n}\n.icon-button:active, .icon-button:focus:not(:focus-visible) {\n background: var(--tet-business-summary-card-active-icon-button-background);\n}';export{h as tet_b2b_check_out_form,p as tet_b2b_compare_card,w as tet_b2b_configurator_cart,g as tet_business_navigation,v as tet_business_summary_card}