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

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-ChxhsA_J.js";export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-ChxhsA_J.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 c}from"./tet-asset-availability-addresses.js";import{TetAutocomplete as n}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 h}from"./tet-b2b-compare-card.js";import{TetB2bConfigurator as k}from"./tet-b2b-configurator.js";import{TetB2bConfiguratorCart as v}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 C}from"./tet-business-round-stepper.js";import{TetBusinessSummaryCard as J}from"./tet-business-summary-card.js";import{TetButton as _}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 D}from"./tet-colors.js";import{TetCompareCard as F}from"./tet-compare-card.js";import{TetCompareCardV2 as G}from"./tet-compare-card-v2.js";import{TetCompareCardV3 as H}from"./tet-compare-card-v3.js";import{TetCompareCards as I}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{TetDatepicker as R}from"./tet-datepicker.js";import{TetDatepickerHeader as S}from"./tet-datepicker-header.js";import{TetDatepickerMonthView as T}from"./tet-datepicker-month-view.js";import{TetDatepickerMultiYearView as U}from"./tet-datepicker-multi-year-view.js";import{TetDatepickerYearView as V}from"./tet-datepicker-year-view.js";import{TetDialog as W}from"./tet-dialog.js";import{TetDisplay as X}from"./tet-display.js";import{TetDivider as Y}from"./tet-divider.js";import{TetDropdown as Z}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 ct}from"./tet-layout.js";import{TetLink as nt}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 ht}from"./tet-multi-step-dialog.js";import{TetNavigationMobile as kt}from"./tet-navigation-mobile.js";import{TetNewsCardList as vt}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 Ct}from"./tet-radio-blocks.js";import{TetRangeSlider as Jt}from"./tet-range-slider.js";import{TetRoundStepper as _t}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 Dt}from"./tet-stepper-input.js";import{TetStepperV3 as Ft}from"./tet-stepper-v3.js";import{TetStickyOffer as Gt}from"./tet-sticky-offer.js";import{TetSupportSearch as Ht}from"./tet-support-search.js";import{TetSwitch as It}from"./tet-switch.js";import{TetTabContent as Kt}from"./tet-tab-content.js";import{TetTabHeader as Lt}from"./tet-tab-header.js";import{TetTable as Mt}from"./tet-table.js";import{TetTag as Qt}from"./tet-tag.js";import{TetTagGroup as Rt}from"./tet-tag-group.js";import{TetText as St}from"./tet-text.js";import{TetTextList as Tt}from"./tet-text-list.js";import{TetTextarea as Ut}from"./tet-textarea.js";import{TetThankYouViewV3 as Vt}from"./tet-thank-you-view-v3.js";import{TetTooltip as Wt}from"./tet-tooltip.js";const Xt=r=>{"undefined"!=typeof customElements&&[o,m,e,i,p,f,j,c,n,d,l,u,h,k,v,w,y,x,A,E,P,C,J,_,N,O,q,z,B,D,F,G,H,I,K,L,M,Q,R,S,T,U,V,W,X,Y,Z,$,tt,rt,ot,mt,et,st,it,pt,ft,at,jt,ct,nt,dt,lt,ut,bt,gt,ht,kt,vt,wt,yt,xt,At,Et,Pt,Ct,Jt,_t,Nt,Ot,qt,zt,Bt,Dt,Ft,Gt,Ht,It,Kt,Lt,Mt,Qt,Rt,St,Tt,Ut,Vt,Wt].forEach((o=>{customElements.get(t(o.is))||customElements.define(t(o.is),o,r)}))};export{Xt as defineCustomElements}

package/dist/components/{p-CIMNJ4X2.js → p-B36OnKxA.js}

