npm - @tet/tet-components - Versions diffs - 1.4.87-testing → 1.4.88-production - Mend

@tet/tet-components 1.4.87-testing → 1.4.88-production

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 (657) hide show

package/dist/tet-components/p-60a910a6.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-7c868b40.js";import{p as i,t as s}from"./p-8f9c8b2c.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-59c5d02d.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:"73d17b405beaa329dcdc142ce900e033856a8f90",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:"9cf8933b99b5d0967983ade602edd63c91762e86",class:{"modal-form-card-content":!0,[`${t}`]:!0}},n("div",{key:"e0eac6b7d46724265036a434face62578b78c4de",class:"modal-form-card-content-header"},n("div",{key:"ecb884840ba37f36767a43fbb1ed4203f1183410",class:"icon-wrapper"},n("tet-icon",{key:"e36de21f7b88a0cf789dd3701d43937f80078f14",class:"icon",name:"tc-company-1"})),n("span",{key:"00382689298fed70908d118f63447564e310dfe3",class:"modal-form-card-content-header__title"},s("components-b2b-check-out-form-title")),n("span",{key:"e0256939a5166e9ca549919bea6e25fb9d72bcb6",class:"modal-form-card-content-header__description"},s("components-b2b-check-out-form-description"))),n("div",{key:"6935744129160976ffcecf26a2fa4f1ab85a1b15",class:"modal-form-card-content-accordion-wrapper"},n("slot",{key:"e95a4a8f60832022e8118ec66fd723931cb41b9c",name:"cart"})),n("form",{key:"da295f32025a963b8180fd931a6bbbca4c7abf02",id:"checkOutForm",class:"modal-form-card-form",ref:t=>this.checkOutForm=t},n("div",{key:"96308a157dc2d67eb6ee6414028b6240f53a8958",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:"25d031e98c593e472d6c5acd4b5a5561622319a4",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:"bfa467f71ec091fb4f1808cc0300323cdc7ece72",class:"modal-form-card-content-checkbox",label:s("components-check-out-form-privacy-policy"),theme:t}),n("slot",{key:"bf1696229ff13bf26a7ba7819de5415eb2e8b999",name:"extra-fields",ref:t=>this.extraFieldsSlotElement=t}))),n("div",{key:"af75d291adb00a7e140e58a4c7d39a5ea764b12c",slot:"footer",class:"modal-form-card-footer"},n("tet-button",{key:"54981801046a9532bb5158e77b542e8092d8e640",type:"secondary",size:"medium",theme:t,onClick:()=>{this.dialogElement.close()}},s("components-b2b-check-out-form-close-button-label")),n("tet-button",{key:"031adc46bba159f30ab7c741806c7e12316f91ad",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:"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:"36539b22278ca7ed9ec8cf7ab9880d3b395f1586"},n("div",{key:"1c7744a72118d89d3cbb1aa6df7b36c546362fbb",ref:t=>this.cartEl=t,class:{cart:!0,[`${this.theme}`]:!0,[`${this.context}`]:!0}},n("tet-accordion",{key:"920c380b15cd861daefd952ae3bb31aa1c615475",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:"6609bb6c0a6ecd25056815bcd841da26767ab1dc",class:`cart__title--${this.context}`},t),n("div",{key:"290c7af5dae1ea57f18a639df09e0ae411630aac",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)?"chevron-up":"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:"a0964d6c02ef1c2afc33f76c8577ff62c261d64a",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:"e4ad1043ee967ae380df320a2a0c5c7cc323bef5",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}

package/dist/tet-components/{p-1798329e.entry.js → p-60bf509e.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as o,g as t,h as e,H as r}from"./p-83f43fdd.js";import{c as n,a as i}from"./p-165a8492.js";const a=class{constructor(t){o(this,t),this.stepperData=[],this.forcedColumn=!1,this.hideIcons=!1,this.theme="light",this.columnLayout=!1,this.layout="default"}get host(){return t(this)}componentDidLoad(){"default"===this.layout&&this.calculateContainerWidth()}renderRoundStepper(o){const t={stepIcon:!0,icon:!0,hide:void 0===o.stepIcon};return e("div",{class:{"round-stepper__item":!0,dark:"dark"===this.theme,"column-layout":this.columnLayout,"with-background-gradient":"withBackgroundGradient"===this.layout,[`color-theme-${o.colorTheme}`]:"withBackgroundGradient"===this.layout&&!!o.colorTheme,[`color-tone-${o.colorTone}`]:"withBackgroundGradient"===this.layout&&!!o.colorTone,[`gradient-${o.gradient}`]:"withBackgroundGradient"===this.layout&&!!o.gradient&&"off"!==o.gradient}},e("div",{class:"round-stepper__circle "+("dark"===this.theme?"dark":""),style:{backgroundColor:o.color}},o.icon?e("tet-icon",{class:"icon",name:o.icon}):e("span",null,o.number)),e("span",{class:"round-stepper__description "+("dark"===this.theme?"dark":""),innerHTML:o.description}),e("div",{class:"round-stepper__icon"},e("tet-icon",{class:t,name:o.stepIcon,theme:this.theme})))}calculateContainerWidth(){const o=this.host,t=o.shadowRoot.querySelector(".round-stepper"),e=o.shadowRoot.querySelectorAll(".round-stepper__description");this.forcedColumn?(t.classList.add("column"),t.style.gap="0.5rem",Array.from(e,(o=>{o.style.maxWidth=`${n(224/i())}px`}))):(t.classList.remove("column"),t.style.gap="1rem",Array.from(e,(o=>{o.style.maxWidth=`${n(192/i())}px`})))}onResize(){"default"===this.layout&&this.calculateContainerWidth()}render(){return e(r,{key:"3867c623826b057d45f9952bf1ae251cedcffda0"},e("div",{key:"57d80fdfab4e9cf6a410135d0cb5eb90aa0e134d",class:{"round-stepper":!0,"with-background-gradient":"withBackgroundGradient"===this.layout,column:this.forcedColumn,"one-to-three-items":"withBackgroundGradient"===this.layout&&this.stepperData.length<=3,"six-plus-items":"withBackgroundGradient"===this.layout&&this.stepperData.length>=6,"hide-icons":this.hideIcons}},this.stepperData.map((o=>this.renderRoundStepper(o)))))}};a.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)}@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{--round-stepper-text-color:var(--tc-text-primary);--round-stepper-background-color:var(--tc-layer-tertiary);--step-icon-size:1.5rem;--step-circle-size:2.5rem;--description-hide-icons-font-size:0.875rem;--description-hide-icons-line-height:1.25rem;--round-stepper-align-items:center}:host .dark{--round-stepper-text-color:var(--tc-text-primary-dark);--round-stepper-background-color:var(--tc-layer-tertiary-dark)}.round-stepper{display:flex}.round-stepper.with-background-gradient{gap:1.5rem;width:100%;flex-direction:column}@media all and (min-width: 48rem){.round-stepper.with-background-gradient{flex-direction:row}}@media all and (min-width: 48rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient{padding:1.5rem}}@media all and (min-width: 120rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient{padding:2.5rem}.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient .round-stepper__circle{--step-circle-size:3rem}}.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;line-height:1.75rem}@media all and (min-width: 80rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif;line-height:2rem}}@media all and (min-width: 120rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 2rem/2.25rem Gilroy, Gilroy, Arial, sans-serif;line-height:2.25rem;margin-top:1.5rem}}.round-stepper.with-background-gradient .round-stepper__description{font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;line-height:1.5rem}@media all and (min-width: 48rem) and (max-width: 80rem){.round-stepper.with-background-gradient.six-plus-items{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.round-stepper.with-background-gradient.six-plus-items .round-stepper__item{max-width:none}}.round-stepper.hide-icons .round-stepper__icon .icon{display:none}.round-stepper.column{flex-direction:column}.round-stepper__item{display:flex;align-items:var(--round-stepper-align-items);padding:0.5rem 0 0.5rem 0}.round-stepper__item.column-layout{flex-direction:column;align-items:start;width:100%}.round-stepper__item.column-layout .round-stepper__description{margin-left:0;margin-top:1rem}.round-stepper__item.with-background-gradient{--round-stepper-item-background-color:transparent;--round-stepper-item-background-color-dark:var(--round-stepper-item-background-color);--round-stepper-item-circle-background-color:var(--tc-icon-black-to-yellow);--round-stepper-item-circle-text-color:var(--tc-text-inverse-primary);--round-stepper-item-circle-background-color-dark:var(--tc-icon-black-to-yellow-dark);--round-stepper-item-circle-text-color-dark:var(--tc-text-inverse-primary-dark);max-width:45rem;border-radius:1rem;padding:1.5rem 1rem;background-color:var(--round-stepper-item-background-color)}@media all and (min-width: 48rem){.round-stepper__item.with-background-gradient{max-width:36rem}}@media all and (min-width: 64rem){.round-stepper__item.with-background-gradient{padding:1.5rem}}.round-stepper__item.with-background-gradient.dark{--round-stepper-item-circle-background-color:var(--round-stepper-item-circle-background-color-dark);--round-stepper-item-circle-text-color:var(--round-stepper-item-circle-text-color-dark);background-color:var(--round-stepper-item-background-color-dark)}.round-stepper__item.with-background-gradient .round-stepper__circle{background-color:var(--round-stepper-item-circle-background-color) !important;color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient .round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-gradient-grey-accent);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-dark{--round-stepper-item-background-color:var(--tc-yellow-30);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-light{--round-stepper-item-background-color:var(--tc-yellow-20);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-light{--round-stepper-item-background-color:var(--tc-yellow-10);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-grey-50);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-dark{--round-stepper-item-background-color:var(--tc-grey-40);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-light{--round-stepper-item-background-color:var(--tc-grey-30);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-light{--round-stepper-item-background-color:var(--tc-grey-20);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.gradient-dark-light{background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12))}.round-stepper__item.with-background-gradient.gradient-light-dark{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.12))}.round-stepper__circle{display:flex;align-items:center;justify-content:center;min-width:var(--step-circle-size);height:var(--step-circle-size);border-radius:var(--step-circle-size);font-weight:500;font-size:1.25rem;background-color:var(--round-stepper-background-color);color:var(--round-stepper-text-color)}.round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__circle.dark{background-color:var(--round-stepper-background-color) !important}.round-stepper__circle.dark tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__description,.round-stepper__icon{margin-left:1rem;font-weight:500}.round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem;color:var(--round-stepper-text-color)}.hide-icons .round-stepper__description{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;font-size:var(--description-hide-icons-font-size);line-height:var(--description-hide-icons-line-height)}.column .round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem}.round-stepper__icon .icon.hide{display:none}tet-icon.icon{--icon-size:var(--step-icon-size)}';export{a as tet_round_stepper}
1	+ import{r as o,g as t,h as e,H as r}from"./p-7c868b40.js";import{c as n,a as i}from"./p-165a8492.js";const a=class{constructor(t){o(this,t),this.stepperData=[],this.forcedColumn=!1,this.hideIcons=!1,this.theme="light",this.columnLayout=!1,this.layout="default"}get host(){return t(this)}componentDidLoad(){"default"===this.layout&&this.calculateContainerWidth()}renderRoundStepper(o){const t={stepIcon:!0,icon:!0,hide:void 0===o.stepIcon};return e("div",{class:{"round-stepper__item":!0,dark:"dark"===this.theme,"column-layout":this.columnLayout,"with-background-gradient":"withBackgroundGradient"===this.layout,[`color-theme-${o.colorTheme}`]:"withBackgroundGradient"===this.layout&&!!o.colorTheme,[`color-tone-${o.colorTone}`]:"withBackgroundGradient"===this.layout&&!!o.colorTone,[`gradient-${o.gradient}`]:"withBackgroundGradient"===this.layout&&!!o.gradient&&"off"!==o.gradient}},e("div",{class:"round-stepper__circle "+("dark"===this.theme?"dark":""),style:{backgroundColor:o.color}},o.icon?e("tet-icon",{class:"icon",name:o.icon}):e("span",null,o.number)),e("span",{class:"round-stepper__description "+("dark"===this.theme?"dark":""),innerHTML:o.description}),e("div",{class:"round-stepper__icon"},e("tet-icon",{class:t,name:o.stepIcon,theme:this.theme})))}calculateContainerWidth(){const o=this.host,t=o.shadowRoot.querySelector(".round-stepper"),e=o.shadowRoot.querySelectorAll(".round-stepper__description");this.forcedColumn?(t.classList.add("column"),t.style.gap="0.5rem",Array.from(e,(o=>{o.style.maxWidth=`${n(224/i())}px`}))):(t.classList.remove("column"),t.style.gap="1rem",Array.from(e,(o=>{o.style.maxWidth=`${n(192/i())}px`})))}onResize(){"default"===this.layout&&this.calculateContainerWidth()}render(){return e(r,{key:"0cb44a58dc395c6204dbe47d57384e9928429f2b"},e("div",{key:"d13e38a618b357f777eeb6e2adfba21de596e4ff",class:{"round-stepper":!0,"with-background-gradient":"withBackgroundGradient"===this.layout,column:this.forcedColumn,"one-to-three-items":"withBackgroundGradient"===this.layout&&this.stepperData.length<=3,"six-plus-items":"withBackgroundGradient"===this.layout&&this.stepperData.length>=6,"hide-icons":this.hideIcons}},this.stepperData.map((o=>this.renderRoundStepper(o)))))}};a.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)}@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{--round-stepper-text-color:var(--tc-text-primary);--round-stepper-background-color:var(--tc-layer-tertiary);--step-icon-size:1.5rem;--step-circle-size:2.5rem;--description-hide-icons-font-size:0.875rem;--description-hide-icons-line-height:1.25rem;--round-stepper-align-items:center}:host .dark{--round-stepper-text-color:var(--tc-text-primary-dark);--round-stepper-background-color:var(--tc-layer-tertiary-dark)}.round-stepper{display:flex}.round-stepper.with-background-gradient{gap:1.5rem;width:100%;flex-direction:column}@media all and (min-width: 48rem){.round-stepper.with-background-gradient{flex-direction:row}}@media all and (min-width: 48rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient{padding:1.5rem}}@media all and (min-width: 120rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient{padding:2.5rem}.round-stepper.with-background-gradient.one-to-three-items .round-stepper__item.with-background-gradient .round-stepper__circle{--step-circle-size:3rem}}.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;line-height:1.75rem}@media all and (min-width: 80rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif;line-height:2rem}}@media all and (min-width: 120rem){.round-stepper.with-background-gradient.one-to-three-items .round-stepper__description{font:600 2rem/2.25rem Gilroy, Gilroy, Arial, sans-serif;line-height:2.25rem;margin-top:1.5rem}}.round-stepper.with-background-gradient .round-stepper__description{font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif;line-height:1.5rem}@media all and (min-width: 48rem) and (max-width: 80rem){.round-stepper.with-background-gradient.six-plus-items{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.round-stepper.with-background-gradient.six-plus-items .round-stepper__item{max-width:none}}.round-stepper.hide-icons .round-stepper__icon .icon{display:none}.round-stepper.column{flex-direction:column}.round-stepper__item{display:flex;align-items:var(--round-stepper-align-items);padding:0.5rem 0 0.5rem 0}.round-stepper__item.column-layout{flex-direction:column;align-items:start;width:100%}.round-stepper__item.column-layout .round-stepper__description{margin-left:0;margin-top:1rem}.round-stepper__item.with-background-gradient{--round-stepper-item-background-color:transparent;--round-stepper-item-background-color-dark:var(--round-stepper-item-background-color);--round-stepper-item-circle-background-color:var(--tc-icon-black-to-yellow);--round-stepper-item-circle-text-color:var(--tc-text-inverse-primary);--round-stepper-item-circle-background-color-dark:var(--tc-icon-black-to-yellow-dark);--round-stepper-item-circle-text-color-dark:var(--tc-text-inverse-primary-dark);max-width:45rem;border-radius:1rem;padding:1.5rem 1rem;background-color:var(--round-stepper-item-background-color)}@media all and (min-width: 48rem){.round-stepper__item.with-background-gradient{max-width:36rem}}@media all and (min-width: 64rem){.round-stepper__item.with-background-gradient{padding:1.5rem}}.round-stepper__item.with-background-gradient.dark{--round-stepper-item-circle-background-color:var(--round-stepper-item-circle-background-color-dark);--round-stepper-item-circle-text-color:var(--round-stepper-item-circle-text-color-dark);background-color:var(--round-stepper-item-background-color-dark)}.round-stepper__item.with-background-gradient .round-stepper__circle{background-color:var(--round-stepper-item-circle-background-color) !important;color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient .round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-item-circle-text-color) !important}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-gradient-grey-accent);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-dark{--round-stepper-item-background-color:var(--tc-yellow-30);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-light{--round-stepper-item-background-color:var(--tc-yellow-20);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-yellow.color-tone-very-light{--round-stepper-item-background-color:var(--tc-yellow-10);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-dark{--round-stepper-item-background-color:var(--tc-grey-50);--round-stepper-item-background-color-dark:var(--tc-brown-80-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-dark{--round-stepper-item-background-color:var(--tc-grey-40);--round-stepper-item-background-color-dark:var(--tc-brown-70-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-light{--round-stepper-item-background-color:var(--tc-grey-30);--round-stepper-item-background-color-dark:var(--tc-brown-60-dark)}.round-stepper__item.with-background-gradient.color-theme-gray.color-tone-very-light{--round-stepper-item-background-color:var(--tc-grey-20);--round-stepper-item-background-color-dark:var(--tc-brown-50-dark)}.round-stepper__item.with-background-gradient.gradient-dark-light{background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12))}.round-stepper__item.with-background-gradient.gradient-light-dark{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.12))}.round-stepper__circle{display:flex;align-items:center;justify-content:center;min-width:var(--step-circle-size);height:var(--step-circle-size);border-radius:var(--step-circle-size);font-weight:500;font-size:1.25rem;background-color:var(--round-stepper-background-color);color:var(--round-stepper-text-color)}.round-stepper__circle tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__circle.dark{background-color:var(--round-stepper-background-color) !important}.round-stepper__circle.dark tet-icon.icon{--icon-color:var(--round-stepper-text-color) !important}.round-stepper__description,.round-stepper__icon{margin-left:1rem;font-weight:500}.round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem;color:var(--round-stepper-text-color)}.hide-icons .round-stepper__description{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;font-size:var(--description-hide-icons-font-size);line-height:var(--description-hide-icons-line-height)}.column .round-stepper__description{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;line-height:1.5rem}.round-stepper__icon .icon.hide{display:none}tet-icon.icon{--icon-size:var(--step-icon-size)}';export{a as tet_round_stepper}

package/dist/tet-components/p-6104a549.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,f as e,h as o,H as i}from"./p-7c868b40.js";import{p as n,t as s}from"./p-8f9c8b2c.js";import"./p-9a2b6ee2.js";import"./p-59c5d02d.js";const r=class{constructor(e){t(this,e),this.activeDotIndex=0,this.dotCount=1,this.totalItems=0,this.activeItem=0,this.isDragging=!1,this.dragOffset=0,this.isNudgeAnimating=!1,this.theme="light",this.showDots=!0,this.showGradient=!1,this.showButtons=!0,this.transitionDuration=500,this.swipeThreshold=32,this.transitionTiming="ease-out",this.buttonIconLeft="arrow-left",this.buttonIconRight="arrow-right",this.maxDots=8,this.label=void 0,this.nudgeAnimationInterval=0,this.unifiedButtons=!1,this.language="lv"}static NUDGE_DISTANCE_PX=16;static NUDGE_IDLE_THRESHOLD_MS=1500;static GRADIENT_VISIBILITY_THRESHOLD_PX=1;static GRADIENT_WIDTH_FALLBACK_PX=100;static EDGE_DRAG_MAX_PX=32;static EDGE_DRAG_RESISTANCE=.95;static MOUSE_DRAG_SMOOTHING_MS=60;static MOBILE_BREAKPOINT_PX=450;static UNIFIED_BUTTONS_MOBILE_MAX_DOTS=4;focusableSelector='a[href], [tabindex]:not([tabindex="-1"])';handleResize=()=>{this.getDotCount();const t=this.getSlotElements();if(!t?.length)return;const e=Math.max(0,Math.min(this.activeItem,t.length-1));this.moveToItem(t[e],e),this.checkGradient()};handleSlotChangeListener=()=>this.handleSlotChange();managedFocusableElements=[];managedSlideFocusWithinListeners=[];draggedAnchor=null;dragMoved=!1;dragPointerStartX=0;dragStartX=0;dragStartActiveItem=0;dragPointerType="";nudgeTimeoutId;nudgeGradientRafId;lastInteractionAt=0;trackElement=null;trackContentElement=null;mobileBackButtonWrapper=null;container;leftGradientRef;rightGradientRef;slotObserver;safeForceUpdate(){try{e(this)}catch{}}async onLanguageChange(t){await n("tet-components",t),this.safeForceUpdate()}onActiveItemChange(){this.updateSlideFocusableTabIndexes()}checkGradient(){if(this.showGradient){const t=this.getViewportWidth(),e=this.getSlotClientWidth(),o=Math.max(0,e-t),i=-this.getRealDragOffset(),n=Math.max(0,Math.min(o,i)),s=o-n<r.GRADIENT_VISIBILITY_THRESHOLD_PX;n<r.GRADIENT_VISIBILITY_THRESHOLD_PX?(this.leftGradientRef.style.opacity="0",this.rightGradientRef.style.opacity="1"):s?(this.leftGradientRef.style.opacity="1",this.rightGradientRef.style.opacity="0"):(this.leftGradientRef.style.opacity="1",this.rightGradientRef.style.opacity="1")}else this.leftGradientRef.style.opacity="0",this.rightGradientRef.style.opacity="0"}onNudgeAnimIntervalChange(){this.syncNudgeSchedule()}onNudgeAnimationStateChange(){this.syncNudgeGradientLoop(),this.checkGradient()}async componentWillLoad(){await n("tet-components",this.language)}getSlotElements(){const t=this.container?.querySelector("slot");if(!t)return;let e=t.assignedElements?t.assignedElements():[];return 0!==e.length?(e[0].className.includes("carousel-wrapper")&&(e=Array.from(e[0].children)),e):void 0}getViewportWidth(){return this.container?.offsetWidth||window.innerWidth}getSlotClientWidth(){return this.trackElement?.querySelector("slot")?.offsetWidth||window.innerWidth}getMaxScrollableOffset(){return Math.max(0,this.getSlotClientWidth()-this.getViewportWidth())}afterLayout(t){requestAnimationFrame((()=>requestAnimationFrame(t)))}getDotScreenLength(){return this.getSlotClientWidth()/this.dotCount}isLast(t,e){return this.getSlotClientWidth()-e<=t}isLastViewport(t){const e=this.getViewportWidth();return this.isLast(e,t)}isLastDotScreen(t,e){const o=this.getViewportWidth(),i=Math.max(e,o);return this.isLast(i,t)}getItemLayoutMetrics(){const t=this.getSlotElements();return t&&0!==t.length?t.map(((t,e)=>{const o=t.offsetLeft;return{item:t,index:e,left:o,right:o+t.offsetWidth}})):[]}getFullyVisibleItemCount(){const t=this.getItemLayoutMetrics();if(!t.length)return 0;const e=this.getViewportWidth(),o=this.getClampedViewportLeft(),i=o+e;let n=0;for(const{left:e,right:s}of t)e>=o&&s<=i&&n++;return n}getClampedViewportLeft(){const t=Math.abs(this.dragOffset),e=this.getMaxScrollableOffset();return Math.max(0,Math.min(e,t))}getVisibleItemCountFromIndex(t){const e=this.getItemLayoutMetrics();if(!e.length)return 1;const o=Math.max(0,Math.min(t,e.length-1)),i=this.getViewportWidth(),n=e[o].left+i+.5;let s=0;for(let t=o;t<e.length&&e[t].right<=n;t++)s++;return Math.max(1,s)}getFirstVisibleItemInViewport(){const t=this.getItemLayoutMetrics();if(!t.length)return null;const e=this.getClampedViewportLeft(),o=.5,i=t.find((t=>t.left<=e+o&&t.right>e+o));if(i){if(i.right-e>=(i.right-i.left)/2||i.index===t.length-1)return{item:i.item,index:i.index};const o=t[i.index+1];if(o)return{item:o.item,index:o.index}}if(e<=t[0].left+o)return{item:t[0].item,index:t[0].index};const n=t.find((t=>t.left>e+o));if(n)return{item:n.item,index:n.index};const s=t.at(-1);return{item:s.item,index:s.index}}getEdgeSnapTarget(t){const e=this.getItemLayoutMetrics();if(!e.length)return null;const o=this.getClampedViewportLeft(),i=o+this.getViewportWidth(),n=e[0],s=e.at(-1);if(t<0){const t=Math.min(n.right,i)-Math.max(n.left,o);if(t>0&&t>=(n.right-n.left)/2)return{item:n.item,index:n.index}}if(t>0){const t=Math.min(s.right,i)-Math.max(s.left,o);if(t>0&&t>=(s.right-s.left)/2)return{item:s.item,index:s.index}}return null}getSwipeTarget(t){const e=this.getSlotElements();if(!e||0===e.length)return null;const o=this.getEdgeSnapTarget(t);if(o)return o;const i=this.getFirstVisibleItemInViewport();let n=i?.index??this.dragStartActiveItem;t>0&&n<=this.dragStartActiveItem&&(n=this.dragStartActiveItem+1),t<0&&n>=this.dragStartActiveItem&&(n=this.dragStartActiveItem-1),n=Math.max(0,Math.min(e.length-1,n));const s=e[n];return s?{item:s,index:n}:null}getRealDragOffset(){return this.dragOffset+this.getCurrentNudgeTranslateX()}applyEdgeDragResistance(t,e){return t>0?Math.min(r.EDGE_DRAG_MAX_PX,t*r.EDGE_DRAG_RESISTANCE):t<e?e+Math.max(-r.EDGE_DRAG_MAX_PX,(t-e)*r.EDGE_DRAG_RESISTANCE):t}getCurrentNudgeTranslateX(){if(!this.isNudgeAnimating||!this.trackContentElement)return 0;const t=getComputedStyle(this.trackContentElement).transform;if(!t||"none"===t)return 0;try{return new DOMMatrixReadOnly(t).m41||0}catch{return 0}}getDotCount(){const t=this.getSlotElements();if(!t)return this.dotCount=1,this.totalItems=0,void(this.activeDotIndex=0);this.totalItems=t.length;const e=this.getViewportWidth(),o=this.getSlotClientWidth(),i=Math.ceil(o/Math.max(1,e)),n=Number.isFinite(this.maxDots)?this.maxDots:i;let s=n;this.unifiedButtons&&e<r.MOBILE_BREAKPOINT_PX&&(s=Math.min(n,r.UNIFIED_BUTTONS_MOBILE_MAX_DOTS)),this.dotCount=Math.max(1,Math.min(s,i)),this.activeDotIndex=this.clampDotIndex(this.activeDotIndex)}handleMove=()=>{const t=this.getSlotElements();if(!t)return;const e=t[this.activeItem];e&&this.moveToItem(e)};navigateByStep(t){this.registerUserInteraction();const e=this.getSlotElements();if(!e||0===e.length)return;const o=this.activeDotIndex,i=this.getFirstVisibleItemInViewport(),n=i?.index??this.activeItem,s=this.getClampedViewportLeft()>0;if(t<0&&0===n&&s){const t=e[0];return void(t&&this.moveToItem(t,0))}const r=this.getVisibleItemCountFromIndex(n),a=Math.max(0,Math.min(e.length-1,n+t*r));if(a===n)return;const l=e[a];l&&(this.moveToItem(l,a),Math.abs(this.activeDotIndex-o)>1&&this.moveToDotIndex(o+t))}handlePrev=()=>{this.navigateByStep(-1)};handleNext=()=>{this.navigateByStep(1)};moveToLastScreen=()=>{this.dragOffset=-this.getMaxScrollableOffset()};getGradientWidth(){if(!this.showGradient)return 0;const t=this.leftGradientRef?.offsetWidth;return t&&t>0?t:r.GRADIENT_WIDTH_FALLBACK_PX}calculateGradient(t,e){const o=this.getSlotClientWidth();let i=this.showGradient?160:0;return i=e<160?e:i,i=o-e-t.offsetWidth<160?0:i,i}calcLastScreenElement=t=>{const e=this.getSlotElements();if(!e)return null;const o=this.trackElement.getBoundingClientRect(),i=this.getFirstItemOffset();for(const[n,s]of e.entries()){let e=s.getBoundingClientRect().left-o.left-i;const r=this.calculateGradient(s,e);if(e>=t-this.swipeThreshold+r)return{item:s,index:n}}return{item:e[0],index:0}};moveToDotIndex(t){this.activeDotIndex=this.clampDotIndex(t);const e=this.getMaxScrollableOffset(),o=this.dotCount-1!==this.activeDotIndex||this.isDragging?this.activeDotIndex*this.getDotScreenLength():e,i=Math.max(0,Math.min(o,e)),n=this.calcLastScreenElement(i);if(!n)return this.activeItem=0,void(this.dragOffset=0);const{index:s}=n;this.activeItem=s,this.dragOffset=-i}handleDotClick=t=>{this.registerUserInteraction(),this.moveToDotIndex(t)};focusDot=t=>{if(!this.container)return;const e=Array.from(this.container.querySelectorAll(".tet-carousel__dot"));e[t]?.focus()};getKeyboardTargetIndex(t,e,o){if(o<1)return null;switch(t){case"ArrowRight":case"ArrowDown":return Math.min(o,e+1);case"ArrowLeft":case"ArrowUp":return Math.max(0,e-1);case"Home":return 0;case"End":return o;default:return null}}handleNavigationKeyDown(t,e,o,i,n){const s=this.getKeyboardTargetIndex(t.key,e,o);null!==s&&(t.preventDefault(),t.stopPropagation(),i(s)&&this.afterLayout((()=>n(s))))}handleDotKeyDown=(t,e)=>{if("Tab"===t.key&&t.shiftKey){if(this.hasVisibleMobileBackButtonTarget())return;if(!this.hasFocusableTargetInSlide(this.activeItem))return;return this.registerUserInteraction(),t.preventDefault(),t.stopPropagation(),void this.afterLayout((()=>this.focusSlideByIndex(this.activeItem)))}this.handleNavigationKeyDown(t,e,this.dotCount-1,(t=>(this.handleDotClick(t),!0)),(t=>this.focusDot(t)))};isElementVisible(t){if(!t.isConnected)return!1;if(t.hidden||t.hasAttribute("hidden"))return!1;if(0===t.getClientRects().length)return!1;const e=getComputedStyle(t);return"none"!==e.display&&"hidden"!==e.visibility}hasVisibleMobileBackButtonTarget(){if(this.isLeftNavigationDisabled())return!1;const t=this.mobileBackButtonWrapper;return!!t&&this.isElementVisible(t)}hasFocusableTargetInSlide(t){return this.managedFocusableElements.some((({slideIndex:e,element:o})=>e===t&&this.isElementVisible(o)))}onPointerDown=t=>{this.registerUserInteraction(),this.dragPointerType=t.pointerType||"mouse",t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.isDragging=!0,this.dragStartX=t.screenX,this.dragMoved=!1,this.dragPointerStartX=t.screenX,this.dragStartActiveItem=this.activeItem,document.body.style.userSelect="none",document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp);let e=t.target;for(this.draggedAnchor=null;e;){if("A"===e.tagName||e.getAttribute("tabindex")){this.draggedAnchor=e;break}e=e.parentElement}};onPointerMove=t=>{if(!this.isDragging)return;const e=Math.abs(t.screenX-this.dragPointerStartX);if(!this.dragMoved&&e>5&&(this.dragMoved=!0,this.trackElement))try{this.trackElement.setPointerCapture?.(t.pointerId)}catch{}let o=this.dragOffset;o+=t.screenX-this.dragStartX,this.dragStartX=t.screenX;const i=this.getMinDragOffset();this.dragOffset=this.applyEdgeDragResistance(o,i);const n=this.getFirstVisibleItemInViewport();n&&this.activeItem!==n.index&&(this.activeItem=n.index)};releaseTrackPointerCapture(t){try{this.trackElement?.releasePointerCapture?.(t)}catch{}}getMinDragOffset(){return-this.getMaxScrollableOffset()}snapToEdge(t){if(0===t)return void(this.dragOffset=0);const e=this.dragOffset>0;this.activeItem=e?0:Math.max(0,this.totalItems-1),this.activeDotIndex=e?0:Math.max(0,this.dotCount-1),this.dragOffset=e?0:t}moveBySwipeDelta(t){if(Math.abs(t)<=this.swipeThreshold)return this.activeItem=this.dragStartActiveItem,void this.afterLayout((()=>this.handleMove()));const e=this.getSwipeTarget(t<0?1:-1);e&&this.moveToItem(e.item,e.index)}finalizePointerDrag(){document.body.style.userSelect="",document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp),this.dragPointerType=""}preventClickAfterDrag(){if(!this.draggedAnchor||!this.dragMoved)return;const t=e=>{e.preventDefault(),e.stopPropagation(),this.draggedAnchor?.removeEventListener("click",t,!0)};this.draggedAnchor.addEventListener("click",t,!0)}onPointerUp=t=>{if(!this.isDragging)return;this.registerUserInteraction(),this.releaseTrackPointerCapture(t.pointerId),this.isDragging=!1;const e=this.getMinDragOffset(),o=t.screenX-this.dragPointerStartX;this.dragOffset>0||this.dragOffset<e?this.snapToEdge(e):this.moveBySwipeDelta(o),this.finalizePointerDrag(),this.preventClickAfterDrag()};_showButtons(t=this.getFullyVisibleItemCount()){return!(!this.showButtons||t>=this.totalItems)}_showDots(t=this.getFullyVisibleItemCount()){return!!this.showDots&&!(this.totalItems<=0||t>=this.totalItems)}componentDidLoad(){this.getDotCount(),window.addEventListener("resize",this.handleResize),this.checkGradient(),this.initSlotListeners(),this.syncNudgeSchedule(),this.refreshSlideFocusableElements()}handleSlotChange(){this.getDotCount();const t=Math.max(0,this.totalItems-1);this.activeItem=Math.max(0,Math.min(this.activeItem,t)),this.refreshSlideFocusableElements(),this.checkGradient(),this.safeForceUpdate()}initSlotListeners(){const t=this.container?.querySelector("slot");if(!t)return;if(t.addEventListener("slotchange",this.handleSlotChangeListener),"function"!=typeof t.assignedElements)return;const e=t.assignedElements();if(1!==e.length)return;const o=e[0];this.slotObserver=new MutationObserver((()=>this.handleSlotChange())),this.slotObserver.observe(o,{childList:!0,subtree:!1})}isTabbableElement(t){if("A"===t.tagName)return t.hasAttribute("href");const e=t.getAttribute("tabindex");return null!==e&&"-1"!==e.trim()}getSlideFocusableElements(t){const e=new Set;return this.isTabbableElement(t)&&e.add(t),Array.from(t.querySelectorAll(this.focusableSelector)).forEach((t=>{this.isTabbableElement(t)&&e.add(t)})),t.shadowRoot&&Array.from(t.shadowRoot.querySelectorAll(this.focusableSelector)).forEach((t=>{this.isTabbableElement(t)&&e.add(t)})),Array.from(e)}clearManagedSlideFocusableElements(){this.managedSlideFocusWithinListeners.forEach((({slide:t,onFocusWithin:e})=>{t.removeEventListener("focusin",e)})),this.managedSlideFocusWithinListeners=[],this.managedFocusableElements.forEach((({element:t,originalTabIndex:e,onKeyDown:o})=>{t.removeEventListener("keydown",o),null===e?t.removeAttribute("tabindex"):t.setAttribute("tabindex",e)})),this.managedFocusableElements=[]}updateSlideFocusableTabIndexes(){this.managedFocusableElements.length&&this.managedFocusableElements.forEach((({element:t,slideIndex:e})=>{t.setAttribute("tabindex",e===this.activeItem?"0":"-1")}))}focusSlideByIndex(t){const e=this.managedFocusableElements.find((e=>e.slideIndex===t)),o=e?.element;if(o)try{o.focus({preventScroll:!0})}catch{}}handleSlideKeyDown(t,e){this.handleNavigationKeyDown(t,e,this.totalItems-1,(t=>{const e=this.getSlotElements();return!!e?.[t]&&(this.registerUserInteraction(),this.moveToItem(e[t],t,0),!0)}),(t=>this.focusSlideByIndex(t)))}refreshSlideFocusableElements(){this.clearManagedSlideFocusableElements();const t=this.getSlotElements();t?.length&&(t.forEach(((e,o)=>{const i=()=>{this.registerUserInteraction();const i=o===t.length-1?0:this.getGradientWidth();this.moveToItem(e,o,i)};this.managedSlideFocusWithinListeners.push({slide:e,onFocusWithin:i}),e.addEventListener("focusin",i),this.getSlideFocusableElements(e).forEach((t=>{const e=t=>this.handleSlideKeyDown(t,o);this.managedFocusableElements.push({element:t,slideIndex:o,originalTabIndex:t.getAttribute("tabindex"),onKeyDown:e}),t.addEventListener("keydown",e)}))})),this.updateSlideFocusableTabIndexes())}startNudgeGradientLoop(){if(this.nudgeGradientRafId)return;const t=()=>{this.checkGradient(),this.nudgeGradientRafId=this.isNudgeAnimating?requestAnimationFrame(t):void 0};this.nudgeGradientRafId=requestAnimationFrame(t)}stopNudgeGradientLoop(){this.nudgeGradientRafId&&(cancelAnimationFrame(this.nudgeGradientRafId),this.nudgeGradientRafId=void 0)}syncNudgeGradientLoop(){this.isNudgeAnimating?this.startNudgeGradientLoop():this.stopNudgeGradientLoop()}registerUserInteraction(){this.lastInteractionAt=Date.now(),this.stopNudgeAnimation()&&this.scheduleNextNudge()}hasRecentInteraction(){return!!this.lastInteractionAt&&Date.now()-this.lastInteractionAt<r.NUDGE_IDLE_THRESHOLD_MS}isRightNavigationDisabled(){return this.dotCount<=1||this.activeItem===this.totalItems-1||this.isLastViewport(-this.dragOffset)}isLeftNavigationDisabled(){return this.dotCount<=1||0===this.activeItem}isNudgeEligible(){return!(!this.trackElement||this.isDragging||this.isNudgeAnimating||this.hasRecentInteraction()||this.isRightNavigationDisabled()||0!==this.dragOffset)}scheduleNextNudge(){this.nudgeAnimationInterval<=0||(this.clearNudgeTimeout(),this.nudgeTimeoutId=setTimeout((()=>{this.nudgeTimeoutId=void 0,this.isNudgeEligible()?this.isNudgeAnimating=!0:this.scheduleNextNudge()}),this.nudgeAnimationInterval))}onNudgeAnimationEnd=t=>{"tet-carousel-nudge"===t.animationName&&(this.stopNudgeAnimation(),this.scheduleNextNudge())};stopNudgeAnimation(){const t=this.isNudgeAnimating;return t&&(this.isNudgeAnimating=!1),t}clearNudgeTimeout(){this.nudgeTimeoutId&&(clearTimeout(this.nudgeTimeoutId),this.nudgeTimeoutId=void 0)}stopNudgeSchedule(){this.clearNudgeTimeout(),this.stopNudgeAnimation()}syncNudgeSchedule(){this.stopNudgeSchedule(),this.scheduleNextNudge()}clampDotIndex(t){return Math.max(0,Math.min(t,this.dotCount-1))}setDotIndex(t,e){let o=0;const i=this.getDotScreenLength();o=this.isLastDotScreen(t,i)?this.dotCount-1:Math.round((t+e)/i),this.activeDotIndex=this.clampDotIndex(o)}getFirstItemOffset(){const t=this.getSlotElements();if(!t?.length)return 0;const e=this.trackElement.getBoundingClientRect();return t[0].getBoundingClientRect().left-e.left}moveToItem(t,e,o=0){(e||0===e)&&(this.activeItem=e);const i=t.getBoundingClientRect(),n=this.trackElement.getBoundingClientRect();let s=i.left-n.left-this.getFirstItemOffset();const r=this.calculateGradient(t,s);this.setDotIndex(s,r);const a=Math.max(0,s-Math.max(0,o));this.isLastViewport(s)?this.moveToLastScreen():this.dragOffset=-a}disconnectedCallback(){this.stopNudgeSchedule(),this.stopNudgeGradientLoop(),window.removeEventListener("resize",this.handleResize),this.clearManagedSlideFocusableElements();const t=this.container?.querySelector("slot");t&&t.removeEventListener("slotchange",this.handleSlotChangeListener),this.slotObserver&&(this.slotObserver.disconnect(),this.slotObserver=null),document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}render(){const t=this.getFullyVisibleItemCount(),e=this._showButtons(t),n=this._showDots(t),a=e||n;let l=`transform ${this.transitionDuration}ms ${this.transitionTiming}`;return this.isDragging&&(l="mouse"===this.dragPointerType?`transform ${r.MOUSE_DRAG_SMOOTHING_MS}ms linear`:"none"),o(i,{key:"ad132abf1f4de351587972348634b90e76e22ab3"},o("div",{key:"086d8d972fca9cc528b2dedb8f900ca1a17d4611",class:{"tet-carousel":!0,[`${this.theme}`]:!0,"tet-carousel--unified-buttons":this.unifiedButtons},ref:t=>this.container=t,part:"carousel"},o("div",{key:"13587675acf78a9161d73a26ba0ea7b8b9d143fb",class:"tet-carousel__container"},o("div",{key:"decb3ff4c21e68ec1c411dad2ba9cff96f005d34",class:"tet-carousel__gradient-left",ref:t=>{this.leftGradientRef=t}}),o("div",{key:"0cd620f52647b335f18895707d4ab3a3163b2b5b",class:"tet-carousel__gradient-right",ref:t=>{this.rightGradientRef=t}}),o("div",{key:"831c329f8e452cf9335dc28b53984c08f1c9c88b",class:"tet-carousel__track "+(a?"":"tet-carousel__track--center"),ref:t=>this.trackElement=t,style:{transform:`translate3d(${this.dragOffset}px, 0, 0)`,transition:l,willChange:"transform"},onPointerDown:this.onPointerDown,onPointerUp:this.onPointerUp},o("div",{key:"a95a6f779918bb2d21bfa177792af358852d1866",class:{"tet-carousel__track-content":!0,"tet-carousel__track-content--nudge":this.isNudgeAnimating},ref:t=>this.trackContentElement=t,style:{"--tet-carousel-nudge-distance":`${r.NUDGE_DISTANCE_PX}px`},onAnimationEnd:this.onNudgeAnimationEnd},o("slot",{key:"4e6536f4edf8a196e98bf799978aa23913d5fc5d"})))),!!this.label&&o("div",{key:"afa6d0a9d4b790b04fa38c32fe9400ecd8be7ab2",class:"tet-carousel__label"},this.label),a&&o("div",{key:"cb506ebda9394b6adb726d00ce7b8a34f47da595",class:"tet-carousel__controls"},e&&o("div",{key:"39e427155bf759235e4606c73a64f67331fb178f",class:"tet-carousel__buttons tet-carousel__buttons--mobile",ref:t=>this.mobileBackButtonWrapper=t},o("tet-button",{key:"06740a3682c2ceedc22c41389a5865c9533659dd",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconLeft,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handlePrev(),accessibilityLabel:s("components-carousel-previous"),disabled:this.isLeftNavigationDisabled()})),n&&o("div",{key:"d6757681663a2271946d76c335536e722b8a1c20",class:"tet-carousel__dots"},Array.from({length:this.dotCount}).map(((t,e)=>o("button",{type:"button",tabIndex:e===this.activeDotIndex?0:-1,class:"tet-carousel__dot"+(e===this.activeDotIndex?" active":""),key:e,"aria-label":`${s(e===this.activeDotIndex?"components-carousel-indicator-button-active":"components-carousel-indicator-button")} ${e+1}/${this.dotCount}`,"aria-current":e===this.activeDotIndex?"true":void 0,onPointerDown:t=>t.stopPropagation(),onKeyDown:t=>this.handleDotKeyDown(t,e),onClick:()=>this.handleDotClick(e)})))),e&&o("div",{key:"4cdceb1e8341d5ef1f486908ce20b76d49aa3670",class:"tet-carousel__buttons"},o("tet-button",{key:"2d813f6f52864d5c03c06e95488f8042e612c225",class:"tet-carousel__buttons--desktop",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconLeft,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handlePrev(),accessibilityLabel:s("components-carousel-previous"),disabled:this.isLeftNavigationDisabled()}),o("tet-button",{key:"5abab060727a1603f24d700be1ec8887b9be80d5",theme:this.theme,type:"secondary",size:"medium","icon-name":this.buttonIconRight,"icon-mode":!0,onPointerDown:t=>t.stopPropagation(),onClick:()=>this.handleNext(),accessibilityLabel:s("components-carousel-next"),disabled:this.isRightNavigationDisabled()})))))}static get watchers(){return{language:["onLanguageChange"],activeItem:["onActiveItemChange"],showGradient:["checkGradient"],dragOffset:["checkGradient"],nudgeAnimationInterval:["onNudgeAnimIntervalChange"],isNudgeAnimating:["onNudgeAnimationStateChange"]}}};r.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--carousel-background:transparent;--carousel-dot-size:1rem;--carousel-buttons-bottom:-1rem;--carousel-dot-background:transparent;--carousel-dot-border:0.0625rem solid var(--tc-grey-70);--carousel-dot-margin:0;--carousel-dot-margin-mobile:1rem;--carousel-label-color:var(--tc-text-secondary);--carousel-dot-active-background:var(--tc-layer-inverse-primary);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover);--carousel-dot-active-hover-background:var(--tc-grey-80);--carousel-dots-gap:0.5rem;--carousel-buttons-gap:1rem;--carousel-track-gap:0;--carousel-track-height:100%;--carousel-item-width:100%;--carousel-item-height:100%;--carousel-buttons-right:2rem;--carousel-dots-bottom:-1rem;--carousel-nudge-animation-duration:1.5s;--carousel-gradient:var(--tc-background-primary);--carousel-button-icon-mode-padding:0.5rem;--carousel-button-icon-size:1.25rem;-webkit-tap-highlight-color:transparent;display:inline-block;width:100%}.tet-carousel{position:relative;width:100%;background:var(--carousel-background)}.tet-carousel.dark{--carousel-dot-active-background:var(--tc-layer-inverse-primary-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover-dark);--carousel-dot-active-hover-background:var(--tc-grey-80-dark);--carousel-label-color:var(--tc-text-secondary-dark);--carousel-gradient:var(--tc-background-primary-dark)}.tet-carousel__container{width:var(--carousel-item-width);max-width:var(--carousel-item-width);height:var(--carousel-track-height);position:relative;margin-bottom:var(--carousel-dot-margin-mobile);contain:layout}.tet-carousel__controls{position:relative;display:flex;align-items:center;justify-content:center;height:fit-content;margin-bottom:var(--carousel-dot-margin-mobile);min-height:2.75rem;touch-action:manipulation}.tet-carousel__label{color:var(--carousel-label-color);margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:center;font-family:var(--font-family-content);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem;letter-spacing:-0.003125rem}.tet-carousel__track{touch-action:pan-y;display:flex;height:var(--carousel-track-height);will-change:transform}.tet-carousel__track--center{justify-content:center}.tet-carousel__track-content{display:flex;gap:var(--carousel-track-gap);will-change:transform}.tet-carousel__track-content--nudge{animation:tet-carousel-nudge var(--carousel-nudge-animation-duration) ease-in-out}@media (hover: hover) and (pointer: fine){.tet-carousel:hover .tet-carousel__track-content--nudge{animation-play-state:paused}}.tet-carousel__track-content>*{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tet-carousel__buttons{position:absolute;right:0;bottom:50%;display:flex;transform:translateY(50%);gap:var(--carousel-buttons-gap);z-index:2}.tet-carousel__buttons tet-button{--button-icon-mode-padding:var(--carousel-button-icon-mode-padding);--button-icon-size:var(--carousel-button-icon-size)}.tet-carousel__buttons--mobile{display:flex;left:0}.tet-carousel__buttons--desktop{display:none !important}.tet-carousel__dots{display:flex;width:100%;gap:var(--carousel-dots-gap);justify-content:center;align-items:center}.tet-carousel__dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:50%;background:var(--carousel-dot-background);cursor:pointer;transition:background 0.2s;border:var(--carousel-dot-border);z-index:2;touch-action:manipulation}.tet-carousel__dot:hover{background:var(--carousel-dot-hover-background)}.tet-carousel__dot.active{background:var(--carousel-dot-active-background);border:none}.tet-carousel__dot.active:hover{background:var(--carousel-dot-active-hover-background)}.tet-carousel__dot:focus-visible{outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem}.tet-carousel--unified-buttons .tet-carousel__buttons--mobile{display:none}.tet-carousel--unified-buttons .tet-carousel__buttons--desktop{display:flex !important}.tet-carousel--unified-buttons .tet-carousel__buttons{right:0.25rem}.tet-carousel__gradient-left,.tet-carousel__gradient-right{position:absolute;top:0;display:block;width:13.75rem;height:100%;transition:opacity 0.4s ease-out;pointer-events:none;z-index:20;opacity:0}.tet-carousel__gradient-left{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);left:0}.tet-carousel__gradient-right{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);right:0}@keyframes tet-carousel-nudge{0%{transform:translateX(0)}50%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}70%{transform:translateX(calc(var(--tet-carousel-nudge-distance) * -1))}100%{transform:translateX(0)}}@media all and (min-width: 46.25rem){.tet-carousel__controls{margin-bottom:var(--carousel-dot-margin)}.tet-carousel__label{font-size:1rem;line-height:1.5rem;letter-spacing:-0.00625rem}.tet-carousel__buttons{right:0.25rem}.tet-carousel__buttons--mobile{display:none}.tet-carousel__buttons--desktop{display:flex !important}}@media all and (min-width: 90rem){.tet-carousel__label{font-size:1.125rem;line-height:1.75rem}}';export{r as tet_carousel}

