@tet/tet-components 1.3.24-staging → 1.3.25-staging
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/a11y-cf6af7dd.js +17 -0
- package/dist/cjs/tet-address-search.cjs.entry.js +5 -4
- package/dist/cjs/tet-autocomplete_2.cjs.entry.js +55 -3
- package/dist/cjs/tet-input.cjs.entry.js +2 -15
- package/dist/collection/components/advanced/address/tet-address-search/tet-address-search.js +5 -4
- package/dist/collection/components/advanced/address/tet-autocomplete/tet-autocomplete.js +28 -3
- package/dist/collection/services/utils/containsFocusableStencilVNode.js +27 -0
- package/dist/components/{p-99c3a101.js → p-903e83f9.js} +1 -1
- package/dist/components/{p-132ccd7c.js → p-ab4a554d.js} +55 -3
- package/dist/components/{p-34da79a1.js → p-ac037f92.js} +6 -6
- package/dist/components/{p-7748005d.js → p-cc71c253.js} +1 -1
- package/dist/components/{p-a8a8ddfe.js → p-f8ca4e98.js} +13 -13
- package/dist/components/tet-address-offers-view.js +4 -4
- package/dist/components/tet-address-search.js +1 -1
- package/dist/components/tet-asset-addresses.js +3 -3
- package/dist/components/tet-autocomplete-dropdown.js +2 -2
- package/dist/components/tet-autocomplete.js +1 -1
- package/dist/components/tet-availability-contact-form.js +1 -1
- package/dist/components/tet-b2b-service-calculator.js +2 -2
- package/dist/components/tet-cloud-application-form-dialog.js +1 -1
- package/dist/components/tet-contact-form.js +1 -1
- package/dist/components/tet-expandable-input.js +1 -1
- package/dist/components/tet-input.js +1 -1
- package/dist/components/tet-range-slider.js +1 -1
- package/dist/esm/a11y-4b7d5055.js +15 -0
- package/dist/esm/tet-address-search.entry.js +5 -4
- package/dist/esm/tet-autocomplete_2.entry.js +55 -3
- package/dist/esm/tet-input.entry.js +1 -14
- package/dist/tet-components/p-1eb1eafe.entry.js +1 -0
- package/dist/tet-components/p-225fdf27.entry.js +1 -0
- package/dist/tet-components/p-78b74b41.js +1 -0
- package/dist/tet-components/p-ef2e643d.entry.js +1 -0
- package/dist/tet-components/tet-components.esm.js +1 -1
- package/dist/types/components/advanced/address/tet-autocomplete/tet-autocomplete.d.ts +3 -0
- package/dist/types/services/utils/containsFocusableStencilVNode.d.ts +9 -0
- package/package.json +1 -1
- package/dist/tet-components/p-db18261f.entry.js +0 -1
- package/dist/tet-components/p-e2ab3a1a.entry.js +0 -1
- package/dist/tet-components/p-ed759577.entry.js +0 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Check if key click is one of either `space` or `enter`
|
|
5
|
+
* Trigger click on the same element
|
|
6
|
+
*
|
|
7
|
+
* @param e: KeyboardEvent
|
|
8
|
+
*/
|
|
9
|
+
const a11yBtnClick = (e) => {
|
|
10
|
+
if (e.target === e.currentTarget && ['Space', 'Enter'].includes(e.code)) {
|
|
11
|
+
e.preventDefault();
|
|
12
|
+
const target = e.target;
|
|
13
|
+
target.click();
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
exports.a11yBtnClick = a11yBtnClick;
|
|
@@ -8,6 +8,7 @@ const address = require('./address-43798f0e.js');
|
|
|
8
8
|
require('./http-codes-a5ff5305.js');
|
|
9
9
|
const debounce = require('./debounce-e63291de.js');
|
|
10
10
|
const string = require('./string-6b03516f.js');
|
|
11
|
+
const a11y = require('./a11y-cf6af7dd.js');
|
|
11
12
|
require('./typecheck-d48810dc.js');
|
|
12
13
|
|
|
13
14
|
const tetAddressSearchCss = "@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{display:block;--manual-input-option-background-color:var(--tc-background-secondary);--hover-option-background-color:var(--tc-layer-primary);--input-field-icon-color:var(--tc-icon-secondary)}:host(.dark){--manual-input-option-background-color:var(--tc-background-secondary-dark);--hover-option-background-color:var(--tc-layer-primary-dark);--input-field-icon-color:var(--tc-icon-secondary-dark)}::part(address-not-found){display:flex;flex-direction:column;gap:0.5em}::part(manual-input-option){position:sticky;bottom:0;background-color:var(--manual-input-option-background-color);margin:0.125rem 0 0 0;border-radius:0;z-index:3}::part(manual-input-option):hover{--option-hover-background-color:var(--hover-option-background-color)}.address-search__input{--input-icon-color:var(--input-field-icon-color)}.address-search__input .icon-left{--input-icon-left-position:0.875rem}.address-search__input--rounded{--input-border-radius:1.375rem;--input-hover-background-color:none}.address-search__input--rounded~.icon-left,.address-search__input--rounded~.icon-right{--icon-size:1.25rem;--input-icon-top-position:0.625rem}.address-search__input--forms{--input-border-radius:0.75rem;--input-padding:0.75rem}.address-search__spinner{position:absolute;right:1rem}";
|
|
@@ -134,7 +135,7 @@ const TetAddressSearch = class {
|
|
|
134
135
|
* Renders the content that is shown when there are no matching addresses.
|
|
135
136
|
*/
|
|
136
137
|
this.renderManualAddressInputNoOptionsMessage = () => {
|
|
137
|
-
return (index.h("div", { part: "address-not-found" }, index.h("p", null, translations.translate('components-address-search-not-found-message')), index.h("p", { part: `manual-input ${this.theme}
|
|
138
|
+
return (index.h("div", { part: "address-not-found" }, index.h("p", null, translations.translate('components-address-search-not-found-message')), index.h("p", { part: `manual-input ${this.theme}` }, index.h("a", { onClick: this.manualAddressInputAction, onKeyDown: a11y.a11yBtnClick, class: { 'tet-link': true, 'dark': this.theme === 'dark' }, tabindex: "0", role: "button" }, translations.translate('components-address-search-manual-address-input')))));
|
|
138
139
|
};
|
|
139
140
|
this.language = 'lv';
|
|
140
141
|
this.minSearchKeywordLength = 4;
|
|
@@ -224,11 +225,11 @@ const TetAddressSearch = class {
|
|
|
224
225
|
if (this.newFormsStyle) {
|
|
225
226
|
inputClasses.push('address-search__input--forms');
|
|
226
227
|
}
|
|
227
|
-
return (index.h(index.Host, { key: '
|
|
228
|
+
return (index.h(index.Host, { key: '52c2df9df52293029356fd6428ca2a8add28844e', class: {
|
|
228
229
|
"address-search": true,
|
|
229
230
|
[this.theme]: true,
|
|
230
|
-
} }, index.h("tet-autocomplete", { key: '
|
|
231
|
-
index.h("tet-spinner", { key: '
|
|
231
|
+
} }, index.h("tet-autocomplete", { key: 'a78ce83384075c89327c442cdb969369ad486289', part: "autocomplete", optionsFilterAction: this.debounceAddressFilter, onOptionSelected: this.handleAutocompleteOptionSelection, noOptionsMessage: translations.translate('components-address-search-not-found-message'), noOptionsRenderFunction: this.manualAddressTriggers ? this.renderManualAddressInputNoOptionsMessage : undefined, clearCallback: this.autocompleteClearInputCallback, finishedLoading: this.finishedLoading, darkTheme: this.theme === 'dark' || this.theme === 'mint-original', newStyle: this.newStyle, ref: (el) => (this.autocomplete = el), optionsIcon: "location" }, index.h("tet-input", { key: '90705426c2abc0b9deb804379064d7f552155a21', class: "address-search__input", part: "input", "input-class": inputClasses.join(' '), "input-placeholder": this.placeholder, "input-disabled": this.inputDisabled, label: this.label, accessibilityLabel: this.accessibilityLabel, iconLeft: this.newFormsStyle ? '' : 'search', iconRight: this.inputIconRight, iconRightClickCallback: this.clearInputAction, theme: this.theme, ref: (el) => (this.inputComponent = el), error: this.isInputInvalid, autocomplete: "off" }, this.isLoading &&
|
|
232
|
+
index.h("tet-spinner", { key: '5e1def8a16c996a8e763adfb31da6e2c62d4cf47', theme: this.theme === 'dark' ? 'dark' : 'light', class: "address-search__spinner", size: "small" })))));
|
|
232
233
|
}
|
|
233
234
|
static get watchers() { return {
|
|
234
235
|
"language": ["onLanguageChanged"],
|
|
@@ -34,6 +34,34 @@ const reactive = (target, watchers) => {
|
|
|
34
34
|
});
|
|
35
35
|
};
|
|
36
36
|
|
|
37
|
+
/**
|
|
38
|
+
* Checks if a Stencil virtual node (VNode) or its children contain any focusable element.
|
|
39
|
+
* Common focusable elements are: <a>, <button>, <input>, <select>, <textarea>,
|
|
40
|
+
* and elements with a valid (not -1) tabindex property.
|
|
41
|
+
*
|
|
42
|
+
* @param vnode Virtual node to check.
|
|
43
|
+
* @returns True if the vnode or any child vnode is focusable, otherwise false.
|
|
44
|
+
*/
|
|
45
|
+
function containsFocusableStencilVNode(vnode) {
|
|
46
|
+
if (!vnode)
|
|
47
|
+
return false;
|
|
48
|
+
const focusableTags = ['a', 'button', 'input', 'select', 'textarea'];
|
|
49
|
+
if (typeof vnode.h === 'string' &&
|
|
50
|
+
focusableTags.includes(vnode.h.toLowerCase())) {
|
|
51
|
+
return true;
|
|
52
|
+
}
|
|
53
|
+
if (typeof vnode.o === 'object' &&
|
|
54
|
+
vnode.o !== null &&
|
|
55
|
+
vnode.o.tabindex !== undefined &&
|
|
56
|
+
vnode.o.tabindex !== -1) {
|
|
57
|
+
return true;
|
|
58
|
+
}
|
|
59
|
+
if (Array.isArray(vnode.i)) {
|
|
60
|
+
return vnode.i.some(child => containsFocusableStencilVNode(child));
|
|
61
|
+
}
|
|
62
|
+
return false;
|
|
63
|
+
}
|
|
64
|
+
|
|
37
65
|
const tetAutocompleteCss = "@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format(\"eot\"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format(\"woff2\"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format(\"woff\"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format(\"truetype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format(\"eot\"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format(\"woff2\"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format(\"woff\"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format(\"truetype\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format(\"eot\"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format(\"woff2\"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format(\"woff\"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format(\"truetype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format(\"eot\"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format(\"woff2\"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format(\"woff\"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format(\"truetype\");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format(\"eot\"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format(\"woff2\"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format(\"woff\"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format(\"truetype\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format(\"eot\"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format(\"woff2\"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format(\"woff\"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format(\"truetype\");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format(\"embedded-opentype\"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format(\"woff2\"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format(\"woff\"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format(\"truetype\"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format(\"svg\");font-weight:400;font-style:normal}.tet-icon:before{content:\"\\E84E\"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:\"\\E800\"}.tet-icon__alert-circled:before{content:\"\\E801\"}.tet-icon__alert:before{content:\"\\E802\"}.tet-icon__bank:before{content:\"\\E803\"}.tet-icon__box:before{content:\"\\E804\"}.tet-icon__download:before{content:\"\\E805\"}.tet-icon__burger:before{content:\"\\E806\"}.tet-icon__cancel:before{content:\"\\E807\"}.tet-icon__printer:before{content:\"\\E808\"}.tet-icon__cart-add:before{content:\"\\E809\"}.tet-icon__cart-remove:before{content:\"\\E80A\"}.tet-icon__cart:before{content:\"\\E80B\"}.tet-icon__chat:before{content:\"\\E80C\"}.tet-icon__arrow-up:before{content:\"\\E80D\"}.tet-icon__calendar:before{content:\"\\E80E\"}.tet-icon__help-circled:before{content:\"\\E80F\"}.tet-icon__edit:before{content:\"\\E810\"}.tet-icon__external-link:before{content:\"\\E811\"}.tet-icon__gift:before{content:\"\\E812\"}.tet-icon__person:before{content:\"\\E813\"}.tet-icon__heart:before{content:\"\\E814\"}.tet-icon__language:before{content:\"\\E815\"}.tet-icon__help:before{content:\"\\E816\"}.tet-icon__home-1:before{content:\"\\E817\"}.tet-icon__location:before{content:\"\\E818\"}.tet-icon__home-3:before{content:\"\\E819\"}.tet-icon__chart-even:before{content:\"\\E81A\"}.tet-icon__info-2:before{content:\"\\E81B\"}.tet-icon__key:before{content:\"\\E81C\"}.tet-icon__info:before{content:\"\\E81D\"}.tet-icon__lock-opened:before{content:\"\\E81E\"}.tet-icon__lock-outlined:before{content:\"\\E81F\"}.tet-icon__lock:before{content:\"\\E820\"}.tet-icon__laptop-filled:before{content:\"\\E821\"}.tet-icon__mail:before{content:\"\\E822\"}.tet-icon__options:before{content:\"\\E823\"}.tet-icon__chart-uneven:before{content:\"\\E824\"}.tet-icon__mail-2:before{content:\"\\E825\"}.tet-icon__remove:before{content:\"\\E826\"}.tet-icon__mobile-filled:before{content:\"\\E827\"}.tet-icon__ilu-calendar-check:before{content:\"\\E828\"}.tet-icon__settings-outlined:before{content:\"\\E829\"}.tet-icon__tablet:before{content:\"\\E82A\"}.tet-icon__thumb-up:before{content:\"\\E82B\"}.tet-icon__ilu-purchase:before{content:\"\\E82C\"}.tet-icon__chart-even-outlined:before{content:\"\\E82D\"}.tet-icon__movie:before{content:\"\\E82E\"}.tet-icon__percent:before{content:\"\\E82F\"}.tet-icon__ilu-change-whenever:before{content:\"\\E830\"}.tet-icon__truck:before{content:\"\\E831\"}.tet-icon__zero:before{content:\"\\E832\"}.tet-icon__attach:before{content:\"\\E833\"}.tet-icon__cloud-done:before{content:\"\\E834\"}.tet-icon__cloud-download:before{content:\"\\E835\"}.tet-icon__cloud-upload:before{content:\"\\E836\"}.tet-icon__cloud:before{content:\"\\E837\"}.tet-icon__folder:before{content:\"\\E838\"}.tet-icon__remote:before{content:\"\\E839\"}.tet-icon__router:before{content:\"\\E83A\"}.tet-icon__shield-filled:before{content:\"\\E83B\"}.tet-icon__shield:before{content:\"\\E83C\"}.tet-icon__ilu-devices:before{content:\"\\E83D\"}.tet-icon__ilu-get-points:before{content:\"\\E83E\"}.tet-icon__tv:before{content:\"\\E83F\"}.tet-icon__ilu-internet:before{content:\"\\E840\"}.tet-icon__wifi-outlined:before{content:\"\\E841\"}.tet-icon__wifi:before{content:\"\\E842\"}.tet-icon__description-outlined:before{content:\"\\E843\"}.tet-icon__laptop:before{content:\"\\E844\"}.tet-icon__chart-uneven-outlined:before{content:\"\\E845\"}.tet-icon__meter:before{content:\"\\E846\"}.tet-icon__mobile:before{content:\"\\E847\"}.tet-icon__phone:before{content:\"\\E848\"}.tet-icon__plug-filled:before{content:\"\\E849\"}.tet-icon__plug:before{content:\"\\E84A\"}.tet-icon__print:before{content:\"\\E84B\"}.tet-icon__camera:before{content:\"\\E84C\"}.tet-icon__clock:before{content:\"\\E84D\"}.tet-icon__placeholder:before{content:\"\\E84E\"}.tet-icon__tv-filled:before{content:\"\\E84F\"}.tet-icon__arrow-down:before{content:\"\\E850\"}.tet-icon__arrow-left:before{content:\"\\E851\"}.tet-icon__arrow-right:before{content:\"\\E852\"}.tet-icon__description:before{content:\"\\E853\"}.tet-icon__login:before{content:\"\\E854\"}.tet-icon__check:before{content:\"\\E855\"}.tet-icon__chevron-down:before{content:\"\\E856\"}.tet-icon__chevron-left:before{content:\"\\E857\"}.tet-icon__chevron-right:before{content:\"\\E858\"}.tet-icon__chevron-up:before{content:\"\\E859\"}.tet-icon__close-circled:before{content:\"\\E85A\"}.tet-icon__close:before{content:\"\\E85B\"}.tet-icon__more-horizontal:before{content:\"\\E85C\"}.tet-icon__more-vertical:before{content:\"\\E85D\"}.tet-icon__refresh:before{content:\"\\E85E\"}.tet-icon__facebook:before{content:\"\\E85F\"}.tet-icon__instagram:before{content:\"\\E860\"}.tet-icon__linkedin:before{content:\"\\E861\"}.tet-icon__people:before{content:\"\\E862\"}.tet-icon__logout:before{content:\"\\E863\"}.tet-icon__share:before{content:\"\\E864\"}.tet-icon__twitter:before{content:\"\\E865\"}.tet-icon__cancel-filled:before{content:\"\\E866\"}.tet-icon__done:before{content:\"\\E867\"}.tet-icon__star-filled:before{content:\"\\E868\"}.tet-icon__star:before{content:\"\\E869\"}.tet-icon__clipboard:before{content:\"\\E86A\"}.tet-icon__ilu-calendar:before{content:\"\\E86B\"}.tet-icon__check-circled:before{content:\"\\E86C\"}.tet-icon__ilu-choose-channels:before{content:\"\\E86D\"}.tet-icon__search:before{content:\"\\E86E\"}.tet-icon__warning:before{content:\"\\E86F\"}.tet-icon__ilu-clock-1:before{content:\"\\E870\"}.tet-icon__ilu-fold:before{content:\"\\E871\"}.tet-icon__ilu-letter:before{content:\"\\E872\"}.tet-icon__ilu-pay:before{content:\"\\E873\"}.tet-icon__ilu-meter:before{content:\"\\E874\"}.tet-icon__ilu-sign:before{content:\"\\E875\"}.tet-icon__smart-watch-filled:before{content:\"\\E876\"}.tet-icon__washing-machine-filled:before{content:\"\\E877\"}.tet-icon__bullet:before{content:\"\\E878\"}.tet-icon__sound:before{content:\"\\E879\"}.tet-icon__dropdown:before{content:\"\\E87A\"}.tet-icon__mask-pass:before{content:\"\\E87B\"}.tet-icon__select:before{content:\"\\E87C\"}.tet-icon__text-area-sizing:before{content:\"\\E87D\"}.tet-icon__unmask-pass:before{content:\"\\E87E\"}.tet-icon__bullet-small:before{content:\"\\E882\"}.tet-icon__electric-bolt:before{content:\"\\E880\"}.tet-icon__sun:before{content:\"\\E881\"}:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root{--tet-link-color:var(--tc-text-primary);--tet-link-color-hover:var(--tc-text-secondary);--tet-link-color-active:var(--tc-text-tertiary);--tet-link-color-focus:var(--tc-blue-40);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled)}.tet-link,.tet-link__arrow{text-decoration:underline;color:var(--tet-link-color);position:relative;line-height:1.5rem;cursor:pointer}.tet-link.dark,.tet-link__arrow.dark{--tet-link-color:var(--tc-text-primary-dark);--tet-link-color-hover:var(--tc-text-secondary-dark);--tet-link-color-active:var(--tc-text-tertiary-dark);--tet-link-color-focus:var(--tc-blue-40-dark);--tet-link-color-disabled:var(--tc-button-text-inverse-disabled-dark)}.tet-link tet-icon,.tet-link__arrow tet-icon{--icon-color:var(--tet-link-color)}.tet-link:hover,.tet-link__arrow:hover{color:var(--tet-link-color-hover)}.tet-link:hover tet-icon,.tet-link__arrow:hover tet-icon{--icon-color:var(--tet-link-color-hover)}.tet-link:active,.tet-link__arrow:active{color:var(--tet-link-color-active)}.tet-link:active tet-icon,.tet-link__arrow:active tet-icon{--icon-color:var(--tet-link-color-active)}.tet-link:focus-visible,.tet-link__arrow:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--tet-link-color-focus);border-radius:0.125rem}.tet-link.disabled,.tet-link__arrow.disabled{color:var(--tet-link-color-disabled);pointer-events:none;cursor:auto}.tet-link.disabled tet-icon,.tet-link__arrow.disabled tet-icon{--icon-color:var(--tet-link-color-disabled)}.tet-link.disabled:focus-visible,.tet-link__arrow.disabled:focus-visible{outline:none}.tet-link tet-icon,.tet-link__arrow tet-icon{padding-left:0.25rem;padding-right:0.25rem;--icon-container-display:inline-block}.tet-link__arrow{padding-right:1.5rem}.tet-link__arrow::after{content:\"-->\";position:absolute;white-space:nowrap;display:inline-block;text-decoration:none;padding-left:0.25rem;letter-spacing:initial;transition:all 0.15s ease-in}.tet-link__arrow:hover::after{padding-left:0.375rem}:host{--option-padding:0.5rem 1rem;--options-max-height:15.625rem;--option-background-color:var(--tc-layer-primary);--option-hover-background-color:var(--tc-button-primary-background-inverse-hover);--option-item-icon-color:var(--tc-icon-secondary);--option-item-icon-hover-color:var(--tc-icon-primary);--option-text-color:var(--tc-text-primary);--option-container-border-color:var(--tc-border-secondary);display:block;position:relative}::slotted(.autocomplete-input){width:100%}.autocomplete-options{overflow-y:auto;list-style:none;max-height:var(--options-max-height);--item-icon-color:var(--option-item-icon-color)}.autocomplete-options-container{position:absolute;z-index:20;width:100%;background-color:var(--option-background-color);margin:0;padding:0;border-radius:0.1875rem;box-shadow:0 0 0 0.0625rem rgba(5, 29, 89, 0.16), 0 0.25rem 0.5rem rgba(5, 29, 89, 0.25);font-family:var(--text-font);animation:slideDown 0.125s ease-out 1;animation-fill-mode:forwards}.autocomplete-options-container .autocomplete-options{padding:0.375rem 0}.autocomplete-options-container .autocomplete-options:has(.autocomplete-options-item .manual-input){padding-bottom:0;margin-bottom:0.375rem}.autocomplete-options-container .autocomplete-options-item{margin:0 0.375rem}.autocomplete-options-container .autocomplete-options-item .manual-input{outline-offset:0.125rem !important;margin:0 0.375rem}.autocomplete-options-container.dark{--option-background-color:var(--tc-layer-primary-dark);--option-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--option-item-icon-color:var(--tc-icon-secondary-dark);--option-item-icon-hover-color:var(--tc-icon-primary-dark);--option-text-color:var(--tc-text-primary-dark);--option-container-border-color:var(--tc-border-secondary-dark)}.autocomplete-options-container.new-style{--options-max-height:12.25rem;--option-padding:0.5rem 1rem 0.5rem 0.5rem;background:var(--option-background-color);font-family:\"Inter\", var(--font-family-fallback);box-shadow:none;border:0.03125rem solid var(--option-container-border-color);margin-top:0.375rem;border-radius:0.625rem;overflow:hidden}.autocomplete-options-container.new-style .autocomplete-options{padding:0.5rem 0}.autocomplete-options-container.new-style .autocomplete-options:has(.autocomplete-options-item .manual-input){margin-bottom:0.5rem}.autocomplete-options-container.new-style .autocomplete-options-item{display:flex;position:relative;min-height:2.25rem;color:var(--option-text-color);border-radius:0.625rem;gap:0.5rem;margin:0 0.5rem;font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.autocomplete-options-container.new-style .autocomplete-options-item .manual-input{margin:0 0.5rem}.autocomplete-options-container.new-style .autocomplete-options-none-message{font-size:0.875rem;color:var(--option-text-color);text-align:left;padding:0.5rem 1rem;font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.autocomplete-options-item{display:flex;align-items:center;padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);cursor:pointer}.autocomplete-options-item .icon{--icon-color:var(--option-item-icon-color);--icon-size:1.25rem}.autocomplete-options-item:hover,.autocomplete-options-item.active{background:var(--option-hover-background-color);--option-item-icon-color:var(--option-item-icon-hover-color)}.autocomplete-options-item:hover.focus-visible:not(:has(a)),.autocomplete-options-item:hover.focus-visible a,.autocomplete-options-item.active.focus-visible:not(:has(a)),.autocomplete-options-item.active.focus-visible a{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary);background:var(--option-background-color);border-radius:0.125rem;z-index:2}.autocomplete-options-item:hover.focus-visible:not(:has(a)).dark,.autocomplete-options-item:hover.focus-visible a.dark,.autocomplete-options-item.active.focus-visible:not(:has(a)).dark,.autocomplete-options-item.active.focus-visible a.dark{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0rem;transition:outline 0s;--option-item-icon-color:var(--tc-icon-secondary-dark)}.autocomplete-options-loader{display:flex;align-items:center;justify-content:center;background:var(--tc-layer-primary);position:absolute;height:11.625rem;width:100%;z-index:100}.autocomplete-options-loader.dark{background:var(--tc-layer-primary-dark)}.autocomplete-options-none-message{padding:var(--option-padding);color:var(--option-text-color);background:var(--option-background-color);text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-25%)}50%{opacity:0.1}100%{opacity:1;transform:translateY(0)}}";
|
|
38
66
|
const TetAutocompleteStyle0 = tetAutocompleteCss;
|
|
39
67
|
|
|
@@ -46,6 +74,17 @@ const TetAutocomplete = class {
|
|
|
46
74
|
this.skipNextFilterValueChange = false;
|
|
47
75
|
/** The property that keeps track of the last filter value that was used for the autocomplete. */
|
|
48
76
|
this.lastFilteredValue = '';
|
|
77
|
+
this.handleNoOptionsFocusOut = (event) => {
|
|
78
|
+
var _a;
|
|
79
|
+
const relatedTarget = event.relatedTarget;
|
|
80
|
+
if (relatedTarget &&
|
|
81
|
+
relatedTarget instanceof HTMLElement &&
|
|
82
|
+
relatedTarget.classList.contains('icon-right')) {
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
(_a = this.noOptionsElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('focusout', this.handleNoOptionsFocusOut);
|
|
86
|
+
this.showOptions = false;
|
|
87
|
+
};
|
|
49
88
|
this.handleInputFocusOutline = (remove = true) => {
|
|
50
89
|
var _a;
|
|
51
90
|
const input = (_a = this.rootElement) === null || _a === void 0 ? void 0 : _a.querySelector('input');
|
|
@@ -158,7 +197,7 @@ const TetAutocomplete = class {
|
|
|
158
197
|
if (!typecheck.isObject(noOptionsContent)) {
|
|
159
198
|
attributes.innerHTML = noOptionsContent;
|
|
160
199
|
}
|
|
161
|
-
return (index.h("li", Object.assign({ class: { 'autocomplete-options-none-message': true, 'dark': this.darkTheme } }, attributes, { "aria-live": "polite" }), typecheck.isObject(noOptionsContent) ? noOptionsContent : null));
|
|
200
|
+
return (index.h("li", Object.assign({ class: { 'autocomplete-options-none-message': true, 'dark': this.darkTheme } }, attributes, { "aria-live": "polite", ref: el => (this.noOptionsElement = el) }), typecheck.isObject(noOptionsContent) ? noOptionsContent : null));
|
|
162
201
|
};
|
|
163
202
|
/**
|
|
164
203
|
* Renders a single option.
|
|
@@ -322,7 +361,20 @@ const TetAutocomplete = class {
|
|
|
322
361
|
}
|
|
323
362
|
/** Handles the focusout event to close the options menu if focus moves outside the component. */
|
|
324
363
|
handleFocusOut(event) {
|
|
364
|
+
var _a, _b;
|
|
325
365
|
const relatedTarget = event.relatedTarget;
|
|
366
|
+
if (typecheck.isFunction(this.noOptionsRenderFunction)
|
|
367
|
+
&& this.noOptionsRenderFunction() !== null
|
|
368
|
+
&& !this.filteredOptions.length
|
|
369
|
+
&& relatedTarget
|
|
370
|
+
&& this.rootElement.contains(relatedTarget)) {
|
|
371
|
+
const vnode = this.noOptionsRenderFunction();
|
|
372
|
+
if (containsFocusableStencilVNode(vnode)) {
|
|
373
|
+
(_a = this.noOptionsElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('focusout', this.handleNoOptionsFocusOut);
|
|
374
|
+
(_b = this.noOptionsElement) === null || _b === void 0 ? void 0 : _b.addEventListener('focusout', this.handleNoOptionsFocusOut);
|
|
375
|
+
return;
|
|
376
|
+
}
|
|
377
|
+
}
|
|
326
378
|
if (relatedTarget && relatedTarget instanceof HTMLElement) {
|
|
327
379
|
if (relatedTarget.classList.contains('icon-right')) {
|
|
328
380
|
this.showOptions = false;
|
|
@@ -383,10 +435,10 @@ const TetAutocomplete = class {
|
|
|
383
435
|
}
|
|
384
436
|
}
|
|
385
437
|
render() {
|
|
386
|
-
return (index.h(index.Host, { key: '
|
|
438
|
+
return (index.h(index.Host, { key: 'a9b1ddb0fda9684c441cb35b3356c31af5f44936', class: {
|
|
387
439
|
'autocomplete': true,
|
|
388
440
|
'dark': this.darkTheme,
|
|
389
|
-
} }, index.h("slot", { key: '
|
|
441
|
+
} }, index.h("slot", { key: '66f8c2dc5cb4d5a2e4698099147208351cf35673' }), this.renderOptionsLoader(), this.renderOptions(this.filteredOptions)));
|
|
390
442
|
}
|
|
391
443
|
get rootElement() { return index.getElement(this); }
|
|
392
444
|
};
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d323e22a.js');
|
|
6
6
|
const translations = require('./translations-87c7b9eb.js');
|
|
7
|
+
const a11y = require('./a11y-cf6af7dd.js');
|
|
7
8
|
require('./typecheck-d48810dc.js');
|
|
8
9
|
require('./http-codes-a5ff5305.js');
|
|
9
10
|
|
|
@@ -19,20 +20,6 @@ const validate = (value, validators) => {
|
|
|
19
20
|
}).filter(Boolean);
|
|
20
21
|
};
|
|
21
22
|
|
|
22
|
-
/**
|
|
23
|
-
* Check if key click is one of either `space` or `enter`
|
|
24
|
-
* Trigger click on the same element
|
|
25
|
-
*
|
|
26
|
-
* @param e: KeyboardEvent
|
|
27
|
-
*/
|
|
28
|
-
const a11yBtnClick = (e) => {
|
|
29
|
-
if (e.target === e.currentTarget && ['Space', 'Enter'].includes(e.code)) {
|
|
30
|
-
e.preventDefault();
|
|
31
|
-
const target = e.target;
|
|
32
|
-
target.click();
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
|
|
36
23
|
const tetInputCss = "@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.sc-tet-input{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.sc-tet-input:before{content:\"\\E84E\"}.tet-icon--sm.sc-tet-input{font-size:1.125rem}.tet-icon--md.sc-tet-input{font-size:1.5rem}.tet-icon--lg.sc-tet-input{font-size:2.25rem}.tet-icon--xl.sc-tet-input{font-size:3rem}.tet-icon--xxl.sc-tet-input{font-size:4rem}.tet-icon--0.sc-tet-input{font-size:0}.tet-icon--1.sc-tet-input{font-size:.0625rem}.tet-icon--2.sc-tet-input{font-size:.125rem}.tet-icon--3.sc-tet-input{font-size:.1875rem}.tet-icon--4.sc-tet-input{font-size:.25rem}.tet-icon--5.sc-tet-input{font-size:.3125rem}.tet-icon--6.sc-tet-input{font-size:.375rem}.tet-icon--7.sc-tet-input{font-size:.4375rem}.tet-icon--8.sc-tet-input{font-size:.5rem}.tet-icon--9.sc-tet-input{font-size:.5625rem}.tet-icon--10.sc-tet-input{font-size:.625rem}.tet-icon--11.sc-tet-input{font-size:.6875rem}.tet-icon--12.sc-tet-input{font-size:.75rem}.tet-icon--13.sc-tet-input{font-size:.8125rem}.tet-icon--14.sc-tet-input{font-size:.875rem}.tet-icon--15.sc-tet-input{font-size:.9375rem}.tet-icon--16.sc-tet-input{font-size:1rem}.tet-icon--17.sc-tet-input{font-size:1.0625rem}.tet-icon--18.sc-tet-input{font-size:1.125rem}.tet-icon--19.sc-tet-input{font-size:1.1875rem}.tet-icon--20.sc-tet-input{font-size:1.25rem}.tet-icon--21.sc-tet-input{font-size:1.3125rem}.tet-icon--22.sc-tet-input{font-size:1.375rem}.tet-icon--23.sc-tet-input{font-size:1.4375rem}.tet-icon--24.sc-tet-input{font-size:1.5rem}.tet-icon--25.sc-tet-input{font-size:1.5625rem}.tet-icon--26.sc-tet-input{font-size:1.625rem}.tet-icon--27.sc-tet-input{font-size:1.6875rem}.tet-icon--28.sc-tet-input{font-size:1.75rem}.tet-icon--29.sc-tet-input{font-size:1.8125rem}.tet-icon--30.sc-tet-input{font-size:1.875rem}.tet-icon--31.sc-tet-input{font-size:1.9375rem}.tet-icon--32.sc-tet-input{font-size:2rem}.tet-icon--33.sc-tet-input{font-size:2.0625rem}.tet-icon--34.sc-tet-input{font-size:2.125rem}.tet-icon--35.sc-tet-input{font-size:2.1875rem}.tet-icon--36.sc-tet-input{font-size:2.25rem}.tet-icon--37.sc-tet-input{font-size:2.3125rem}.tet-icon--38.sc-tet-input{font-size:2.375rem}.tet-icon--39.sc-tet-input{font-size:2.4375rem}.tet-icon--40.sc-tet-input{font-size:2.5rem}.tet-icon--41.sc-tet-input{font-size:2.5625rem}.tet-icon--42.sc-tet-input{font-size:2.625rem}.tet-icon--43.sc-tet-input{font-size:2.6875rem}.tet-icon--44.sc-tet-input{font-size:2.75rem}.tet-icon--45.sc-tet-input{font-size:2.8125rem}.tet-icon--46.sc-tet-input{font-size:2.875rem}.tet-icon--47.sc-tet-input{font-size:2.9375rem}.tet-icon--48.sc-tet-input{font-size:3rem}.tet-icon--49.sc-tet-input{font-size:3.0625rem}.tet-icon--50.sc-tet-input{font-size:3.125rem}.tet-icon--51.sc-tet-input{font-size:3.1875rem}.tet-icon--52.sc-tet-input{font-size:3.25rem}.tet-icon--53.sc-tet-input{font-size:3.3125rem}.tet-icon--54.sc-tet-input{font-size:3.375rem}.tet-icon--55.sc-tet-input{font-size:3.4375rem}.tet-icon--56.sc-tet-input{font-size:3.5rem}.tet-icon--57.sc-tet-input{font-size:3.5625rem}.tet-icon--58.sc-tet-input{font-size:3.625rem}.tet-icon--59.sc-tet-input{font-size:3.6875rem}.tet-icon--60.sc-tet-input{font-size:3.75rem}.tet-icon--61.sc-tet-input{font-size:3.8125rem}.tet-icon--62.sc-tet-input{font-size:3.875rem}.tet-icon--63.sc-tet-input{font-size:3.9375rem}.tet-icon--64.sc-tet-input{font-size:4rem}.tet-icon--65.sc-tet-input{font-size:4.0625rem}.tet-icon--66.sc-tet-input{font-size:4.125rem}.tet-icon--67.sc-tet-input{font-size:4.1875rem}.tet-icon--68.sc-tet-input{font-size:4.25rem}.tet-icon--69.sc-tet-input{font-size:4.3125rem}.tet-icon--70.sc-tet-input{font-size:4.375rem}.tet-icon--71.sc-tet-input{font-size:4.4375rem}.tet-icon--72.sc-tet-input{font-size:4.5rem}.tet-icon--73.sc-tet-input{font-size:4.5625rem}.tet-icon--74.sc-tet-input{font-size:4.625rem}.tet-icon--75.sc-tet-input{font-size:4.6875rem}.tet-icon--76.sc-tet-input{font-size:4.75rem}.tet-icon--77.sc-tet-input{font-size:4.8125rem}.tet-icon--78.sc-tet-input{font-size:4.875rem}.tet-icon--79.sc-tet-input{font-size:4.9375rem}.tet-icon--80.sc-tet-input{font-size:5rem}.tet-icon--81.sc-tet-input{font-size:5.0625rem}.tet-icon--82.sc-tet-input{font-size:5.125rem}.tet-icon--83.sc-tet-input{font-size:5.1875rem}.tet-icon--84.sc-tet-input{font-size:5.25rem}.tet-icon--85.sc-tet-input{font-size:5.3125rem}.tet-icon--86.sc-tet-input{font-size:5.375rem}.tet-icon--87.sc-tet-input{font-size:5.4375rem}.tet-icon--88.sc-tet-input{font-size:5.5rem}.tet-icon--89.sc-tet-input{font-size:5.5625rem}.tet-icon--90.sc-tet-input{font-size:5.625rem}.tet-icon--91.sc-tet-input{font-size:5.6875rem}.tet-icon--92.sc-tet-input{font-size:5.75rem}.tet-icon--93.sc-tet-input{font-size:5.8125rem}.tet-icon--94.sc-tet-input{font-size:5.875rem}.tet-icon--95.sc-tet-input{font-size:5.9375rem}.tet-icon--96.sc-tet-input{font-size:6rem}.tet-icon--97.sc-tet-input{font-size:6.0625rem}.tet-icon--98.sc-tet-input{font-size:6.125rem}.tet-icon--99.sc-tet-input{font-size:6.1875rem}.tet-icon--100.sc-tet-input{font-size:6.25rem}.tet-icon--101.sc-tet-input{font-size:6.3125rem}.tet-icon__add.sc-tet-input:before{content:\"\\E800\"}.tet-icon__alert-circled.sc-tet-input:before{content:\"\\E801\"}.tet-icon__alert.sc-tet-input:before{content:\"\\E802\"}.tet-icon__bank.sc-tet-input:before{content:\"\\E803\"}.tet-icon__box.sc-tet-input:before{content:\"\\E804\"}.tet-icon__download.sc-tet-input:before{content:\"\\E805\"}.tet-icon__burger.sc-tet-input:before{content:\"\\E806\"}.tet-icon__cancel.sc-tet-input:before{content:\"\\E807\"}.tet-icon__printer.sc-tet-input:before{content:\"\\E808\"}.tet-icon__cart-add.sc-tet-input:before{content:\"\\E809\"}.tet-icon__cart-remove.sc-tet-input:before{content:\"\\E80A\"}.tet-icon__cart.sc-tet-input:before{content:\"\\E80B\"}.tet-icon__chat.sc-tet-input:before{content:\"\\E80C\"}.tet-icon__arrow-up.sc-tet-input:before{content:\"\\E80D\"}.tet-icon__calendar.sc-tet-input:before{content:\"\\E80E\"}.tet-icon__help-circled.sc-tet-input:before{content:\"\\E80F\"}.tet-icon__edit.sc-tet-input:before{content:\"\\E810\"}.tet-icon__external-link.sc-tet-input:before{content:\"\\E811\"}.tet-icon__gift.sc-tet-input:before{content:\"\\E812\"}.tet-icon__person.sc-tet-input:before{content:\"\\E813\"}.tet-icon__heart.sc-tet-input:before{content:\"\\E814\"}.tet-icon__language.sc-tet-input:before{content:\"\\E815\"}.tet-icon__help.sc-tet-input:before{content:\"\\E816\"}.tet-icon__home-1.sc-tet-input:before{content:\"\\E817\"}.tet-icon__location.sc-tet-input:before{content:\"\\E818\"}.tet-icon__home-3.sc-tet-input:before{content:\"\\E819\"}.tet-icon__chart-even.sc-tet-input:before{content:\"\\E81A\"}.tet-icon__info-2.sc-tet-input:before{content:\"\\E81B\"}.tet-icon__key.sc-tet-input:before{content:\"\\E81C\"}.tet-icon__info.sc-tet-input:before{content:\"\\E81D\"}.tet-icon__lock-opened.sc-tet-input:before{content:\"\\E81E\"}.tet-icon__lock-outlined.sc-tet-input:before{content:\"\\E81F\"}.tet-icon__lock.sc-tet-input:before{content:\"\\E820\"}.tet-icon__laptop-filled.sc-tet-input:before{content:\"\\E821\"}.tet-icon__mail.sc-tet-input:before{content:\"\\E822\"}.tet-icon__options.sc-tet-input:before{content:\"\\E823\"}.tet-icon__chart-uneven.sc-tet-input:before{content:\"\\E824\"}.tet-icon__mail-2.sc-tet-input:before{content:\"\\E825\"}.tet-icon__remove.sc-tet-input:before{content:\"\\E826\"}.tet-icon__mobile-filled.sc-tet-input:before{content:\"\\E827\"}.tet-icon__ilu-calendar-check.sc-tet-input:before{content:\"\\E828\"}.tet-icon__settings-outlined.sc-tet-input:before{content:\"\\E829\"}.tet-icon__tablet.sc-tet-input:before{content:\"\\E82A\"}.tet-icon__thumb-up.sc-tet-input:before{content:\"\\E82B\"}.tet-icon__ilu-purchase.sc-tet-input:before{content:\"\\E82C\"}.tet-icon__chart-even-outlined.sc-tet-input:before{content:\"\\E82D\"}.tet-icon__movie.sc-tet-input:before{content:\"\\E82E\"}.tet-icon__percent.sc-tet-input:before{content:\"\\E82F\"}.tet-icon__ilu-change-whenever.sc-tet-input:before{content:\"\\E830\"}.tet-icon__truck.sc-tet-input:before{content:\"\\E831\"}.tet-icon__zero.sc-tet-input:before{content:\"\\E832\"}.tet-icon__attach.sc-tet-input:before{content:\"\\E833\"}.tet-icon__cloud-done.sc-tet-input:before{content:\"\\E834\"}.tet-icon__cloud-download.sc-tet-input:before{content:\"\\E835\"}.tet-icon__cloud-upload.sc-tet-input:before{content:\"\\E836\"}.tet-icon__cloud.sc-tet-input:before{content:\"\\E837\"}.tet-icon__folder.sc-tet-input:before{content:\"\\E838\"}.tet-icon__remote.sc-tet-input:before{content:\"\\E839\"}.tet-icon__router.sc-tet-input:before{content:\"\\E83A\"}.tet-icon__shield-filled.sc-tet-input:before{content:\"\\E83B\"}.tet-icon__shield.sc-tet-input:before{content:\"\\E83C\"}.tet-icon__ilu-devices.sc-tet-input:before{content:\"\\E83D\"}.tet-icon__ilu-get-points.sc-tet-input:before{content:\"\\E83E\"}.tet-icon__tv.sc-tet-input:before{content:\"\\E83F\"}.tet-icon__ilu-internet.sc-tet-input:before{content:\"\\E840\"}.tet-icon__wifi-outlined.sc-tet-input:before{content:\"\\E841\"}.tet-icon__wifi.sc-tet-input:before{content:\"\\E842\"}.tet-icon__description-outlined.sc-tet-input:before{content:\"\\E843\"}.tet-icon__laptop.sc-tet-input:before{content:\"\\E844\"}.tet-icon__chart-uneven-outlined.sc-tet-input:before{content:\"\\E845\"}.tet-icon__meter.sc-tet-input:before{content:\"\\E846\"}.tet-icon__mobile.sc-tet-input:before{content:\"\\E847\"}.tet-icon__phone.sc-tet-input:before{content:\"\\E848\"}.tet-icon__plug-filled.sc-tet-input:before{content:\"\\E849\"}.tet-icon__plug.sc-tet-input:before{content:\"\\E84A\"}.tet-icon__print.sc-tet-input:before{content:\"\\E84B\"}.tet-icon__camera.sc-tet-input:before{content:\"\\E84C\"}.tet-icon__clock.sc-tet-input:before{content:\"\\E84D\"}.tet-icon__placeholder.sc-tet-input:before{content:\"\\E84E\"}.tet-icon__tv-filled.sc-tet-input:before{content:\"\\E84F\"}.tet-icon__arrow-down.sc-tet-input:before{content:\"\\E850\"}.tet-icon__arrow-left.sc-tet-input:before{content:\"\\E851\"}.tet-icon__arrow-right.sc-tet-input:before{content:\"\\E852\"}.tet-icon__description.sc-tet-input:before{content:\"\\E853\"}.tet-icon__login.sc-tet-input:before{content:\"\\E854\"}.tet-icon__check.sc-tet-input:before{content:\"\\E855\"}.tet-icon__chevron-down.sc-tet-input:before{content:\"\\E856\"}.tet-icon__chevron-left.sc-tet-input:before{content:\"\\E857\"}.tet-icon__chevron-right.sc-tet-input:before{content:\"\\E858\"}.tet-icon__chevron-up.sc-tet-input:before{content:\"\\E859\"}.tet-icon__close-circled.sc-tet-input:before{content:\"\\E85A\"}.tet-icon__close.sc-tet-input:before{content:\"\\E85B\"}.tet-icon__more-horizontal.sc-tet-input:before{content:\"\\E85C\"}.tet-icon__more-vertical.sc-tet-input:before{content:\"\\E85D\"}.tet-icon__refresh.sc-tet-input:before{content:\"\\E85E\"}.tet-icon__facebook.sc-tet-input:before{content:\"\\E85F\"}.tet-icon__instagram.sc-tet-input:before{content:\"\\E860\"}.tet-icon__linkedin.sc-tet-input:before{content:\"\\E861\"}.tet-icon__people.sc-tet-input:before{content:\"\\E862\"}.tet-icon__logout.sc-tet-input:before{content:\"\\E863\"}.tet-icon__share.sc-tet-input:before{content:\"\\E864\"}.tet-icon__twitter.sc-tet-input:before{content:\"\\E865\"}.tet-icon__cancel-filled.sc-tet-input:before{content:\"\\E866\"}.tet-icon__done.sc-tet-input:before{content:\"\\E867\"}.tet-icon__star-filled.sc-tet-input:before{content:\"\\E868\"}.tet-icon__star.sc-tet-input:before{content:\"\\E869\"}.tet-icon__clipboard.sc-tet-input:before{content:\"\\E86A\"}.tet-icon__ilu-calendar.sc-tet-input:before{content:\"\\E86B\"}.tet-icon__check-circled.sc-tet-input:before{content:\"\\E86C\"}.tet-icon__ilu-choose-channels.sc-tet-input:before{content:\"\\E86D\"}.tet-icon__search.sc-tet-input:before{content:\"\\E86E\"}.tet-icon__warning.sc-tet-input:before{content:\"\\E86F\"}.tet-icon__ilu-clock-1.sc-tet-input:before{content:\"\\E870\"}.tet-icon__ilu-fold.sc-tet-input:before{content:\"\\E871\"}.tet-icon__ilu-letter.sc-tet-input:before{content:\"\\E872\"}.tet-icon__ilu-pay.sc-tet-input:before{content:\"\\E873\"}.tet-icon__ilu-meter.sc-tet-input:before{content:\"\\E874\"}.tet-icon__ilu-sign.sc-tet-input:before{content:\"\\E875\"}.tet-icon__smart-watch-filled.sc-tet-input:before{content:\"\\E876\"}.tet-icon__washing-machine-filled.sc-tet-input:before{content:\"\\E877\"}.tet-icon__bullet.sc-tet-input:before{content:\"\\E878\"}.tet-icon__sound.sc-tet-input:before{content:\"\\E879\"}.tet-icon__dropdown.sc-tet-input:before{content:\"\\E87A\"}.tet-icon__mask-pass.sc-tet-input:before{content:\"\\E87B\"}.tet-icon__select.sc-tet-input:before{content:\"\\E87C\"}.tet-icon__text-area-sizing.sc-tet-input:before{content:\"\\E87D\"}.tet-icon__unmask-pass.sc-tet-input:before{content:\"\\E87E\"}.tet-icon__bullet-small.sc-tet-input:before{content:\"\\E882\"}.tet-icon__electric-bolt.sc-tet-input:before{content:\"\\E880\"}.tet-icon__sun.sc-tet-input:before{content:\"\\E881\"}.sc-tet-input-h{box-sizing:border-box}*.sc-tet-input,*.sc-tet-input:before,*.sc-tet-input:after{box-sizing:inherit;padding:0;margin:0}.sc-tet-input-h{--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.sc-tet-input{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.sc-tet-input::before{content:\"\\e86e\"}.icon.tet-close-circled.sc-tet-input{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.sc-tet-input::before{content:\"\\e85a\"}.icon.tet-close.sc-tet-input{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.sc-tet-input::before{content:\"\\e85b\"}.icon.tet-check-circled.sc-tet-input{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.sc-tet-input::before{content:\"\\e86c\"}.icon.tet-check.sc-tet-input{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.sc-tet-input::before{content:\"\\e855\"}.icon.tet-chevron-up.sc-tet-input{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.sc-tet-input::before{content:\"\\e859\"}.icon.tet-chevron-down.sc-tet-input{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.sc-tet-input::before{content:\"\\e856\"}.icon.tet-clipboard.sc-tet-input{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.sc-tet-input::before{content:\"\\e86a\"}.icon.tet-info.sc-tet-input{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.sc-tet-input::before{content:\"\\e81d\"}.icon.tet-done.sc-tet-input{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.sc-tet-input::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\")}.sc-tet-input-h{--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)}@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\")}.sc-tet-input-h{--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)}.sc-tet-input:root,.sc-tet-input-h{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color)}.tet-input__dark.sc-tet-input{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint.sc-tet-input{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light.sc-tet-input{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original.sc-tet-input{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base.sc-tet-input{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--tc-border-quaternary-dark);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem}.tet-input__base.sc-tet-input::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):focus,.tet-input__base.tet-input__mint-original.sc-tet-input:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled].sc-tet-input{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base.sc-tet-input:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base.sc-tet-input:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base.sc-tet-input:not(:disabled):focus,.tet-input__base.sc-tet-input:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus.sc-tet-input:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error.sc-tet-input{border-color:var(--input-color-error)}.tet-input__label.sc-tet-input{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.tet-input__label.tet-input__light.sc-tet-input,.tet-input__label.tet-input__mint-original.sc-tet-input{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label.sc-tet-input:has(~.input-container.sc-tet-input input[disabled]).sc-tet-input{color:var(--input-disabled-label-color)}.tet-input__error-message.sc-tet-input{font:500 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--input-color-error)}.sc-tet-input-h{display:block}.input-container.sc-tet-input{position:relative;display:flex;align-items:center;font-size:var(--input-font-size)}.input-container.sc-tet-input:focus-within .icon.sc-tet-input{--input-icon-color:var(--input-focus-icon-color)}.tet-input__base.with-icon--left.sc-tet-input{padding-left:2.5rem}.tet-input__base.with-icon--right.sc-tet-input{padding-right:2.5rem}.tet-input__base.sc-tet-input:disabled~tet-icon.sc-tet-input{--input-icon-color:var(--input-disabled-icon-color)}.icon.sc-tet-input{--icon-size:var(--input-icon-size);--icon-color:var(--input-icon-color);position:absolute;top:var(--input-icon-top-position)}.icon.clickable.sc-tet-input{cursor:pointer}.icon.clickable.sc-tet-input:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;border-radius:0.125rem;outline-offset:0}.icon.icon-left.sc-tet-input{left:var(--input-icon-left-position, 0.75rem)}.icon.icon-right.sc-tet-input{right:0.75rem}.errors.sc-tet-input{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}";
|
|
37
24
|
const TetInputStyle0 = tetInputCss;
|
|
38
25
|
|
|
@@ -62,7 +49,7 @@ const TetInput = class {
|
|
|
62
49
|
'icon-right': alignment === 'right',
|
|
63
50
|
'clickable': clickable
|
|
64
51
|
};
|
|
65
|
-
return index.h("tet-icon", { name: iconName, class: classes, onClick: callback, accessibilityLabel: clickable ? 'Area label' : '', onKeyDown: a11yBtnClick });
|
|
52
|
+
return index.h("tet-icon", { name: iconName, class: classes, onClick: callback, accessibilityLabel: clickable ? 'Area label' : '', onKeyDown: a11y.a11yBtnClick });
|
|
66
53
|
};
|
|
67
54
|
this.renderErrorMessages = () => {
|
|
68
55
|
return (index.h("div", { class: "errors" }, this.errorMessages.map((message) => index.h("p", { class: "tet-input__error-message" }, translations.translate(message)))));
|
package/dist/collection/components/advanced/address/tet-address-search/tet-address-search.js
CHANGED
|
@@ -2,6 +2,7 @@ import { Host, h, forceUpdate } from "@stencil/core";
|
|
|
2
2
|
import { t, processTranslations } from "../../../../services/translations/index";
|
|
3
3
|
import { searchAddress, searchAddressByKey } from "../../../../services/api/index";
|
|
4
4
|
import { normalize, debounceAsync } from "../../../../services/utils/index";
|
|
5
|
+
import { a11yBtnClick } from "../../../../services/utils/a11y";
|
|
5
6
|
/**
|
|
6
7
|
* The address search allows to search for and select an address by entering a search string.
|
|
7
8
|
* It can also be configured to preselect an address by passing the address key.
|
|
@@ -127,7 +128,7 @@ export class TetAddressSearch {
|
|
|
127
128
|
* Renders the content that is shown when there are no matching addresses.
|
|
128
129
|
*/
|
|
129
130
|
this.renderManualAddressInputNoOptionsMessage = () => {
|
|
130
|
-
return (h("div", { part: "address-not-found" }, h("p", null, t('components-address-search-not-found-message')), h("p", { part: `manual-input ${this.theme}
|
|
131
|
+
return (h("div", { part: "address-not-found" }, h("p", null, t('components-address-search-not-found-message')), h("p", { part: `manual-input ${this.theme}` }, h("a", { onClick: this.manualAddressInputAction, onKeyDown: a11yBtnClick, class: { 'tet-link': true, 'dark': this.theme === 'dark' }, tabindex: "0", role: "button" }, t('components-address-search-manual-address-input')))));
|
|
131
132
|
};
|
|
132
133
|
this.language = 'lv';
|
|
133
134
|
this.minSearchKeywordLength = 4;
|
|
@@ -217,11 +218,11 @@ export class TetAddressSearch {
|
|
|
217
218
|
if (this.newFormsStyle) {
|
|
218
219
|
inputClasses.push('address-search__input--forms');
|
|
219
220
|
}
|
|
220
|
-
return (h(Host, { key: '
|
|
221
|
+
return (h(Host, { key: '52c2df9df52293029356fd6428ca2a8add28844e', class: {
|
|
221
222
|
"address-search": true,
|
|
222
223
|
[this.theme]: true,
|
|
223
|
-
} }, h("tet-autocomplete", { key: '
|
|
224
|
-
h("tet-spinner", { key: '
|
|
224
|
+
} }, h("tet-autocomplete", { key: 'a78ce83384075c89327c442cdb969369ad486289', part: "autocomplete", optionsFilterAction: this.debounceAddressFilter, onOptionSelected: this.handleAutocompleteOptionSelection, noOptionsMessage: t('components-address-search-not-found-message'), noOptionsRenderFunction: this.manualAddressTriggers ? this.renderManualAddressInputNoOptionsMessage : undefined, clearCallback: this.autocompleteClearInputCallback, finishedLoading: this.finishedLoading, darkTheme: this.theme === 'dark' || this.theme === 'mint-original', newStyle: this.newStyle, ref: (el) => (this.autocomplete = el), optionsIcon: "location" }, h("tet-input", { key: '90705426c2abc0b9deb804379064d7f552155a21', class: "address-search__input", part: "input", "input-class": inputClasses.join(' '), "input-placeholder": this.placeholder, "input-disabled": this.inputDisabled, label: this.label, accessibilityLabel: this.accessibilityLabel, iconLeft: this.newFormsStyle ? '' : 'search', iconRight: this.inputIconRight, iconRightClickCallback: this.clearInputAction, theme: this.theme, ref: (el) => (this.inputComponent = el), error: this.isInputInvalid, autocomplete: "off" }, this.isLoading &&
|
|
225
|
+
h("tet-spinner", { key: '5e1def8a16c996a8e763adfb31da6e2c62d4cf47', theme: this.theme === 'dark' ? 'dark' : 'light', class: "address-search__spinner", size: "small" })))));
|
|
225
226
|
}
|
|
226
227
|
static get is() { return "tet-address-search"; }
|
|
227
228
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
import { debounce, isFunction, isObject, isPromise, normalize, randomString, reactive } from "../../../../services/utils/index";
|
|
3
|
+
import { containsFocusableStencilVNode } from "../../../../services/utils/containsFocusableStencilVNode";
|
|
3
4
|
/**
|
|
4
5
|
* The autocomplete is a normal text input enhanced by a panel of suggested options.
|
|
5
6
|
* It wraps an input element (the target input element **must** have the class `autocomplete-input`)
|
|
@@ -11,6 +12,17 @@ export class TetAutocomplete {
|
|
|
11
12
|
this.skipNextFilterValueChange = false;
|
|
12
13
|
/** The property that keeps track of the last filter value that was used for the autocomplete. */
|
|
13
14
|
this.lastFilteredValue = '';
|
|
15
|
+
this.handleNoOptionsFocusOut = (event) => {
|
|
16
|
+
var _a;
|
|
17
|
+
const relatedTarget = event.relatedTarget;
|
|
18
|
+
if (relatedTarget &&
|
|
19
|
+
relatedTarget instanceof HTMLElement &&
|
|
20
|
+
relatedTarget.classList.contains('icon-right')) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
(_a = this.noOptionsElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('focusout', this.handleNoOptionsFocusOut);
|
|
24
|
+
this.showOptions = false;
|
|
25
|
+
};
|
|
14
26
|
this.handleInputFocusOutline = (remove = true) => {
|
|
15
27
|
var _a;
|
|
16
28
|
const input = (_a = this.rootElement) === null || _a === void 0 ? void 0 : _a.querySelector('input');
|
|
@@ -123,7 +135,7 @@ export class TetAutocomplete {
|
|
|
123
135
|
if (!isObject(noOptionsContent)) {
|
|
124
136
|
attributes.innerHTML = noOptionsContent;
|
|
125
137
|
}
|
|
126
|
-
return (h("li", Object.assign({ class: { 'autocomplete-options-none-message': true, 'dark': this.darkTheme } }, attributes, { "aria-live": "polite" }), isObject(noOptionsContent) ? noOptionsContent : null));
|
|
138
|
+
return (h("li", Object.assign({ class: { 'autocomplete-options-none-message': true, 'dark': this.darkTheme } }, attributes, { "aria-live": "polite", ref: el => (this.noOptionsElement = el) }), isObject(noOptionsContent) ? noOptionsContent : null));
|
|
127
139
|
};
|
|
128
140
|
/**
|
|
129
141
|
* Renders a single option.
|
|
@@ -287,7 +299,20 @@ export class TetAutocomplete {
|
|
|
287
299
|
}
|
|
288
300
|
/** Handles the focusout event to close the options menu if focus moves outside the component. */
|
|
289
301
|
handleFocusOut(event) {
|
|
302
|
+
var _a, _b;
|
|
290
303
|
const relatedTarget = event.relatedTarget;
|
|
304
|
+
if (isFunction(this.noOptionsRenderFunction)
|
|
305
|
+
&& this.noOptionsRenderFunction() !== null
|
|
306
|
+
&& !this.filteredOptions.length
|
|
307
|
+
&& relatedTarget
|
|
308
|
+
&& this.rootElement.contains(relatedTarget)) {
|
|
309
|
+
const vnode = this.noOptionsRenderFunction();
|
|
310
|
+
if (containsFocusableStencilVNode(vnode)) {
|
|
311
|
+
(_a = this.noOptionsElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('focusout', this.handleNoOptionsFocusOut);
|
|
312
|
+
(_b = this.noOptionsElement) === null || _b === void 0 ? void 0 : _b.addEventListener('focusout', this.handleNoOptionsFocusOut);
|
|
313
|
+
return;
|
|
314
|
+
}
|
|
315
|
+
}
|
|
291
316
|
if (relatedTarget && relatedTarget instanceof HTMLElement) {
|
|
292
317
|
if (relatedTarget.classList.contains('icon-right')) {
|
|
293
318
|
this.showOptions = false;
|
|
@@ -348,10 +373,10 @@ export class TetAutocomplete {
|
|
|
348
373
|
}
|
|
349
374
|
}
|
|
350
375
|
render() {
|
|
351
|
-
return (h(Host, { key: '
|
|
376
|
+
return (h(Host, { key: 'a9b1ddb0fda9684c441cb35b3356c31af5f44936', class: {
|
|
352
377
|
'autocomplete': true,
|
|
353
378
|
'dark': this.darkTheme,
|
|
354
|
-
} }, h("slot", { key: '
|
|
379
|
+
} }, h("slot", { key: '66f8c2dc5cb4d5a2e4698099147208351cf35673' }), this.renderOptionsLoader(), this.renderOptions(this.filteredOptions)));
|
|
355
380
|
}
|
|
356
381
|
static get is() { return "tet-autocomplete"; }
|
|
357
382
|
static get encapsulation() { return "shadow"; }
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Checks if a Stencil virtual node (VNode) or its children contain any focusable element.
|
|
3
|
+
* Common focusable elements are: <a>, <button>, <input>, <select>, <textarea>,
|
|
4
|
+
* and elements with a valid (not -1) tabindex property.
|
|
5
|
+
*
|
|
6
|
+
* @param vnode Virtual node to check.
|
|
7
|
+
* @returns True if the vnode or any child vnode is focusable, otherwise false.
|
|
8
|
+
*/
|
|
9
|
+
export function containsFocusableStencilVNode(vnode) {
|
|
10
|
+
if (!vnode)
|
|
11
|
+
return false;
|
|
12
|
+
const focusableTags = ['a', 'button', 'input', 'select', 'textarea'];
|
|
13
|
+
if (typeof vnode.h === 'string' &&
|
|
14
|
+
focusableTags.includes(vnode.h.toLowerCase())) {
|
|
15
|
+
return true;
|
|
16
|
+
}
|
|
17
|
+
if (typeof vnode.o === 'object' &&
|
|
18
|
+
vnode.o !== null &&
|
|
19
|
+
vnode.o.tabindex !== undefined &&
|
|
20
|
+
vnode.o.tabindex !== -1) {
|
|
21
|
+
return true;
|
|
22
|
+
}
|
|
23
|
+
if (Array.isArray(vnode.i)) {
|
|
24
|
+
return vnode.i.some(child => containsFocusableStencilVNode(child));
|
|
25
|
+
}
|
|
26
|
+
return false;
|
|
27
|
+
}
|
|
@@ -3,7 +3,7 @@ import { a as debounce } from './p-64ec8edd.js';
|
|
|
3
3
|
import { a as getRemSize } from './p-165a8492.js';
|
|
4
4
|
import { d as defineCustomElement$3 } from './p-33c61038.js';
|
|
5
5
|
import { d as defineCustomElement$2 } from './p-cc30e8fa.js';
|
|
6
|
-
import { d as defineCustomElement$1 } from './p-
|
|
6
|
+
import { d as defineCustomElement$1 } from './p-f8ca4e98.js';
|
|
7
7
|
|
|
8
8
|
const tetRangeSliderCss = "@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{--slider-height:6rem;--slider-track-height:0.5rem;--slider-track-border-radius:0.25rem;--slider-track-background-color:var(--tc-border-quaternary);--slider-track-progress-color:var(--tc-yellow-40);--slider-thumb-color:var(--tc-yellow-30);--slider-thumb-shadow:var(--tc-elevation-two);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(254, 213, 127, 0.4);--slider-thumb-size:1.5rem;--slider-thumb-border-radius:0.75rem;--slider-tick-primary-type-color:var(--tc-border-quaternary);--slider-tick-secondary-type-color:var(--tc-border-secondary);--slider-tick-width:0.125rem;--slider-tick-height:0.25rem;--slider-tick-border-radius:0.063rem;--slider-control-left-margin:0;--slider-control-right-margin:0;--slider-control-icon-color:var(--tc-button-icon-primary);--slider-tooltip-background-color:var(--tc-grey-80);--slider-tooltip-text-color:var(--tc-grey-10);--slider-step-counter-background-color:var(--tc-layer-secondary);--slider-step-counter-text-color:var(--tc-text-primary);--slider-data-label-text-color:var(--tc-text-secondary)}.range-slider{display:flex;width:100%;gap:1rem;height:var(--slider-height);position:relative}.range-slider.dark{--slider-track-background-color:var(--tc-border-quaternary-dark);--slider-track-progress-color:var(--tc-yellow-40-dark);--slider-thumb-color:var(--tc-yellow-30-dark);--slider-thumb-shadow:var(--tc-elevation-two-dark);--slider-thumb-active-shadow:0 0 0 0.25rem rgba(247, 212, 135, 0.4);--slider-tick-primary-type-color:var(--tc-border-quaternary-dark);--slider-tick-secondary-type-color:var(--tc-border-secondary-dark);--slider-control-icon-color:var(--tc-button-icon-primary-dark);--slider-tooltip-background-color:var(--tc-grey-80-dark);--slider-tooltip-text-color:var(--tc-grey-10-dark);--slider-step-counter-background-color:var(--tc-layer-secondary-dark);--slider-step-counter-text-color:var(--tc-text-primary-dark);--slider-data-label-text-color:var(--tc-text-secondary-dark)}.range-slider.dark .range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.range-slider--large{flex-direction:column}.range-slider--no-controls{flex-direction:row-reverse}.range-slider *{box-sizing:border-box}.range-slider__container{display:flex;flex-direction:column;align-items:baseline;gap:1rem;position:relative;width:100%}.range-slider--large .range-slider__container{flex-direction:row}.range-slider__slider{appearance:none;-webkit-appearance:none;width:100%;height:var(--slider-track-height);background:transparent;outline:none;margin:0.313rem 0;z-index:1}.range-slider--small.range-slider--secondary .range-slider__slider{pointer-events:none;z-index:-1}.range-slider__slider:focus{outline:none}.range-slider__slider::-moz-focus-outer{border:0}.range-slider__slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:transparent;border-radius:var(--slider-thumb-border-radius);cursor:pointer}.range-slider__slider::-moz-range-thumb{appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-color);border-radius:var(--slider-thumb-border-radius);cursor:pointer;border:none}.range-slider__slider::-webkit-slider-runnable-track,.range-slider__slider::-moz-range-track{width:100%;height:var(--slider-track-height);cursor:pointer;background:none;border-radius:var(--slider-track-border-radius)}.range-slider__slider:focus::-webkit-slider-runnable-track{background:none}.range-slider__slider:active::-webkit-slider-runnable-track{background:none}.range-slider__slider-container{width:100%;position:relative;height:calc(var(--slider-thumb-size) + 0.5rem);padding-top:0.625rem;scrollbar-width:none}.range-slider__slider-container::-webkit-scrollbar{display:none}.range-slider__slider-container:has(.range-slider__slider-wrapper input:focus-visible)~.range-slider__tooltip-handle{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider__slider-wrapper{display:flex;width:100%}.range-slider--secondary.range-slider--small .range-slider__slider-wrapper{margin-left:100%}.range-slider__input{--input-padding:0.75rem;--input-border-radius:0.625rem;max-height:3.125rem;max-width:12.5rem;margin:0 auto !important;appearance:textfield;-moz-appearance:textfield}.range-slider--large .range-slider__input{text-align:center;--input-padding:0.5rem}.range-slider__input::-webkit-outer-spin-button,.range-slider__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-slider__input-container{display:flex;flex-direction:column;position:absolute;top:calc(var(--slider-track-height) + 3.25rem);width:100%;z-index:1}.range-slider--large .range-slider__input-container{position:relative;max-width:3.125rem;margin-left:auto;margin-right:0;top:0}.range-slider--large.range-slider--no-controls .range-slider__input-container{top:-0.5rem}.range-slider__track{position:absolute;top:1rem;left:0;height:var(--slider-track-height);pointer-events:none;border-radius:var(--slider-track-border-radius)}.range-slider--small.range-slider--secondary .range-slider__track{border-radius:0}.range-slider__track--background{width:100%;background-color:var(--slider-track-background-color)}.range-slider--small.range-slider--secondary .range-slider__track--background{width:300%}.range-slider__track--progress{background-color:var(--slider-track-progress-color)}.range-slider--secondary .range-slider__track--progress{background-color:transparent}.range-slider__data-label{position:absolute;width:3rem;text-align:center;color:var(--slider-data-label-text-color);display:none}.range-slider__data-label:first-of-type{display:block}.range-slider__data-label:last-of-type{display:block}.range-slider--large .range-slider__data-label,.range-slider--medium .range-slider__data-label{display:block}.range-slider__current-step{font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;font-weight:500;color:var(--slider-step-counter-text-color);width:5.5rem;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0.25rem 1rem;background-color:var(--slider-step-counter-background-color);border-radius:1rem}.range-slider__data-label-container,.range-slider__current-step-container{font:400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0;position:absolute;display:flex;height:1.5rem;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);margin:0 auto}.range-slider__data-label-container{top:calc(var(--slider-track-height) + 1.5rem)}.range-slider--secondary.range-slider--small .range-slider__data-label-container{margin-left:100%}.range-slider__current-step-container{top:calc(var(--slider-track-height) + 2.375rem)}.range-slider--large .range-slider__current-step-container,.range-slider--medium .range-slider__current-step-container{top:calc(var(--slider-track-height) + 3.25rem)}.range-slider__tick{width:var(--slider-tick-width);height:var(--slider-tick-height);border-radius:var(--slider-tick-border-radius);background-color:var(--slider-tick-primary-type-color)}.range-slider--secondary .range-slider__tick{width:0.25rem;height:0.25rem;border-radius:0.125rem;background-color:var(--slider-tick-secondary-type-color)}.range-slider__tick-container{position:absolute;width:calc(100% - var(--slider-thumb-size));left:calc(var(--slider-thumb-size) / 2);top:calc(var(--slider-track-height) + 1.188rem);display:flex;justify-content:space-between;align-items:center}.range-slider--secondary .range-slider__tick-container{top:calc(var(--slider-track-height) + 0.625rem)}.range-slider--secondary.range-slider--small .range-slider__tick-container{margin-left:100%}.range-slider__tooltip-handle{position:absolute;height:var(--slider-thumb-size);width:var(--slider-thumb-size);top:0.438rem;border-radius:var(--slider-thumb-border-radius);pointer-events:none;box-shadow:var(--slider-thumb-shadow);background:var(--slider-thumb-color)}.range-slider__tooltip-handle--active{box-shadow:var(--slider-thumb-active-shadow)}.range-slider__tooltip{--tooltip-offset:0;font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;position:absolute;display:flex;justify-content:center;align-items:center;left:calc(-2.25rem + var(--tooltip-offset));height:2rem;width:5.75rem;padding:0.5rem 1rem;border-radius:0.5rem;z-index:2;color:var(--slider-tooltip-text-color);background-color:var(--slider-tooltip-background-color);white-space:nowrap;top:-2.625rem;transition:top 150ms ease-in-out 0s}.range-slider__tooltip-handle--active .range-slider__tooltip{transition:top 150ms ease-in-out 150ms;top:-3.25rem}.range-slider__tooltip::before{content:\"\";position:absolute;left:calc(50% - var(--tooltip-offset));width:0.75rem;height:0.75rem;background:var(--slider-tooltip-background-color);bottom:0;transform:rotate(45deg);border-radius:0.125rem;margin:-0.25rem}.range-slider__control{--button-padding:0.25rem;display:flex;justify-content:center;align-items:center;z-index:1;position:absolute;top:calc(var(--slider-track-height) + 3.5rem)}.range-slider__control:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s}.range-slider--large .range-slider__control{position:static}.range-slider--secondary .range-slider__control{top:calc(var(--slider-track-height) + 2rem)}.range-slider--secondary.range-slider--medium .range-slider__control{top:calc(var(--slider-track-height) + 2.75rem)}.range-slider__control--left{margin:var(--slider-control-left-margin);left:0}.range-slider--medium .range-slider__control--left{left:unset;right:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--left{right:calc(50% + 4.25rem)}.range-slider__control--right{margin:var(--slider-control-right-margin);right:0}.range-slider--medium .range-slider__control--right{right:unset;left:calc(50% + 8rem)}.range-slider--no-input .range-slider--medium .range-slider__control--right{left:calc(50% + 4.25rem)}.range-slider__control--icon{--icon-color:var(--slider-control-icon-color)}.range-slider .hidden{display:none}";
|
|
9
9
|
const TetRangeSliderStyle0 = tetRangeSliderCss;
|