@tet/tet-components 1.4.138-testing → 1.4.139-production

package/dist/collection/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.js

@@ -7,6 +7,10 @@ export class TetCompareCardV3 {
      * The size of the button.
      */
     cardType = 'static';
+    /**
+     * Control used to select options when cardType is 'single-card'.
+     */
+    singleCardControlType = 'tabs';
     /**
      * The theme of the card.
      */
@@ -84,6 +88,8 @@ export class TetCompareCardV3 {
     preselectedRemountId = 0;
     buttonSize = 'large';
     isSingleCardDesktop = true;
+    smallRadioBlocksPerRow = 2;
+    largeRadioBlocksPerRow = 3;
     didEmitCardLoaded = false;
     /**
      * Emitted when the card has loaded.
@@ -173,12 +179,19 @@ export class TetCompareCardV3 {
     syncSingleCardBreakpoint() {
         if (globalThis.window === undefined) {
             this.isSingleCardDesktop = true;
+            this.smallRadioBlocksPerRow = 2;
+            this.largeRadioBlocksPerRow = 3;
             return;
         }
-        const nextIsSingleCardDesktop = globalThis.window.innerWidth >= this.singleCardBreakpoint;
+        const width = globalThis.window.innerWidth;
+        const nextIsSingleCardDesktop = width >= this.singleCardBreakpoint;
         if (this.isSingleCardDesktop !== nextIsSingleCardDesktop) {
             this.isSingleCardDesktop = nextIsSingleCardDesktop;
         }
+        if (this.singleCardControlType === 'radio') {
+            this.smallRadioBlocksPerRow = width < 768 || (width >= 1024 && width < 1280) ? 1 : 2;
+            this.largeRadioBlocksPerRow = (width >= 768 && width < 1024) || width >= 1440 ? 3 : 2;
+        }
     }
     getOptionId(option) {
         return option?.id ?? option?.productCode ?? '';
@@ -366,7 +379,7 @@ export class TetCompareCardV3 {
             : toggleKey;
         return (h("div", { class: "switch-wrapper" }, h("tet-switch", { class: "switch", theme: this.theme, key: switchKey, name: toggleKey, checked: this.selectedSwitchKeys.includes(toggleKey), onCheck: (e) => this.handleSwitchToggle(toggleKey, e.detail.checked), labelPosition: "left", focusStyleOnContainer: true }, h("div", { class: "switch-label" }, h("tet-icon", { theme: this.theme, class: "benefit__icon", name: icon }), name))));
     }
-    handleSingleCardTabSelect(productId) {
+    handleSingleCardControlSelect(productId) {
         const option = this.getOptionById(productId);
         if (!option) {
             return;
@@ -385,7 +398,10 @@ export class TetCompareCardV3 {
             const label = this.options[0].optionLabel ?? '';
             return (h("div", { class: "single-option-label" }, label));
         }
-        return (h("tet-tab-header", { theme: this.theme, mode: "switch", segmented: true, sizing: this.isSingleCardDesktop ? 'web' : 'mobile', defaultTab: defaultTab, onTabSelected: (event) => this.handleSingleCardTabSelect(event.detail.new) }, this.options.map((option) => {
+        if (this.singleCardControlType === 'radio') {
+            return this.renderSingleCardRadioControls();
+        }
+        return (h("tet-tab-header", { theme: this.theme, mode: "switch", segmented: true, sizing: this.isSingleCardDesktop ? 'web' : 'mobile', defaultTab: defaultTab, onTabSelected: (event) => this.handleSingleCardControlSelect(event.detail.new) }, this.options.map((option) => {
             const productId = this.getOptionId(option);
             const label = option.optionLabel ?? '';
             if (!productId) {
@@ -394,6 +410,26 @@ export class TetCompareCardV3 {
             return (h("button", { type: "button", "data-name": productId }, label));
         })));
     }
+    renderSingleCardRadioControls() {
+        const selectedProductId = this.selectedProductId || this.getOptionId(this.options[0]);
+        const useSmallBlocks = this.options.some((option) => (option?.bonuses ?? []).length > 0 || !!option?.optionIcon);
+        const blocks = this.options.flatMap((option) => {
+            const productId = this.getOptionId(option);
+            if (!productId) {
+                return [];
+            }
+            return [{
+                    id: productId,
+                    label: option.optionLabel ?? '',
+                    value: productId,
+                    checked: productId === selectedProductId,
+                    iconName: option.optionIcon ?? '',
+                    description: option.optionDescription ?? '',
+                    secondaryDescription: option.optionSecondaryDescription ?? '',
+                }];
+        });
+        return (h("tet-radio-blocks", { theme: this.theme, blocks: blocks, blockType: useSmallBlocks ? 'small' : 'large', blocksPerRow: useSmallBlocks ? this.smallRadioBlocksPerRow : this.largeRadioBlocksPerRow, accessibilityLabel: this.controlsTitle?.replace(/:\s*$/, '').trim(), onCheck: (event) => this.handleSingleCardControlSelect(event.detail.value) }));
+    }
     /**
      * Renders bonus groups for the selected product.
      */
@@ -514,13 +550,14 @@ export class TetCompareCardV3 {
             ? this.renderSingleCardDropdownControls()
             : this.renderControl(selectionOptions);
         const isSingleCard = this.cardType === 'single-card';
+        const isSingleCardTabControls = this.singleCardControlType === 'tabs';
         const isSingleOption = this.options.length === 1;
         if (!control && !hasSingleCardDropdownOptions) {
             return null;
         }
         return (h("div", { class: "controls" }, hasSingleCardDropdownOptions && !!this.singleCardTabsTitle && (h("div", { class: "single-card-tabs-title" }, this.singleCardTabsTitle)), hasSingleCardDropdownOptions && this.renderSingleCardControls(), renderTitle && (h("div", { class: {
                 'section-title': true,
-                'single-card-controls-title': isSingleCard,
+                'single-card-tab-controls-title': isSingleCard && isSingleCardTabControls,
                 'single-option': isSingleCard && isSingleOption,
             } }, this.controlsTitle)), control));
     }
@@ -603,7 +640,7 @@ export class TetCompareCardV3 {
         return (h("tet-placeholder", { class: { 'card__placeholder': true, 'single-card': this.cardType === 'single-card' }, height: "100%", width: "100%", darkTheme: this.theme === 'dark' }));
     }
     render() {
-        return (h(Host, { key: 'db2a0399e7903acc8a4f3065211cab95a02b8179', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
+        return (h(Host, { key: '26d85ce9b2114fab806f029fc148374227a8a54a', "data-contains-focusable-content": true }, this.showLoader ? this.renderLoader() : this.renderCard()));
     }
     static get is() { return "tet-compare-card-v3"; }
     static get encapsulation() { return "shadow"; }
@@ -639,6 +676,26 @@ export class TetCompareCardV3 {
                 "attribute": "card-type",
                 "defaultValue": "'static'"
             },
+            "singleCardControlType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'tabs' | 'radio'",
+                    "resolved": "\"radio\" | \"tabs\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Control used to select options when cardType is 'single-card'."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "single-card-control-type",
+                "defaultValue": "'tabs'"
+            },
             "theme": {
                 "type": "string",
                 "mutable": false,
@@ -976,7 +1033,9 @@ export class TetCompareCardV3 {
             "allProductData": {},
             "preselectedRemountId": {},
             "buttonSize": {},
-            "isSingleCardDesktop": {}
+            "isSingleCardDesktop": {},
+            "smallRadioBlocksPerRow": {},
+            "largeRadioBlocksPerRow": {}
         };
     }
     static get events() {

package/dist/collection/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.css

@@ -361,21 +361,21 @@
     * @prop --radio-block-checked-background-color: Sets background color of radio block when its checked.
     * @prop --radio-block-focused-border-color: Sets outline color of radio block when focused with keyboard;
    */
+  --radio-block-text-color: var(--tc-text-primary);
+  --radio-block-border-color: var(--tc-border-quaternary);
+  --radio-block-background-color: var(--tc-layer-permanent-white);
+  --radio-block-hover-border-color: var(--tc-border-tertiary);
+  --radio-block-hover-background-color: var(--tc-yellow-10);
+  --radio-block-pressed-border-color: var(--tc-border-secondary);
+  --radio-block-pressed-background-color: var(--tc-yellow-20);
+  --radio-block-checked-border-color: var(--tc-yellow-60);
+  --radio-block-checked-background-color: var(--tc-yellow-40);
+  --radio-block-focused-border-color: var(--tc-blue-40);
   display: block;
   position: relative;
 }
 
-.radio-block {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  gap: 0.75rem;
-  border-radius: 0.5rem;
-  border: 0.0625rem solid var(--radio-block-border-color);
-  background-color: var(--radio-block-background-color);
-  cursor: pointer;
-}
-.radio-block-dark-theme {
+:host([theme=dark]) {
   --radio-block-text-color: var(--tc-text-primary-dark);
   --radio-block-border-color: var(--tc-border-quaternary-dark);
   --radio-block-background-color: var(--tc-layer-permanent-black-dark);
@@ -387,60 +387,92 @@
   --radio-block-checked-background-color: var(--tc-brown-50-dark);
   --radio-block-focused-border-color: var(--tc-blue-40-dark);
 }
-.radio-block-light-theme {
-  --radio-block-text-color: var(--tc-text-primary);
-  --radio-block-border-color: var(--tc-border-quaternary);
-  --radio-block-background-color: var(--tc-layer-permanent-white);
-  --radio-block-hover-border-color: var(--tc-border-tertiary);
-  --radio-block-hover-background-color: var(--tc-yellow-10);
-  --radio-block-pressed-border-color: var(--tc-border-secondary);
-  --radio-block-pressed-background-color: var(--tc-yellow-20);
-  --radio-block-checked-border-color: var(--tc-yellow-60);
-  --radio-block-checked-background-color: var(--tc-yellow-40);
-  --radio-block-focused-border-color: var(--tc-blue-40);
+
+.radio-block {
+  display: flex;
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  align-items: flex-start;
+  gap: 0.75rem;
+  border-radius: 0.5rem;
+  border: 0.0625rem solid var(--radio-block-border-color);
+  background-color: var(--radio-block-background-color);
+  cursor: pointer;
+  overflow: hidden;
 }
-.radio-block.small {
-  padding: 1.25rem 0.75rem;
+.radio-block__container.small > .radio-block {
+  padding: 1rem 0.75rem;
   flex-direction: row;
-  gap: 0.75rem;
+  gap: 0.5rem;
 }
-.radio-block.large {
+.radio-block__container.large > .radio-block {
   align-items: flex-start;
-  padding: 1.25rem;
   flex-direction: column;
-  gap: 1rem;
+  padding: 1rem;
+  gap: 0.5rem;
+}
+@media screen and (min-width: 80rem) {
+  .radio-block__container.large > .radio-block {
+    padding: 1.25rem;
+    gap: 1rem;
+  }
 }
 .radio-block__container {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   gap: 1rem;
 }
-@media screen and (min-width: 31.25rem) {
-  .radio-block__container.row-of-2 {
-    grid-template-columns: repeat(2, 1fr);
-  }
+.radio-block__container.row-of-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
-@media screen and (min-width: 31.25rem) {
-  .radio-block__container.row-of-3 {
-    grid-template-columns: repeat(3, 1fr);
-  }
+.radio-block__container.row-of-2 > :last-child:nth-child(odd) {
+  grid-column: 1/-1;
+}
+.radio-block__container.row-of-3 {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+.radio-block__container.row-of-3 > * {
+  grid-column: span 2;
+}
+.radio-block__container.row-of-3 > :last-child:nth-child(3n+1) {
+  grid-column: 1/-1;
+}
+.radio-block__container.row-of-3 > :nth-child(3n+1):nth-last-child(2),
+.radio-block__container.row-of-3 > :nth-child(3n+1):nth-last-child(2) + * {
+  grid-column: span 3;
 }
 .radio-block__icon {
   --icon-size: 1.5rem;
 }
+.radio-block__input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
 .radio-block__label {
-  font: 500 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";
+  font: 500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
   color: var(--radio-block-text-color);
 }
-@media screen and (min-width: 31.25rem) {
-  .radio-block__label {
-    font: 500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
+@media screen and (min-width: 80rem) {
+  .radio-block__container.large > .radio-block .radio-block__label {
+    font: 500 1.25rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
   }
 }
 .radio-block__description {
   font: 500 0.75rem/1rem "Inter", "Gilroy, Arial, sans-serif";
   color: var(--radio-block-text-color);
   text-align: start;
+  display: flex;
+  flex-direction: column;
+  margin-top: auto;
+  gap: 0.25rem;
 }
 .radio-block:hover {
   border-color: var(--radio-block-hover-border-color);
@@ -454,6 +486,7 @@
   border-color: var(--radio-block-checked-border-color);
   background-color: var(--radio-block-checked-background-color);
 }
-.radio-block:focus-visible {
-  border: 0.125rem solid var(--radio-block-focused-border-color);
+.radio-block:has(> .radio-block__input:focus-visible) {
+  border: 0.0625rem solid var(--radio-block-focused-border-color);
+  outline: 0.0625rem solid var(--radio-block-focused-border-color);
 }

package/dist/collection/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.js

@@ -3,20 +3,21 @@ import { Host, h } from "@stencil/core";
  * A simple radio block component.
  */
 export class TetRadioBlocks {
+    radioGroupName = 'tet-radio-blocks';
     /** The event that is emitted whenever the control element is checked. */
     check;
     /** The array of items to render as radio blocks. */
-    blocks;
+    blocks = [];
     /** Number of blocks to render in one row. */
     blocksPerRow = 2;
     /** Type of the block. */
     blockType = 'small';
     /** The theme of the radio block. */
     theme = 'light';
-    /** The value of the aria label. */
+    /** Accessible name for the radio group. */
     accessibilityLabel = '';
     /** Defines if block is checked. */
-    checked;
+    checkedBlockId;
     /**
      * Changes the checked prop of the block.
      *
@@ -26,16 +27,15 @@ export class TetRadioBlocks {
     async setChecked(id, value) {
         this.blocks.forEach((block) => {
             block.checked = block.id === id;
-            this.checked = id;
+            this.checkedBlockId = id;
         });
         this.check.emit({ id, value });
     }
     componentWillLoad() {
-        this.blocks.forEach((block) => {
-            if (block.checked) {
-                this.checked = block.id;
-            }
-        });
+        this.syncCheckedBlock();
+    }
+    syncCheckedBlock() {
+        this.checkedBlockId = this.blocks.find((block) => block.checked)?.id;
     }
     /** Render icon of b;lock type is small. */
     renderIcon(iconName) {
@@ -45,27 +45,29 @@ export class TetRadioBlocks {
         return h("tet-icon", { class: "radio-block__icon", name: iconName, theme: this.theme });
     }
     /** Render description if blockType set to large. */
-    renderDescription(description) {
-        if (this.blockType === 'small' || !description) {
+    renderDescription(description, secondaryDescription, descriptionId) {
+        if (this.blockType === 'small' || (!description && !secondaryDescription)) {
             return '';
         }
-        return h("span", { class: "radio-block__description" }, description);
+        return (h("span", { class: "radio-block__description", id: descriptionId }, description && h("span", null, description), secondaryDescription && h("span", null, secondaryDescription)));
     }
     /** Function to render one Single block based on block info. */
-    renderSingleBlock(block) {
-        const { id, value, iconName, label, description } = block;
-        return (h("button", { class: { 'radio-block': true, [this.blockType]: true, 'checked': this.checked === id }, onClick: () => this.setChecked(id, value) }, this.renderIcon(iconName), h("span", { class: "radio-block__label" }, label), this.renderDescription(description)));
+    renderSingleBlock(block, index) {
+        const { id, value, iconName, label, description, secondaryDescription } = block;
+        const labelId = `${this.radioGroupName}-${index}-label`;
+        const descriptionId = `${this.radioGroupName}-${index}-description`;
+        const hasDescription = this.blockType === 'large' && !!(description || secondaryDescription);
+        return (h("label", { class: { 'radio-block': true, 'checked': this.checkedBlockId === id } }, h("input", { class: "radio-block__input", type: "radio", name: this.radioGroupName, value: value, checked: this.checkedBlockId === id, "aria-labelledby": labelId, "aria-describedby": hasDescription ? descriptionId : undefined, onChange: () => this.setChecked(id, value) }), this.renderIcon(iconName), h("span", { class: "radio-block__label", id: labelId }, label), this.renderDescription(description, secondaryDescription, descriptionId)));
     }
     render() {
-        const { theme, blocks } = this;
-        return (h(Host, { key: '9d5566ae86d83b32f964fe3a809c137b68dc323e' }, h("div", { key: '669855a39a00bdf352bc4f98dfe8f9f2a667ac20', class: {
+        return (h(Host, { key: '21a0749fdba1cc6001513687262ab146a892f639' }, h("div", { key: 'dcec81d674af2ca39f150c12096dca147213e938', role: "radiogroup", "aria-label": this.accessibilityLabel || undefined, class: {
                 'radio-block__container': true,
-                [`radio-block-${theme}-theme`]: true,
+                [this.blockType]: true,
                 [`row-of-${this.blocksPerRow}`]: !!this.blocksPerRow
-            } }, blocks.map((block) => this.renderSingleBlock(block)))));
+            } }, this.blocks.map((block, index) => this.renderSingleBlock(block, index)))));
     }
     static get is() { return "tet-radio-blocks"; }
-    static get encapsulation() { return "scoped"; }
+    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["tet-radio-blocks.scss"]
@@ -99,14 +101,15 @@ export class TetRadioBlocks {
                     "text": "The array of items to render as radio blocks."
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "defaultValue": "[]"
             },
             "blocksPerRow": {
                 "type": "number",
                 "mutable": false,
                 "complexType": {
-                    "original": "2 | 3",
-                    "resolved": "2 | 3",
+                    "original": "1 | 2 | 3",
+                    "resolved": "1 | 2 | 3",
                     "references": {}
                 },
                 "required": false,
@@ -157,7 +160,7 @@ export class TetRadioBlocks {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "theme",
                 "defaultValue": "'light'"
             },
@@ -173,7 +176,7 @@ export class TetRadioBlocks {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The value of the aria label."
+                    "text": "Accessible name for the radio group."
                 },
                 "getter": false,
                 "setter": false,
@@ -185,7 +188,7 @@ export class TetRadioBlocks {
     }
     static get states() {
         return {
-            "checked": {}
+            "checkedBlockId": {}
         };
     }
     static get events() {
@@ -247,4 +250,10 @@ export class TetRadioBlocks {
             }
         };
     }
+    static get watchers() {
+        return [{
+                "propName": "blocks",
+                "methodName": "syncCheckedBlock"
+            }];
+    }
 }

package/dist/components/index.js

@@ -1 +1 @@
-import{t}from"./p-nb3MHK7A.js";export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-nb3MHK7A.js";import{TetAccordion as o}from"./tet-accordion.js";import{TetAddressOffers as m}from"./tet-address-offers.js";import{TetAddressOffersFilters as e}from"./tet-address-offers-filters.js";import{TetAddressOffersFiltersProducts as i}from"./tet-address-offers-filters-products.js";import{TetAddressOffersView as p}from"./tet-address-offers-view.js";import{TetAddressSearch as f}from"./tet-address-search.js";import{TetAssembler as j}from"./tet-assembler.js";import{TetAssetAvailabilityAddresses as n}from"./tet-asset-availability-addresses.js";import{TetAutocomplete as c}from"./tet-autocomplete.js";import{TetAutocompleteDropdown as d}from"./tet-autocomplete-dropdown.js";import{TetAvailabilityContactForm as l}from"./tet-availability-contact-form.js";import{TetB2bCheckOutForm as u}from"./tet-b2b-check-out-form.js";import{TetB2bCompareCard as k}from"./tet-b2b-compare-card.js";import{TetB2bConfigurator as v}from"./tet-b2b-configurator.js";import{TetB2bConfiguratorCart as h}from"./tet-b2b-configurator-cart.js";import{TetBannerNav as w}from"./tet-banner-nav.js";import{TetBarGraph as y}from"./tet-bar-graph.js";import{TetBorderRadius as x}from"./tet-border-radius.js";import{TetBusinessCard as A}from"./tet-business-card.js";import{TetBusinessCompareCard as E}from"./tet-business-compare-card.js";import{TetBusinessNavigation as P}from"./tet-business-navigation.js";import{TetBusinessRoundStepper as H}from"./tet-business-round-stepper.js";import{TetBusinessSummaryCard as K}from"./tet-business-summary-card.js";import{TetButton as M}from"./tet-button.js";import{TetCardList as N}from"./tet-card-list.js";import{TetCarousel as O}from"./tet-carousel.js";import{TetCheckbox as q}from"./tet-checkbox.js";import{TetCloudApplicationFormDialog as z}from"./tet-cloud-application-form-dialog.js";import{TetCloudConfigurator as B}from"./tet-cloud-configurator.js";import{TetColors as C}from"./tet-colors.js";import{TetCompareCard as D}from"./tet-compare-card.js";import{TetCompareCardV2 as F}from"./tet-compare-card-v2.js";import{TetCompareCardV3 as G}from"./tet-compare-card-v3.js";import{TetCompareCards as I}from"./tet-compare-cards.js";import{TetCompareCardsTab as J}from"./tet-compare-cards-tab.js";import{TetContainer as L}from"./tet-container.js";import{TetCountdown as Q}from"./tet-countdown.js";import{TetCounter as R}from"./tet-counter.js";import{TetDatepicker as S}from"./tet-datepicker.js";import{TetDatepickerHeader as T}from"./tet-datepicker-header.js";import{TetDatepickerMonthView as U}from"./tet-datepicker-month-view.js";import{TetDatepickerMultiYearView as V}from"./tet-datepicker-multi-year-view.js";import{TetDatepickerYearView as W}from"./tet-datepicker-year-view.js";import{TetDialog as X}from"./tet-dialog.js";import{TetDisplay as Y}from"./tet-display.js";import{TetDivider as Z}from"./tet-divider.js";import{TetDropdown as $}from"./tet-dropdown.js";import{TetDynamicCard as _}from"./tet-dynamic-card.js";import{TetExpandableInput as tt}from"./tet-expandable-input.js";import{TetExpansionPanel as rt}from"./tet-expansion-panel.js";import{TetFeedbackForm as ot}from"./tet-feedback-form.js";import{TetFilter as mt}from"./tet-filter.js";import{TetFloatingBlock as et}from"./tet-floating-block.js";import{TetFontWeight as st}from"./tet-font-weight.js";import{TetFonts as it}from"./tet-fonts.js";import{TetGrid as pt}from"./tet-grid.js";import{TetIcon as ft}from"./tet-icon.js";import{TetInlineMessage as at}from"./tet-inline-message.js";import{TetInput as jt}from"./tet-input.js";import{TetLayout as nt}from"./tet-layout.js";import{TetLink as ct}from"./tet-link.js";import{TetLinkCardList as dt}from"./tet-link-card-list.js";import{TetLoader as lt}from"./tet-loader.js";import{TetMenu as ut}from"./tet-menu.js";import{TetMenuMobile as bt}from"./tet-menu-mobile.js";import{TetMiniCompareCard as gt}from"./tet-mini-compare-card.js";import{TetMultiStepDialog as kt}from"./tet-multi-step-dialog.js";import{TetNavigationMobile as vt}from"./tet-navigation-mobile.js";import{TetNewsCardList as ht}from"./tet-news-card-list.js";import{TetNotification as wt}from"./tet-notification.js";import{TetNumberInput as yt}from"./tet-number-input.js";import{TetPlaceholder as xt}from"./tet-placeholder.js";import{TetPosition as At}from"./tet-position.js";import{TetPriceView as Et}from"./tet-price-view.js";import{TetRadio as Pt}from"./tet-radio.js";import{TetRadioBlocks as Ht}from"./tet-radio-blocks.js";import{TetRangeSlider as Kt}from"./tet-range-slider.js";import{TetRoundStepper as Mt}from"./tet-round-stepper.js";import{TetSelectionList as Nt}from"./tet-selection-list.js";import{TetSnickerCard as Ot}from"./tet-snicker-card.js";import{TetSnickerCardGroup as qt}from"./tet-snicker-card-group.js";import{TetSpacing as zt}from"./tet-spacing.js";import{TetSpinner as Bt}from"./tet-spinner.js";import{TetStepperInput as Ct}from"./tet-stepper-input.js";import{TetStepperV3 as Dt}from"./tet-stepper-v3.js";import{TetStickyOffer as Ft}from"./tet-sticky-offer.js";import{TetSupportSearch as Gt}from"./tet-support-search.js";import{TetSwitch as It}from"./tet-switch.js";import{TetTabContent as Jt}from"./tet-tab-content.js";import{TetTabHeader as Lt}from"./tet-tab-header.js";import{TetTable as Qt}from"./tet-table.js";import{TetTag as Rt}from"./tet-tag.js";import{TetTagGroup as St}from"./tet-tag-group.js";import{TetText as Tt}from"./tet-text.js";import{TetTextList as Ut}from"./tet-text-list.js";import{TetTextarea as Vt}from"./tet-textarea.js";import{TetThankYouViewV3 as Wt}from"./tet-thank-you-view-v3.js";import{TetTooltip as Xt}from"./tet-tooltip.js";const Yt=r=>{"undefined"!=typeof customElements&&[o,m,e,i,p,f,j,n,c,d,l,u,k,v,h,w,y,x,A,E,P,H,K,M,N,O,q,z,B,C,D,F,G,I,J,L,Q,R,S,T,U,V,W,X,Y,Z,$,_,tt,rt,ot,mt,et,st,it,pt,ft,at,jt,nt,ct,dt,lt,ut,bt,gt,kt,vt,ht,wt,yt,xt,At,Et,Pt,Ht,Kt,Mt,Nt,Ot,qt,zt,Bt,Ct,Dt,Ft,Gt,It,Jt,Lt,Qt,Rt,St,Tt,Ut,Vt,Wt,Xt].forEach((o=>{customElements.get(t(o.is))||customElements.define(t(o.is),o,r)}))};export{Yt as defineCustomElements}
+import{t}from"./p-BTndlvfE.js";export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BTndlvfE.js";import{TetAccordion as o}from"./tet-accordion.js";import{TetAddressOffers as m}from"./tet-address-offers.js";import{TetAddressOffersFilters as e}from"./tet-address-offers-filters.js";import{TetAddressOffersFiltersProducts as i}from"./tet-address-offers-filters-products.js";import{TetAddressOffersView as p}from"./tet-address-offers-view.js";import{TetAddressSearch as f}from"./tet-address-search.js";import{TetAssembler as j}from"./tet-assembler.js";import{TetAssetAvailabilityAddresses as n}from"./tet-asset-availability-addresses.js";import{TetAutocomplete as c}from"./tet-autocomplete.js";import{TetAutocompleteDropdown as d}from"./tet-autocomplete-dropdown.js";import{TetAvailabilityContactForm as l}from"./tet-availability-contact-form.js";import{TetB2bCheckOutForm as u}from"./tet-b2b-check-out-form.js";import{TetB2bCompareCard as v}from"./tet-b2b-compare-card.js";import{TetB2bConfigurator as h}from"./tet-b2b-configurator.js";import{TetB2bConfiguratorCart as k}from"./tet-b2b-configurator-cart.js";import{TetBannerNav as w}from"./tet-banner-nav.js";import{TetBarGraph as y}from"./tet-bar-graph.js";import{TetBorderRadius as x}from"./tet-border-radius.js";import{TetBusinessCard as E}from"./tet-business-card.js";import{TetBusinessCompareCard as P}from"./tet-business-compare-card.js";import{TetBusinessNavigation as A}from"./tet-business-navigation.js";import{TetBusinessRoundStepper as B}from"./tet-business-round-stepper.js";import{TetBusinessSummaryCard as T}from"./tet-business-summary-card.js";import{TetButton as N}from"./tet-button.js";import{TetCardList as O}from"./tet-card-list.js";import{TetCarousel as q}from"./tet-carousel.js";import{TetCheckbox as z}from"./tet-checkbox.js";import{TetCloudApplicationFormDialog as C}from"./tet-cloud-application-form-dialog.js";import{TetCloudConfigurator as D}from"./tet-cloud-configurator.js";import{TetColors as F}from"./tet-colors.js";import{TetCompareCard as G}from"./tet-compare-card.js";import{TetCompareCardV2 as H}from"./tet-compare-card-v2.js";import{TetCompareCardV3 as I}from"./tet-compare-card-v3.js";import{TetCompareCards as J}from"./tet-compare-cards.js";import{TetCompareCardsTab as K}from"./tet-compare-cards-tab.js";import{TetContainer as L}from"./tet-container.js";import{TetCountdown as M}from"./tet-countdown.js";import{TetCounter as Q}from"./tet-counter.js";import{TetDialog as R}from"./tet-dialog.js";import{TetDisplay as S}from"./tet-display.js";import{TetDivider as U}from"./tet-divider.js";import{TetDropdown as V}from"./tet-dropdown.js";import{TetDynamicCard as W}from"./tet-dynamic-card.js";import{TetExpandableInput as X}from"./tet-expandable-input.js";import{TetExpansionPanel as Y}from"./tet-expansion-panel.js";import{TetFeedbackForm as Z}from"./tet-feedback-form.js";import{TetFilter as $}from"./tet-filter.js";import{TetFloatingBlock as _}from"./tet-floating-block.js";import{TetFontWeight as tt}from"./tet-font-weight.js";import{TetFonts as rt}from"./tet-fonts.js";import{TetGrid as ot}from"./tet-grid.js";import{TetIcon as mt}from"./tet-icon.js";import{TetInlineMessage as et}from"./tet-inline-message.js";import{TetInput as st}from"./tet-input.js";import{TetLayout as it}from"./tet-layout.js";import{TetLink as pt}from"./tet-link.js";import{TetLinkCardList as ft}from"./tet-link-card-list.js";import{TetLoader as at}from"./tet-loader.js";import{TetMenu as jt}from"./tet-menu.js";import{TetMenuMobile as nt}from"./tet-menu-mobile.js";import{TetMiniCompareCard as ct}from"./tet-mini-compare-card.js";import{TetMultiStepDialog as dt}from"./tet-multi-step-dialog.js";import{TetNavigationMobile as lt}from"./tet-navigation-mobile.js";import{TetNewsCardList as ut}from"./tet-news-card-list.js";import{TetNotification as bt}from"./tet-notification.js";import{TetNumberInput as gt}from"./tet-number-input.js";import{TetPlaceholder as vt}from"./tet-placeholder.js";import{TetPosition as ht}from"./tet-position.js";import{TetPriceView as kt}from"./tet-price-view.js";import{TetRadio as wt}from"./tet-radio.js";import{TetRadioBlocks as yt}from"./tet-radio-blocks.js";import{TetRangeSlider as xt}from"./tet-range-slider.js";import{TetRoundStepper as Et}from"./tet-round-stepper.js";import{TetSelectionList as Pt}from"./tet-selection-list.js";import{TetSnickerCard as At}from"./tet-snicker-card.js";import{TetSnickerCardGroup as Bt}from"./tet-snicker-card-group.js";import{TetSpacing as Tt}from"./tet-spacing.js";import{TetSpinner as Nt}from"./tet-spinner.js";import{TetStepperInput as Ot}from"./tet-stepper-input.js";import{TetStepperV3 as qt}from"./tet-stepper-v3.js";import{TetStickyOffer as zt}from"./tet-sticky-offer.js";import{TetSupportSearch as Ct}from"./tet-support-search.js";import{TetSwitch as Dt}from"./tet-switch.js";import{TetTabContent as Ft}from"./tet-tab-content.js";import{TetTabHeader as Gt}from"./tet-tab-header.js";import{TetTable as Ht}from"./tet-table.js";import{TetTag as It}from"./tet-tag.js";import{TetTagGroup as Jt}from"./tet-tag-group.js";import{TetText as Kt}from"./tet-text.js";import{TetTextList as Lt}from"./tet-text-list.js";import{TetTextarea as Mt}from"./tet-textarea.js";import{TetThankYouViewV3 as Qt}from"./tet-thank-you-view-v3.js";import{TetTooltip as Rt}from"./tet-tooltip.js";const St=r=>{"undefined"!=typeof customElements&&[o,m,e,i,p,f,j,n,c,d,l,u,v,h,k,w,y,x,E,P,A,B,T,N,O,q,z,C,D,F,G,H,I,J,K,L,M,Q,R,S,U,V,W,X,Y,Z,$,_,tt,rt,ot,mt,et,st,it,pt,ft,at,jt,nt,ct,dt,lt,ut,bt,gt,vt,ht,kt,wt,yt,xt,Et,Pt,At,Bt,Tt,Nt,Ot,qt,zt,Ct,Dt,Ft,Gt,Ht,It,Jt,Kt,Lt,Mt,Qt,Rt].forEach((o=>{customElements.get(t(o.is))||customElements.define(t(o.is),o,r)}))};export{St as defineCustomElements}

package/dist/components/{p-DH1iZWF5.js → p-8h1tapoC.js}

@@ -1 +1 @@
-import{p as o,H as e,d as t,f as r,h as n,t as a}from"./p-nb3MHK7A.js";import{p as i,t as c}from"./p-DePtMqzY.js";import{R as s}from"./p-Cg7SayH7.js";import{d as f}from"./p-BsNlQtYx.js";import{d as l}from"./p-c36Z0_hK.js";import{d as m}from"./p-Cfy46lS6.js";import{d}from"./p-CFDvtl5l.js";import{d as b}from"./p-Clw2OLNj.js";class p{errorMessage;phoneNumberRegex="^[26][0-9]{7}$";constructor(o){this.errorMessage=o}getErrorMessage(){return this.errorMessage}validate(o){const e=o.trim();return RegExp(this.phoneNumberRegex).test(e)}}class h{errorMessage;emailAddressRegex="^(([a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z0-9]([a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z]{2,}))$";constructor(o){this.errorMessage=o}getErrorMessage(){return this.errorMessage}validate(o){const e=o?.trim();if(!e)return!1;const t=e.lastIndexOf("@");return!(-1!==t&&e.substring(0,t).length>64)&&RegExp(this.emailAddressRegex).test(e)}}class u{errorMessage;companyRegistrationNumberRegex="^\\d{11}$";constructor(o){this.errorMessage=o}getErrorMessage(){return this.errorMessage}validate(o){return!o||RegExp(this.companyRegistrationNumberRegex).test(o)}}class y{errorMessage;nameRegex="^[\\p{L} \\-–—,.]+$";constructor(o){this.errorMessage=o}getErrorMessage(){return this.errorMessage}validate(o){const e=o?.trim();return!!e&&new RegExp(this.nameRegex,"u").test(e)}}const g=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.submitCheckOutForm=t(this,"submit-check-out-form")}checkOutForm;dialogElement;extraFieldsSlotElement;language="lv";theme;submitCheckOutForm;onLanguageChange(o){i("tet-components",o).then((()=>r(this)))}async open(){await this.dialogElement.open()}async close(){await this.dialogElement.close()}async componentWillLoad(){await i("tet-components",this.language),r(this)}getValidators(o,e="text"){const t=o.trim().toLowerCase().replace(","," un");let r="";switch(t.charAt(t.length-1)){case"s":r="phone"===e?t.replace("is","i"):t.replace(/[s]\b/g,"u");break;case"e":r=t.replace(/[e]\b/g,"i");break;default:r=t}const n=`${c("components-b2b-check-out-form-validation-error")} ${"lv"===this.language?r:t}`;let a=[new s(n)];switch(e){case"email":return a.push(new h("components-b2b-check-out-form-email-validation-error")),a;case"phone":return a.push(new p("components-validation-incorrect-phone")),a;case"company-reg":return a.push(new u("components-b2b-check-out-form-company-registration-number-validation-error")),a;case"name":return a.push(new y("components-b2b-check-out-form-name-validation-error")),a;default:return a}}renderInput(o,e,t,r="text",a){return n("tet-input",{id:o,class:"modal-form-card__input",theme:this.theme,label:`${e} *`,placeholder:t||e,maxlength:a,..."phone"===r&&{isPhoneNumber:!0},validators:this.getValidators(e,r)})}async validateInputFields(){const o=Array.from(this.checkOutForm.getElementsByTagName("tet-input")),e=Object.values(o).map((async o=>o.validateInput())),t=(await Promise.all(e)).filter((o=>o&&o.length>0)),r=Array.from(this.checkOutForm.getElementsByTagName("tet-checkbox"))[0];return r.setError(!r.checked),0===t.length&&!!r.checked}async handleSubmit(){if(!await this.validateInputFields())return;const o=Array.from(this.checkOutForm.getElementsByTagName("tet-input"));let e={};o.forEach((o=>{const t=o.querySelector("input").value;e={...e,[o.id]:t}})),this.submitCheckOutForm.emit({...e,...this.extraFieldsSubmissionData})}get extraFieldsElements(){return this.extraFieldsSlotElement.assignedElements().flatMap((o=>Array.from(o.querySelectorAll("input[id], tet-input[id]")).filter((o=>o instanceof HTMLInputElement||"value"in o))))}get extraFieldsSubmissionData(){return this.extraFieldsElements.reduce(((o,e)=>(o[e.id]=this.getExtraFieldValue(e),o)),{})}getExtraFieldValue(o){switch(o.tagName.toLowerCase()){case"input":return o.value;case"tet-input":return o.querySelector("input").value;default:return""}}render(){const{theme:o}=this;return n("tet-dialog",{key:"d92c5340c16bfcf74cf8c59f3385d31137b8c081",class:"modal-form-card",headerTitle:c("components-b2b-check-out-form-header"),theme:o,closeOnOverlayClick:!1,footerDisplay:"right",ref:o=>{this.dialogElement=o}},n("div",{key:"818acbbd52b4173972f71ab93da1beb69d34f410",class:{"modal-form-card-content":!0,[`${o}`]:!0}},n("div",{key:"cd871ecd677f7b2f06f99ff372e38b685ebb63e2",class:"modal-form-card-content-header"},n("div",{key:"eb8c3a8750c68520a4bde5fe01174426252df8f5",class:"icon-wrapper"},n("tet-icon",{key:"5e9693cb2498e79de6f7a9b9152dc7275ef37fd8",class:"icon",name:"tc-company-1"})),n("span",{key:"fce4827b80c1806161ecf8d1d032cb3f17275615",class:"modal-form-card-content-header__title"},c("components-b2b-check-out-form-title")),n("span",{key:"d5ee0e0cebaa84e36ff816b964683a9201b66843",class:"modal-form-card-content-header__description"},c("components-b2b-check-out-form-description"))),n("div",{key:"0e843e28d1f11e7236618e2d4dabcd3fe3aafd40",class:"modal-form-card-content-accordion-wrapper"},n("slot",{key:"a6343b4b92885af45e581aea6dcf914c79435bab",name:"cart"})),n("form",{key:"1109f8b9329bef1b5c13fe9e2dfb913ffae323f7",id:"checkOutForm",class:"modal-form-card-form",ref:o=>this.checkOutForm=o},n("div",{key:"ca38a28f88556e66ce46eb2320f0ab79565bfa10",class:"modal-form-card-input__row"},this.renderInput("companyRegNr",c("components-b2b-check-out-form-company-registration-number-input-label"),"40000000001","company-reg","11"),this.renderInput("companyName",c("components-b2b-check-out-form-company-name-input-label"))),this.renderInput("address",c("components-b2b-check-out-form-address-input-label"),c("components-b2b-check-out-form-address-input-placeholder")),this.renderInput("nameSurname",c("components-b2b-check-out-form-name-input-label"),"","name"),n("div",{key:"218fa3490d0fface196196001e8babf6ec13cdab",class:"modal-form-card-input__row"},this.renderInput("email",c("components-b2b-check-out-form-email-input-label"),"contact@company.com","email"),this.renderInput("phoneNr",c("components-b2b-check-out-form-phone-number-input-label"),"22222222","phone","8")),n("tet-checkbox",{key:"4e645f942f09be896b93322bc9daf2178a1e9a34",class:"modal-form-card-content-checkbox",label:c("components-check-out-form-privacy-policy"),theme:o}),n("slot",{key:"762c147e9c70bceab584ef6b83319ebec97fe647",name:"extra-fields",ref:o=>this.extraFieldsSlotElement=o}))),n("div",{key:"e13d036894c28c098929178c3a83fb43230a88a3",slot:"footer",class:"modal-form-card-footer"},n("tet-button",{key:"0bc5f6931a6441655042f9b899b36dc7cdca834e",type:"secondary",size:"medium",theme:o,onClick:()=>{this.dialogElement.close()}},c("components-b2b-check-out-form-close-button-label")),n("tet-button",{key:"58ac0c604fbb20cc6121241a5aea88a0f4bd073c",type:"primary",size:"medium",theme:o,onClick:()=>this.handleSubmit()},c("components-b2b-check-out-form-submit-button-label"))))}static get watchers(){return{language:[{onLanguageChange:0}]}}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:flex;align-items:center}.modal-form-card{border-radius:1rem;height:fit-content;box-shadow:var(--b2b-check-out-form-border-shadow);display:flex;flex-direction:column;border:none;--dialog-header-padding:1rem 1.125rem 0.5rem 1.5rem;--dialog-body-padding:0.5rem 1.5rem 2rem;--dialog-width:53rem;--dialog-title-font-size:1.5rem}@media screen and (max-width: 46.25rem){.modal-form-card{--dialog-body-padding:0.5rem 1rem 1.5rem}}.modal-form-card-content{display:flex;flex-direction:column;height:fit-content}.modal-form-card-content.light{--b2b-check-out-form-text-color:var(--tc-text-primary);--b2b-check-out-form-input-border-color:var(--tc-border-secondary);--b2b-check-out-form-accordion-border-color:var(--tc-border-quaternary);--b2b-check-out-form-border-shadow:var(--tc-elevation-six);--b2b-check-out-form-footer-border-color:var(--tc-border-quaternary);--b2b-check-out-form-accordion-background-color:var(--tc-layer-secondary);--b2b-check-out-form-icon-background-color:var(--tc-layer-inverse-primary);--b2b-check-out-form-icon-color:var(--tc-layer-primary)}.modal-form-card-content.dark{--b2b-check-out-form-text-color:var(--tc-text-primary-dark);--b2b-check-out-form-input-border-color:var(--tc-border-secondary-dark);--b2b-check-out-form-accordion-border-color:var(--tc-border-quaternary-dark);--b2b-check-out-form-border-shadow:var(--tc-elevation-six-dark);--b2b-check-out-form-footer-border-color:var(--tc-border-quaternary-dark);--b2b-check-out-form-accordion-background-color:var(--tc-layer-secondary-dark);--b2b-check-out-form-icon-background-color:var(--tc-layer-inverse-primary-dark);--b2b-check-out-form-icon-color:var(--tc-layer-primary-dark)}.modal-form-card-content-header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:1.5rem}.modal-form-card-content-header__title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";padding-top:1rem}.modal-form-card-content-header__description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.modal-form-card-content-accordion-wrapper{border:1px solid var(--b2b-check-out-form-accordion-border-color);border-radius:1rem}.modal-form-card-content-checkbox{--tet-link-color:var(--b2b-check-out-form-text-color)}.modal-form-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;border-top:1px solid var(--b2b-check-out-form-footer-border-color)}@media screen and (max-width: 46.25rem){.modal-form-card-footer{justify-content:space-between;gap:0;width:100%}}.modal-form-card-form{display:flex;flex-direction:column;gap:1.5rem;padding-top:2rem}@media screen and (max-width: 46.25rem){.modal-form-card-form{gap:1rem;padding-top:1.5rem}}.modal-form-card-input__row{display:flex;flex-direction:row;gap:1.5rem;width:100%}@media screen and (max-width: 46.25rem){.modal-form-card-input__row{gap:1rem;flex-direction:column}}.modal-form-card__input{width:100%;--input-border-radius:0.625rem;--input-border-color:var(--b2b-check-out-form-input-border-color);--accordion-background-color:var(--b2b-check-out-form-input-border-color)}.modal-form-card .cart-header{display:flex;flex-direction:row;justify-content:space-between}.modal-form-card .icon-wrapper{display:flex;border-radius:50%;background-color:var(--b2b-check-out-form-icon-background-color)}.modal-form-card .icon{--icon-color:var(--b2b-check-out-form-icon-color)}'}},[769,"tet-b2b-check-out-form",{language:[1],theme:[1],open:[64],close:[64]},void 0,{language:[{onLanguageChange:0}]}]);function w(){"undefined"!=typeof customElements&&["tet-b2b-check-out-form","tet-button","tet-checkbox","tet-dialog","tet-icon","tet-input"].forEach((o=>{switch(o){case"tet-b2b-check-out-form":customElements.get(a(o))||customElements.define(a(o),g);break;case"tet-button":customElements.get(a(o))||f();break;case"tet-checkbox":customElements.get(a(o))||l();break;case"tet-dialog":customElements.get(a(o))||m();break;case"tet-icon":customElements.get(a(o))||d();break;case"tet-input":customElements.get(a(o))||b()}}))}export{g as T,w as d}
+import{p as o,H as e,d as t,f as r,h as n,t as a}from"./p-BTndlvfE.js";import{p as i,t as c}from"./p-Bme7YRKY.js";import{R as s}from"./p-Cg7SayH7.js";import{d as f}from"./p-BPthlQbg.js";import{d as l}from"./p-Ck43CGtD.js";import{d as m}from"./p-BiJHAF1q.js";import{d}from"./p-CSMiNRZ8.js";import{d as b}from"./p-DYiqWFDE.js";class p{errorMessage;phoneNumberRegex="^[26][0-9]{7}$";constructor(o){this.errorMessage=o}getErrorMessage(){return this.errorMessage}validate(o){const e=o.trim();return RegExp(this.phoneNumberRegex).test(e)}}class h{errorMessage;emailAddressRegex="^(([a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z0-9]([a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z]{2,}))$";constructor(o){this.errorMessage=o}getErrorMessage(){return this.errorMessage}validate(o){const e=o?.trim();if(!e)return!1;const t=e.lastIndexOf("@");return!(-1!==t&&e.substring(0,t).length>64)&&RegExp(this.emailAddressRegex).test(e)}}class u{errorMessage;companyRegistrationNumberRegex="^\\d{11}$";constructor(o){this.errorMessage=o}getErrorMessage(){return this.errorMessage}validate(o){return!o||RegExp(this.companyRegistrationNumberRegex).test(o)}}class y{errorMessage;nameRegex="^[\\p{L} \\-–—,.]+$";constructor(o){this.errorMessage=o}getErrorMessage(){return this.errorMessage}validate(o){const e=o?.trim();return!!e&&new RegExp(this.nameRegex,"u").test(e)}}const g=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.submitCheckOutForm=t(this,"submit-check-out-form")}checkOutForm;dialogElement;extraFieldsSlotElement;language="lv";theme;submitCheckOutForm;onLanguageChange(o){i("tet-components",o).then((()=>r(this)))}async open(){await this.dialogElement.open()}async close(){await this.dialogElement.close()}async componentWillLoad(){await i("tet-components",this.language),r(this)}getValidators(o,e="text"){const t=o.trim().toLowerCase().replace(","," un");let r="";switch(t.charAt(t.length-1)){case"s":r="phone"===e?t.replace("is","i"):t.replace(/[s]\b/g,"u");break;case"e":r=t.replace(/[e]\b/g,"i");break;default:r=t}const n=`${c("components-b2b-check-out-form-validation-error")} ${"lv"===this.language?r:t}`;let a=[new s(n)];switch(e){case"email":return a.push(new h("components-b2b-check-out-form-email-validation-error")),a;case"phone":return a.push(new p("components-validation-incorrect-phone")),a;case"company-reg":return a.push(new u("components-b2b-check-out-form-company-registration-number-validation-error")),a;case"name":return a.push(new y("components-b2b-check-out-form-name-validation-error")),a;default:return a}}renderInput(o,e,t,r="text",a){return n("tet-input",{id:o,class:"modal-form-card__input",theme:this.theme,label:`${e} *`,placeholder:t||e,maxlength:a,..."phone"===r&&{isPhoneNumber:!0},validators:this.getValidators(e,r)})}async validateInputFields(){const o=Array.from(this.checkOutForm.getElementsByTagName("tet-input")),e=Object.values(o).map((async o=>o.validateInput())),t=(await Promise.all(e)).filter((o=>o&&o.length>0)),r=Array.from(this.checkOutForm.getElementsByTagName("tet-checkbox"))[0];return r.setError(!r.checked),0===t.length&&!!r.checked}async handleSubmit(){if(!await this.validateInputFields())return;const o=Array.from(this.checkOutForm.getElementsByTagName("tet-input"));let e={};o.forEach((o=>{const t=o.querySelector("input").value;e={...e,[o.id]:t}})),this.submitCheckOutForm.emit({...e,...this.extraFieldsSubmissionData})}get extraFieldsElements(){return this.extraFieldsSlotElement.assignedElements().flatMap((o=>Array.from(o.querySelectorAll("input[id], tet-input[id]")).filter((o=>o instanceof HTMLInputElement||"value"in o))))}get extraFieldsSubmissionData(){return this.extraFieldsElements.reduce(((o,e)=>(o[e.id]=this.getExtraFieldValue(e),o)),{})}getExtraFieldValue(o){switch(o.tagName.toLowerCase()){case"input":return o.value;case"tet-input":return o.querySelector("input").value;default:return""}}render(){const{theme:o}=this;return n("tet-dialog",{key:"d92c5340c16bfcf74cf8c59f3385d31137b8c081",class:"modal-form-card",headerTitle:c("components-b2b-check-out-form-header"),theme:o,closeOnOverlayClick:!1,footerDisplay:"right",ref:o=>{this.dialogElement=o}},n("div",{key:"818acbbd52b4173972f71ab93da1beb69d34f410",class:{"modal-form-card-content":!0,[`${o}`]:!0}},n("div",{key:"cd871ecd677f7b2f06f99ff372e38b685ebb63e2",class:"modal-form-card-content-header"},n("div",{key:"eb8c3a8750c68520a4bde5fe01174426252df8f5",class:"icon-wrapper"},n("tet-icon",{key:"5e9693cb2498e79de6f7a9b9152dc7275ef37fd8",class:"icon",name:"tc-company-1"})),n("span",{key:"fce4827b80c1806161ecf8d1d032cb3f17275615",class:"modal-form-card-content-header__title"},c("components-b2b-check-out-form-title")),n("span",{key:"d5ee0e0cebaa84e36ff816b964683a9201b66843",class:"modal-form-card-content-header__description"},c("components-b2b-check-out-form-description"))),n("div",{key:"0e843e28d1f11e7236618e2d4dabcd3fe3aafd40",class:"modal-form-card-content-accordion-wrapper"},n("slot",{key:"a6343b4b92885af45e581aea6dcf914c79435bab",name:"cart"})),n("form",{key:"1109f8b9329bef1b5c13fe9e2dfb913ffae323f7",id:"checkOutForm",class:"modal-form-card-form",ref:o=>this.checkOutForm=o},n("div",{key:"ca38a28f88556e66ce46eb2320f0ab79565bfa10",class:"modal-form-card-input__row"},this.renderInput("companyRegNr",c("components-b2b-check-out-form-company-registration-number-input-label"),"40000000001","company-reg","11"),this.renderInput("companyName",c("components-b2b-check-out-form-company-name-input-label"))),this.renderInput("address",c("components-b2b-check-out-form-address-input-label"),c("components-b2b-check-out-form-address-input-placeholder")),this.renderInput("nameSurname",c("components-b2b-check-out-form-name-input-label"),"","name"),n("div",{key:"218fa3490d0fface196196001e8babf6ec13cdab",class:"modal-form-card-input__row"},this.renderInput("email",c("components-b2b-check-out-form-email-input-label"),"contact@company.com","email"),this.renderInput("phoneNr",c("components-b2b-check-out-form-phone-number-input-label"),"22222222","phone","8")),n("tet-checkbox",{key:"4e645f942f09be896b93322bc9daf2178a1e9a34",class:"modal-form-card-content-checkbox",label:c("components-check-out-form-privacy-policy"),theme:o}),n("slot",{key:"762c147e9c70bceab584ef6b83319ebec97fe647",name:"extra-fields",ref:o=>this.extraFieldsSlotElement=o}))),n("div",{key:"e13d036894c28c098929178c3a83fb43230a88a3",slot:"footer",class:"modal-form-card-footer"},n("tet-button",{key:"0bc5f6931a6441655042f9b899b36dc7cdca834e",type:"secondary",size:"medium",theme:o,onClick:()=>{this.dialogElement.close()}},c("components-b2b-check-out-form-close-button-label")),n("tet-button",{key:"58ac0c604fbb20cc6121241a5aea88a0f4bd073c",type:"primary",size:"medium",theme:o,onClick:()=>this.handleSubmit()},c("components-b2b-check-out-form-submit-button-label"))))}static get watchers(){return{language:[{onLanguageChange:0}]}}static get style(){return':host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:"\\e86e"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:"\\e85a"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:"\\e85b"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:"\\e86c"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:"\\e855"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:"\\e859"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:"\\e856"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:"\\e86a"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:"\\e81d"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:"\\e867"}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff")}@font-face{font-family:"Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:flex;align-items:center}.modal-form-card{border-radius:1rem;height:fit-content;box-shadow:var(--b2b-check-out-form-border-shadow);display:flex;flex-direction:column;border:none;--dialog-header-padding:1rem 1.125rem 0.5rem 1.5rem;--dialog-body-padding:0.5rem 1.5rem 2rem;--dialog-width:53rem;--dialog-title-font-size:1.5rem}@media screen and (max-width: 46.25rem){.modal-form-card{--dialog-body-padding:0.5rem 1rem 1.5rem}}.modal-form-card-content{display:flex;flex-direction:column;height:fit-content}.modal-form-card-content.light{--b2b-check-out-form-text-color:var(--tc-text-primary);--b2b-check-out-form-input-border-color:var(--tc-border-secondary);--b2b-check-out-form-accordion-border-color:var(--tc-border-quaternary);--b2b-check-out-form-border-shadow:var(--tc-elevation-six);--b2b-check-out-form-footer-border-color:var(--tc-border-quaternary);--b2b-check-out-form-accordion-background-color:var(--tc-layer-secondary);--b2b-check-out-form-icon-background-color:var(--tc-layer-inverse-primary);--b2b-check-out-form-icon-color:var(--tc-layer-primary)}.modal-form-card-content.dark{--b2b-check-out-form-text-color:var(--tc-text-primary-dark);--b2b-check-out-form-input-border-color:var(--tc-border-secondary-dark);--b2b-check-out-form-accordion-border-color:var(--tc-border-quaternary-dark);--b2b-check-out-form-border-shadow:var(--tc-elevation-six-dark);--b2b-check-out-form-footer-border-color:var(--tc-border-quaternary-dark);--b2b-check-out-form-accordion-background-color:var(--tc-layer-secondary-dark);--b2b-check-out-form-icon-background-color:var(--tc-layer-inverse-primary-dark);--b2b-check-out-form-icon-color:var(--tc-layer-primary-dark)}.modal-form-card-content-header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:1.5rem}.modal-form-card-content-header__title{font:600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";padding-top:1rem}.modal-form-card-content-header__description{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif"}.modal-form-card-content-accordion-wrapper{border:1px solid var(--b2b-check-out-form-accordion-border-color);border-radius:1rem}.modal-form-card-content-checkbox{--tet-link-color:var(--b2b-check-out-form-text-color)}.modal-form-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;border-top:1px solid var(--b2b-check-out-form-footer-border-color)}@media screen and (max-width: 46.25rem){.modal-form-card-footer{justify-content:space-between;gap:0;width:100%}}.modal-form-card-form{display:flex;flex-direction:column;gap:1.5rem;padding-top:2rem}@media screen and (max-width: 46.25rem){.modal-form-card-form{gap:1rem;padding-top:1.5rem}}.modal-form-card-input__row{display:flex;flex-direction:row;gap:1.5rem;width:100%}@media screen and (max-width: 46.25rem){.modal-form-card-input__row{gap:1rem;flex-direction:column}}.modal-form-card__input{width:100%;--input-border-radius:0.625rem;--input-border-color:var(--b2b-check-out-form-input-border-color);--accordion-background-color:var(--b2b-check-out-form-input-border-color)}.modal-form-card .cart-header{display:flex;flex-direction:row;justify-content:space-between}.modal-form-card .icon-wrapper{display:flex;border-radius:50%;background-color:var(--b2b-check-out-form-icon-background-color)}.modal-form-card .icon{--icon-color:var(--b2b-check-out-form-icon-color)}'}},[769,"tet-b2b-check-out-form",{language:[1],theme:[1],open:[64],close:[64]},void 0,{language:[{onLanguageChange:0}]}]);function w(){"undefined"!=typeof customElements&&["tet-b2b-check-out-form","tet-button","tet-checkbox","tet-dialog","tet-icon","tet-input"].forEach((o=>{switch(o){case"tet-b2b-check-out-form":customElements.get(a(o))||customElements.define(a(o),g);break;case"tet-button":customElements.get(a(o))||f();break;case"tet-checkbox":customElements.get(a(o))||l();break;case"tet-dialog":customElements.get(a(o))||m();break;case"tet-icon":customElements.get(a(o))||d();break;case"tet-input":customElements.get(a(o))||b()}}))}export{g as T,w as d}