@tet/tet-components 1.4.67-testing → 1.4.68-production

package/dist/tet-components/{p-4c6a379b.entry.js → p-1537fc09.entry.js}

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

package/dist/tet-components/p-1679cb5a.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,g as o,h as n,H as i}from"./p-7c868b40.js";import{g as a}from"./p-165a8492.js";const r={default:44,small:36},s=class{constructor(o){t(this,o),this.beforeStateChange=e(this,"before-state-change",7),this.afterStateChange=e(this,"after-state-change",7),this.expanded=!1,this.hasInputValue=!1,this.class="",this.placeholder="",this.value="",this.disabled=!1,this.accessibilityLabel="",this.mode="desktop",this.closedWidth="18.375rem",this.animationDuration=300,this.error=!1,this.iconLeft="",this.iconRight="",this.iconRightClickCallback=void 0,this.validators=[],this.manualValidation=!1,this.theme="light",this.size="default",this.closeInputText="",this.darkMode=!1}inputHtmlElement;closeInputHtmlElement;inputWrapper;animation=null;get host(){return o(this)}onModeChange(){this.setState(this.expanded)}onSizeChange(){this.setupInputWidth()}async getInputHtmlElement(){return this.inputHtmlElement.getInputHtmlElement()}async getErrors(){return this.inputHtmlElement.getErrors()}async validateInput(){return this.inputHtmlElement.validateInput()}async setState(t){this.disabled||(t?(this.expand(),this.closeInputHtmlElement?.classList.remove("hide")):(this.shrink(),this.closeInputHtmlElement?.classList.add("hide")))}beforeStateChange;afterStateChange;onBlur(){this.setState(!1)}onFocus(){this.setState(!0)}componentDidLoad(){this.setupInput()}disconnectedCallback(){this.inputHtmlElement.removeEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.removeEventListener("input",this.handleHasInputValueState)}setupInput=()=>{this.handleInputEventListeners(),this.setupInputWidth()};setupInputWidth(){const t=r[this.size]/16+"rem";this.animation?.cancel(),this.inputWrapper.style.width="desktop-expanded"!==this.mode?`${t}`:a(this.closedWidth)/16+"rem"}handleInputEventListeners(){this.inputHtmlElement.addEventListener("keydown",this.handleCloseInputOnEsc),this.inputHtmlElement.addEventListener("input",this.handleHasInputValueState)}handleHasInputValueState=t=>{const{target:e}=t;e instanceof HTMLInputElement&&(this.hasInputValue=e.value.length>0)};handleCloseInputOnEsc=t=>{this.expanded&&"Escape"===t.key&&this.host.blur()};handleCloseButtonAction=t=>{("click"===t.type||"keydown"===t.type&&"key"in t&&("Enter"===t.key||" "===t.key))&&("keydown"===t.type&&t.preventDefault(),this.inputHtmlElement.querySelector("input")?.blur())};async expand(){const t=this.expanded;this.getInputHtmlElement().then((t=>t.focus())),this.beforeStateChange.emit({from:this.expanded,to:!0}),setTimeout((async()=>{this.expanded=!0;const e=this.inputWrapper.offsetWidth,o=this.host.offsetWidth;await this.animateWidth(e,o),this.afterStateChange.emit({from:t,to:!0})}))}async shrink(){const t=this.expanded;this.beforeStateChange.emit({from:this.expanded,to:!1}),setTimeout((async()=>{this.expanded=!1,this.clear();const e=this.inputWrapper.offsetWidth,o="desktop-expanded"!==this.mode?r[this.size]:a(this.closedWidth);await this.animateWidth(e,o),this.afterStateChange.emit({from:t,to:!1})}))}animateWidth=async(t,e)=>{this.cancelAnimation();const o=`${e}px`,n=this.inputWrapper.animate([{width:`${t}px`},{width:o}],{duration:this.animationDuration,fill:"forwards"});this.animation=n;try{await n.finished&&n.commitStyles()}catch{this.inputWrapper.style.width=o}};cancelAnimation(){this.animation?.commitStyles(),this.animation?.cancel()}get renderInputContent(){return this.expanded||"desktop-expanded"===this.mode}async clear(){this.inputHtmlElement.querySelector("input").value="",this.hasInputValue=!1}get closeButton(){return"mobile"===this.mode?n("span",{class:{"input-close":!0,hide:!0,[this.darkMode?"dark":this.theme]:!0},ref:t=>this.closeInputHtmlElement=t,tabindex:0,role:"button",onMouseDown:t=>t.preventDefault(),onClick:this.handleCloseButtonAction,onKeyDown:this.handleCloseButtonAction},this.closeInputText):""}render(){return n(i,{key:"5d7d6e1bd32a27dcfce5932295769e3a43a6c638"},n("div",{key:"5fc8158f9fc5968044ceec942be42ef7ca8c8bc3",class:{container:!0,expanded:this.expanded,[this.mode]:!0,[this.darkMode?"dark":this.theme]:!0,[this.size]:!0},tabIndex:-1},n("div",{key:"8f8da46d1f0125e2e3c65321216bf4d5c23ffa6c",class:"input-wrapper",ref:t=>this.inputWrapper=t,tabIndex:-1},n("tet-input",{key:"32cbca57a60e3b25b49665bbca9e676d4e4fc822",class:"tet-input expandable","input-class":this.class,"input-placeholder":this.renderInputContent?this.placeholder:"","accessibility-label":this.accessibilityLabel,"input-value":this.value,"input-disabled":this.disabled,error:this.error,"icon-left":this.iconLeft,"icon-right":this.hasInputValue&&this.expanded?this.iconRight:"",iconRightClickCallback:this.iconRightClickCallback,theme:this.darkMode?"dark":this.theme,ref:t=>this.inputHtmlElement=t}),this.closeButton)))}static get watchers(){return{mode:["onModeChange"],size:["onSizeChange"]}}};s.style=':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;outline:none;width:100%;--expandable-input-font-size:1rem;--expandable-input-border-radius:2rem;--expandable-input-font-family:Inter;--expandable-input-font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif;--expandable-input-container-justify-content:flex-end;--expandable-input-container-height:2.75rem;--expandable-input-container-close-padding:0.75rem 1rem;--expandable-input-desktop-collapsed-icon-left-padding:0.75rem;--expandable-input-mobile-collapsed-icon-left-padding:0.625rem;--expandable-input-close-button-text-color:var(--tc-text-primary);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary);--expandable-input-desktop-collapsed-background-color:var(--tc-layer-secondary);--expandable-input-desktop-collapsed-background-hover-color:var(--tc-menu-item-hover);--expandable-input-icon-secondary-color:var(--tc-icon-secondary);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary)}.container{display:flex;flex-direction:row;justify-content:var(--expandable-input-container-justify-content);align-items:center;min-height:var(--expandable-input-container-height);height:var(--expandable-input-container-height)}.container.small{--expandable-input-container-height:2.25rem;--expandable-input-container-close-padding:0.5rem 0.75rem;--expandable-input-desktop-collapsed-icon-left-padding:0.5rem;--expandable-input-mobile-collapsed-icon-left-padding:0.375rem}.container.dark{--expandable-input-close-button-text-color:var(--tc-text-primary-dark);--expandable-input-desktop-collapsed-border-color:var(--tc-border-quaternary-dark);--expandable-input-desktop-collapsed-background-color:var(--tc-layer-secondary-dark);--expandable-input-desktop-collapsed-background-hover-color:var(--tc-menu-item-hover-dark);--expandable-input-icon-secondary-color:var(--tc-icon-secondary-dark);--expandable-input-mobile-input-default-state-text-color:var(--tc-text-secondary-dark)}.container .icon.icon-left{pointer-events:none}.container .input-close{display:flex;align-items:center;padding:var(--expandable-input-container-close-padding);cursor:pointer;color:var(--expandable-input-close-button-text-color);border-radius:0.625rem}.container .input-close:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:-0.125remrem;transition:outline 0s}.container .input-close.hide{display:none}.container .input-wrapper{display:flex;max-width:100%;width:18.375rem;gap:0.5rem}.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-right,.container.mobile.expanded tet-input:not(:focus-within) .icon.icon-left{--input-icon-color:var(--expandable-input-icon-secondary-color)}.container.mobile.expanded tet-input:not(:focus-within) .tet-input__base.sc-tet-input{color:var(--expandable-input-mobile-input-default-state-text-color)}.container.mobile:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-mobile-collapsed-icon-left-padding);--input-icon-size:1.5rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input{--input-border-color:transparent;--input-background-color:transparent;--input-hover-background-color:transparent;--input-border-disabled:transparent;--input-disabled-background-color:transparent}.container.desktop:not(.expanded) tet-input{--input-icon-left-position:var(--expandable-input-desktop-collapsed-icon-left-padding)}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input{--input-border-color:var(--expandable-input-desktop-collapsed-border-color);--input-background-color:var(--expandable-input-desktop-collapsed-background-color);--input-hover-background-color:var(--expandable-input-desktop-collapsed-background-hover-color);transition:background-color 300ms ease-in-out, border 300ms ease-in-out}.container.desktop:not(.expanded) tet-input .tet-input__base.sc-tet-input:not([disabled],.error):hover{border-color:transparent}.container.mobile tet-input,.container.desktop tet-input{--input-icon-size:1.25rem}.container.mobile:not(.expanded) .with-icon--left.sc-tet-input,.container.desktop:not(.expanded) .with-icon--left.sc-tet-input{padding-left:0}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input,.container.desktop:not(.expanded) .tet-input__base.sc-tet-input{--input-border-radius:2rem}.container.mobile:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]),.container.desktop:not(.expanded) .tet-input__base.sc-tet-input:hover:not([disabled]){cursor:pointer}.container.mobile.expanded .input-wrapper,.container.desktop.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded .icon{transition:opacity 300ms, color 300ms}.container.desktop-expanded.expanded .input.with-icon--left.sc-tet-input{padding-left:2.5rem}.container.desktop-expanded.expanded .input-wrapper{width:100%;height:100%}.container.desktop-expanded.expanded .icon{transition:opacity 300ms, color 300ms}.container tet-input.tet-input{flex-grow:1;--input-font-size:var(--expandable-input-font-size);--input-border-radius:var(--expandable-input-border-radius);--input-font-family:var(--expandable-input-font-family);--input-height:var(--expandable-input-container-height)}.container tet-input.tet-input tet-icon{--icon-container-display:flex}';export{s as tet_expandable_input}

