@salla.sa/twilight-components 1.0.57 → 1.0.60

package/dist/twilight-components/p-9642541b.entry.js

@@ -0,0 +1 @@
+import{r as i,h as n,H as t}from"./p-1fb0ca8a.js";const p=class{constructor(n){i(this,n)}render(){return n(t,null,n("slot",null))}};p.style='/**\n * Initial Variables\n */\n/**\n * Functions\n */\n/**\n * Delivered variables\n */\n.iti__flag {\n  width: 20px;\n}\n.iti__flag.iti__be {\n  width: 18px;\n}\n.iti__flag.iti__ch {\n  width: 15px;\n}\n.iti__flag.iti__mc {\n  width: 19px;\n}\n.iti__flag.iti__ne {\n  width: 18px;\n}\n.iti__flag.iti__np {\n  width: 13px;\n}\n.iti__flag.iti__va {\n  width: 15px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n  .iti__flag {\n    background-size: 5652px 15px;\n  }\n}\n.iti__flag.iti__ac {\n  height: 10px;\n  background-position: 0px 0px;\n}\n.iti__flag.iti__ad {\n  height: 14px;\n  background-position: -22px 0px;\n}\n.iti__flag.iti__ae {\n  height: 10px;\n  background-position: -44px 0px;\n}\n.iti__flag.iti__af {\n  height: 14px;\n  background-position: -66px 0px;\n}\n.iti__flag.iti__ag {\n  height: 14px;\n  background-position: -88px 0px;\n}\n.iti__flag.iti__ai {\n  height: 10px;\n  background-position: -110px 0px;\n}\n.iti__flag.iti__al {\n  height: 15px;\n  background-position: -132px 0px;\n}\n.iti__flag.iti__am {\n  height: 10px;\n  background-position: -154px 0px;\n}\n.iti__flag.iti__ao {\n  height: 14px;\n  background-position: -176px 0px;\n}\n.iti__flag.iti__aq {\n  height: 14px;\n  background-position: -198px 0px;\n}\n.iti__flag.iti__ar {\n  height: 13px;\n  background-position: -220px 0px;\n}\n.iti__flag.iti__as {\n  height: 10px;\n  background-position: -242px 0px;\n}\n.iti__flag.iti__at {\n  height: 14px;\n  background-position: -264px 0px;\n}\n.iti__flag.iti__au {\n  height: 10px;\n  background-position: -286px 0px;\n}\n.iti__flag.iti__aw {\n  height: 14px;\n  background-position: -308px 0px;\n}\n.iti__flag.iti__ax {\n  height: 13px;\n  background-position: -330px 0px;\n}\n.iti__flag.iti__az {\n  height: 10px;\n  background-position: -352px 0px;\n}\n.iti__flag.iti__ba {\n  height: 10px;\n  background-position: -374px 0px;\n}\n.iti__flag.iti__bb {\n  height: 14px;\n  background-position: -396px 0px;\n}\n.iti__flag.iti__bd {\n  height: 12px;\n  background-position: -418px 0px;\n}\n.iti__flag.iti__be {\n  height: 15px;\n  background-position: -440px 0px;\n}\n.iti__flag.iti__bf {\n  height: 14px;\n  background-position: -460px 0px;\n}\n.iti__flag.iti__bg {\n  height: 12px;\n  background-position: -482px 0px;\n}\n.iti__flag.iti__bh {\n  height: 12px;\n  background-position: -504px 0px;\n}\n.iti__flag.iti__bi {\n  height: 12px;\n  background-position: -526px 0px;\n}\n.iti__flag.iti__bj {\n  height: 14px;\n  background-position: -548px 0px;\n}\n.iti__flag.iti__bl {\n  height: 14px;\n  background-position: -570px 0px;\n}\n.iti__flag.iti__bm {\n  height: 10px;\n  background-position: -592px 0px;\n}\n.iti__flag.iti__bn {\n  height: 10px;\n  background-position: -614px 0px;\n}\n.iti__flag.iti__bo {\n  height: 14px;\n  background-position: -636px 0px;\n}\n.iti__flag.iti__bq {\n  height: 14px;\n  background-position: -658px 0px;\n}\n.iti__flag.iti__br {\n  height: 14px;\n  background-position: -680px 0px;\n}\n.iti__flag.iti__bs {\n  height: 10px;\n  background-position: -702px 0px;\n}\n.iti__flag.iti__bt {\n  height: 14px;\n  background-position: -724px 0px;\n}\n.iti__flag.iti__bv {\n  height: 15px;\n  background-position: -746px 0px;\n}\n.iti__flag.iti__bw {\n  height: 14px;\n  background-position: -768px 0px;\n}\n.iti__flag.iti__by {\n  height: 10px;\n  background-position: -790px 0px;\n}\n.iti__flag.iti__bz {\n  height: 14px;\n  background-position: -812px 0px;\n}\n.iti__flag.iti__ca {\n  height: 10px;\n  background-position: -834px 0px;\n}\n.iti__flag.iti__cc {\n  height: 10px;\n  background-position: -856px 0px;\n}\n.iti__flag.iti__cd {\n  height: 15px;\n  background-position: -878px 0px;\n}\n.iti__flag.iti__cf {\n  height: 14px;\n  background-position: -900px 0px;\n}\n.iti__flag.iti__cg {\n  height: 14px;\n  background-position: -922px 0px;\n}\n.iti__flag.iti__ch {\n  height: 15px;\n  background-position: -944px 0px;\n}\n.iti__flag.iti__ci {\n  height: 14px;\n  background-position: -961px 0px;\n}\n.iti__flag.iti__ck {\n  height: 10px;\n  background-position: -983px 0px;\n}\n.iti__flag.iti__cl {\n  height: 14px;\n  background-position: -1005px 0px;\n}\n.iti__flag.iti__cm {\n  height: 14px;\n  background-position: -1027px 0px;\n}\n.iti__flag.iti__cn {\n  height: 14px;\n  background-position: -1049px 0px;\n}\n.iti__flag.iti__co {\n  height: 14px;\n  background-position: -1071px 0px;\n}\n.iti__flag.iti__cp {\n  height: 14px;\n  background-position: -1093px 0px;\n}\n.iti__flag.iti__cr {\n  height: 12px;\n  background-position: -1115px 0px;\n}\n.iti__flag.iti__cu {\n  height: 10px;\n  background-position: -1137px 0px;\n}\n.iti__flag.iti__cv {\n  height: 12px;\n  background-position: -1159px 0px;\n}\n.iti__flag.iti__cw {\n  height: 14px;\n  background-position: -1181px 0px;\n}\n.iti__flag.iti__cx {\n  height: 10px;\n  background-position: -1203px 0px;\n}\n.iti__flag.iti__cy {\n  height: 14px;\n  background-position: -1225px 0px;\n}\n.iti__flag.iti__cz {\n  height: 14px;\n  background-position: -1247px 0px;\n}\n.iti__flag.iti__de {\n  height: 12px;\n  background-position: -1269px 0px;\n}\n.iti__flag.iti__dg {\n  height: 10px;\n  background-position: -1291px 0px;\n}\n.iti__flag.iti__dj {\n  height: 14px;\n  background-position: -1313px 0px;\n}\n.iti__flag.iti__dk {\n  height: 15px;\n  background-position: -1335px 0px;\n}\n.iti__flag.iti__dm {\n  height: 10px;\n  background-position: -1357px 0px;\n}\n.iti__flag.iti__do {\n  height: 14px;\n  background-position: -1379px 0px;\n}\n.iti__flag.iti__dz {\n  height: 14px;\n  background-position: -1401px 0px;\n}\n.iti__flag.iti__ea {\n  height: 14px;\n  background-position: -1423px 0px;\n}\n.iti__flag.iti__ec {\n  height: 14px;\n  background-position: -1445px 0px;\n}\n.iti__flag.iti__ee {\n  height: 13px;\n  background-position: -1467px 0px;\n}\n.iti__flag.iti__eg {\n  height: 14px;\n  background-position: -1489px 0px;\n}\n.iti__flag.iti__eh {\n  height: 10px;\n  background-position: -1511px 0px;\n}\n.iti__flag.iti__er {\n  height: 10px;\n  background-position: -1533px 0px;\n}\n.iti__flag.iti__es {\n  height: 14px;\n  background-position: -1555px 0px;\n}\n.iti__flag.iti__et {\n  height: 10px;\n  background-position: -1577px 0px;\n}\n.iti__flag.iti__eu {\n  height: 14px;\n  background-position: -1599px 0px;\n}\n.iti__flag.iti__fi {\n  height: 12px;\n  background-position: -1621px 0px;\n}\n.iti__flag.iti__fj {\n  height: 10px;\n  background-position: -1643px 0px;\n}\n.iti__flag.iti__fk {\n  height: 10px;\n  background-position: -1665px 0px;\n}\n.iti__flag.iti__fm {\n  height: 11px;\n  background-position: -1687px 0px;\n}\n.iti__flag.iti__fo {\n  height: 15px;\n  background-position: -1709px 0px;\n}\n.iti__flag.iti__fr {\n  height: 14px;\n  background-position: -1731px 0px;\n}\n.iti__flag.iti__ga {\n  height: 15px;\n  background-position: -1753px 0px;\n}\n.iti__flag.iti__gb {\n  height: 10px;\n  background-position: -1775px 0px;\n}\n.iti__flag.iti__gd {\n  height: 12px;\n  background-position: -1797px 0px;\n}\n.iti__flag.iti__ge {\n  height: 14px;\n  background-position: -1819px 0px;\n}\n.iti__flag.iti__gf {\n  height: 14px;\n  background-position: -1841px 0px;\n}\n.iti__flag.iti__gg {\n  height: 14px;\n  background-position: -1863px 0px;\n}\n.iti__flag.iti__gh {\n  height: 14px;\n  background-position: -1885px 0px;\n}\n.iti__flag.iti__gi {\n  height: 10px;\n  background-position: -1907px 0px;\n}\n.iti__flag.iti__gl {\n  height: 14px;\n  background-position: -1929px 0px;\n}\n.iti__flag.iti__gm {\n  height: 14px;\n  background-position: -1951px 0px;\n}\n.iti__flag.iti__gn {\n  height: 14px;\n  background-position: -1973px 0px;\n}\n.iti__flag.iti__gp {\n  height: 14px;\n  background-position: -1995px 0px;\n}\n.iti__flag.iti__gq {\n  height: 14px;\n  background-position: -2017px 0px;\n}\n.iti__flag.iti__gr {\n  height: 14px;\n  background-position: -2039px 0px;\n}\n.iti__flag.iti__gs {\n  height: 10px;\n  background-position: -2061px 0px;\n}\n.iti__flag.iti__gt {\n  height: 13px;\n  background-position: -2083px 0px;\n}\n.iti__flag.iti__gu {\n  height: 11px;\n  background-position: -2105px 0px;\n}\n.iti__flag.iti__gw {\n  height: 10px;\n  background-position: -2127px 0px;\n}\n.iti__flag.iti__gy {\n  height: 12px;\n  background-position: -2149px 0px;\n}\n.iti__flag.iti__hk {\n  height: 14px;\n  background-position: -2171px 0px;\n}\n.iti__flag.iti__hm {\n  height: 10px;\n  background-position: -2193px 0px;\n}\n.iti__flag.iti__hn {\n  height: 10px;\n  background-position: -2215px 0px;\n}\n.iti__flag.iti__hr {\n  height: 10px;\n  background-position: -2237px 0px;\n}\n.iti__flag.iti__ht {\n  height: 12px;\n  background-position: -2259px 0px;\n}\n.iti__flag.iti__hu {\n  height: 10px;\n  background-position: -2281px 0px;\n}\n.iti__flag.iti__ic {\n  height: 14px;\n  background-position: -2303px 0px;\n}\n.iti__flag.iti__id {\n  height: 14px;\n  background-position: -2325px 0px;\n}\n.iti__flag.iti__ie {\n  height: 10px;\n  background-position: -2347px 0px;\n}\n.iti__flag.iti__il {\n  height: 15px;\n  background-position: -2369px 0px;\n}\n.iti__flag.iti__im {\n  height: 10px;\n  background-position: -2391px 0px;\n}\n.iti__flag.iti__in {\n  height: 14px;\n  background-position: -2413px 0px;\n}\n.iti__flag.iti__io {\n  height: 10px;\n  background-position: -2435px 0px;\n}\n.iti__flag.iti__iq {\n  height: 14px;\n  background-position: -2457px 0px;\n}\n.iti__flag.iti__ir {\n  height: 12px;\n  background-position: -2479px 0px;\n}\n.iti__flag.iti__is {\n  height: 15px;\n  background-position: -2501px 0px;\n}\n.iti__flag.iti__it {\n  height: 14px;\n  background-position: -2523px 0px;\n}\n.iti__flag.iti__je {\n  height: 12px;\n  background-position: -2545px 0px;\n}\n.iti__flag.iti__jm {\n  height: 10px;\n  background-position: -2567px 0px;\n}\n.iti__flag.iti__jo {\n  height: 10px;\n  background-position: -2589px 0px;\n}\n.iti__flag.iti__jp {\n  height: 14px;\n  background-position: -2611px 0px;\n}\n.iti__flag.iti__ke {\n  height: 14px;\n  background-position: -2633px 0px;\n}\n.iti__flag.iti__kg {\n  height: 12px;\n  background-position: -2655px 0px;\n}\n.iti__flag.iti__kh {\n  height: 13px;\n  background-position: -2677px 0px;\n}\n.iti__flag.iti__ki {\n  height: 10px;\n  background-position: -2699px 0px;\n}\n.iti__flag.iti__km {\n  height: 12px;\n  background-position: -2721px 0px;\n}\n.iti__flag.iti__kn {\n  height: 14px;\n  background-position: -2743px 0px;\n}\n.iti__flag.iti__kp {\n  height: 10px;\n  background-position: -2765px 0px;\n}\n.iti__flag.iti__kr {\n  height: 14px;\n  background-position: -2787px 0px;\n}\n.iti__flag.iti__kw {\n  height: 10px;\n  background-position: -2809px 0px;\n}\n.iti__flag.iti__ky {\n  height: 10px;\n  background-position: -2831px 0px;\n}\n.iti__flag.iti__kz {\n  height: 10px;\n  background-position: -2853px 0px;\n}\n.iti__flag.iti__la {\n  height: 14px;\n  background-position: -2875px 0px;\n}\n.iti__flag.iti__lb {\n  height: 14px;\n  background-position: -2897px 0px;\n}\n.iti__flag.iti__lc {\n  height: 10px;\n  background-position: -2919px 0px;\n}\n.iti__flag.iti__li {\n  height: 12px;\n  background-position: -2941px 0px;\n}\n.iti__flag.iti__lk {\n  height: 10px;\n  background-position: -2963px 0px;\n}\n.iti__flag.iti__lr {\n  height: 11px;\n  background-position: -2985px 0px;\n}\n.iti__flag.iti__ls {\n  height: 14px;\n  background-position: -3007px 0px;\n}\n.iti__flag.iti__lt {\n  height: 12px;\n  background-position: -3029px 0px;\n}\n.iti__flag.iti__lu {\n  height: 12px;\n  background-position: -3051px 0px;\n}\n.iti__flag.iti__lv {\n  height: 10px;\n  background-position: -3073px 0px;\n}\n.iti__flag.iti__ly {\n  height: 10px;\n  background-position: -3095px 0px;\n}\n.iti__flag.iti__ma {\n  height: 14px;\n  background-position: -3117px 0px;\n}\n.iti__flag.iti__mc {\n  height: 15px;\n  background-position: -3139px 0px;\n}\n.iti__flag.iti__md {\n  height: 10px;\n  background-position: -3160px 0px;\n}\n.iti__flag.iti__me {\n  height: 10px;\n  background-position: -3182px 0px;\n}\n.iti__flag.iti__mf {\n  height: 14px;\n  background-position: -3204px 0px;\n}\n.iti__flag.iti__mg {\n  height: 14px;\n  background-position: -3226px 0px;\n}\n.iti__flag.iti__mh {\n  height: 11px;\n  background-position: -3248px 0px;\n}\n.iti__flag.iti__mk {\n  height: 10px;\n  background-position: -3270px 0px;\n}\n.iti__flag.iti__ml {\n  height: 14px;\n  background-position: -3292px 0px;\n}\n.iti__flag.iti__mm {\n  height: 14px;\n  background-position: -3314px 0px;\n}\n.iti__flag.iti__mn {\n  height: 10px;\n  background-position: -3336px 0px;\n}\n.iti__flag.iti__mo {\n  height: 14px;\n  background-position: -3358px 0px;\n}\n.iti__flag.iti__mp {\n  height: 10px;\n  background-position: -3380px 0px;\n}\n.iti__flag.iti__mq {\n  height: 14px;\n  background-position: -3402px 0px;\n}\n.iti__flag.iti__mr {\n  height: 14px;\n  background-position: -3424px 0px;\n}\n.iti__flag.iti__ms {\n  height: 10px;\n  background-position: -3446px 0px;\n}\n.iti__flag.iti__mt {\n  height: 14px;\n  background-position: -3468px 0px;\n}\n.iti__flag.iti__mu {\n  height: 14px;\n  background-position: -3490px 0px;\n}\n.iti__flag.iti__mv {\n  height: 14px;\n  background-position: -3512px 0px;\n}\n.iti__flag.iti__mw {\n  height: 14px;\n  background-position: -3534px 0px;\n}\n.iti__flag.iti__mx {\n  height: 12px;\n  background-position: -3556px 0px;\n}\n.iti__flag.iti__my {\n  height: 10px;\n  background-position: -3578px 0px;\n}\n.iti__flag.iti__mz {\n  height: 14px;\n  background-position: -3600px 0px;\n}\n.iti__flag.iti__na {\n  height: 14px;\n  background-position: -3622px 0px;\n}\n.iti__flag.iti__nc {\n  height: 10px;\n  background-position: -3644px 0px;\n}\n.iti__flag.iti__ne {\n  height: 15px;\n  background-position: -3666px 0px;\n}\n.iti__flag.iti__nf {\n  height: 10px;\n  background-position: -3686px 0px;\n}\n.iti__flag.iti__ng {\n  height: 10px;\n  background-position: -3708px 0px;\n}\n.iti__flag.iti__ni {\n  height: 12px;\n  background-position: -3730px 0px;\n}\n.iti__flag.iti__nl {\n  height: 14px;\n  background-position: -3752px 0px;\n}\n.iti__flag.iti__no {\n  height: 15px;\n  background-position: -3774px 0px;\n}\n.iti__flag.iti__np {\n  height: 15px;\n  background-position: -3796px 0px;\n}\n.iti__flag.iti__nr {\n  height: 10px;\n  background-position: -3811px 0px;\n}\n.iti__flag.iti__nu {\n  height: 10px;\n  background-position: -3833px 0px;\n}\n.iti__flag.iti__nz {\n  height: 10px;\n  background-position: -3855px 0px;\n}\n.iti__flag.iti__om {\n  height: 10px;\n  background-position: -3877px 0px;\n}\n.iti__flag.iti__pa {\n  height: 14px;\n  background-position: -3899px 0px;\n}\n.iti__flag.iti__pe {\n  height: 14px;\n  background-position: -3921px 0px;\n}\n.iti__flag.iti__pf {\n  height: 14px;\n  background-position: -3943px 0px;\n}\n.iti__flag.iti__pg {\n  height: 15px;\n  background-position: -3965px 0px;\n}\n.iti__flag.iti__ph {\n  height: 10px;\n  background-position: -3987px 0px;\n}\n.iti__flag.iti__pk {\n  height: 14px;\n  background-position: -4009px 0px;\n}\n.iti__flag.iti__pl {\n  height: 13px;\n  background-position: -4031px 0px;\n}\n.iti__flag.iti__pm {\n  height: 14px;\n  background-position: -4053px 0px;\n}\n.iti__flag.iti__pn {\n  height: 10px;\n  background-position: -4075px 0px;\n}\n.iti__flag.iti__pr {\n  height: 14px;\n  background-position: -4097px 0px;\n}\n.iti__flag.iti__ps {\n  height: 10px;\n  background-position: -4119px 0px;\n}\n.iti__flag.iti__pt {\n  height: 14px;\n  background-position: -4141px 0px;\n}\n.iti__flag.iti__pw {\n  height: 13px;\n  background-position: -4163px 0px;\n}\n.iti__flag.iti__py {\n  height: 11px;\n  background-position: -4185px 0px;\n}\n.iti__flag.iti__qa {\n  height: 8px;\n  background-position: -4207px 0px;\n}\n.iti__flag.iti__re {\n  height: 14px;\n  background-position: -4229px 0px;\n}\n.iti__flag.iti__ro {\n  height: 14px;\n  background-position: -4251px 0px;\n}\n.iti__flag.iti__rs {\n  height: 14px;\n  background-position: -4273px 0px;\n}\n.iti__flag.iti__ru {\n  height: 14px;\n  background-position: -4295px 0px;\n}\n.iti__flag.iti__rw {\n  height: 14px;\n  background-position: -4317px 0px;\n}\n.iti__flag.iti__sa {\n  height: 14px;\n  background-position: -4339px 0px;\n}\n.iti__flag.iti__sb {\n  height: 10px;\n  background-position: -4361px 0px;\n}\n.iti__flag.iti__sc {\n  height: 10px;\n  background-position: -4383px 0px;\n}\n.iti__flag.iti__sd {\n  height: 10px;\n  background-position: -4405px 0px;\n}\n.iti__flag.iti__se {\n  height: 13px;\n  background-position: -4427px 0px;\n}\n.iti__flag.iti__sg {\n  height: 14px;\n  background-position: -4449px 0px;\n}\n.iti__flag.iti__sh {\n  height: 10px;\n  background-position: -4471px 0px;\n}\n.iti__flag.iti__si {\n  height: 10px;\n  background-position: -4493px 0px;\n}\n.iti__flag.iti__sj {\n  height: 15px;\n  background-position: -4515px 0px;\n}\n.iti__flag.iti__sk {\n  height: 14px;\n  background-position: -4537px 0px;\n}\n.iti__flag.iti__sl {\n  height: 14px;\n  background-position: -4559px 0px;\n}\n.iti__flag.iti__sm {\n  height: 15px;\n  background-position: -4581px 0px;\n}\n.iti__flag.iti__sn {\n  height: 14px;\n  background-position: -4603px 0px;\n}\n.iti__flag.iti__so {\n  height: 14px;\n  background-position: -4625px 0px;\n}\n.iti__flag.iti__sr {\n  height: 14px;\n  background-position: -4647px 0px;\n}\n.iti__flag.iti__ss {\n  height: 10px;\n  background-position: -4669px 0px;\n}\n.iti__flag.iti__st {\n  height: 10px;\n  background-position: -4691px 0px;\n}\n.iti__flag.iti__sv {\n  height: 12px;\n  background-position: -4713px 0px;\n}\n.iti__flag.iti__sx {\n  height: 14px;\n  background-position: -4735px 0px;\n}\n.iti__flag.iti__sy {\n  height: 14px;\n  background-position: -4757px 0px;\n}\n.iti__flag.iti__sz {\n  height: 14px;\n  background-position: -4779px 0px;\n}\n.iti__flag.iti__ta {\n  height: 10px;\n  background-position: -4801px 0px;\n}\n.iti__flag.iti__tc {\n  height: 10px;\n  background-position: -4823px 0px;\n}\n.iti__flag.iti__td {\n  height: 14px;\n  background-position: -4845px 0px;\n}\n.iti__flag.iti__tf {\n  height: 14px;\n  background-position: -4867px 0px;\n}\n.iti__flag.iti__tg {\n  height: 13px;\n  background-position: -4889px 0px;\n}\n.iti__flag.iti__th {\n  height: 14px;\n  background-position: -4911px 0px;\n}\n.iti__flag.iti__tj {\n  height: 10px;\n  background-position: -4933px 0px;\n}\n.iti__flag.iti__tk {\n  height: 10px;\n  background-position: -4955px 0px;\n}\n.iti__flag.iti__tl {\n  height: 10px;\n  background-position: -4977px 0px;\n}\n.iti__flag.iti__tm {\n  height: 14px;\n  background-position: -4999px 0px;\n}\n.iti__flag.iti__tn {\n  height: 14px;\n  background-position: -5021px 0px;\n}\n.iti__flag.iti__to {\n  height: 10px;\n  background-position: -5043px 0px;\n}\n.iti__flag.iti__tr {\n  height: 14px;\n  background-position: -5065px 0px;\n}\n.iti__flag.iti__tt {\n  height: 12px;\n  background-position: -5087px 0px;\n}\n.iti__flag.iti__tv {\n  height: 10px;\n  background-position: -5109px 0px;\n}\n.iti__flag.iti__tw {\n  height: 14px;\n  background-position: -5131px 0px;\n}\n.iti__flag.iti__tz {\n  height: 14px;\n  background-position: -5153px 0px;\n}\n.iti__flag.iti__ua {\n  height: 14px;\n  background-position: -5175px 0px;\n}\n.iti__flag.iti__ug {\n  height: 14px;\n  background-position: -5197px 0px;\n}\n.iti__flag.iti__um {\n  height: 11px;\n  background-position: -5219px 0px;\n}\n.iti__flag.iti__un {\n  height: 14px;\n  background-position: -5241px 0px;\n}\n.iti__flag.iti__us {\n  height: 11px;\n  background-position: -5263px 0px;\n}\n.iti__flag.iti__uy {\n  height: 14px;\n  background-position: -5285px 0px;\n}\n.iti__flag.iti__uz {\n  height: 10px;\n  background-position: -5307px 0px;\n}\n.iti__flag.iti__va {\n  height: 15px;\n  background-position: -5329px 0px;\n}\n.iti__flag.iti__vc {\n  height: 14px;\n  background-position: -5346px 0px;\n}\n.iti__flag.iti__ve {\n  height: 14px;\n  background-position: -5368px 0px;\n}\n.iti__flag.iti__vg {\n  height: 10px;\n  background-position: -5390px 0px;\n}\n.iti__flag.iti__vi {\n  height: 14px;\n  background-position: -5412px 0px;\n}\n.iti__flag.iti__vn {\n  height: 14px;\n  background-position: -5434px 0px;\n}\n.iti__flag.iti__vu {\n  height: 12px;\n  background-position: -5456px 0px;\n}\n.iti__flag.iti__wf {\n  height: 14px;\n  background-position: -5478px 0px;\n}\n.iti__flag.iti__ws {\n  height: 10px;\n  background-position: -5500px 0px;\n}\n.iti__flag.iti__xk {\n  height: 15px;\n  background-position: -5522px 0px;\n}\n.iti__flag.iti__ye {\n  height: 14px;\n  background-position: -5544px 0px;\n}\n.iti__flag.iti__yt {\n  height: 14px;\n  background-position: -5566px 0px;\n}\n.iti__flag.iti__za {\n  height: 14px;\n  background-position: -5588px 0px;\n}\n.iti__flag.iti__zm {\n  height: 14px;\n  background-position: -5610px 0px;\n}\n.iti__flag.iti__zw {\n  height: 10px;\n  background-position: -5632px 0px;\n}\n\n.iti__flag {\n  height: 15px;\n  box-shadow: 0px 0px 1px 0px #888;\n  background-image: url("https://intl-tel-input.com/node_modules/intl-tel-input/build/img/flags.png");\n  background-repeat: no-repeat;\n  background-color: #f5f7f9;\n  background-position: 20px 0;\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n  .iti__flag {\n    background-image: url("https://intl-tel-input.com/node_modules/intl-tel-input/build/img/flags@2x.png");\n  }\n}\n.iti__flag.iti__np {\n  background-color: transparent;\n}\n\n.tamara-product-widget,\n.spotii-wrapper {\n  min-height: 100px;\n  position: relative;\n  color: var(--color-text);\n  font-size: var(--font-sm);\n  line-height: 1.25;\n  border: 1px solid var(--color-grey-dark);\n  padding: 18px 20px 18px 90px !important;\n  background: white;\n  @apply rounded-md hover:shadow-default duration-500 transition-shadow;\n}\n.tamara-product-widget .spotii-promo,\n.spotii-wrapper .spotii-promo {\n  font-size: var(--font-md);\n}\n.tamara-product-widget .spotii-product-widget,\n.spotii-wrapper .spotii-product-widget {\n  font-size: var(--font-sm);\n  margin-top: 10px;\n}\n.tamara-product-widget span,\n.spotii-wrapper span {\n  font-family: var(--font-main);\n  font-size: var(--font-sm);\n  color: var(--color-text);\n}\n.tamara-product-widget span.tamara-logo,\n.spotii-wrapper span.tamara-logo {\n  position: absolute;\n  left: 20px;\n  top: 18px;\n  margin: 0 !important;\n}\n.ltr .tamara-product-widget span.tamara-logo,\n.ltr .spotii-wrapper span.tamara-logo {\n  right: 20px;\n  left: auto;\n}\n.tamara-product-widget span:last-child,\n.spotii-wrapper span:last-child {\n  display: block;\n  position: relative;\n  margin-top: 8px;\n}\n\n.tamara-popup__wrap {\n  overflow: auto !important;\n}';export{p as salla_tamara}

