@tet/tet-components 1.3.133-testing → 1.3.134-testing
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tet-carousel.cjs.entry.js +164 -91
- package/dist/cjs/tet-components.cjs.js +1 -1
- package/dist/collection/components/basic/carousel/tet-carousel/test/tet-carousel.spec.js +0 -2
- package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.css +26 -6
- package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.js +187 -147
- package/dist/components/tet-carousel.js +169 -99
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tet-carousel.entry.js +165 -92
- package/dist/esm/tet-components.js +1 -1
- package/dist/tet-components/p-784327ff.entry.js +1 -0
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/basic/carousel/tet-carousel/tet-carousel.d.ts +25 -22
- package/dist/types/components.d.ts +8 -24
- package/package.json +1 -1
- package/dist/tet-components/p-cfb157e3.entry.js +0 -1
|
@@ -3,8 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-f559cb2e.js');
|
|
6
|
+
const translations = require('./translations-ed68775f.js');
|
|
7
|
+
require('./typecheck-d48810dc.js');
|
|
8
|
+
require('./http-codes-2f72a8b2.js');
|
|
6
9
|
|
|
7
|
-
const tetCarouselCss = "@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{--carousel-background:transparent;--carousel-button-background:transparent;--carousel-button-border:2px solid var(--tc-border-primary);--carousel-button-border-disabled:2px solid var(--tc-button-border-disabled);--carousel-active-button-background:var(--tc-grey-110);--carousel-button-size:2.75rem;--carousel-button-icon-size:1.5rem;--carousel-button-icon-color:var(--tc-grey-110);--carousel-dot-size:1rem;--carousel-buttons-bottom:-1rem;--carousel-dot-background:transparent;--carousel-dot-border:1px solid var(--tc-grey-70);--carousel-dot-padding-top:1.875rem;--carousel-dot-active-background:var(--tc-layer-inverse-primary);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover);--carousel-dot-active-hover-background:var(--tc-grey-80);--carousel-button-hover-background:var(--tc-button-secondary-background-hover);--carousel-button-pressed-background:var(--tc-button-secondary-background-pressed);--carousel-dots-gap:0.5rem;--carousel-buttons-gap:1rem;--carousel-track-gap:0;--carousel-track-height:100%;--carousel-item-width:100%;--carousel-item-height:100%;--carousel-buttons-right:2rem;--carousel-dots-bottom:-1rem;--carousel-gradient-light:var(--tc-background-primary);--carousel-gradient-dark:var(--tc-background-primary-dark);--carousel-gradient:var(--carousel-gradient-light);display:inline-block;cursor:pointer;width:100%}.tet-carousel{position:relative;width:100%;background:var(--carousel-background)}.tet-carousel.dark{--carousel-dot-active-background:var(--tc-layer-inverse-primary-dark);--carousel-dot-border:1px solid var(--tc-grey-70-dark);--carousel-button-border:2px solid var(--tc-button-border-secondary-dark);--carousel-button-border-disabled:2px solid var(--tc-button-border-disabled-dark);--carousel-gradient:var(--carousel-gradient-dark);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover-dark);--carousel-dot-active-hover-background:var(--tc-grey-80-dark);--carousel-button-hover-background:var(--tc-button-secondary-background-hover-dark);--carousel-button-pressed-background:var(--tc-button-secondary-background-pressed-dark)}.tet-carousel__container{width:var(--carousel-item-width);max-width:var(--carousel-item-width);height:var(--carousel-track-height);position:relative}.tet-carousel__controls{display:flex;justify-content:end}.tet-carousel__track{display:flex;height:var(--carousel-track-height);will-change:transform;gap:var(--carousel-track-gap)}.tet-carousel__track>*{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tet-carousel__buttons{position:absolute;right:0;bottom:var(--carousel-buttons-bottom);display:flex;flex-direction:row;gap:var(--carousel-buttons-gap);z-index:2}.tet-carousel__buttons--mobile{display:flex;left:0}.tet-carousel__buttons--desktop{display:none !important}.tet-carousel__btn{background:var(--carousel-button-background);border:none;border-radius:50%;box-shadow:var(--carousel-button-shadow);width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s, box-shadow 0.2s;outline:none}.tet-carousel__btn::part(button){--button-padding:0;--button-background:transparent;--button-width:var(--carousel-button-size);backdrop-filter:none;border:var(--carousel-button-border)}.tet-carousel__btn::part(button):disabled{--carousel-button-hover-background:transparent;border:var(--carousel-button-border-disabled);opacity:0.5;cursor:not-allowed}.tet-carousel__btn::part(button):hover{background-color:var(--carousel-button-hover-background)}.tet-carousel__btn::part(button):focus:not(:disabled){background-color:var(--carousel-button-pressed-background)}.tet-carousel__btn::part(button):active:not(:disabled){background-color:var(--carousel-button-pressed-background)}.tet-carousel__btn.active{background:var(--carousel-active-button-background);box-shadow:var(--carousel-button-active-shadow)}.tet-carousel__btn tet-icon{--icon-size:var(--carousel-button-icon-size);--icon-color:var(--carousel-button-icon-color)}.tet-carousel__dots{display:flex;gap:var(--carousel-dots-gap);padding-top:var(--carousel-dot-padding-top);justify-content:center;flex:1}.tet-carousel__dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:50%;background:var(--carousel-dot-background);cursor:pointer;transition:background 0.2s;border:var(--carousel-dot-border);z-index:2}.tet-carousel__dot:hover{background:var(--carousel-dot-hover-background)}.tet-carousel__dot.active{background:var(--carousel-dot-active-background);border:none}.tet-carousel__dot.active:hover{background:var(--carousel-dot-active-hover-background)}.tet-carousel__gradient-left,.tet-carousel__gradient-right{position:absolute;top:0;display:block;width:13.75rem;height:100%;transition:opacity 0.1s;pointer-events:none;z-index:20;opacity:0}.tet-carousel__gradient-left{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);left:0}.tet-carousel__gradient-right{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);right:0}@media all and (min-width: 46.25rem){.tet-carousel__buttons--mobile{display:none}.tet-carousel__buttons--desktop{display:flex !important}.tet-carousel__btn{width:var(--carousel-button-size);height:var(--carousel-button-size)}}";
|
|
10
|
+
const tetCarouselCss = "@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{--carousel-background:transparent;--carousel-button-background:transparent;--carousel-button-border:2px solid var(--tc-border-primary);--carousel-button-border-disabled:2px solid var(--tc-button-border-disabled);--carousel-button-border:0.125rem solid var(--tc-border-primary);--carousel-button-border-disabled:0.125rem solid var(--tc-button-border-disabled);--carousel-active-button-background:var(--tc-grey-110);--carousel-button-size:2.75rem;--carousel-button-icon-size:1.5rem;--carousel-button-icon-color:var(--tc-grey-110);--carousel-dot-size:1rem;--carousel-buttons-bottom:-1rem;--carousel-dot-background:transparent;--carousel-dot-border:1px solid var(--tc-grey-70);--carousel-dot-border:0.0625rem solid var(--tc-grey-70);--carousel-dot-margin:1rem;--carousel-dot-active-background:var(--tc-layer-inverse-primary);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover);--carousel-dot-active-hover-background:var(--tc-grey-80);--carousel-button-hover-background:var(--tc-button-secondary-background-hover);--carousel-button-pressed-background:var(--tc-button-secondary-background-pressed);--carousel-dots-gap:0.5rem;--carousel-buttons-gap:1rem;--carousel-track-gap:0;--carousel-track-height:100%;--carousel-item-width:100%;--carousel-item-height:100%;--carousel-buttons-right:2rem;--carousel-dots-bottom:-1rem;--carousel-gradient-light:var(--tc-background-primary);--carousel-gradient-dark:var(--tc-background-primary-dark);--carousel-gradient:var(--carousel-gradient-light);display:inline-block;cursor:pointer;width:100%}.tet-carousel{position:relative;width:100%;background:var(--carousel-background)}.tet-carousel.dark{--carousel-dot-active-background:var(--tc-layer-inverse-primary-dark);--carousel-dot-border:1px solid var(--tc-grey-70-dark);--carousel-button-border:2px solid var(--tc-button-border-secondary-dark);--carousel-button-border-disabled:2px solid var(--tc-button-border-disabled-dark);--carousel-dot-border:0.0625rem solid var(--tc-grey-70-dark);--carousel-button-border:0.125rem solid var(--tc-button-border-secondary-dark);--carousel-button-border-disabled:0.125rem solid var(--tc-button-border-disabled-dark);--carousel-gradient:var(--carousel-gradient-dark);--carousel-dot-hover-background:var(--tc-button-secondary-outline-background-hover-dark);--carousel-dot-active-hover-background:var(--tc-grey-80-dark);--carousel-button-hover-background:var(--tc-button-secondary-background-hover-dark);--carousel-button-pressed-background:var(--tc-button-secondary-background-pressed-dark)}.tet-carousel__container{width:var(--carousel-item-width);max-width:var(--carousel-item-width);height:var(--carousel-track-height);position:relative;margin-bottom:var(--carousel-dot-margin)}.tet-carousel__controls{position:relative;display:flex;align-items:center;justify-content:center;height:fit-content;margin-bottom:var(--carousel-dot-margin);min-height:var(--carousel-button-size)}.tet-carousel__track{touch-action:pan-y;display:flex;height:var(--carousel-track-height);will-change:transform;gap:var(--carousel-track-gap)}.tet-carousel__track>*{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tet-carousel__buttons{position:absolute;right:0;bottom:50%;display:flex;transform:translateY(50%);gap:var(--carousel-buttons-gap);z-index:2}.tet-carousel__buttons--mobile{display:flex;left:0}.tet-carousel__buttons--desktop{display:none !important}.tet-carousel__btn{background:var(--carousel-button-background);border:none;border-radius:50%;box-shadow:var(--carousel-button-shadow);width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s, box-shadow 0.2s;outline:none}.tet-carousel__btn::part(button){--button-padding:0;--button-background:transparent;--button-width:var(--carousel-button-size);backdrop-filter:none;border:var(--carousel-button-border)}.tet-carousel__btn::part(button):disabled{--carousel-button-hover-background:transparent;border:var(--carousel-button-border-disabled);opacity:0.5;cursor:not-allowed}.tet-carousel__btn::part(button):hover{background-color:var(--carousel-button-hover-background)}.tet-carousel__btn::part(button):focus:not(:disabled){background-color:var(--carousel-button-pressed-background)}.tet-carousel__btn::part(button):active:not(:disabled){background-color:var(--carousel-button-pressed-background)}.tet-carousel__btn.active{background:var(--carousel-active-button-background);box-shadow:var(--carousel-button-active-shadow)}.tet-carousel__btn tet-icon{--icon-size:var(--carousel-button-icon-size);--icon-color:var(--carousel-button-icon-color)}.tet-carousel__dots{display:flex;width:100%;gap:var(--carousel-dots-gap);justify-content:center;align-items:center}.tet-carousel__dot{width:var(--carousel-dot-size);height:var(--carousel-dot-size);border-radius:50%;background:var(--carousel-dot-background);cursor:pointer;transition:background 0.2s;border:var(--carousel-dot-border);z-index:2}.tet-carousel__dot:hover{background:var(--carousel-dot-hover-background)}.tet-carousel__dot.active{background:var(--carousel-dot-active-background);border:none}.tet-carousel__dot.active:hover{background:var(--carousel-dot-active-hover-background)}.tet-carousel__dot:focus-visible{outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem}.tet-carousel__gradient-left,.tet-carousel__gradient-right{position:absolute;top:0;display:block;width:13.75rem;height:100%;transition:opacity 0.1s;pointer-events:none;z-index:20;opacity:0}.tet-carousel__gradient-left{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);left:0}.tet-carousel__gradient-right{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--carousel-gradient) 100%);right:0}@media all and (min-width: 46.25rem){.tet-carousel__buttons{right:0.25rem}.tet-carousel__buttons--mobile{display:none}.tet-carousel__buttons--desktop{display:flex !important}.tet-carousel__btn{width:var(--carousel-button-size);height:var(--carousel-button-size)}}";
|
|
8
11
|
const TetCarouselStyle0 = tetCarouselCss;
|
|
9
12
|
|
|
10
13
|
const TetCarousel = class {
|
|
@@ -21,37 +24,65 @@ const TetCarousel = class {
|
|
|
21
24
|
this.trackElement = null;
|
|
22
25
|
this.dragStartX = 0;
|
|
23
26
|
this.swipeStart = 0;
|
|
24
|
-
this.
|
|
27
|
+
this.handleMove = () => {
|
|
25
28
|
var _a;
|
|
26
|
-
|
|
27
|
-
|
|
29
|
+
const slot = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
|
|
30
|
+
if (!slot)
|
|
31
|
+
return 1;
|
|
32
|
+
const assigned = slot.assignedElements ? slot.assignedElements() : [];
|
|
33
|
+
const item = assigned[this.activeItem];
|
|
34
|
+
if (item) {
|
|
35
|
+
this.moveToItem(item);
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
this.handlePrev = () => {
|
|
39
|
+
if (this.activeItem > 0) {
|
|
40
|
+
this.activeItem -= 1;
|
|
28
41
|
}
|
|
29
|
-
|
|
30
|
-
this.dragOffset = -(this.activeIndex * wrapperWidth);
|
|
42
|
+
this.handleMove();
|
|
31
43
|
};
|
|
32
44
|
this.handleNext = () => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
this.activeIndex += 1;
|
|
45
|
+
if (this.activeItem < this.totalItems) {
|
|
46
|
+
this.activeItem += 1;
|
|
36
47
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
48
|
+
this.handleMove();
|
|
49
|
+
};
|
|
50
|
+
this.moveToLastScreen = () => {
|
|
51
|
+
const wrapperWidth = this.getViewportWidth();
|
|
52
|
+
const totalWidth = this.getSlotClientWidth();
|
|
53
|
+
this.dragOffset = -(totalWidth - wrapperWidth);
|
|
40
54
|
};
|
|
41
|
-
this.
|
|
42
|
-
var _a
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
55
|
+
this.moveToTarget = (target) => {
|
|
56
|
+
var _a;
|
|
57
|
+
const slot = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
|
|
58
|
+
if (!slot)
|
|
59
|
+
return 1;
|
|
60
|
+
const assigned = slot.assignedElements ? slot.assignedElements() : [];
|
|
61
|
+
for (const [index, item] of assigned.entries()) {
|
|
62
|
+
const rect = item.getBoundingClientRect();
|
|
63
|
+
const trackRect = this.trackElement.getBoundingClientRect();
|
|
64
|
+
let relativeLeft = rect.left - trackRect.left;
|
|
65
|
+
const gradientOffset = this.calculateGradient(item, relativeLeft);
|
|
66
|
+
if (relativeLeft >= target - this.swipeThreshold + gradientOffset) {
|
|
67
|
+
this.moveToItem(item, index);
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
47
70
|
}
|
|
71
|
+
this.moveToItem(assigned[0], 0);
|
|
72
|
+
return;
|
|
48
73
|
};
|
|
49
74
|
this.handleDotClick = (idx) => {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
this.
|
|
54
|
-
|
|
75
|
+
this.activeDotIndex = idx;
|
|
76
|
+
const totalWidth = this.getSlotClientWidth();
|
|
77
|
+
let targetDragOffset = 0;
|
|
78
|
+
if (this.dotCount - 1 === this.activeDotIndex && !this.isDragging) {
|
|
79
|
+
const viewPortWidth = this.getViewportWidth();
|
|
80
|
+
targetDragOffset = totalWidth - viewPortWidth;
|
|
81
|
+
}
|
|
82
|
+
else {
|
|
83
|
+
targetDragOffset = idx * this.getDotScreenLength();
|
|
84
|
+
}
|
|
85
|
+
this.moveToTarget(targetDragOffset);
|
|
55
86
|
};
|
|
56
87
|
this.onPointerDown = (e) => {
|
|
57
88
|
e.preventDefault();
|
|
@@ -77,7 +108,6 @@ const TetCarousel = class {
|
|
|
77
108
|
}
|
|
78
109
|
};
|
|
79
110
|
this.onPointerMove = (e) => {
|
|
80
|
-
var _a, _b, _c;
|
|
81
111
|
if (!this.isDragging)
|
|
82
112
|
return;
|
|
83
113
|
// Only consider this a move (and prevent clicks) when movement exceeds a small threshold.
|
|
@@ -94,21 +124,20 @@ const TetCarousel = class {
|
|
|
94
124
|
let _dragOffset = this.dragOffset;
|
|
95
125
|
_dragOffset += delta;
|
|
96
126
|
this.dragStartX = e.screenX;
|
|
97
|
-
const wrapperWidth =
|
|
98
|
-
const totalWidth =
|
|
127
|
+
const wrapperWidth = this.getViewportWidth();
|
|
128
|
+
const totalWidth = this.getSlotClientWidth();
|
|
99
129
|
const totalScrollableWidth = -(totalWidth - wrapperWidth);
|
|
100
130
|
if (totalScrollableWidth < _dragOffset && _dragOffset < 0) {
|
|
101
131
|
this.dragOffset = _dragOffset;
|
|
102
132
|
}
|
|
103
133
|
};
|
|
104
134
|
this.onPointerUp = (e) => {
|
|
105
|
-
var _a, _b, _c;
|
|
106
135
|
e.preventDefault();
|
|
107
136
|
e.stopPropagation();
|
|
108
137
|
e.stopImmediatePropagation();
|
|
109
138
|
if (!this.isDragging)
|
|
110
139
|
return;
|
|
111
|
-
// Snap
|
|
140
|
+
// Snap activeDotIndex when dragOffset passes threshold from last index position
|
|
112
141
|
this.isDragging = false;
|
|
113
142
|
// Let the once:true capture handler auto-remove itself. Clear flag after a tick.
|
|
114
143
|
if (this.clickPreventAdded) {
|
|
@@ -117,17 +146,7 @@ const TetCarousel = class {
|
|
|
117
146
|
}, 0);
|
|
118
147
|
}
|
|
119
148
|
if (Math.abs(this.dragOffset - this.swipeStart) > this.swipeThreshold) {
|
|
120
|
-
|
|
121
|
-
let index = this.activeIndex + indexOffsett;
|
|
122
|
-
index = Math.max(0, Math.min(index, this.screenCount - 1));
|
|
123
|
-
this.activeIndex = index;
|
|
124
|
-
const wrapperWidth = ((_a = this.container) === null || _a === void 0 ? void 0 : _a.offsetWidth) || window.innerWidth;
|
|
125
|
-
if (this.screenCount - 1 === this.activeIndex && !this.isDragging) {
|
|
126
|
-
const totalWidth = ((_c = (_b = this.trackElement) === null || _b === void 0 ? void 0 : _b.querySelector('slot')) === null || _c === void 0 ? void 0 : _c.offsetWidth) || window.innerWidth;
|
|
127
|
-
this.dragOffset = -(totalWidth - wrapperWidth);
|
|
128
|
-
return;
|
|
129
|
-
}
|
|
130
|
-
this.dragOffset = -(index * wrapperWidth);
|
|
149
|
+
this.moveToTarget(-this.dragOffset);
|
|
131
150
|
}
|
|
132
151
|
document.body.style.userSelect = '';
|
|
133
152
|
document.removeEventListener('pointermove', this.onPointerMove);
|
|
@@ -142,10 +161,10 @@ const TetCarousel = class {
|
|
|
142
161
|
this.draggedAnchor.addEventListener('click', preventClick, true);
|
|
143
162
|
}
|
|
144
163
|
};
|
|
145
|
-
this.
|
|
146
|
-
this.
|
|
164
|
+
this.activeDotIndex = 0;
|
|
165
|
+
this.dotCount = 0;
|
|
147
166
|
this.totalItems = 0;
|
|
148
|
-
this.
|
|
167
|
+
this.activeItem = 0;
|
|
149
168
|
this.theme = 'light';
|
|
150
169
|
this.isDragging = false;
|
|
151
170
|
this.dragOffset = 0;
|
|
@@ -157,17 +176,46 @@ const TetCarousel = class {
|
|
|
157
176
|
this.transitionTiming = 'cubic-bezier(0.77,0,0.175,1)';
|
|
158
177
|
this.buttonIconLeft = 'arrow-left';
|
|
159
178
|
this.buttonIconRight = 'arrow-right';
|
|
160
|
-
this.
|
|
161
|
-
this.
|
|
162
|
-
|
|
163
|
-
|
|
179
|
+
this.maxDots = 8;
|
|
180
|
+
this.language = 'lv';
|
|
181
|
+
}
|
|
182
|
+
async onLanguageChange(language) {
|
|
183
|
+
translations.processTranslations('tet-components', language).then(() => index.forceUpdate(this));
|
|
184
|
+
}
|
|
185
|
+
componentWillLoad() {
|
|
186
|
+
translations.processTranslations('tet-components', this.language).then(() => index.forceUpdate(this));
|
|
187
|
+
}
|
|
188
|
+
getViewportWidth() {
|
|
189
|
+
var _a;
|
|
190
|
+
return ((_a = this.container) === null || _a === void 0 ? void 0 : _a.offsetWidth) || window.innerWidth;
|
|
191
|
+
}
|
|
192
|
+
getSlotClientWidth() {
|
|
193
|
+
var _a, _b;
|
|
194
|
+
return ((_b = (_a = this.trackElement) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.offsetWidth) || window.innerWidth;
|
|
195
|
+
}
|
|
196
|
+
getDotScreenLength() {
|
|
197
|
+
const totalWidth = this.getSlotClientWidth();
|
|
198
|
+
return (totalWidth / this.dotCount);
|
|
199
|
+
}
|
|
200
|
+
isLast(lastScreenBorder, position) {
|
|
201
|
+
const totalWidth = this.getSlotClientWidth();
|
|
202
|
+
const relativeLeftToEnd = totalWidth - position;
|
|
203
|
+
return relativeLeftToEnd <= lastScreenBorder;
|
|
204
|
+
}
|
|
205
|
+
isLastViewport(position) {
|
|
206
|
+
const viewportWidth = this.getViewportWidth();
|
|
207
|
+
return this.isLast(viewportWidth, position);
|
|
208
|
+
}
|
|
209
|
+
isLastDotScreen(position, dotScreenLength) {
|
|
210
|
+
const viewportWidth = this.getViewportWidth();
|
|
211
|
+
const lastScreenBorder = Math.max(dotScreenLength, viewportWidth);
|
|
212
|
+
return this.isLast(lastScreenBorder, position);
|
|
164
213
|
}
|
|
165
214
|
checkGradient() {
|
|
166
|
-
var _a, _b, _c;
|
|
167
215
|
if (this.showGradient) {
|
|
168
216
|
const absOffset = Math.abs(this.dragOffset);
|
|
169
|
-
const wrapperWidth =
|
|
170
|
-
const totalWidth =
|
|
217
|
+
const wrapperWidth = this.getViewportWidth();
|
|
218
|
+
const totalWidth = this.getSlotClientWidth();
|
|
171
219
|
const rightEdgeDistance = totalWidth - absOffset - wrapperWidth;
|
|
172
220
|
if (rightEdgeDistance >= 0) {
|
|
173
221
|
const rightEdge = rightEdgeDistance < 16;
|
|
@@ -190,39 +238,43 @@ const TetCarousel = class {
|
|
|
190
238
|
this.rightGradientRef.style.opacity = "0";
|
|
191
239
|
}
|
|
192
240
|
}
|
|
193
|
-
|
|
194
|
-
var _a
|
|
241
|
+
getDotCount() {
|
|
242
|
+
var _a;
|
|
195
243
|
const slot = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
|
|
196
244
|
if (!slot)
|
|
197
245
|
return 1;
|
|
198
246
|
const assigned = slot.assignedElements ? slot.assignedElements() : [];
|
|
199
247
|
if (assigned.length === 0)
|
|
200
248
|
return 1;
|
|
201
|
-
let totalWidth = 0;
|
|
202
|
-
assigned.forEach((el, index) => {
|
|
203
|
-
totalWidth += el.offsetWidth || 0;
|
|
204
|
-
this.items.push({ id: index, width: el.offsetWidth || 0 });
|
|
205
|
-
});
|
|
206
|
-
if (totalWidth === 0) {
|
|
207
|
-
totalWidth = assigned.length * window.innerWidth;
|
|
208
|
-
}
|
|
209
|
-
const screenWidth = ((_b = this.container) === null || _b === void 0 ? void 0 : _b.offsetWidth) || window.innerWidth;
|
|
210
249
|
this.totalItems = assigned.length;
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
const
|
|
217
|
-
|
|
250
|
+
const viewportWidth = this.getViewportWidth();
|
|
251
|
+
const totalWidth = this.getSlotClientWidth();
|
|
252
|
+
let count = 0;
|
|
253
|
+
assigned.forEach((el) => {
|
|
254
|
+
const rect = el.getBoundingClientRect();
|
|
255
|
+
const trackRect = this.trackElement.getBoundingClientRect();
|
|
256
|
+
let relativeLeft = rect.left - trackRect.left;
|
|
257
|
+
if (relativeLeft > totalWidth - viewportWidth) {
|
|
258
|
+
this.dotCount = Math.min(this === null || this === void 0 ? void 0 : this.maxDots, count + 1);
|
|
259
|
+
return;
|
|
260
|
+
}
|
|
261
|
+
count = Math.min(this === null || this === void 0 ? void 0 : this.maxDots, Math.ceil(relativeLeft / viewportWidth));
|
|
218
262
|
});
|
|
219
263
|
}
|
|
264
|
+
calculateGradient(item, relativeLeft) {
|
|
265
|
+
const totalWidth = this.getSlotClientWidth();
|
|
266
|
+
const offsetWidth = item.offsetWidth;
|
|
267
|
+
let relativeRight = totalWidth - relativeLeft - offsetWidth;
|
|
268
|
+
let gradientOffset = this.showGradient ? 160 : 0;
|
|
269
|
+
gradientOffset = relativeLeft < 160 ? relativeLeft : gradientOffset;
|
|
270
|
+
gradientOffset = relativeRight < 160 ? 0 : gradientOffset;
|
|
271
|
+
return gradientOffset;
|
|
272
|
+
}
|
|
220
273
|
componentDidLoad() {
|
|
221
|
-
this.
|
|
222
|
-
window.addEventListener('resize', this.
|
|
274
|
+
this.getDotCount();
|
|
275
|
+
window.addEventListener('resize', this.getDotCount.bind(this));
|
|
223
276
|
this.addAnchorFocusListeners();
|
|
224
277
|
this.checkGradient();
|
|
225
|
-
this.disableTabIndex();
|
|
226
278
|
}
|
|
227
279
|
addAnchorFocusListeners() {
|
|
228
280
|
if (!this.trackElement)
|
|
@@ -242,39 +294,60 @@ const TetCarousel = class {
|
|
|
242
294
|
}
|
|
243
295
|
const tabIndexElements = Array.from(el.querySelectorAll('[tabindex="0"]'));
|
|
244
296
|
anchors = anchors.concat(tabIndexElements);
|
|
297
|
+
if (el.shadowRoot) {
|
|
298
|
+
const deepTabIndexElements = Array.from(el.shadowRoot.querySelectorAll('[tabindex="0"]'));
|
|
299
|
+
anchors = anchors.concat(deepTabIndexElements);
|
|
300
|
+
}
|
|
245
301
|
});
|
|
246
|
-
anchors.forEach((a) => {
|
|
302
|
+
anchors.forEach((a, index) => {
|
|
247
303
|
a.addEventListener('focus', () => {
|
|
248
|
-
|
|
249
|
-
const screenWidth = ((_a = this.container) === null || _a === void 0 ? void 0 : _a.offsetWidth) || window.innerWidth;
|
|
250
|
-
const rect = a.getBoundingClientRect();
|
|
251
|
-
const trackRect = this.trackElement.getBoundingClientRect();
|
|
252
|
-
let relativeLeft = rect.left - trackRect.left;
|
|
253
|
-
const totalWidth = ((_c = (_b = this.trackElement) === null || _b === void 0 ? void 0 : _b.querySelector('slot')) === null || _c === void 0 ? void 0 : _c.offsetWidth) || window.innerWidth;
|
|
254
|
-
let relativeRight = totalWidth - relativeLeft - a.offsetWidth;
|
|
255
|
-
let gradientOffset = this.showGradient ? 160 : 0;
|
|
256
|
-
gradientOffset = relativeLeft < 160 ? relativeLeft : gradientOffset;
|
|
257
|
-
gradientOffset = relativeRight < 160 ? 0 : gradientOffset;
|
|
258
|
-
relativeLeft -= gradientOffset;
|
|
259
|
-
const screenIdx = Math.floor((relativeLeft - gradientOffset) / screenWidth);
|
|
260
|
-
this.activeIndex = Math.max(0, Math.min(screenIdx, this.screenCount - 1));
|
|
261
|
-
if (totalWidth > screenWidth + relativeLeft) {
|
|
262
|
-
this.dragOffset = -relativeLeft;
|
|
263
|
-
}
|
|
264
|
-
this.checkForLastScreen();
|
|
304
|
+
this.moveToItem(a, index);
|
|
265
305
|
});
|
|
266
306
|
});
|
|
267
307
|
}
|
|
308
|
+
clampDotIndex(dotIndex) {
|
|
309
|
+
return Math.max(0, Math.min(dotIndex, this.dotCount - 1));
|
|
310
|
+
}
|
|
311
|
+
setDotIndex(position, gradientOffset) {
|
|
312
|
+
let dotIndex = 0;
|
|
313
|
+
const dotScreenLength = this.getDotScreenLength();
|
|
314
|
+
if (this.isLastDotScreen(position, dotScreenLength)) {
|
|
315
|
+
dotIndex = this.dotCount - 1;
|
|
316
|
+
}
|
|
317
|
+
else {
|
|
318
|
+
dotIndex = Math.floor((position + gradientOffset) / dotScreenLength);
|
|
319
|
+
}
|
|
320
|
+
this.activeDotIndex = this.clampDotIndex(dotIndex);
|
|
321
|
+
}
|
|
322
|
+
moveToItem(item, index) {
|
|
323
|
+
if (index || index === 0) {
|
|
324
|
+
this.activeItem = index;
|
|
325
|
+
}
|
|
326
|
+
const rect = item.getBoundingClientRect();
|
|
327
|
+
const trackRect = this.trackElement.getBoundingClientRect();
|
|
328
|
+
let relativeLeft = rect.left - trackRect.left;
|
|
329
|
+
const gradientOffset = this.calculateGradient(item, relativeLeft);
|
|
330
|
+
this.setDotIndex(relativeLeft, gradientOffset);
|
|
331
|
+
if (!this.isLastViewport(relativeLeft)) {
|
|
332
|
+
this.dragOffset = -relativeLeft;
|
|
333
|
+
}
|
|
334
|
+
else {
|
|
335
|
+
this.moveToLastScreen();
|
|
336
|
+
}
|
|
337
|
+
}
|
|
268
338
|
disconnectedCallback() {
|
|
269
|
-
window.removeEventListener('resize', this.
|
|
339
|
+
window.removeEventListener('resize', this.getDotCount.bind(this));
|
|
270
340
|
}
|
|
271
341
|
render() {
|
|
272
|
-
return (index.h(index.Host, { key: '
|
|
342
|
+
return (index.h(index.Host, { key: 'd2a06bc0e502d130ad3642fcbda590a003e6f305' }, index.h("div", { key: '96ac837374a1ad150f925a44dc534547426a13e1', class: { 'tet-carousel': true, [`${this.theme}`]: true }, ref: (el) => (this.container = el), part: "carousel" }, index.h("div", { key: 'e8f8f9b22d1a2170bb4f3a7e5834d2832c18b853', class: "tet-carousel__container" }, index.h("div", { key: '63e2d90692e0d5a6b58e919016a3baf614c7bfb3', class: "tet-carousel__gradient-left", ref: (el) => { this.leftGradientRef = el; } }), index.h("div", { key: '29c271641073f62bade810d4f3f05666fbc48f78', class: "tet-carousel__gradient-right", ref: (el) => { this.rightGradientRef = el; } }), index.h("div", { key: 'c6ca2fe643e5fe9a1ab4fe9b383ac033939a268f', class: "tet-carousel__track", ref: (el) => (this.trackElement = el), style: {
|
|
273
343
|
transform: `translateX(${this.dragOffset}px)`,
|
|
274
344
|
transition: this.isDragging ? 'none' : `transform ${this.transitionDuration}ms ${this.transitionTiming}`
|
|
275
|
-
}, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, index.h("slot", { key: '
|
|
345
|
+
}, onPointerDown: this.onPointerDown, onMouseMove: this.onPointerMove, onPointerUp: this.onPointerUp, onMouseLeave: this.onPointerUp }, index.h("slot", { key: '70203e9f192cdc419352b8c37b6525c46b947aac' }))), (this.showButtons || this.showDots) && (index.h("div", { key: '104db94f8bfe2d26c939fd906089bac09a190f39', class: "tet-carousel__controls" }, this.showButtons && (index.h("div", { key: 'a359503a813556b1ae04663b67bffc80fb6d3eba', class: "tet-carousel__buttons tet-carousel__buttons--mobile" }, index.h("tet-button", { key: 'b879d216ee1475385528534e1e7ba582cc6340fa', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": translations.translate('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }))), this.showDots && (index.h("div", { key: 'fe2fa44f42636e6d1a1d9a216db73ebff6063f51', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (index.h("button", { type: "button", class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, onClick: () => this.handleDotClick(idx) }))))), this.showButtons && (index.h("div", { key: '6fef3b90e8646571d8947fd81785bf1dbffe636b', class: "tet-carousel__buttons " }, index.h("tet-button", { key: '8e51c2e7a3585c36ba144a6c8f6a57f4c1c3bd48', class: "tet-carousel__buttons--desktop tet-carousel__btn ", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconLeft, "icon-mode": true, onClick: this.handlePrev, "aria-label": translations.translate('components-carousel-previous'), disabled: this.dotCount <= 1 || this.activeItem === 0 }), index.h("tet-button", { key: 'affb86f1c2c3dd128389b1bea0179806512ea3d1', class: "tet-carousel__btn", theme: this.theme === 'light' ? 'dark' : 'light', "icon-name": this.buttonIconRight, "icon-mode": true, onClick: this.handleNext, "aria-label": translations.translate('components-carousel-next'), disabled: this.dotCount <= 1
|
|
346
|
+
|| this.activeItem === this.totalItems - 1
|
|
347
|
+
|| this.isLastViewport(-this.dragOffset) }))))))));
|
|
276
348
|
}
|
|
277
349
|
static get watchers() { return {
|
|
350
|
+
"language": ["onLanguageChange"],
|
|
278
351
|
"showGradient": ["checkGradient"],
|
|
279
352
|
"dragOffset": ["checkGradient"]
|
|
280
353
|
}; }
|