najwer23morsels 0.10.13 → 0.10.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/{Button-BdJvyN9u.js → Button-CGovV6Le.js} +1 -1
- package/lib/Button.js +1 -1
- package/lib/Grid.js +1 -1
- package/lib/{Loader-CL-mm0LT.js → Loader-wkogM7Zf.js} +1 -1
- package/lib/Loader.js +1 -1
- package/lib/Slider.js +1 -1
- package/lib/Sliderscroll.js +1 -1
- package/lib/TextBox-DflRy9h4.js +1 -0
- package/lib/Textbox.js +1 -1
- package/package.json +1 -1
- package/lib/TextBox-B47QWA9m.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as o,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{L as n}from"./Loader-
|
|
1
|
+
import{jsxs as o,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{L as n}from"./Loader-wkogM7Zf.js";import{s as r}from"./style-inject.es-BnTDb6vU.js";var i={n23mButtonButton:"Button-module_n23mButtonButton__IfHY-"};r('@layer n23mButton{.Button-module_n23mButtonButton__IfHY-{--boxShadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--n23mButtonBg,var(--button-bg));border:1px solid var(--n23mButtonBorderColor,var(--button-borderColor,unset));border-radius:8px;box-shadow:none;cursor:pointer;height:var(--button-height,auto);letter-spacing:normal;padding:var(--button-padding,10px 17px);position:relative;transition:background-color .3s,box-shadow .3s;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--button-width,auto);>span{display:inline-block;position:relative;z-index:1}&:before{background-color:inherit;border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;transition:filter .3s;z-index:0}@media (hover:hover) and (pointer:fine){&:hover:before{filter:brightness(100%)}&:hover{box-shadow:var(--boxShadow)}}&:active:before{filter:brightness(.8)}&:active{box-shadow:var(--boxShadow)}&:focus-visible:before{filter:brightness(.8);outline:none}&:focus-visible{box-shadow:var(--boxShadow);outline:none}&:disabled{background-color:var(--n23mButtonBgDisabled,var(--button-bgDisabled));box-shadow:none;cursor:not-allowed}}}');const a=e(({children:e,className:r,backgroundColor:a,padding:s,loading:l,height:d,width:b,borderColor:u,backgroundColorDisabled:h,...c},g)=>o("div",{className:["n23mButton",r].filter(Boolean).join(" "),children:[l&&t("div",{style:{width:b,height:d},children:t(n,{})}),!l&&t("button",{ref:g,style:{...null!=s?{"--button-padding":s}:{},"--button-bg":a,"--button-height":d,"--button-width":b,"--button-bgDisabled":h,"--button-borderColor":u},className:[i.n23mButtonButton,"n23mButtonButton"].filter(Boolean).join(" "),...c,children:t("span",{children:e})})]}));a.displayName="Button";export{a as B};
|
package/lib/Button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Button}from"./Button-
|
|
1
|
+
export{B as Button}from"./Button-CGovV6Le.js";import"react/jsx-runtime";import"react";import"./Loader-wkogM7Zf.js";import"./TextBox-DflRy9h4.js";import"./style-inject.es-BnTDb6vU.js";
|
package/lib/Grid.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as i,jsx as r}from"react/jsx-runtime";import{s as d}from"./style-inject.es-BnTDb6vU.js";import{L as o}from"./Loader-
|
|
1
|
+
import{jsxs as i,jsx as r}from"react/jsx-runtime";import{s as d}from"./style-inject.es-BnTDb6vU.js";import{L as o}from"./Loader-wkogM7Zf.js";import"./TextBox-DflRy9h4.js";var a={n23mGridFlex:"Grid-module_n23mGridFlex__bsotF",n23mGridContainer:"Grid-module_n23mGridContainer__G1O3I",n23mGridColumns:"Grid-module_n23mGridColumns__oyScE"};d("@layer n23mGrid{.Grid-module_n23mGridContainer__G1O3I,.Grid-module_n23mGridFlex__bsotF{box-sizing:border-box;margin:var(--grid-m);max-width:var(--grid-wMax);min-height:var(--grid-mh,auto);min-width:var(--grid-wMin);padding:var(--grid-p)}.Grid-module_n23mGridFlex__bsotF{display:flex;justify-content:var(--grid-jc,space-between)}.Grid-module_n23mGridColumns__oyScE{column-gap:var(--grid-col-gap);display:flex;flex-wrap:wrap;row-gap:var(--grid-row-gap);width:100%}.Grid-module_n23mGridColumns__oyScE>div{width:calc(100%/var(--gfc) - ((var(--gfc) - 1)/var(--gfc))*var(--grid-col-gap))}@media (max-width:767.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-mobile)}}@media (min-width:768px) and (max-width:1199.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-tablet)}}@media (min-width:1200px) and (max-width:1599.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-small-desktop)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-col-desktop)}}}");const e=({children:d,widthMin:e=0,widthMax:m=1920,padding:n="0",margin:l="auto",layout:t,gap:g,col:s,loading:c=!1,justifyContent:p,minHeight:_,className:G,...u})=>{if("container"===t||"flex"===t)return i("div",{className:[a["n23mGrid"+t.charAt(0).toUpperCase()+t.slice(1)],"n23mGrid"+t.charAt(0).toUpperCase()+t.slice(1),G].filter(Boolean).join(" "),style:{"--grid-mh":`${_}px`,"--grid-wMin":`${e}px`,"--grid-wMax":`${m}px`,"--grid-p":n,"--grid-m":l,"--grid-jc":p},...u,children:[!c&&d,c&&r(o,{minHeight:_})]});if(!g||!s)throw new Error('When layout="columns", gap and col props are required');return r("div",{className:[a.n23mGridColumns,"n23mGridColumns",G].filter(Boolean).join(" "),style:{"--grid-col-mobile":s.mobile.toString(),"--grid-col-tablet":s.tablet.toString(),"--grid-col-small-desktop":s.smallDesktop.toString(),"--grid-col-desktop":s.desktop.toString(),"--grid-col-gap":g.col,"--grid-row-gap":g.row},...u,children:d})};e.displayName="Grid";export{e as Grid};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{T as o}from"./TextBox-
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{T as o}from"./TextBox-DflRy9h4.js";import{s as r}from"./style-inject.es-BnTDb6vU.js";var a={n23mLoader:"Loader-module_n23mLoader__stRd6"};r("@layer n23mLoader{.Loader-module_n23mLoader__stRd6{align-items:center;border:1px dashed var(--n23mTextBoxColor,var(--loader-lc,#000));box-sizing:border-box;color:var(--n23mTextBoxColor,var(--loader-lc,#000));display:flex;height:var(--loader-mh,100%);justify-content:center;width:100%}}");const l=({minHeight:r,className:l,loaderColor:d})=>e("div",{className:[a.n23mLoader,"n23mLoader",l].filter(Boolean).join(" "),style:{"--loader-lc":d,...null!=r?{"--loader-mh":`${r}px`}:{}},children:e(o,{mobileSize:16,desktopSize:16,color:d,children:"Loading..."})});l.displayName="Loader";export{l as L};
|
package/lib/Loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{L as Loader}from"./Loader-
|
|
1
|
+
export{L as Loader}from"./Loader-wkogM7Zf.js";import"react/jsx-runtime";import"./TextBox-DflRy9h4.js";import"./style-inject.es-BnTDb6vU.js";
|
package/lib/Slider.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
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-
|
|
1
|
+
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-wkogM7Zf.js";import{a,I as m}from"./IconArrowRight-Bs6HQ5lc.js";import{B as c}from"./Button-CGovV6Le.js";import{u as h}from"./useWindowSize-CAQRbyxi.js";import{T as u}from"./TextBox-DflRy9h4.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,M;v<767.98?(D=C.mobile.items,H=C.mobile.slidesToScroll,Z="transform 0.4s cubic-bezier(.4,0,.2,1)",M=450):v<1199.98?(D=C.tablet.items,H=C.tablet.slidesToScroll,Z="transform 0.4s cubic-bezier(.4,0,.2,1)",M=450):(D=C.desktop.items,H=C.desktop.slidesToScroll,Z="transform 0.4s cubic-bezier(.4,0,.2,1)",M=450),o(()=>{let e;const l=()=>{j.current&&E(j.current.offsetWidth),k(d?2*w.length:0)},r=()=>{clearTimeout(e),e=window.setTimeout(l,0),F(!1)};return l(),window.addEventListener("resize",r),()=>{clearTimeout(e),window.removeEventListener("resize",r)}},[_,d,D,w.length]);const X=(y-b*(D-1))/D;let A=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&&1!=w.length?(r=40,i=40):2==D?(r=20,i=20):4==D?(r=10,i=10):3==D&&(r=12.5,i=12.5);const n=(l-T)*(X+b-i)+(y-(X-r)*D-b*(D-1))/2;e.style.transition=$?Z:"none",e.style.transform=`translateX(${n}px)`})},[T,y,$,A.length,D,X,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-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)})},M),()=>{L.current.forEach(e=>{e&&e.removeEventListener("transitionend",l)}),clearTimeout(e)}},[T,d,$,w.length,D,A.length,_]);const I=()=>{$||(F(!0),k(e=>e+H))},J=()=>{$||(F(!0),k(e=>e-H))};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:A.map((e,r)=>l("div",{ref:e=>{L.current[r]=e},className:S.n23mSliderSlide,style:{width:1==D&&1==w.length?"100%":1==D?`calc(${X}px - 40px)`:2==D?`calc(${X}px - 20px)`:3==D?`calc(${X}px - 12.5px)`:4==D?`calc(${X}px - 10px)`:`${X}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&&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(c,{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(c,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",borderColor:"black",backgroundColorDisabled:"#F2F0EF",onClick:I,disabled:$||!d&&T+D>=w.length,children:l(m,{width:24,height:24})})]})]})]})]})};g.displayName="Slider";export{g as Slider};
|
package/lib/Sliderscroll.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useRef as l,Children as t,cloneElement as n,useState as o,useEffect as i,useMemo as c,useCallback as s}from"react";import{B as a}from"./Button-
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useRef as l,Children as t,cloneElement as n,useState as o,useEffect as i,useMemo as c,useCallback as s}from"react";import{B as a}from"./Button-CGovV6Le.js";import{s as u}from"./style-inject.es-BnTDb6vU.js";import{u as d}from"./useWindowSize-CAQRbyxi.js";import{a as g,I as m}from"./IconArrowRight-Bs6HQ5lc.js";import"./Loader-wkogM7Zf.js";import"./TextBox-DflRy9h4.js";var f={n23mSliderScrollWrapper:"SliderScroll-module_n23mSliderScrollWrapper__MqXIk",n23mSliderScrollTrack:"SliderScroll-module_n23mSliderScrollTrack__FcsTl",dragging:"SliderScroll-module_dragging__iE4mo",n23mSliderScrollControls:"SliderScroll-module_n23mSliderScrollControls__i64nM",n23mSliderScrollControlsButtons:"SliderScroll-module_n23mSliderScrollControlsButtons__W-5rb"};u("@layer n23mSliderScroll{.SliderScroll-module_n23mSliderScrollWrapper__MqXIk{display:grid;position:relative}.SliderScroll-module_n23mSliderScrollTrack__FcsTl{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:var(--sliderscroll-gap);overflow-x:scroll;scrollbar-width:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:scroll-position;&::-webkit-scrollbar{display:none}&>*{flex-shrink:0}&.SliderScroll-module_dragging__iE4mo,&.SliderScroll-module_dragging__iE4mo a{cursor:grabbing}}.SliderScroll-module_n23mSliderScrollControls__i64nM{align-items:center;display:flex;justify-content:flex-end;margin-left:20px;margin-right:20px}.SliderScroll-module_n23mSliderScrollControlsButtons__W-5rb{display:flex;gap:10px;margin-top:10px}}");const h=({children:u,className:h,gap:S="5px",isCircular:p=!1,autoPlay:w=!1,autoPlaySpeed:b=.5})=>{const F={carousel:l(null),buttonLeft:l(null),buttonRight:l(null),showArrowLeft:l(!1),showArrowRight:l(!1),isSliding:l(!1),animationFrameId:l(null),isHovered:l(!1),drag:l({isDown:!1,startX:0,scrollLeft:0,isMove:!1,isDragging:!1}),childRefs:l([])},_=t.toArray(u),v=_.length,L=p?_.map((r,e)=>n(r,{key:`cb-${e}`})):[],k=p?_.map((r,e)=>n(r,{key:`ca-${e}`})):[],x=p?[...L,..._,...k]:_,[y,C]=o([]),{width:M}=d();i(()=>{if(!F.carousel.current)return;const r=F.childRefs.current.map(r=>{if(!r)return 0;const e=getComputedStyle(r),l=parseFloat(e.marginLeft)||0,t=parseFloat(e.marginRight)||0;return r.offsetWidth+l+t+Number(S.slice(0,-2))});C(r)},[u,M,S]);const A=c(()=>{const r=[];let e=0;for(const l of y)r.push(e),e+=l;return r},[y]);i(()=>{p&&F.carousel.current&&A.length&&(F.carousel.current.scrollLeft=(A[v]||0)-2*Number(S.slice(0,-2))),D()},[M,A,v,p]),i(()=>{I(!1)},[]),i(()=>{if(!p)return;if(!w)return void(F.animationFrameId.current&&(cancelAnimationFrame(F.animationFrameId.current),F.animationFrameId.current=null));let r;const e=()=>{if(!F.carousel.current)return;if(F.isSliding.current||F.isHovered.current)return void(F.animationFrameId.current=requestAnimationFrame(e));const r=F.carousel.current;let l=r.scrollLeft+b;if(p&&A.length&&y.length){const r=A[A.length-1]+(y[y.length-1]||0),e=A[v]||0,t=A[v+_.length]||r;l>t+y[0]/2&&(l-=t-e)}r.scrollLeft=l,D(),F.animationFrameId.current=requestAnimationFrame(e)};return r=setTimeout(()=>{F.animationFrameId.current=requestAnimationFrame(e)},500),()=>{r&&clearTimeout(r),F.animationFrameId.current&&(cancelAnimationFrame(F.animationFrameId.current),F.animationFrameId.current=null)}},[w,b,p,A,y,v,_.length]);const D=()=>{if(F.carousel.current){if(p)F.showArrowLeft.current=!0,F.showArrowRight.current=!0;else{const r=F.carousel.current.scrollLeft,e=F.carousel.current.scrollWidth-F.carousel.current.clientWidth;F.showArrowLeft.current=r>0,F.showArrowRight.current=r<e-1}I(F.isSliding.current)}},I=r=>{F.buttonLeft.current&&(F.buttonLeft.current.disabled=r||!F.showArrowLeft.current),F.buttonRight.current&&(F.buttonRight.current.disabled=r||!F.showArrowRight.current)},j=(r,e,l=300)=>{if(F.isSliding.current)return;F.isSliding.current=!0,I(!0);const t=r.scrollLeft,n=e-t,o=performance.now(),i=e=>{const c=e-o,s=Math.min(c/l,1);var a;r.scrollLeft=t+n*((a=s)<.5?4*a*a*a:1-Math.pow(-2*a+2,3)/2),s<1?requestAnimationFrame(i):(F.isSliding.current=!1,I(!1),D())};requestAnimationFrame(i)},R=s(()=>{if(!F.carousel.current)return;if(!A.length||!y.length)return;const r=F.carousel.current,e=r.offsetWidth,l=r.scrollLeft;let t=A.findIndex((r,e)=>r>l);-1===t?t=A.length-1:t>0&&t--;let n,o=0,i=0;for(let r=t;r<A.length&&(o+=y[r],i++,!(o>=e));r++);const c=t+i-1;n=A[c]+y[c]>l+e+1?c:t+i;let s=A[n]-2*Number(S.slice(0,-2));if(s<0&&(s=0),p){s=(A[v]||0)+s-(A[v]||0)}j(F.carousel.current,s,400)},[A,y,S,v,p,_.length]),W=s(()=>{if(!F.carousel.current)return;if(!A.length||!y.length)return;const r=F.carousel.current,e=r.offsetWidth,l=r.scrollLeft;let t=0;for(let r=0;r<A.length;r++)if(A[r]>l){t=r-1;break}t<0&&(t=0);let n=0,o=0;for(let r=t;r>=0&&(n+=y[r],n<=e);r--)o++;let i=t;p||(i=Math.max(o-1,i));let c=A[i]+y[i]-e;if(c<0&&(c=0),p){c=(A[v]||0)+c-(A[v]||0)+Number(S.slice(0,-2))}j(F.carousel.current,c,400)},[A,y,S,v,p]),N=()=>{F.carousel.current&&(F.drag.current.isDragging?F.carousel.current.classList.add(f.dragging):F.carousel.current.classList.remove(f.dragging))};return r("div",{className:["n23mSliderScroll",h].filter(Boolean).join(" "),style:{"--sliderscroll-gap":S,height:"calc(100% - 60px)"},onMouseEnter:()=>{F.isHovered.current=!0},onMouseLeave:()=>{F.isHovered.current=!1},children:[e("div",{className:[f.n23mSliderScrollWrapper,"n23mSliderScrollWrapper"].join(" "),children:e("div",{className:f.n23mSliderScrollTrack,ref:F.carousel,onClick:r=>{F.drag.current.isMove&&(r.preventDefault(),r.stopPropagation())},onScroll:()=>{if(F.carousel.current){if(p&&A.length&&y.length){const r=F.carousel.current.scrollLeft,e=A[A.length-1]+(y[y.length-1]||0),l=A[v]||0,t=A[v+_.length]||e;r<l-y[0]/2?F.carousel.current.scrollLeft=r+(A[_.length+v]-l):r>t+y[0]/2&&(F.carousel.current.scrollLeft=r-(t-l))}D()}},onMouseDown:r=>{F.drag.current.isDown=!0,F.drag.current.startX=r.pageX-(F.carousel.current?.offsetLeft||0),F.drag.current.scrollLeft=F.carousel.current?.scrollLeft||0,F.drag.current.isDragging=!0,N()},onMouseLeave:()=>{F.drag.current.isDown&&(F.drag.current.isDown=!1,F.drag.current.isDragging=!1,N())},onMouseUp:()=>{F.drag.current.isDown=!1,F.drag.current.isDragging=!1,N()},onMouseMove:r=>{if(!F.drag.current.isDown)return void(F.drag.current.isMove=!1);r.preventDefault();var e;const l=("pageX"in(e=r)?e.pageX:"touches"in e?e.touches[0].pageX:0)-(F.carousel.current?.offsetLeft||0)-F.drag.current.startX;Math.abs(l)>5&&(F.drag.current.isMove=!0),F.carousel.current&&(F.carousel.current.scrollLeft=F.drag.current.scrollLeft-l,D())},style:{whiteSpace:"nowrap"},children:x.map((r,l)=>e("div",{ref:r=>{F.childRefs.current[l]=r},style:{display:"inline-block"},children:r},r.key||l))})}),e("div",{className:[f.n23mSliderScrollControls,"n23mSliderScrollControls"].join(" "),children:r("div",{className:[f.n23mSliderScrollControlsButtons,"n23mSliderScrollControlsButtons"].join(" "),children:[e(a,{ref:F.buttonLeft,height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Prev",onClick:W,borderColor:"black",backgroundColorDisabled:"#F2F0EF",children:e(g,{width:24,height:24})}),e(a,{ref:F.buttonRight,height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",onClick:R,borderColor:"black",backgroundColorDisabled:"#F2F0EF",children:e(m,{width:24,height:24})})]})})]})};h.displayName="SliderScroll";export{h as SliderScroll};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{s as t}from"./style-inject.es-BnTDb6vU.js";var o={n23mTextBox:"TextBox-module_n23mTextBox__OqCdY",n23mTextBoxLink:"TextBox-module_n23mTextBoxLink__zOG7Z"};t("@layer n23mTextBox{.TextBox-module_n23mTextBox__OqCdY{--mob:var(--textbox-ms);--des:var(--textbox-ds);--min:400;--max:1400;--tff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--cmn:min(var(--mob),var(--des));--cmx:max(var(--mob),var(--des));--fss:var(--mob);--fes:var(--des);--sdf:calc(var(--fes) - var(--fss));--vpr:calc(var(--max) - var(--min));--slp:calc(var(--sdf)/var(--vpr));--int:calc(var(--fss) - var(--slp)*var(--min));font-family:var(--n23mFontFamily,var(--tff));font-size:clamp(calc(var(--cmn)/16*1rem),calc(var(--slp)*100vw + var(--int)/16*1rem),calc(var(--cmx)/16*1rem));line-height:var(--n23mTextBoxLineHeight,var(--textbox-lh,1.42857));margin:var(--n23mTextBoxMargin,var(--textbox-m))}.TextBox-module_n23mTextBoxLink__zOG7Z,.TextBox-module_n23mTextBox__OqCdY{color:var(--n23mTextBoxColor,var(--textbox-c));font-weight:var(--n23mTextBoxFontWeight,var(--textbox-fw))}.TextBox-module_n23mTextBoxLink__zOG7Z{text-decoration:unset;transition:all .15s ease-in-out;&:active,&:focus-visible,&:hover{color:var(--n23mTextBoxColorHover,var(--textbox-fw,var(--textbox-ch)));font-weight:var(--n23mTextBoxFontWeightHover,var(--textbox-fwh,var(--textbox-fw)));text-decoration:underline}}}");const x=({tag:t="div",children:x,className:a,target:r,rel:n,mobileSize:m,desktopSize:i,lineHeight:l,color:v,href:s,colorHover:c,margin:f,fontWeight:B,fontWeightHover:T,...b})=>{let d=t;return s&&(d="a"),e(d,{style:{"--textbox-fw":B,"--textbox-fwh":T,"--textbox-ch":c,"--textbox-c":v,"--textbox-ms":m,"--textbox-ds":i,"--textbox-lh":l,...null!=f?{"--textbox-m":f}:{}},className:[o.n23mTextBox,"n23mTextBox",""+(s?`${o.n23mTextBoxLink} n23mTextBoxLink`:""),a].filter(Boolean).join(" "),...s?{href:s,target:r,rel:n}:{},...b,children:x})};x.displayName="TextBox";export{x as T};
|
package/lib/Textbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{T as TextBox}from"./TextBox-
|
|
1
|
+
export{T as TextBox}from"./TextBox-DflRy9h4.js";import"react/jsx-runtime";import"./style-inject.es-BnTDb6vU.js";
|
package/package.json
CHANGED
package/lib/TextBox-B47QWA9m.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{s as o}from"./style-inject.es-BnTDb6vU.js";var a={n23mTextBox:"TextBox-module_n23mTextBox__OqCdY"};o("@layer n23mTextBox{.TextBox-module_n23mTextBox__OqCdY{--mob:var(--textbox-ms);--des:var(--textbox-ds);--min:400;--max:1400;--tff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--cmn:min(var(--mob),var(--des));--cmx:max(var(--mob),var(--des));--fss:var(--mob);--fes:var(--des);--sdf:calc(var(--fes) - var(--fss));--vpr:calc(var(--max) - var(--min));--slp:calc(var(--sdf)/var(--vpr));--int:calc(var(--fss) - var(--slp)*var(--min));color:var(--n23mTextBoxColor,var(--textbox-c));font-family:var(--n23mFontFamily,var(--tff));font-size:clamp(calc(var(--cmn)/16*1rem),calc(var(--slp)*100vw + var(--int)/16*1rem),calc(var(--cmx)/16*1rem));font-weight:var(--n23mTextBoxFontWeight,var(--textbox-fw));line-height:var(--n23mTextBoxLineHeight,var(--textbox-lh,1.42857));margin:var(--n23mTextBoxMargin,var(--textbox-m));& a{color:var(--n23mTextBoxColor,var(--textbox-c));font-weight:var(--n23mTextBoxFontWeight,var(--textbox-fw));text-decoration:unset;transition:all .15s ease-in-out;&:active,&:focus-visible,&:hover{color:var(--n23mTextBoxColorHover,var(--textbox-fw,var(--textbox-ch)));font-weight:var(--n23mTextBoxFontWeightHover,var(--textbox-fwh,var(--textbox-fw)));text-decoration:underline}}}}");const r=({tag:o="div",children:r,className:x,target:n,rel:i,mobileSize:m,desktopSize:v,lineHeight:l,color:s,href:c,colorHover:f,margin:b,fontWeight:h,fontWeightHover:d,...B})=>e(o,{style:{"--textbox-fw":h,"--textbox-fwh":d,"--textbox-ch":f,"--textbox-c":s,"--textbox-ms":m,"--textbox-ds":v,"--textbox-lh":l,...null!=b?{"--textbox-m":b}:{}},className:[a.n23mTextBox,"n23mTextBox",x].filter(Boolean).join(" "),...B,children:[c&&t("a",{className:"n23mTextBoxLink",href:c,target:n,rel:i,children:r}),!c&&r]});r.displayName="TextBox";export{r as T};
|