package/dist/twilight-components/p-a24588ab.entry.js

@@ -0,0 +1 @@
+import{r as i,h as t,g as p}from"./p-1fb0ca8a.js";import{H as _}from"./p-ed1c00c5.js";const o=class{constructor(t){var p,o;i(this,t),this.offer=null,this.offer_expires_in=salla.lang.get("pages.products.offer_expires_in"),this.remember_my_choice=salla.lang.get("commone.remember_my_choice"),this.add_to_cart=salla.lang.get("pages.cart.add_to_cart"),this.out_of_stock=salla.lang.get("pages.products.out_of_stock"),_.setHost(this.host),salla.event.on("languages::translations.loaded",(()=>{this.offer_expires_in=salla.lang.get("pages.products.offer_expires_in"),this.remember_my_choice=salla.lang.get("common.remember_my_choice"),this.add_to_cart=salla.lang.get("pages.cart.add_to_cart"),this.out_of_stock=salla.lang.get("pages.products.out_of_stock")})),this.categorySlot=(null===(p=_.getElement('[slot="category"]'))||void 0===p?void 0:p.innerHTML)||'<i class="s-offer-modal-badge-icon sicon-tag"></i><span class="s-offer-modal-badge-text">{name}</span>',this.productSlot=(null===(o=_.getElement('[slot="product"]'))||void 0===o?void 0:o.innerHTML)||this.defaultProductSlot(),salla.offer.event.onExisted((i=>{salla.storage.get("remember-offer-"+i.id)?salla.log("User selected to don't show this offer again."):this.show(i.product_id)}))}async show(i){return salla.api.offer.details(i).then((i=>this.showOffer(i.data[0])))}async showOffer(i){return this.offer=i,this.offer_name=i.name,this.offer_message=i.message,this.modal.setTitle(this.offer_name),this.modal.show()}rememberMe(i){salla.storage.set("remember-offer-"+this.offer.id,i.target.checked)}addItem(){return this.load(),salla.cart.api.quickAdd(this.dataset.id).finally((()=>this.stop()))}defaultProductSlot(){return'<a href={url} class="s-offer-modal-product-image-wrap"><img class="s-offer-modal-product-image" src="{image}" /></a><div class="s-offer-modal-product-info">   <a href={url} class="s-offer-modal-product-name">{name}</a>   <div class="s-offer-modal-product-price">{price}</div></div>'}render(){var i,p;return t("salla-modal",{id:"salla-offer-modal","sub-title-first":!0,icon:"sicon-special-discount","sub-title":this.offer_message,ref:i=>this.modal=i,"is-loading":null===this.offer},null!==this.offer?[t("div",{class:"s-offer-modal-scrolled-slider-wrap"},t("div",{class:"s-offer-modal-body s-offer-modal-scrolled-slider"},(null===(i=this.offer.get.categories)||void 0===i?void 0:i.length)>0?this.offer.get.categories.map((i=>t("a",{href:i.urls.customer,class:"s-offer-modal-badge s-offer-modal-slider-item",innerHTML:this.categorySlot.replace(/\{name\}/g,i.name).replace(/\{url\}/g,i.urls.customer)}))):null===(p=this.offer.get.products)||void 0===p?void 0:p.map((i=>t("div",{class:{"s-offer-modal-product":!0,"s-offer-modal-slider-item":!0,"s-offer-modal-not-available":!i.is_available},id:"product_"+i.id,innerHTML:this.productSlot.replace(/\{name\}/g,i.name).replace(/\{url\}/g,i.url).replace(/\{image\}/g,i.thumbnail).replace(/\{price\}/g,i.has_special_price?salla.money(i.price)+'<span class="s-offer-modal-product-old-price">'+salla.money(i.regular_price)+"</span>":salla.money(i.price))},t("div",{class:"s-offer-modal-btn-wrap"},t("salla-button",{width:"wide",fill:"outline","data-id":i.id,disabled:!i.is_available,"loader-position":"center",onClick:this.addItem},i.is_available?this.add_to_cart:this.out_of_stock)))))),t("div",{class:"s-offer-modal-slider-nav"},t("button",{class:"s-offer-modal-nav-btn s-offer-modal-prev-btn"},t("span",{class:"s-offer-modal-nav-btn-icon sicon-keyboard_arrow_right"})),t("button",{class:"s-offer-modal-nav-btn s-offer-modal-next-btn"},t("span",{class:"s-offer-modal-nav-btn-icon sicon-keyboard_arrow_left"})))),t("div",{class:"s-offer-modal-footer",slot:"footer"},this.offer.expiry_date?t("p",{class:"s-offer-modal-expiry"},this.offer_expires_in," ",this.offer.expiry_date):"",t("label",{class:"s-offer-modal-remember-label"},t("input",{type:"checkbox",onChange:i=>this.rememberMe(i),class:"s-offer-modal-remember-input"}),"  ",this.remember_my_choice))]:"")}componentDidRender(){if(this.modal.querySelectorAll("[hidden]").forEach((i=>i.removeAttribute("hidden"))),this.offer&&window.screen.width>639){let i=this.host.querySelector(".s-offer-modal-scrolled-slider-wrap"),t=this.host.querySelector(".s-offer-modal-scrolled-slider"),p=this.host.querySelectorAll(".s-offer-modal-nav-btn"),_=this.host.querySelector(".s-offer-modal-next-btn"),o=this.host.querySelector(".s-offer-modal-prev-btn"),g=this.host.querySelectorAll(".s-offer-modal-slider-item"),a=20,x=0,n=3,h=g[0].offsetWidth,s=g.length*h,e=i.offsetWidth,l=s-e,r=!!document.body.classList.contains("rtl");l>a&&_.classList.add("s-offer-modal-btn-is-active"),window.onresize=function(){e=i.offsetWidth,l=s-e},t.addEventListener("scroll",(function(){let i=Math.abs(t.scrollLeft),p=l-a;i<=a?(_.classList.add("s-offer-modal-btn-is-active"),o.classList.remove("s-offer-modal-btn-is-active")):i<p?(_.classList.add("s-offer-modal-btn-is-active"),o.classList.add("s-offer-modal-btn-is-active")):i>=p&&(_.classList.remove("s-offer-modal-btn-is-active"),o.classList.add("s-offer-modal-btn-is-active"))})),p.forEach((i=>{i.addEventListener("click",(function(){i.classList.contains("s-offer-modal-next-btn")?x++:x--,t.scrollTo({top:0,left:h*n*x*(r?-1:1),behavior:"smooth"})}))}))}}get host(){return p(this)}};o.style='.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:14px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cr{height:12px;background-position:-1115px 0px}.iti__flag.iti__cu{height:10px;background-position:-1137px 0px}.iti__flag.iti__cv{height:12px;background-position:-1159px 0px}.iti__flag.iti__cw{height:14px;background-position:-1181px 0px}.iti__flag.iti__cx{height:10px;background-position:-1203px 0px}.iti__flag.iti__cy{height:14px;background-position:-1225px 0px}.iti__flag.iti__cz{height:14px;background-position:-1247px 0px}.iti__flag.iti__de{height:12px;background-position:-1269px 0px}.iti__flag.iti__dg{height:10px;background-position:-1291px 0px}.iti__flag.iti__dj{height:14px;background-position:-1313px 0px}.iti__flag.iti__dk{height:15px;background-position:-1335px 0px}.iti__flag.iti__dm{height:10px;background-position:-1357px 0px}.iti__flag.iti__do{height:14px;background-position:-1379px 0px}.iti__flag.iti__dz{height:14px;background-position:-1401px 0px}.iti__flag.iti__ea{height:14px;background-position:-1423px 0px}.iti__flag.iti__ec{height:14px;background-position:-1445px 0px}.iti__flag.iti__ee{height:13px;background-position:-1467px 0px}.iti__flag.iti__eg{height:14px;background-position:-1489px 0px}.iti__flag.iti__eh{height:10px;background-position:-1511px 0px}.iti__flag.iti__er{height:10px;background-position:-1533px 0px}.iti__flag.iti__es{height:14px;background-position:-1555px 0px}.iti__flag.iti__et{height:10px;background-position:-1577px 0px}.iti__flag.iti__eu{height:14px;background-position:-1599px 0px}.iti__flag.iti__fi{height:12px;background-position:-1621px 0px}.iti__flag.iti__fj{height:10px;background-position:-1643px 0px}.iti__flag.iti__fk{height:10px;background-position:-1665px 0px}.iti__flag.iti__fm{height:11px;background-position:-1687px 0px}.iti__flag.iti__fo{height:15px;background-position:-1709px 0px}.iti__flag.iti__fr{height:14px;background-position:-1731px 0px}.iti__flag.iti__ga{height:15px;background-position:-1753px 0px}.iti__flag.iti__gb{height:10px;background-position:-1775px 0px}.iti__flag.iti__gd{height:12px;background-position:-1797px 0px}.iti__flag.iti__ge{height:14px;background-position:-1819px 0px}.iti__flag.iti__gf{height:14px;background-position:-1841px 0px}.iti__flag.iti__gg{height:14px;background-position:-1863px 0px}.iti__flag.iti__gh{height:14px;background-position:-1885px 0px}.iti__flag.iti__gi{height:10px;background-position:-1907px 0px}.iti__flag.iti__gl{height:14px;background-position:-1929px 0px}.iti__flag.iti__gm{height:14px;background-position:-1951px 0px}.iti__flag.iti__gn{height:14px;background-position:-1973px 0px}.iti__flag.iti__gp{height:14px;background-position:-1995px 0px}.iti__flag.iti__gq{height:14px;background-position:-2017px 0px}.iti__flag.iti__gr{height:14px;background-position:-2039px 0px}.iti__flag.iti__gs{height:10px;background-position:-2061px 0px}.iti__flag.iti__gt{height:13px;background-position:-2083px 0px}.iti__flag.iti__gu{height:11px;background-position:-2105px 0px}.iti__flag.iti__gw{height:10px;background-position:-2127px 0px}.iti__flag.iti__gy{height:12px;background-position:-2149px 0px}.iti__flag.iti__hk{height:14px;background-position:-2171px 0px}.iti__flag.iti__hm{height:10px;background-position:-2193px 0px}.iti__flag.iti__hn{height:10px;background-position:-2215px 0px}.iti__flag.iti__hr{height:10px;background-position:-2237px 0px}.iti__flag.iti__ht{height:12px;background-position:-2259px 0px}.iti__flag.iti__hu{height:10px;background-position:-2281px 0px}.iti__flag.iti__ic{height:14px;background-position:-2303px 0px}.iti__flag.iti__id{height:14px;background-position:-2325px 0px}.iti__flag.iti__ie{height:10px;background-position:-2347px 0px}.iti__flag.iti__il{height:15px;background-position:-2369px 0px}.iti__flag.iti__im{height:10px;background-position:-2391px 0px}.iti__flag.iti__in{height:14px;background-position:-2413px 0px}.iti__flag.iti__io{height:10px;background-position:-2435px 0px}.iti__flag.iti__iq{height:14px;background-position:-2457px 0px}.iti__flag.iti__ir{height:12px;background-position:-2479px 0px}.iti__flag.iti__is{height:15px;background-position:-2501px 0px}.iti__flag.iti__it{height:14px;background-position:-2523px 0px}.iti__flag.iti__je{height:12px;background-position:-2545px 0px}.iti__flag.iti__jm{height:10px;background-position:-2567px 0px}.iti__flag.iti__jo{height:10px;background-position:-2589px 0px}.iti__flag.iti__jp{height:14px;background-position:-2611px 0px}.iti__flag.iti__ke{height:14px;background-position:-2633px 0px}.iti__flag.iti__kg{height:12px;background-position:-2655px 0px}.iti__flag.iti__kh{height:13px;background-position:-2677px 0px}.iti__flag.iti__ki{height:10px;background-position:-2699px 0px}.iti__flag.iti__km{height:12px;background-position:-2721px 0px}.iti__flag.iti__kn{height:14px;background-position:-2743px 0px}.iti__flag.iti__kp{height:10px;background-position:-2765px 0px}.iti__flag.iti__kr{height:14px;background-position:-2787px 0px}.iti__flag.iti__kw{height:10px;background-position:-2809px 0px}.iti__flag.iti__ky{height:10px;background-position:-2831px 0px}.iti__flag.iti__kz{height:10px;background-position:-2853px 0px}.iti__flag.iti__la{height:14px;background-position:-2875px 0px}.iti__flag.iti__lb{height:14px;background-position:-2897px 0px}.iti__flag.iti__lc{height:10px;background-position:-2919px 0px}.iti__flag.iti__li{height:12px;background-position:-2941px 0px}.iti__flag.iti__lk{height:10px;background-position:-2963px 0px}.iti__flag.iti__lr{height:11px;background-position:-2985px 0px}.iti__flag.iti__ls{height:14px;background-position:-3007px 0px}.iti__flag.iti__lt{height:12px;background-position:-3029px 0px}.iti__flag.iti__lu{height:12px;background-position:-3051px 0px}.iti__flag.iti__lv{height:10px;background-position:-3073px 0px}.iti__flag.iti__ly{height:10px;background-position:-3095px 0px}.iti__flag.iti__ma{height:14px;background-position:-3117px 0px}.iti__flag.iti__mc{height:15px;background-position:-3139px 0px}.iti__flag.iti__md{height:10px;background-position:-3160px 0px}.iti__flag.iti__me{height:10px;background-position:-3182px 0px}.iti__flag.iti__mf{height:14px;background-position:-3204px 0px}.iti__flag.iti__mg{height:14px;background-position:-3226px 0px}.iti__flag.iti__mh{height:11px;background-position:-3248px 0px}.iti__flag.iti__mk{height:10px;background-position:-3270px 0px}.iti__flag.iti__ml{height:14px;background-position:-3292px 0px}.iti__flag.iti__mm{height:14px;background-position:-3314px 0px}.iti__flag.iti__mn{height:10px;background-position:-3336px 0px}.iti__flag.iti__mo{height:14px;background-position:-3358px 0px}.iti__flag.iti__mp{height:10px;background-position:-3380px 0px}.iti__flag.iti__mq{height:14px;background-position:-3402px 0px}.iti__flag.iti__mr{height:14px;background-position:-3424px 0px}.iti__flag.iti__ms{height:10px;background-position:-3446px 0px}.iti__flag.iti__mt{height:14px;background-position:-3468px 0px}.iti__flag.iti__mu{height:14px;background-position:-3490px 0px}.iti__flag.iti__mv{height:14px;background-position:-3512px 0px}.iti__flag.iti__mw{height:14px;background-position:-3534px 0px}.iti__flag.iti__mx{height:12px;background-position:-3556px 0px}.iti__flag.iti__my{height:10px;background-position:-3578px 0px}.iti__flag.iti__mz{height:14px;background-position:-3600px 0px}.iti__flag.iti__na{height:14px;background-position:-3622px 0px}.iti__flag.iti__nc{height:10px;background-position:-3644px 0px}.iti__flag.iti__ne{height:15px;background-position:-3666px 0px}.iti__flag.iti__nf{height:10px;background-position:-3686px 0px}.iti__flag.iti__ng{height:10px;background-position:-3708px 0px}.iti__flag.iti__ni{height:12px;background-position:-3730px 0px}.iti__flag.iti__nl{height:14px;background-position:-3752px 0px}.iti__flag.iti__no{height:15px;background-position:-3774px 0px}.iti__flag.iti__np{height:15px;background-position:-3796px 0px}.iti__flag.iti__nr{height:10px;background-position:-3811px 0px}.iti__flag.iti__nu{height:10px;background-position:-3833px 0px}.iti__flag.iti__nz{height:10px;background-position:-3855px 0px}.iti__flag.iti__om{height:10px;background-position:-3877px 0px}.iti__flag.iti__pa{height:14px;background-position:-3899px 0px}.iti__flag.iti__pe{height:14px;background-position:-3921px 0px}.iti__flag.iti__pf{height:14px;background-position:-3943px 0px}.iti__flag.iti__pg{height:15px;background-position:-3965px 0px}.iti__flag.iti__ph{height:10px;background-position:-3987px 0px}.iti__flag.iti__pk{height:14px;background-position:-4009px 0px}.iti__flag.iti__pl{height:13px;background-position:-4031px 0px}.iti__flag.iti__pm{height:14px;background-position:-4053px 0px}.iti__flag.iti__pn{height:10px;background-position:-4075px 0px}.iti__flag.iti__pr{height:14px;background-position:-4097px 0px}.iti__flag.iti__ps{height:10px;background-position:-4119px 0px}.iti__flag.iti__pt{height:14px;background-position:-4141px 0px}.iti__flag.iti__pw{height:13px;background-position:-4163px 0px}.iti__flag.iti__py{height:11px;background-position:-4185px 0px}.iti__flag.iti__qa{height:8px;background-position:-4207px 0px}.iti__flag.iti__re{height:14px;background-position:-4229px 0px}.iti__flag.iti__ro{height:14px;background-position:-4251px 0px}.iti__flag.iti__rs{height:14px;background-position:-4273px 0px}.iti__flag.iti__ru{height:14px;background-position:-4295px 0px}.iti__flag.iti__rw{height:14px;background-position:-4317px 0px}.iti__flag.iti__sa{height:14px;background-position:-4339px 0px}.iti__flag.iti__sb{height:10px;background-position:-4361px 0px}.iti__flag.iti__sc{height:10px;background-position:-4383px 0px}.iti__flag.iti__sd{height:10px;background-position:-4405px 0px}.iti__flag.iti__se{height:13px;background-position:-4427px 0px}.iti__flag.iti__sg{height:14px;background-position:-4449px 0px}.iti__flag.iti__sh{height:10px;background-position:-4471px 0px}.iti__flag.iti__si{height:10px;background-position:-4493px 0px}.iti__flag.iti__sj{height:15px;background-position:-4515px 0px}.iti__flag.iti__sk{height:14px;background-position:-4537px 0px}.iti__flag.iti__sl{height:14px;background-position:-4559px 0px}.iti__flag.iti__sm{height:15px;background-position:-4581px 0px}.iti__flag.iti__sn{height:14px;background-position:-4603px 0px}.iti__flag.iti__so{height:14px;background-position:-4625px 0px}.iti__flag.iti__sr{height:14px;background-position:-4647px 0px}.iti__flag.iti__ss{height:10px;background-position:-4669px 0px}.iti__flag.iti__st{height:10px;background-position:-4691px 0px}.iti__flag.iti__sv{height:12px;background-position:-4713px 0px}.iti__flag.iti__sx{height:14px;background-position:-4735px 0px}.iti__flag.iti__sy{height:14px;background-position:-4757px 0px}.iti__flag.iti__sz{height:14px;background-position:-4779px 0px}.iti__flag.iti__ta{height:10px;background-position:-4801px 0px}.iti__flag.iti__tc{height:10px;background-position:-4823px 0px}.iti__flag.iti__td{height:14px;background-position:-4845px 0px}.iti__flag.iti__tf{height:14px;background-position:-4867px 0px}.iti__flag.iti__tg{height:13px;background-position:-4889px 0px}.iti__flag.iti__th{height:14px;background-position:-4911px 0px}.iti__flag.iti__tj{height:10px;background-position:-4933px 0px}.iti__flag.iti__tk{height:10px;background-position:-4955px 0px}.iti__flag.iti__tl{height:10px;background-position:-4977px 0px}.iti__flag.iti__tm{height:14px;background-position:-4999px 0px}.iti__flag.iti__tn{height:14px;background-position:-5021px 0px}.iti__flag.iti__to{height:10px;background-position:-5043px 0px}.iti__flag.iti__tr{height:14px;background-position:-5065px 0px}.iti__flag.iti__tt{height:12px;background-position:-5087px 0px}.iti__flag.iti__tv{height:10px;background-position:-5109px 0px}.iti__flag.iti__tw{height:14px;background-position:-5131px 0px}.iti__flag.iti__tz{height:14px;background-position:-5153px 0px}.iti__flag.iti__ua{height:14px;background-position:-5175px 0px}.iti__flag.iti__ug{height:14px;background-position:-5197px 0px}.iti__flag.iti__um{height:11px;background-position:-5219px 0px}.iti__flag.iti__un{height:14px;background-position:-5241px 0px}.iti__flag.iti__us{height:11px;background-position:-5263px 0px}.iti__flag.iti__uy{height:14px;background-position:-5285px 0px}.iti__flag.iti__uz{height:10px;background-position:-5307px 0px}.iti__flag.iti__va{height:15px;background-position:-5329px 0px}.iti__flag.iti__vc{height:14px;background-position:-5346px 0px}.iti__flag.iti__ve{height:14px;background-position:-5368px 0px}.iti__flag.iti__vg{height:10px;background-position:-5390px 0px}.iti__flag.iti__vi{height:14px;background-position:-5412px 0px}.iti__flag.iti__vn{height:14px;background-position:-5434px 0px}.iti__flag.iti__vu{height:12px;background-position:-5456px 0px}.iti__flag.iti__wf{height:14px;background-position:-5478px 0px}.iti__flag.iti__ws{height:10px;background-position:-5500px 0px}.iti__flag.iti__xk{height:15px;background-position:-5522px 0px}.iti__flag.iti__ye{height:14px;background-position:-5544px 0px}.iti__flag.iti__yt{height:14px;background-position:-5566px 0px}.iti__flag.iti__za{height:14px;background-position:-5588px 0px}.iti__flag.iti__zm{height:14px;background-position:-5610px 0px}.iti__flag.iti__zw{height:10px;background-position:-5632px 0px}.iti__flag{height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("https://intl-tel-input.com/node_modules/intl-tel-input/build/img/flags.png");background-repeat:no-repeat;background-color:#f5f7f9;background-position:20px 0}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-image:url("https://intl-tel-input.com/node_modules/intl-tel-input/build/img/flags@2x.png")}}.iti__flag.iti__np{background-color:transparent}#salla-offer-modal .s-offer-modal-body{-webkit-overflow-scrolling:touch}#salla-offer-modal .s-offer-modal-body::-webkit-scrollbar{display:none}#salla-offer-modal .s-offer-modal-next-btn{background:linear-gradient(90deg, #fff 25%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0) 100%)}#salla-offer-modal .s-offer-modal-prev-btn{background:linear-gradient(-90deg, #fff 25%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0) 100%)}';export{o as salla_offer_modal}

