@tet/tet-components 1.3.157-testing → 1.4.0-production

package/dist/esm/tet-cloud-application-form-dialog.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host } from './index-7f1e2a22.js';
-import { p as processTranslations, t as translate } from './translations-eff34607.js';
-import './typecheck-31fd6c02.js';
-import './http-codes-7faa9f6e.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host } from './index-209dece3.js';
+import { p as processTranslations, t as translate } from './translations-ff21fc65.js';
+import './typecheck-4abf0258.js';
+import './http-codes-c2e180c8.js';
 
 const tetCloudApplicationFormDialogCss = "@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)}.tet-cloud-application-form-dialog{--dialog-width:43.75rem;--dialog-overlay-body-background-color:var(--tc-background-primary);--dialog-subtitle-color:var(--tc-text-secondary);--dialog-title-color:var(--tc-text-primary)}.tet-cloud-application-form-dialog--dark{--dialog-overlay-body-background-color:var(--tc-background-primary-dark);--dialog-subtitle-color:var(--tc-text-secondary-dark);--dialog-title-color:var(--tc-text-primary-dark)}.tet-cloud-application-form-dialog__title{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";margin-bottom:0.75rem}.tet-cloud-application-form-dialog__spinner-title{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";margin-bottom:0.5rem;color:var(--dialog-title-color)}.tet-cloud-application-form-dialog__subtitle{max-width:36.5625rem}.tet-cloud-application-form-dialog__subtitle,.tet-cloud-application-form-dialog__spinner-subtitle{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--dialog-subtitle-color)}.tet-cloud-application-form-dialog__spinner{margin-bottom:1.5rem}.tet-cloud-application-form-dialog__body{display:flex;flex-direction:column;gap:1rem;max-width:25.5rem}.tet-cloud-application-form-dialog__overlay-body{display:flex;flex-direction:column;align-items:center;position:absolute;inset:0;background-color:var(--dialog-overlay-body-background-color);z-index:999;overflow:auto;padding:1rem 0}.tet-cloud-application-form-dialog__overlay-gap{flex:1}.tet-cloud-application-form-dialog__input{--input-padding:0.75rem;--input-border-radius:0.625rem}.tet-cloud-application-form-dialog__footer{display:flex;gap:0.5rem}.tet-cloud-application-form-dialog__error-wrapper{display:flex;flex-direction:column;gap:0.5rem}.tet-cloud-application-form-dialog__error-message{font:500 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:rgb(233, 69, 54)}.tet-cloud-application-form-dialog__hidden{display:none}.tet-cloud-application-form-dialog--loading::part(body){overflow:hidden}.tet-cloud-application-form-dialog--loading .tet-cloud-application-form-dialog__body{max-height:100%}.tet-cloud-application-form-dialog::part(body){padding-top:0;gap:2rem;display:flex;flex-direction:column}";
 const TetCloudApplicationFormDialogStyle0 = tetCloudApplicationFormDialogCss;
@@ -19,6 +19,20 @@ const TetApplicationFormDialog = class {
         this.language = 'lv';
         this.theme = 'light';
     }
+    /** The application form's `tet-dialog` element. */
+    dialogElement;
+    /** The extra field slot element. */
+    extraFieldSlotElement;
+    /** The company name field `tet-input` element. */
+    companyNameInputElement;
+    /** The name/surname field `tet-input` element. */
+    nameSurnameInputElement;
+    /** The email field `tet-input` element. */
+    emailInputElement;
+    /** The phone number field `tet-input` element. */
+    phoneNumberInputElement;
+    /** The privacy policy `tet-checkbox` element. */
+    privacyPolicyElement;
     /**
      * Watches the `language` prop for changes.
      *
@@ -30,6 +44,12 @@ const TetApplicationFormDialog = class {
         this.validateInputFields();
         forceUpdate(this);
     }
+    /** The event that is emitted whenever application form is successfully submitted. */
+    submitted;
+    /** The event to be emitted on the `close` icon click, overlay click or the `esc` key press. */
+    closeDialog;
+    /** The event to be emitted when the dialog is opened. */
+    openDialog;
     /** Event called once after component is fully loaded */
     componentDidLoad() {
         this.initInputValidators();
@@ -153,7 +173,13 @@ const TetApplicationFormDialog = class {
         if (!inputFieldsValid) {
             return;
         }
-        this.submitted.emit(Object.assign({ companyName: this.getInputElementValue(this.companyNameInputElement), nameSurname: this.getInputElementValue(this.nameSurnameInputElement), email: this.getInputElementValue(this.emailInputElement), phoneNumber: this.getInputElementValue(this.phoneNumberInputElement) }, this.extraFieldSubmissionData));
+        this.submitted.emit({
+            companyName: this.getInputElementValue(this.companyNameInputElement),
+            nameSurname: this.getInputElementValue(this.nameSurnameInputElement),
+            email: this.getInputElementValue(this.emailInputElement),
+            phoneNumber: this.getInputElementValue(this.phoneNumberInputElement),
+            ...this.extraFieldSubmissionData
+        });
     }
     /** Renders the application form loading and custom overlays. */
     renderOverlay() {

package/dist/esm/tet-cloud-configurator.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, f as forceUpdate, H as Host, g as getElement } from './index-7f1e2a22.js';
-import { t as translate, p as processTranslations } from './translations-eff34607.js';
-import { e as endpoints, A as ApiRequest } from './http-codes-7faa9f6e.js';
-import './typecheck-31fd6c02.js';
+import { r as registerInstance, c as createEvent, g as getElement, f as forceUpdate, h, F as Fragment, H as Host } from './index-209dece3.js';
+import { t as translate, p as processTranslations } from './translations-ff21fc65.js';
+import { e as endpoints, A as ApiRequest } from './http-codes-c2e180c8.js';
+import './typecheck-4abf0258.js';
 
 var CloudTabName;
 (function (CloudTabName) {
@@ -217,106 +217,6 @@ const TetCloudConfigurator = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.cloudCalculatorSubmit = createEvent(this, "cloudCalculatorSubmit", 7);
-        /** An intersection observer for checking if the `footerRef` is in viewport. */
-        this.footerObserver = new IntersectionObserver(([entry]) => {
-            this.isFloatingSummary = entry.intersectionRatio === 0;
-        });
-        /** The field configuration object to be fetched from the metastore. */
-        this.fields = null;
-        /** Handles the form tab changes
-         * @param event A custom event from the `tet-tab-header` component.
-         */
-        this.onTabSelected = (event) => {
-            this.selectedTab = event.detail.new;
-        };
-        /** Handles the `expandable-list` state change. */
-        this.onExpandableListToggle = () => {
-            this.isListExpanded = !this.isListExpanded;
-        };
-        /** Handles the change of the summary period between hourly and monthly pricing.
-         * @param event A custom event from the `tet-radio` component.
-         */
-        this.onSummaryPeriodChange = (event) => {
-            this.selectedPeriod = event.detail.value;
-        };
-        /** Handles the change of the ddos protection checkbox.
-         * @param event A custom event from the `tet-checkbox` component.
-         */
-        this.onDdosProtectionEnabledCheck = (event) => {
-            const { checked } = event.detail;
-            this.formValues['ddos_protection_enabled'].value = checked ? 1 : 0;
-            this.setDefaultValue('bandwidth_capacity');
-            this.setDefaultValue('ddos_protection_bandwidth');
-            this.formValues = Object.assign({}, this.formValues);
-        };
-        /** Handles the value changes of all number inputs
-         * @param value The input value supplied by the `inputValueChanged` emmiters.
-         * @param fieldKey The `key` value from the @see CloudConfiguratorField object.
-         */
-        this.onNumberValueChanged = (detail, fieldKey) => {
-            var _a;
-            const { min } = this.fields[fieldKey];
-            const formValue = this.formValues[fieldKey];
-            let currentValue = detail.value;
-            if (!detail.suffix) {
-                detail.suffix = getDefaultSuffix(fieldKey);
-            }
-            if (((_a = formValue === null || formValue === void 0 ? void 0 : formValue.suffix) === null || _a === void 0 ? void 0 : _a.value) !== detail.suffix.value) {
-                if (detail.suffix.value === 0) {
-                    currentValue = 0;
-                }
-                else {
-                    currentValue = min;
-                }
-            }
-            const prices = this.getPrices(fieldKey, currentValue, detail.suffix);
-            this.formValues[fieldKey] = Object.assign(Object.assign(Object.assign({}, formValue), { value: currentValue, suffix: detail.suffix }), prices);
-            this.formValues = Object.assign({}, this.formValues);
-        };
-        this.onFormSubmit = () => {
-            var _a;
-            const orderedFormValues = getOrderedFormValues(this.formValues);
-            const isDdosEnabled = (_a = this.formValues['ddos_protection_enabled']) === null || _a === void 0 ? void 0 : _a.value;
-            if (isDdosEnabled) {
-                delete orderedFormValues['bandwidth_capacity'];
-            }
-            else {
-                delete orderedFormValues['ddos_protection_bandwidth'];
-            }
-            const data = { formValues: orderedFormValues, totals: this.getTotals() };
-            this.cloudCalculatorSubmit.emit(data);
-        };
-        /** Fetches the field configuration and the translations for the component. */
-        this.fetchData = async () => {
-            const promises = await Promise.all([cloudConfigurator(), processTranslations('cloud-calculator', this.language)]);
-            this.fields = promises[0];
-            this.isLoading = false;
-        };
-        /** Sets the default `formValues` for all `fields` keys. */
-        this.setDefaultValues = () => {
-            for (const fieldKey of Object.keys(this.fields)) {
-                this.setDefaultValue(fieldKey);
-            }
-            const orderedFormValues = getOrderedFormValues(this.formValues);
-            this.formValues = Object.assign({}, orderedFormValues);
-            const inputs = this.root.shadowRoot.querySelectorAll('tet-number-input');
-            inputs.forEach((input) => input.resetSuffix());
-        };
-        /**
-         * Sets the default `formValue` for the `fieldKey` depending on the current `selectedTab` value.
-         * @param fieldKey The `key` value from the @see CloudConfiguratorField object.
-         */
-        this.setDefaultValue = (fieldKey) => {
-            const field = this.fields[fieldKey];
-            const defaultValue = field.default[this.selectedTab] || field.min;
-            const defaultSuffix = getDefaultSuffix(field.key);
-            const prices = this.getPrices(field.key, defaultValue, defaultSuffix);
-            this.formValues[field.key] = Object.assign(Object.assign({ key: field.key, value: defaultValue, title: field.name['lv'], groupKey: field.group, groupName: translate(groupKeyTranslationMap[field.group]) }, prices), { suffix: getDefaultSuffix(field.key) });
-        };
-        this.renderTitle = () => {
-            const subtitleKey = `components-cloud-configurator-${this.selectedTab}-subtitle`;
-            return (h(Fragment, null, h("p", { class: "content__subtitle" }, translate(subtitleKey))));
-        };
         this.language = 'lv';
         this.containerSelector = '';
         this.theme = 'light';
@@ -331,6 +231,17 @@ const TetCloudConfigurator = class {
         this.isListExpanded = false;
         this.parentElement = undefined;
     }
+    get root() { return getElement(this); }
+    /** An intersection observer for checking if the `headerRef` is currently positioned as sticky. */
+    headerObserver;
+    /** An intersection observer for checking if the `footerRef` is in viewport. */
+    footerObserver = new IntersectionObserver(([entry]) => {
+        this.isFloatingSummary = entry.intersectionRatio === 0;
+    });
+    /** The field configuration object to be fetched from the metastore. */
+    fields = null;
+    /** The submit event of the form. */
+    cloudCalculatorSubmit;
     async componentWillLoad() {
         if (this.containerSelector) {
             this.parentElement = document.querySelector(this.containerSelector);
@@ -376,6 +287,107 @@ const TetCloudConfigurator = class {
         await processTranslations('cloud-calculator', language);
         forceUpdate(this);
     }
+    /** Handles the form tab changes
+     * @param event A custom event from the `tet-tab-header` component.
+     */
+    onTabSelected = (event) => {
+        this.selectedTab = event.detail.new;
+    };
+    /** Handles the `expandable-list` state change. */
+    onExpandableListToggle = () => {
+        this.isListExpanded = !this.isListExpanded;
+    };
+    /** Handles the change of the summary period between hourly and monthly pricing.
+     * @param event A custom event from the `tet-radio` component.
+     */
+    onSummaryPeriodChange = (event) => {
+        this.selectedPeriod = event.detail.value;
+    };
+    /** Handles the change of the ddos protection checkbox.
+     * @param event A custom event from the `tet-checkbox` component.
+     */
+    onDdosProtectionEnabledCheck = (event) => {
+        const { checked } = event.detail;
+        this.formValues['ddos_protection_enabled'].value = checked ? 1 : 0;
+        this.setDefaultValue('bandwidth_capacity');
+        this.setDefaultValue('ddos_protection_bandwidth');
+        this.formValues = { ...this.formValues };
+    };
+    /** Handles the value changes of all number inputs
+     * @param value The input value supplied by the `inputValueChanged` emmiters.
+     * @param fieldKey The `key` value from the @see CloudConfiguratorField object.
+     */
+    onNumberValueChanged = (detail, fieldKey) => {
+        const { min } = this.fields[fieldKey];
+        const formValue = this.formValues[fieldKey];
+        let currentValue = detail.value;
+        if (!detail.suffix) {
+            detail.suffix = getDefaultSuffix(fieldKey);
+        }
+        if (formValue?.suffix?.value !== detail.suffix.value) {
+            if (detail.suffix.value === 0) {
+                currentValue = 0;
+            }
+            else {
+                currentValue = min;
+            }
+        }
+        const prices = this.getPrices(fieldKey, currentValue, detail.suffix);
+        this.formValues[fieldKey] = {
+            ...formValue,
+            value: currentValue,
+            suffix: detail.suffix,
+            ...prices
+        };
+        this.formValues = { ...this.formValues };
+    };
+    onFormSubmit = () => {
+        const orderedFormValues = getOrderedFormValues(this.formValues);
+        const isDdosEnabled = this.formValues['ddos_protection_enabled']?.value;
+        if (isDdosEnabled) {
+            delete orderedFormValues['bandwidth_capacity'];
+        }
+        else {
+            delete orderedFormValues['ddos_protection_bandwidth'];
+        }
+        const data = { formValues: orderedFormValues, totals: this.getTotals() };
+        this.cloudCalculatorSubmit.emit(data);
+    };
+    /** Fetches the field configuration and the translations for the component. */
+    fetchData = async () => {
+        const promises = await Promise.all([cloudConfigurator(), processTranslations('cloud-calculator', this.language)]);
+        this.fields = promises[0];
+        this.isLoading = false;
+    };
+    /** Sets the default `formValues` for all `fields` keys. */
+    setDefaultValues = () => {
+        for (const fieldKey of Object.keys(this.fields)) {
+            this.setDefaultValue(fieldKey);
+        }
+        const orderedFormValues = getOrderedFormValues(this.formValues);
+        this.formValues = { ...orderedFormValues };
+        const inputs = this.root.shadowRoot.querySelectorAll('tet-number-input');
+        inputs.forEach((input) => input.resetSuffix());
+    };
+    /**
+     * Sets the default `formValue` for the `fieldKey` depending on the current `selectedTab` value.
+     * @param fieldKey The `key` value from the @see CloudConfiguratorField object.
+     */
+    setDefaultValue = (fieldKey) => {
+        const field = this.fields[fieldKey];
+        const defaultValue = field.default[this.selectedTab] || field.min;
+        const defaultSuffix = getDefaultSuffix(field.key);
+        const prices = this.getPrices(field.key, defaultValue, defaultSuffix);
+        this.formValues[field.key] = {
+            key: field.key,
+            value: defaultValue,
+            title: field.name['lv'],
+            groupKey: field.group,
+            groupName: translate(groupKeyTranslationMap[field.group]),
+            ...prices,
+            suffix: getDefaultSuffix(field.key)
+        };
+    };
     /**
      * Gets a collection of `key` values from `fields` object containing the `group`.
      * @param fieldGroup The `group` value from the @see CloudConfiguratorField object.
@@ -387,8 +399,7 @@ const TetCloudConfigurator = class {
     }
     /** Gets the total calculated sum of selected values */
     getTotals() {
-        var _a;
-        const isDdosEnabled = !!((_a = this.formValues['ddos_protection_enabled']) === null || _a === void 0 ? void 0 : _a.value);
+        const isDdosEnabled = !!this.formValues['ddos_protection_enabled']?.value;
         const totals = { hourly: 0, monthly: 0 };
         for (const formValue of Object.values(this.formValues)) {
             if (formValue.key === 'bandwidth_capacity' && isDdosEnabled) {
@@ -411,7 +422,7 @@ const TetCloudConfigurator = class {
     getPrices(fieldKey, value, suffix) {
         const { priceHourly, priceMonthly } = this.fields[fieldKey];
         let multiplier = 1;
-        if (suffix === null || suffix === void 0 ? void 0 : suffix.value) {
+        if (suffix?.value) {
             multiplier = suffix.value;
         }
         if (fieldKey === 'bandwidth_ip') {
@@ -429,13 +440,12 @@ const TetCloudConfigurator = class {
      * @param fieldKey The `key` value from the @see CloudConfiguratorField object.
      */
     getMinValue(fieldKey) {
-        var _a;
         const field = this.fields[fieldKey];
         const formValue = this.formValues[fieldKey];
         if (!field) {
             return null;
         }
-        if (((_a = formValue === null || formValue === void 0 ? void 0 : formValue.suffix) === null || _a === void 0 ? void 0 : _a.value) === 0) {
+        if (formValue?.suffix?.value === 0) {
             return 0;
         }
         return field.min;
@@ -478,17 +488,20 @@ const TetCloudConfigurator = class {
         }
         return field.description[this.language];
     }
+    renderTitle = () => {
+        const subtitleKey = `components-cloud-configurator-${this.selectedTab}-subtitle`;
+        return (h(Fragment, null, h("p", { class: "content__subtitle" }, translate(subtitleKey))));
+    };
     /**
      * Renders the number input using the `fields` configuration and the `formValues` objects.
      * @param fieldKey The `key` value from the @see CloudConfiguratorField object.
      * @param options An object containing additional display conditions not suppied by the `fields` configuration.
      */
     renderNumberInput(fieldKey, options) {
-        var _a;
-        if ((options === null || options === void 0 ? void 0 : options.hidden) === true) {
+        if (options?.hidden === true) {
             return null;
         }
-        return (h("div", { class: "form__input" }, h("tet-number-input", { min: this.getMinValue(fieldKey), max: this.getMaxValue(fieldKey), label: this.getLabel(fieldKey), "accessibility-label": this.getHelperText(fieldKey), "button-accessibility-label": getSuffixOptionTitle(fieldKey), helperText: this.getHelperText(fieldKey), value: (_a = this.formValues[fieldKey]) === null || _a === void 0 ? void 0 : _a.value, disabled: options === null || options === void 0 ? void 0 : options.disabled, suffixes: getSuffixes(fieldKey), onInputValueChanged: (event) => this.onNumberValueChanged(event.detail, fieldKey), selectOnFocus: this.selectOnFocus, theme: this.theme })));
+        return (h("div", { class: "form__input" }, h("tet-number-input", { min: this.getMinValue(fieldKey), max: this.getMaxValue(fieldKey), label: this.getLabel(fieldKey), "accessibility-label": this.getHelperText(fieldKey), "button-accessibility-label": getSuffixOptionTitle(fieldKey), helperText: this.getHelperText(fieldKey), value: this.formValues[fieldKey]?.value, disabled: options?.disabled, suffixes: getSuffixes(fieldKey), onInputValueChanged: (event) => this.onNumberValueChanged(event.detail, fieldKey), selectOnFocus: this.selectOnFocus, theme: this.theme })));
     }
     /**
      * Renders a row for the expandable list using the `fields` configuration and the `formValues` objects.
@@ -496,9 +509,8 @@ const TetCloudConfigurator = class {
      * @param options An object containing additional display conditions not suppied by the `fields` configuration.
      */
     renderExpandableItem(fieldKey) {
-        var _a;
         const field = this.fields[fieldKey];
-        return (h("div", { class: "expandable-item" }, h("div", { class: "expandable-item__description" }, h("div", { class: "expandable-item__title" }, field.name[this.language]), h("div", { class: "expandable-item__helper" }, field.description[this.language])), h("tet-stepper-input", { min: this.getMinValue(fieldKey), max: this.getMaxValue(fieldKey), step: 1, value: (_a = this.formValues[fieldKey]) === null || _a === void 0 ? void 0 : _a.value, onInputValueChanged: (event) => this.onNumberValueChanged({ value: event.detail }, fieldKey), selectOnFocus: this.selectOnFocus, "accessibility-label": field.name[this.language], theme: this.theme })));
+        return (h("div", { class: "expandable-item" }, h("div", { class: "expandable-item__description" }, h("div", { class: "expandable-item__title" }, field.name[this.language]), h("div", { class: "expandable-item__helper" }, field.description[this.language])), h("tet-stepper-input", { min: this.getMinValue(fieldKey), max: this.getMaxValue(fieldKey), step: 1, value: this.formValues[fieldKey]?.value, onInputValueChanged: (event) => this.onNumberValueChanged({ value: event.detail }, fieldKey), selectOnFocus: this.selectOnFocus, "accessibility-label": field.name[this.language], theme: this.theme })));
     }
     /** Renders the table for the `summary` part. */
     renderSummaryTable() {
@@ -516,7 +528,6 @@ const TetCloudConfigurator = class {
      * @param suffix Display suffix value, if empty determined by the value stored in `formValues`.
      */
     renderSummaryRow(groupKey, fieldFilter, suffix) {
-        var _a, _b;
         let fieldKeys;
         let titleTranslationKey = groupKeyTranslationMap[groupKey];
         if (!fieldFilter) {
@@ -527,7 +538,7 @@ const TetCloudConfigurator = class {
         }
         if (groupKey === CloudFieldGroup.BANDWIDTH) {
             fieldKeys = fieldKeys.filter((fieldKey) => fieldKey !== 'ddos_protection_enabled');
-            if ((_a = this.formValues['ddos_protection_enabled']) === null || _a === void 0 ? void 0 : _a.value) {
+            if (this.formValues['ddos_protection_enabled']?.value) {
                 fieldKeys = fieldKeys.filter((fieldKey) => fieldKey !== 'bandwidth_capacity');
                 titleTranslationKey = 'components-cloud-configurator-group-bandwidth-ddos';
             }
@@ -551,8 +562,8 @@ const TetCloudConfigurator = class {
                 cells.push(h("div", { class: "summary-table__header" }));
             }
             const displayName = this.getLabel(fieldKey);
-            const displaySuffix = suffix || ((_b = formValue.suffix) === null || _b === void 0 ? void 0 : _b.name);
-            cells.push(h("div", { class: "summary-table__label" }, !!displayName && h("span", null, `${displayName},`), h("span", null, `${formValue === null || formValue === void 0 ? void 0 : formValue.value}${displaySuffix}`)));
+            const displaySuffix = suffix || formValue.suffix?.name;
+            cells.push(h("div", { class: "summary-table__label" }, !!displayName && h("span", null, `${displayName},`), h("span", null, `${formValue?.value}${displaySuffix}`)));
             const isMonthly = this.selectedPeriod === CloudSummaryPeriod.MONTHLY;
             const price = formValue[this.selectedPeriod] || 0;
             const valueSuffix = isMonthly
@@ -577,7 +588,6 @@ const TetCloudConfigurator = class {
         const msLicenseKeys = this.getFieldKeysByGroup(CloudFieldGroup.MS_LICENSE);
         const formValues = Object.values(this.formValues);
         const summaryCount = formValues.reduce((total, current) => {
-            var _a;
             if (cpuKeys.includes(current.key)) {
                 total.cpu += current.value;
             }
@@ -585,7 +595,7 @@ const TetCloudConfigurator = class {
                 total.ram += current.value;
             }
             else if (storageKeys.includes(current.key)) {
-                const multiplier = ((_a = current.suffix) === null || _a === void 0 ? void 0 : _a.value) || 1;
+                const multiplier = current.suffix?.value || 1;
                 total.storage += current.value * multiplier;
             }
             return total;
@@ -610,19 +620,17 @@ const TetCloudConfigurator = class {
         return (h(Host, null, h("div", { class: "cloud-configurator" }, h("div", { class: "content" }, h("div", { class: "content__title" }, h("tet-placeholder", { width: "90%", height: "1.75rem", darkTheme: this.theme === 'dark' })), h("div", { class: "content__subtitle" }, h("tet-placeholder", { width: "100%", height: "1rem", darkTheme: this.theme === 'dark' })), h("div", { class: "form", part: "form" }, h("div", { class: "form__group" }, h("div", { class: "form__group-label" }, h("tet-placeholder", { width: "10rem", height: "1rem", darkTheme: this.theme === 'dark' })), h("div", { class: "form__input" }, h("tet-placeholder", { width: "100%", height: "2.875rem", darkTheme: this.theme === 'dark' })), h("div", { class: "form__input" }, h("tet-placeholder", { width: "100%", height: "2.875rem", darkTheme: this.theme === 'dark' }))), h("div", { class: "form__group" }, h("div", { class: "form__group-label" }, h("tet-placeholder", { width: "10rem", height: "1rem", darkTheme: this.theme === 'dark' })), h("div", { class: "form__input" }, h("tet-placeholder", { width: "100%", height: "2.875rem", darkTheme: this.theme === 'dark' })), h("div", { class: "form__input" })))), h("div", { class: "header", part: "header" }, h("div", { class: "inner-wrapper" }, h("tet-placeholder", { width: "25.5rem", height: "2.875rem", darkTheme: this.theme === 'dark' }))))));
     }
     render() {
-        var _a, _b, _c, _d;
         if (this.isLoading) {
             return this.renderPlaceholder();
         }
         processTranslations('cloud-configurator', this.language);
         return (h(Host, null, h("div", { class: { 'cloud-configurator': true, [this.theme]: !!this.theme } }, h("div", { class: { header: true, [this.theme]: !!this.theme }, part: "header", ref: (el) => (this.headerRef = el) }, h("div", { class: "inner-wrapper" }, h("tet-tab-header", { class: "header__segment-switch", segmented: true, position: "center", defaultTab: "small", theme: this.theme, onTabSelected: this.onTabSelected }, h("button", { "data-name": CloudTabName.SMALL }, h("p", null, translate('components-cloud-configurator-type-small'))), h("button", { "data-name": CloudTabName.AVERAGE }, h("p", null, translate('components-cloud-configurator-type-average'))), h("button", { "data-name": CloudTabName.LARGE }, h("p", null, translate('components-cloud-configurator-type-large'))), h("button", { "data-name": CloudTabName.INDIVIDUAL }, h("p", null, translate('components-cloud-configurator-type-custom')))))), h("div", { class: "content", part: "content" }, this.renderTitle(), h("div", { class: "form", part: "form" }, h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, translate('components-cloud-configurator-group-vcpu')), this.renderNumberInput('v_cpu_standard'), this.renderNumberInput('v_cpu_performance')), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, translate('components-cloud-configurator-group-vram')), this.renderNumberInput('v_ram'), h("div", { class: "form__input" })), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, translate('components-cloud-configurator-group-storage')), this.renderNumberInput('storage_bronze'), this.renderNumberInput('storage_silver'), this.renderNumberInput('storage_gold'), this.renderNumberInput('storage_platinum')), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, translate('components-cloud-configurator-group-extra-storage')), this.renderNumberInput('storage_backup'), this.renderNumberInput('storage_object')), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, translate('components-cloud-configurator-group-license')), this.renderNumberInput('license_windows'), this.renderNumberInput('license_veeam')), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, translate('components-cloud-configurator-group-ms-license')), h("div", { class: { 'expandable-list': true, 'expanded': this.isListExpanded } }, this.renderExpandableItem('sql_server_standard_core'), this.renderExpandableItem('win_rds'), this.renderExpandableItem('win_server_standard_core'), this.renderExpandableItem('win_server_dc_core'), this.renderExpandableItem('sql_server_standard'), this.renderExpandableItem('office_standard'), this.renderExpandableItem('office_professional_plus'), this.renderExpandableItem('cis_suite_standard_core'), this.renderExpandableItem('project_standard'), this.renderExpandableItem('sharepoint_server'), h("div", { class: "expandable-list__toggle-row" }, this.isListExpanded && (h(Fragment, null, h("button", { class: "expandable-list__toggle", onClick: this.onExpandableListToggle, tabIndex: 0 }, translate('components-cloud-configurator-ms-license-collapse'), ' ', h("tet-icon", { name: "chevron-up", theme: this.theme })), h("div", { innerHTML: translate('components-cloud-configurator-ms-license-full-list') }))), !this.isListExpanded && (h("button", { class: "expandable-list__toggle", onClick: this.onExpandableListToggle, tabIndex: 0 }, translate('components-cloud-configurator-ms-license-expand'), ' ', h("tet-icon", { name: "chevron-down", theme: this.theme })))))), h("div", { class: "form__group" }, h("h3", { class: "form__group-label" }, translate('components-cloud-configurator-group-bandwidth')), this.renderNumberInput('bandwidth_ip'), this.renderNumberInput('bandwidth_router'), this.renderNumberInput('bandwidth_capacity', {
             disabled: true,
-            hidden: Boolean((_a = this.formValues['ddos_protection_enabled']) === null || _a === void 0 ? void 0 : _a.value)
+            hidden: Boolean(this.formValues['ddos_protection_enabled']?.value)
         }), this.renderNumberInput('ddos_protection_bandwidth', {
-            hidden: !Boolean((_b = this.formValues['ddos_protection_enabled']) === null || _b === void 0 ? void 0 : _b.value)
-        }), h("div", { class: "form__input" }), h("div", { class: "form__checkbox" }, h("tet-checkbox", { label: this.getLabel('ddos_protection_enabled'), value: (_c = this.formValues['ddos_protection_enabled']) === null || _c === void 0 ? void 0 : _c.value, checked: !!((_d = this.formValues['ddos_protection_enabled']) === null || _d === void 0 ? void 0 : _d.value), onCheck: this.onDdosProtectionEnabledCheck, theme: this.theme }), h("p", { class: "form__checkbox-helper" }, this.getHelperText('ddos_protection_enabled'))))), h("div", { class: "summary", part: "summary" }, h("h2", { class: "summary__title" }, translate('components-cloud-configurator-group-summary')), h("div", { class: "summary__toggle", role: "radiogroup" }, h("tet-radio", { name: "summary-period", value: CloudSummaryPeriod.MONTHLY, checked: this.selectedPeriod === CloudSummaryPeriod.MONTHLY, label: translate('components-cloud-configurator-summary-period-monthly'), theme: this.theme, onCheck: this.onSummaryPeriodChange }), h("tet-radio", { name: "summary-period", value: CloudSummaryPeriod.HOURLY, checked: this.selectedPeriod === CloudSummaryPeriod.HOURLY, label: translate('components-cloud-configurator-summary-period-hourly'), theme: this.theme, onCheck: this.onSummaryPeriodChange })), this.renderSummaryTable())), h("div", { class: { 'floating-summary': true, 'floating-summary--is-pinned': this.isFloatingSummary }, part: "floating-summary" }, this.renderFloatingSummary()), h("div", { part: "footer", class: "footer", ref: (el) => (this.footerRef = el) }, h("tet-button", { class: "footer__button", size: "large", type: "primary", theme: this.theme, onClick: this.onFormSubmit }, translate('components-cloud-configurator-submit'))))));
+            hidden: !Boolean(this.formValues['ddos_protection_enabled']?.value)
+        }), h("div", { class: "form__input" }), h("div", { class: "form__checkbox" }, h("tet-checkbox", { label: this.getLabel('ddos_protection_enabled'), value: this.formValues['ddos_protection_enabled']?.value, checked: !!this.formValues['ddos_protection_enabled']?.value, onCheck: this.onDdosProtectionEnabledCheck, theme: this.theme }), h("p", { class: "form__checkbox-helper" }, this.getHelperText('ddos_protection_enabled'))))), h("div", { class: "summary", part: "summary" }, h("h2", { class: "summary__title" }, translate('components-cloud-configurator-group-summary')), h("div", { class: "summary__toggle", role: "radiogroup" }, h("tet-radio", { name: "summary-period", value: CloudSummaryPeriod.MONTHLY, checked: this.selectedPeriod === CloudSummaryPeriod.MONTHLY, label: translate('components-cloud-configurator-summary-period-monthly'), theme: this.theme, onCheck: this.onSummaryPeriodChange }), h("tet-radio", { name: "summary-period", value: CloudSummaryPeriod.HOURLY, checked: this.selectedPeriod === CloudSummaryPeriod.HOURLY, label: translate('components-cloud-configurator-summary-period-hourly'), theme: this.theme, onCheck: this.onSummaryPeriodChange })), this.renderSummaryTable())), h("div", { class: { 'floating-summary': true, 'floating-summary--is-pinned': this.isFloatingSummary }, part: "floating-summary" }, this.renderFloatingSummary()), h("div", { part: "footer", class: "footer", ref: (el) => (this.footerRef = el) }, h("tet-button", { class: "footer__button", size: "large", type: "primary", theme: this.theme, onClick: this.onFormSubmit }, translate('components-cloud-configurator-submit'))))));
     }
-    get root() { return getElement(this); }
     static get watchers() { return {
         "isLoading": ["onisLoadingChange"],
         "headerRef": ["onHeaderRefChange"],