najwer23morsels 1.8.3 → 1.8.4
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.
|
@@ -6,6 +6,8 @@ interface NavigationTabsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
6
6
|
menuMobile?: React.ReactNode;
|
|
7
7
|
menuBottomTabs?: React.ReactNode;
|
|
8
8
|
menuOnlyTop?: boolean;
|
|
9
|
+
widthMainContainer?: React.CSSProperties['width'];
|
|
10
|
+
widthInnerContainer?: React.CSSProperties['width'];
|
|
9
11
|
}
|
|
10
12
|
export declare const NavigationTabs: React.FC<NavigationTabsProps>;
|
|
11
13
|
export {};
|
package/lib/NavigationTabs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
1
|
+
import{jsx as e,jsxs as n,Fragment as a}from"react/jsx-runtime";import{useRef as i}from"react";import{B as o}from"./Button-B93Rn5W6.js";import{G as t}from"./Grid-DZqidZrf.js";import{T as l}from"./TextBox-__k4jPYK.js";import{s as r}from"./style-inject.es-CrVRO2OA.js";import"./Loader-BPh2L4dp.js";import"./LoaderDots-BoEg_zlZ.js";var m={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"};r("@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:r,className:s,style:u,menuTopLeftColumn:d=e(a,{children:"menuTopLeftColumn"}),menuTopRightColumn:c=e(a,{children:"menuTopRightColumn"}),menuMobile:p=e(a,{children:"menuMobile"}),menuBottomTabs:g=e(a,{children:"menuBottomTabs"}),menuOnlyTop:_=!1,widthMainContainer:b="1600px",widthInnerContainer:v="1400px",...h})=>{const T=i(null),N=i(null),x=i(!1),f=i(null),y=()=>{x.current=!1,T.current?.classList.remove(m.menuOpen),N.current?.querySelectorAll("a").forEach(e=>{e.classList.remove(m.menuAnimation)})};return e("div",{className:[m.n23mNavigationTabs,"n23mNavigationTabs",s].filter(Boolean).join(" "),...h,children:n(t,{layout:"container",widthMax:b,children:[e(t,{layout:"container",widthMax:v,padding:"20px",margin:"auto",children:n(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:_?void 0:m.menuItemDesktop,children:c}),!_&&n("div",{className:m.menuItemMobile,children:[e("div",{className:m.menuPlaceholder,children:e(o,{height:"40px",width:"70px",padding:0,backgroundColor:"orangered",onClick:()=>{f.current&&cancelAnimationFrame(f.current),x.current?y():(x.current=!0,f.current=requestAnimationFrame(()=>{f.current=requestAnimationFrame(()=>{T.current?.classList.add(m.menuOpen),N.current?.querySelectorAll("a").forEach(e=>{e.classList.add(m.menuAnimation)})})}))},children:e(l,{tag:"span",desktopSize:20,mobileSize:20,fontWeight:400,color:"white",children:"Menu"})})}),e("div",{ref:T,className:m.menu,children:e("div",{ref:N,className:m.menuContent,onClick:e=>{e.target.closest("a")&&y()},children:p})})]})]})}),e("div",{className:m.navigationLine}),!_&&e(t,{layout:"container",widthMax:v,padding:"20px",margin:"auto",className:m.navigationTabMenu,children:e(t,{layout:"flex",justifyContent:"center",widthMax:v,gap:{col:"30px",row:"20px"},children:g})})]})})};s.displayName="NavigationTabs";export{s as NavigationTabs};
|