package/dist/tet-components/{p-7f21151a.entry.js → p-63084708.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as r,h as e}from"./p-83f43fdd.js";const n=class{constructor(e){t(this,e),this.inputValueChanged=r(this,"inputValueChanged",7),this.label=void 0,this.theme="light",this.accessibilityLabel="",this.buttonAccessibilityLabel="",this.helperText=void 0,this.suffixes=void 0,this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=void 0,this.error=void 0,this.completed=void 0,this.selectOnFocus=void 0,this.suffix=void 0,this.isOpen=void 0,this.isValueHidden=!1,this.isKeyboardFocus=!1}inputElement;dropdownElement;chevronElement;inputElementHidden;inputWrapperElement;resizeObserver;async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))\|\|this.suffixes[0])}inputValueChanged;componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))\|\|this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{this.inputElement.style.width=`${this.inputElementHidden?.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t\|\|0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const r=t.composedPath();r.includes(this.dropdownElement)\|\|r.includes(this.chevronElement)\|\|this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let r=parseInt(t.value);isNaN(r)\|\|r<0?r=0:r>this.max&&(r=this.max),this.value=r,t.value=r.toString()}onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()};closeDropdown=()=>{this.isOpen=!1};dropdownItemRefs=[];renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,r)=>{const n=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[r]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:n},tabIndex:0},t.name,n&&e("tet-icon",{class:"check",name:"check"}))})):[]);handleOptionKeydown(t){return r=>{const{key:e,target:n}=r;switch(e){case" ":case"Enter":r.preventDefault(),t();break;case"ArrowUp":r.preventDefault(),function(t){const r=t.previousElementSibling;r?.focus()}(n);break;case"ArrowDown":r.preventDefault(),function(t){const r=t.nextElementSibling;r?.focus()}(n);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus\|\|this.closeDropdown()}handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),this.onChevronClick())};onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),r=this.dropdownItemRefs[-1!==t?t:0];r?.focus()}),0)}render(){const{label:t,helperText:r,value:n,disabled:o,error:i,completed:s,isOpen:a,suffix:u}=this;return e("div",{key:"e45257eb072e75f91a91ed3b17529041addc1c37",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:o,error:i,completed:s}},!!t&&e("label",{key:"8cadc6af96836534b8e168a658b507ecb55f2690",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"6afb95fdc2d0056dfe0949f9cab634683517569f",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",{key:"037194851889d6d29aac3877f6e0c74d42704f45",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:o,value:n,type:"number",id:"number-input",...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{}}),e("div",{key:"63945adb7e62c6db8257c05363ee6a19c88f4168",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},n),!!u&&e("div",{key:"bf224b1986d42d5c8a20dfce2bf2a74a52d0e028",class:"number-input__input-suffix"},u.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"8c0af3c53654d8616419345aa16c9ce4c6025200",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"87b5fb0f3574c976c004b23562ac192ae7bfe52e",name:"chevron-down"}),a&&e("tet-icon",{key:"bf29466f637aad96590ea46e210bb20c6036785f",name:"chevron-up"})),a&&e("div",{key:"2a31cb09a6f0d6cca6b9d969d62e6fa00db016e9",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!r&&e("div",{key:"019b0aec8d4223b1ce660beb125b6a56b178a893",class:"number-input__helper-text"},r))}static get watchers(){return{suffix:["onSuffixChange"]}}};n.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';export{n as tet_number_input}
1	+ import{r as t,c as r,h as e}from"./p-7c868b40.js";const n=class{constructor(e){t(this,e),this.inputValueChanged=r(this,"inputValueChanged",7),this.label=void 0,this.theme="light",this.accessibilityLabel="",this.buttonAccessibilityLabel="",this.helperText=void 0,this.suffixes=void 0,this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=void 0,this.error=void 0,this.completed=void 0,this.selectOnFocus=void 0,this.suffix=void 0,this.isOpen=void 0,this.isValueHidden=!1,this.isKeyboardFocus=!1}inputElement;dropdownElement;chevronElement;inputElementHidden;inputWrapperElement;resizeObserver;async getValue(){return this.value}async resetSuffix(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))\|\|this.suffixes[0])}inputValueChanged;componentDidLoad(){this.suffixes&&this.suffixes.length>0&&(this.suffix=this.suffixes.find((t=>t.default))\|\|this.suffixes[0]),this.suffix&&0===this.suffix.value&&(this.isValueHidden=!0),this.resizeObserver=new ResizeObserver((()=>{this.inputElement.style.width=`${this.inputElementHidden?.getBoundingClientRect().width}px`})),this.resizeObserver.observe(this.inputElementHidden)}onKeydown(t){["-","+","."].includes(t.key)&&t.preventDefault()}onTabKeydown(t){"Tab"===t.key&&(this.isKeyboardFocus=!0)}onFocus(){this.inputElement.select()}onSuffixChange(t){this.isValueHidden=!(!t\|\|0!==t.value)}onClick(t){this.isKeyboardFocus=!1,this.inputWrapperElement.classList.remove("focus-visible");const r=t.composedPath();r.includes(this.dropdownElement)\|\|r.includes(this.chevronElement)\|\|this.closeDropdown()}inputChangeHandler(){this.handleInputChange()}onBlur(){this.handleInputChange(),this.value<this.min&&(this.value=this.min),this.inputElement.value=this.value.toString(),this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.inputWrapperElement.classList.remove("focus-visible")}handleInputChange(){if(this.disabled)return;const t=this.inputElement;let r=parseInt(t.value);isNaN(r)\|\|r<0?r=0:r>this.max&&(r=this.max),this.value=r,t.value=r.toString()}onChevronClick=()=>{this.isOpen=!this.isOpen,this.onDropdownOpenChanged()};closeDropdown=()=>{this.isOpen=!1};dropdownItemRefs=[];renderDropdownContent=()=>(this.dropdownItemRefs=[],this.suffixes?this.suffixes.map(((t,r)=>{const n=this.suffix===t;return e("div",{ref:t=>{this.dropdownItemRefs[r]=t},onClick:()=>this.onDropdownItemClick(t),onKeyDown:this.handleOptionKeydown((()=>this.onDropdownItemClick(t))),class:{"number-input__dropdown-item":!0,active:n},tabIndex:0},t.name,n&&e("tet-icon",{class:"check",name:"check"}))})):[]);handleOptionKeydown(t){return r=>{const{key:e,target:n}=r;switch(e){case" ":case"Enter":r.preventDefault(),t();break;case"ArrowUp":r.preventDefault(),function(t){const r=t.previousElementSibling;r?.focus()}(n);break;case"ArrowDown":r.preventDefault(),function(t){const r=t.nextElementSibling;r?.focus()}(n);break;case"Escape":this.isOpen=!1,this.inputWrapperElement.classList.add("focus-visible")}}}toggleKeyboardFocus(t){if(this.isKeyboardFocus)return t?this.inputWrapperElement.classList.add("focus-visible"):this.inputWrapperElement.classList.remove("focus-visible")}onDropdownItemClick(t){this.suffix=t,this.inputValueChanged.emit({value:this.value,suffix:this.suffix}),this.isKeyboardFocus\|\|this.closeDropdown()}handleContainerKeydown=t=>{"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),this.onChevronClick())};onDropdownOpenChanged(){this.isOpen&&this.suffixes&&setTimeout((()=>{const t=this.suffixes.findIndex((t=>t===this.suffix)),r=this.dropdownItemRefs[-1!==t?t:0];r?.focus()}),0)}render(){const{label:t,helperText:r,value:n,disabled:o,error:i,completed:s,isOpen:a,suffix:f}=this;return e("div",{key:"6a054d26228a4233571ddffa7dee4c9826063623",class:{"number-input":!0,[this.theme]:!!this.theme,disabled:o,error:i,completed:s}},!!t&&e("label",{key:"3ff6085f69d016330e0e93b953b5e3c95a0d48f7",class:"number-input__label",htmlFor:"number-input"},t),e("div",{key:"9d4c53fa3f3373e98acabaaf67c00f192048e0e5",class:"number-input__input-container",onKeyDown:this.handleContainerKeydown,ref:t=>this.inputWrapperElement=t},e("input",{key:"f780cf7a45a23ed8e595bfa727ae5854c088bf00",onFocusin:()=>this.toggleKeyboardFocus(!0),onFocusout:()=>this.toggleKeyboardFocus(!1),ref:t=>this.inputElement=t,class:{"number-input__input":!0,"number-input__input--hidden":this.isValueHidden},disabled:o,value:n,type:"number",id:"number-input",...this.accessibilityLabel?{"aria-label":this.accessibilityLabel}:{}}),e("div",{key:"56c20a8985258abaa980c0ff3f681b2d260b70fe",ref:t=>this.inputElementHidden=t,class:"number-input__input-invisible"},n),!!f&&e("div",{key:"3b1694260d640d2bb56721e70ae1513523eb3e18",class:"number-input__input-suffix"},f.name),!!this.suffixes&&this.suffixes.length>1&&e("tet-button",{key:"539ce1bc9d1cde63aba31166ab1fe2d443f1bfd0",type:"ghost",size:"small",ref:t=>this.chevronElement=t,class:{"number-input__cheveron":!0},onClick:this.onChevronClick,"accessibility-label":this.buttonAccessibilityLabel,tabindex:"-1"},!a&&e("tet-icon",{key:"1c64a7552cfcf71c0455599c0b53bf31f4f334b0",name:"chevron-down"}),a&&e("tet-icon",{key:"32f2981677402e34824443fd4f9977f6de886188",name:"chevron-up"})),a&&e("div",{key:"585c332f9f008d56ad57587ffe669e6c211e61e4",class:"number-input__dropdown",ref:t=>this.dropdownElement=t},this.renderDropdownContent())),!!r&&e("div",{key:"fcf07e1c2453a743687f6adf6337a4f1a3c20fb7",class:"number-input__helper-text"},r))}static get watchers(){return{suffix:["onSuffixChange"]}}};n.style='@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}';export{n as tet_number_input}

package/dist/tet-components/p-64681fad.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as o,f as t,h as e}from"./p-7c868b40.js";import{p as r,t as a}from"./p-8f9c8b2c.js";import"./p-9a2b6ee2.js";import"./p-59c5d02d.js";const f=class{constructor(t){o(this,t),this.language="lv",this.totalPrice=0,this.withItAdmin=!1,this.withInPersonServiceSupport=!1,this.unitCountSelected=0}onLanguageChange(o){r("tet-components",o).then((()=>t(this)))}onSliderInput({detail:o}){this.unitCountSelected=o,this.totalPrice=this.calculateServiceUnitTotalPrice(o)}onControlChange(){this.totalPrice=this.calculateServiceUnitTotalPrice(this.unitCountSelected)}async componentWillLoad(){await r("tet-components",this.language)}calculateServiceUnitTotalPrice=o=>{let t;return t=this.withItAdmin?37:this.withInPersonServiceSupport?21:11,o*t};handleWithItAdminValueChange=({detail:o})=>{o.checked&&(this.withInPersonServiceSupport=!0),this.withItAdmin=o.checked};handleInPersonServiceSupportValueChange=({detail:o})=>{o.checked||(this.withItAdmin=!1),this.withInPersonServiceSupport=o.checked};render(){return e("section",{key:"3c15349286befa930603bed29af4b5a8895fec3c",class:"container"},e("div",{key:"67a8e1327fefc443c041c1845be5638480da9974",class:"title-block"},a("components-b2b-calculator-title")),e("div",{key:"8afcfe2144d036b9d9d2e1195926f63bc21a5eb7",class:"calculator-block"},e("p",{key:"5ae0cc4c968011bac5cb61804fbca8270f2da749",class:"slider-title"},a("components-b2b-calculator-computer-count")),e("tet-range-slider",{key:"38445e2722781f2fda3c4b4aa19f8b83fc1edfcc",class:"slider",size:"large",type:"primary",defaultValue:75,maxValue:100,withControls:!1,withInput:!1,dataPoints:[1,20,40,60,80,100],displayDataPoints:[1,20,40,60,80,100],lockToDataPoint:!1}),e("div",{key:"a0e37d9c9db552bdeb73cb20ba31d0252ec6825e",class:"control-container"},e("div",{key:"58f470e2e6497de019ac3edc83ef083947ac17a9",class:"control"},e("tet-checkbox",{key:"cfb9bc04a13e0478472e06e5407c9bb813d073b5",class:"it-admin-checkbox",checked:this.withItAdmin,onCheck:this.handleWithItAdminValueChange},a("components-b2b-calculator-it-admin-checkbox-label"))),e("div",{key:"8620ec4daeace0011d6ebc21e815acb865984e2c",class:"control"},e("tet-switch",{key:"8108d4279c4e856a7c75c8fbac033ac477b0b507",class:"in-person-support-switch",checked:this.withInPersonServiceSupport,onCheck:this.handleInPersonServiceSupportValueChange},a("components-b2b-calculator-in-person-support-switch-label")))),e("div",{key:"786c447e65a18df119bc3b22283cae3ec40b183d",class:"monthly-payment-block"},e("p",{key:"b01d77742cec00ce1378ee3a61fab1e2a2d289c6",class:"title"},a("components-b2b-calculator-potential-monthly-payment")),e("p",{key:"645ef2082122fb2fe6829e2e9fbec5f67831bee6"},e("span",{key:"d72cfa8b54b22ee2f9c1c584239dedfe27abba33",class:"price"},this.totalPrice),e("span",{key:"8f6ed56a296363f61db05ac0dfcf493fa27e651c",class:"currency"},a("components-euro-per-month"))))))}static get watchers(){return{language:["onLanguageChange"],withItAdmin:["onControlChange"],withInPersonServiceSupport:["onControlChange"]}}};f.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{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{display:block;max-width:60.25rem;width:100%}@media only screen and (max-width: 56.25rem){:host{max-width:37.25rem}}.container{display:grid;grid-template-columns:1fr 1fr;border-radius:1.5rem;overflow:hidden}@media only screen and (max-width: 56.25rem){.container{grid-template-columns:1fr}}.title-block{padding:2.25rem;position:relative;background:#98bbfe;font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif"}@media only screen and (max-width: 31.1875rem){.title-block{font:600 2rem/2.25rem "Gilroy", "Gilroy, Arial, sans-serif";padding:1.5rem}}.title-block:after{content:"";top:4rem;position:absolute;right:-1.125rem;width:2.375rem;height:2.375rem;transform:rotate(45deg);background:#98bbfe;border-top-right-radius:0.5rem}@media only screen and (max-width: 56.25rem){.title-block:after{content:none}}.calculator-block{padding:2rem 2rem 2rem 3rem;background:#ecf0fe}@media only screen and (max-width: 31.1875rem){.calculator-block{padding:1.5rem}}.calculator-block .slider-title{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";margin-bottom:0.5rem}.calculator-block .slider{--slider-height:5rem;--slider-thumb-color:#98bbfe;--slider-thumb-active-shadow:0 0 0 0.625rem rgba(152, 187, 254, 0.4);--slider-track-background-color:#fafbff;--slider-track-progress-color:#98bbfe}.calculator-block .it-admin-checkbox{width:100%;--checkbox-gap:1rem;--checkbox-flex-direction:row-reverse;--checkbox-justify-content:space-between;--checkbox-background-color:transparent;--checkbox-checked-background-color:#98bbfe}.calculator-block .it-admin-checkbox::part(checkbox-container){font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}.calculator-block .in-person-support-switch{width:100%;--switch-gap:1rem;--switch-flex-direction:row-reverse;--switch-justify-content:space-between;--switch-checked-background-color:#98bbfe;--switch-hover-checked-background-color:#98bbfe}.calculator-block .in-person-support-switch::part(switch-container){font:500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif"}.calculator-block .control-container{display:grid;grid-template-columns:1fr 1fr;gap:0.25rem}@media only screen and (max-width: 31.1875rem){.calculator-block .control-container{grid-template-columns:1fr}}.calculator-block .control{display:flex;align-items:center;padding:1rem;background:#fafbff}.calculator-block .control:first-of-type{border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem}.calculator-block .control:last-of-type{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem}.calculator-block .control span{font-size:0.75rem !important;line-height:1rem !important}.calculator-block .monthly-payment-block{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem}.calculator-block .monthly-payment-block .title{max-width:15rem}.calculator-block .monthly-payment-block .price{font:600 3rem/3.25rem "Gilroy", "Gilroy, Arial, sans-serif";margin-right:0.5rem}.calculator-block .monthly-payment-block .currency{font:600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif"}@media only screen and (max-width: 31.1875rem){.calculator-block .monthly-payment-block{flex-direction:column}.calculator-block .monthly-payment-block .title{font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.calculator-block .monthly-payment-block .price{font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif"}}';export{f as tet_b2b_service_calculator}