livevegas-ui-kit 1.0.264 → 1.0.266

package/dist/livevegas-ui-kit.es.js

@@ -9262,6 +9262,10 @@ const jr = ({
   padding: 12px;
   border-left: 1px solid #ffffff14;
   color: #ffffff;
+  padding-bottom: 200px;
+  @media (max-width: 768px) {
+    padding-bottom: 420px;
+  }
   &::-webkit-scrollbar {
     width: 6px;
     height: 6px;
@@ -9404,10 +9408,10 @@ const jr = ({
     const f = o.current[b], u = r.current;
     if (f && u) {
       s.current = !0, i(b);
-      const y = u.getBoundingClientRect(), v = f.getBoundingClientRect().top - y.top + u.scrollTop - 12;
+      const y = u.getBoundingClientRect(), v = f.getBoundingClientRect().top - y.top + u.scrollTop - 5;
       u.scrollTo({
         top: Math.max(v, 0),
-        behavior: "instant"
+        behavior: "smooth"
       }), setTimeout(() => {
         s.current = !1;
       }, 800);
@@ -9418,8 +9422,8 @@ const jr = ({
     if (!b) return;
     const f = {
       root: b,
-      rootMargin: "-10px 0px -90% 0px",
-      threshold: 0
+      rootMargin: "0px 0px -60% 0px",
+      threshold: 0.1
     }, u = new IntersectionObserver((y) => {
       s.current || y.forEach((k) => {
         k.isIntersecting && i(k.target.id);

package/dist/livevegas-ui-kit.umd.js

@@ -2171,6 +2171,10 @@ See https://s-c.sh/2BAXzed for more info.`),window[_a]+=1);const ps=f.div`
   padding: 12px;
   border-left: 1px solid #ffffff14;
   color: #ffffff;
+  padding-bottom: 200px;
+  @media (max-width: 768px) {
+    padding-bottom: 420px;
+  }
   &::-webkit-scrollbar {
     width: 6px;
     height: 6px;
@@ -2301,7 +2305,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[_a]+=1);const ps=f.div`
   cursor: pointer;
   padding: 3px;
   font-size: 12px;
-`,qh=({gameType:e,selectedGame:t=ka.RUSSIANPOKER})=>{const[n,i]=T.useState(""),r=T.useRef(null),o=T.useRef({}),s=T.useRef(!1),{clickSound:l}=He({effectsVolume:50}),{t:d}=U(),h=T.useMemo(()=>{let b=ih;return e===Z.ROULETTE?b=dh:e===Z.TEXAS?b=rh:(e===Z.VIP||e===Z.VIPVERTUAL)&&(t===ka.RUSSIANPOKER?b=ch:t===ka.TEXASHOLDEM?b=uh:t===ka.TEXASULTIMATE&&(b=mh)),{...b,...hh}},[e,t]),c=Object.keys(h),g=b=>{l();const p=o.current[b],u=r.current;if(p&&u){s.current=!0,i(b);const y=u.getBoundingClientRect(),v=p.getBoundingClientRect().top-y.top+u.scrollTop-12;u.scrollTo({top:Math.max(v,0),behavior:"instant"}),setTimeout(()=>{s.current=!1},800)}};return T.useEffect(()=>{const b=r.current;if(!b)return;const p={root:b,rootMargin:"-10px 0px -90% 0px",threshold:0},u=new IntersectionObserver(y=>{s.current||y.forEach(k=>{k.isIntersecting&&i(k.target.id)})},p);return c.forEach(y=>{const k=o.current[y];k&&u.observe(k)}),()=>u.disconnect()},[c]),a.jsxs(Ch,{children:[a.jsx(Th,{children:c.map((b,p)=>a.jsxs(Ih,{$isActive:b===n,$itemsCount:c.length,className:"item",onClick:()=>g(b),children:[a.jsx("p",{className:"item-text",children:d(b)}),a.jsx(De,{position:"right",height:6,width:9})]},`name_${p}`))}),a.jsx(Sh,{ref:r,children:Object.entries(h).map(([b,p],u)=>b==="cardsAndText"?a.jsx("div",{className:"content-items",ref:y=>o.current[b]=y,id:b,children:a.jsx(Ph,{children:p.map((y,k)=>a.jsxs("div",{children:[a.jsx(jh,{children:d(y.title)}),a.jsx(Bh,{children:y.cards.map((v,w)=>a.jsx(Ie,{index:v,isWinCombination:!1,isFlop:!0,cardWidth:42,cardHeight:54},w))}),a.jsx(Lh,{children:d(y.text)})]},k))})},`content_${b}`):b==="paymentCoefficient"?a.jsx("div",{className:"content-items",ref:y=>o.current[b]=y,id:b,children:Object.entries(p).map(([y,k],v)=>a.jsx(Ah,{title:y,firstColum:k.name,coefficientColum:k.coefficient,nameofCombination:k.nameofCombination,cardsName:k.cards,cards:k.cardsCombination},v))},`content_${b}`):a.jsx("div",{className:"content-items",ref:y=>o.current[b]=y,id:b,children:a.jsx(lh,{textKey:b,value:p,index:u,gameType:e})},`content_${b}`))})]})},or=({onClick:e})=>a.jsx("svg",{onClick:e,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:a.jsx("g",{opacity:"1",children:a.jsx("path",{d:"M10.6193 10.1497L4.89501 11.1043C4.8292 11.1153 4.76744 11.1434 4.71595 11.1858C4.66445 11.2282 4.62503 11.2835 4.60165 11.346L2.62793 16.6333C2.43945 17.1197 2.94789 17.5833 3.41453 17.35L17.0945 10.51C17.1893 10.4626 17.269 10.3899 17.3247 10.2998C17.3804 10.2097 17.4099 10.1059 17.4099 10C17.4099 9.89409 17.3804 9.79027 17.3247 9.7002C17.269 9.61012 17.1893 9.53735 17.0945 9.49004L3.41453 2.65004C2.94789 2.41672 2.43945 2.88108 2.62793 3.36672L4.60241 8.65404C4.62568 8.71667 4.66505 8.77206 4.71656 8.81463C4.76806 8.85719 4.82988 8.88542 4.89577 8.89648L10.6201 9.85028C10.6553 9.85645 10.6872 9.87484 10.7102 9.90223C10.7333 9.92961 10.7459 9.96423 10.7459 10C10.7459 10.0358 10.7333 10.0704 10.7102 10.0978C10.6872 10.1251 10.6553 10.1435 10.6201 10.1497H10.6193Z",fill:"white",stroke:"white",strokeWidth:"0"})})}),Fh=f.div`
+`,qh=({gameType:e,selectedGame:t=ka.RUSSIANPOKER})=>{const[n,i]=T.useState(""),r=T.useRef(null),o=T.useRef({}),s=T.useRef(!1),{clickSound:l}=He({effectsVolume:50}),{t:d}=U(),h=T.useMemo(()=>{let b=ih;return e===Z.ROULETTE?b=dh:e===Z.TEXAS?b=rh:(e===Z.VIP||e===Z.VIPVERTUAL)&&(t===ka.RUSSIANPOKER?b=ch:t===ka.TEXASHOLDEM?b=uh:t===ka.TEXASULTIMATE&&(b=mh)),{...b,...hh}},[e,t]),c=Object.keys(h),g=b=>{l();const p=o.current[b],u=r.current;if(p&&u){s.current=!0,i(b);const y=u.getBoundingClientRect(),v=p.getBoundingClientRect().top-y.top+u.scrollTop-5;u.scrollTo({top:Math.max(v,0),behavior:"smooth"}),setTimeout(()=>{s.current=!1},800)}};return T.useEffect(()=>{const b=r.current;if(!b)return;const p={root:b,rootMargin:"0px 0px -60% 0px",threshold:.1},u=new IntersectionObserver(y=>{s.current||y.forEach(k=>{k.isIntersecting&&i(k.target.id)})},p);return c.forEach(y=>{const k=o.current[y];k&&u.observe(k)}),()=>u.disconnect()},[c]),a.jsxs(Ch,{children:[a.jsx(Th,{children:c.map((b,p)=>a.jsxs(Ih,{$isActive:b===n,$itemsCount:c.length,className:"item",onClick:()=>g(b),children:[a.jsx("p",{className:"item-text",children:d(b)}),a.jsx(De,{position:"right",height:6,width:9})]},`name_${p}`))}),a.jsx(Sh,{ref:r,children:Object.entries(h).map(([b,p],u)=>b==="cardsAndText"?a.jsx("div",{className:"content-items",ref:y=>o.current[b]=y,id:b,children:a.jsx(Ph,{children:p.map((y,k)=>a.jsxs("div",{children:[a.jsx(jh,{children:d(y.title)}),a.jsx(Bh,{children:y.cards.map((v,w)=>a.jsx(Ie,{index:v,isWinCombination:!1,isFlop:!0,cardWidth:42,cardHeight:54},w))}),a.jsx(Lh,{children:d(y.text)})]},k))})},`content_${b}`):b==="paymentCoefficient"?a.jsx("div",{className:"content-items",ref:y=>o.current[b]=y,id:b,children:Object.entries(p).map(([y,k],v)=>a.jsx(Ah,{title:y,firstColum:k.name,coefficientColum:k.coefficient,nameofCombination:k.nameofCombination,cardsName:k.cards,cards:k.cardsCombination},v))},`content_${b}`):a.jsx("div",{className:"content-items",ref:y=>o.current[b]=y,id:b,children:a.jsx(lh,{textKey:b,value:p,index:u,gameType:e})},`content_${b}`))})]})},or=({onClick:e})=>a.jsx("svg",{onClick:e,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:a.jsx("g",{opacity:"1",children:a.jsx("path",{d:"M10.6193 10.1497L4.89501 11.1043C4.8292 11.1153 4.76744 11.1434 4.71595 11.1858C4.66445 11.2282 4.62503 11.2835 4.60165 11.346L2.62793 16.6333C2.43945 17.1197 2.94789 17.5833 3.41453 17.35L17.0945 10.51C17.1893 10.4626 17.269 10.3899 17.3247 10.2998C17.3804 10.2097 17.4099 10.1059 17.4099 10C17.4099 9.89409 17.3804 9.79027 17.3247 9.7002C17.269 9.61012 17.1893 9.53735 17.0945 9.49004L3.41453 2.65004C2.94789 2.41672 2.43945 2.88108 2.62793 3.36672L4.60241 8.65404C4.62568 8.71667 4.66505 8.77206 4.71656 8.81463C4.76806 8.85719 4.82988 8.88542 4.89577 8.89648L10.6201 9.85028C10.6553 9.85645 10.6872 9.87484 10.7102 9.90223C10.7333 9.92961 10.7459 9.96423 10.7459 10C10.7459 10.0358 10.7333 10.0704 10.7102 10.0978C10.6872 10.1251 10.6553 10.1435 10.6201 10.1497H10.6193Z",fill:"white",stroke:"white",strokeWidth:"0"})})}),Fh=f.div`
   width: ${({$isMobile:e})=>e?"100%":"300px"};
   height: ${({$isMobile:e})=>e?"100%":"280px"};
   margin-top: 10px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "livevegas-ui-kit",
-  "version": "1.0.264",
+  "version": "1.0.266",
   "type": "module",
   "files": [
     "dist"