package/dist/tet-components/{p-46b3fc7f.entry.js → p-18ef5232.entry.js}

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

@@ -1 +1 @@
-import{e,A as s}from"./p-0ebbf5ef.js";const r=r=>{let t;try{t=new URL(r,e.addressSearch).href}catch(e){return console.error(e),Promise.resolve([])}return(new s).setUrl(t).setOptions({method:"GET"}).setErrorFallbackValue([]).execute()},t=r=>{let t;try{t=new URL(r,e.address).href}catch(e){return console.error(e),Promise.resolve({addressKey:"",fullAddress:"",postalCode:""})}return(new s).setUrl(t).setOptions({method:"GET"}).setErrorFallbackValue({addressKey:"",fullAddress:"",postalCode:""}).execute()};export{r as a,t as s}
+import{e,A as s}from"./p-59ffdcd3.js";const r=r=>{let t;try{t=new URL(r,e.addressSearch).href}catch(e){return console.error(e),Promise.resolve([])}return(new s).setUrl(t).setOptions({method:"GET"}).setErrorFallbackValue([]).execute()},t=r=>{let t;try{t=new URL(r,e.address).href}catch(e){return console.error(e),Promise.resolve({addressKey:"",fullAddress:"",postalCode:""})}return(new s).setUrl(t).setOptions({method:"GET"}).setErrorFallbackValue({addressKey:"",fullAddress:"",postalCode:""}).execute()};export{r as a,t as s}