@@ -1 +1 @@
-import{p as t,H as o,d as e,f as n,h as i,t as a}from"./p-nb3MHK7A.js";import{p as r,t as s}from"./p-DePtMqzY.js";import{e as l,A as f,c,H as m}from"./p-KBNSpMwX.js";import{R as d}from"./p-Cg7SayH7.js";import{d as h}from"./p-BsNlQtYx.js";import{d as p}from"./p-Cfy46lS6.js";import{d as w}from"./p-CFDvtl5l.js";import{d as u}from"./p-Clw2OLNj.js";import{d as g}from"./p-BWmFtcLN.js";const y=t=>new Promise((o=>{setTimeout(o,t)}));class b extends Error{constructor(t){super(`Async API Error: ${t.message}`)}}class k{url;options;data;errorFallbackValue;socketTimeoutInMilliseconds=6e4;maxPollingAttempts=45;dataRetrievalMethod="polling";defaultOptions={headers:{Accept:"application/json","Content-Type":"application/json"}};operationIdHeader="X-Operation";operationEventName=".operation.status";setUrl(t){return this.url=t,this}setOptions(t){return this.options=t,this}setData(t){return this.data=t,this}setErrorFallbackValue(t){return this.errorFallbackValue=t,this}getOperationId(t){return t.headers.get(this.operationIdHeader)??""}handleError(t){return this.errorFallbackValue?Promise.resolve(this.errorFallbackValue):Promise.reject(new b(t))}async pollOperationsEndpoint(t){const o=await(async(t,o,{millisecondsToWait:e=1e3,maxExecutionTries:n=10}={})=>{let i=await t(),a=n;for(;!o(i);){if(--a<=0)throw new Error(`Execute Until: maximum tries of ${n} reached`);await y(e),i=await t()}return i})((()=>(async t=>{let o;try{o=new URL(t,l.operations).href}catch(t){return console.error(t),Promise.reject()}const e=(new f).setUrl(o).setOptions({method:"GET"}).setErrorFallbackValue({}).execute(!0);return(await e).json()})(t)),(({state:t,reason:o="unknown"})=>{if("failed"===t)throw new Error(`Failed due to "${o}"`);return"completed"===t}),{maxExecutionTries:this.maxPollingAttempts});return o.data}getDataUsingPolling(t){return new Promise((async(o,e)=>{try{o(await this.pollOperationsEndpoint(t))}catch(t){e(new b(t))}}))}getDataUsingWebSockets(t){return new Promise(((o,e)=>{const n=c(),i=setTimeout((async()=>{n.disconnect(),e(new b(new Error(`web socket connection timed out after ${this.socketTimeoutInMilliseconds/1e3} seconds`)))}),this.socketTimeoutInMilliseconds);n.channel(`operations-${t}`).listen(this.operationEventName,(t=>{const{data:{state:e,data:a}}=t;"completed"===e&&(clearTimeout(i),o(a),n.disconnect())})).error((t=>{clearTimeout(i),e(new b(t))}))}))}createAsyncRequestPromise(t){return("polling"===this.dataRetrievalMethod?this.getDataUsingPolling:this.getDataUsingWebSockets).bind(this)(t)}async execute(){const t=(new f).setUrl(this.url).setData(this.data).setOptions({...this.defaultOptions,...this.options});let o;try{o=await t.execute(!0)}catch(t){return this.handleError(t)}if(o.status!==m.Accepted)return this.handleError(new Error("Request was not accepted."));const e=this.getOperationId(o);return this.createAsyncRequestPromise(e)}}class v{errorMessage;latvianPhoneNumberRegex="^(((\\+371|00371)[26])|[26])([0-9]{7}$)";phoneNumberRegex="^(?:00|\\+)\\d+$";constructor(t){this.errorMessage=t}getErrorMessage(){return this.errorMessage}validate(t){const o=t.trim();return"2"===o.slice(0,1)||"6"===o.slice(0,1)||"+371"===o.slice(0,4)||"00371"===o.slice(0,5)?RegExp(this.latvianPhoneNumberRegex).test(o):RegExp(this.phoneNumberRegex).test(o)}}const x=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.taskCreationSuccess=e(this,"taskCreationSuccess"),this.taskCreationFailed=e(this,"taskCreationFailed")}phoneInput;dialogElement;validators=[new v("components-validation-incorrect-phone"),new d("components-validation-required")];showLoader=!1;language="lv";onLanguageChange(t){r("tet-components",t).then((()=>n(this)))}taskOptions;submitButtonProps={};showTitle=!0;showInputLabel=!1;theme="classic";darkTheme=!1;success=!1;showAvailabilityContactForm=!1;subtitle="components-contact-form-subtitle";taskCreationSuccess;taskCreationFailed;onSuccess(t){t&&(this.success=!0)}onEmptyCatalog(){this.openDialogElement()}async componentWillLoad(){await r("tet-components",this.language),n(this)}closeDialogElement=async()=>{await this.dialogElement.close()};openDialogElement=async()=>{await this.dialogElement.open()};createManualTask=async()=>{this.showLoader=!0;const t=await this.phoneInput.getInputHtmlElement();if((await this.phoneInput.validateInput()).length)this.showLoader=!1;else{try{const o=await(t=>{const o=l.createCallCenterTask;return(new k).setUrl(o).setData(t).setOptions({method:"POST"}).setErrorFallbackValue({TaskId:null}).execute()})(this.getTaskOptions(t.value));o&&o.TaskId?this.taskCreationSuccess.emit(o.TaskId):this.taskCreationFailed.emit()}catch(t){this.taskCreationFailed.emit(t)}this.showLoader=!1}};getTaskOptions(t){const{taskDescription:o}=this.taskOptions;return{...this.taskOptions,taskDescription:[o.trim(),`Phone: ${t}`].join(" ")}}renderLoader(){return i("div",{class:"loader-overlay"},i("tet-loader",{class:"loader"}))}renderForm(){return i("div",null,i("tet-dialog",{ref:t=>this.dialogElement=t,"footer-display":"between","is-open":this.showAvailabilityContactForm,closeOnEscape:!1,closeOnOverlayClick:!1},this.showLoader&&this.renderLoader(),i("div",{class:"form-container"},i("tet-icon",{name:"info-help-md",class:"icon icon-error icon-size"}),this.showTitle&&i("h2",{class:"form-title"},s("components-availability-contact-form-title")),i("p",{class:"form-subtitle"},s("components-availability-contact-form-subtitle")),i("tet-input",{class:"form-input","input-value":"+371",placeholder:"+37122345678",ref:t=>this.phoneInput=t||this.phoneInput,validators:this.validators,label:this.showInputLabel?s("components-availability-contact-form-input-label"):null,theme:this.darkTheme?"dark":"classic"})),i("tet-button",{clickCallback:this.closeDialogElement,slot:"footer",size:"medium",type:"secondary",theme:"light"},s("components-availability-contact-form-cancel")),i("tet-button",{slot:"footer",clickCallback:this.createManualTask,size:"medium",theme:"light"},s("components-availability-contact-form-send"))))}renderSuccessStep(){return i("div",null,i("tet-dialog",{ref:t=>this.dialogElement=t,"footer-display":"hidden","is-open":this.showAvailabilityContactForm,closeOnEscape:!0,closeOnOverlayClick:!0},i("div",{class:"form-container"},i("tet-icon",{name:"confirm-md",class:"icon icon-success icon-size"}),this.showTitle&&i("h2",{class:"form-title"},s("components-availability-contact-form-success-title")),i("p",{class:"form-subtitle"},s("components-availability-contact-form-success-subtitle")),i("tet-button",{class:"form-container-close",clickCallback:this.closeDialogElement,size:"medium",type:"primary",theme:"light"},i("span",null,s("components-availability-contact-form-success-close"))))))}render(){return i("div",{key:"9d9c05ed6374594be374a7951a560de49397d279",class:{"dark-theme":this.darkTheme}},this.success?this.renderSuccessStep():this.renderForm())}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{--contact-form-container-background:initial;--contact-form-text-color:var(--color-ta600);--contact-form-loader-overlay-background:rgb(255, 255, 255);max-width:37.5rem;margin:0 auto;display:block}.dark-theme{--contact-form-container-background:var(--color-tg500);--contact-form-text-color:rgb(255, 255, 255);--contact-form-loader-overlay-background:var(--color-tg600)}.container{--border-radius:0.625rem;--box-shadow:0 0 0 0.03125rem rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);--padding:2.5em 1em;--background:var(--contact-form-container-background)}.form-container{max-width:26em;display:flex;flex-direction:column;margin:0 auto;text-align:center}.form-container .icon-error{--icon-color:rgb(233, 69, 54)}.form-container .icon-success{--icon-color:rgb(22, 197, 95)}.form-container .form-input{--input-border-radius:0.625rem}.form-container-close{margin-top:2.5rem;margin-bottom:4rem;margin-left:auto;margin-right:auto}.form-container-close span{min-width:11.375rem;width:100%}.form-title{margin-bottom:0.5em;margin-top:1.5rem;font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif";color:rgb(10, 11, 13)}.form-subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:rgb(67, 75, 86)}.form-input{margin-top:2em;text-align:left}.form-submit{width:fit-content;margin-top:1.5em;--button-font-size:1rem}@media only screen and (max-width: 44.9375rem){.form-submit{--button-width:100%}}.loader-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--contact-form-loader-overlay-background);z-index:100;opacity:0.75}.loader-overlay .loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}'}},[513,"tet-availability-contact-form",{language:[1],taskOptions:[16],submitButtonProps:[16],showTitle:[4,"show-title"],showInputLabel:[4,"show-input-label"],theme:[1],darkTheme:[4,"dark-theme"],success:[1028],showAvailabilityContactForm:[4,"show-availability-contact-form"],subtitle:[1],showLoader:[32]},[[0,"taskCreationSuccess","onSuccess"],[4,"emptyCatalog","onEmptyCatalog"]],{language:[{onLanguageChange:0}]}]);function z(){"undefined"!=typeof customElements&&["tet-availability-contact-form","tet-button","tet-dialog","tet-icon","tet-input","tet-loader"].forEach((t=>{switch(t){case"tet-availability-contact-form":customElements.get(a(t))||customElements.define(a(t),x);break;case"tet-button":customElements.get(a(t))||h();break;case"tet-dialog":customElements.get(a(t))||p();break;case"tet-icon":customElements.get(a(t))||w();break;case"tet-input":customElements.get(a(t))||u();break;case"tet-loader":customElements.get(a(t))||g()}}))}export{x as T,z as d}
+import{p as t,H as o,d as e,f as n,h as i,t as a}from"./p-ChxhsA_J.js";import{p as r,t as s}from"./p-B8FP4SAH.js";import{e as l,A as f,c,H as m}from"./p-BMd3uvm2.js";import{R as d}from"./p-Cg7SayH7.js";import{d as h}from"./p-CwSl5E57.js";import{d as p}from"./p-CO0VSTHD.js";import{d as w}from"./p-CfmV2Jgh.js";import{d as u}from"./p-x60Po9AL.js";import{d as g}from"./p-v3jmLiwp.js";const y=t=>new Promise((o=>{setTimeout(o,t)}));class b extends Error{constructor(t){super(`Async API Error: ${t.message}`)}}class k{url;options;data;errorFallbackValue;socketTimeoutInMilliseconds=6e4;maxPollingAttempts=45;dataRetrievalMethod="polling";defaultOptions={headers:{Accept:"application/json","Content-Type":"application/json"}};operationIdHeader="X-Operation";operationEventName=".operation.status";setUrl(t){return this.url=t,this}setOptions(t){return this.options=t,this}setData(t){return this.data=t,this}setErrorFallbackValue(t){return this.errorFallbackValue=t,this}getOperationId(t){return t.headers.get(this.operationIdHeader)??""}handleError(t){return this.errorFallbackValue?Promise.resolve(this.errorFallbackValue):Promise.reject(new b(t))}async pollOperationsEndpoint(t){const o=await(async(t,o,{millisecondsToWait:e=1e3,maxExecutionTries:n=10}={})=>{let i=await t(),a=n;for(;!o(i);){if(--a<=0)throw new Error(`Execute Until: maximum tries of ${n} reached`);await y(e),i=await t()}return i})((()=>(async t=>{let o;try{o=new URL(t,l.operations).href}catch(t){return console.error(t),Promise.reject()}const e=(new f).setUrl(o).setOptions({method:"GET"}).setErrorFallbackValue({}).execute(!0);return(await e).json()})(t)),(({state:t,reason:o="unknown"})=>{if("failed"===t)throw new Error(`Failed due to "${o}"`);return"completed"===t}),{maxExecutionTries:this.maxPollingAttempts});return o.data}getDataUsingPolling(t){return new Promise((async(o,e)=>{try{o(await this.pollOperationsEndpoint(t))}catch(t){e(new b(t))}}))}getDataUsingWebSockets(t){return new Promise(((o,e)=>{const n=c(),i=setTimeout((async()=>{n.disconnect(),e(new b(new Error(`web socket connection timed out after ${this.socketTimeoutInMilliseconds/1e3} seconds`)))}),this.socketTimeoutInMilliseconds);n.channel(`operations-${t}`).listen(this.operationEventName,(t=>{const{data:{state:e,data:a}}=t;"completed"===e&&(clearTimeout(i),o(a),n.disconnect())})).error((t=>{clearTimeout(i),e(new b(t))}))}))}createAsyncRequestPromise(t){return("polling"===this.dataRetrievalMethod?this.getDataUsingPolling:this.getDataUsingWebSockets).bind(this)(t)}async execute(){const t=(new f).setUrl(this.url).setData(this.data).setOptions({...this.defaultOptions,...this.options});let o;try{o=await t.execute(!0)}catch(t){return this.handleError(t)}if(o.status!==m.Accepted)return this.handleError(new Error("Request was not accepted."));const e=this.getOperationId(o);return this.createAsyncRequestPromise(e)}}class v{errorMessage;latvianPhoneNumberRegex="^(((\\+371|00371)[26])|[26])([0-9]{7}$)";phoneNumberRegex="^(?:00|\\+)\\d+$";constructor(t){this.errorMessage=t}getErrorMessage(){return this.errorMessage}validate(t){const o=t.trim();return"2"===o.slice(0,1)||"6"===o.slice(0,1)||"+371"===o.slice(0,4)||"00371"===o.slice(0,5)?RegExp(this.latvianPhoneNumberRegex).test(o):RegExp(this.phoneNumberRegex).test(o)}}const x=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.taskCreationSuccess=e(this,"taskCreationSuccess"),this.taskCreationFailed=e(this,"taskCreationFailed")}phoneInput;dialogElement;validators=[new v("components-validation-incorrect-phone"),new d("components-validation-required")];showLoader=!1;language="lv";onLanguageChange(t){r("tet-components",t).then((()=>n(this)))}taskOptions;submitButtonProps={};showTitle=!0;showInputLabel=!1;theme="classic";darkTheme=!1;success=!1;showAvailabilityContactForm=!1;subtitle="components-contact-form-subtitle";taskCreationSuccess;taskCreationFailed;onSuccess(t){t&&(this.success=!0)}onEmptyCatalog(){this.openDialogElement()}async componentWillLoad(){await r("tet-components",this.language),n(this)}closeDialogElement=async()=>{await this.dialogElement.close()};openDialogElement=async()=>{await this.dialogElement.open()};createManualTask=async()=>{this.showLoader=!0;const t=await this.phoneInput.getInputHtmlElement();if((await this.phoneInput.validateInput()).length)this.showLoader=!1;else{try{const o=await(t=>{const o=l.createCallCenterTask;return(new k).setUrl(o).setData(t).setOptions({method:"POST"}).setErrorFallbackValue({TaskId:null}).execute()})(this.getTaskOptions(t.value));o&&o.TaskId?this.taskCreationSuccess.emit(o.TaskId):this.taskCreationFailed.emit()}catch(t){this.taskCreationFailed.emit(t)}this.showLoader=!1}};getTaskOptions(t){const{taskDescription:o}=this.taskOptions;return{...this.taskOptions,taskDescription:[o.trim(),`Phone: ${t}`].join(" ")}}renderLoader(){return i("div",{class:"loader-overlay"},i("tet-loader",{class:"loader"}))}renderForm(){return i("div",null,i("tet-dialog",{ref:t=>this.dialogElement=t,"footer-display":"between","is-open":this.showAvailabilityContactForm,closeOnEscape:!1,closeOnOverlayClick:!1},this.showLoader&&this.renderLoader(),i("div",{class:"form-container"},i("tet-icon",{name:"info-help-md",class:"icon icon-error icon-size"}),this.showTitle&&i("h2",{class:"form-title"},s("components-availability-contact-form-title")),i("p",{class:"form-subtitle"},s("components-availability-contact-form-subtitle")),i("tet-input",{class:"form-input","input-value":"+371",placeholder:"+37122345678",ref:t=>this.phoneInput=t||this.phoneInput,validators:this.validators,label:this.showInputLabel?s("components-availability-contact-form-input-label"):null,theme:this.darkTheme?"dark":"classic"})),i("tet-button",{clickCallback:this.closeDialogElement,slot:"footer",size:"medium",type:"secondary",theme:"light"},s("components-availability-contact-form-cancel")),i("tet-button",{slot:"footer",clickCallback:this.createManualTask,size:"medium",theme:"light"},s("components-availability-contact-form-send"))))}renderSuccessStep(){return i("div",null,i("tet-dialog",{ref:t=>this.dialogElement=t,"footer-display":"hidden","is-open":this.showAvailabilityContactForm,closeOnEscape:!0,closeOnOverlayClick:!0},i("div",{class:"form-container"},i("tet-icon",{name:"confirm-md",class:"icon icon-success icon-size"}),this.showTitle&&i("h2",{class:"form-title"},s("components-availability-contact-form-success-title")),i("p",{class:"form-subtitle"},s("components-availability-contact-form-success-subtitle")),i("tet-button",{class:"form-container-close",clickCallback:this.closeDialogElement,size:"medium",type:"primary",theme:"light"},i("span",null,s("components-availability-contact-form-success-close"))))))}render(){return i("div",{key:"9d9c05ed6374594be374a7951a560de49397d279",class:{"dark-theme":this.darkTheme}},this.success?this.renderSuccessStep():this.renderForm())}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{--contact-form-container-background:initial;--contact-form-text-color:var(--color-ta600);--contact-form-loader-overlay-background:rgb(255, 255, 255);max-width:37.5rem;margin:0 auto;display:block}.dark-theme{--contact-form-container-background:var(--color-tg500);--contact-form-text-color:rgb(255, 255, 255);--contact-form-loader-overlay-background:var(--color-tg600)}.container{--border-radius:0.625rem;--box-shadow:0 0 0 0.03125rem rgba(5, 29, 89, 0.07), 0 0.1875rem 0.5625rem rgba(5, 29, 89, 0.15);--padding:2.5em 1em;--background:var(--contact-form-container-background)}.form-container{max-width:26em;display:flex;flex-direction:column;margin:0 auto;text-align:center}.form-container .icon-error{--icon-color:rgb(233, 69, 54)}.form-container .icon-success{--icon-color:rgb(22, 197, 95)}.form-container .form-input{--input-border-radius:0.625rem}.form-container-close{margin-top:2.5rem;margin-bottom:4rem;margin-left:auto;margin-right:auto}.form-container-close span{min-width:11.375rem;width:100%}.form-title{margin-bottom:0.5em;margin-top:1.5rem;font:600 2.5rem/3rem "Gilroy", "Gilroy, Arial, sans-serif";color:rgb(10, 11, 13)}.form-subtitle{font:400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";color:rgb(67, 75, 86)}.form-input{margin-top:2em;text-align:left}.form-submit{width:fit-content;margin-top:1.5em;--button-font-size:1rem}@media only screen and (max-width: 44.9375rem){.form-submit{--button-width:100%}}.loader-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--contact-form-loader-overlay-background);z-index:100;opacity:0.75}.loader-overlay .loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}'}},[513,"tet-availability-contact-form",{language:[1],taskOptions:[16],submitButtonProps:[16],showTitle:[4,"show-title"],showInputLabel:[4,"show-input-label"],theme:[1],darkTheme:[4,"dark-theme"],success:[1028],showAvailabilityContactForm:[4,"show-availability-contact-form"],subtitle:[1],showLoader:[32]},[[0,"taskCreationSuccess","onSuccess"],[4,"emptyCatalog","onEmptyCatalog"]],{language:[{onLanguageChange:0}]}]);function z(){"undefined"!=typeof customElements&&["tet-availability-contact-form","tet-button","tet-dialog","tet-icon","tet-input","tet-loader"].forEach((t=>{switch(t){case"tet-availability-contact-form":customElements.get(a(t))||customElements.define(a(t),x);break;case"tet-button":customElements.get(a(t))||h();break;case"tet-dialog":customElements.get(a(t))||p();break;case"tet-icon":customElements.get(a(t))||w();break;case"tet-input":customElements.get(a(t))||u();break;case"tet-loader":customElements.get(a(t))||g()}}))}export{x as T,z as d}

package/dist/components/{p-BLY0RO0L.js → p-B5gZt66l.js}

@@ -1 +1 @@
-import{p as o,H as t,h as e,t as f}from"./p-nb3MHK7A.js";import{d as n}from"./p-CFDvtl5l.js";const a=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}variant="attention";theme="light";iconMapping={attention:"tc-attention",info:"tc-info-circle",danger:"tc-close-circle",success:"tc-check-circle"};render(){return e("div",{key:"a453de116577bf89a66b6684d2a7508f1819a1a0",class:{container:!0,[this.theme]:!0,[this.variant]:!0}},e("tet-icon",{key:"ed770ef2b4034482019cb7a798746fb46a908063",class:"container__icon",name:this.iconMapping[this.variant]}),e("div",{key:"18ee8cff16b22d28acdb1d6b7063105483f0e5e8",class:"content"},e("slot",{key:"aa7aa1028db2b088f7aa4f5e2546929aa0d89bd9",name:"title"})," ",e("slot",{key:"0d5e533d75086e18aa494cb918882016142bf86a",name:"description"})))}static get style(){return'@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{--inline-message-color:var(--tc-text-primary);--inline-message-padding:0.75rem 0;--inline-message-border-top:none;--inline-message-border-bottom-default:0.03125rem solid var(--tc-border-tertiary);--inline-message-border-bottom:var(--inline-message-border-bottom-default);display:block}.container{display:flex;align-items:baseline;gap:0.5rem;padding:var(--inline-message-padding);border-top:var(--inline-message-border-top);border-bottom:var(--inline-message-border-bottom);color:var(--inline-message-color)}.container.dark{--inline-message-color:var(--tc-text-primary-dark);--inline-message-border-bottom-default:0.03125rem solid var(--tc-border-tertiary-dark)}.container.attention .container__icon{--icon-color:var(--tc-alert-accent-warning)}.container.attention.dark .container__icon{--icon-color:var(--tc-alert-accent-warning-dark)}.container.info .container__icon{--icon-color:var(--tc-alert-accent-info)}.container.info.dark .container__icon{--icon-color:var(--tc-alert-accent-info-dark)}.container.success .container__icon{--icon-color:var(--tc-alert-accent-success)}.container.success.dark .container__icon{--icon-color:var(--tc-alert-accent-success-dark)}.container.danger .container__icon{--icon-color:var(--tc-alert-accent-error)}.container.danger.dark .container__icon{--icon-color:var(--tc-alert-accent-error-dark)}::slotted([slot=title]){font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}::slotted([slot=description]){font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.content{position:relative;max-width:32.5rem;top:0.125rem}'}},[769,"tet-inline-message",{variant:[1],theme:[1]}]);function r(){"undefined"!=typeof customElements&&["tet-inline-message","tet-icon"].forEach((o=>{switch(o){case"tet-inline-message":customElements.get(f(o))||customElements.define(f(o),a);break;case"tet-icon":customElements.get(f(o))||n()}}))}export{a as T,r as d}
+import{p as o,H as t,h as e,t as f}from"./p-ChxhsA_J.js";import{d as n}from"./p-CfmV2Jgh.js";const a=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}variant="attention";theme="light";iconMapping={attention:"tc-attention",info:"tc-info-circle",danger:"tc-close-circle",success:"tc-check-circle"};render(){return e("div",{key:"a453de116577bf89a66b6684d2a7508f1819a1a0",class:{container:!0,[this.theme]:!0,[this.variant]:!0}},e("tet-icon",{key:"ed770ef2b4034482019cb7a798746fb46a908063",class:"container__icon",name:this.iconMapping[this.variant]}),e("div",{key:"18ee8cff16b22d28acdb1d6b7063105483f0e5e8",class:"content"},e("slot",{key:"aa7aa1028db2b088f7aa4f5e2546929aa0d89bd9",name:"title"})," ",e("slot",{key:"0d5e533d75086e18aa494cb918882016142bf86a",name:"description"})))}static get style(){return'@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{--inline-message-color:var(--tc-text-primary);--inline-message-padding:0.75rem 0;--inline-message-border-top:none;--inline-message-border-bottom-default:0.03125rem solid var(--tc-border-tertiary);--inline-message-border-bottom:var(--inline-message-border-bottom-default);display:block}.container{display:flex;align-items:baseline;gap:0.5rem;padding:var(--inline-message-padding);border-top:var(--inline-message-border-top);border-bottom:var(--inline-message-border-bottom);color:var(--inline-message-color)}.container.dark{--inline-message-color:var(--tc-text-primary-dark);--inline-message-border-bottom-default:0.03125rem solid var(--tc-border-tertiary-dark)}.container.attention .container__icon{--icon-color:var(--tc-alert-accent-warning)}.container.attention.dark .container__icon{--icon-color:var(--tc-alert-accent-warning-dark)}.container.info .container__icon{--icon-color:var(--tc-alert-accent-info)}.container.info.dark .container__icon{--icon-color:var(--tc-alert-accent-info-dark)}.container.success .container__icon{--icon-color:var(--tc-alert-accent-success)}.container.success.dark .container__icon{--icon-color:var(--tc-alert-accent-success-dark)}.container.danger .container__icon{--icon-color:var(--tc-alert-accent-error)}.container.danger.dark .container__icon{--icon-color:var(--tc-alert-accent-error-dark)}::slotted([slot=title]){font:600 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}::slotted([slot=description]){font:400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif"}.content{position:relative;max-width:32.5rem;top:0.125rem}'}},[769,"tet-inline-message",{variant:[1],theme:[1]}]);function r(){"undefined"!=typeof customElements&&["tet-inline-message","tet-icon"].forEach((o=>{switch(o){case"tet-inline-message":customElements.get(f(o))||customElements.define(f(o),a);break;case"tet-icon":customElements.get(f(o))||n()}}))}export{a as T,r as d}