@tet/tet-components 1.4.38-testing → 1.4.39-testing

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

@@ -9,10 +9,11 @@ const DESKTOP_BREAKPOINT = 500;
  */
 export class TetSnickerCard {
     constructor() {
+        this.isDesktopResolution = false;
         this.isAccordionOpen = true;
         this.theme = 'light';
         this.state = 'default';
-        this.selectionType = 'radio';
+        this.selectionType = undefined;
         this.isTabStop = true;
         this.subscriptionLabel = undefined;
         this.topBadge = undefined;
@@ -44,7 +45,6 @@ export class TetSnickerCard {
     ]);
     /** @private Reference to accordion element used for custom toggle. */
     accordionEl;
-    isDesktopResolution = false;
     /** Emitted when bottom link is clicked. Emits link text. */
     bottomLinkClick;
     /** Emitted when benefit link is clicked. Emits link text. */
@@ -89,6 +89,23 @@ export class TetSnickerCard {
     onAccordionConfigChanged() {
         this.ensureDesktopOpenWithoutToggle();
     }
+    onSelectionConfigChanged(newConfig, oldConfig) {
+        const primaryOptionsChanged = this.haveDropdownOptionsChanged(newConfig?.primaryDropdown, oldConfig?.primaryDropdown);
+        const secondaryOptionsChanged = this.haveDropdownOptionsChanged(newConfig?.secondaryDropdown, oldConfig?.secondaryDropdown);
+        const patch = {};
+        let hasChanges = false;
+        if (primaryOptionsChanged && this.primaryValue !== undefined) {
+            patch.primaryValue = undefined;
+            hasChanges = true;
+        }
+        if (secondaryOptionsChanged && this.secondaryValue !== undefined) {
+            patch.secondaryValue = undefined;
+            hasChanges = true;
+        }
+        if (hasChanges) {
+            this.emitSelectionStateChanged(patch);
+        }
+    }
     onResize() {
         const wasDesktop = this.isDesktopResolution;
         this.checkDesktopResolution();
@@ -116,6 +133,8 @@ export class TetSnickerCard {
         };
         this.selectionStateChange.emit(nextState);
     };
+    getDropdownValueSignature = (dropdown) => JSON.stringify((dropdown?.options ?? []).map((option) => option.value));
+    haveDropdownOptionsChanged = (newDropdown, oldDropdown) => this.getDropdownValueSignature(newDropdown) !== this.getDropdownValueSignature(oldDropdown);
     onSelectionCounterValueChange = ({ detail }) => {
         this.emitSelectionStateChanged({ count: detail });
     };
@@ -221,7 +240,7 @@ export class TetSnickerCard {
         const actionLabel = isSelectionAdded
             ? (removeButtonLabel ?? t('components-snicker-card-remove-from-cart'))
             : (addButtonLabel ?? t('components-snicker-card-add-to-cart'));
-        return (h("div", { class: "selection with-divider" }, primaryDropdown && (h("tet-dropdown", { class: "selection__dropdown", theme: this.theme, label: primaryDropdown.label, buttonLabel: primaryDropdown.buttonLabel, options: primaryDropdown.options, disabled: isStateDisabled || (primaryDropdown.disabled ?? false), closeOnSelection: primaryDropdown.closeOnSelection ?? true, onOptionSelected: this.onDropdownOptionSelected('primary') })), secondaryDropdown && (h("tet-dropdown", { class: "selection__dropdown", theme: this.theme, label: secondaryDropdown.label, buttonLabel: secondaryDropdown.buttonLabel, options: secondaryDropdown.options, disabled: isStateDisabled || (secondaryDropdown.disabled ?? false), closeOnSelection: secondaryDropdown.closeOnSelection ?? true, onOptionSelected: this.onDropdownOptionSelected('secondary') })), stepper && (h("tet-stepper-input", { class: "selection__stepper", theme: this.theme, disabled: isStateDisabled, value: initialStepperValue, min: stepper.min, max: stepper.max, step: stepper.step ?? 1, accessibilityLabel: stepper.label, onInputValueChanged: this.onSelectionCounterValueChange })), !isSelectionAdded && (h("tet-button", { class: "selection__button", onClick: this.onSelectionAdd, size: "medium", type: "primary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-cart-outline", iconPosition: "left", accessibilityLabel: actionLabel }, actionLabel)), isSelectionAdded && (h("tet-button", { class: "selection__button selection__button--in-cart selection__button--mobile", onClick: this.onSelectionRemove, size: "medium", type: "secondary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-trash", iconPosition: "left", accessibilityLabel: actionLabel }, actionLabel)), isSelectionAdded && (h("tet-button", { class: "selection__button selection__button--in-cart selection__button--desktop", onClick: this.onSelectionRemove, size: "medium", type: "primary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-trash", iconMode: true, iconPosition: "left", accessibilityLabel: actionLabel, customColorCode: this.theme === 'light' ? '#F7F7F7' : '#18191B', customColorContentTone: this.theme === 'light' ? 'dark' : 'light' }))));
+        return (h("div", { class: "selection" }, primaryDropdown && (h("tet-dropdown", { class: "selection__dropdown", theme: this.theme, label: primaryDropdown.label, buttonLabel: primaryDropdown.buttonLabel, options: primaryDropdown.options, disabled: isStateDisabled || (primaryDropdown.disabled ?? false), closeOnSelection: primaryDropdown.closeOnSelection ?? true, onOptionSelected: this.onDropdownOptionSelected('primary') })), secondaryDropdown && (h("tet-dropdown", { class: "selection__dropdown", theme: this.theme, label: secondaryDropdown.label, buttonLabel: secondaryDropdown.buttonLabel, options: secondaryDropdown.options, disabled: isStateDisabled || (secondaryDropdown.disabled ?? false), closeOnSelection: secondaryDropdown.closeOnSelection ?? true, onOptionSelected: this.onDropdownOptionSelected('secondary') })), stepper && (h("tet-stepper-input", { class: "selection__stepper", theme: this.theme, disabled: isStateDisabled, value: initialStepperValue, displayMode: this.isDesktopResolution ? 'input' : 'text', min: stepper.min, max: stepper.max, step: stepper.step ?? 1, accessibilityLabel: stepper.label, onInputValueChanged: this.onSelectionCounterValueChange })), !isSelectionAdded && (h("tet-button", { class: "selection__button", onClick: this.onSelectionAdd, size: "medium", type: "primary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-cart-outline", iconPosition: "left", accessibilityLabel: actionLabel }, actionLabel)), isSelectionAdded && (h("tet-button", { class: "selection__button selection__button--in-cart selection__button--mobile", onClick: this.onSelectionRemove, size: "medium", type: "secondary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-trash", iconPosition: "left", accessibilityLabel: actionLabel }, actionLabel)), isSelectionAdded && (h("tet-button", { class: "selection__button selection__button--in-cart selection__button--desktop", onClick: this.onSelectionRemove, size: "medium", type: "primary", theme: this.theme, disabled: isStateDisabled, iconName: "tc-trash", iconMode: true, iconPosition: "left", accessibilityLabel: actionLabel, customColorCode: this.theme === 'light' ? '#F7F7F7' : '#18191B', customColorContentTone: this.theme === 'light' ? 'dark' : 'light' }))));
     };
     renderBenefits = () => {
         const benefits = this.benefits ?? [];
@@ -235,7 +254,7 @@ export class TetSnickerCard {
         if (benefits.length === 0 && !this.benefitLink) {
             return null;
         }
-        return (h("ul", { class: "benefits" }, benefits.map((benefit) => (h("li", { class: "benefits__item" }, h("tet-icon", { theme: this.theme, class: "benefits__icon", type: benefitsIconType, name: "tc-check" }), h("span", { class: "benefits__text" }, benefit)))), this.benefitLink && (h("li", { class: "benefits__item" }, h("tet-icon", { theme: this.theme, class: "benefits__icon", type: benefitsIconType, name: "tc-check" }), h("button", { type: "button", class: {
+        return (h("ul", { class: "benefits with-divider" }, benefits.map((benefit) => (h("li", { class: "benefits__item" }, h("tet-icon", { theme: this.theme, class: "benefits__icon", type: benefitsIconType, name: "tc-check" }), h("span", { class: "benefits__text" }, benefit)))), this.benefitLink && (h("li", { class: "benefits__item" }, h("tet-icon", { theme: this.theme, class: "benefits__icon", type: benefitsIconType, name: "tc-check" }), h("button", { type: "button", class: {
                 'button-naked': true,
                 'benefits__link': true,
                 'benefits__link--unavailable': this.isUnavailableState,
@@ -249,47 +268,46 @@ export class TetSnickerCard {
         if (packageItems.length === 0) {
             return null;
         }
-        return (h("div", { class: "packages with-divider" }, packageItems.map((item) => (h("div", { class: "packages__item" }, h("img", { class: "packages__image", src: item, alt: "", loading: "lazy", decoding: "async" }))))));
+        return (h("div", { class: "packages" }, packageItems.map((item) => (h("div", { class: "packages__item" }, h("img", { class: "packages__image", src: item, alt: "", loading: "lazy", decoding: "async" }))))));
     };
     renderSubscriptionItems = () => {
         const subscriptionItems = this.subscriptionItems ?? [];
         if (subscriptionItems.length === 0) {
             return null;
         }
-        return (h("div", { class: "subscriptions" }, subscriptionItems.map((item) => (h("div", { class: "subscriptions__item" }, h("img", { class: "subscriptions__image", src: item, alt: "", loading: "lazy", decoding: "async" }))))));
+        return (h("div", { class: "subscriptions with-divider" }, subscriptionItems.map((item) => (h("div", { class: "subscriptions__item" }, h("img", { class: "subscriptions__image", src: item, alt: "", loading: "lazy", decoding: "async" }))))));
     };
     renderInlineMessage = () => {
         const inlineMessage = this.inlineMessage;
         if (!inlineMessage) {
             return null;
         }
-        return (h("div", { class: { message: true, 'with-divider': !this.selectionConfig } }, h("tet-inline-message", { class: "message__inline", variant: inlineMessage.variant ?? 'info', theme: this.theme }, h("span", { slot: "title" }, inlineMessage.title), h("span", { slot: "description" }, inlineMessage.message))));
+        return (h("div", { class: { message: true, 'with-divider': true } }, h("tet-inline-message", { class: "message__inline", variant: inlineMessage.variant ?? 'info', theme: this.theme }, h("span", { slot: "title" }, inlineMessage.title), h("span", { slot: "description" }, inlineMessage.message))));
     };
     renderBottomLink = () => {
         if (!this.bottomLinkText) {
             return null;
         }
-        return (h("div", { class: "footer__contract" }, h("button", { type: "button", class: {
+        return (h("button", { type: "button", class: {
                 'button-naked': true,
                 'tet-link': true,
                 disabled: this.isDisabledState,
                 [this.theme]: true,
-            }, disabled: this.isDisabledState, onClick: this.onBottomLinkClick }, this.bottomLinkText)));
+                'footer__link': true,
+            }, disabled: this.isDisabledState, onClick: this.onBottomLinkClick }, this.bottomLinkText));
     };
-    renderBottomInfo = () => {
+    renderBottomToggle = () => {
         const hasDesktopAccordion = this.hasDesktopAccordionToggle;
         const toggleLabel = this.isAccordionOpen
             ? this.accordionConfig?.openLabelDesktop
             : this.accordionConfig?.closedLabelDesktop;
-        const hasRemark = !!this.bottomRemark;
-        const hasFooterInfo = hasRemark || hasDesktopAccordion;
-        if (!hasFooterInfo) {
+        if (!hasDesktopAccordion) {
             return null;
         }
-        return (h("div", { class: "footer__info" }, hasRemark && h("p", { class: "footer__remark" }, this.bottomRemark), hasDesktopAccordion && (h("button", { class: "footer__toggle", onClick: this.onBottomAccordionToggle }, h("span", { class: "footer__toggle-label" }, toggleLabel), h("tet-icon", { theme: this.theme, class: {
+        return (h("button", { class: "footer__toggle", onClick: this.onBottomAccordionToggle }, h("span", { class: "footer__toggle-label" }, toggleLabel), h("tet-icon", { theme: this.theme, class: {
                 'footer__toggle-icon': true,
                 open: this.isAccordionOpen,
-            }, type: "primary", name: "chevron-down" })))));
+            }, type: "primary", name: "chevron-down" })));
     };
     renderBottomSection = () => {
         const hasLink = !!this.bottomLinkText;
@@ -299,7 +317,7 @@ export class TetSnickerCard {
         if (!hasLink && !hasRemark && !hasDesktopAccordion) {
             return null;
         }
-        return (h("div", { class: { footer: true, 'footer--desktop-only': isBottomContentEmpty } }, this.renderBottomLink(), this.renderBottomInfo()));
+        return (h("div", { class: { footer: true, 'footer--desktop-only': isBottomContentEmpty } }, h("div", { class: "footer__contract" }, this.renderBottomLink(), hasRemark && h("p", { class: "footer__remark" }, this.bottomRemark)), this.renderBottomToggle()));
     };
     renderIndicator = () => {
         const indicator = this.indicator;
@@ -337,14 +355,13 @@ export class TetSnickerCard {
                 'header--hoverable': this.isHoverable,
                 'header--closed': !this.isAccordionOpen,
                 'header--no-price': !hasPrice,
-                'with-divider': true
             } }, h("div", { class: "header__top" }, h("div", { class: "header__top-left", ref: (el) => (this.focusTargetEl = el ?? undefined), tabindex: selectionTabIndex, onKeyDown: this.isSelectable ? a11yBtnClick : undefined, role: this.isSelectable ? this.selectionType : undefined, "aria-checked": this.isSelectable ? String(this.isSelectedState) : undefined }, this.renderIndicator(), h("h3", { class: "header__title" }, this.cardTitle)), h("button", { type: "button", class: "header__accordion-toggle", onClick: this.onHeaderAccordionToggle }, h("tet-icon", { theme: this.theme, class: {
                 'header__accordion-toggle-icon': true,
                 open: this.isAccordionOpen,
             }, type: "primary", name: "chevron-down" }))), h("div", { class: "header__content" }, this.subtitle && h("p", { class: "header__subtitle" }, this.subtitle), hasPrice && (h("div", { class: "header__price-line" }, h("div", { class: "header__price-main" }, pricePrefix && h("span", { class: "header__price-prefix" }, pricePrefix), h("span", { class: "header__price-value" }, displayedPrice), priceSuffix && h("span", { class: "header__price-suffix" }, priceSuffix)), displayedOldPrice && (h("div", { class: "header__old-price" }, displayedOldPrice, priceSuffix ? ` ${priceSuffix}` : '')))), this.description && h("p", { class: "header__description" }, this.description))));
     };
     render() {
-        return (h(Host, { key: '334574c4d905e454078fc368e00b5d44133bbce4' }, h("div", { key: '5d7a1aee8f173d3e49c883f6ac8d8a48967b054b', class: {
+        return (h(Host, { key: 'd0f0ea76ed9e8999c18a952d184e87e5da254145' }, h("div", { key: 'b25ad0501e0ce9f88ee26d32e281786a28db92b2', class: {
                 'snicker-card': true,
                 [this.theme]: true,
                 'snicker-card--hoverable': this.isHoverable,
@@ -353,7 +370,7 @@ export class TetSnickerCard {
                 'snicker-card--unavailable': this.isUnavailableState,
                 'snicker-card--subscribed': this.isSubscribedState,
                 'snicker-card--with-badge': !!this.topBadge
-            }, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: '25dd17b759693bd3c8bc4455fa1df759e53f01a9', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: 'b7ea6cd5da0e5a7297c8a279dbf9cc6341461cc1', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: 'f3c0d643fc84414c5fe948fb55e4ed22e941a5a6', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
+            }, onClick: this.onCardClick }, this.renderTopBadge(), this.renderSubscriptionStrip(), h("tet-accordion", { key: '4dc027724c506e98c1d4a5d68f0c47f9ce41c5e5', ref: (el) => (this.accordionEl = el), class: "accordion", theme: this.theme, isOpen: this.isAccordionOpen, onOpenChanged: this.onAccordionChanged, transparentBackground: true, isHeaderInteractive: false }, h("div", { key: '2a03e68de5dfc0754d72c34dcabde4e1c8e904e2', slot: "header", class: "accordion__header" }, this.renderHeader()), h("div", { key: '0b2c0128d3bf8645db58591a1611b3175c6762ab', class: "accordion__content" }, this.renderInlineMessage(), this.renderSelection(), this.renderBenefits(), this.renderPackageItems(), this.renderSubscriptionItems())), this.renderBottomSection())));
     }
     static get is() { return "tet-snicker-card"; }
     static get encapsulation() { return "shadow"; }
@@ -426,14 +443,13 @@ export class TetSnickerCard {
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Functional selection behavior (`radio` | `checkbox`) used for card interaction and accessibility roles."
                 },
                 "attribute": "selection-type",
-                "reflect": false,
-                "defaultValue": "'radio'"
+                "reflect": false
             },
             "isTabStop": {
                 "type": "boolean",
@@ -824,6 +840,7 @@ export class TetSnickerCard {
     }
     static get states() {
         return {
+            "isDesktopResolution": {},
             "isAccordionOpen": {}
         };
     }
@@ -958,6 +975,9 @@ export class TetSnickerCard {
         return [{
                 "propName": "accordionConfig",
                 "methodName": "onAccordionConfigChanged"
+            }, {
+                "propName": "selectionConfig",
+                "methodName": "onSelectionConfigChanged"
             }];
     }
     static get listeners() {

package/dist/collection/components/simple/inputs/tet-dropdown/tet-dropdown.js

@@ -73,6 +73,7 @@ export class TetDropdown {
         const newKeysAndValues = newOptions.map(({ label, labelRight, value }) => label + labelRight + value).join();
         const oldKeysAndValues = oldOptions.map(({ label, labelRight, value }) => label + labelRight + value).join();
         if (newKeysAndValues !== oldKeysAndValues) {
+            this.selectedOptionIndexes = [];
             this.preselectOption();
         }
     }
@@ -340,27 +341,27 @@ export class TetDropdown {
         if (allowMultiple || selectedOptionIndexes.length === 0) {
             return buttonLabel;
         }
-        return options[selectedOptionIndexes[0]].label;
+        return options[selectedOptionIndexes[0]]?.label ?? buttonLabel;
     }
     /**
      * The dropdown toggle button label right.
      */
     get currentButtonLabelRight() {
-        const { buttonLabel, allowMultiple, options, selectedOptionIndexes } = this;
+        const { allowMultiple, labelRight, options, selectedOptionIndexes } = this;
         if (allowMultiple || selectedOptionIndexes.length === 0) {
-            return buttonLabel;
+            return labelRight;
         }
-        return options[selectedOptionIndexes[0]].labelRight;
+        return options[selectedOptionIndexes[0]]?.labelRight ?? labelRight;
     }
     /**
      * The dropdown toggle button label right color.
      */
     get currentButtonLabelRightColor() {
-        const { buttonLabel, allowMultiple, options, selectedOptionIndexes } = this;
+        const { allowMultiple, labelRightColor, options, selectedOptionIndexes } = this;
         if (allowMultiple || selectedOptionIndexes.length === 0) {
-            return buttonLabel;
+            return labelRightColor;
         }
-        return options[selectedOptionIndexes[0]].labelRightColor;
+        return options[selectedOptionIndexes[0]]?.labelRightColor ?? labelRightColor;
     }
     /**
      * Returns all the currently selected options.
@@ -375,7 +376,7 @@ export class TetDropdown {
     }
     render() {
         const { theme, isOpen, isKeyboardFocus } = this;
-        return (h(Host, { key: 'f618d4e39eaeca3ccdb48ca5d4a9e4072dbbf070' }, h("div", { key: 'a5fc6419269f8db3ddb4fad6d820bf04ff97c06a', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (h(Host, { key: 'd1f9131eca01ce9552551821c38e6b80e66101e0' }, h("div", { key: '0cc2d8642d2391386b83ea7c0c086bfc2dc38a3e', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
     }
     static get is() { return "tet-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/{p-f1c0bbf0.js → p-7e8da393.js}

@@ -82,6 +82,7 @@ const TetDropdown = /*@__PURE__*/ proxyCustomElement(class TetDropdown extends H
         const newKeysAndValues = newOptions.map(({ label, labelRight, value }) => label + labelRight + value).join();
         const oldKeysAndValues = oldOptions.map(({ label, labelRight, value }) => label + labelRight + value).join();
         if (newKeysAndValues !== oldKeysAndValues) {
+            this.selectedOptionIndexes = [];
             this.preselectOption();
         }
     }
@@ -345,27 +346,27 @@ const TetDropdown = /*@__PURE__*/ proxyCustomElement(class TetDropdown extends H
         if (allowMultiple || selectedOptionIndexes.length === 0) {
             return buttonLabel;
         }
-        return options[selectedOptionIndexes[0]].label;
+        return options[selectedOptionIndexes[0]]?.label ?? buttonLabel;
     }
     /**
      * The dropdown toggle button label right.
      */
     get currentButtonLabelRight() {
-        const { buttonLabel, allowMultiple, options, selectedOptionIndexes } = this;
+        const { allowMultiple, labelRight, options, selectedOptionIndexes } = this;
         if (allowMultiple || selectedOptionIndexes.length === 0) {
-            return buttonLabel;
+            return labelRight;
         }
-        return options[selectedOptionIndexes[0]].labelRight;
+        return options[selectedOptionIndexes[0]]?.labelRight ?? labelRight;
     }
     /**
      * The dropdown toggle button label right color.
      */
     get currentButtonLabelRightColor() {
-        const { buttonLabel, allowMultiple, options, selectedOptionIndexes } = this;
+        const { allowMultiple, labelRightColor, options, selectedOptionIndexes } = this;
         if (allowMultiple || selectedOptionIndexes.length === 0) {
-            return buttonLabel;
+            return labelRightColor;
         }
-        return options[selectedOptionIndexes[0]].labelRightColor;
+        return options[selectedOptionIndexes[0]]?.labelRightColor ?? labelRightColor;
     }
     /**
      * Returns all the currently selected options.
@@ -380,7 +381,7 @@ const TetDropdown = /*@__PURE__*/ proxyCustomElement(class TetDropdown extends H
     }
     render() {
         const { theme, isOpen, isKeyboardFocus } = this;
-        return (h(Host, { key: 'f618d4e39eaeca3ccdb48ca5d4a9e4072dbbf070' }, h("div", { key: 'a5fc6419269f8db3ddb4fad6d820bf04ff97c06a', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
+        return (h(Host, { key: 'd1f9131eca01ce9552551821c38e6b80e66101e0' }, h("div", { key: '0cc2d8642d2391386b83ea7c0c086bfc2dc38a3e', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
     }
     static get watchers() { return {
         "options": ["onOptionsChange"]

package/dist/components/{p-249cff3a.js → p-9c6e9283.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h } from './p-25b93e8f.js
 import { g as getConvertedPixels } from './p-165a8492.js';
 import { d as defineCustomElement$5 } from './p-304bb88b.js';
 import { d as defineCustomElement$4 } from './p-5c579a12.js';
-import { d as defineCustomElement$3 } from './p-f1c0bbf0.js';
+import { d as defineCustomElement$3 } from './p-7e8da393.js';
 import { d as defineCustomElement$2 } from './p-a8a9e7a2.js';
 import { d as defineCustomElement$1 } from './p-52fcf7aa.js';
 

package/dist/components/{p-a9850168.js → p-a36b87da.js}

@@ -7,8 +7,8 @@ import { f as formatPrice } from './p-e1e74d01.js';
 import { d as defineCustomElement$a } from './p-4cff04db.js';
 import { d as defineCustomElement$9 } from './p-304bb88b.js';
 import { d as defineCustomElement$8 } from './p-5c579a12.js';
-import { d as defineCustomElement$7 } from './p-249cff3a.js';
-import { d as defineCustomElement$6 } from './p-f1c0bbf0.js';
+import { d as defineCustomElement$7 } from './p-9c6e9283.js';
+import { d as defineCustomElement$6 } from './p-7e8da393.js';
 import { d as defineCustomElement$5 } from './p-a8a9e7a2.js';
 import { d as defineCustomElement$4 } from './p-19a63760.js';
 import { d as defineCustomElement$3 } from './p-0b6cb3f6.js';

package/dist/components/{p-a4251929.js → p-d9e2f226.js}

@@ -4,8 +4,8 @@ import { p as productComparison } from './p-aa2f5368.js';
 import { g as generateFormUrl } from './p-6e631dc7.js';
 import { d as defineCustomElement$7 } from './p-304bb88b.js';
 import { d as defineCustomElement$6 } from './p-5c579a12.js';
-import { d as defineCustomElement$5 } from './p-249cff3a.js';
-import { d as defineCustomElement$4 } from './p-f1c0bbf0.js';
+import { d as defineCustomElement$5 } from './p-9c6e9283.js';
+import { d as defineCustomElement$4 } from './p-7e8da393.js';
 import { d as defineCustomElement$3 } from './p-a8a9e7a2.js';
 import { d as defineCustomElement$2 } from './p-19a63760.js';
 import { d as defineCustomElement$1 } from './p-52fcf7aa.js';

package/dist/components/tet-address-offers-view.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h as h$1, c as Host, F as Fragment } from './p-25b93e8f.js';
 import { h, d as defineCustomElement$a } from './p-a8a9e7a2.js';
 import { p as processTranslations, t as translate } from './p-6f0c4583.js';
-import { d as defineCustomElement$n } from './p-a9850168.js';
+import { d as defineCustomElement$n } from './p-a36b87da.js';
 import { d as defineCustomElement$m } from './p-a8046c1e.js';
 import { d as defineCustomElement$l } from './p-4cff04db.js';
 import { d as defineCustomElement$k } from './p-c9a25c76.js';
@@ -10,10 +10,10 @@ import { d as defineCustomElement$i } from './p-847f5e8e.js';
 import { d as defineCustomElement$h } from './p-09858189.js';
 import { d as defineCustomElement$g } from './p-304bb88b.js';
 import { d as defineCustomElement$f } from './p-5c579a12.js';
-import { d as defineCustomElement$e } from './p-249cff3a.js';
+import { d as defineCustomElement$e } from './p-9c6e9283.js';
 import { d as defineCustomElement$d } from './p-f76fad86.js';
 import { d as defineCustomElement$c } from './p-0023e4a7.js';
-import { d as defineCustomElement$b } from './p-f1c0bbf0.js';
+import { d as defineCustomElement$b } from './p-7e8da393.js';
 import { d as defineCustomElement$9 } from './p-22a20d5a.js';
 import { d as defineCustomElement$8 } from './p-58991856.js';
 import { d as defineCustomElement$7 } from './p-19a63760.js';

package/dist/components/tet-address-offers.js

@@ -1,4 +1,4 @@
-import { T as TetAddressOffers$1, d as defineCustomElement$1 } from './p-a9850168.js';
+import { T as TetAddressOffers$1, d as defineCustomElement$1 } from './p-a36b87da.js';
 
 const TetAddressOffers = TetAddressOffers$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tet-compare-card-v2.js

@@ -3,7 +3,7 @@ import './p-91b4c15e.js';
 import { p as productComparison } from './p-aa2f5368.js';
 import { d as defineCustomElement$7 } from './p-304bb88b.js';
 import { d as defineCustomElement$6 } from './p-5c579a12.js';
-import { d as defineCustomElement$5 } from './p-f1c0bbf0.js';
+import { d as defineCustomElement$5 } from './p-7e8da393.js';
 import { d as defineCustomElement$4 } from './p-a8a9e7a2.js';
 import { d as defineCustomElement$3 } from './p-19a63760.js';
 import { d as defineCustomElement$2 } from './p-ee54db57.js';

package/dist/components/tet-compare-card.js

@@ -1,4 +1,4 @@
-import { T as TetCompareCard$1, d as defineCustomElement$1 } from './p-249cff3a.js';
+import { T as TetCompareCard$1, d as defineCustomElement$1 } from './p-9c6e9283.js';
 
 const TetCompareCard = TetCompareCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tet-compare-cards-tab.js

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-25b93e8f.js';
-import { f as fillProductData, d as defineCustomElement$a } from './p-a4251929.js';
+import { f as fillProductData, d as defineCustomElement$a } from './p-d9e2f226.js';
 import './p-91b4c15e.js';
 import { p as productComparison } from './p-aa2f5368.js';
 import { C as CompareCardsTabProductsFilters, d as defineCustomElement$e } from './p-4cff04db.js';
 import { d as defineCustomElement$d } from './p-304bb88b.js';
 import { d as defineCustomElement$c } from './p-5c579a12.js';
-import { d as defineCustomElement$b } from './p-249cff3a.js';
-import { d as defineCustomElement$9 } from './p-f1c0bbf0.js';
+import { d as defineCustomElement$b } from './p-9c6e9283.js';
+import { d as defineCustomElement$9 } from './p-7e8da393.js';
 import { d as defineCustomElement$8 } from './p-a8a9e7a2.js';
 import { d as defineCustomElement$7 } from './p-19a63760.js';
 import { d as defineCustomElement$6 } from './p-dd3541f5.js';

package/dist/components/tet-compare-cards.js

@@ -1,4 +1,4 @@
-import { T as TetCompareCards$1, d as defineCustomElement$1 } from './p-a4251929.js';
+import { T as TetCompareCards$1, d as defineCustomElement$1 } from './p-d9e2f226.js';
 
 const TetCompareCards = TetCompareCards$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tet-display.js

@@ -3,7 +3,7 @@ import { c as copyTextToClipboard } from './p-21b64eb5.js';
 import { d as defineCustomElement$8 } from './p-a6f7c798.js';
 import { d as defineCustomElement$7 } from './p-304bb88b.js';
 import { d as defineCustomElement$6 } from './p-5c579a12.js';
-import { d as defineCustomElement$5 } from './p-f1c0bbf0.js';
+import { d as defineCustomElement$5 } from './p-7e8da393.js';
 import { d as defineCustomElement$4 } from './p-a8a9e7a2.js';
 import { d as defineCustomElement$3 } from './p-0b6cb3f6.js';
 import { d as defineCustomElement$2 } from './p-52fcf7aa.js';

package/dist/components/tet-divider.js

@@ -3,7 +3,7 @@ import { c as copyTextToClipboard } from './p-21b64eb5.js';
 import { d as defineCustomElement$7 } from './p-a6f7c798.js';
 import { d as defineCustomElement$6 } from './p-304bb88b.js';
 import { d as defineCustomElement$5 } from './p-5c579a12.js';
-import { d as defineCustomElement$4 } from './p-f1c0bbf0.js';
+import { d as defineCustomElement$4 } from './p-7e8da393.js';
 import { d as defineCustomElement$3 } from './p-a8a9e7a2.js';
 import { d as defineCustomElement$2 } from './p-52fcf7aa.js';
 

package/dist/components/tet-dropdown.js

@@ -1,4 +1,4 @@
-import { T as TetDropdown$1, d as defineCustomElement$1 } from './p-f1c0bbf0.js';
+import { T as TetDropdown$1, d as defineCustomElement$1 } from './p-7e8da393.js';
 
 const TetDropdown = TetDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tet-position.js

@@ -3,7 +3,7 @@ import { c as copyTextToClipboard } from './p-21b64eb5.js';
 import { d as defineCustomElement$7 } from './p-a6f7c798.js';
 import { d as defineCustomElement$6 } from './p-304bb88b.js';
 import { d as defineCustomElement$5 } from './p-5c579a12.js';
-import { d as defineCustomElement$4 } from './p-f1c0bbf0.js';
+import { d as defineCustomElement$4 } from './p-7e8da393.js';
 import { d as defineCustomElement$3 } from './p-a8a9e7a2.js';
 import { d as defineCustomElement$2 } from './p-52fcf7aa.js';