najwer23morsels 1.1.7 → 1.1.8

package/lib/NavigationTabs/NavigationTabs.d.ts

@@ -3,7 +3,7 @@ interface NavigationTabsProps extends React.HTMLAttributes<HTMLDivElement> {
     style?: React.CSSProperties;
     menuTopLeftColumn: React.ReactNode;
     menuTopRightColumn: React.ReactNode;
-    menuMobile: React.ReactNode;
+    menuMobile?: React.ReactNode;
     menuBottomTabs?: React.ReactNode;
     menuOnlyTop?: boolean;
 }

package/lib/NavigationTabs.js

@@ -1 +1 @@
-import{jsx as e,jsxs as a,Fragment as n}from"react/jsx-runtime";import{useRef as i}from"react";import{B as o}from"./Button-czA3IzD8.js";import{G as t}from"./Grid-BLgYM1CJ.js";import{T as l}from"./TextBox-CT8wp519.js";import{s as m}from"./style-inject.es-CrVRO2OA.js";import"./Loader-hxKQ6g7j.js";var r={n23mNavigationTabs:"NavigationTabs-module_n23mNavigationTabs__ZW-sA",navigationLine:"NavigationTabs-module_navigationLine__0GXrl",menuPlaceholder:"NavigationTabs-module_menuPlaceholder__4e0gb",menu:"NavigationTabs-module_menu__RyLBY",menuContent:"NavigationTabs-module_menuContent__bVzSY",menuAnimation:"NavigationTabs-module_menuAnimation__RvppI",menuOpen:"NavigationTabs-module_menuOpen__H7d5G",menuItemMobile:"NavigationTabs-module_menuItemMobile__xblea",navigationTabMenu:"NavigationTabs-module_navigationTabMenu__sH02E",menuItemDesktop:"NavigationTabs-module_menuItemDesktop__CgUIw"};m("@layer n23mNavigationTabs{.NavigationTabs-module_n23mNavigationTabs__ZW-sA{.NavigationTabs-module_navigationLogo__vRE2p{height:20px;width:20px}.NavigationTabs-module_navigationLine__0GXrl{background-color:#e1dfdf;height:2px;width:100%}.NavigationTabs-module_menuPlaceholder__4e0gb{position:fixed;right:calc(50% - clamp(0px, 100%, 1440px)/2 + 20px);top:14px;z-index:9999}.NavigationTabs-module_menu__RyLBY{-webkit-overflow-scrolling:touch;background-color:#e1dfdf;contain:strict;height:100dvh;left:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:0;transform:scale(0);transform-origin:top right;transition:transform .25s ease-out;width:100vw;will-change:transform;z-index:9998;.NavigationTabs-module_menuContent__bVzSY{align-items:center;display:flex;flex-direction:column;gap:20px;padding:150px 0;a{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;transition:opacity 0s ease-out;transition-delay:0s;user-select:none}.NavigationTabs-module_menuAnimation__RvppI{opacity:1;transition:opacity .2s ease-in!important;transition-delay:.3s!important}}}.NavigationTabs-module_menuOpen__H7d5G{transform:scale(1);transition:transform .25s ease-in;will-change:transform}.NavigationTabs-module_menuItemMobile__xblea{display:none}@media (max-width:767.98px){.NavigationTabs-module_menuItemDesktop__CgUIw,.NavigationTabs-module_navigationTabMenu__sH02E{display:none}.NavigationTabs-module_menuItemMobile__xblea{display:block}body:has(.NavigationTabs-module_menuItemMobile__xblea .NavigationTabs-module_menuOpen__H7d5G){overflow:hidden}}}}");const s=({children:m,className:s,style:u,menuTopLeftColumn:d=e(n,{children:"menuTopLeftColumn"}),menuTopRightColumn:c=e(n,{children:"menuTopRightColumn"}),menuMobile:p=e(n,{children:"menuMobile"}),menuBottomTabs:g=e(n,{children:"menuBottomTabs"}),menuOnlyTop:_=!1,...b})=>{const v=i(null),h=i(null),T=i(!1),x=i(null),N=()=>{T.current=!1,v.current?.classList.remove(r.menuOpen),h.current?.querySelectorAll("a").forEach(e=>{e.classList.remove(r.menuAnimation)})};return e("div",{className:[r.n23mNavigationTabs,"n23mNavigationTabs",s].filter(Boolean).join(" "),...b,children:a(t,{layout:"container",widthMax:"1600px",children:[e(t,{layout:"container",widthMax:"1400px",padding:"20px",margin:"auto",children:a(t,{layout:"columns",gap:{col:"20px",row:"20px"},col:{smallDesktop:2,desktop:2,mobile:2,tablet:2},children:[e("div",{children:d}),e("div",{className:r.menuItemDesktop,children:c}),a("div",{className:r.menuItemMobile,children:[e("div",{className:r.menuPlaceholder,children:e(o,{height:"40px",width:"70px",padding:0,backgroundColor:"orangered",onClick:()=>{x.current&&cancelAnimationFrame(x.current),T.current?N():(T.current=!0,x.current=requestAnimationFrame(()=>{x.current=requestAnimationFrame(()=>{v.current?.classList.add(r.menuOpen),h.current?.querySelectorAll("a").forEach(e=>{e.classList.add(r.menuAnimation)})})}))},children:e(l,{tag:"span",desktopSize:20,mobileSize:20,fontWeight:400,color:"white",children:"Menu"})})}),e("div",{ref:v,className:r.menu,children:e("div",{ref:h,className:r.menuContent,onClick:e=>{e.target.closest("a")&&N()},children:p})})]})]})}),e("div",{className:r.navigationLine}),!_&&e(t,{layout:"container",widthMax:"1400px",padding:"20px",margin:"auto",className:r.navigationTabMenu,children:e(t,{layout:"flex",justifyContent:"center",widthMax:"1400px",gap:{col:"30px",row:"20px"},children:g})})]})})};s.displayName="NavigationTabs";export{s as NavigationTabs};
+import{jsx as e,jsxs as a,Fragment as n}from"react/jsx-runtime";import{useRef as i}from"react";import{B as o}from"./Button-czA3IzD8.js";import{G as t}from"./Grid-BLgYM1CJ.js";import{T as l}from"./TextBox-CT8wp519.js";import{s as m}from"./style-inject.es-CrVRO2OA.js";import"./Loader-hxKQ6g7j.js";var r={n23mNavigationTabs:"NavigationTabs-module_n23mNavigationTabs__ZW-sA",navigationLine:"NavigationTabs-module_navigationLine__0GXrl",menuPlaceholder:"NavigationTabs-module_menuPlaceholder__4e0gb",menu:"NavigationTabs-module_menu__RyLBY",menuContent:"NavigationTabs-module_menuContent__bVzSY",menuAnimation:"NavigationTabs-module_menuAnimation__RvppI",menuOpen:"NavigationTabs-module_menuOpen__H7d5G",menuItemMobile:"NavigationTabs-module_menuItemMobile__xblea",navigationTabMenu:"NavigationTabs-module_navigationTabMenu__sH02E",menuItemDesktop:"NavigationTabs-module_menuItemDesktop__CgUIw"};m("@layer n23mNavigationTabs{.NavigationTabs-module_n23mNavigationTabs__ZW-sA{.NavigationTabs-module_navigationLogo__vRE2p{height:20px;width:20px}.NavigationTabs-module_navigationLine__0GXrl{background-color:#e1dfdf;height:2px;width:100%}.NavigationTabs-module_menuPlaceholder__4e0gb{position:fixed;right:calc(50% - clamp(0px, 100%, 1440px)/2 + 20px);top:14px;z-index:9999}.NavigationTabs-module_menu__RyLBY{-webkit-overflow-scrolling:touch;background-color:#e1dfdf;contain:strict;height:100dvh;left:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:0;transform:scale(0);transform-origin:top right;transition:transform .25s ease-out;width:100vw;will-change:transform;z-index:9998;.NavigationTabs-module_menuContent__bVzSY{align-items:center;display:flex;flex-direction:column;gap:20px;padding:150px 0;a{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;transition:opacity 0s ease-out;transition-delay:0s;user-select:none}.NavigationTabs-module_menuAnimation__RvppI{opacity:1;transition:opacity .2s ease-in!important;transition-delay:.3s!important}}}.NavigationTabs-module_menuOpen__H7d5G{transform:scale(1);transition:transform .25s ease-in;will-change:transform}.NavigationTabs-module_menuItemMobile__xblea{display:none}@media (max-width:767.98px){.NavigationTabs-module_menuItemDesktop__CgUIw,.NavigationTabs-module_navigationTabMenu__sH02E{display:none}.NavigationTabs-module_menuItemMobile__xblea{display:block}body:has(.NavigationTabs-module_menuItemMobile__xblea .NavigationTabs-module_menuOpen__H7d5G){overflow:hidden}}}}");const s=({children:m,className:s,style:u,menuTopLeftColumn:d=e(n,{children:"menuTopLeftColumn"}),menuTopRightColumn:c=e(n,{children:"menuTopRightColumn"}),menuMobile:p=e(n,{children:"menuMobile"}),menuBottomTabs:g=e(n,{children:"menuBottomTabs"}),menuOnlyTop:_=!1,...b})=>{const v=i(null),h=i(null),T=i(!1),x=i(null),N=()=>{T.current=!1,v.current?.classList.remove(r.menuOpen),h.current?.querySelectorAll("a").forEach(e=>{e.classList.remove(r.menuAnimation)})};return e("div",{className:[r.n23mNavigationTabs,"n23mNavigationTabs",s].filter(Boolean).join(" "),...b,children:a(t,{layout:"container",widthMax:"1600px",children:[e(t,{layout:"container",widthMax:"1400px",padding:"20px",margin:"auto",children:a(t,{layout:"columns",gap:{col:"20px",row:"20px"},col:{smallDesktop:2,desktop:2,mobile:2,tablet:2},children:[e("div",{children:d}),e("div",{className:r.menuItemDesktop,children:c}),!_&&a("div",{className:r.menuItemMobile,children:[e("div",{className:r.menuPlaceholder,children:e(o,{height:"40px",width:"70px",padding:0,backgroundColor:"orangered",onClick:()=>{x.current&&cancelAnimationFrame(x.current),T.current?N():(T.current=!0,x.current=requestAnimationFrame(()=>{x.current=requestAnimationFrame(()=>{v.current?.classList.add(r.menuOpen),h.current?.querySelectorAll("a").forEach(e=>{e.classList.add(r.menuAnimation)})})}))},children:e(l,{tag:"span",desktopSize:20,mobileSize:20,fontWeight:400,color:"white",children:"Menu"})})}),e("div",{ref:v,className:r.menu,children:e("div",{ref:h,className:r.menuContent,onClick:e=>{e.target.closest("a")&&N()},children:p})})]})]})}),e("div",{className:r.navigationLine}),!_&&e(t,{layout:"container",widthMax:"1400px",padding:"20px",margin:"auto",className:r.navigationTabMenu,children:e(t,{layout:"flex",justifyContent:"center",widthMax:"1400px",gap:{col:"30px",row:"20px"},children:g})})]})})};s.displayName="NavigationTabs";export{s as NavigationTabs};

package/package.json

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