najwer23morsels 0.7.1 → 0.7.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # najwer23morsels
 
+## 0.7.2
+
+### Patch Changes
+
+- Icons as SVG component
+
 ## 0.7.1
 
 ### Patch Changes

package/lib/IconArrowRight-Bs6HQ5lc.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";const h=({width:h,height:i})=>t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",width:h,height:i,fill:"currentColor",children:t("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"})});h.displayName="IconArrowRight";const i=({width:h,height:i})=>t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",width:h,height:i,fill:"currentColor",children:t("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"})});i.displayName="IconArrowRight";export{i as I,h as a};

package/lib/Icons.js

@@ -0,0 +1 @@
+export{a as IconArrowLeft,I as IconArrowRight}from"./IconArrowRight-Bs6HQ5lc.js";import"react/jsx-runtime";

package/lib/Slider.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r,Fragment as n}from"react/jsx-runtime";import l,{useState as t,useRef as o,useEffect as i,useCallback as s}from"react";import{s as a,T as d}from"./TextBox-DnwTtpP2.js";import{L as c}from"./Loader-Bp_QrPqC.js";var m={najwer23morselsSliderContainer:"Slider-module_najwer23morselsSliderContainer__1SbJN",najwer23morselsSliderContainerSlider:"Slider-module_najwer23morselsSliderContainerSlider__7ONky",najwer23morselsSlideWrapper:"Slider-module_najwer23morselsSlideWrapper__veeuJ",najwer23morselsSlide:"Slider-module_najwer23morselsSlide__KHKZW",najwer23morselsBtnControl:"Slider-module_najwer23morselsBtnControl__RHrxn",najwer23morselsBtn:"Slider-module_najwer23morselsBtn__10p8D",najwer23morselsSliderCounter:"Slider-module_najwer23morselsSliderCounter__56f5P"};a("@layer najwer23morselsSlider{.Slider-module_najwer23morselsSliderContainer__1SbJN{width:100%}.Slider-module_najwer23morselsSliderContainerSlider__7ONky{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;opacity:0;padding:0 25px;pointer-events:none;position:absolute;right:0;transition:all .2s linear;z-index:100;@media (max-width:767.98px){display:none}}.Slider-module_najwer23morselsSliderContainer__1SbJN:hover .Slider-module_najwer23morselsBtnControl__RHrxn{opacity:1;pointer-events:auto}.Slider-module_najwer23morselsBtn__10p8D{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--najwer23morselsSliderArrowsColorBackground,var(--slider-acbg,#fff));border:1px solid var(--najwer23morselsSliderArrowsColorBorder,var(--slider-acb,#000));border-radius:50%;color:var(--najwer23morselsSliderArrowsColor,var(--slider-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)}}}.Slider-module_najwer23morselsSliderCounter__56f5P{align-items:center;display:flex;height:35px;justify-content:center}}");const u=(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})),h=({isCircular:a=!1,children:h,className:w,arrowsColor:p,arrowsColorBackground:g,arrowsColorBorder:S,showCounter:f=!0,loading:v=!1,loaderColor:_="black"})=>{const j=l.Children.toArray(h).filter(l.isValidElement),[x,C]=t(a&&j.length>=2?2:0),[b,y]=t(!1),[N,k]=t(0),[B,E]=t(0),L=o(null),T=o([]),z=o(null),[M,W]=t(null),[$,A]=t(0),H=a&&j.length>=2?[...u(j,2,!1),...j.map((e,r)=>l.cloneElement(e,{key:e.key??r,className:e.props.className})),...u(j,2,!0)]:j.map((e,r)=>l.cloneElement(e,{key:e.key??r,className:e.props.className}));T.current.length!==H.length&&(T.current=Array(H.length).fill(null)),i(()=>{C(a&&j.length>=2?2:0)},[a,j.length,v]);const J=s(()=>{const e=L.current;if(!e)return;const r=T.current[0];if(!r)return;const n=window.getComputedStyle(r);k(r.offsetWidth+parseFloat(n.marginLeft)+parseFloat(n.marginRight)),E(e.offsetWidth)},[]);i(()=>{J();const e=()=>{null!==z.current&&clearTimeout(z.current),z.current=window.setTimeout(()=>{J(),y(!0)},150)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),null!==z.current&&clearTimeout(z.current)}},[J,v]),i(()=>{const e=N+10;T.current.forEach((r,n)=>{if(!r)return;const l=(n-x)*e+(B-N)/2;r.style.transition=b?"transform 0.4s cubic-bezier(.4,0,.2,1)":"none",r.style.transform=`translateX(${l}px)`,r.style.left=""})},[x,N,B,b,H.length,a,v]),i(()=>{if(!b||!a)return;const e=T.current.length,r=T.current[e-1];if(!r)return;let n;const l=()=>{let t=x;1===x?t=e-3:x===e-2&&(t=2),t!==x&&C(t),y(!1),r.removeEventListener("transitionend",l),clearTimeout(n)};return r.addEventListener("transitionend",l),n=window.setTimeout(()=>{y(!1),r.removeEventListener("transitionend",l)},500),()=>{r.removeEventListener("transitionend",l),clearTimeout(n)}},[x,a,b,v]),i(()=>{if(!b)return;const e=T.current[0];if(!e)return;let r;const n=()=>{y(!1),e.removeEventListener("transitionend",n),clearTimeout(r)};return e.addEventListener("transitionend",n),r=window.setTimeout(()=>{y(!1),e.removeEventListener("transitionend",n)},500),()=>{e.removeEventListener("transitionend",n),clearTimeout(r)}},[b,v]);const K=()=>{b||(y(!0),C(a?e=>e+1:e=>Math.min(e+1,H.length-1)))},R=()=>{b||(y(!0),C(a?e=>e-1:e=>Math.max(e-1,0)))};return e("div",{className:[m.najwer23morselsSliderContainer,"MorselsSlider",w].filter(Boolean).join(" "),style:{height:v?"calc(100% - 2px)":f?"calc(100% - 35px)":"100%"},onTouchStart:e=>{1===e.touches.length&&(W(e.touches[0].clientX),A(0))},onTouchMove:e=>{null!==M&&A(e.touches[0].clientX-M)},onTouchEnd:()=>{$>50?R():$<-50&&K(),W(null),A(0)},children:[v&&r(c,{loaderColor:_}),!v&&e(n,{children:[e("div",{className:[m.najwer23morselsSliderContainerSlider].filter(Boolean).join(" "),style:{"--slider-ac":p,"--slider-acbg":g,"--slider-acb":S},children:[e("div",{className:[m.najwer23morselsBtnControl,"MorselsSliderControl",w].join(" "),style:{justifyContent:a?"space-between":0===x?"flex-end":x===j.length-1?"flex-start":"space-between"},children:[(a&&j.length>1||0!==x)&&r("button",{title:"Prev",className:m.najwer23morselsBtn,onClick:R,disabled:b,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"})})}),(a&&j.length>1||x!==j.length-1)&&r("button",{title:"Next",className:m.najwer23morselsBtn,onClick:K,disabled:b,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:[m.najwer23morselsSlideWrapper,"MorselsSliderWrapper",w].join(" "),ref:L,children:H.map((e,n)=>r("div",{ref:e=>{T.current[n]=e},className:`${m.najwer23morselsSlide}`,style:{width:j.length>1?"calc(100% - 40px)":"100%"},"aria-hidden":x!==n,children:e},e.key??n))})]}),f&&r("div",{className:[m.najwer23morselsSliderCounter,"MorselsSliderCounter",w].join(" "),children:r(d,{mobileSize:16,desktopSize:16,color:"black",children:a?`${(()=>{if(!a)return x;const e=j.length;return e<1?0:(x-2+e)%e})()+1} / ${j.length}`:`${x+1} / ${j.length}`})})]})]})};h.displayName="Slider";export{h as Slider};
+import{jsxs as e,jsx as r,Fragment as n}from"react/jsx-runtime";import l,{useState as t,useRef as o,useEffect as i,useCallback as s}from"react";import{s as a,T as d}from"./TextBox-DnwTtpP2.js";import{L as c}from"./Loader-Bp_QrPqC.js";import{a as m,I as u}from"./IconArrowRight-Bs6HQ5lc.js";var h={najwer23morselsSliderContainer:"Slider-module_najwer23morselsSliderContainer__1SbJN",najwer23morselsSliderContainerSlider:"Slider-module_najwer23morselsSliderContainerSlider__7ONky",najwer23morselsSlideWrapper:"Slider-module_najwer23morselsSlideWrapper__veeuJ",najwer23morselsSlide:"Slider-module_najwer23morselsSlide__KHKZW",najwer23morselsBtnControl:"Slider-module_najwer23morselsBtnControl__RHrxn",najwer23morselsBtn:"Slider-module_najwer23morselsBtn__10p8D",najwer23morselsSliderCounter:"Slider-module_najwer23morselsSliderCounter__56f5P"};a("@layer najwer23morselsSlider{.Slider-module_najwer23morselsSliderContainer__1SbJN{width:100%}.Slider-module_najwer23morselsSliderContainerSlider__7ONky{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;opacity:0;padding:0 25px;pointer-events:none;position:absolute;right:0;transition:all .2s linear;z-index:100;@media (max-width:767.98px){display:none}}.Slider-module_najwer23morselsSliderContainer__1SbJN:hover .Slider-module_najwer23morselsBtnControl__RHrxn{opacity:1;pointer-events:auto}.Slider-module_najwer23morselsBtn__10p8D{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--najwer23morselsSliderArrowsColorBackground,var(--slider-acbg,#fff));border:1px solid var(--najwer23morselsSliderArrowsColorBorder,var(--slider-acb,#000));border-radius:50%;color:var(--najwer23morselsSliderArrowsColor,var(--slider-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)}}}.Slider-module_najwer23morselsSliderCounter__56f5P{align-items:center;display:flex;height:35px;justify-content:center}}");const w=(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})),p=({isCircular:a=!1,children:p,className:S,arrowsColor:g,arrowsColorBackground:f,arrowsColorBorder:_,showCounter:j=!0,loading:v=!1,loaderColor:C="black"})=>{const x=l.Children.toArray(p).filter(l.isValidElement),[b,y]=t(a&&x.length>=2?2:0),[N,k]=t(!1),[B,E]=t(0),[T,L]=t(0),W=o(null),$=o([]),z=o(null),[M,A]=t(null),[H,J]=t(0),R=a&&x.length>=2?[...w(x,2,!1),...x.map((e,r)=>l.cloneElement(e,{key:e.key??r,className:e.props.className})),...w(x,2,!0)]:x.map((e,r)=>l.cloneElement(e,{key:e.key??r,className:e.props.className}));$.current.length!==R.length&&($.current=Array(R.length).fill(null)),i(()=>{y(a&&x.length>=2?2:0)},[a,x.length,v]);const K=s(()=>{const e=W.current;if(!e)return;const r=$.current[0];if(!r)return;const n=window.getComputedStyle(r);E(r.offsetWidth+parseFloat(n.marginLeft)+parseFloat(n.marginRight)),L(e.offsetWidth)},[]);i(()=>{K();const e=()=>{null!==z.current&&clearTimeout(z.current),z.current=window.setTimeout(()=>{K(),k(!0)},150)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),null!==z.current&&clearTimeout(z.current)}},[K,v]),i(()=>{const e=B+10;$.current.forEach((r,n)=>{if(!r)return;const l=(n-b)*e+(T-B)/2;r.style.transition=N?"transform 0.4s cubic-bezier(.4,0,.2,1)":"none",r.style.transform=`translateX(${l}px)`,r.style.left=""})},[b,B,T,N,R.length,a,v]),i(()=>{if(!N||!a)return;const e=$.current.length,r=$.current[e-1];if(!r)return;let n;const l=()=>{let t=b;1===b?t=e-3:b===e-2&&(t=2),t!==b&&y(t),k(!1),r.removeEventListener("transitionend",l),clearTimeout(n)};return r.addEventListener("transitionend",l),n=window.setTimeout(()=>{k(!1),r.removeEventListener("transitionend",l)},500),()=>{r.removeEventListener("transitionend",l),clearTimeout(n)}},[b,a,N,v]),i(()=>{if(!N)return;const e=$.current[0];if(!e)return;let r;const n=()=>{k(!1),e.removeEventListener("transitionend",n),clearTimeout(r)};return e.addEventListener("transitionend",n),r=window.setTimeout(()=>{k(!1),e.removeEventListener("transitionend",n)},500),()=>{e.removeEventListener("transitionend",n),clearTimeout(r)}},[N,v]);const P=()=>{N||(k(!0),y(a?e=>e+1:e=>Math.min(e+1,R.length-1)))},X=()=>{N||(k(!0),y(a?e=>e-1:e=>Math.max(e-1,0)))};return e("div",{className:[h.najwer23morselsSliderContainer,"MorselsSlider",S].filter(Boolean).join(" "),style:{height:v?"calc(100% - 2px)":j?"calc(100% - 35px)":"100%"},onTouchStart:e=>{1===e.touches.length&&(A(e.touches[0].clientX),J(0))},onTouchMove:e=>{null!==M&&J(e.touches[0].clientX-M)},onTouchEnd:()=>{H>50?X():H<-50&&P(),A(null),J(0)},children:[v&&r(c,{loaderColor:C}),!v&&e(n,{children:[e("div",{className:[h.najwer23morselsSliderContainerSlider].filter(Boolean).join(" "),style:{"--slider-ac":g,"--slider-acbg":f,"--slider-acb":_},children:[e("div",{className:[h.najwer23morselsBtnControl,"MorselsSliderControl",S].join(" "),style:{justifyContent:a?"space-between":0===b?"flex-end":b===x.length-1?"flex-start":"space-between"},children:[(a&&x.length>1||0!==b)&&r("button",{title:"Prev",className:h.najwer23morselsBtn,onClick:X,disabled:N,children:r(m,{width:24,height:24})}),(a&&x.length>1||b!==x.length-1)&&r("button",{title:"Next",className:h.najwer23morselsBtn,onClick:P,disabled:N,children:r(u,{width:24,height:24})})]}),r("div",{className:[h.najwer23morselsSlideWrapper,"MorselsSliderWrapper",S].join(" "),ref:W,children:R.map((e,n)=>r("div",{ref:e=>{$.current[n]=e},className:`${h.najwer23morselsSlide}`,style:{width:x.length>1?"calc(100% - 40px)":"100%"},"aria-hidden":b!==n,children:e},e.key??n))})]}),j&&r("div",{className:[h.najwer23morselsSliderCounter,"MorselsSliderCounter",S].join(" "),children:r(d,{mobileSize:16,desktopSize:16,color:"black",children:a?`${(()=>{if(!a)return b;const e=x.length;return e<1?0:(b-2+e)%e})()+1} / ${x.length}`:`${b+1} / ${x.length}`})})]})]})};p.displayName="Slider";export{p as Slider};

package/lib/icons/IconArrowLeft.d.ts

@@ -0,0 +1,2 @@
+import { IconsProps } from './Icons.types';
+export declare const IconArrowLeft: React.FC<IconsProps>;

package/lib/icons/IconArrowRight.d.ts

@@ -0,0 +1,2 @@
+import { IconsProps } from './Icons.types';
+export declare const IconArrowRight: React.FC<IconsProps>;

package/lib/icons/Icons.types.d.ts

@@ -0,0 +1,4 @@
+export interface IconsProps {
+    width?: number;
+    height?: number;
+}

package/lib/icons/index.d.ts

@@ -0,0 +1,3 @@
+import { IconArrowLeft } from './IconArrowLeft';
+import { IconArrowRight } from './IconArrowRight';
+export { IconArrowRight, IconArrowLeft };

package/package.json

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