package/dist/twilight-components/p-e3cbda45.entry.js

@@ -0,0 +1 @@
+import{r as t,h as s,H as i,g as n}from"./p-1fb0ca8a.js";const a=class{constructor(s){t(this,s),this.hostAttributes={},this.hasIncrementSlot=!1,this.hasDecrementSlot=!1,this.didLoaded=!1,this.quantity=1}watchPropHandler(){this.didLoaded&&salla.helpers.debounce((()=>salla.document.event.fireEvent(this.textInput,"change",{bubbles:!0})))()}componentWillLoad(){this.quantity=parseInt(this.host.getAttribute("value"))||1,this.hasIncrementSlot=!!this.host.querySelector('[slot="increment-button"]'),this.hasDecrementSlot=!!this.host.querySelector('[slot="decrement-button"]')}componentDidLoad(){this.didLoaded=!0,this.textInput.addEventListener("input",(t=>salla.helpers.inputDigitsOnly(t.target)))}getInputAttributes(){for(let t=0;t<this.host.attributes.length;t++)["id","value","min","class"].includes(this.host.attributes[t].name)||(this.hostAttributes[this.host.attributes[t].name]=this.host.attributes[t].value);return this.hostAttributes}decrement(){this.quantity<=1||this.quantity--}increment(){let t=parseInt(this.host.getAttribute("max"));t&&this.quantity>=t||this.quantity++}render(){return s(i,{class:"s-quantity-input s-quantity-input-container"},s("button",{onClick:()=>this.increment(),class:"s-quantity-input-button",type:"button"},this.hasIncrementSlot?"":s("i",{class:"sicon-add"}),s("slot",{name:"increment-button"})),s("input",Object.assign({class:"s-quantity-input-input"},this.getInputAttributes(),{min:"1",value:this.quantity,ref:t=>this.textInput=t})),s("button",{class:"s-quantity-input-button",onClick:()=>this.decrement(),type:"button"},this.hasDecrementSlot?"":s("i",{class:"sicon-minus"}),s("slot",{name:"decrement-button"})))}get host(){return n(this)}static get watchers(){return{quantity:["watchPropHandler"]}}};a.style=":host{display:block}";export{a as salla_quantity_input}

