najwer23morsels 0.4.2 → 0.4.3

package/lib/Slider.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import t,{useState as l,useRef as n,useEffect as o,useCallback as s}from"react";import{s as i}from"./style-inject.es-BnTDb6vU.js";var a={sliderContainer:"Slider-module_sliderContainer__o7YCe",slideWrapper:"Slider-module_slideWrapper__Jll6Y",slide:"Slider-module_slide__G9U2-",sliderBtnControl:"Slider-module_sliderBtnControl__dtMGL",btn:"Slider-module_btn__FGB-r"};i("@layer najwer23morselsSlider{.Slider-module_sliderContainer__o7YCe{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.Slider-module_slideWrapper__Jll6Y{height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.Slider-module_slide__G9U2-{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.Slider-module_sliderBtnControl__dtMGL{align-items:center;display:flex;height:100%;left:0;padding:0 25px;pointer-events:none;position:absolute;right:0;z-index:100}.Slider-module_btn__FGB-r{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--najwer23morselsSliderArrowsColorBackground,var(--abgc,#fff));border:1px solid var(--najwer23morselsSliderArrowsColorBorder,var(--abc,#000));border-radius:50%;color:var(--najwer23morselsSliderArrowsColor,var(--ac,#000));cursor:pointer;display:flex;left:50%;padding:10px;pointer-events:auto;transition:all .2s linear;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;@media (hover:hover) and (pointer:fine){&:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);filter:brightness(.95)}}}}");const d=(e,r,l=!1)=>(l?e.slice(0,r):e.slice(-r)).map((e,r)=>t.cloneElement(e,{key:`${l?"clone-first":"clone-last"}-${r}`,className:e.props.className})),c=({isCircular:i=!1,children:c,className:h,arrowsColor:m,arrowsColorBackground:u,arrowsColorBorder:p})=>{const f=t.Children.toArray(c).filter(t.isValidElement),[g,w]=l(i&&f.length>=2?2:0),[v,b]=l(!1),[x,_]=l(0),[y,C]=l(0),S=n(null),k=n([]),N=n(null),B=i&&f.length>=2?[...d(f,2,!1),...f.map((e,r)=>t.cloneElement(e,{key:e.key??r,className:e.props.className})),...d(f,2,!0)]:f.map((e,r)=>t.cloneElement(e,{key:e.key??r,className:e.props.className}));k.current.length!==B.length&&(k.current=Array(B.length).fill(null)),o(()=>{w(i&&f.length>=2?2:0)},[i,f.length]);const j=s(()=>{const e=S.current;if(!e)return;const r=k.current[0];if(!r)return;const t=window.getComputedStyle(r);_(r.offsetWidth+parseFloat(t.marginLeft)+parseFloat(t.marginRight)),C(e.offsetWidth)},[]);o(()=>{j();const e=()=>{null!==N.current&&clearTimeout(N.current),N.current=window.setTimeout(()=>{j(),i||b(!0)},150)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),null!==N.current&&clearTimeout(N.current)}},[j]),o(()=>{const e=x+10;k.current.forEach((r,t)=>{if(r)if(i){const l=(t-g)*e+(y-x)/2;r.style.transition=v?"transform 0.4s cubic-bezier(.4,0,.2,1)":"none",r.style.transform=`translateX(${l}px)`,r.style.left=""}else{const l=e*(t-g)+(y-x)/2;if(v){const e=parseFloat(r.style.left||"0");r.animate([{left:`${e}px`},{left:`${l}px`}],{duration:400,easing:"ease-out",fill:"forwards"}).finished.then(()=>{r.style.left=`${l}px`,b(!1)})}else r.style.left=`${l}px`;r.style.transition="none",r.style.transform=""}})},[g,x,y,v,B.length,i]),o(()=>{if(!i||!v)return;const e=k.current.length,r=k.current[e-1];if(!r)return;const t=()=>{let l=g;1===g?l=e-3:g===e-2&&(l=2),l!==g&&w(l),b(!1),r.removeEventListener("transitionend",t)};return r.addEventListener("transitionend",t),()=>r.removeEventListener("transitionend",t)},[g,i,v]);return e("div",{className:[a.sliderContainer,"MorselsSlider",h].filter(Boolean).join(" "),style:{"--ac":m,"--abgc":u,"--abc":p},children:[e("div",{className:[a.sliderBtnControl,"MorselsSliderControl",h].join(" "),style:{justifyContent:i?"space-between":0===g?"flex-end":g===f.length-1?"flex-start":"space-between"},children:[(i&&f.length>1||0!==g)&&r("button",{className:a.btn,onClick:()=>{v||(b(!0),w(i?e=>e-1:e=>Math.max(e-1,0)))},disabled:v,children:r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",width:"24",height:"24",fill:"currentColor",children:r("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"})})}),(i&&f.length>1||g!==f.length-1)&&r("button",{className:a.btn,onClick:()=>{v||(b(!0),w(i?e=>e+1:e=>Math.min(e+1,B.length-1)))},disabled:v,children:r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",width:"24",height:"24",fill:"currentColor",children:r("path",{d:"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"})})})]}),r("div",{className:[a.slideWrapper,"MorselsSliderWrapper",h].join(" "),ref:S,children:B.map((e,t)=>r("div",{ref:e=>{k.current[t]=e},className:`${a.slide}`,style:{width:f.length>1?"calc(100% - 100px)":"100%"},"aria-hidden":g!==t,children:e},e.key??t))})]})};c.displayName="Slider";export{c as Slider};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import l,{useState as n,useRef as t,useEffect as s,useCallback as o}from"react";import{s as i}from"./style-inject.es-BnTDb6vU.js";var a={najwer23morselsSliderContainer:"Slider-module_najwer23morselsSliderContainer__1SbJN",najwer23morselsSlideWrapper:"Slider-module_najwer23morselsSlideWrapper__veeuJ",najwer23morselsSlide:"Slider-module_najwer23morselsSlide__KHKZW",najwer23morselsBtnControl:"Slider-module_najwer23morselsBtnControl__RHrxn",najwer23morselsBtn:"Slider-module_najwer23morselsBtn__10p8D"};i("@layer najwer23morselsSlider{.Slider-module_najwer23morselsSliderContainer__1SbJN{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.Slider-module_najwer23morselsSlideWrapper__veeuJ{height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.Slider-module_najwer23morselsSlide__KHKZW{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.Slider-module_najwer23morselsBtnControl__RHrxn{align-items:center;display:flex;height:100%;left:0;padding:0 25px;pointer-events:none;position:absolute;right:0;z-index:100}.Slider-module_najwer23morselsBtn__10p8D{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--najwer23morselsSliderArrowsColorBackground,var(--abgc,#fff));border:1px solid var(--najwer23morselsSliderArrowsColorBorder,var(--abc,#000));border-radius:50%;color:var(--najwer23morselsSliderArrowsColor,var(--ac,#000));cursor:pointer;display:flex;left:50%;padding:10px;pointer-events:auto;transition:all .2s linear;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;@media (hover:hover) and (pointer:fine){&:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);filter:brightness(.95)}}}}");const d=(e,r,n=!1)=>(n?e.slice(0,r):e.slice(-r)).map((e,r)=>l.cloneElement(e,{key:`${n?"clone-first":"clone-last"}-${r}`,className:e.props.className})),c=({isCircular:i=!1,children:c,className:m,arrowsColor:h,arrowsColorBackground:u,arrowsColorBorder:p})=>{const w=l.Children.toArray(c).filter(l.isValidElement),[f,g]=n(i&&w.length>=2?2:0),[v,S]=n(!1),[j,x]=n(0),[_,b]=n(0),y=t(null),C=t([]),k=t(null),B=i&&w.length>=2?[...d(w,2,!1),...w.map((e,r)=>l.cloneElement(e,{key:e.key??r,className:e.props.className})),...d(w,2,!0)]:w.map((e,r)=>l.cloneElement(e,{key:e.key??r,className:e.props.className}));C.current.length!==B.length&&(C.current=Array(B.length).fill(null)),s(()=>{g(i&&w.length>=2?2:0)},[i,w.length]);const N=o(()=>{const e=y.current;if(!e)return;const r=C.current[0];if(!r)return;const l=window.getComputedStyle(r);x(r.offsetWidth+parseFloat(l.marginLeft)+parseFloat(l.marginRight)),b(e.offsetWidth)},[]);s(()=>{N();const e=()=>{null!==k.current&&clearTimeout(k.current),k.current=window.setTimeout(()=>{N(),i||S(!0)},150)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),null!==k.current&&clearTimeout(k.current)}},[N]),s(()=>{const e=j+10;C.current.forEach((r,l)=>{if(r)if(i){const n=(l-f)*e+(_-j)/2;r.style.transition=v?"transform 0.4s cubic-bezier(.4,0,.2,1)":"none",r.style.transform=`translateX(${n}px)`,r.style.left=""}else{const n=e*(l-f)+(_-j)/2;if(v){const e=parseFloat(r.style.left||"0");r.animate([{left:`${e}px`},{left:`${n}px`}],{duration:400,easing:"ease-out",fill:"forwards"}).finished.then(()=>{r.style.left=`${n}px`,S(!1)})}else r.style.left=`${n}px`;r.style.transition="none",r.style.transform=""}})},[f,j,_,v,B.length,i]),s(()=>{if(!i||!v)return;const e=C.current.length,r=C.current[e-1];if(!r)return;const l=()=>{let n=f;1===f?n=e-3:f===e-2&&(n=2),n!==f&&g(n),S(!1),r.removeEventListener("transitionend",l)};return r.addEventListener("transitionend",l),()=>r.removeEventListener("transitionend",l)},[f,i,v]);return e("div",{className:[a.najwer23morselsSliderContainer,"MorselsSlider",m].filter(Boolean).join(" "),style:{"--ac":h,"--abgc":u,"--abc":p},children:[e("div",{className:[a.najwer23morselsBtnControl,"MorselsSliderControl",m].join(" "),style:{justifyContent:i?"space-between":0===f?"flex-end":f===w.length-1?"flex-start":"space-between"},children:[(i&&w.length>1||0!==f)&&r("button",{className:a.najwer23morselsBtn,onClick:()=>{v||(S(!0),g(i?e=>e-1:e=>Math.max(e-1,0)))},disabled:v,children:r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",width:"24",height:"24",fill:"currentColor",children:r("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"})})}),(i&&w.length>1||f!==w.length-1)&&r("button",{className:a.najwer23morselsBtn,onClick:()=>{v||(S(!0),g(i?e=>e+1:e=>Math.min(e+1,B.length-1)))},disabled:v,children:r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",width:"24",height:"24",fill:"currentColor",children:r("path",{d:"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"})})})]}),r("div",{className:[a.najwer23morselsSlideWrapper,"MorselsSliderWrapper",m].join(" "),ref:y,children:B.map((e,l)=>r("div",{ref:e=>{C.current[l]=e},className:`${a.najwer23morselsSlide}`,style:{width:w.length>1?"calc(100% - 100px)":"100%"},"aria-hidden":f!==l,children:e},e.key??l))})]})};c.displayName="Slider";export{c as Slider};

