@tet/tet-components 1.3.152-staging → 1.3.153-staging
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +2 -2
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +4 -4
- package/dist/collection/components/advanced/cards/tet-business-summary-card/tet-business-summary-card.css +11 -6
- package/dist/collection/components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.css +7 -2
- package/dist/collection/components/views/tet-b2b-configurator/test/mocks/page-loaded.js +4 -4
- package/dist/collection/components/views/tet-b2b-configurator/test/mocks/page-loading.js +4 -4
- package/dist/collection/components/views/tet-b2b-configurator/tet-b2b-configurator.css +16 -0
- package/dist/collection/components/views/tet-b2b-configurator/tet-b2b-configurator.js +3 -3
- package/dist/components/{p-c339ce60.js → p-40c772b5.js} +1 -1
- package/dist/components/p-b1e5b668.js +125 -0
- package/dist/components/tet-b2b-configurator-cart.js +1 -1
- package/dist/components/tet-b2b-configurator.js +6 -6
- package/dist/components/tet-business-summary-card.js +1 -1
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +2 -2
- package/dist/esm/tet-b2b-configurator.entry.js +4 -4
- package/dist/tet-components/{p-9892257e.entry.js → p-26af11a8.entry.js} +1 -1
- package/dist/tet-components/p-38caba5e.entry.js +1 -0
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/views/tet-b2b-configurator/test/mocks/page-loaded.d.ts +1 -1
- package/dist/types/components/views/tet-b2b-configurator/test/mocks/page-loading.d.ts +1 -1
- package/package.json +1 -1
- package/dist/components/p-e32e2421.js +0 -125
- package/dist/tet-components/p-251c960f.entry.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,H as r,g as i}from"./p-67c5dc0a.js";import{e as a,A as n}from"./p-0967ecde.js";import{c as s}from"./p-baa9231f.js";import{t as c}from"./p-42613a55.js";import"./p-d0d6a340.js";const{state:l,set:d,get:f}=s({data:[],cart:new Map,productDetails:new Map}),m=t=>{const o=new Map(l.cart);o.delete(t),d("cart",o)},h=class{constructor(r){t(this,r),this.compareLinkClick=o(this,"compareLinkClick",7),this.b2bConfiguratorSubmit=o(this,"b2bConfiguratorSubmit",7),this.successCloseClick=o(this,"successCloseClick",7),this.priceSuffix="€/mēn.",this.checkDesktopResolution=()=>{this.isDesktopResolution=window.innerWidth>=1024},this.fetchData=async()=>{(t=>{d("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})}d("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()})())},this.renderPlaceholder=()=>{const t="dark"===this.theme;return[e("div",{class:"offer placeholder"},e("div",{style:{padding:this.isDesktopResolution?"1.5rem":"1rem"}},e("tet-placeholder",{class:"placeholder",height:this.isDesktopResolution?"2rem":"1.5rem",darkTheme:t})),e("div",{class:"offer__content"},e("tet-placeholder",{class:"placeholder offer__navigation",height:this.isDesktopResolution?"48rem":" 2.25rem",darkTheme:t,style:{margin:"0"}}),e("div",{class:"offer__cards"},e("div",{class:"offer__cards-list"},e("tet-placeholder",{class:"placeholder",height:"3rem",darkTheme:t}),e("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),e("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),e("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}),e("tet-placeholder",{class:"placeholder",height:"10.25rem",darkTheme:t}))))),e("div",{class:"cart cart--empty",style:{padding:"1.5rem 1rem 1rem","background-color":"var(--b2b-background-color)"}},e("tet-placeholder",{class:"placeholder",height:"12.75rem",darkTheme:t}))]},this.categoryClickHandler=t=>{const{id:o}=t.detail,e=this.getCategoryById(o);e&&("primary"===e.type?this.activePrimaryCategoryId=o:this.activeSecondaryCategoryId=o)},this.renderOffer=()=>{const t=[{name:c("components-b2b-offer-primary-title"),type:"primary"},{name:c("components-b2b-offer-secondary-title"),type:"secondary"}];return e("div",{class:{offer:!0,[`offer--${this.theme}`]:!0}},t.map((t=>{const o=l.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 e("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},e("div",{class:"offer__content"},e("div",{class:"offer__navigation"},e("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)))})))},this.getCategoryById=t=>l.data.find((o=>o.id===t)),this.onCompareLinkClick=t=>{const o=this.getCategoryById(t);o&&o.modalScreenId&&this.compareLinkClick.emit(o.modalScreenId)},this.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]}},this.handleProductCountChanged=async(t,o)=>{const{cardId:e,count:r}=t.detail,i=this.getCategoryById(o);if(i&&l.cart.get(e)!==r){if(!r)return this.itemToRemove=e,void this.confirmationDialogEl.open();i.allowMultipleChoice||i.products.forEach((t=>t.productCode!==e&&m(t.productCode))),((t,o)=>{if(o<0)return;const e=new Map(l.cart);e.set(t,o),d("cart",e)})(e,r),this.isDesktopResolution&&(this.cartEl.changeBlockState(i.type,"open"),this.cartEl.changeBlockState("primary"===i.type?"secondary":"primary","close"))}},this.onConfirmationClose=()=>{this.itemToRemove=null},this.renderConfirmationDialog=()=>e("tet-dialog",{ref:t=>this.confirmationDialogEl=t,class:this.theme,closeOnOverlayClick:!1,onCloseDialog:this.onConfirmationClose,theme:this.theme},e("div",{class:"action-dialog"},e("tet-icon",{class:"action-dialog__icon action-dialog__attention-icon",name:"attention"}),e("div",{class:"action-dialog__title"},c("components-b2b-item-remove-confirmation-title"))),e("div",{slot:"footer",class:"action-dialog__footer"},e("tet-button",{type:"secondary",theme:this.theme,size:"large",onClick:()=>this.confirmationDialogEl.close()},c("components-b2b-item-remove-confirmation-decline")),e("tet-button",{type:"primary",theme:this.theme,size:"large",iconName:"tc-trash",iconPosition:"left",onClick:()=>{m(this.itemToRemove),this.confirmationDialogEl.close()}},c("components-b2b-item-remove-confirmation-accept")))),this.resetState=()=>{d("cart",new Map),this.checkoutAttempted=!1,this.primaryAccordionEl.open(),this.secondaryAccordionEl.close()},this.renderSubmissionStateDialog=()=>{const t="loading"===this.formState,o=()=>{this.resetState(),this.successCloseClick.emit(),this.submissionStateDialogEl.close()},r=t?e("div",{class:"action-dialog"},e("tet-spinner",{theme:this.theme}),e("div",{class:"action-dialog__title"},c("components-b2b-loading-dialog-title")),e("div",{class:"action-dialog__description"},c("components-b2b-loading-dialog-description"))):[e("div",{class:"action-dialog"},e("tet-icon",{class:"action-dialog__icon action-dialog__success-icon",name:"tc-check-circle"}),e("div",{class:"action-dialog__title"},c("components-b2b-success-dialog-title")),e("div",{class:"action-dialog__description"},c("components-b2b-success-dialog-description"))),e("div",{slot:"footer",class:"action-dialog__footer"},e("tet-button",{type:"secondary",theme:this.theme,size:"large",onClick:o},e("div",{class:"action-dialog__button-text"},c("components-b2b-success-dialog-close"))),e("tet-button",{type:"primary",theme:this.theme,size:"large",onClick:()=>{this.resetState(),this.submissionStateDialogEl.close()}},e("div",{class:"action-dialog__button-text"},c("components-b2b-success-dialog-start-again"))))];return e("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},r)},this.renderCards=t=>{var o;const r="primary"===t?this.activePrimaryCategoryId:this.activeSecondaryCategoryId,i="primary"===t?this.selectedPrimaryCards:this.selectedSecondaryCards,a=((null===(o=this.getCategoryById(r))||void 0===o?void 0:o.products)||[]).map((t=>{var o,a;const{productCode:n,name:{lv:s},description:{lv:c},amount:d,b2bConfiguratorProduct:{discountAmount:f,selectionType:m,defaultValue:h,minValue:u,maxValue:y,translationKey:p},benefits:{lv:b},contracts:v}=t,g=!!(null===(o=t.attributes.find((t=>"isBestChoice"===t.key)))||void 0===o?void 0:o.value),_="single"===m?void 0:{defaultValue:h,minValue:u,maxValue:y,label:p},w={id:n,title:s,subtitle:c,isBestChoice:g,price:d,discountPrice:f,benefits:b.split("\n"),contract:null===(a=v[0])||void 0===a?void 0:a.contract,counterOptions:_},k=i.includes(n);return e("tet-b2b-compare-card",{options:w,theme:this.theme,key:n,isSelected:k,onSelectedChange:()=>this.handleCardSelected(n,r),count:l.cart.get(n),onCountChange:t=>this.handleProductCountChanged(t,r)})}));return e("div",{class:"offer__cards"},e("div",{class:"offer__cards-header"},e("div",{class:"offer__cards-title"},c("components-b2b-offer-product-list-title")),e("button",{class:{"button-reset":!0,compare__button:!0,[`${this.theme}`]:!0},onClick:()=>{this.onCompareLinkClick(r)}},e("span",{class:{compare__text:!0,"tet-link":!0,[`${this.theme}`]:!0}},c("components-b2b-offer-compare-link-text")),e("div",{class:"compare__icon-wrapper"},e("tet-icon",{class:"compare__icon",name:"tc-info-circle-outline",theme:this.theme})))),e("div",{class:"offer__cards-list"},a))},this.handleCartProductCountChange=(t,o,e)=>{this.handleProductCountChanged({detail:{cardId:t,count:o}},e)},this.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))},this.renderCartCardsList=t=>{const o=o=>{const r=l.cart.get(o),i=l.productDetails.get(o);if(void 0===r||!i)return null;const{name:a,amount:n,description:s,discountAmount:d,categoryName:f,categoryType:m,categoryId:h,b2bConfiguratorProduct:u}=i,y="primary"===m?s:f,{selectionType:p,term:b,minValue:v,maxValue:g,translationKey:_}=u;return e("tet-business-summary-card",{key:o,productName:a,price:n,productDescription:y,discountPrice:d,currency:this.priceSuffix,contractTerm:b,theme:this.theme,withStepper:"number"===p,value:r,minValue:v,maxValue:g,stepperLabel:c(_||""),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 r=[...l.cart].filter((([o])=>{const e=l.productDetails.get(o);return e&&e.categoryType===t})).map((([t])=>o(t)));return r.length?e("div",{class:"cart__card-list",slot:t},r):null}))},this.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"))},this.renderCart=(t="edit")=>{var o;const r=!l.cart.size;let i={primary:0,secondary:0},a={primary:0,secondary:0},n=0;for(const[t,e]of l.cart){const r=l.productDetails.get(t);r&&(i[r.categoryType]+=(null!==(o=r.discountAmount)&&void 0!==o?o:r.amount)*e,a[r.categoryType]+=1,n+=r.amount*e)}const{primary:s,secondary:d}=i,f=s+d,m=n-f,{primary:h,secondary:u}=this.areProductsAddedToCart(),y="edit"===t&&this.checkoutAttempted&&!h,p="edit"===t&&this.checkoutAttempted&&!u,b={summaryAmount:f.toFixed(2),primaryAmount:s.toFixed(2),secondaryAmount:d.toFixed(2),primaryCount:a.primary,secondaryCount:a.secondary,summarySavings:m.toFixed(2),hasPrimaryNotification:y,hasSecondaryNotification:p},v="edit"===t?e("tet-button",{onClick:this.checkout,slot:"cta",class:"cart__cta",type:"primary",size:this.isDesktopResolution?"large":"medium",theme:this.theme},c("components-b2b-cart-cta-button-title")):null;return e("tet-b2b-configurator-cart",{ref:o=>"edit"===t?this.cartEl=o:null,context:t,class:{cart:!0,"cart--empty":r,[`cart--${t}`]:!0},data:b,theme:this.theme,isCartEmpty:r,isDesktopResolution:this.isDesktopResolution},this.renderCartCardsList(t),v)},this.areProductsAddedToCart=()=>{const t={primary:!1,secondary:!1};for(const[o,e]of l.cart){const e=l.productDetails.get(o);e&&(t[e.categoryType]=!0)}return t},this.checkout=()=>{this.checkoutAttempted=!0;const{primary:t,secondary:o}=this.areProductsAddedToCart();t&&o&&this.checkoutFormEl.open()},this.submit=({detail:t})=>{const o={cart:Object.fromEntries(f("cart")),contactInfo:t};this.formState="loading",this.b2bConfiguratorSubmit.emit(o),this.checkoutFormEl.close(),this.submissionStateDialogEl.open()},this.renderCheckoutForm=()=>e("tet-b2b-check-out-form",{ref:t=>this.checkoutFormEl=t,theme:this.theme,"onSubmit-check-out-form":this.submit},e("div",{slot:"cart"},this.renderCart("checkout"))),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=""}resetSelectedPrimaryCards(){this.selectedPrimaryCards=[]}resetSelectedSecondaryCards(){this.selectedSecondaryCards=[]}async componentWillLoad(){this.checkDesktopResolution(),this.referenceElement=this.stickyRefEl?document.querySelector(this.stickyRefEl):this.hostElement.parentElement}async componentDidLoad(){var t,o;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=(null===(t=l.data.find((t=>"primary"===t.type)))||void 0===t?void 0:t.id)||null,this.activeSecondaryCategoryId=(null===(o=l.data.find((t=>"secondary"===t.type)))||void 0===o?void 0:o.id)||null,this.positionStickyCartEl()}onResize(){this.checkDesktopResolution(),this.positionStickyCartEl()}async setSubmitFormState(t){this.formState=t}render(){return e(r,{key:"cde53290fd1b9b91e0ef09018d26b9aadc1b8a05"},e("div",{key:"85dfbdedec7d0ce891651b2ce3c9f09f29377735",class:{configurator:!0,[`${this.theme}`]:!0}},this.isLoading?this.renderPlaceholder():l.data&&[this.renderOffer(),this.renderCart()]),this.renderCheckoutForm(),this.renderConfirmationDialog(),this.renderSubmissionStateDialog())}get hostElement(){return i(this)}static get watchers(){return{activePrimaryCategoryId:["resetSelectedPrimaryCards"],activeSecondaryCategoryId:["resetSelectedSecondaryCards"]}}};h.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:underline;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;font:inherit;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}@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}.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))}.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}@media screen and (min-width: 48rem){.cart__cta{align-self:flex-end}}.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{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;justify-content:space-between;flex:auto}.action-dialog__button-text{white-space:nowrap}';export{h as tet_b2b_configurator}
|