package/dist/twilight-components/twilight-components.css

@@ -1 +1 @@
-salla-button[wide]{width:100%}
+.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:14px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cr{height:12px;background-position:-1115px 0px}.iti__flag.iti__cu{height:10px;background-position:-1137px 0px}.iti__flag.iti__cv{height:12px;background-position:-1159px 0px}.iti__flag.iti__cw{height:14px;background-position:-1181px 0px}.iti__flag.iti__cx{height:10px;background-position:-1203px 0px}.iti__flag.iti__cy{height:14px;background-position:-1225px 0px}.iti__flag.iti__cz{height:14px;background-position:-1247px 0px}.iti__flag.iti__de{height:12px;background-position:-1269px 0px}.iti__flag.iti__dg{height:10px;background-position:-1291px 0px}.iti__flag.iti__dj{height:14px;background-position:-1313px 0px}.iti__flag.iti__dk{height:15px;background-position:-1335px 0px}.iti__flag.iti__dm{height:10px;background-position:-1357px 0px}.iti__flag.iti__do{height:14px;background-position:-1379px 0px}.iti__flag.iti__dz{height:14px;background-position:-1401px 0px}.iti__flag.iti__ea{height:14px;background-position:-1423px 0px}.iti__flag.iti__ec{height:14px;background-position:-1445px 0px}.iti__flag.iti__ee{height:13px;background-position:-1467px 0px}.iti__flag.iti__eg{height:14px;background-position:-1489px 0px}.iti__flag.iti__eh{height:10px;background-position:-1511px 0px}.iti__flag.iti__er{height:10px;background-position:-1533px 0px}.iti__flag.iti__es{height:14px;background-position:-1555px 0px}.iti__flag.iti__et{height:10px;background-position:-1577px 0px}.iti__flag.iti__eu{height:14px;background-position:-1599px 0px}.iti__flag.iti__fi{height:12px;background-position:-1621px 0px}.iti__flag.iti__fj{height:10px;background-position:-1643px 0px}.iti__flag.iti__fk{height:10px;background-position:-1665px 0px}.iti__flag.iti__fm{height:11px;background-position:-1687px 0px}.iti__flag.iti__fo{height:15px;background-position:-1709px 0px}.iti__flag.iti__fr{height:14px;background-position:-1731px 0px}.iti__flag.iti__ga{height:15px;background-position:-1753px 0px}.iti__flag.iti__gb{height:10px;background-position:-1775px 0px}.iti__flag.iti__gd{height:12px;background-position:-1797px 0px}.iti__flag.iti__ge{height:14px;background-position:-1819px 0px}.iti__flag.iti__gf{height:14px;background-position:-1841px 0px}.iti__flag.iti__gg{height:14px;background-position:-1863px 0px}.iti__flag.iti__gh{height:14px;background-position:-1885px 0px}.iti__flag.iti__gi{height:10px;background-position:-1907px 0px}.iti__flag.iti__gl{height:14px;background-position:-1929px 0px}.iti__flag.iti__gm{height:14px;background-position:-1951px 0px}.iti__flag.iti__gn{height:14px;background-position:-1973px 0px}.iti__flag.iti__gp{height:14px;background-position:-1995px 0px}.iti__flag.iti__gq{height:14px;background-position:-2017px 0px}.iti__flag.iti__gr{height:14px;background-position:-2039px 0px}.iti__flag.iti__gs{height:10px;background-position:-2061px 0px}.iti__flag.iti__gt{height:13px;background-position:-2083px 0px}.iti__flag.iti__gu{height:11px;background-position:-2105px 0px}.iti__flag.iti__gw{height:10px;background-position:-2127px 0px}.iti__flag.iti__gy{height:12px;background-position:-2149px 0px}.iti__flag.iti__hk{height:14px;background-position:-2171px 0px}.iti__flag.iti__hm{height:10px;background-position:-2193px 0px}.iti__flag.iti__hn{height:10px;background-position:-2215px 0px}.iti__flag.iti__hr{height:10px;background-position:-2237px 0px}.iti__flag.iti__ht{height:12px;background-position:-2259px 0px}.iti__flag.iti__hu{height:10px;background-position:-2281px 0px}.iti__flag.iti__ic{height:14px;background-position:-2303px 0px}.iti__flag.iti__id{height:14px;background-position:-2325px 0px}.iti__flag.iti__ie{height:10px;background-position:-2347px 0px}.iti__flag.iti__il{height:15px;background-position:-2369px 0px}.iti__flag.iti__im{height:10px;background-position:-2391px 0px}.iti__flag.iti__in{height:14px;background-position:-2413px 0px}.iti__flag.iti__io{height:10px;background-position:-2435px 0px}.iti__flag.iti__iq{height:14px;background-position:-2457px 0px}.iti__flag.iti__ir{height:12px;background-position:-2479px 0px}.iti__flag.iti__is{height:15px;background-position:-2501px 0px}.iti__flag.iti__it{height:14px;background-position:-2523px 0px}.iti__flag.iti__je{height:12px;background-position:-2545px 0px}.iti__flag.iti__jm{height:10px;background-position:-2567px 0px}.iti__flag.iti__jo{height:10px;background-position:-2589px 0px}.iti__flag.iti__jp{height:14px;background-position:-2611px 0px}.iti__flag.iti__ke{height:14px;background-position:-2633px 0px}.iti__flag.iti__kg{height:12px;background-position:-2655px 0px}.iti__flag.iti__kh{height:13px;background-position:-2677px 0px}.iti__flag.iti__ki{height:10px;background-position:-2699px 0px}.iti__flag.iti__km{height:12px;background-position:-2721px 0px}.iti__flag.iti__kn{height:14px;background-position:-2743px 0px}.iti__flag.iti__kp{height:10px;background-position:-2765px 0px}.iti__flag.iti__kr{height:14px;background-position:-2787px 0px}.iti__flag.iti__kw{height:10px;background-position:-2809px 0px}.iti__flag.iti__ky{height:10px;background-position:-2831px 0px}.iti__flag.iti__kz{height:10px;background-position:-2853px 0px}.iti__flag.iti__la{height:14px;background-position:-2875px 0px}.iti__flag.iti__lb{height:14px;background-position:-2897px 0px}.iti__flag.iti__lc{height:10px;background-position:-2919px 0px}.iti__flag.iti__li{height:12px;background-position:-2941px 0px}.iti__flag.iti__lk{height:10px;background-position:-2963px 0px}.iti__flag.iti__lr{height:11px;background-position:-2985px 0px}.iti__flag.iti__ls{height:14px;background-position:-3007px 0px}.iti__flag.iti__lt{height:12px;background-position:-3029px 0px}.iti__flag.iti__lu{height:12px;background-position:-3051px 0px}.iti__flag.iti__lv{height:10px;background-position:-3073px 0px}.iti__flag.iti__ly{height:10px;background-position:-3095px 0px}.iti__flag.iti__ma{height:14px;background-position:-3117px 0px}.iti__flag.iti__mc{height:15px;background-position:-3139px 0px}.iti__flag.iti__md{height:10px;background-position:-3160px 0px}.iti__flag.iti__me{height:10px;background-position:-3182px 0px}.iti__flag.iti__mf{height:14px;background-position:-3204px 0px}.iti__flag.iti__mg{height:14px;background-position:-3226px 0px}.iti__flag.iti__mh{height:11px;background-position:-3248px 0px}.iti__flag.iti__mk{height:10px;background-position:-3270px 0px}.iti__flag.iti__ml{height:14px;background-position:-3292px 0px}.iti__flag.iti__mm{height:14px;background-position:-3314px 0px}.iti__flag.iti__mn{height:10px;background-position:-3336px 0px}.iti__flag.iti__mo{height:14px;background-position:-3358px 0px}.iti__flag.iti__mp{height:10px;background-position:-3380px 0px}.iti__flag.iti__mq{height:14px;background-position:-3402px 0px}.iti__flag.iti__mr{height:14px;background-position:-3424px 0px}.iti__flag.iti__ms{height:10px;background-position:-3446px 0px}.iti__flag.iti__mt{height:14px;background-position:-3468px 0px}.iti__flag.iti__mu{height:14px;background-position:-3490px 0px}.iti__flag.iti__mv{height:14px;background-position:-3512px 0px}.iti__flag.iti__mw{height:14px;background-position:-3534px 0px}.iti__flag.iti__mx{height:12px;background-position:-3556px 0px}.iti__flag.iti__my{height:10px;background-position:-3578px 0px}.iti__flag.iti__mz{height:14px;background-position:-3600px 0px}.iti__flag.iti__na{height:14px;background-position:-3622px 0px}.iti__flag.iti__nc{height:10px;background-position:-3644px 0px}.iti__flag.iti__ne{height:15px;background-position:-3666px 0px}.iti__flag.iti__nf{height:10px;background-position:-3686px 0px}.iti__flag.iti__ng{height:10px;background-position:-3708px 0px}.iti__flag.iti__ni{height:12px;background-position:-3730px 0px}.iti__flag.iti__nl{height:14px;background-position:-3752px 0px}.iti__flag.iti__no{height:15px;background-position:-3774px 0px}.iti__flag.iti__np{height:15px;background-position:-3796px 0px}.iti__flag.iti__nr{height:10px;background-position:-3811px 0px}.iti__flag.iti__nu{height:10px;background-position:-3833px 0px}.iti__flag.iti__nz{height:10px;background-position:-3855px 0px}.iti__flag.iti__om{height:10px;background-position:-3877px 0px}.iti__flag.iti__pa{height:14px;background-position:-3899px 0px}.iti__flag.iti__pe{height:14px;background-position:-3921px 0px}.iti__flag.iti__pf{height:14px;background-position:-3943px 0px}.iti__flag.iti__pg{height:15px;background-position:-3965px 0px}.iti__flag.iti__ph{height:10px;background-position:-3987px 0px}.iti__flag.iti__pk{height:14px;background-position:-4009px 0px}.iti__flag.iti__pl{height:13px;background-position:-4031px 0px}.iti__flag.iti__pm{height:14px;background-position:-4053px 0px}.iti__flag.iti__pn{height:10px;background-position:-4075px 0px}.iti__flag.iti__pr{height:14px;background-position:-4097px 0px}.iti__flag.iti__ps{height:10px;background-position:-4119px 0px}.iti__flag.iti__pt{height:14px;background-position:-4141px 0px}.iti__flag.iti__pw{height:13px;background-position:-4163px 0px}.iti__flag.iti__py{height:11px;background-position:-4185px 0px}.iti__flag.iti__qa{height:8px;background-position:-4207px 0px}.iti__flag.iti__re{height:14px;background-position:-4229px 0px}.iti__flag.iti__ro{height:14px;background-position:-4251px 0px}.iti__flag.iti__rs{height:14px;background-position:-4273px 0px}.iti__flag.iti__ru{height:14px;background-position:-4295px 0px}.iti__flag.iti__rw{height:14px;background-position:-4317px 0px}.iti__flag.iti__sa{height:14px;background-position:-4339px 0px}.iti__flag.iti__sb{height:10px;background-position:-4361px 0px}.iti__flag.iti__sc{height:10px;background-position:-4383px 0px}.iti__flag.iti__sd{height:10px;background-position:-4405px 0px}.iti__flag.iti__se{height:13px;background-position:-4427px 0px}.iti__flag.iti__sg{height:14px;background-position:-4449px 0px}.iti__flag.iti__sh{height:10px;background-position:-4471px 0px}.iti__flag.iti__si{height:10px;background-position:-4493px 0px}.iti__flag.iti__sj{height:15px;background-position:-4515px 0px}.iti__flag.iti__sk{height:14px;background-position:-4537px 0px}.iti__flag.iti__sl{height:14px;background-position:-4559px 0px}.iti__flag.iti__sm{height:15px;background-position:-4581px 0px}.iti__flag.iti__sn{height:14px;background-position:-4603px 0px}.iti__flag.iti__so{height:14px;background-position:-4625px 0px}.iti__flag.iti__sr{height:14px;background-position:-4647px 0px}.iti__flag.iti__ss{height:10px;background-position:-4669px 0px}.iti__flag.iti__st{height:10px;background-position:-4691px 0px}.iti__flag.iti__sv{height:12px;background-position:-4713px 0px}.iti__flag.iti__sx{height:14px;background-position:-4735px 0px}.iti__flag.iti__sy{height:14px;background-position:-4757px 0px}.iti__flag.iti__sz{height:14px;background-position:-4779px 0px}.iti__flag.iti__ta{height:10px;background-position:-4801px 0px}.iti__flag.iti__tc{height:10px;background-position:-4823px 0px}.iti__flag.iti__td{height:14px;background-position:-4845px 0px}.iti__flag.iti__tf{height:14px;background-position:-4867px 0px}.iti__flag.iti__tg{height:13px;background-position:-4889px 0px}.iti__flag.iti__th{height:14px;background-position:-4911px 0px}.iti__flag.iti__tj{height:10px;background-position:-4933px 0px}.iti__flag.iti__tk{height:10px;background-position:-4955px 0px}.iti__flag.iti__tl{height:10px;background-position:-4977px 0px}.iti__flag.iti__tm{height:14px;background-position:-4999px 0px}.iti__flag.iti__tn{height:14px;background-position:-5021px 0px}.iti__flag.iti__to{height:10px;background-position:-5043px 0px}.iti__flag.iti__tr{height:14px;background-position:-5065px 0px}.iti__flag.iti__tt{height:12px;background-position:-5087px 0px}.iti__flag.iti__tv{height:10px;background-position:-5109px 0px}.iti__flag.iti__tw{height:14px;background-position:-5131px 0px}.iti__flag.iti__tz{height:14px;background-position:-5153px 0px}.iti__flag.iti__ua{height:14px;background-position:-5175px 0px}.iti__flag.iti__ug{height:14px;background-position:-5197px 0px}.iti__flag.iti__um{height:11px;background-position:-5219px 0px}.iti__flag.iti__un{height:14px;background-position:-5241px 0px}.iti__flag.iti__us{height:11px;background-position:-5263px 0px}.iti__flag.iti__uy{height:14px;background-position:-5285px 0px}.iti__flag.iti__uz{height:10px;background-position:-5307px 0px}.iti__flag.iti__va{height:15px;background-position:-5329px 0px}.iti__flag.iti__vc{height:14px;background-position:-5346px 0px}.iti__flag.iti__ve{height:14px;background-position:-5368px 0px}.iti__flag.iti__vg{height:10px;background-position:-5390px 0px}.iti__flag.iti__vi{height:14px;background-position:-5412px 0px}.iti__flag.iti__vn{height:14px;background-position:-5434px 0px}.iti__flag.iti__vu{height:12px;background-position:-5456px 0px}.iti__flag.iti__wf{height:14px;background-position:-5478px 0px}.iti__flag.iti__ws{height:10px;background-position:-5500px 0px}.iti__flag.iti__xk{height:15px;background-position:-5522px 0px}.iti__flag.iti__ye{height:14px;background-position:-5544px 0px}.iti__flag.iti__yt{height:14px;background-position:-5566px 0px}.iti__flag.iti__za{height:14px;background-position:-5588px 0px}.iti__flag.iti__zm{height:14px;background-position:-5610px 0px}.iti__flag.iti__zw{height:10px;background-position:-5632px 0px}.iti__flag{height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("https://intl-tel-input.com/node_modules/intl-tel-input/build/img/flags.png");background-repeat:no-repeat;background-color:#f5f7f9;background-position:20px 0}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-image:url("https://intl-tel-input.com/node_modules/intl-tel-input/build/img/flags@2x.png")}}.iti__flag.iti__np{background-color:transparent}salla-button[width=full]{width:100%}

package/dist/twilight-components/twilight-components.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-cb1c59a2.js";(()=>{const o=import.meta.url,l={};return""!==o&&(l.resourcesUrl=new URL(".",o).href),e(l)})().then((e=>o([["p-646fbb7f",[[4,"salla-button",{buttonType:[513,"button-type"],color:[513],fill:[513],size:[513],width:[513],loading:[516],disabled:[516],loaderPosition:[1,"loader-position"],wide:[4],href:[1],load:[64],stop:[64],setText:[64],disable:[64],enable:[64]}]]],["p-64977eab",[[0,"salla-search",{inline:[4],oval:[4],height:[2],results:[32],placeholder:[32],noResultsText:[32]},[[0,"modalOpened","onModalOpen"],[0,"modalClosed","onModalClose"]]],[4,"salla-modal",{isClosable:[1028,"is-closable"],width:[513],position:[513],visible:[516],isLoading:[1540,"is-loading"],subTitleFirst:[4,"sub-title-first"],noPadding:[4,"no-padding"],subTitle:[1,"sub-title"],icon:[1],iconStyle:[1,"icon-style"],imageIcon:[1,"image-icon"],title:[32],show:[64],hide:[64],setTitle:[64],loading:[64],stopLoading:[64]}]]],["p-7c4ba872",[[4,"salla-login-modal",{isEmailAllowed:[1028,"is-email-allowed"],isMobileAllowed:[1028,"is-mobile-allowed"],isEmailRequired:[1028,"is-email-required"],title:[32],loginTypeTitle:[32],loginText:[32],smsLabel:[32],mobileLabel:[32],emailLabel:[32],enterText:[32],bySMSText:[32],byEmailText:[32],emailErrorMsg:[32],firstNameLabel:[32],lastNameLabel:[32],firstNameErrorMsg:[32],lastNameErrorMsg:[32],show:[64]},[[0,"verified","onVerified"]]]]],["p-2f3f4cce",[[4,"salla-product-availability",{channels:[1],productId:[2,"product-id"],isSubscribed:[1028,"is-subscribed"],subTitle:[32],mobileLabel:[32],emailLabel:[32],emailPlaceholder:[32],subscribedMessage:[32],title_:[32],emailErrorMsg:[32],isVisitorSubscribed:[32]}]]],["p-2a032b88",[[4,"salla-branches",{position:[1],displayAs:[1,"display-as"],browseProductsFrom:[1,"browse-products-from"],branches:[16],current:[1026],open:[32],selected:[32],isOpenedBefore:[32],show:[64],hide:[64]}]]],["p-c51984d6",[[0,"salla-localization-modal",{language:[1537],currency:[1537],languages:[32],currencies:[32],languagesTitle:[32],currenciesTitle:[32],isLoading:[32],show:[64],hide:[64],submit:[64]}]]],["p-84936d9d",[[0,"salla-offer-modal",{offer:[32],offer_name:[32],offer_message:[32],offer_expires_in:[32],remember_my_choice:[32],add_to_cart:[32],out_of_stock:[32],show:[64],showOffer:[64]}]]],["p-ee9d8563",[[0,"salla-rating-modal",{orderId:[2,"order-id"],order:[32],show:[64],hide:[64]}]]],["p-884a80ca",[[4,"salla-infinite-scroll",{nextPage:[1,"next-page"],nextPageAutoload:[1028,"next-page-autoload"],container:[1],item:[1],loadMore:[32],noMore:[32],failedToLoad:[32]}]]],["p-635c08a7",[[4,"salla-verify-modal",{withoutModal:[4,"without-modal"],url:[513],by:[1],autoReload:[4,"auto-reload"],title:[32],getCode:[64],show:[64]}]]],["p-79ab1ed9",[[0,"salla-tel-input",{mobile:[1025],countryCode:[1025,"country-code"],countryKey:[1025,"country-key"],mobileRequired:[32],countryCodeLabel:[32],mobileLabel:[32],tooShort:[32],tooLong:[32],invalidCountryCode:[32],invalidNumber:[32],errorMap:[32],getValues:[64],isValid:[64]}]]]],e)));
+import{p as e,b as a}from"./p-1fb0ca8a.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-72985a41",[[0,"salla-search",{inline:[4],oval:[4],height:[2],results:[32],placeholder:[32],noResultsText:[32]},[[0,"modalOpened","onModalOpen"],[0,"modalClosed","onModalClose"]]],[4,"salla-modal",{isClosable:[1028,"is-closable"],width:[513],position:[513],visible:[516],isLoading:[1540,"is-loading"],subTitleFirst:[4,"sub-title-first"],noPadding:[4,"no-padding"],subTitle:[1,"sub-title"],icon:[1],iconStyle:[1,"icon-style"],imageIcon:[1,"image-icon"],title:[32],show:[64],hide:[64],setTitle:[64],loading:[64],stopLoading:[64]}]]],["p-8dd742df",[[4,"salla-login-modal",{isEmailAllowed:[1028,"is-email-allowed"],isMobileAllowed:[1028,"is-mobile-allowed"],isEmailRequired:[1028,"is-email-required"],title:[32],loginTypeTitle:[32],loginText:[32],smsLabel:[32],mobileLabel:[32],emailLabel:[32],enterText:[32],bySMSText:[32],byEmailText:[32],emailErrorMsg:[32],firstNameLabel:[32],lastNameLabel:[32],firstNameErrorMsg:[32],lastNameErrorMsg:[32],show:[64]},[[0,"verified","onVerified"]]]]],["p-1ffd27c4",[[4,"salla-product-availability",{channels:[1],productId:[2,"product-id"],isSubscribed:[1028,"is-subscribed"],subTitle:[32],mobileLabel:[32],emailLabel:[32],emailPlaceholder:[32],subscribedMessage:[32],title_:[32],emailErrorMsg:[32],isVisitorSubscribed:[32]}]]],["p-0ee36dd8",[[0,"salla-rating-modal",{orderId:[2,"order-id"],order:[32],show:[64],hide:[64]}]]],["p-880711d4",[[4,"salla-branches",{position:[1],displayAs:[1,"display-as"],browseProductsFrom:[1,"browse-products-from"],branches:[16],current:[1026],open:[32],selected:[32],isOpenedBefore:[32],show:[64],hide:[64]}]]],["p-2012882b",[[0,"salla-localization-modal",{language:[1537],currency:[1537],languages:[32],currencies:[32],languagesTitle:[32],currenciesTitle:[32],isLoading:[32],show:[64],hide:[64],submit:[64]}]]],["p-a24588ab",[[0,"salla-offer-modal",{offer:[32],offer_name:[32],offer_message:[32],offer_expires_in:[32],remember_my_choice:[32],add_to_cart:[32],out_of_stock:[32],show:[64],showOffer:[64]}]]],["p-0e85664f",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["p-747f80df",[[4,"salla-infinite-scroll",{nextPage:[1,"next-page"],nextPageAutoload:[1028,"next-page-autoload"],container:[1],item:[1],loadMore:[32],noMore:[32],failedToLoad:[32]}]]],["p-e3cbda45",[[4,"salla-quantity-input",{quantity:[32]}]]],["p-81a7a676",[[4,"salla-tabby"]]],["p-9642541b",[[1,"salla-tamara"]]],["p-728bd268",[[4,"salla-verify-modal",{withoutModal:[4,"without-modal"],url:[513],by:[1],autoReload:[4,"auto-reload"],title:[32],getCode:[64],show:[64]}]]],["p-5b2cdd7c",[[0,"salla-rating-stars",{name:[1],size:[1],value:[2]}]]],["p-01accdcd",[[0,"salla-tel-input",{mobile:[1025],countryCode:[1025,"country-code"],countryKey:[1025,"country-key"],mobileRequired:[32],countryCodeLabel:[32],mobileLabel:[32],tooShort:[32],tooLong:[32],invalidCountryCode:[32],invalidNumber:[32],errorMap:[32],getValues:[64],isValid:[64]}]]],["p-3d9fd3d3",[[4,"salla-button",{shape:[513],color:[513],fill:[513],size:[513],width:[513],loading:[516],disabled:[516],loaderPosition:[1,"loader-position"],wide:[4],href:[1],load:[64],stop:[64],setText:[64],disable:[64],enable:[64]}]]]],e)));