package/lib/Textbox.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{s as o}from"./style-inject.es-BnTDb6vU.js";var a={morselsTextBox:"TextBox-module_morselsTextBox__h97Ta"};o("@layer najwer23morselsTextBox{.TextBox-module_morselsTextBox__h97Ta{--mobileFontSize:var(--ms);--desktopFontSize:var(--ds);--minViewport:400;--maxViewport:1400;--textBoxFontFamilyDefault:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--clampMinSize:min(var(--mobileFontSize),var(--desktopFontSize));--clampMaxSize:max(var(--mobileFontSize),var(--desktopFontSize));--fluidStartSize:var(--mobileFontSize);--fluidEndSize:var(--desktopFontSize);--sizeDifference:calc(var(--fluidEndSize) - var(--fluidStartSize));--viewportRange:calc(var(--maxViewport) - var(--minViewport));--slope:calc(var(--sizeDifference)/var(--viewportRange));--intercept:calc(var(--fluidStartSize) - var(--slope)*var(--minViewport));color:var(--najwer23morselsTextBoxColor,var(--c));font-family:var(--najwer23morselsFontFamily,var(--textBoxFontFamilyDefault));font-size:clamp(calc(var(--clampMinSize)/16*1rem),calc(var(--slope)*100vw + var(--intercept)/16*1rem),calc(var(--clampMaxSize)/16*1rem));font-weight:var(--najwer23morselsTextBoxFontWeight,var(--fw));line-height:var(--najwer23morselsTextBoxLineHeight,var(--lh,1.42857));margin:var(--najwer23morselsTextBoxMargin,var(--m));& a{color:var(--najwer23morselsTextBoxColor,var(--c));font-weight:var(--najwer23morselsTextBoxFontWeight,var(--fw));text-decoration:unset;transition:color .3s ease-in-out;&:active,&:focus-visible,&:hover{color:var(--najwer23morselsTextBoxColorHover,var(--ch,var(--c)));font-weight:var(--najwer23morselsTextBoxFontWeightHover,var(--fwh,var(--fw)));text-decoration:underline}}}}");const t=({tag:o="div",children:t,className:i,target:l,rel:n,mobileSize:s,desktopSize:m,lineHeight:v,color:c,href:x,colorHover:f,margin:h,fontWeight:p,fontWeightHover:w,...d})=>e(o,{style:{"--fw":p,"--fwh":w,"--ch":f,"--c":c,"--ms":s,"--ds":m,"--lh":v,...null!=h?{"--m":h}:{}},className:[a.morselsTextBox,"MorselsTextBox",i].filter(Boolean).join(" "),...d,children:[x&&r("a",{className:"MorselsTextBoxLink",href:x,target:l,rel:n,children:t}),!x&&t]});t.displayName="TextBox";export{t as TextBox};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{s as o}from"./style-inject.es-BnTDb6vU.js";var a={najwer23morselsTextBox:"TextBox-module_najwer23morselsTextBox__m7pj-"};o("@layer najwer23morselsTextBox{.TextBox-module_najwer23morselsTextBox__m7pj-{--mobileFontSize:var(--ms);--desktopFontSize:var(--ds);--minViewport:400;--maxViewport:1400;--textBoxFontFamilyDefault:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--clampMinSize:min(var(--mobileFontSize),var(--desktopFontSize));--clampMaxSize:max(var(--mobileFontSize),var(--desktopFontSize));--fluidStartSize:var(--mobileFontSize);--fluidEndSize:var(--desktopFontSize);--sizeDifference:calc(var(--fluidEndSize) - var(--fluidStartSize));--viewportRange:calc(var(--maxViewport) - var(--minViewport));--slope:calc(var(--sizeDifference)/var(--viewportRange));--intercept:calc(var(--fluidStartSize) - var(--slope)*var(--minViewport));color:var(--najwer23morselsTextBoxColor,var(--c));font-family:var(--najwer23morselsFontFamily,var(--textBoxFontFamilyDefault));font-size:clamp(calc(var(--clampMinSize)/16*1rem),calc(var(--slope)*100vw + var(--intercept)/16*1rem),calc(var(--clampMaxSize)/16*1rem));font-weight:var(--najwer23morselsTextBoxFontWeight,var(--fw));line-height:var(--najwer23morselsTextBoxLineHeight,var(--lh,1.42857));margin:var(--najwer23morselsTextBoxMargin,var(--m));& a{color:var(--najwer23morselsTextBoxColor,var(--c));font-weight:var(--najwer23morselsTextBoxFontWeight,var(--fw));text-decoration:unset;transition:color .3s ease-in-out;&:active,&:focus-visible,&:hover{color:var(--najwer23morselsTextBoxColorHover,var(--ch,var(--c)));font-weight:var(--najwer23morselsTextBoxFontWeightHover,var(--fwh,var(--fw)));text-decoration:underline}}}}");const t=({tag:o="div",children:t,className:i,target:l,rel:n,mobileSize:s,desktopSize:m,lineHeight:v,color:c,href:x,colorHover:f,margin:w,fontWeight:p,fontWeightHover:h,...d})=>e(o,{style:{"--fw":p,"--fwh":h,"--ch":f,"--c":c,"--ms":s,"--ds":m,"--lh":v,...null!=w?{"--m":w}:{}},className:[a.najwer23morselsTextBox,"MorselsTextBox",i].filter(Boolean).join(" "),...d,children:[x&&r("a",{className:"MorselsTextBoxLink",href:x,target:l,rel:n,children:t}),!x&&t]});t.displayName="TextBox";export{t as TextBox};

package/package.json

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