@tet/tet-components 1.3.46-staging → 1.3.47-staging
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-d323e22a.js +8 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tet-accordion.cjs.entry.js +6 -6
- package/dist/cjs/tet-address-offers-view.cjs.entry.js +1 -1
- 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 +3 -3
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/cjs/tet-datepicker-header_4.cjs.entry.js +5 -5
- package/dist/cjs/tet-datepicker.cjs.entry.js +4 -4
- package/dist/cjs/tet-expansion-panel.cjs.entry.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-navigation-mobile.cjs.entry.js +3 -3
- package/dist/cjs/tet-news-card-list.cjs.entry.js +1 -1
- package/dist/cjs/tet-notification.cjs.entry.js +1 -1
- package/dist/cjs/tet-number-input_2.cjs.entry.js +1 -1
- package/dist/cjs/tet-range-slider_2.cjs.entry.js +7 -7
- package/dist/cjs/tet-spacing.cjs.entry.js +1 -1
- package/dist/cjs/tet-stepper-v3.cjs.entry.js +42 -0
- package/dist/cjs/tet-textarea.cjs.entry.js +2 -2
- package/dist/cjs/tet-thank-you-view-v3.cjs.entry.js +92 -0
- package/dist/cjs/tet-tooltip.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/basic/steppers/tet-stepper-v3/test/tet-stepper-v3.spec.js +135 -0
- package/dist/collection/components/basic/steppers/tet-stepper-v3/tet-stepper-v3.css +486 -0
- package/dist/collection/components/basic/steppers/tet-stepper-v3/tet-stepper-v3.js +89 -0
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.js +2 -2
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.js +1 -1
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-multi-year-view/tet-datepicker-multi-year-view.js +1 -1
- package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.js +1 -1
- package/dist/collection/components/simple/inputs/tet-datepicker/tet-datepicker.js +4 -4
- package/dist/collection/components/simple/inputs/tet-range-slider/tet-range-slider.js +7 -7
- package/dist/collection/components/simple/inputs/tet-stepper-input/tet-stepper-input.js +1 -1
- package/dist/collection/components/simple/inputs/tet-textarea/tet-textarea.js +2 -2
- package/dist/collection/components/simple/lists/tet-news-card-list/tet-news-card-list.js +1 -1
- package/dist/collection/components/simple/menu/tet-navigation-mobile/tet-navigation-mobile.js +3 -3
- package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.js +6 -6
- package/dist/collection/components/simple/structural/tet-expansion-panel/tet-expansion-panel.js +1 -1
- package/dist/collection/components/simple/text-blocks/tet-notification/tet-notification.js +1 -1
- package/dist/collection/components/simple/text-blocks/tet-tooltip/tet-tooltip.js +1 -1
- package/dist/collection/components/views/tet-address-offers-view/tet-address-offers-view.js +1 -1
- 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/components/views/tet-thank-you-view-v3/test/tet-thank-you-view-v3.spec.js +175 -0
- package/dist/collection/components/views/tet-thank-you-view-v3/tet-thank-you-view-v3.css +469 -0
- package/dist/collection/components/views/tet-thank-you-view-v3/tet-thank-you-view-v3.js +357 -0
- package/dist/collection/docs/styling/border-radius/tet-border-radius.js +1 -1
- package/dist/collection/docs/styling/colors/tet-colors.js +3 -3
- 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/components/index.js +4 -0
- package/dist/components/{p-5c4658bd.js → p-119593ca.js} +7 -7
- package/dist/components/{p-fd090867.js → p-2e917489.js} +2 -2
- package/dist/components/{p-93a87e22.js → p-30eb6d1b.js} +1 -1
- package/dist/components/p-72404267.js +62 -0
- package/dist/components/{p-634cfb54.js → p-7cc9438a.js} +1 -1
- package/dist/components/{p-4e09bf04.js → p-b58f8745.js} +1 -1
- package/dist/components/{p-52b93702.js → p-c5831a5c.js} +1 -1
- package/dist/components/{p-be496f5f.js → p-dffa2398.js} +1 -1
- package/dist/components/{p-afca8b65.js → p-faf19942.js} +1 -1
- package/dist/components/tet-accordion.js +6 -6
- package/dist/components/tet-address-offers-view.js +1 -1
- package/dist/components/tet-b2b-service-calculator.js +2 -2
- package/dist/components/tet-border-radius.js +1 -1
- package/dist/components/tet-business-lines.js +1 -1
- package/dist/components/tet-cloud-configurator.js +1 -1
- package/dist/components/tet-colors.js +3 -3
- package/dist/components/tet-datepicker-header.js +1 -1
- package/dist/components/tet-datepicker-month-view.js +1 -1
- package/dist/components/tet-datepicker-multi-year-view.js +1 -1
- package/dist/components/tet-datepicker-year-view.js +1 -1
- package/dist/components/tet-datepicker.js +8 -8
- package/dist/components/tet-expansion-panel.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-macd-view.js +1 -1
- package/dist/components/tet-navigation-mobile.js +3 -3
- package/dist/components/tet-news-card-list.js +1 -1
- package/dist/components/tet-notification.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/components/tet-referral.js +1 -1
- package/dist/components/tet-spacing.js +1 -1
- package/dist/components/tet-stepper-input.js +1 -1
- package/dist/components/tet-stepper-v3.d.ts +11 -0
- package/dist/components/tet-stepper-v3.js +6 -0
- package/dist/components/tet-table.js +1 -1
- package/dist/components/tet-textarea.js +2 -2
- package/dist/components/tet-thank-you-view-v3.d.ts +11 -0
- package/dist/components/tet-thank-you-view-v3.js +137 -0
- package/dist/components/tet-tooltip.js +1 -1
- package/dist/esm/index-8ac89426.js +8 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tet-accordion.entry.js +6 -6
- package/dist/esm/tet-address-offers-view.entry.js +1 -1
- 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 +3 -3
- package/dist/esm/tet-components.js +1 -1
- package/dist/esm/tet-datepicker-header_4.entry.js +5 -5
- package/dist/esm/tet-datepicker.entry.js +4 -4
- package/dist/esm/tet-expansion-panel.entry.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-navigation-mobile.entry.js +3 -3
- package/dist/esm/tet-news-card-list.entry.js +1 -1
- package/dist/esm/tet-notification.entry.js +1 -1
- package/dist/esm/tet-number-input_2.entry.js +1 -1
- package/dist/esm/tet-range-slider_2.entry.js +7 -7
- package/dist/esm/tet-spacing.entry.js +1 -1
- package/dist/esm/tet-stepper-v3.entry.js +38 -0
- package/dist/esm/tet-textarea.entry.js +2 -2
- package/dist/esm/tet-thank-you-view-v3.entry.js +88 -0
- package/dist/esm/tet-tooltip.entry.js +1 -1
- package/dist/tet-components/{p-474dd436.entry.js → p-044a7b2b.entry.js} +1 -1
- package/dist/tet-components/{p-e31d543a.entry.js → p-14d87f89.entry.js} +1 -1
- package/dist/tet-components/{p-43bcfad3.entry.js → p-207ada6c.entry.js} +1 -1
- package/dist/tet-components/{p-4864da73.entry.js → p-20cc9991.entry.js} +1 -1
- package/dist/tet-components/p-2220ef34.entry.js +1 -0
- package/dist/tet-components/{p-3b6ad95f.entry.js → p-2b0a581e.entry.js} +1 -1
- package/dist/tet-components/{p-f4723461.entry.js → p-3f5a370b.entry.js} +1 -1
- package/dist/tet-components/{p-88a1be78.entry.js → p-4be33a22.entry.js} +1 -1
- package/dist/tet-components/{p-3d1093ac.entry.js → p-57bd2425.entry.js} +1 -1
- package/dist/tet-components/{p-17028ff9.entry.js → p-597d61a8.entry.js} +1 -1
- package/dist/tet-components/{p-3e5ef8bd.entry.js → p-65ce99cc.entry.js} +1 -1
- package/dist/tet-components/{p-7fd1cbd0.entry.js → p-6f8c1afd.entry.js} +1 -1
- package/dist/tet-components/{p-833f5a7b.entry.js → p-77f042d2.entry.js} +1 -1
- package/dist/tet-components/{p-25f8f58c.entry.js → p-7a13374d.entry.js} +1 -1
- package/dist/tet-components/{p-f125b69a.entry.js → p-8294a69c.entry.js} +1 -1
- package/dist/tet-components/{p-51093fb8.entry.js → p-9610bfff.entry.js} +1 -1
- package/dist/tet-components/{p-15b70f90.entry.js → p-9a3b6409.entry.js} +1 -1
- package/dist/tet-components/p-a9533650.entry.js +1 -0
- package/dist/tet-components/{p-c016df1b.entry.js → p-c3678283.entry.js} +1 -1
- package/dist/tet-components/{p-2fb2eb5a.entry.js → p-d00bb23c.entry.js} +1 -1
- package/dist/tet-components/{p-56570570.entry.js → p-dff84742.entry.js} +1 -1
- package/dist/tet-components/{p-cf4d36b7.entry.js → p-ed41da68.entry.js} +1 -1
- package/dist/tet-components/{p-aef89e2d.entry.js → p-fa9be8d1.entry.js} +1 -1
- package/dist/tet-components/{p-48b0ca02.entry.js → p-fd04e87c.entry.js} +1 -1
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/basic/steppers/tet-stepper-v3/tet-stepper-v3.d.ts +22 -0
- package/dist/types/components.d.ts +185 -0
- package/package.json +1 -1
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-d323e22a.js');
|
|
6
|
+
const translations = require('./translations-87c7b9eb.js');
|
|
7
|
+
require('./typecheck-d48810dc.js');
|
|
8
|
+
require('./http-codes-a5ff5305.js');
|
|
9
|
+
|
|
10
|
+
const tetThankYouViewV3Css = "@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{--thank-you-view-icon-color:var(--tc-green-40);--thank-you-view-icon-size:3rem;--thank-you-view-title-color:var(--tc-text-primary);--thank-you-view-description-color:var(--tc-text-secondary);--thank-you-view-description-strong-color:var(--tc-text-primary);--thank-you-view-icon-gap:0.5rem;--thank-you-view-text-gap:0.5rem;--thank-you-view-gap:3rem;--thank-you-view-top-margin:3rem;--thank-you-view-cta-button-margin:0;display:block;margin:0 2rem}@media only screen and (max-width: 31.1875rem){:host{margin:0 1rem}}.thank-you-view-v3{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;max-width:53rem;margin:var(--thank-you-view-top-margin) auto 0;gap:var(--thank-you-view-gap)}.thank-you-view-v3.dark{--thank-you-view-icon-color:var(--tc-green-40-dark);--thank-you-view-title-color:var(--tc-text-primary-dark);--thank-you-view-description-color:var(--tc-text-secondary-dark);--thank-you-view-description-strong-color:var(--tc-text-primary-dark)}.thank-you-view-v3-stepper{width:100%;max-width:45.5rem}.thank-you-view-v3-stepper,.thank-you-view-v3-faq-slot{margin-right:1.5rem}@media only screen and (max-width: 31.1875rem){.thank-you-view-v3-stepper,.thank-you-view-v3-faq-slot{margin-right:0}}@media only screen and (max-width: 63.9375rem){.thank-you-view-v3{max-width:44rem}}.thank-you-view-v3-icon{--icon-color:var(--thank-you-view-icon-color);--icon-size:var(--thank-you-view-icon-size)}.thank-you-view-v3-info-block{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--thank-you-view-icon-gap)}.thank-you-view-v3-info-block-title{text-align:center;color:var(--thank-you-view-title-color);font:600 2rem/2.25rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}@media only screen and (max-width: 63.9375rem){.thank-you-view-v3-info-block-title{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}}@media only screen and (max-width: 31.1875rem){.thank-you-view-v3-info-block-title{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}}.thank-you-view-v3-info-block-description{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";max-width:42rem;text-align:center;color:var(--thank-you-view-description-color)}.thank-you-view-v3-info-block-description strong{font:500 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--thank-you-view-description-strong-color)}@media only screen and (min-width: 63.9375rem){.thank-you-view-v3-info-block-description{font:400 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.thank-you-view-v3-info-block-description strong{font:500 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\"}}.thank-you-view-v3-info-block-text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--thank-you-view-text-gap)}.thank-you-view-v3-cta-button{margin:var(--thank-you-view-cta-button-margin)}.thank-you-view-v3-faq-slot{align-self:stretch}";
|
|
11
|
+
const TetThankYouViewV3Style0 = tetThankYouViewV3Css;
|
|
12
|
+
|
|
13
|
+
const TetThankYouViewV3 = class {
|
|
14
|
+
constructor(hostRef) {
|
|
15
|
+
index.registerInstance(this, hostRef);
|
|
16
|
+
this.ctaButtonClick = index.createEvent(this, "ctaButtonClick", 7);
|
|
17
|
+
/** The CTA button callback that emits the click event. */
|
|
18
|
+
this.ctaButtonCallback = () => this.ctaButtonClick.emit();
|
|
19
|
+
/**
|
|
20
|
+
* Renders the icon if the icon prop does not equal "none".
|
|
21
|
+
*/
|
|
22
|
+
this.renderIcon = () => {
|
|
23
|
+
return this.icon && this.icon !== 'none' && index.h("tet-icon", { class: "thank-you-view-v3-icon", name: this.icon, "aria-hidden": "true" });
|
|
24
|
+
};
|
|
25
|
+
/**
|
|
26
|
+
* Renders the info description block.
|
|
27
|
+
*/
|
|
28
|
+
this.renderInfoBlock = () => {
|
|
29
|
+
const descriptionBlock = this.mainBlockDescription && (index.h("div", { class: "thank-you-view-v3-info-block-description", innerHTML: this.mainBlockDescription && translations.translate(this.mainBlockDescription) }));
|
|
30
|
+
return (index.h("div", { class: "thank-you-view-v3-info-block" }, this.renderIcon(), index.h("div", { class: "thank-you-view-v3-info-block-text" }, this.mainBlockTitle && index.h("h1", { class: "thank-you-view-v3-info-block-title" }, translations.translate(this.mainBlockTitle)), descriptionBlock)));
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Renders the CTA button if the value for the "ctaButtonLabel" has been provided.
|
|
34
|
+
*/
|
|
35
|
+
this.renderCTAButton = () => {
|
|
36
|
+
return (this.ctaButtonLabel && (index.h("nav", { class: "thank-you-view-v3-cta-button", "aria-label": "CTA" }, index.h("tet-button", { clickCallback: this.ctaButtonCallback, type: this.ctaButtonType, theme: this.ctaButtonTheme ? this.ctaButtonTheme : this.theme, "element-id": this.ctaButtonId, size: this.ctaButtonSize, accessibilityLabel: translations.translate(this.ctaButtonLabel) }, this.ctaButtonLabel && translations.translate(this.ctaButtonLabel)))));
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* Renders the FAQ slot if an HTML element is passed with the "faq" slot.
|
|
40
|
+
*/
|
|
41
|
+
this.renderFAQSlot = () => {
|
|
42
|
+
return this.faqSlot && (index.h("section", { class: "thank-you-view-v3-faq-slot", "aria-label": "FAQ" }, index.h("slot", { name: "faq" })));
|
|
43
|
+
};
|
|
44
|
+
this.stepperData = [];
|
|
45
|
+
this.icon = 'check';
|
|
46
|
+
this.mainBlockTitle = undefined;
|
|
47
|
+
this.mainBlockDescription = undefined;
|
|
48
|
+
this.ctaButtonLabel = undefined;
|
|
49
|
+
this.ctaButtonId = 'thankYouBackButton';
|
|
50
|
+
this.ctaButtonSize = 'large';
|
|
51
|
+
this.ctaButtonType = 'primary';
|
|
52
|
+
this.ctaButtonTheme = undefined;
|
|
53
|
+
this.language = 'lv';
|
|
54
|
+
this.translationGroup = '';
|
|
55
|
+
this.theme = 'light';
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Watches the `language` prop for changes.
|
|
59
|
+
*
|
|
60
|
+
* @param value The language prop's new value after the change.
|
|
61
|
+
*/
|
|
62
|
+
async onLanguageChange(value) {
|
|
63
|
+
await translations.processTranslations(this.translationGroup, value).then(() => index.forceUpdate(this));
|
|
64
|
+
}
|
|
65
|
+
async componentWillLoad() {
|
|
66
|
+
this.faqSlot = this.hostElement.querySelector('[slot="faq"]') !== null;
|
|
67
|
+
}
|
|
68
|
+
/** Event called once after component is fully loaded */
|
|
69
|
+
componentDidLoad() {
|
|
70
|
+
translations.processTranslations(this.translationGroup, this.language).then(() => index.forceUpdate(this));
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* Renders the stepper block if the "stepperData" has been provided with at least 1 entry.
|
|
74
|
+
*/
|
|
75
|
+
renderStepper() {
|
|
76
|
+
var _a;
|
|
77
|
+
return (((_a = this.stepperData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { class: "thank-you-view-v3-stepper" }, index.h("tet-stepper-v3", { stepperData: this.stepperData, theme: this.theme }))));
|
|
78
|
+
}
|
|
79
|
+
render() {
|
|
80
|
+
return (index.h(index.Host, { key: '4d6541fd55da6008b82733330cf7280a57a31eb5' }, index.h("div", { key: 'd4c218afa3a2a3aecd33225300b2be20b34b477e', class: {
|
|
81
|
+
'thank-you-view-v3': true,
|
|
82
|
+
[this.theme]: true,
|
|
83
|
+
} }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));
|
|
84
|
+
}
|
|
85
|
+
get hostElement() { return index.getElement(this); }
|
|
86
|
+
static get watchers() { return {
|
|
87
|
+
"language": ["onLanguageChange"]
|
|
88
|
+
}; }
|
|
89
|
+
};
|
|
90
|
+
TetThankYouViewV3.style = TetThankYouViewV3Style0;
|
|
91
|
+
|
|
92
|
+
exports.tet_thank_you_view_v3 = TetThankYouViewV3;
|
|
@@ -357,7 +357,7 @@ const TetTooltip = class {
|
|
|
357
357
|
return isTooltipOutOfBounds;
|
|
358
358
|
}
|
|
359
359
|
render() {
|
|
360
|
-
return index.h(index.Host, { key: '
|
|
360
|
+
return index.h(index.Host, { key: '6f2107dbd51105a5724c4624d0459736544779dd', class: { visible: this.showTooltip } }, this.renderTooltip());
|
|
361
361
|
}
|
|
362
362
|
get element() { return index.getElement(this); }
|
|
363
363
|
static get watchers() { return {
|
|
@@ -54,6 +54,7 @@
|
|
|
54
54
|
"components/basic/loaders/tet-placeholder/tet-placeholder.js",
|
|
55
55
|
"components/basic/loaders/tet-spinner/tet-spinner.js",
|
|
56
56
|
"components/basic/misc/tet-label/tet-label.js",
|
|
57
|
+
"components/basic/steppers/tet-stepper-v3/tet-stepper-v3.js",
|
|
57
58
|
"components/simple/inputs/tet-datepicker/tet-datepicker.js",
|
|
58
59
|
"components/simple/inputs/tet-datepicker/partials/tet-datepicker-header/tet-datepicker-header.js",
|
|
59
60
|
"components/simple/inputs/tet-datepicker/partials/tet-datepicker-month-view/tet-datepicker-month-view.js",
|
|
@@ -73,6 +74,7 @@
|
|
|
73
74
|
"components/views/tet-b2b-service-calculator/tet-b2b-service-calculator.js",
|
|
74
75
|
"components/views/tet-business-lines/tet-business-lines.js",
|
|
75
76
|
"components/views/tet-cloud-configurator/tet-cloud-configurator.js",
|
|
77
|
+
"components/views/tet-thank-you-view-v3/tet-thank-you-view-v3.js",
|
|
76
78
|
"docs/styling/border-radius/tet-border-radius.js",
|
|
77
79
|
"docs/styling/colors/tet-colors.js",
|
|
78
80
|
"docs/styling/font-weight/tet-font-weight.js",
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import { h } from "@stencil/core";
|
|
2
|
+
import { newSpecPage } from "@stencil/core/testing";
|
|
3
|
+
import { TetStepperV3 } from "../tet-stepper-v3";
|
|
4
|
+
describe('tet-stepper-v3', () => {
|
|
5
|
+
it('renders an empty stepper when no data provided', async () => {
|
|
6
|
+
const page = await newSpecPage({
|
|
7
|
+
components: [TetStepperV3],
|
|
8
|
+
html: `<tet-stepper-v3></tet-stepper-v3>`,
|
|
9
|
+
});
|
|
10
|
+
expect(page.root).toEqualHtml(`
|
|
11
|
+
<tet-stepper-v3>
|
|
12
|
+
<mock:shadow-root>
|
|
13
|
+
<ol class="stepper light"></ol>
|
|
14
|
+
</mock:shadow-root>
|
|
15
|
+
</tet-stepper-v3>
|
|
16
|
+
`);
|
|
17
|
+
});
|
|
18
|
+
it('renders an empty stepper with dark theme', async () => {
|
|
19
|
+
const page = await newSpecPage({
|
|
20
|
+
components: [TetStepperV3],
|
|
21
|
+
html: `<tet-stepper-v3 theme="dark"></tet-stepper-v3>`,
|
|
22
|
+
});
|
|
23
|
+
expect(page.root).toEqualHtml(`
|
|
24
|
+
<tet-stepper-v3 theme="dark">
|
|
25
|
+
<mock:shadow-root>
|
|
26
|
+
<ol class="stepper dark"></ol>
|
|
27
|
+
</mock:shadow-root>
|
|
28
|
+
</tet-stepper-v3>
|
|
29
|
+
`);
|
|
30
|
+
});
|
|
31
|
+
it('renders a stepper with 4 steps', async () => {
|
|
32
|
+
const stepperData = [
|
|
33
|
+
{
|
|
34
|
+
icon: 'check',
|
|
35
|
+
active: true,
|
|
36
|
+
title: 'Tikko',
|
|
37
|
+
description: 'Pieteikums nosūtīts',
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
icon: 'check',
|
|
41
|
+
active: true,
|
|
42
|
+
title: 'Tikko',
|
|
43
|
+
description: 'Pieteikums Saņemts',
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
icon: 'circle',
|
|
47
|
+
active: true,
|
|
48
|
+
title: 'Sestdiena 25.03.2023',
|
|
49
|
+
description: 'Pakalpojums tiks apturēts',
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
icon: 'circle-not-active',
|
|
53
|
+
active: false,
|
|
54
|
+
title: 'Otrdiena 25.04.2023',
|
|
55
|
+
description: 'Pakalpojums tiks automātiski atjaunots',
|
|
56
|
+
},
|
|
57
|
+
];
|
|
58
|
+
const page = await newSpecPage({
|
|
59
|
+
components: [TetStepperV3],
|
|
60
|
+
template: () => h("tet-stepper-v3", { stepperData: stepperData }),
|
|
61
|
+
});
|
|
62
|
+
expect(page.root).toEqualHtml(`
|
|
63
|
+
<tet-stepper-v3>
|
|
64
|
+
<mock:shadow-root>
|
|
65
|
+
<ol class="light stepper">
|
|
66
|
+
<li class="step">
|
|
67
|
+
<div class="active status-wrapper">
|
|
68
|
+
<div class="line top"></div>
|
|
69
|
+
<div class="line bottom next-step-active"></div>
|
|
70
|
+
<div class="check-icon">
|
|
71
|
+
<tet-icon class="check" name="check"></tet-icon>
|
|
72
|
+
</div>
|
|
73
|
+
</div>
|
|
74
|
+
<div class="content">
|
|
75
|
+
<div class="content-title">
|
|
76
|
+
Tikko
|
|
77
|
+
</div>
|
|
78
|
+
<div class="content-description">
|
|
79
|
+
Pieteikums nosūtīts
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
</li>
|
|
83
|
+
<li class="step">
|
|
84
|
+
<div class="active status-wrapper">
|
|
85
|
+
<div class="line top"></div>
|
|
86
|
+
<div class="line bottom next-step-active"></div>
|
|
87
|
+
<div class="check-icon">
|
|
88
|
+
<tet-icon class="check" name="check"></tet-icon>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
<div class="content">
|
|
92
|
+
<div class="content-title">
|
|
93
|
+
Tikko
|
|
94
|
+
</div>
|
|
95
|
+
<div class="content-description">
|
|
96
|
+
Pieteikums Saņemts
|
|
97
|
+
</div>
|
|
98
|
+
</div>
|
|
99
|
+
</li>
|
|
100
|
+
<li class="step">
|
|
101
|
+
<div class="active status-wrapper">
|
|
102
|
+
<div class="line top"></div>
|
|
103
|
+
<div class="line bottom"></div>
|
|
104
|
+
<div class="circle"></div>
|
|
105
|
+
</div>
|
|
106
|
+
<div class="content">
|
|
107
|
+
<div class="content-title">
|
|
108
|
+
Sestdiena 25.03.2023
|
|
109
|
+
</div>
|
|
110
|
+
<div class="content-description">
|
|
111
|
+
Pakalpojums tiks apturēts
|
|
112
|
+
</div>
|
|
113
|
+
</div>
|
|
114
|
+
</li>
|
|
115
|
+
<li class="step">
|
|
116
|
+
<div class="status-wrapper">
|
|
117
|
+
<div class="line top"></div>
|
|
118
|
+
<div class="line bottom"></div>
|
|
119
|
+
<div class="circle"></div>
|
|
120
|
+
</div>
|
|
121
|
+
<div class="content">
|
|
122
|
+
<div class="content-title">
|
|
123
|
+
Otrdiena 25.04.2023
|
|
124
|
+
</div>
|
|
125
|
+
<div class="content-description">
|
|
126
|
+
Pakalpojums tiks automātiski atjaunots
|
|
127
|
+
</div>
|
|
128
|
+
</div>
|
|
129
|
+
</li>
|
|
130
|
+
</ol>
|
|
131
|
+
</mock:shadow-root>
|
|
132
|
+
</tet-stepper-v3>
|
|
133
|
+
`);
|
|
134
|
+
});
|
|
135
|
+
});
|