najwer23morsels 0.9.3 → 0.9.5

package/lib/Slider.js

@@ -1 +1 @@
-export{S as Slider}from"./Slider-Dof_HMMd.js";import"react/jsx-runtime";import"react";import"./style-inject.es-BnTDb6vU.js";import"./TextBox-B47QWA9m.js";import"./Loader-CL-mm0LT.js";import"./IconArrowRight-Bs6HQ5lc.js";import"./Button-DP1hmI08.js";
+import{jsxs as e,jsx as l,Fragment as r}from"react/jsx-runtime";import i,{useState as n,useRef as t,useLayoutEffect as o}from"react";import{s as d}from"./style-inject.es-BnTDb6vU.js";import{L as s}from"./Loader-CL-mm0LT.js";import{a,I as c}from"./IconArrowRight-Bs6HQ5lc.js";import{B as m}from"./Button-DP1hmI08.js";import{u as h}from"./useWindowSize-CAQRbyxi.js";import{T as u}from"./TextBox-B47QWA9m.js";var S={n23mSlider:"Slider-module_n23mSlider__YOEan",n23mSliderContainerSlider:"Slider-module_n23mSliderContainerSlider__-1M4s",n23mSliderSlideWrapper:"Slider-module_n23mSliderSlideWrapper__hbDsw",n23mSliderSlide:"Slider-module_n23mSliderSlide__Hv6uj",n23mSliderControls:"Slider-module_n23mSliderControls__DLrdZ",n23mSliderControlsButtons:"Slider-module_n23mSliderControlsButtons__C1ypH",n23mSliderCounter:"Slider-module_n23mSliderCounter__UJLZw"};d("@layer n23mSlider{.Slider-module_n23mSlider__YOEan{width:100%}.Slider-module_n23mSliderContainerSlider__-1M4s{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.Slider-module_n23mSliderSlideWrapper__hbDsw{height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.Slider-module_n23mSliderSlide__Hv6uj{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.Slider-module_n23mSliderControls__DLrdZ{align-items:center;display:flex;margin-left:20px;margin-right:20px}.Slider-module_n23mSliderControlsButtons__C1ypH{display:flex;gap:10px;margin-top:10px}.Slider-module_n23mSliderCounter__UJLZw{align-items:center;align-items:flex-start;display:flex;height:50px;justify-content:center}}");const p=(e,l,r=!1,n)=>(r?e.slice(0,l):e.slice(-l)).map((e,l)=>i.cloneElement(e,{key:`${r?"clone-first":"clone-last"}-${l} ${n}`,className:e.props.className})),g=({isCircular:d=!1,children:g,className:f,loading:_=!1,loaderColor:x="black",slidesConfig:C={mobile:{items:1,slidesToScroll:1},tablet:{items:2,slidesToScroll:2},desktop:{items:3,slidesToScroll:3}},slideSpacingPx:b=10})=>{const w=i.Children.toArray(g).filter(i.isValidElement),{width:v}=h(),[y,E]=n(0),j=t(null),[T,k]=n(d?2*w.length:0),[$,F]=n(!1),L=t([]),[N,B]=n(null),[z,W]=n(0);let D,H,Z,A;v<767.98?(D=C.mobile.items,H=C.mobile.slidesToScroll,Z="transform 0.4s cubic-bezier(.4,0,.2,1)",A=450):v<1199.98?(D=C.tablet.items,H=C.tablet.slidesToScroll,Z="transform 0.85s cubic-bezier(0.645, 0.045, 0.355, 1)",A=900):(D=C.desktop.items,H=C.desktop.slidesToScroll,Z="transform 0.85s cubic-bezier(0.645, 0.045, 0.355, 1)",A=900),o(()=>{let e;const l=()=>{j.current&&E(j.current.offsetWidth),k(d?2*w.length:0)},r=()=>{clearTimeout(e),e=window.setTimeout(l,150),F(!0)};return l(),window.addEventListener("resize",r),()=>{clearTimeout(e),window.removeEventListener("resize",r)}},[_,d,D,w.length]);const M=D>0?(y-b*(D-1))/D:0;let X=d?[...p(w,w.length,!1,1),...p(w,w.length,!1,2),...w,...p(w,w.length,!0,3),...p(w,w.length,!0,4)]:w;o(()=>{L.current.forEach((e,l)=>{if(!e)return;let r=0,i=0;1==D?(r=35,i=35):2==D?(r=20,i=20):4==D?(r=10,i=10):3==D&&(r=15,i=15);const n=(l-T)*(M+b-i)+(y-(M-r)*D-b*(D-1))/2;e.style.transition=$?Z:"none",e.style.transform=`translateX(${n}px)`})},[T,y,$,X.length,D,M,b,_]),o(()=>{if(!$)return;let e;const l=()=>{let r=T;T<2*D&&d?r=T+2*w.length:T>=2*w.length+D&&d&&(r=T-2*w.length),r!==T&&d&&k(r),F(!1),L.current.forEach(e=>{e&&e.removeEventListener("transitionend",l)}),clearTimeout(e)};return L.current.forEach(e=>{e&&e.addEventListener("transitionend",l)}),e=window.setTimeout(()=>{F(!1),L.current.forEach(e=>{e&&e.removeEventListener("transitionend",l)})},A),()=>{L.current.forEach(e=>{e&&e.removeEventListener("transitionend",l)}),clearTimeout(e)}},[T,d,$,w.length,D,X.length,_]);const I=()=>{$||(F(!0),k(e=>e+H))},J=()=>{$||(F(!0),k(e=>e-H))};L.current.length!==X.length&&(L.current=Array(X.length).fill(null));return e("div",{className:[S.n23mSlider,"n23mSlider",f].filter(Boolean).join(" "),style:{height:_?"calc(100% - 2px)":"calc(100% - 60px)"},onTouchStart:e=>{1===e.touches.length&&(B(e.touches[0].clientX),W(0))},onTouchMove:e=>{null!==N&&W(e.touches[0].clientX-N)},onTouchEnd:()=>{z>50&&!$&&(d||0!==T)?J():z<-50&&!($||!d&&T+D>=w.length)&&I(),B(null),W(0)},children:[_&&l(s,{loaderColor:x}),!_&&e(r,{children:[l("div",{className:[S.n23mSliderContainerSlider].filter(Boolean).join(" "),children:l("div",{className:[S.n23mSliderSlideWrapper,"n23mSliderSlideWrapper"].join(" "),ref:j,style:{display:"flex",gap:`${b}px`,overflow:"hidden",width:"100%",boxSizing:"border-box"},children:X.map((e,r)=>l("div",{ref:e=>{L.current[r]=e},className:S.n23mSliderSlide,style:{width:1==D?`calc(${M}px - 35px)`:2==D?`calc(${M}px - 20px)`:3==D?`calc(${M}px - 15px)`:4==D?`calc(${M}px - 10px)`:`${M}px`},"aria-hidden":r<T||r>=T+D,children:e},e.key??r))})}),e("div",{className:[S.n23mSliderControls,"n23mSliderControls"].join(" "),style:{justifyContent:1==D?"space-between":"flex-end"},children:[1==D&&w.length>1&&l("div",{className:[S.n23mSliderCounter,"n23mSliderCounter"].join(" "),children:l(u,{mobileSize:16,desktopSize:16,color:"black",children:d?`${(()=>{if(!d)return T;const e=w.length;return e<1?0:(T+e)%e})()+1} / ${w.length}`:`${T+1} / ${w.length}`})}),e("div",{className:[S.n23mSliderControlsButtons,"n23mSliderControlsButtons"].join(" "),children:[l(m,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Prev",onClick:J,borderColor:"black",backgroundColorDisabled:"#F2F0EF",disabled:$||!d&&0===T,children:l(a,{width:24,height:24})}),l(m,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",borderColor:"black",backgroundColorDisabled:"#F2F0EF",onClick:I,disabled:$||!d&&T+D>=w.length,children:l(c,{width:24,height:24})})]})]})]})]})};g.displayName="Slider";export{g as Slider};

package/lib/slider/Slider.d.ts

@@ -2,9 +2,23 @@ import React, { ReactNode } from 'react';
 interface SliderProps extends React.HTMLAttributes<HTMLDivElement> {
     isCircular?: boolean;
     children: ReactNode;
-    showControls?: boolean;
     loading?: boolean;
     loaderColor?: string;
+    slidesConfig?: {
+        mobile: {
+            items: number;
+            slidesToScroll: number;
+        };
+        tablet: {
+            items: number;
+            slidesToScroll: number;
+        };
+        desktop: {
+            items: number;
+            slidesToScroll: number;
+        };
+    };
+    slideSpacingPx?: number;
 }
 export declare const Slider: React.FC<SliderProps>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najwer23morsels",
-  "version": "0.9.3",
+  "version": "0.9.5",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",

package/lib/Slider-Dof_HMMd.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r,Fragment as n}from"react/jsx-runtime";import t,{useState as l,useRef as i,useEffect as o,useCallback as d,useLayoutEffect as s}from"react";import{s as a}from"./style-inject.es-BnTDb6vU.js";import{T as m}from"./TextBox-B47QWA9m.js";import{L as c}from"./Loader-CL-mm0LT.js";import{a as u,I as h}from"./IconArrowRight-Bs6HQ5lc.js";import{B as S}from"./Button-DP1hmI08.js";var p={n23mSliderContainerSlider:"Slider-module_n23mSliderContainerSlider__-1M4s",n23mSliderSlideWrapper:"Slider-module_n23mSliderSlideWrapper__hbDsw",n23mSliderSlide:"Slider-module_n23mSliderSlide__Hv6uj",n23mSliderControls:"Slider-module_n23mSliderControls__DLrdZ",n23mSliderControlsButtons:"Slider-module_n23mSliderControlsButtons__C1ypH",n23mSliderCounter:"Slider-module_n23mSliderCounter__UJLZw"};a("@layer n23mSlider{.Slider-module_n23mSliderContainer__Hx9qh{width:100%}.Slider-module_n23mSliderContainerSlider__-1M4s{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.Slider-module_n23mSliderSlideWrapper__hbDsw{height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.Slider-module_n23mSliderSlide__Hv6uj{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.Slider-module_n23mSliderControls__DLrdZ{align-items:center;display:flex;justify-content:space-between;margin-left:20px;margin-right:20px}.Slider-module_n23mSliderControlsButtons__C1ypH{display:flex;gap:10px;margin-top:10px}.Slider-module_n23mSliderCounter__UJLZw{align-items:center;align-items:flex-start;display:flex;height:50px;justify-content:center}}");const g=(e,r,n=!1)=>(n?e.slice(0,r):e.slice(-r)).map((e,r)=>t.cloneElement(e,{key:`${n?"clone-first":"clone-last"}-${r}`,className:e.props.className})),f=({isCircular:a=!1,children:f,className:_,showControls:C=!0,loading:v=!1,loaderColor:w="black"})=>{const x=t.Children.toArray(f).filter(t.isValidElement),[y,b]=l(a&&x.length>=2?2:0),[E,j]=l(!1),[k,L]=l(0),[N,F]=l(0),T=i(null),B=i([]),$=i(null),[W,D]=l(null),[z,H]=l(0),M=a&&x.length>=2?[...g(x,2,!1),...x.map((e,r)=>t.cloneElement(e,{key:e.key??r,className:e.props.className})),...g(x,2,!0)]:x.map((e,r)=>t.cloneElement(e,{key:e.key??r,className:e.props.className}));B.current.length!==M.length&&(B.current=Array(M.length).fill(null)),o(()=>{b(a&&x.length>=2?2:0)},[a,x.length,v]);const Z=d(()=>{const e=T.current;if(!e)return;const r=B.current[0];if(!r)return;const n=window.getComputedStyle(r);L(r.offsetWidth+parseFloat(n.marginLeft)+parseFloat(n.marginRight)),F(e.offsetWidth)},[]);s(()=>{Z();const e=()=>{null!==$.current&&clearTimeout($.current),$.current=window.setTimeout(()=>{Z(),j(!0)},150)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),null!==$.current&&clearTimeout($.current)}},[Z,v]),o(()=>{const e=k+10;B.current.forEach((r,n)=>{if(!r)return;const t=(n-y)*e+(N-k)/2;r.style.transition=E?"transform 0.4s cubic-bezier(.4,0,.2,1)":"none",r.style.transform=`translateX(${t}px)`,r.style.left=""})},[y,k,N,E,M.length,a,v]),o(()=>{if(!E||!a)return;const e=B.current.length,r=B.current[e-1];if(!r)return;let n;const t=()=>{let l=y;1===y?l=e-3:y===e-2&&(l=2),l!==y&&b(l),j(!1),r.removeEventListener("transitionend",t),clearTimeout(n)};return r.addEventListener("transitionend",t),n=window.setTimeout(()=>{j(!1),r.removeEventListener("transitionend",t)},500),()=>{r.removeEventListener("transitionend",t),clearTimeout(n)}},[y,a,E,v]),o(()=>{if(!E)return;const e=B.current[0];if(!e)return;let r;const n=()=>{j(!1),e.removeEventListener("transitionend",n),clearTimeout(r)};return e.addEventListener("transitionend",n),r=window.setTimeout(()=>{j(!1),e.removeEventListener("transitionend",n)},500),()=>{e.removeEventListener("transitionend",n),clearTimeout(r)}},[E,v]);const A=()=>{E||(j(!0),b(a?e=>e+1:e=>Math.min(e+1,M.length-1)))},X=()=>{E||(j(!0),b(a?e=>e-1:e=>Math.max(e-1,0)))};return e("div",{className:[p.n23mSlider,"n23mSlider",_].filter(Boolean).join(" "),style:{height:v?"calc(100% - 2px)":C&&x.length>1?"calc(100% - 60px)":"100%"},onTouchStart:e=>{1===e.touches.length&&(D(e.touches[0].clientX),H(0))},onTouchMove:e=>{null!==W&&H(e.touches[0].clientX-W)},onTouchEnd:()=>{z>50?X():z<-50&&A(),D(null),H(0)},children:[v&&r(c,{loaderColor:w}),!v&&e(n,{children:[r("div",{className:[p.n23mSliderContainerSlider,"n23mSliderContainerSlider"].filter(Boolean).join(" "),children:r("div",{className:[p.n23mSliderSlideWrapper,"n23mSliderSlideWrapper"].join(" "),ref:T,children:M.map((e,n)=>r("div",{ref:e=>{B.current[n]=e},className:`${p.n23mSliderSlide}`,style:{width:x.length>1?"calc(100% - 40px)":"100%"},"aria-hidden":y!==n,children:e},e.key??n))})}),C&&x.length>1&&e("div",{className:[p.n23mSliderControls,"n23mSliderControls"].join(" "),children:[r("div",{className:[p.n23mSliderCounter,"n23mSliderCounter"].join(" "),children:r(m,{mobileSize:16,desktopSize:16,color:"black",children:a?`${(()=>{if(!a)return y;const e=x.length;return e<1?0:(y-2+e)%e})()+1} / ${x.length}`:`${y+1} / ${x.length}`})}),e("div",{className:[p.n23mSliderControlsButtons,"n23mSliderControlsButtons"].join(" "),children:[r(S,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Prev",onClick:X,borderColor:"black",backgroundColorDisabled:"#F2F0EF",disabled:E||!a&&0===y,children:r(u,{width:24,height:24})}),r(S,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",borderColor:"black",backgroundColorDisabled:"#F2F0EF",onClick:A,disabled:E||!a&&y==x.length-1,children:r(h,{width:24,height:24})})]})]})]})]})};f.displayName="Slider";export{f as S};

package/lib/Slidermulti.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as l,Fragment as i}from"react/jsx-runtime";import r,{useState as t,useRef as n,useLayoutEffect as o}from"react";import{s as d}from"./style-inject.es-BnTDb6vU.js";import{L as s}from"./Loader-CL-mm0LT.js";import{a,I as u}from"./IconArrowRight-Bs6HQ5lc.js";import{B as c}from"./Button-DP1hmI08.js";import{u as m}from"./useWindowSize-CAQRbyxi.js";import{S as h}from"./Slider-Dof_HMMd.js";import"./TextBox-B47QWA9m.js";var S={n23mSliderMulti:"SliderMulti-module_n23mSliderMulti__hsL9a",n23mSliderMultiContainerSlider:"SliderMulti-module_n23mSliderMultiContainerSlider__iu4xy",n23mSliderMultiSlideWrapper:"SliderMulti-module_n23mSliderMultiSlideWrapper__KPiK1",n23mSliderMultiSlide:"SliderMulti-module_n23mSliderMultiSlide__NDrCj",n23mSliderMultiControls:"SliderMulti-module_n23mSliderMultiControls__54jy-",n23mSliderMultiControlsButtons:"SliderMulti-module_n23mSliderMultiControlsButtons__JqcZ5"};d("@layer n23mSliderMulti{.SliderMulti-module_n23mSliderMulti__hsL9a{width:100%}.SliderMulti-module_n23mSliderMultiContainerSlider__iu4xy{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.SliderMulti-module_n23mSliderMultiSlideWrapper__KPiK1{height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.SliderMulti-module_n23mSliderMultiSlide__NDrCj{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.SliderMulti-module_n23mSliderMultiControls__54jy-{align-items:center;display:flex;justify-content:flex-end;margin-left:20px;margin-right:20px}.SliderMulti-module_n23mSliderMultiControlsButtons__JqcZ5{display:flex;gap:10px;margin-top:10px}}");const p=(e,l,i=!1,t)=>(i?e.slice(0,l):e.slice(-l)).map((e,l)=>r.cloneElement(e,{key:`${i?"clone-first":"clone-last"}-${l} ${t}`,className:e.props.className})),g=({isCircular:d=!1,children:g,className:M,showControls:f=!0,loading:x=!1,loaderColor:_="black",slidesPerView:C=4,slideSpacingPx:w=10,slidesToScroll:v=4})=>{const b=r.Children.toArray(g).filter(r.isValidElement),{width:y}=m(),[j,E]=t(0),N=n(null),[F,k]=t(d?2*b.length:0),[T,B]=t(!1),L=n([]),[$,z]=t(null),[W,P]=t(0);o(()=>{let e;const l=()=>{N.current&&E(N.current.offsetWidth),k(d?2*b.length:0)},i=()=>{clearTimeout(e),e=window.setTimeout(l,150)};return l(),window.addEventListener("resize",i),()=>{clearTimeout(e),window.removeEventListener("resize",i)}},[x,d,C,b.length]);let D=C,K=v,A="transform 1.00s cubic-bezier(0.645, 0.045, 0.355, 1)",X=1100;y<767.98?(D=1,K=1,A="transform 0.4s cubic-bezier(.4,0,.2,1)",X=450):y<1199.98&&(D=2,K=2,A="transform 0.85s cubic-bezier(0.645, 0.045, 0.355, 1)",X=900);const q=D>0?(j-w*(D-1))/D:0;let I=d?[...p(b,b.length,!1,1),...p(b,b.length,!1,2),...b,...p(b,b.length,!0,3),...p(b,b.length,!0,4)]:b;o(()=>{L.current.forEach((e,l)=>{if(!e)return;let i=0,r=0;2==D?(i=20,r=20):4==D?(i=10,r=10):3==D&&(i=15,r=15);const t=(l-F)*(q+w-r)+(j-(q-i)*D-w*(D-1))/2;e.style.transition=T?A:"none",e.style.transform=`translateX(${t}px)`})},[F,j,T,I.length,D,q,w,x]),o(()=>{if(!T)return;let e;const l=()=>{let i=F;F<2*D&&d?i=F+2*b.length:F>=2*b.length+D&&d&&(i=F-2*b.length),i!==F&&d&&k(i),B(!1),L.current.forEach(e=>{e&&e.removeEventListener("transitionend",l)}),clearTimeout(e)};return L.current.forEach(e=>{e&&e.addEventListener("transitionend",l)}),e=window.setTimeout(()=>{B(!1),L.current.forEach(e=>{e&&e.removeEventListener("transitionend",l)})},X),()=>{L.current.forEach(e=>{e&&e.removeEventListener("transitionend",l)}),clearTimeout(e)}},[F,d,T,b.length,D,I.length,x]);const J=()=>{T||(B(!0),k(e=>e+K))},V=()=>{T||(B(!0),k(e=>e-K))};return L.current.length!==I.length&&(L.current=Array(I.length).fill(null)),y<767.98?e(h,{children:g,isCircular:d,loading:x}):l("div",{className:[S.n23mSliderMulti,"n23mSliderMulti",M].filter(Boolean).join(" "),style:{height:x?"calc(100% - 2px)":f?"calc(100% - 60px)":"100%"},onTouchStart:e=>{1===e.touches.length&&(z(e.touches[0].clientX),P(0))},onTouchMove:e=>{null!==$&&P(e.touches[0].clientX-$)},onTouchEnd:()=>{W>50?V():W<-50&&J(),z(null),P(0)},children:[x&&e(s,{loaderColor:_}),!x&&l(i,{children:[e("div",{className:[S.n23mSliderMultiContainerSlider].filter(Boolean).join(" "),children:e("div",{className:[S.n23mSliderMultiSlideWrapper,"n23mSliderMultiSlideWrapper"].join(" "),ref:N,style:{display:"flex",gap:`${w}px`,overflow:"hidden",width:"100%",boxSizing:"border-box"},children:I.map((l,i)=>e("div",{ref:e=>{L.current[i]=e},className:S.n23mSliderMultiSlide,style:{width:2==D?`calc(${q}px - 20px)`:3==D?`calc(${q}px - 15px)`:4==D?`calc(${q}px - 10px)`:`${q}px`},"aria-hidden":i<F||i>=F+D,children:l},l.key??i))})}),f&&e("div",{className:[S.n23mSliderMultiControls,"n23mSliderMultiControls"].join(" "),children:l("div",{className:[S.n23mSliderMultiControlsButtons,"n23mSliderMultiControlsButtons"].join(" "),children:[e(c,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Prev",onClick:V,borderColor:"black",backgroundColorDisabled:"#F2F0EF",disabled:T||!d&&0===F,children:e(a,{width:24,height:24})}),e(c,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",borderColor:"black",backgroundColorDisabled:"#F2F0EF",onClick:J,disabled:T||!d&&F+D>=b.length,children:e(u,{width:24,height:24})})]})})]})]})};g.displayName="SliderMulti";export{g as SliderMulti};

package/lib/slidermulti/SliderMulti.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactNode } from 'react';
-interface SliderProps extends React.HTMLAttributes<HTMLDivElement> {
-    isCircular?: boolean;
-    children: ReactNode;
-    showControls?: boolean;
-    loading?: boolean;
-    loaderColor?: string;
-    slidesPerView?: number;
-    slideSpacingPx?: number;
-    slidesToScroll?: number;
-}
-export declare const SliderMulti: React.FC<SliderProps>;
-export {};

package/lib/slidermulti/index.d.ts

@@ -1,2 +0,0 @@
-import { SliderMulti } from './SliderMulti';
-export { SliderMulti };