@tet/tet-components 1.3.130-testing → 1.3.131-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/tet-button.cjs.entry.js +2 -2
- package/dist/cjs/tet-checkbox_3.cjs.entry.js +7 -11
- package/dist/collection/components/basic/buttons/tet-button/test/tet-button.spec.js +8 -8
- package/dist/collection/components/basic/buttons/tet-button/tet-button.js +2 -2
- package/dist/collection/components/simple/inputs/tet-dropdown/test/tet-dropdown.spec.js +2 -1
- package/dist/collection/components/simple/inputs/tet-dropdown/tet-dropdown.js +7 -11
- package/dist/components/{p-75669f08.js → p-2f7ab47f.js} +1 -1
- package/dist/components/{p-dd376701.js → p-3e02b2cf.js} +2 -2
- package/dist/components/{p-a3fca9ec.js → p-59ecb7dc.js} +1 -1
- package/dist/components/{p-0a53a80b.js → p-796ea907.js} +7 -11
- package/dist/components/{p-0be9e746.js → p-9c20ee34.js} +1 -1
- package/dist/components/{p-91d028ac.js → p-9c284d15.js} +3 -3
- package/dist/components/{p-c6299995.js → p-a011cfb9.js} +3 -3
- package/dist/components/{p-66cd94c4.js → p-d8c79647.js} +1 -1
- package/dist/components/{p-a197b4f3.js → p-e1dfd49d.js} +1 -1
- package/dist/components/{p-310cb3de.js → p-e409203b.js} +1 -1
- package/dist/components/{p-d5ca784c.js → p-e4b59b85.js} +2 -2
- package/dist/components/tet-address-offers-view.js +6 -6
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +2 -2
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-compare-card.js +2 -2
- package/dist/components/tet-b2b-service-calculator.js +2 -2
- package/dist/components/tet-business-summary-card.js +2 -2
- package/dist/components/tet-button.js +1 -1
- package/dist/components/tet-card-list.js +1 -1
- package/dist/components/tet-carousel.js +1 -1
- package/dist/components/tet-cloud-application-form-dialog.js +1 -1
- package/dist/components/tet-cloud-configurator.js +3 -3
- package/dist/components/tet-compare-card-v2.js +2 -2
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +4 -4
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-contact-form.js +1 -1
- package/dist/components/tet-dropdown.js +1 -1
- package/dist/components/tet-dynamic-card.js +1 -1
- package/dist/components/tet-macd-view.js +1 -1
- package/dist/components/tet-multi-step-dialog.js +1 -1
- package/dist/components/tet-news-card-list.js +2 -2
- package/dist/components/tet-number-input.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-thank-you-view-v2.js +1 -1
- package/dist/components/tet-thank-you-view-v3.js +1 -1
- package/dist/components/tet-thank-you-view.js +1 -1
- package/dist/esm/tet-button.entry.js +2 -2
- package/dist/esm/tet-checkbox_3.entry.js +7 -11
- package/dist/tet-components/p-3dc55358.entry.js +1 -0
- package/dist/tet-components/p-e62d7082.entry.js +1 -0
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/tet-components/p-4d4912e3.entry.js +0 -1
- package/dist/tet-components/p-6d7a1319.entry.js +0 -1
|
@@ -39,14 +39,14 @@ const TetButton = class {
|
|
|
39
39
|
return (index.h("div", { class: "button__content" }, index.h("slot", null), index.h("tet-icon", { name: this.iconName })));
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
return (index.h(index.Host, { key: '9d4d3f9a51d228470f69d00f40c1c386ae073776' }, index.h("button", Object.assign({ key: '
|
|
42
|
+
return (index.h(index.Host, { key: '9d4d3f9a51d228470f69d00f40c1c386ae073776' }, index.h("button", Object.assign({ key: '760a08284265bf5039263bda24514857384670b0', part: "button", onClick: this.handleClick, id: this.elementId, class: {
|
|
43
43
|
button: true,
|
|
44
44
|
[`button-${this.size}`]: true,
|
|
45
45
|
[`button--type-${this.type}`]: true,
|
|
46
46
|
[`button-${this.theme}-theme`]: true,
|
|
47
47
|
'icon-mode': this.iconMode,
|
|
48
48
|
'with-icon': !!this.iconName,
|
|
49
|
-
}, disabled: this.disabled }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {})), (!!this.iconName && this.iconMode)
|
|
49
|
+
}, disabled: this.disabled }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}), { tabindex: 0 }), (!!this.iconName && this.iconMode)
|
|
50
50
|
? index.h("tet-icon", { name: this.iconName })
|
|
51
51
|
: !!this.iconName
|
|
52
52
|
? this.renderButtonWithIcon(this.iconPosition)
|
|
@@ -187,10 +187,8 @@ const TetDropdown = class {
|
|
|
187
187
|
if (isWithinElement(this.dropdownOptionsElement, x, y)) {
|
|
188
188
|
return;
|
|
189
189
|
}
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
this.isKeyboardFocus = false;
|
|
193
|
-
}, 50);
|
|
190
|
+
this.isOpen = false;
|
|
191
|
+
this.isKeyboardFocus = false;
|
|
194
192
|
}
|
|
195
193
|
/**
|
|
196
194
|
* Handles the focusout event to close the dropdown menu if focus moves outside the component.
|
|
@@ -206,17 +204,15 @@ const TetDropdown = class {
|
|
|
206
204
|
this.dropdownOptionsElement.contains(relatedTarget)) {
|
|
207
205
|
return;
|
|
208
206
|
}
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
this.isKeyboardFocus = false;
|
|
212
|
-
}, 50);
|
|
207
|
+
this.isOpen = false;
|
|
208
|
+
this.isKeyboardFocus = false;
|
|
213
209
|
}
|
|
214
210
|
/**
|
|
215
211
|
* Renders the dropdown toggle button and label.
|
|
216
212
|
*/
|
|
217
213
|
renderButton() {
|
|
218
214
|
const { label, labelLogo, labelLogoGrayscale, labelRight, currentButtonLabel, currentButtonLabelRight, currentButtonLabelRightColor, isOpen, disabled } = this;
|
|
219
|
-
return (index.h("div", { ref: el => (this.dropdownWrapperElement = el), class: { 'dropdown__wrapper': true, 'disabled': disabled } }, label && index.h("label", { id: 'dropdown-label', htmlFor: 'dropdown-button', class: "tet-input__label" }, label), index.h("div", { class: "dropdown__button-wrapper" }, index.h("button", { id: 'dropdown-button', class: "dropdown__button", "aria-labelledby": `dropdown-label`, "aria-haspopup": "listbox", "aria-controls": 'dropdown-options', "aria-expanded": isOpen, ref: el => (this.dropdownButtonElement = el), onClick: this.handleDropdownToggle(), onKeyDown: this.handleButtonKeydown(), disabled: disabled }, !disabled && labelLogo && index.h("img", { src: labelLogo, alt: label }), disabled && labelLogoGrayscale && index.h("img", { src: labelLogoGrayscale, alt: label }), index.h("span", { class: { 'dropdown__button__selected': true, 'dropdown__button__selected--flex': this.flexLayout } }, currentButtonLabel), labelRight && index.h("span", { class: "dropdown__button__labelright", style: { 'color': currentButtonLabelRightColor } }, currentButtonLabelRight), index.h("tet-icon", { class: "dropdown__icon dropdown__chevron-icon", name: isOpen ? 'chevron-up' : 'chevron-down' })))));
|
|
215
|
+
return (index.h("div", { ref: el => (this.dropdownWrapperElement = el), class: { 'dropdown__wrapper': true, 'disabled': disabled } }, label && index.h("label", { id: 'dropdown-label', htmlFor: 'dropdown-button', class: "tet-input__label" }, label), index.h("div", { class: "dropdown__button-wrapper" }, index.h("button", { id: 'dropdown-button', class: "dropdown__button", "aria-labelledby": `dropdown-label`, "aria-haspopup": "listbox", "aria-controls": 'dropdown-options', "aria-expanded": isOpen, ref: el => (this.dropdownButtonElement = el), onClick: this.handleDropdownToggle(), onKeyDown: this.handleButtonKeydown(), disabled: disabled, tabIndex: 0 }, !disabled && labelLogo && index.h("img", { src: labelLogo, alt: label }), disabled && labelLogoGrayscale && index.h("img", { src: labelLogoGrayscale, alt: label }), index.h("span", { class: { 'dropdown__button__selected': true, 'dropdown__button__selected--flex': this.flexLayout } }, currentButtonLabel), labelRight && index.h("span", { class: "dropdown__button__labelright", style: { 'color': currentButtonLabelRightColor } }, currentButtonLabelRight), index.h("tet-icon", { class: "dropdown__icon dropdown__chevron-icon", name: isOpen ? 'chevron-up' : 'chevron-down' })))));
|
|
220
216
|
}
|
|
221
217
|
/**
|
|
222
218
|
* Renders the dropdown options menu.
|
|
@@ -240,7 +236,7 @@ const TetDropdown = class {
|
|
|
240
236
|
const selected = selectedOptionIndexes[0] === index$1;
|
|
241
237
|
const handleClick = this.handleOptionSelect(index$1);
|
|
242
238
|
const handleKeyDown = this.handleOptionKeydown(handleClick);
|
|
243
|
-
return (index.h("li", { class: {
|
|
239
|
+
return (index.h("li", { key: value, class: {
|
|
244
240
|
'dropdown__option': true,
|
|
245
241
|
'dropdown__option--single': true,
|
|
246
242
|
'dropdown__option--selected': selected
|
|
@@ -439,7 +435,7 @@ const TetDropdown = class {
|
|
|
439
435
|
}
|
|
440
436
|
render() {
|
|
441
437
|
const { theme, isOpen, isKeyboardFocus } = this;
|
|
442
|
-
return (index.h(index.Host, { key: '
|
|
438
|
+
return (index.h(index.Host, { key: 'eaa922943ab1a9249f7e0a412dce6a667bd34a12' }, index.h("div", { key: 'd4b34214d57fc1735af18c2713c22a9cdd874b1e', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
|
|
443
439
|
}
|
|
444
440
|
static get watchers() { return {
|
|
445
441
|
"options": ["onOptionsChange"]
|
|
@@ -13,7 +13,7 @@ describe('tet-button', () => {
|
|
|
13
13
|
expect(page.root).toEqualHtml(`
|
|
14
14
|
<tet-button>
|
|
15
15
|
<mock:shadow-root>
|
|
16
|
-
<button class="${expectedClassesLarge.join(' ')}" part="button">
|
|
16
|
+
<button class="${expectedClassesLarge.join(' ')}" part="button" tabindex="0">
|
|
17
17
|
<slot></slot>
|
|
18
18
|
</button>
|
|
19
19
|
</mock:shadow-root>
|
|
@@ -28,7 +28,7 @@ describe('tet-button', () => {
|
|
|
28
28
|
expect(page.root).toEqualHtml(`
|
|
29
29
|
<tet-button size="small">
|
|
30
30
|
<mock:shadow-root>
|
|
31
|
-
<button class="${expectedClassesSmall.join(' ')}" part="button">
|
|
31
|
+
<button class="${expectedClassesSmall.join(' ')}" part="button" tabindex="0">
|
|
32
32
|
<slot></slot>
|
|
33
33
|
</button>
|
|
34
34
|
</mock:shadow-root>
|
|
@@ -43,7 +43,7 @@ describe('tet-button', () => {
|
|
|
43
43
|
expect(page.root).toEqualHtml(`
|
|
44
44
|
<tet-button type="primary">
|
|
45
45
|
<mock:shadow-root>
|
|
46
|
-
<button class="${expectedClassesLarge.join(' ')}" part="button">
|
|
46
|
+
<button class="${expectedClassesLarge.join(' ')}" part="button" tabindex="0">
|
|
47
47
|
<slot></slot>
|
|
48
48
|
</button>
|
|
49
49
|
</mock:shadow-root>
|
|
@@ -58,7 +58,7 @@ describe('tet-button', () => {
|
|
|
58
58
|
expect(page.root).toEqualHtml(`
|
|
59
59
|
<tet-button disabled>
|
|
60
60
|
<mock:shadow-root>
|
|
61
|
-
<button class="${expectedClassesLarge.join(' ')}" disabled="" part="button">
|
|
61
|
+
<button class="${expectedClassesLarge.join(' ')}" disabled="" part="button" tabindex="0">
|
|
62
62
|
<slot></slot>
|
|
63
63
|
</button>
|
|
64
64
|
</mock:shadow-root>
|
|
@@ -73,7 +73,7 @@ describe('tet-button', () => {
|
|
|
73
73
|
expect(page.root).toEqualHtml(`
|
|
74
74
|
<tet-button element-id="test-ID">
|
|
75
75
|
<mock:shadow-root>
|
|
76
|
-
<button class="${expectedClassesLarge.join(' ')}" id="test-ID" part="button">
|
|
76
|
+
<button class="${expectedClassesLarge.join(' ')}" id="test-ID" part="button" tabindex="0">
|
|
77
77
|
<slot></slot>
|
|
78
78
|
</button>
|
|
79
79
|
</mock:shadow-root>
|
|
@@ -88,7 +88,7 @@ describe('tet-button', () => {
|
|
|
88
88
|
expect(page.root).toEqualHtml(`
|
|
89
89
|
<tet-button icon-mode="true" icon-name="arrow-right">
|
|
90
90
|
<mock:shadow-root>
|
|
91
|
-
<button class="${expectedClassesWithIcon.join(' ')}" part="button">
|
|
91
|
+
<button class="${expectedClassesWithIcon.join(' ')}" part="button" tabindex="0">
|
|
92
92
|
<tet-icon name="arrow-right"></tet-icon>
|
|
93
93
|
</button>
|
|
94
94
|
</mock:shadow-root>
|
|
@@ -103,7 +103,7 @@ describe('tet-button', () => {
|
|
|
103
103
|
expect(page.root).toEqualHtml(`
|
|
104
104
|
<tet-button icon-name="home" icon-position="left">
|
|
105
105
|
<mock:shadow-root>
|
|
106
|
-
<button class="${expectedClassesWithTextAndIcon.join(' ')}" part="button">
|
|
106
|
+
<button class="${expectedClassesWithTextAndIcon.join(' ')}" part="button" tabindex="0">
|
|
107
107
|
<div class="button__content">
|
|
108
108
|
<tet-icon name="home"></tet-icon>
|
|
109
109
|
<slot></slot>
|
|
@@ -121,7 +121,7 @@ describe('tet-button', () => {
|
|
|
121
121
|
expect(page.root).toEqualHtml(`
|
|
122
122
|
<tet-button url="https://tet.lv">
|
|
123
123
|
<mock:shadow-root>
|
|
124
|
-
<button class="${expectedClassesLarge.join(' ')}" part="button">
|
|
124
|
+
<button class="${expectedClassesLarge.join(' ')}" part="button" tabindex="0">
|
|
125
125
|
<slot></slot>
|
|
126
126
|
</button>
|
|
127
127
|
</mock:shadow-root>
|
|
@@ -35,14 +35,14 @@ export class TetButton {
|
|
|
35
35
|
return (h("div", { class: "button__content" }, h("slot", null), h("tet-icon", { name: this.iconName })));
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (h(Host, { key: '9d4d3f9a51d228470f69d00f40c1c386ae073776' }, h("button", Object.assign({ key: '
|
|
38
|
+
return (h(Host, { key: '9d4d3f9a51d228470f69d00f40c1c386ae073776' }, h("button", Object.assign({ key: '760a08284265bf5039263bda24514857384670b0', part: "button", onClick: this.handleClick, id: this.elementId, class: {
|
|
39
39
|
button: true,
|
|
40
40
|
[`button-${this.size}`]: true,
|
|
41
41
|
[`button--type-${this.type}`]: true,
|
|
42
42
|
[`button-${this.theme}-theme`]: true,
|
|
43
43
|
'icon-mode': this.iconMode,
|
|
44
44
|
'with-icon': !!this.iconName,
|
|
45
|
-
}, disabled: this.disabled }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {})), (!!this.iconName && this.iconMode)
|
|
45
|
+
}, disabled: this.disabled }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}), { tabindex: 0 }), (!!this.iconName && this.iconMode)
|
|
46
46
|
? h("tet-icon", { name: this.iconName })
|
|
47
47
|
: !!this.iconName
|
|
48
48
|
? this.renderButtonWithIcon(this.iconPosition)
|
|
@@ -36,7 +36,8 @@ describe('tet-dropdown', () => {
|
|
|
36
36
|
class="dropdown__button"
|
|
37
37
|
aria-labelledby="dropdown-label"
|
|
38
38
|
aria-haspopup="listbox"
|
|
39
|
-
aria-controls="dropdown-options"
|
|
39
|
+
aria-controls="dropdown-options"
|
|
40
|
+
tabindex="0">
|
|
40
41
|
<span class="dropdown__button__selected">
|
|
41
42
|
Select an option
|
|
42
43
|
</span>
|
|
@@ -111,10 +111,8 @@ export class TetDropdown {
|
|
|
111
111
|
if (isWithinElement(this.dropdownOptionsElement, x, y)) {
|
|
112
112
|
return;
|
|
113
113
|
}
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
this.isKeyboardFocus = false;
|
|
117
|
-
}, 50);
|
|
114
|
+
this.isOpen = false;
|
|
115
|
+
this.isKeyboardFocus = false;
|
|
118
116
|
}
|
|
119
117
|
/**
|
|
120
118
|
* Handles the focusout event to close the dropdown menu if focus moves outside the component.
|
|
@@ -130,17 +128,15 @@ export class TetDropdown {
|
|
|
130
128
|
this.dropdownOptionsElement.contains(relatedTarget)) {
|
|
131
129
|
return;
|
|
132
130
|
}
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
this.isKeyboardFocus = false;
|
|
136
|
-
}, 50);
|
|
131
|
+
this.isOpen = false;
|
|
132
|
+
this.isKeyboardFocus = false;
|
|
137
133
|
}
|
|
138
134
|
/**
|
|
139
135
|
* Renders the dropdown toggle button and label.
|
|
140
136
|
*/
|
|
141
137
|
renderButton() {
|
|
142
138
|
const { label, labelLogo, labelLogoGrayscale, labelRight, currentButtonLabel, currentButtonLabelRight, currentButtonLabelRightColor, isOpen, disabled } = this;
|
|
143
|
-
return (h("div", { ref: el => (this.dropdownWrapperElement = el), class: { 'dropdown__wrapper': true, 'disabled': disabled } }, label && h("label", { id: 'dropdown-label', htmlFor: 'dropdown-button', class: "tet-input__label" }, label), h("div", { class: "dropdown__button-wrapper" }, h("button", { id: 'dropdown-button', class: "dropdown__button", "aria-labelledby": `dropdown-label`, "aria-haspopup": "listbox", "aria-controls": 'dropdown-options', "aria-expanded": isOpen, ref: el => (this.dropdownButtonElement = el), onClick: this.handleDropdownToggle(), onKeyDown: this.handleButtonKeydown(), disabled: disabled }, !disabled && labelLogo && h("img", { src: labelLogo, alt: label }), disabled && labelLogoGrayscale && h("img", { src: labelLogoGrayscale, alt: label }), h("span", { class: { 'dropdown__button__selected': true, 'dropdown__button__selected--flex': this.flexLayout } }, currentButtonLabel), labelRight && h("span", { class: "dropdown__button__labelright", style: { 'color': currentButtonLabelRightColor } }, currentButtonLabelRight), h("tet-icon", { class: "dropdown__icon dropdown__chevron-icon", name: isOpen ? 'chevron-up' : 'chevron-down' })))));
|
|
139
|
+
return (h("div", { ref: el => (this.dropdownWrapperElement = el), class: { 'dropdown__wrapper': true, 'disabled': disabled } }, label && h("label", { id: 'dropdown-label', htmlFor: 'dropdown-button', class: "tet-input__label" }, label), h("div", { class: "dropdown__button-wrapper" }, h("button", { id: 'dropdown-button', class: "dropdown__button", "aria-labelledby": `dropdown-label`, "aria-haspopup": "listbox", "aria-controls": 'dropdown-options', "aria-expanded": isOpen, ref: el => (this.dropdownButtonElement = el), onClick: this.handleDropdownToggle(), onKeyDown: this.handleButtonKeydown(), disabled: disabled, tabIndex: 0 }, !disabled && labelLogo && h("img", { src: labelLogo, alt: label }), disabled && labelLogoGrayscale && h("img", { src: labelLogoGrayscale, alt: label }), h("span", { class: { 'dropdown__button__selected': true, 'dropdown__button__selected--flex': this.flexLayout } }, currentButtonLabel), labelRight && h("span", { class: "dropdown__button__labelright", style: { 'color': currentButtonLabelRightColor } }, currentButtonLabelRight), h("tet-icon", { class: "dropdown__icon dropdown__chevron-icon", name: isOpen ? 'chevron-up' : 'chevron-down' })))));
|
|
144
140
|
}
|
|
145
141
|
/**
|
|
146
142
|
* Renders the dropdown options menu.
|
|
@@ -164,7 +160,7 @@ export class TetDropdown {
|
|
|
164
160
|
const selected = selectedOptionIndexes[0] === index;
|
|
165
161
|
const handleClick = this.handleOptionSelect(index);
|
|
166
162
|
const handleKeyDown = this.handleOptionKeydown(handleClick);
|
|
167
|
-
return (h("li", { class: {
|
|
163
|
+
return (h("li", { key: value, class: {
|
|
168
164
|
'dropdown__option': true,
|
|
169
165
|
'dropdown__option--single': true,
|
|
170
166
|
'dropdown__option--selected': selected
|
|
@@ -367,7 +363,7 @@ export class TetDropdown {
|
|
|
367
363
|
}
|
|
368
364
|
render() {
|
|
369
365
|
const { theme, isOpen, isKeyboardFocus } = this;
|
|
370
|
-
return (h(Host, { key: '
|
|
366
|
+
return (h(Host, { key: 'eaa922943ab1a9249f7e0a412dce6a667bd34a12' }, h("div", { key: 'd4b34214d57fc1735af18c2713c22a9cdd874b1e', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
|
|
371
367
|
}
|
|
372
368
|
static get is() { return "tet-dropdown"; }
|
|
373
369
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h } fro
|
|
|
2
2
|
import { p as processTranslations, t as translate } from './p-aca28e71.js';
|
|
3
3
|
import './p-6830b44d.js';
|
|
4
4
|
import { P as PhoneNumberValidator, R as RequiredValidator, c as createCallCenterTask } from './p-0a9fb3c4.js';
|
|
5
|
-
import { d as defineCustomElement$5 } from './p-
|
|
5
|
+
import { d as defineCustomElement$5 } from './p-e4b59b85.js';
|
|
6
6
|
import { d as defineCustomElement$4 } from './p-499b3838.js';
|
|
7
7
|
import { d as defineCustomElement$3 } from './p-d7f5b61c.js';
|
|
8
8
|
import { d as defineCustomElement$2 } from './p-c1c8a966.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h } from './p-37ed3ebb.js';
|
|
2
2
|
import { g as getConvertedPixels } from './p-165a8492.js';
|
|
3
|
-
import { d as defineCustomElement$5 } from './p-
|
|
3
|
+
import { d as defineCustomElement$5 } from './p-e4b59b85.js';
|
|
4
4
|
import { d as defineCustomElement$4 } from './p-102c1fc3.js';
|
|
5
|
-
import { d as defineCustomElement$3 } from './p-
|
|
5
|
+
import { d as defineCustomElement$3 } from './p-796ea907.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-d7f5b61c.js';
|
|
7
7
|
import { d as defineCustomElement$1 } from './p-eb9b5f91.js';
|
|
8
8
|
|
|
@@ -6,7 +6,7 @@ import { d as debounceAsync } from './p-64ec8edd.js';
|
|
|
6
6
|
import { n as normalize } from './p-58434b0c.js';
|
|
7
7
|
import { a as a11yBtnClick } from './p-713fff27.js';
|
|
8
8
|
import { d as defineCustomElement$6 } from './p-c3dfb9e4.js';
|
|
9
|
-
import { d as defineCustomElement$5 } from './p-
|
|
9
|
+
import { d as defineCustomElement$5 } from './p-e4b59b85.js';
|
|
10
10
|
import { d as defineCustomElement$4 } from './p-d7f5b61c.js';
|
|
11
11
|
import { d as defineCustomElement$3 } from './p-c1c8a966.js';
|
|
12
12
|
import { d as defineCustomElement$2 } from './p-1dfb07e1.js';
|
|
@@ -120,10 +120,8 @@ const TetDropdown = /*@__PURE__*/ proxyCustomElement(class TetDropdown extends H
|
|
|
120
120
|
if (isWithinElement(this.dropdownOptionsElement, x, y)) {
|
|
121
121
|
return;
|
|
122
122
|
}
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
this.isKeyboardFocus = false;
|
|
126
|
-
}, 50);
|
|
123
|
+
this.isOpen = false;
|
|
124
|
+
this.isKeyboardFocus = false;
|
|
127
125
|
}
|
|
128
126
|
/**
|
|
129
127
|
* Handles the focusout event to close the dropdown menu if focus moves outside the component.
|
|
@@ -139,17 +137,15 @@ const TetDropdown = /*@__PURE__*/ proxyCustomElement(class TetDropdown extends H
|
|
|
139
137
|
this.dropdownOptionsElement.contains(relatedTarget)) {
|
|
140
138
|
return;
|
|
141
139
|
}
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
this.isKeyboardFocus = false;
|
|
145
|
-
}, 50);
|
|
140
|
+
this.isOpen = false;
|
|
141
|
+
this.isKeyboardFocus = false;
|
|
146
142
|
}
|
|
147
143
|
/**
|
|
148
144
|
* Renders the dropdown toggle button and label.
|
|
149
145
|
*/
|
|
150
146
|
renderButton() {
|
|
151
147
|
const { label, labelLogo, labelLogoGrayscale, labelRight, currentButtonLabel, currentButtonLabelRight, currentButtonLabelRightColor, isOpen, disabled } = this;
|
|
152
|
-
return (h("div", { ref: el => (this.dropdownWrapperElement = el), class: { 'dropdown__wrapper': true, 'disabled': disabled } }, label && h("label", { id: 'dropdown-label', htmlFor: 'dropdown-button', class: "tet-input__label" }, label), h("div", { class: "dropdown__button-wrapper" }, h("button", { id: 'dropdown-button', class: "dropdown__button", "aria-labelledby": `dropdown-label`, "aria-haspopup": "listbox", "aria-controls": 'dropdown-options', "aria-expanded": isOpen, ref: el => (this.dropdownButtonElement = el), onClick: this.handleDropdownToggle(), onKeyDown: this.handleButtonKeydown(), disabled: disabled }, !disabled && labelLogo && h("img", { src: labelLogo, alt: label }), disabled && labelLogoGrayscale && h("img", { src: labelLogoGrayscale, alt: label }), h("span", { class: { 'dropdown__button__selected': true, 'dropdown__button__selected--flex': this.flexLayout } }, currentButtonLabel), labelRight && h("span", { class: "dropdown__button__labelright", style: { 'color': currentButtonLabelRightColor } }, currentButtonLabelRight), h("tet-icon", { class: "dropdown__icon dropdown__chevron-icon", name: isOpen ? 'chevron-up' : 'chevron-down' })))));
|
|
148
|
+
return (h("div", { ref: el => (this.dropdownWrapperElement = el), class: { 'dropdown__wrapper': true, 'disabled': disabled } }, label && h("label", { id: 'dropdown-label', htmlFor: 'dropdown-button', class: "tet-input__label" }, label), h("div", { class: "dropdown__button-wrapper" }, h("button", { id: 'dropdown-button', class: "dropdown__button", "aria-labelledby": `dropdown-label`, "aria-haspopup": "listbox", "aria-controls": 'dropdown-options', "aria-expanded": isOpen, ref: el => (this.dropdownButtonElement = el), onClick: this.handleDropdownToggle(), onKeyDown: this.handleButtonKeydown(), disabled: disabled, tabIndex: 0 }, !disabled && labelLogo && h("img", { src: labelLogo, alt: label }), disabled && labelLogoGrayscale && h("img", { src: labelLogoGrayscale, alt: label }), h("span", { class: { 'dropdown__button__selected': true, 'dropdown__button__selected--flex': this.flexLayout } }, currentButtonLabel), labelRight && h("span", { class: "dropdown__button__labelright", style: { 'color': currentButtonLabelRightColor } }, currentButtonLabelRight), h("tet-icon", { class: "dropdown__icon dropdown__chevron-icon", name: isOpen ? 'chevron-up' : 'chevron-down' })))));
|
|
153
149
|
}
|
|
154
150
|
/**
|
|
155
151
|
* Renders the dropdown options menu.
|
|
@@ -173,7 +169,7 @@ const TetDropdown = /*@__PURE__*/ proxyCustomElement(class TetDropdown extends H
|
|
|
173
169
|
const selected = selectedOptionIndexes[0] === index;
|
|
174
170
|
const handleClick = this.handleOptionSelect(index);
|
|
175
171
|
const handleKeyDown = this.handleOptionKeydown(handleClick);
|
|
176
|
-
return (h("li", { class: {
|
|
172
|
+
return (h("li", { key: value, class: {
|
|
177
173
|
'dropdown__option': true,
|
|
178
174
|
'dropdown__option--single': true,
|
|
179
175
|
'dropdown__option--selected': selected
|
|
@@ -372,7 +368,7 @@ const TetDropdown = /*@__PURE__*/ proxyCustomElement(class TetDropdown extends H
|
|
|
372
368
|
}
|
|
373
369
|
render() {
|
|
374
370
|
const { theme, isOpen, isKeyboardFocus } = this;
|
|
375
|
-
return (h(Host, { key: '
|
|
371
|
+
return (h(Host, { key: 'eaa922943ab1a9249f7e0a412dce6a667bd34a12' }, h("div", { key: 'd4b34214d57fc1735af18c2713c22a9cdd874b1e', class: { 'dropdown': true, 'dropdown--open': isOpen, 'focus-visible': isKeyboardFocus && isOpen, [`${theme}`]: true } }, this.renderButton(), this.renderOptions())));
|
|
376
372
|
}
|
|
377
373
|
static get watchers() { return {
|
|
378
374
|
"options": ["onOptionsChange"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h } from './p-37ed3ebb.js';
|
|
2
2
|
import { p as processTranslations, t as translate } from './p-aca28e71.js';
|
|
3
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$2 } from './p-e4b59b85.js';
|
|
4
4
|
import { d as defineCustomElement$1 } from './p-d7f5b61c.js';
|
|
5
5
|
|
|
6
6
|
const tetStepperInputCss = "@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{--stepper-input-control-background-color:var(--tc-background-secondary);--stepper-input-suffix-color:var(--tc-text-secondary);--stepper-input-border-color:var(--tc-border-tertiary);--stepper-input-border-color-active:var(--tc-border-primary);--stepper-button-bg:var(--tc-button-text-primary);--stepper-button-border:var(--tc-button-text-secondary);--stepper-value-color:var(--tc-button-text-inverse-disabled);--stepper-input-focus-outline-color:var(--tc-blue-40);display:inline-flex}.stepper-input{justify-content:center;align-items:center;gap:0.625rem;display:inline-flex}.stepper-input.dark{--stepper-input-control-background-color:var(--tc-background-primary-dark);--stepper-input-suffix-color:var(--tc-text-secondary-dark);--stepper-input-border-color:var(--tc-border-tertiary-dark);--stepper-input-border-color-active:var(--tc-border-primary-dark);--stepper-button-bg:var(--tc-button-text-primary-dark);--stepper-button-border:var(--tc-border-primary-dark);--stepper-value-color:var(--tc-button-text-inverse-disabled-dark);--stepper-input-focus-outline-color:var(--tc-blue-40)}.stepper-input__control{background:var(--stepper-button-bg);border:0.125rem solid var(--stepper-button-border);box-sizing:border-box;margin:0.25rem;border-radius:50%;cursor:pointer;padding-block:0;padding-inline:0;height:2.25rem;width:2.25rem}.stepper-input__control:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--stepper-input-focus-outline-color)}.stepper-input__value{border:0.0625rem solid var(--stepper-input-border-color);font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--stepper-value-color);background-color:var(--stepper-input-control-background-color);padding-inline:0;padding-block:0;width:3.125rem;height:2.75rem;text-align:center;box-sizing:border-box;letter-spacing:-0.029375rem;border-radius:0.625rem;appearance:textfield;-moz-appearance:textfield}.stepper-input__value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input__value:focus-within{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--stepper-input-focus-outline-color);border:0.0625rem solid var(--stepper-input-border-color-active)}.stepper-input tet-icon{--icon-color:var(--stepper-button-border)}.stepper-input tet-button::part(button){width:2.75rem;height:2.75rem}";
|
|
@@ -2,10 +2,10 @@ import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-
|
|
|
2
2
|
import './p-6830b44d.js';
|
|
3
3
|
import { p as productComparison } from './p-144dffdc.js';
|
|
4
4
|
import { g as generateFormUrl } from './p-6e631dc7.js';
|
|
5
|
-
import { d as defineCustomElement$7 } from './p-
|
|
5
|
+
import { d as defineCustomElement$7 } from './p-e4b59b85.js';
|
|
6
6
|
import { d as defineCustomElement$6 } from './p-102c1fc3.js';
|
|
7
|
-
import { d as defineCustomElement$5 } from './p-
|
|
8
|
-
import { d as defineCustomElement$4 } from './p-
|
|
7
|
+
import { d as defineCustomElement$5 } from './p-3e02b2cf.js';
|
|
8
|
+
import { d as defineCustomElement$4 } from './p-796ea907.js';
|
|
9
9
|
import { d as defineCustomElement$3 } from './p-d7f5b61c.js';
|
|
10
10
|
import { d as defineCustomElement$2 } from './p-8b3d80aa.js';
|
|
11
11
|
import { d as defineCustomElement$1 } from './p-eb9b5f91.js';
|
|
@@ -4,10 +4,10 @@ import { A as ApiRequest, e as endpoints } from './p-6830b44d.js';
|
|
|
4
4
|
import { t as translate, p as processTranslations } from './p-aca28e71.js';
|
|
5
5
|
import { g as generateFormUrl } from './p-6e631dc7.js';
|
|
6
6
|
import { d as defineCustomElement$a } from './p-d3f63a7a.js';
|
|
7
|
-
import { d as defineCustomElement$9 } from './p-
|
|
7
|
+
import { d as defineCustomElement$9 } from './p-e4b59b85.js';
|
|
8
8
|
import { d as defineCustomElement$8 } from './p-102c1fc3.js';
|
|
9
|
-
import { d as defineCustomElement$7 } from './p-
|
|
10
|
-
import { d as defineCustomElement$6 } from './p-
|
|
9
|
+
import { d as defineCustomElement$7 } from './p-3e02b2cf.js';
|
|
10
|
+
import { d as defineCustomElement$6 } from './p-796ea907.js';
|
|
11
11
|
import { d as defineCustomElement$5 } from './p-d7f5b61c.js';
|
|
12
12
|
import { d as defineCustomElement$4 } from './p-8b3d80aa.js';
|
|
13
13
|
import { d as defineCustomElement$3 } from './p-b71cc97c.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-37ed3ebb.js';
|
|
2
2
|
import { g as getConvertedPixels } from './p-165a8492.js';
|
|
3
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$2 } from './p-e4b59b85.js';
|
|
4
4
|
import { d as defineCustomElement$1 } from './p-d7f5b61c.js';
|
|
5
5
|
|
|
6
6
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-37ed3ebb.js';
|
|
2
2
|
import { a as debounce } from './p-64ec8edd.js';
|
|
3
3
|
import { a as getRemSize } from './p-165a8492.js';
|
|
4
|
-
import { d as defineCustomElement$3 } from './p-
|
|
4
|
+
import { d as defineCustomElement$3 } from './p-e4b59b85.js';
|
|
5
5
|
import { d as defineCustomElement$2 } from './p-d7f5b61c.js';
|
|
6
6
|
import { d as defineCustomElement$1 } from './p-c1c8a966.js';
|
|
7
7
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h } from './p-37ed3ebb.js';
|
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
|
2
|
+
import { d as defineCustomElement$2 } from './p-e4b59b85.js';
|
|
3
3
|
import { d as defineCustomElement$1 } from './p-d7f5b61c.js';
|
|
4
4
|
|
|
5
5
|
const tetNumberInputCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--number-input-height:3.5rem;--number-input-background-color:var(--tc-layer-primary);--number-input-border-radius:0.75rem;--number-input-border-color:var(--tc-border-secondary);--number-input-border-color-active:var(--tc-border-primary);--number-input-border-color-error:var( --tc-alert-accent-error);--number-input-text-color:var(--tc-text-primary);--number-input-text-secondary-color:var(--tc-text-secondary);--number-input-dropdown-active:var(--tc-layer-tertiary);--number-input-max-width:21.625rem;--number-input-focus-outline-color:var(--tc-blue-40);--number-input-disabled:var(--tc-background-secondary);--number-input-disabled-text:var(--tc-text-tertiary);--number-input-dropdown-border:var(--tc-border-tertiary);max-width:var(--number-input-max-width);display:block}.number-input{display:flex;flex-direction:column}.number-input.dark{--number-input-background-color:var(--tc-layer-primary-dark);--number-input-border-color:var(--tc-border-secondary-dark);--number-input-border-color-active:var(--tc-border-primary-dark);--number-input-border-color-error:var(--tc-alert-accent-error-dark);--number-input-text-color:var(--tc-text-primary-dark);--number-input-text-secondary-color:var(--tc-text-secondary-dark);--number-input-dropdown-active:var(--tc-layer-tertiary-dark);--number-input-disabled:var(--tc-background-secondary-dark);--number-input-disabled-text:var(--tc-text-tertiary-dark);--number-input-dropdown-border:var(--tc-border-tertiary-dark);--number-input-focus-outline-color:var(--tc-blue-40-dark)}.number-input__label{margin-bottom:0.25rem;font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--number-input-text-secondary-color)}.number-input__input{border:none;outline:none;appearance:textfield;-moz-appearance:textfield;padding-inline:0;padding-block:0;font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__input-suffix{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--number-input-text-secondary-color);margin-left:0.25rem}.number-input__input-invisible{visibility:hidden;font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";position:absolute;pointer-events:none}.number-input__input-container{position:relative;display:flex;border:0.063rem solid var(--number-input-border-color);align-items:baseline;justify-content:center;padding:0.9375rem;cursor:pointer;height:var(--number-input-height);box-sizing:border-box;background-color:var(--number-input-background-color);border-radius:var(--number-input-border-radius)}.number-input__input-container:active,.number-input__input-container:focus-within{outline:none;border:0.063rem solid var(--number-input-border-color-active)}.number-input__input-container.focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--number-input-focus-outline-color);border-color:var(--number-input-border-color-active)}.number-input__input--hidden{opacity:0;position:absolute}.number-input__helper-text{margin-top:0.25rem;font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--number-input-text-secondary-color)}.number-input__cheveron{display:flex;align-self:center;position:absolute;right:1rem;--icon-size:1.25rem;background:transparent;border:none;outline:none;cursor:pointer;--button-border:none;--button-padding-small:0.5rem}.number-input__cheveron:focus,.number-input__cheveron:focus-visible{--button-box-shadow:none}.number-input__dropdown{border:0.0625rem solid var(--number-input-dropdown-border);position:absolute;width:100%;top:3.625rem;background-color:var(--number-input-background-color);padding:0.625rem 0;border-radius:0.75rem;z-index:1;color:var(--number-input-text-color)}.number-input__dropdown:focus-within{outline:none}.number-input__dropdown-item{display:flex;align-items:center;padding:0.5rem 1rem;font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.number-input__dropdown-item.active{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;border-radius:0.125rem;outline-color:var(--number-input-focus-outline-color)}.number-input__dropdown-item:hover{background-color:var(--number-input-dropdown-active)}.number-input__dropdown-item .check{margin-left:auto}.number-input.disabled .number-input__input-container,.number-input.disabled .number-input__input{background-color:var(--number-input-disabled);border-color:var(--number-input-disabled);cursor:not-allowed}.number-input.disabled .number-input__input,.number-input.disabled .number-input__input-suffix{color:var(--number-input-disabled-text)}.number-input.error .number-input__input-container{border:0.063rem solid var(--number-input-border-color-error)}.number-input.error .number-input__helper-text{color:var(--number-input-border-color-error)}@media all and (min-width: 48rem){.number-input .number-input__label{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.number-input tet-icon{--icon-color:var(--number-input-text-color)}.number-input .number-input__input{color:var(--number-input-text-color);background-color:var(--number-input-background-color)}";
|
|
@@ -38,14 +38,14 @@ const TetButton = /*@__PURE__*/ proxyCustomElement(class TetButton extends H {
|
|
|
38
38
|
return (h("div", { class: "button__content" }, h("slot", null), h("tet-icon", { name: this.iconName })));
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '9d4d3f9a51d228470f69d00f40c1c386ae073776' }, h("button", Object.assign({ key: '
|
|
41
|
+
return (h(Host, { key: '9d4d3f9a51d228470f69d00f40c1c386ae073776' }, h("button", Object.assign({ key: '760a08284265bf5039263bda24514857384670b0', part: "button", onClick: this.handleClick, id: this.elementId, class: {
|
|
42
42
|
button: true,
|
|
43
43
|
[`button-${this.size}`]: true,
|
|
44
44
|
[`button--type-${this.type}`]: true,
|
|
45
45
|
[`button-${this.theme}-theme`]: true,
|
|
46
46
|
'icon-mode': this.iconMode,
|
|
47
47
|
'with-icon': !!this.iconName,
|
|
48
|
-
}, disabled: this.disabled }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {})), (!!this.iconName && this.iconMode)
|
|
48
|
+
}, disabled: this.disabled }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}), { tabindex: 0 }), (!!this.iconName && this.iconMode)
|
|
49
49
|
? h("tet-icon", { name: this.iconName })
|
|
50
50
|
: !!this.iconName
|
|
51
51
|
? this.renderButtonWithIcon(this.iconPosition)
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, f as forceUpdate, h as h$1, c as Host, F as Fragment } from './p-37ed3ebb.js';
|
|
2
2
|
import { h } from './p-a0d406ca.js';
|
|
3
3
|
import { p as processTranslations, t as translate } from './p-aca28e71.js';
|
|
4
|
-
import { d as defineCustomElement$n } from './p-
|
|
4
|
+
import { d as defineCustomElement$n } from './p-a011cfb9.js';
|
|
5
5
|
import { d as defineCustomElement$m } from './p-3ff35471.js';
|
|
6
6
|
import { d as defineCustomElement$l } from './p-d3f63a7a.js';
|
|
7
|
-
import { d as defineCustomElement$k } from './p-
|
|
7
|
+
import { d as defineCustomElement$k } from './p-59ecb7dc.js';
|
|
8
8
|
import { d as defineCustomElement$j } from './p-c4a94d36.js';
|
|
9
9
|
import { d as defineCustomElement$i } from './p-c3dfb9e4.js';
|
|
10
|
-
import { d as defineCustomElement$h } from './p-
|
|
11
|
-
import { d as defineCustomElement$g } from './p-
|
|
10
|
+
import { d as defineCustomElement$h } from './p-2f7ab47f.js';
|
|
11
|
+
import { d as defineCustomElement$g } from './p-e4b59b85.js';
|
|
12
12
|
import { d as defineCustomElement$f } from './p-102c1fc3.js';
|
|
13
|
-
import { d as defineCustomElement$e } from './p-
|
|
13
|
+
import { d as defineCustomElement$e } from './p-3e02b2cf.js';
|
|
14
14
|
import { d as defineCustomElement$d } from './p-4d0a0afc.js';
|
|
15
15
|
import { d as defineCustomElement$c } from './p-499b3838.js';
|
|
16
|
-
import { d as defineCustomElement$b } from './p-
|
|
16
|
+
import { d as defineCustomElement$b } from './p-796ea907.js';
|
|
17
17
|
import { d as defineCustomElement$a } from './p-d7f5b61c.js';
|
|
18
18
|
import { d as defineCustomElement$9 } from './p-c1c8a966.js';
|
|
19
19
|
import { d as defineCustomElement$8 } from './p-1dfb07e1.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { T as TetAddressOffers$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { T as TetAddressOffers$1, d as defineCustomElement$1 } from './p-a011cfb9.js';
|
|
2
2
|
|
|
3
3
|
const TetAddressOffers = TetAddressOffers$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { T as TetAddressSearch$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { T as TetAddressSearch$1, d as defineCustomElement$1 } from './p-59ecb7dc.js';
|
|
2
2
|
|
|
3
3
|
const TetAddressSearch = TetAddressSearch$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-37ed3ebb.js';
|
|
2
2
|
import './p-6830b44d.js';
|
|
3
3
|
import { q as queryCustomer, c as customerAssets } from './p-5c8c2d8d.js';
|
|
4
|
-
import { d as defineCustomElement$b } from './p-
|
|
4
|
+
import { d as defineCustomElement$b } from './p-59ecb7dc.js';
|
|
5
5
|
import { d as defineCustomElement$a } from './p-c3dfb9e4.js';
|
|
6
|
-
import { d as defineCustomElement$9 } from './p-
|
|
6
|
+
import { d as defineCustomElement$9 } from './p-e4b59b85.js';
|
|
7
7
|
import { d as defineCustomElement$8 } from './p-4d0a0afc.js';
|
|
8
8
|
import { d as defineCustomElement$7 } from './p-d7f5b61c.js';
|
|
9
9
|
import { d as defineCustomElement$6 } from './p-c1c8a966.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { T as TetAvailabilityContactForm$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { T as TetAvailabilityContactForm$1, d as defineCustomElement$1 } from './p-2f7ab47f.js';
|
|
2
2
|
|
|
3
3
|
const TetAvailabilityContactForm = TetAvailabilityContactForm$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host } from './p-37ed3ebb.js';
|
|
2
2
|
import { a as a11yBtnClick } from './p-713fff27.js';
|
|
3
3
|
import { p as processTranslations, t as translate } from './p-aca28e71.js';
|
|
4
|
-
import { d as defineCustomElement$5 } from './p-
|
|
4
|
+
import { d as defineCustomElement$5 } from './p-e4b59b85.js';
|
|
5
5
|
import { d as defineCustomElement$4 } from './p-d7f5b61c.js';
|
|
6
|
-
import { d as defineCustomElement$3 } from './p-
|
|
6
|
+
import { d as defineCustomElement$3 } from './p-9c20ee34.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-cdec8b43.js';
|
|
8
8
|
|
|
9
9
|
const tetB2bCompareCardCss = "@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format(\"eot\"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format(\"woff2\"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format(\"woff\"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format(\"truetype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format(\"eot\"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format(\"woff2\"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format(\"woff\"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format(\"truetype\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format(\"eot\"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format(\"woff2\"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format(\"woff\"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format(\"truetype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format(\"eot\"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format(\"woff2\"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format(\"woff\"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format(\"truetype\");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format(\"eot\"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format(\"woff2\"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format(\"woff\"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format(\"truetype\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format(\"eot\"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format(\"woff2\"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format(\"woff\"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format(\"truetype\");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;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}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format(\"embedded-opentype\"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format(\"woff2\"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format(\"woff\"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format(\"truetype\"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format(\"svg\");font-weight:400;font-style:normal}.tet-icon:before{content:\"\\E84E\"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:\"\\E800\"}.tet-icon__alert-circled:before{content:\"\\E801\"}.tet-icon__alert:before{content:\"\\E802\"}.tet-icon__bank:before{content:\"\\E803\"}.tet-icon__box:before{content:\"\\E804\"}.tet-icon__download:before{content:\"\\E805\"}.tet-icon__burger:before{content:\"\\E806\"}.tet-icon__cancel:before{content:\"\\E807\"}.tet-icon__printer:before{content:\"\\E808\"}.tet-icon__cart-add:before{content:\"\\E809\"}.tet-icon__cart-remove:before{content:\"\\E80A\"}.tet-icon__cart:before{content:\"\\E80B\"}.tet-icon__chat:before{content:\"\\E80C\"}.tet-icon__arrow-up:before{content:\"\\E80D\"}.tet-icon__calendar:before{content:\"\\E80E\"}.tet-icon__help-circled:before{content:\"\\E80F\"}.tet-icon__edit:before{content:\"\\E810\"}.tet-icon__external-link:before{content:\"\\E811\"}.tet-icon__gift:before{content:\"\\E812\"}.tet-icon__person:before{content:\"\\E813\"}.tet-icon__heart:before{content:\"\\E814\"}.tet-icon__language:before{content:\"\\E815\"}.tet-icon__help:before{content:\"\\E816\"}.tet-icon__home-1:before{content:\"\\E817\"}.tet-icon__location:before{content:\"\\E818\"}.tet-icon__home-3:before{content:\"\\E819\"}.tet-icon__chart-even:before{content:\"\\E81A\"}.tet-icon__info-2:before{content:\"\\E81B\"}.tet-icon__key:before{content:\"\\E81C\"}.tet-icon__info:before{content:\"\\E81D\"}.tet-icon__lock-opened:before{content:\"\\E81E\"}.tet-icon__lock-outlined:before{content:\"\\E81F\"}.tet-icon__lock:before{content:\"\\E820\"}.tet-icon__laptop-filled:before{content:\"\\E821\"}.tet-icon__mail:before{content:\"\\E822\"}.tet-icon__options:before{content:\"\\E823\"}.tet-icon__chart-uneven:before{content:\"\\E824\"}.tet-icon__mail-2:before{content:\"\\E825\"}.tet-icon__remove:before{content:\"\\E826\"}.tet-icon__mobile-filled:before{content:\"\\E827\"}.tet-icon__ilu-calendar-check:before{content:\"\\E828\"}.tet-icon__settings-outlined:before{content:\"\\E829\"}.tet-icon__tablet:before{content:\"\\E82A\"}.tet-icon__thumb-up:before{content:\"\\E82B\"}.tet-icon__ilu-purchase:before{content:\"\\E82C\"}.tet-icon__chart-even-outlined:before{content:\"\\E82D\"}.tet-icon__movie:before{content:\"\\E82E\"}.tet-icon__percent:before{content:\"\\E82F\"}.tet-icon__ilu-change-whenever:before{content:\"\\E830\"}.tet-icon__truck:before{content:\"\\E831\"}.tet-icon__zero:before{content:\"\\E832\"}.tet-icon__attach:before{content:\"\\E833\"}.tet-icon__cloud-done:before{content:\"\\E834\"}.tet-icon__cloud-download:before{content:\"\\E835\"}.tet-icon__cloud-upload:before{content:\"\\E836\"}.tet-icon__cloud:before{content:\"\\E837\"}.tet-icon__folder:before{content:\"\\E838\"}.tet-icon__remote:before{content:\"\\E839\"}.tet-icon__router:before{content:\"\\E83A\"}.tet-icon__shield-filled:before{content:\"\\E83B\"}.tet-icon__shield:before{content:\"\\E83C\"}.tet-icon__ilu-devices:before{content:\"\\E83D\"}.tet-icon__ilu-get-points:before{content:\"\\E83E\"}.tet-icon__tv:before{content:\"\\E83F\"}.tet-icon__ilu-internet:before{content:\"\\E840\"}.tet-icon__wifi-outlined:before{content:\"\\E841\"}.tet-icon__wifi:before{content:\"\\E842\"}.tet-icon__description-outlined:before{content:\"\\E843\"}.tet-icon__laptop:before{content:\"\\E844\"}.tet-icon__chart-uneven-outlined:before{content:\"\\E845\"}.tet-icon__meter:before{content:\"\\E846\"}.tet-icon__mobile:before{content:\"\\E847\"}.tet-icon__phone:before{content:\"\\E848\"}.tet-icon__plug-filled:before{content:\"\\E849\"}.tet-icon__plug:before{content:\"\\E84A\"}.tet-icon__print:before{content:\"\\E84B\"}.tet-icon__camera:before{content:\"\\E84C\"}.tet-icon__clock:before{content:\"\\E84D\"}.tet-icon__placeholder:before{content:\"\\E84E\"}.tet-icon__tv-filled:before{content:\"\\E84F\"}.tet-icon__arrow-down:before{content:\"\\E850\"}.tet-icon__arrow-left:before{content:\"\\E851\"}.tet-icon__arrow-right:before{content:\"\\E852\"}.tet-icon__description:before{content:\"\\E853\"}.tet-icon__login:before{content:\"\\E854\"}.tet-icon__check:before{content:\"\\E855\"}.tet-icon__chevron-down:before{content:\"\\E856\"}.tet-icon__chevron-left:before{content:\"\\E857\"}.tet-icon__chevron-right:before{content:\"\\E858\"}.tet-icon__chevron-up:before{content:\"\\E859\"}.tet-icon__close-circled:before{content:\"\\E85A\"}.tet-icon__close:before{content:\"\\E85B\"}.tet-icon__more-horizontal:before{content:\"\\E85C\"}.tet-icon__more-vertical:before{content:\"\\E85D\"}.tet-icon__refresh:before{content:\"\\E85E\"}.tet-icon__facebook:before{content:\"\\E85F\"}.tet-icon__instagram:before{content:\"\\E860\"}.tet-icon__linkedin:before{content:\"\\E861\"}.tet-icon__people:before{content:\"\\E862\"}.tet-icon__logout:before{content:\"\\E863\"}.tet-icon__share:before{content:\"\\E864\"}.tet-icon__twitter:before{content:\"\\E865\"}.tet-icon__cancel-filled:before{content:\"\\E866\"}.tet-icon__done:before{content:\"\\E867\"}.tet-icon__star-filled:before{content:\"\\E868\"}.tet-icon__star:before{content:\"\\E869\"}.tet-icon__clipboard:before{content:\"\\E86A\"}.tet-icon__ilu-calendar:before{content:\"\\E86B\"}.tet-icon__check-circled:before{content:\"\\E86C\"}.tet-icon__ilu-choose-channels:before{content:\"\\E86D\"}.tet-icon__search:before{content:\"\\E86E\"}.tet-icon__warning:before{content:\"\\E86F\"}.tet-icon__ilu-clock-1:before{content:\"\\E870\"}.tet-icon__ilu-fold:before{content:\"\\E871\"}.tet-icon__ilu-letter:before{content:\"\\E872\"}.tet-icon__ilu-pay:before{content:\"\\E873\"}.tet-icon__ilu-meter:before{content:\"\\E874\"}.tet-icon__ilu-sign:before{content:\"\\E875\"}.tet-icon__smart-watch-filled:before{content:\"\\E876\"}.tet-icon__washing-machine-filled:before{content:\"\\E877\"}.tet-icon__bullet:before{content:\"\\E878\"}.tet-icon__sound:before{content:\"\\E879\"}.tet-icon__dropdown:before{content:\"\\E87A\"}.tet-icon__mask-pass:before{content:\"\\E87B\"}.tet-icon__select:before{content:\"\\E87C\"}.tet-icon__text-area-sizing:before{content:\"\\E87D\"}.tet-icon__unmask-pass:before{content:\"\\E87E\"}.tet-icon__bullet-small:before{content:\"\\E882\"}.tet-icon__electric-bolt:before{content:\"\\E880\"}.tet-icon__sun:before{content:\"\\E881\"}: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)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled);--tet-link-secondary-color:var(--tc-text-secondary);--tet-link-secondary-color-hover:var(--tc-text-primary)}.tet-link,.tet-link__arrow{text-decoration:underline;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark);--tet-link-secondary-color:var(--tc-text-secondary-dark);--tet-link-secondary-color-hover:var(--tc-text-primary-dark)}.tet-link.tet-link--secondary,.tet-link__arrow.tet-link--secondary{--tet-link-color:var(--tet-link-secondary-color);--tet-link-color-hover:var(--tet-link-secondary-color-hover)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:\"-->\";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:block;--b2b-card-background-color:var(--tc-layer-primary);--b2b-card-text-color:var(--tc-text-primary);--b2b-card-details-background-color:var(--tc-layer-secondary);--b2b-card-details-old-price-text-color:var(--tc-text-secondary);--b2b-card-border-color:var(--tc-border-quaternary);--b2b-card-border-slim-color:var(--tc-border-tertiary);--b2b-card-selected-border-color:var(--tc-border-primary);--b2b-card-box-shadow:var(--tc-elevation-one);--b2b-card-selected-box-shadow:var(--tc-elevation-two);--b2b-card-badge-color:var(--tc-yellow-40)}.dark{--b2b-card-background-color:var(--tc-layer-primary-dark);--b2b-card-text-color:var(--tc-text-primary-dark);--b2b-card-details-background-color:var(--tc-layer-secondary-dark);--b2b-card-details-old-price-text-color:var(--tc-text-secondary-dark);--b2b-card-border-color:var(--tc-border-quaternary-dark);--b2b-card-border-slim-color:var(--tc-border-tertiary-dark);--b2b-card-selected-border-color:var(--tc-border-primary-dark);--b2b-card-box-shadow:var(--tc-elevation-one-dark);--b2b-card-selected-box-shadow:var(--tc-elevation-two-dark);--b2b-card-badge-color:var(--tc-yellow-40-dark)}.divider{border-top:0;border-bottom:0.0625rem solid var(--b2b-card-border-color)}.divider--slim{border-bottom:0.03125rem solid var(--b2b-card-border-slim-color)}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.card{box-sizing:border-box;overflow:hidden;color:var(--b2b-card-text-color);background-color:var(--b2b-card-background-color);border:0.0625rem solid var(--b2b-card-border-color);border-radius:1rem;box-shadow:var(--b2b-card-box-shadow)}.card__wrapper{position:relative;margin-top:0.5rem}.card__badge{position:absolute;top:0;left:50%;transform:translateY(-50%) translateX(-50%);color:var(--b2b-card-text-color);background-color:var(--b2b-card-badge-color);padding:0.375rem 1.25rem;box-shadow:var(--b2b-card-selected-box-shadow);border-radius:6.25rem;width:fit-content;font:600 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\";white-space:nowrap}.card__badge--is-tablet{left:1.5rem;transform:translateY(-50%) translateX(0)}.card:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.card.dark:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.card--selected{border-width:0.125rem;border-color:var(--b2b-card-selected-border-color);box-shadow:var(--b2b-card-selected-box-shadow)}.offer{padding:1rem;cursor:pointer}.offer--is-tablet{padding:1.5rem}.offer__header{margin-bottom:0.75rem}.offer__top-info{display:flex;flex-direction:column}.offer__top-info--is-tablet{flex-direction:row;justify-content:space-between}.offer__title{font:500 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__title--is-tablet{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__price{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__price--is-tablet{font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__price-suffix{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__price-suffix--is-tablet{font:600 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__subtitle{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__subtitle--is-tablet{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__benefits{display:block;margin-top:0.75rem;--text-list-gap:0.25rem;--text-list-padding-left:1rem;--text-list-icon-size:1rem;--text-list-icon-line-height:1.25rem}.offer__benefits::part(list-element){font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.offer__contract-link{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin-top:0.5rem}.details{background-color:var(--b2b-card-details-background-color);padding:1rem}.details--is-tablet{padding:1rem 1.5rem 1.5rem 1.5rem}.details__price-block{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;justify-content:space-between;margin:0.75rem 0}.details__price-block--is-tablet{margin-bottom:1rem}.details__total{display:flex;flex-direction:column;align-items:flex-end}.details__total--current{white-space:nowrap}.details__total--original{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--b2b-card-details-old-price-text-color);text-decoration-line:line-through;white-space:nowrap}.details__actions{margin-top:0.75rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.details__actions--is-tablet{margin-top:1rem;flex-direction:row;align-items:flex-end}.details__quantity-control{display:flex;flex-direction:column;gap:0.25rem}.details__quantity-label{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";text-align:center}.details__quantity-counter{--stepper-input-control-background-color:var(--tc-background-primary);display:block;margin-bottom:1rem}.details__quantity-counter--is-tablet{margin-bottom:0}.details__submit-button{--button-padding-medium:0.625rem 1rem}";
|