package/dist/types/components/salla-button/salla-button.d.ts

@@ -4,9 +4,9 @@ export declare class SallaButton {
   private hostAttributes;
   host: HTMLElement;
   /**
-   * Button Type
+   * Button Type todo :: find better name,
    */
-  buttonType: 'link' | 'icon' | 'btn';
+  shape: 'link' | 'icon' | 'btn';
   /**
    * Button Color
    */

package/dist/types/components/salla-conditional-fields/salla-conditional-fields.d.ts

@@ -0,0 +1,10 @@
+/**
+ * its to easy to use, currenlty its support select & checkbox input as trigger for show/hide the dom
+ * the dom you can put it like this data-show-when="{name of the field} {= or !=} {value of the field}"
+ */
+export declare class SallaConditionalFields {
+  host: HTMLElement;
+  changeHandler(event: any): void;
+  componentDidRender(): void;
+  render(): any;
+}

package/dist/types/components/salla-quantity-input/salla-quantity-input.d.ts

@@ -0,0 +1,19 @@
+export declare class SallaQuantityInput {
+  host: HTMLElement;
+  private hostAttributes;
+  private hasIncrementSlot;
+  private hasDecrementSlot;
+  private textInput;
+  private didLoaded;
+  quantity: number;
+  /**
+   * Workaround to fire change event for the input.
+   */
+  watchPropHandler(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  private getInputAttributes;
+  decrement(): void;
+  increment(): void;
+  render(): any;
+}

package/dist/types/components/salla-rating-modal/salla-rating-modal.d.ts

@@ -37,17 +37,14 @@ export declare class SallaRatingModal {
    * Show the rating modal
    */
   hide(): Promise<HTMLElement>;
-  protected initiateRating(): void;
   private handleWizard;
   private showActiveStep;
-  private highlightSelectedStars;
   private previousTab;
   private submit;
   private submittedBefore;
   private validate;
   private sendFeedback;
   private showThankYou;
-  private renderRatingStars;
   render(): any;
   componentDidRender(): void;
   componentDidLoad(): void;

package/dist/types/components/salla-rating-stars/salla-rating-stars.d.ts

@@ -0,0 +1,11 @@
+export declare class SallaRatingStars {
+  name: string;
+  size: string;
+  value: number;
+  host: HTMLElement;
+  protected initiateRating(): void;
+  private highlightSelectedStars;
+  private createStars;
+  render(): any;
+  componentDidLoad(): void;
+}

package/dist/types/components/salla-tabby/salla-tabby.d.ts

@@ -0,0 +1,3 @@
+export declare class SallaTabby {
+  render(): any;
+}

package/dist/types/components/salla-tamara/salla-tamara.d.ts

@@ -0,0 +1,3 @@
+export declare class SallaTamara {
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -16,10 +16,6 @@ export namespace Components {
         "show": () => Promise<HTMLElement>;
     }
     interface SallaButton {
-        /**
-          * Button Type
-         */
-        "buttonType": 'link' | 'icon' | 'btn';
         /**
           * Button Color
          */
@@ -61,6 +57,10 @@ export namespace Components {
           * @param html
          */
         "setText": (html: string) => Promise<HTMLElement>;
+        /**
+          * Button Type todo :: find better name,
+         */
+        "shape": 'link' | 'icon' | 'btn';
         /**
           * Button Size
          */
@@ -78,6 +78,8 @@ export namespace Components {
          */
         "width": 'wide' | 'normal';
     }
+    interface SallaConditionalFields {
+    }
     interface SallaInfiniteScroll {
         /**
           * Class selector to know the container if it's not the host `<salla-infinite-scroll>`
@@ -205,6 +207,8 @@ export namespace Components {
          */
         "productId": number;
     }
+    interface SallaQuantityInput {
+    }
     interface SallaRatingModal {
         /**
           * Show the rating modal
@@ -219,11 +223,20 @@ export namespace Components {
          */
         "show": () => Promise<NodeJS.Timeout>;
     }
+    interface SallaRatingStars {
+        "name": string;
+        "size": string;
+        "value": number;
+    }
     interface SallaSearch {
         "height": number;
         "inline": boolean;
         "oval": boolean;
     }
+    interface SallaTabby {
+    }
+    interface SallaTamara {
+    }
     interface SallaTelInput {
         /**
           * Current country_code
@@ -287,6 +300,12 @@ declare global {
         prototype: HTMLSallaButtonElement;
         new (): HTMLSallaButtonElement;
     };
+    interface HTMLSallaConditionalFieldsElement extends Components.SallaConditionalFields, HTMLStencilElement {
+    }
+    var HTMLSallaConditionalFieldsElement: {
+        prototype: HTMLSallaConditionalFieldsElement;
+        new (): HTMLSallaConditionalFieldsElement;
+    };
     interface HTMLSallaInfiniteScrollElement extends Components.SallaInfiniteScroll, HTMLStencilElement {
     }
     var HTMLSallaInfiniteScrollElement: {
@@ -323,18 +342,42 @@ declare global {
         prototype: HTMLSallaProductAvailabilityElement;
         new (): HTMLSallaProductAvailabilityElement;
     };
+    interface HTMLSallaQuantityInputElement extends Components.SallaQuantityInput, HTMLStencilElement {
+    }
+    var HTMLSallaQuantityInputElement: {
+        prototype: HTMLSallaQuantityInputElement;
+        new (): HTMLSallaQuantityInputElement;
+    };
     interface HTMLSallaRatingModalElement extends Components.SallaRatingModal, HTMLStencilElement {
     }
     var HTMLSallaRatingModalElement: {
         prototype: HTMLSallaRatingModalElement;
         new (): HTMLSallaRatingModalElement;
     };
+    interface HTMLSallaRatingStarsElement extends Components.SallaRatingStars, HTMLStencilElement {
+    }
+    var HTMLSallaRatingStarsElement: {
+        prototype: HTMLSallaRatingStarsElement;
+        new (): HTMLSallaRatingStarsElement;
+    };
     interface HTMLSallaSearchElement extends Components.SallaSearch, HTMLStencilElement {
     }
     var HTMLSallaSearchElement: {
         prototype: HTMLSallaSearchElement;
         new (): HTMLSallaSearchElement;
     };
+    interface HTMLSallaTabbyElement extends Components.SallaTabby, HTMLStencilElement {
+    }
+    var HTMLSallaTabbyElement: {
+        prototype: HTMLSallaTabbyElement;
+        new (): HTMLSallaTabbyElement;
+    };
+    interface HTMLSallaTamaraElement extends Components.SallaTamara, HTMLStencilElement {
+    }
+    var HTMLSallaTamaraElement: {
+        prototype: HTMLSallaTamaraElement;
+        new (): HTMLSallaTamaraElement;
+    };
     interface HTMLSallaTelInputElement extends Components.SallaTelInput, HTMLStencilElement {
     }
     var HTMLSallaTelInputElement: {
@@ -350,14 +393,19 @@ declare global {
     interface HTMLElementTagNameMap {
         "salla-branches": HTMLSallaBranchesElement;
         "salla-button": HTMLSallaButtonElement;
+        "salla-conditional-fields": HTMLSallaConditionalFieldsElement;
         "salla-infinite-scroll": HTMLSallaInfiniteScrollElement;
         "salla-localization-modal": HTMLSallaLocalizationModalElement;
         "salla-login-modal": HTMLSallaLoginModalElement;
         "salla-modal": HTMLSallaModalElement;
         "salla-offer-modal": HTMLSallaOfferModalElement;
         "salla-product-availability": HTMLSallaProductAvailabilityElement;
+        "salla-quantity-input": HTMLSallaQuantityInputElement;
         "salla-rating-modal": HTMLSallaRatingModalElement;
+        "salla-rating-stars": HTMLSallaRatingStarsElement;
         "salla-search": HTMLSallaSearchElement;
+        "salla-tabby": HTMLSallaTabbyElement;
+        "salla-tamara": HTMLSallaTamaraElement;
         "salla-tel-input": HTMLSallaTelInputElement;
         "salla-verify-modal": HTMLSallaVerifyModalElement;
     }
@@ -371,10 +419,6 @@ declare namespace LocalJSX {
         "position"?: string;
     }
     interface SallaButton {
-        /**
-          * Button Type
-         */
-        "buttonType"?: 'link' | 'icon' | 'btn';
         /**
           * Button Color
          */
@@ -399,6 +443,10 @@ declare namespace LocalJSX {
           * Is the button currently loading
          */
         "loading"?: boolean;
+        /**
+          * Button Type todo :: find better name,
+         */
+        "shape"?: 'link' | 'icon' | 'btn';
         /**
           * Button Size
          */
@@ -412,6 +460,8 @@ declare namespace LocalJSX {
          */
         "width"?: 'wide' | 'normal';
     }
+    interface SallaConditionalFields {
+    }
     interface SallaInfiniteScroll {
         /**
           * Class selector to know the container if it's not the host `<salla-infinite-scroll>`
@@ -497,17 +547,28 @@ declare namespace LocalJSX {
          */
         "productId"?: number;
     }
+    interface SallaQuantityInput {
+    }
     interface SallaRatingModal {
         /**
           * The order id, to rate on its products & shipping
          */
         "orderId"?: number;
     }
+    interface SallaRatingStars {
+        "name"?: string;
+        "size"?: string;
+        "value"?: number;
+    }
     interface SallaSearch {
         "height"?: number;
         "inline"?: boolean;
         "oval"?: boolean;
     }
+    interface SallaTabby {
+    }
+    interface SallaTamara {
+    }
     interface SallaTelInput {
         /**
           * Current country_code
@@ -545,14 +606,19 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "salla-branches": SallaBranches;
         "salla-button": SallaButton;
+        "salla-conditional-fields": SallaConditionalFields;
         "salla-infinite-scroll": SallaInfiniteScroll;
         "salla-localization-modal": SallaLocalizationModal;
         "salla-login-modal": SallaLoginModal;
         "salla-modal": SallaModal;
         "salla-offer-modal": SallaOfferModal;
         "salla-product-availability": SallaProductAvailability;
+        "salla-quantity-input": SallaQuantityInput;
         "salla-rating-modal": SallaRatingModal;
+        "salla-rating-stars": SallaRatingStars;
         "salla-search": SallaSearch;
+        "salla-tabby": SallaTabby;
+        "salla-tamara": SallaTamara;
         "salla-tel-input": SallaTelInput;
         "salla-verify-modal": SallaVerifyModal;
     }
@@ -563,14 +629,19 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "salla-branches": LocalJSX.SallaBranches & JSXBase.HTMLAttributes<HTMLSallaBranchesElement>;
             "salla-button": LocalJSX.SallaButton & JSXBase.HTMLAttributes<HTMLSallaButtonElement>;
+            "salla-conditional-fields": LocalJSX.SallaConditionalFields & JSXBase.HTMLAttributes<HTMLSallaConditionalFieldsElement>;
             "salla-infinite-scroll": LocalJSX.SallaInfiniteScroll & JSXBase.HTMLAttributes<HTMLSallaInfiniteScrollElement>;
             "salla-localization-modal": LocalJSX.SallaLocalizationModal & JSXBase.HTMLAttributes<HTMLSallaLocalizationModalElement>;
             "salla-login-modal": LocalJSX.SallaLoginModal & JSXBase.HTMLAttributes<HTMLSallaLoginModalElement>;
             "salla-modal": LocalJSX.SallaModal & JSXBase.HTMLAttributes<HTMLSallaModalElement>;
             "salla-offer-modal": LocalJSX.SallaOfferModal & JSXBase.HTMLAttributes<HTMLSallaOfferModalElement>;
             "salla-product-availability": LocalJSX.SallaProductAvailability & JSXBase.HTMLAttributes<HTMLSallaProductAvailabilityElement>;
+            "salla-quantity-input": LocalJSX.SallaQuantityInput & JSXBase.HTMLAttributes<HTMLSallaQuantityInputElement>;
             "salla-rating-modal": LocalJSX.SallaRatingModal & JSXBase.HTMLAttributes<HTMLSallaRatingModalElement>;
+            "salla-rating-stars": LocalJSX.SallaRatingStars & JSXBase.HTMLAttributes<HTMLSallaRatingStarsElement>;
             "salla-search": LocalJSX.SallaSearch & JSXBase.HTMLAttributes<HTMLSallaSearchElement>;
+            "salla-tabby": LocalJSX.SallaTabby & JSXBase.HTMLAttributes<HTMLSallaTabbyElement>;
+            "salla-tamara": LocalJSX.SallaTamara & JSXBase.HTMLAttributes<HTMLSallaTamaraElement>;
             "salla-tel-input": LocalJSX.SallaTelInput & JSXBase.HTMLAttributes<HTMLSallaTelInputElement>;
             "salla-verify-modal": LocalJSX.SallaVerifyModal & JSXBase.HTMLAttributes<HTMLSallaVerifyModalElement>;
         }

package/dist/types/index.d.ts

@@ -4,5 +4,4 @@ declare global {
   }
   let salla: any;
 }
-export * from './components/salla-login-modal/salla-login-modal';
-export * from './components/salla-search/salla-search';
+export { Components, JSX } from './components';