@tet/tet-components 1.3.146-testing → 1.3.147-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/index-f559cb2e.js +24 -36
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{tet-notification.cjs.entry.js → tet-accordion_2.cjs.entry.js} +131 -0
- package/dist/cjs/tet-address-offers-filters-products_2.cjs.entry.js +1 -1
- package/dist/cjs/{tet-autocomplete_2.cjs.entry.js → tet-autocomplete.cjs.entry.js} +0 -65
- package/dist/cjs/tet-b2b-check-out-form_5.cjs.entry.js +647 -0
- package/dist/cjs/tet-b2b-configurator.cjs.entry.js +536 -0
- package/dist/cjs/tet-b2b-service-calculator.cjs.entry.js +1 -1
- package/dist/cjs/tet-border-radius.cjs.entry.js +1 -1
- package/dist/cjs/tet-business-lines.cjs.entry.js +1 -1
- package/dist/cjs/tet-colors.cjs.entry.js +4 -4
- package/dist/cjs/tet-compare-card-v2.cjs.entry.js +1 -1
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/cjs/tet-font-weight.cjs.entry.js +1 -1
- package/dist/cjs/tet-fonts.cjs.entry.js +1 -1
- package/dist/cjs/tet-grid.cjs.entry.js +1 -1
- package/dist/cjs/tet-layout.cjs.entry.js +1 -1
- package/dist/cjs/tet-link.cjs.entry.js +1 -1
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-spinner.cjs.entry.js +71 -0
- package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/advanced/cards/tet-b2b-compare-card/test/tet-b2b-compare-card.spec.js +0 -1
- package/dist/collection/components/advanced/cards/tet-b2b-compare-card/tet-b2b-compare-card.js +8 -8
- package/dist/collection/components/advanced/cards/tet-business-summary-card/tet-business-summary-card.css +7 -0
- package/dist/collection/components/advanced/cards/tet-business-summary-card/tet-business-summary-card.js +31 -7
- package/dist/collection/components/advanced/cards/tet-compare-card/tet-compare-card.css +1 -0
- package/dist/collection/components/advanced/cards/tet-compare-card-v2/tet-compare-card-v2.css +1 -0
- package/dist/collection/components/advanced/forms/tet-b2b-check-out-form/tet-b2b-check-out-form.css +0 -2
- package/dist/collection/components/advanced/forms/tet-b2b-check-out-form/tet-b2b-check-out-form.js +24 -4
- package/dist/collection/components/simple/lists/tet-text-list/tet-text-list.css +1 -0
- package/dist/collection/components/simple/menu/tet-business-navigation/tet-business-navigation.css +15 -5
- package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.css +4 -2
- package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.js +27 -5
- package/dist/collection/components/views/tet-b2b-configurator/b2b-configurator.store.js +47 -0
- package/dist/collection/components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/test/tet-b2b-configurator-cart.spec.js +10 -1
- package/dist/collection/components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.css +54 -9
- package/dist/collection/components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.js +106 -8
- package/dist/collection/components/views/tet-b2b-configurator/tet-b2b-configurator.css +472 -0
- package/dist/collection/components/views/tet-b2b-configurator/tet-b2b-configurator.js +612 -0
- package/dist/collection/components/views/tet-b2b-service-calculator/tet-b2b-service-calculator.js +1 -1
- package/dist/collection/components/views/tet-business-lines/tet-business-lines.js +1 -1
- package/dist/collection/docs/styling/border-radius/tet-border-radius.js +1 -1
- package/dist/collection/docs/styling/colors/tet-colors.js +4 -4
- package/dist/collection/docs/styling/font-weight/tet-font-weight.js +1 -1
- package/dist/collection/docs/styling/fonts/tet-fonts.js +1 -1
- package/dist/collection/docs/styling/layout/tet-layout.js +1 -1
- package/dist/collection/docs/styling/link/tet-link.js +1 -1
- package/dist/collection/docs/styling/spacing/tet-spacing.js +1 -1
- package/dist/collection/docs/styling/tet-grid/tet-grid.js +1 -1
- package/dist/collection/services/utils/minimum-duration-time.js +14 -0
- package/dist/components/index.js +2 -0
- package/dist/components/{p-08cb8e8b.js → p-401be6d8.js} +8 -6
- package/dist/components/{p-b3266df2.js → p-42c3311c.js} +1 -1
- package/dist/components/{p-c15aec6f.js → p-4a4c9b2c.js} +1 -1
- package/dist/{esm/tet-business-navigation.entry.js → components/p-5541195e.js} +35 -8
- package/dist/components/{p-e735af9c.js → p-8dd212bd.js} +1 -1
- package/dist/{esm/tet-b2b-compare-card.entry.js → components/p-922171da.js} +68 -20
- package/dist/{esm/tet-b2b-check-out-form.entry.js → components/p-b74f5470.js} +69 -16
- package/dist/components/p-cbf2c238.js +227 -0
- package/dist/components/{p-18778346.js → p-e72ea31d.js} +1 -1
- package/dist/{esm/tet-business-summary-card.entry.js → components/p-f68a8deb.js} +66 -14
- package/dist/components/tet-accordion.js +1 -1
- package/dist/components/tet-address-offers-view.js +2 -2
- package/dist/components/tet-address-offers.js +1 -1
- package/dist/components/tet-b2b-check-out-form.js +1 -207
- package/dist/components/tet-b2b-compare-card.js +1 -206
- package/dist/components/tet-b2b-configurator-cart.js +1 -167
- package/dist/components/tet-b2b-configurator.d.ts +11 -0
- package/dist/components/tet-b2b-configurator.js +661 -0
- package/dist/components/tet-b2b-service-calculator.js +1 -1
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-compare-card.js +1 -1
- package/dist/components/tet-business-lines.js +1 -1
- package/dist/components/tet-business-navigation.js +1 -103
- package/dist/components/tet-business-summary-card.js +1 -116
- package/dist/components/tet-colors.js +4 -4
- package/dist/components/tet-compare-card-v2.js +1 -1
- package/dist/components/tet-compare-card.js +1 -1
- package/dist/components/tet-compare-cards-tab.js +2 -2
- package/dist/components/tet-compare-cards.js +1 -1
- package/dist/components/tet-font-weight.js +1 -1
- package/dist/components/tet-fonts.js +1 -1
- package/dist/components/tet-grid.js +1 -1
- package/dist/components/tet-layout.js +1 -1
- package/dist/components/tet-link.js +1 -1
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-text-list.js +1 -1
- package/dist/esm/index-7f1e2a22.js +24 -36
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{tet-notification.entry.js → tet-accordion_2.entry.js} +132 -2
- package/dist/esm/tet-address-offers-filters-products_2.entry.js +1 -1
- package/dist/esm/{tet-autocomplete_2.entry.js → tet-autocomplete.entry.js} +1 -65
- package/dist/esm/tet-b2b-check-out-form_5.entry.js +639 -0
- package/dist/esm/tet-b2b-configurator.entry.js +532 -0
- package/dist/esm/tet-b2b-service-calculator.entry.js +1 -1
- package/dist/esm/tet-border-radius.entry.js +1 -1
- package/dist/esm/tet-business-lines.entry.js +1 -1
- package/dist/esm/tet-colors.entry.js +4 -4
- package/dist/esm/tet-compare-card-v2.entry.js +1 -1
- package/dist/esm/tet-components.js +1 -1
- package/dist/esm/tet-font-weight.entry.js +1 -1
- package/dist/esm/tet-fonts.entry.js +1 -1
- package/dist/esm/tet-grid.entry.js +1 -1
- package/dist/esm/tet-layout.entry.js +1 -1
- package/dist/esm/tet-link.entry.js +1 -1
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-spinner.entry.js +67 -0
- package/dist/esm/tet-text-list.entry.js +1 -1
- package/dist/tet-components/{p-0121cef5.entry.js → p-067c2f1b.entry.js} +1 -1
- package/dist/tet-components/{p-bb6387c6.entry.js → p-0738afc0.entry.js} +1 -1
- package/dist/tet-components/{p-f476f61c.entry.js → p-07aee8d0.entry.js} +1 -1
- package/dist/tet-components/p-0d818b7e.entry.js +1 -0
- package/dist/tet-components/{p-56460d2d.entry.js → p-4c9e742f.entry.js} +1 -1
- package/dist/tet-components/{p-9c274191.entry.js → p-4e0a24ba.entry.js} +1 -1
- package/dist/tet-components/p-4ea127f4.entry.js +1 -0
- package/dist/tet-components/{p-9bfcf2cc.entry.js → p-62eb4fe0.entry.js} +1 -1
- package/dist/tet-components/{p-38c3b247.entry.js → p-662d9457.entry.js} +1 -1
- package/dist/tet-components/{p-1ddb9e3c.entry.js → p-677b8bf7.entry.js} +1 -1
- package/dist/tet-components/{p-7f00f463.entry.js → p-6a4a979c.entry.js} +1 -1
- package/dist/tet-components/p-6d2c4b16.entry.js +1 -0
- package/dist/tet-components/{p-6782340f.entry.js → p-9513c8f6.entry.js} +1 -1
- package/dist/tet-components/p-af917a8f.entry.js +1 -0
- package/dist/tet-components/{p-597e234a.entry.js → p-dcb66405.entry.js} +1 -1
- package/dist/tet-components/{p-4838a00a.entry.js → p-e311eb7d.entry.js} +1 -1
- package/dist/tet-components/p-ed67bd52.entry.js +1 -0
- package/dist/tet-components/{p-bd8a0449.entry.js → p-eed6163a.entry.js} +1 -1
- package/dist/tet-components/tet-components.css +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/advanced/cards/tet-business-summary-card/tet-business-summary-card.d.ts +4 -2
- package/dist/types/components/advanced/forms/tet-b2b-check-out-form/tet-b2b-check-out-form.d.ts +2 -1
- package/dist/types/components/simple/structural/tet-accordion/tet-accordion.d.ts +5 -0
- package/dist/types/components/views/tet-b2b-configurator/b2b-configurator.store.d.ts +22 -0
- package/dist/types/components.d.ts +100 -4
- package/dist/types/services/api/interfaces/property.interface.d.ts +2 -2
- package/dist/types/services/api/services/b2b-configurator/b2b-configurator.d.ts +4 -4
- package/dist/types/services/utils/minimum-duration-time.d.ts +9 -0
- package/package.json +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +0 -136
- package/dist/cjs/tet-b2b-check-out-form.cjs.entry.js +0 -164
- package/dist/cjs/tet-b2b-compare-card.cjs.entry.js +0 -164
- package/dist/cjs/tet-b2b-configurator-cart.cjs.entry.js +0 -129
- package/dist/cjs/tet-business-navigation.cjs.entry.js +0 -82
- package/dist/cjs/tet-business-summary-card.cjs.entry.js +0 -77
- package/dist/esm/tet-accordion.entry.js +0 -132
- package/dist/esm/tet-b2b-configurator-cart.entry.js +0 -125
- package/dist/tet-components/p-05fc6443.entry.js +0 -1
- package/dist/tet-components/p-319c29e9.entry.js +0 -1
- package/dist/tet-components/p-47618056.entry.js +0 -1
- package/dist/tet-components/p-4eb386f5.entry.js +0 -1
- package/dist/tet-components/p-62419a1f.entry.js +0 -1
- package/dist/tet-components/p-a9499bbb.entry.js +0 -1
- package/dist/tet-components/p-d0d39e88.entry.js +0 -1
- package/dist/tet-components/p-ff5dba0e.entry.js +0 -1
- package/dist/types/components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.d.ts +0 -67
|
@@ -64,7 +64,7 @@ const TetB2bServiceCalculator$1 = /*@__PURE__*/ proxyCustomElement(class TetB2bS
|
|
|
64
64
|
processTranslations('tet-components', this.language).then(() => forceUpdate(this));
|
|
65
65
|
}
|
|
66
66
|
render() {
|
|
67
|
-
return (h("section", { key: '
|
|
67
|
+
return (h("section", { key: '326aaa3f71423e90e2b453e5cc8b1df96689a8bc', class: "container" }, h("div", { key: 'f51769d2182670107b7a43467781160486c0f029', class: "title-block" }, translate('components-b2b-calculator-title')), h("div", { key: 'b4ff5d39a203c91ade560be83be338166d8b9ff0', class: "calculator-block" }, h("p", { key: 'c1e8ac5d2b37d8a324acf7b3da046c29e1383c75', class: "slider-title" }, translate('components-b2b-calculator-computer-count')), h("tet-range-slider", { key: '81d57baa4df911bbeceb6ba2a6c67bcd07a09a90', class: "slider", size: "large", type: "primary", defaultValue: 75, maxValue: 100, withControls: false, withInput: false, dataPoints: [1, 20, 40, 60, 80, 100], displayDataPoints: [1, 20, 40, 60, 80, 100], lockToDataPoint: false }), h("div", { key: '410efdef7d65e976e94dd7040c4d7faa1d52e32b', class: "control-container" }, h("div", { key: '931c43b16c415ab0075a9fbc9f4710210ed0a5f4', class: "control" }, h("tet-checkbox", { key: '6df1d34cb7670a01213ee83f8c3d33529f13bef6', class: "it-admin-checkbox", checked: this.withItAdmin, onCheck: this.handleWithItAdminValueChange }, translate('components-b2b-calculator-it-admin-checkbox-label'))), h("div", { key: '1584213b5b9f61d97be033f37e1e0d82dafedc78', class: "control" }, h("tet-switch", { key: 'd02d94c371e55119eceea25d187346cb13cd2071', class: "in-person-support-switch", checked: this.withInPersonServiceSupport, onCheck: this.handleInPersonServiceSupportValueChange }, translate('components-b2b-calculator-in-person-support-switch-label')))), h("div", { key: '4a2b3bd7bdc6f893e644480e4d234f140df41931', class: "monthly-payment-block" }, h("p", { key: '390d38acfbc980da72a405639ff1c5b14bc6402a', class: "title" }, translate('components-b2b-calculator-potential-monthly-payment')), h("p", { key: '5c159aef3379a1c4c321959c9512dc733d509ebd' }, h("span", { key: 'd84fc849ac203fc4fe0199759263ee39959a594d', class: "price" }, this.totalPrice), h("span", { key: 'a8cf396d4fa1ea083833dd276fb45b0c6d73e7c2', class: "currency" }, translate('components-euro-per-month')))))));
|
|
68
68
|
}
|
|
69
69
|
static get watchers() { return {
|
|
70
70
|
"language": ["onLanguageChange"],
|
|
@@ -10,7 +10,7 @@ const TetBorderRadius$1 = /*@__PURE__*/ proxyCustomElement(class TetBorderRadius
|
|
|
10
10
|
this.__attachShadow();
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '0c5eb1c84e6e12c139d336156876f885e8e1898a' }, h("div", { key: '9248d0401161eebfcfd10501d8dd6f6ceabe175a', class: "variable-container" }, h("div", { key: '61bd6a861a441a8aadde002186e9457d914ba865', class: "container-title main" }, "Border r\u0101diusa klase"), h("div", { key: '043c430f505327a438222f84b4f73a91756334ee', class: "container-section" }, h("div", { key: 'ae0be152784b0e8a9e26ed5e673a9b30e60399ad', class: "variable-name" }, h("div", { key: '23fd45b7c6613a18bc6506424a2f13996292847d', class: "variable-part" }, "tet"), h("div", { key: 'cda3e2cbf73ac3566d4b4964b228e3e48896ce3c', class: "variable-part" }, "-border"), h("div", { key: '27f6b71a88fa0b11b0c4685b4b18c43473423d01', class: "variable-part variable variable-type" }, "-radius"), h("div", { key: 'e5aa2b931e3c1d6dd34fd1519f458f4e41c5fa7d', class: "variable-part variable variable-size" }, "--md")))), h("div", { key: 'fad020daf0f44bd1efd666e5ae411ec011d27c59', class: "tet-fonts-container" }, h("div", { key: 'a88e76bdc8b5d9fa04a0e0573c45b737c6b5f8f2', class: "container-title" }, "R\u0101diusa izm\u0113ri"), h("div", { key: 'ccfbcefd5f05695551d9cf457cc79ef3d369088e', class: "section" }, h("div", { key: 'a1973d56c4750d9092ab90e116d63cc5cf220f81', class: "section-variable" }, h("div", { key: '236333eaf96e2b5fb5fecf0ad19b061c33e6aa52', class: "border tet-border-radius--xs" }), h("div", { key: 'a92a1a73f2fd5064085739390bc0db07f87f5fc9', class: "section-font-class" }, "klase: tet-border-radius--xs"), h("div", { key: 'e0d3ff6dcda4c447af035ba3fb002fae6f0273e5', class: "section-font-size" }, "border radius: 0.25rem / 4px")), h("div", { key: '5420af14d7b7108aef3623b466f64891917d9c39', class: "section-variable" }, h("div", { key: 'b2e230c6db68fa056d978d73b29af7af84e5d3eb', class: "border tet-border-radius--sm" }), h("div", { key: 'bc9e400dcabe3ea2762214ace88460c7d002353f', class: "section-font-class" }, "klase: tet-border-radius--sm"), h("div", { key: 'd879a43edf304ea81966abc095d288615e0ecdf3', class: "section-font-size" }, "border radius: 0.5rem / 8px")), h("div", { key: '2d8b7886bb4fd1b485d3410d821d5d044f29ea23', class: "section-variable" }, h("div", { key: 'cc11f623e5961d2db0add84c09cdec8df723faaa', class: "border tet-border-radius--md" }), h("div", { key: '6ffb3fedefffceeb5c33248590e8fc960b531173', class: "section-font-class" }, "klase: tet-border-radius--md"), h("div", { key: '9416af782ca35536e6307cb447bb86088b510577', class: "section-font-size" }, "border radius: 1rem / 16px")), h("div", { key: 'f8b41b2d8b853234822373f27f7a4d33be1dac27', class: "section-variable" }, h("div", { key: 'ba086e73096f88b012543f050301088d83d08d4a', class: "border tet-border-radius--lg" }), h("div", { key: '8cf744af670b89da06d651fe9015fb7c49b022ad', class: "section-font-class" }, "klase: tet-border-radius--lg"), h("div", { key: 'f798358f8ddeeb92cb36fe1d4f4b54a2855d8bc8', class: "section-font-size" }, "border radius: 1.5rem / 24px"), h("div", { key: 'eeed99048ab43f86ba0ae5c059bc3f1de84be8a8', class: "section-font-size" })), h("div", { key: '3f984951f3deeac4522ce3284dd795697e92835d', class: "section-variable" }, h("div", { key: '500eaa605db810378b1cd42595721a992010f94f', class: "border tet-border-radius--xl" }), h("div", { key: 'c6066d4b0c9f9a5fba13cfbf67cca06c3d8b228d', class: "section-font-class" }, "klase: tet-border-radius--xl"), h("div", { key: 'dd02e958c143326db12a5e0268d9133e8c7b6ecc', class: "section-font-size" }, "border radius: 2rem / 32px"))))));
|
|
14
14
|
}
|
|
15
15
|
static get style() { return TetBorderRadiusStyle0; }
|
|
16
16
|
}, [1, "tet-border-radius"]);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-37ed3ebb.js';
|
|
2
2
|
import { d as defineCustomElement$3 } from './p-9da9a443.js';
|
|
3
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$2 } from './p-4a4c9b2c.js';
|
|
4
4
|
|
|
5
5
|
const tetBusinessCompareCardCss = "@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{--tet-business-compare-card-background:var(--tc-layer-tertiary);--tet-business-compare-card-text-color:var(--tc-text-primary);--tet-business-compare-card-border-radius:2rem;display:flex}.tet-business-compare-card{background:var(--tet-business-compare-card-background);border-radius:var(--tet-business-compare-card-border-radius);color:var(--tet-business-compare-card-text-color);display:flex;flex-direction:column;padding:1.5rem;gap:2rem;flex:1}.tet-business-compare-card.theme-purple{--tet-business-compare-card-background:var(--tc-violet-00)}.tet-business-compare-card.theme-green{--tet-business-compare-card-background:var(--tc-green-00)}.tet-business-compare-card.theme-red{--tet-business-compare-card-background:var(--tc-red-00)}.tet-business-compare-card.theme-yellow{--tet-business-compare-card-background:var(--tc-yellow-00)}.tet-business-compare-card.theme-blue{--tet-business-compare-card-background:var(--tc-blue-00)}.tet-business-compare-card.theme-dark{--tet-business-compare-card-background:var(--tc-layer-tertiary-dark);--tet-business-compare-card-text-color:var(--tc-text-primary-dark)}.tet-business-compare-card .bullet-points{--text-list-padding-left:1rem;--text-list-gap:0.75rem}.tet-business-compare-card__body{display:flex;flex-direction:column;gap:1.5rem}.tet-business-compare-card__title h3{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";margin:0}.tet-business-compare-card__content{display:flex;flex-direction:column;gap:1rem}.tet-business-compare-card__price{font:600 2.5rem/3rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tet-business-compare-card__price-wrapper{display:flex;margin-top:auto}.tet-business-compare-card__price-wrapper+.tet-business-compare-card__footer--show{margin-top:unset}.tet-business-compare-card__price-prefix{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tet-business-compare-card__price-currency{font:600 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\";padding-left:0.375rem;padding-top:1.125rem}.tet-business-compare-card__footer{align-items:flex-start;display:none;flex-direction:column;gap:1rem;margin-top:auto}.tet-business-compare-card__footer--show{display:flex}@media all and (min-width: 31.25rem){.tet-business-compare-card{padding:2rem}.tet-business-compare-card .tet-business-compare-card__title h3{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}}";
|
|
6
6
|
const TetBusinessCompareCardStyle0 = tetBusinessCompareCardCss;
|
|
@@ -68,7 +68,7 @@ const TetBusinessLines$1 = /*@__PURE__*/ proxyCustomElement(class TetBusinessLin
|
|
|
68
68
|
}
|
|
69
69
|
render() {
|
|
70
70
|
var _a;
|
|
71
|
-
return (h("div", { key: '
|
|
71
|
+
return (h("div", { key: '373ee3335a2e897763556faedda0720e437f5894', class: "container" }, this.showHeadings && this.renderHeadings(), h("div", { key: '1d4b289bcec43264aa7f12d2bd82aa300638b0de', class: "business-line-wrapper" }, (_a = this.businessLines) === null || _a === void 0 ? void 0 : _a.map(this.renderBusinessLineItem))));
|
|
72
72
|
}
|
|
73
73
|
static get watchers() { return {
|
|
74
74
|
"language": ["onLanguageChange"],
|
|
@@ -1,106 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { d as defineCustomElement$2 } from './p-9da9a443.js';
|
|
3
|
-
|
|
4
|
-
const tetBusinessNavigationCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{display:flex}.business-navigation{display:flex;flex-direction:column;max-width:20.5rem;width:max-content}@media screen and (max-width: 48rem){.business-navigation{flex-direction:row;gap:0.5rem;max-width:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:none;user-select:none}}.business-navigation.light{--tet-business-navigation-item-background-color:var(--tc-layer-primary);--tet-business-navigation-item-mobile-screen-background-color:var(--tc-layer-secondary);--tet-business-navigation-item-hover-background-color:var(--tc-menu-item-hover);--tet-business-navigation-item-active-background-color:var(--tc-menu-item-pressed);--tet-business-navigation-item-selected-background-color:var(--tc-layer-inverse-primary);--tet-business-navigation-item-selected-item-color:var(--tc-text-inverse-primary);--tet-business-navigation-item-selected-icon-color:var(--tc-layer-primary);--tet-business-navigation-label-color:var(--tc-text-primary)}.business-navigation.light .business-navigation-item:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s}.business-navigation.dark{--tet-business-navigation-item-background-color:var(--tc-layer-primary-dark);--tet-business-navigation-item-mobile-screen-background-color:var(--tc-layer-secondary-dark);--tet-business-navigation-item-hover-background-color:var(--tc-menu-item-hover-dark);--tet-business-navigation-item-active-background-color:var(--tc-menu-item-pressed-dark);--tet-business-navigation-item-selected-background-color:var(--tc-layer-inverse-primary-dark);--tet-business-navigation-item-selected-item-color:var(--tc-text-inverse-primary-);--tet-business-navigation-item-selected-icon-color:var(--tc-layer-primary-dark);--tet-business-navigation-label-color:var(--tc-text-primary-dark)}.business-navigation.dark .business-navigation-item: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}.business-navigation-item{display:flex;flex-direction:row;padding:1rem;align-items:flex-start;gap:0.75rem;align-self:stretch;border:none;border-radius:0.5rem;background-color:var(--tet-business-navigation-item-background-color);cursor:pointer}@media screen and (max-width: 48rem){.business-navigation-item{display:inline-flex;padding:0.375rem 0.75rem;min-width:max-content;align-items:center;gap:0.75rem;background-color:var(--tet-business-navigation-item-mobile-screen-background-color)}}.business-navigation-item:hover{background-color:var(--tet-business-navigation-item-hover-background-color)}.business-navigation-item:active{background-color:var(--tet-business-navigation-item-active-background-color)}.business-navigation-item__icon{--icon-size:1.5rem;--icon-color:var(--tet-business-navigation-label-color)}@media screen and (max-width: 48rem){.business-navigation-item__icon{--icon-size:1.25rem}}.business-navigation-item__title{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";text-align:start;color:var(--tet-business-navigation-label-color)}.business-navigation-item.selected{background-color:var(--tet-business-navigation-item-selected-background-color)}.business-navigation-item.selected .business-navigation-item__title{color:var(--tet-business-navigation-item-selected-item-color)}.business-navigation-item.selected .business-navigation-item__icon{--icon-color:var(--tet-business-navigation-item-selected-icon-color)}";
|
|
5
|
-
const TetBusinessNavigationStyle0 = tetBusinessNavigationCss;
|
|
6
|
-
|
|
7
|
-
const TetBusinessNavigation$1 = /*@__PURE__*/ proxyCustomElement(class TetBusinessNavigation extends H {
|
|
8
|
-
constructor() {
|
|
9
|
-
super();
|
|
10
|
-
this.__registerHost();
|
|
11
|
-
this.__attachShadow();
|
|
12
|
-
this.menuClickEvent = createEvent(this, "menu-click-event", 7);
|
|
13
|
-
/**
|
|
14
|
-
* Initialises the mouse drag.
|
|
15
|
-
* @param {MouseEvent} event Current mouse event.
|
|
16
|
-
*/
|
|
17
|
-
this.onContainerMouseDown = (event) => {
|
|
18
|
-
this.isPointerDown = true;
|
|
19
|
-
this.positions = {
|
|
20
|
-
scrollLeft: this.navigationContainer.scrollLeft,
|
|
21
|
-
mouseX: event.clientX
|
|
22
|
-
};
|
|
23
|
-
this.navigationContainer.addEventListener('mousemove', this.onContainerMouseMove);
|
|
24
|
-
this.navigationContainer.addEventListener('mouseup', this.onContainerMouseUp);
|
|
25
|
-
this.navigationContainer.addEventListener('mouseleave', this.onContainerMouseUp);
|
|
26
|
-
};
|
|
27
|
-
/**
|
|
28
|
-
* Scrolls the `navigationContainer` on mouse drag.
|
|
29
|
-
* @param {MouseEvent} e Current mouse event.
|
|
30
|
-
*/
|
|
31
|
-
this.onContainerMouseMove = (e) => {
|
|
32
|
-
e.preventDefault();
|
|
33
|
-
const mouseButton = e.buttons;
|
|
34
|
-
this.isPointerDown = mouseButton === 1;
|
|
35
|
-
if (!this.isPointerDown) {
|
|
36
|
-
this.onContainerMouseUp();
|
|
37
|
-
return;
|
|
38
|
-
}
|
|
39
|
-
const deltaX = e.clientX - this.positions.mouseX;
|
|
40
|
-
this.navigationContainer.scrollTo(this.positions.scrollLeft - deltaX, 0);
|
|
41
|
-
};
|
|
42
|
-
/**
|
|
43
|
-
* Removes mouse drag events.
|
|
44
|
-
*/
|
|
45
|
-
this.onContainerMouseUp = () => {
|
|
46
|
-
this.isPointerDown = false;
|
|
47
|
-
this.navigationContainer.removeEventListener('mousemove', this.onContainerMouseMove);
|
|
48
|
-
this.navigationContainer.removeEventListener('mouseup', this.onContainerMouseUp);
|
|
49
|
-
this.navigationContainer.removeEventListener('mouseleave', this.onContainerMouseUp);
|
|
50
|
-
};
|
|
51
|
-
/** Render menu item */
|
|
52
|
-
this.renderMenuItem = (menuItem) => {
|
|
53
|
-
const { id, icon, name } = menuItem;
|
|
54
|
-
return (h("button", { key: id, class: { 'business-navigation-item': true, 'selected': this.selectedItemId === id }, onClick: () => this.selectMenuItem(id) }, icon && h("tet-icon", { class: "business-navigation-item__icon", name: icon }), h("span", { class: "business-navigation-item__title" }, name)));
|
|
55
|
-
};
|
|
56
|
-
this.menuItems = undefined;
|
|
57
|
-
this.theme = 'light';
|
|
58
|
-
this.selectedItemId = undefined;
|
|
59
|
-
this.positions = { scrollLeft: 0, mouseX: 0 };
|
|
60
|
-
}
|
|
61
|
-
/** Method to run on menu item selection */
|
|
62
|
-
async selectMenuItem(id) {
|
|
63
|
-
this.selectedItemId = id;
|
|
64
|
-
this.menuClickEvent.emit({ id });
|
|
65
|
-
}
|
|
66
|
-
componentWillLoad() {
|
|
67
|
-
var _a;
|
|
68
|
-
if (!this.menuItems || this.menuItems.length === 0) {
|
|
69
|
-
return;
|
|
70
|
-
}
|
|
71
|
-
this.selectedItemId = ((_a = this.menuItems.find((item) => item.selected === true)) === null || _a === void 0 ? void 0 : _a.id) || this.menuItems[0].id;
|
|
72
|
-
}
|
|
73
|
-
/** Render Functional Component*/
|
|
74
|
-
render() {
|
|
75
|
-
const { menuItems, theme } = this;
|
|
76
|
-
return (h("div", { key: '5b448df37d5a11aba72e7239def7adc97b090af9', class: { 'business-navigation': true, [`${theme}`]: true }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, menuItems && menuItems.map(this.renderMenuItem)));
|
|
77
|
-
}
|
|
78
|
-
static get style() { return TetBusinessNavigationStyle0; }
|
|
79
|
-
}, [1, "tet-business-navigation", {
|
|
80
|
-
"menuItems": [16],
|
|
81
|
-
"theme": [1],
|
|
82
|
-
"selectedItemId": [32],
|
|
83
|
-
"positions": [32],
|
|
84
|
-
"selectMenuItem": [64]
|
|
85
|
-
}]);
|
|
86
|
-
function defineCustomElement$1() {
|
|
87
|
-
if (typeof customElements === "undefined") {
|
|
88
|
-
return;
|
|
89
|
-
}
|
|
90
|
-
const components = ["tet-business-navigation", "tet-icon"];
|
|
91
|
-
components.forEach(tagName => { switch (tagName) {
|
|
92
|
-
case "tet-business-navigation":
|
|
93
|
-
if (!customElements.get(tagName)) {
|
|
94
|
-
customElements.define(tagName, TetBusinessNavigation$1);
|
|
95
|
-
}
|
|
96
|
-
break;
|
|
97
|
-
case "tet-icon":
|
|
98
|
-
if (!customElements.get(tagName)) {
|
|
99
|
-
defineCustomElement$2();
|
|
100
|
-
}
|
|
101
|
-
break;
|
|
102
|
-
} });
|
|
103
|
-
}
|
|
1
|
+
import { T as TetBusinessNavigation$1, d as defineCustomElement$1 } from './p-5541195e.js';
|
|
104
2
|
|
|
105
3
|
const TetBusinessNavigation = TetBusinessNavigation$1;
|
|
106
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,119 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { p as processTranslations, t as translate } from './p-aca28e71.js';
|
|
3
|
-
import { a as a11yBtnClick } from './p-713fff27.js';
|
|
4
|
-
import { d as defineCustomElement$4 } from './p-4108736e.js';
|
|
5
|
-
import { d as defineCustomElement$3 } from './p-9da9a443.js';
|
|
6
|
-
import { d as defineCustomElement$2 } from './p-63b1a813.js';
|
|
7
|
-
|
|
8
|
-
const tetBusinessSummaryCardCss = "@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)}:host{--tet-business-summary-card-icon-button-size:2.75rem;display:flex}.business-summary-card{display:flex;flex-direction:column;padding:1rem 1rem 0 1rem;border:0.03125rem solid var(--tet-business-summary-card-border-color);border-radius:0.375rem;width:100%;justify-content:space-between;color:var(--tet-business-summary-card-text-color);box-shadow:var(--tet-business-summary-card-border-shadow)}.business-summary-card.theme-light{--tet-business-summary-card-text-color:var(--tc-text-primary);--tet-business-summary-card-contract-text-color:var(--tc-text-secondary);--tet-business-summary-card-border-color:var(--tc-border-quaternary);--tet-business-summary-card-border-shadow:var(--tc-elevation-one);--tet-business-summary-card-icon-button-background:var(--tc-layer-secondary);--tet-business-summary-card-hover-icon-button-background:var(--tc-layer-tertiary);--tet-business-summary-card-active-icon-button-background:var(--tc-layer-quaternary);--tet-business-summary-card-background-color:var(--tc-layer-primary);--tet-business-summary-card-icon-color:var(--tc-icon-primary);--tet-business-summary-card-hover-delete-icon-color:var(--tc-red-40);--tet-business-summary-card-hover-edit-icon-color:var(--tc-blue-40)}.business-summary-card.theme-light .icon-button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.business-summary-card.theme-light .delete span.icon-container.light.primary{--icon-color:var(--tc-red-40)}.business-summary-card.theme-dark{--tet-business-summary-card-text-color:var(--tc-text-primary-dark);--tet-business-summary-card-contract-text-color:var(--tc-text-secondary-dark);--tet-business-summary-card-border-color:var(--tc-border-quaternary-dark);--tet-business-summary-card-border-shadow:var(--tc-elevation-one-dark);--tet-business-summary-card-icon-button-background:var(--tc-layer-secondary-dark);--tet-business-summary-card-hover-icon-button-background:var(--tc-layer-tertiary-dark);--tet-business-summary-card-active-icon-button-background:var(--tc-layer-quaternary-dark);--tet-business-summary-card-background-color:var(--tc-layer-primary-dark);--tet-business-summary-card-icon-color:var(--tc-icon-primary-dark);--tet-business-summary-card-hover-delete-icon-color:var(--tc-red-40-dark);--tet-business-summary-card-hover-edit-icon-color:var(--tc-blue-40-dark)}.business-summary-card.theme-dark .icon-button: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}.business-summary-card-content{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:1rem}@media only screen and (max-width: 22.5rem){.business-summary-card-content{flex-direction:column}}.business-summary-card-content__left{display:flex;flex-direction:column;align-items:flex-start}.business-summary-card-content__right{display:flex;flex-direction:column;align-items:flex-end}@media only screen and (max-width: 22.5rem){.business-summary-card-content__right{align-items:flex-start;flex-direction:row;justify-content:flex-start}}.business-summary-card-content__right:has(.button-wrapper){justify-content:flex-end}@media only screen and (max-width: 22.5rem){.business-summary-card-content__right:has(.button-wrapper){justify-content:center}}.business-summary-card-content:has(.content-wrapper){padding-bottom:0}.business-summary-card__stepper{--stepper-value-color:var(--tet-business-summary-card-text-color);--stepper-input-control-background-color:var(--tet-business-summary-card-background-color)}.stepper-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:0.125rem;align-self:stretch}@media only screen and (max-width: 22.5rem){.stepper-wrapper{align-items:center;padding-bottom:1rem}}.stepper-label{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";padding:0 0.25rem 0.25rem 0.25rem}.content-wrapper{display:flex;flex-direction:column}.content-wrapper .title{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.content-wrapper .description{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.content-wrapper .description.price{text-decoration-line:line-through}@media only screen and (max-width: 22.5rem){.content-wrapper:has(.description.price){flex-direction:row;align-items:center;padding-top:0.25rem;gap:0.5rem}}.contract-term{font:500 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--tet-business-summary-card-contract-text-color)}.button-wrapper{display:flex;flex-direction:row;align-items:flex-end;gap:0.5rem}@media only screen and (max-width: 22.5rem){.button-wrapper{align-self:center}}.icon-button{display:flex;width:var(--tet-business-summary-card-icon-button-size);height:var(--tet-business-summary-card-icon-button-size);padding:0.625rem;justify-content:center;align-items:center;border-radius:2.5rem;border:none;background:var(--tet-business-summary-card-icon-button-background);cursor:pointer}.icon-button .edit,.icon-button .delete{--icon-color:var(--tet-business-summary-card-icon-color)}.icon-button:hover .edit,.icon-button:active .edit{--icon-color:var(--tet-business-summary-card-hover-edit-icon-color)}.icon-button:hover .delete,.icon-button:active .delete{--icon-color:var(--tet-business-summary-card-hover-delete-icon-color)}.icon-button:hover{background:var(--tet-business-summary-card-hover-icon-button-background)}.icon-button:active,.icon-button:focus:not(:focus-visible){background:var(--tet-business-summary-card-active-icon-button-background)}";
|
|
9
|
-
const TetBusinessSummaryCardStyle0 = tetBusinessSummaryCardCss;
|
|
10
|
-
|
|
11
|
-
const TetBusinessSummaryCardComponent = /*@__PURE__*/ proxyCustomElement(class TetBusinessSummaryCardComponent extends H {
|
|
12
|
-
constructor() {
|
|
13
|
-
super();
|
|
14
|
-
this.__registerHost();
|
|
15
|
-
this.__attachShadow();
|
|
16
|
-
this.editButtonClick = createEvent(this, "editButtonClick", 7);
|
|
17
|
-
this.deleteButtonClick = createEvent(this, "deleteButtonClick", 7);
|
|
18
|
-
this.amountChange = createEvent(this, "amountChange", 7);
|
|
19
|
-
/** Function to render stepper label if provided */
|
|
20
|
-
this.renderLabel = (withValue) => {
|
|
21
|
-
const { stepperLabel, value } = this;
|
|
22
|
-
if (!stepperLabel) {
|
|
23
|
-
return;
|
|
24
|
-
}
|
|
25
|
-
if (withValue) {
|
|
26
|
-
return (h("span", { class: "contract-term" }, stepperLabel, ": ", value));
|
|
27
|
-
}
|
|
28
|
-
else {
|
|
29
|
-
return h("span", { class: "stepper-label" }, stepperLabel);
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
/** Render stepper if necessary */
|
|
33
|
-
this.renderStepper = () => {
|
|
34
|
-
const { withStepper, theme, value, minValue, maxValue } = this;
|
|
35
|
-
if (!withStepper) {
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
return (h("div", { class: "stepper-wrapper" }, this.renderLabel(false), h("tet-stepper-input", { class: "business-summary-card__stepper", theme: theme, value: value, step: 1, min: minValue, max: maxValue, onInputValueChanged: (e) => {
|
|
39
|
-
this.value = e.detail;
|
|
40
|
-
this.amountChange.emit(e);
|
|
41
|
-
} })));
|
|
42
|
-
};
|
|
43
|
-
/** Render Edit or Delete Icon Button */
|
|
44
|
-
this.renderIconButton = (type) => {
|
|
45
|
-
const buttonType = type === 'tc-edit-box' ? 'edit' : 'delete';
|
|
46
|
-
const buttonClickEvent = (e) => {
|
|
47
|
-
type === 'tc-edit-box' ? this.editButtonClick.emit(e) : this.deleteButtonClick.emit(e);
|
|
48
|
-
};
|
|
49
|
-
return (h("button", { class: "icon-button", onClick: (e) => buttonClickEvent(e), onKeyDown: a11yBtnClick }, h("tet-icon", { class: buttonType, name: type, focusable: false })));
|
|
50
|
-
};
|
|
51
|
-
this.productName = undefined;
|
|
52
|
-
this.price = undefined;
|
|
53
|
-
this.productDescription = undefined;
|
|
54
|
-
this.discountPrice = undefined;
|
|
55
|
-
this.currency = undefined;
|
|
56
|
-
this.contractTerm = undefined;
|
|
57
|
-
this.theme = 'light';
|
|
58
|
-
this.withStepper = false;
|
|
59
|
-
this.value = undefined;
|
|
60
|
-
this.minValue = undefined;
|
|
61
|
-
this.maxValue = undefined;
|
|
62
|
-
this.stepperLabel = undefined;
|
|
63
|
-
this.language = 'lv';
|
|
64
|
-
}
|
|
65
|
-
async componentWillLoad() {
|
|
66
|
-
processTranslations('tet-components', this.language).then(() => forceUpdate(this));
|
|
67
|
-
}
|
|
68
|
-
/** Return functional Component */
|
|
69
|
-
render() {
|
|
70
|
-
const { productName, price, productDescription, discountPrice, currency, contractTerm, theme } = this;
|
|
71
|
-
return (h("div", { key: 'c7c92be736090e0d7b5702045cda3f5dc784b2c9', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, h("div", { key: 'b5899323a164f8484141a07b3d04636d5a7e18e1', class: "business-summary-card-content" }, h("div", { key: 'af2fc75db34cdd8833e22712dca27b1bc6822f69', class: "business-summary-card-content__left" }, h("div", { key: 'b9114bde0c949e321804bf33482b32ad697f5de9', class: "content-wrapper" }, h("span", { key: 'd3500b1342152862c46a142d410f4dfe64d2a2ac', class: "title" }, productName), h("span", { key: 'c57433c937da7b8c65a6f472cb0d2128080c3a6e', class: "description" }, productDescription))), h("div", { key: 'bcfc79eca402d9173c4e4cd5cd14a10d569152fc', class: "business-summary-card-content__right" }, h("div", { key: '46d73a513e4083173c824c55291eafda92af27e7', class: "content-wrapper" }, h("span", { key: '5d4d8554314ca980d3f229b062274e03a0af0ad0', class: "title" }, `${discountPrice || price} ${currency}`), !!discountPrice && (h("span", { key: '1140290797f6f2545f0e5950f269f5614bcb67f7', class: { description: true, price: !!discountPrice } }, `${price} ${currency}`))))), h("div", { key: 'c24af0be30e6ce0192bbcccb591b8e4e743f08c4', class: "business-summary-card-content" }, h("span", { key: '6d4ef2b56afd23636039420c1fba0e7a839fa106', class: "contract-term" }, translate('components-offers-contract-terms-label'), ": ", contractTerm), this.renderLabel(true)), h("div", { key: 'bab7eacc4035bd1ed01dce2445216e5c8dae3688', class: "business-summary-card-content" }, h("div", { key: '8013600fa979a22191aa18ee617810576bf99eb7', class: "business-summary-card-content__left" }, this.renderStepper()), h("div", { key: '5c31eb0aa9674294b5e8139be678dd16255024bc', class: "business-summary-card-content__right" }, h("div", { key: 'bea910fe9f206b186b2f31a4028e981fae5f1ff2', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
|
|
72
|
-
}
|
|
73
|
-
static get style() { return TetBusinessSummaryCardStyle0; }
|
|
74
|
-
}, [1, "tet-business-summary-card", {
|
|
75
|
-
"productName": [1, "product-name"],
|
|
76
|
-
"price": [2],
|
|
77
|
-
"productDescription": [1, "product-description"],
|
|
78
|
-
"discountPrice": [2, "discount-price"],
|
|
79
|
-
"currency": [1],
|
|
80
|
-
"contractTerm": [1, "contract-term"],
|
|
81
|
-
"theme": [1],
|
|
82
|
-
"withStepper": [4, "with-stepper"],
|
|
83
|
-
"value": [2],
|
|
84
|
-
"minValue": [2, "min-value"],
|
|
85
|
-
"maxValue": [2, "max-value"],
|
|
86
|
-
"stepperLabel": [1, "stepper-label"],
|
|
87
|
-
"language": [1]
|
|
88
|
-
}]);
|
|
89
|
-
function defineCustomElement$1() {
|
|
90
|
-
if (typeof customElements === "undefined") {
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
const components = ["tet-business-summary-card", "tet-button", "tet-icon", "tet-stepper-input"];
|
|
94
|
-
components.forEach(tagName => { switch (tagName) {
|
|
95
|
-
case "tet-business-summary-card":
|
|
96
|
-
if (!customElements.get(tagName)) {
|
|
97
|
-
customElements.define(tagName, TetBusinessSummaryCardComponent);
|
|
98
|
-
}
|
|
99
|
-
break;
|
|
100
|
-
case "tet-button":
|
|
101
|
-
if (!customElements.get(tagName)) {
|
|
102
|
-
defineCustomElement$4();
|
|
103
|
-
}
|
|
104
|
-
break;
|
|
105
|
-
case "tet-icon":
|
|
106
|
-
if (!customElements.get(tagName)) {
|
|
107
|
-
defineCustomElement$3();
|
|
108
|
-
}
|
|
109
|
-
break;
|
|
110
|
-
case "tet-stepper-input":
|
|
111
|
-
if (!customElements.get(tagName)) {
|
|
112
|
-
defineCustomElement$2();
|
|
113
|
-
}
|
|
114
|
-
break;
|
|
115
|
-
} });
|
|
116
|
-
}
|
|
1
|
+
import { T as TetBusinessSummaryCardComponent, d as defineCustomElement$1 } from './p-f68a8deb.js';
|
|
117
2
|
|
|
118
3
|
const TetBusinessSummaryCard = TetBusinessSummaryCardComponent;
|
|
119
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -53,15 +53,15 @@ const TetColors$1 = /*@__PURE__*/ proxyCustomElement(class TetColors extends H {
|
|
|
53
53
|
this.darkTheme = false;
|
|
54
54
|
}
|
|
55
55
|
render() {
|
|
56
|
-
return (h(Host, { key: '
|
|
56
|
+
return (h(Host, { key: '723dc403af8aaf74e5572a9fd9101790d553f27c' }, h("div", { key: '29ec2f6b443be1b763a48088a8c19be91ee8d355', class: {
|
|
57
57
|
'dark': this.darkTheme
|
|
58
|
-
} }, h("div", { key: '
|
|
58
|
+
} }, h("div", { key: '90b484c14e6b34c17305918db8d9ad125c971f49', class: {
|
|
59
59
|
'container': true,
|
|
60
60
|
'variable-container': true,
|
|
61
|
-
} }, h("div", { key: '
|
|
61
|
+
} }, h("div", { key: '163fd5a37229c300029c6185956d229b3d18303a', class: "container-title main" }, "Kr\u0101sas klase"), h("div", { key: '548a5a88adf3d867e62019a954e325f54253c757', class: "container-section" }, h("div", { key: 'dc7f365e9781d899c0a76b2c864e448f45ae13a2', class: "variable-wrapper" }, h("span", { key: '30f6c33a6544fcd90625a0868434444f1cf8ecf2', class: "variable-name" }, h("span", { key: 'f51fd2407e44ecc6eddbed81d3b76bb8288ea975', class: "variable-part" }, "tet"), h("span", { key: 'a41a3e59333196cbea2e98677bb778fd0d6cc260', class: "variable-part variable variable-attribute" }, "-color"), h("span", { key: '47fb100259f88e16b2e44130572c67c30e5768a0', class: "variable-part variable variable-color" }, "__red30"), h("span", { key: '65b5f79ea6ddcd28361044a63d568eff6a67735e', class: "variable-part variable variable-type" }, "--background"), h("span", { key: '152d8ca1bf8e4e403803e6a9495897a7d1978455', class: "variable-part variable variable-state" }, "-focus"))))), h("div", { key: '678667ed47446baa4cacc0388e52ccecb0730ba5', class: "container" }, h("div", { key: '6ba84f0d08d6426996bfdd1fe504abf121b5f43e', class: "container-title" }, "Piem\u0113ri"), h("div", { key: 'cd0a0046e51b96e45a8ddfa2963f36db7a494939', class: "container-section container-example" }, h("span", { key: '822c970fe0b148d218ea35b54820d9c5508b61ad', class: "subsection-title" }, "Teksta kr\u0101sas mai\u0146a"), h("code", { key: 'ba8d833054314f2fd85f3c8850af318fa0a0e725', class: "variable-example" }, "<div class=\"tet-color__red30\">Teksts</div>"), h("span", { key: 'b7969688e32b424428290b8c5d5e08e82a8a0c2c' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '445dd8f9e82e4ba1021a2a95ed428f9fff7e8b5a', class: "example-element tet-color__red30" }, "elementam"), "."), h("code", { key: '540dcd6808bda4731ae11abfcdef3fdc8b0ad300', class: "variable-example" }, "<div class=\"tet-color__red30--hover\">Teksts</div>"), h("span", { key: '43447b4eac32e910259412eab88f5db2a46f165d' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '9d3776ff0ea4ed6ecfd362866d3ded79b01307d1', class: "example-element example-element--hover tet-color__red30--hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'b98e389879beb5be9d73e53e873f856269f40c6d', class: "variable-example" }, "<div class=\"tet-color__red30--focus\">Teksts</div>"), h("span", { key: '925af80f6828a9e686dc34dcf53ae253fee93b66' }, "Teksta kr\u0101sas mai\u0146a", ' ', h("span", { key: '72903c087c5925acb072c2b8850fc50ea3238937', tabindex: "0", class: "example-element tet-color__red30--focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '841a0ddd68a0361a9c8809e49ae59c762ba8f9c9', class: "subsection-title" }, "Fona kr\u0101sas mai\u0146a"), h("code", { key: 'e026d6c1fae6119b6e57462d13510ae8946e3dcf', class: "variable-example" }, "<div class=\"tet-color__red30--background\">Teksts</div>"), h("span", { key: 'ee8bc5754f6669a364ca3385cf32a3d66350dde2' }, "Fona kr\u0101sas mai\u0146a", ' ', h("span", { key: 'bc970d1e27922f91d1c99491ffce546bd10628e9', class: "example-element tet-color__red30--background" }, "elementam"), "."), h("code", { key: 'cc306c813566eaee7dbed4bac4690b8ffd1dfac1', class: "variable-example" }, "<div class=\"tet-color__red30--background-hover\">Teksts</div>"), h("span", { key: '0f6225c1931aa5a40f4ba23ff680d868927097d0' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '58105a1dd9fc3c9c6ea2c8ca29ac9bf8abe8dd0b', class: "example-element example-element--hover tet-color__red30--background-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'd62ffab4d99e465f51fe60b1aab4fc51988b18aa', class: "variable-example" }, "<div class=\"tet-color__red30--background-focus\">Teksts</div>"), h("span", { key: '91e03960f11d6bd834b086d50f72e4cac657c397' }, "Fona kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: '95a6c1b599dfa363ebdff992c3ad728b94dc5a48', tabindex: "0", class: "example-element tet-color__red30--background-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: '4ae5bd03851d56af1b7e9218b226fc1c4d2676e8', class: "subsection-title" }, "Apmales kr\u0101sas mai\u0146a"), h("code", { key: '9e6b8b4faed44e6a4f475aac0880cf12bb64af36', class: "variable-example" }, "<div class=\"tet-color__red30--border\">Teksts</div>"), h("span", { key: '9af2f03684c8cb829c9e52b9b6a86ed36e090dfc' }, "Apmales kr\u0101sas mai\u0146a", ' ', h("span", { key: '3259bab42804113e5ef01f29af8a7b4b21518cb1', class: "example-element border-example tet-color__red30--border" }, "elementam"), "."), h("code", { key: '8e60801146a8975dbb188f4dd55592c14499531d', class: "variable-example" }, "<div class=\"tet-color__red30--border-hover\">Teksts</div>"), h("span", { key: '157e0f6f423ba67913fda4162e820a0b6b37c17b' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ac6a5cc0d8161726fca9c9e0859d5484bb00932c', class: "example-element example-element--hover border-example tet-color__red30--border-hover" }, "elementam"), ' ', "hover st\u0101vokl\u012B."), h("code", { key: 'bc8cc192246b7791c01d680ca33fc7a7d38bc1ab', class: "variable-example" }, "<div class=\"tet-color__red30--border-focus\">Teksts</div>"), h("span", { key: '1d614923bd5cd231d7e839e9a18d36b0a5be6e84' }, "Apmales kr\u0101sas mai\u0146a elementam", ' ', h("span", { key: 'ad1cb22e636c5074bfee48e867f61e6a4c658082', tabindex: "0", class: "example-element border-example tet-color__red30--border-focus" }, "elementam"), ' ', "focus st\u0101vokl\u012B."), h("span", { key: 'd352934887afcc84ba955e886e944198c4bee3e8', class: "subsection-title" }, "Nemain\u012Bga gai\u0161\u0101s t\u0113mas kr\u0101sa"), h("code", { key: '587633a144ea3e1439a392a644b9085e60daad05', class: "variable-example" }, "<div class=\"tet-color__red30 tet-color--static\">Teksts</div>"), h("span", { key: '888e723df56a3ce8a28eeb89c16ea3e8198637ce' }, "Nemain\u012Bga teksta kr\u0101sa", ' ', h("span", { key: '7af656d9b5b3eff9eab788a1e95f82b0c6e5b4db', class: "example-element tet-color__red30 tet-color--static" }, "elementam"), "."))), h("div", { key: 'a8ff6234c0dbdf6f1c336607e7183d97108b757a', class: {
|
|
62
62
|
'container': true,
|
|
63
63
|
'show-variables': this.showVariables
|
|
64
|
-
} }, h("div", { key: '
|
|
64
|
+
} }, h("div", { key: 'cc3150ef8d8274203b109f21c4bc77359f78083c', class: "container-title" }, "Kr\u0101sas un To\u0146i"), h("div", { key: 'e711a5fd4de26bee5e2b3f6d3ad169826c993fb8', class: "container-section" }, Object.entries(this.colorSections).map(([key, section]) => this.renderColorSection(key, section)))))));
|
|
65
65
|
}
|
|
66
66
|
static get style() { return TetColorsStyle0; }
|
|
67
67
|
}, [1, "tet-colors", {
|