@next-bricks/nav 0.10.2 → 0.10.4

package/dist/chunks/{eo-nav-menu.1c3bb26a.js → eo-nav-menu.5599c5bf.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_next_bricks_nav=self.webpackChunk_next_bricks_nav||[]).push([[1163],{2041:(e,t,n)=>{n.r(t),n.d(t,{NavMenu:()=>W});var i,l,r,a,o,s,c,m,u,d=n(4795),h=n(3395),p=n(381),v=n(687),y=n(5066),g=n(7896),w=n(8657),b=n.n(w),f=n(7844),E=n(6594),k=n(8835),x=n(9800),N=n(3808),T=n(7993),K=(n(4629),n(2779)),Z=n.n(K),D=n(1880),I=n(641),C=n(2598),M=n(8462),R=n(8101),{defineElement:_,property:S}=(n(441),(0,f.createDecorators)()),F=(0,k.wrapBrick)("eo-menu-item"),L=(0,k.wrapBrick)("eo-popover",{onVisibleChange:"visible.change",beforeVisibleChange:"before.visible.change"});function O(e){var{item:t}=e;return(0,N.cl)(t,e.topData)?b().createElement(B,(0,g.Z)({},e,{item:t})):(0,N.ty)(t)?b().createElement(G,(0,g.Z)({},e,{item:t})):b().createElement(V,(0,g.Z)({},e,{item:t}))}function V(e){var{item:t,index:n,hidden:i,showTooltip:l,selectedKey:r=[]}=e;return b().createElement(F,{"data-index":n,className:i?"overflow-menu-item":"",key:t.key,title:l?t.text:"",active:!!t.key&&r.includes(t.key)},(0,N.nC)(t,{width:"100%"}))}var W,A=e=>{var t,n=null!==(t=u)&&void 0!==t?t:u=window.innerWidth-document.body.clientWidth;document.body.style.paddingRight=e.detail?n+"px":"",document.body.style.overflow=e.detail?"hidden":"",document.body.style.touchAction=e.detail?"none":""};function B(e){var t,{index:n,hidden:i,item:l,topData:r,showTooltip:a,selectedKey:o=[],overflow:s}=e;return(null===(t=l.items)||void 0===t?void 0:t.length)>0?b().createElement(L,{"data-index":n,className:Z()("popover",{subprime:!r,"overflow-menu-item":i}),trigger:"hover",placement:r?"bottom-start":"right-start",distance:0,anchorDisplay:"block",strategy:"fixed"},b().createElement(F,{className:"sub-menu-item-label",key:l.key,slot:"anchor",title:a?l.title:""},(0,N.cx)(l,!r)),b().createElement("div",{className:Z()("sub-menu-wrapper",{"overflow-menu-wrapper":s})},l.items.map((e=>b().createElement(b().Fragment,{key:e.key},b().createElement(O,{item:e,selectedKey:o,showTooltip:a})))))):null}function G(e){var t,{item:n,showTooltip:i,selectedKey:l=[]}=e;return(null===(t=n.items)||void 0===t?void 0:t.length)>0?"category"===n.childLayout?b().createElement(J,{item:n,selectedKey:l,showTooltip:i,placement:"right-start",anchorDisplay:"block"}):"siteMap"===n.childLayout?b().createElement(X,{item:n,selectedKey:l,showTooltip:i,placement:"right-start",anchorDisplay:"block",topData:!1}):b().createElement(b().Fragment,null,b().createElement("div",{className:"group-label"},n.title),b().createElement("div",{className:"group-wrapper"},n.items.map((e=>b().createElement(b().Fragment,{key:e.key},b().createElement(O,{item:e,showTooltip:i,selectedKey:l})))))):null}function J(e){var t,{index:n,hidden:i,item:l,selectedKey:r=[],showTooltip:a,placement:o="bottom-start",anchorDisplay:s}=e;return(null===(t=l.items)||void 0===t?void 0:t.length)>0?b().createElement(L,{"data-index":n,className:Z()("three-level-menu-popover","popover",{"overflow-menu-item":i}),trigger:"hover",placement:o,distance:0,key:l.key,strategy:"fixed",anchorDisplay:s,beforeVisibleChange:A},b().createElement(F,{className:"sub-menu-item-label",key:l.key,slot:"anchor",title:a?l.title:""},(0,N.cx)(l)),b().createElement("div",{className:"sub-menu-wrapper"},b().createElement(D.m,{menuItem:l,selectedKey:r}))):null}function X(e){var t,{index:n,hidden:i,item:l,selectedKey:r=[],showTooltip:a,placement:o="bottom-start",anchorDisplay:s,topData:c}=e,[m,u]=(0,w.useState)();return(null===(t=l.items)||void 0===t?void 0:t.length)>0?b().createElement(L,{"data-index":n,className:Z()("popover",{"overflow-menu-item":i}),trigger:"hover",placement:o,distance:0,key:l.key,strategy:"fixed",anchorDisplay:s,beforeVisibleChange:e=>{u(e.detail),A(e)}},b().createElement(F,{className:"sub-menu-item-label",key:l.key,slot:"anchor",title:a?l.title:""},(0,N.cx)(l)),b().createElement("div",{className:Z()("sub-menu-sit-map-wrapper",{"in-group-site-map":!c}),onClick:e=>e.stopPropagation()},b().createElement(I.hX,{menuGroup:l,selectedKey:r,visible:m}))):null}l=_("eo-nav-menu",{styleTexts:[C.Z,M.Z,R.Z,x.Z]}),r=S({attribute:!1}),o=S({type:Boolean});var z=new WeakMap,H=new WeakMap;class P extends k.ReactNextElement{constructor(){super(...arguments),(0,h.Z)(this,z,{writable:!0,value:(c(this),a(this))}),(0,h.Z)(this,H,{writable:!0,value:s(this)})}get menu(){return(0,v.Z)(this,z)}set menu(e){(0,p.Z)(this,z,e)}get showTooltip(){return(0,v.Z)(this,H)}set showTooltip(e){(0,p.Z)(this,H,e)}render(){return b().createElement(j,{menu:this.menu,showTooltip:this.showTooltip})}}function j(e){var t,n,{menu:i,showTooltip:l}=e,r=(0,E.getHistory)(),a=(0,w.useRef)(null),[o,s]=(0,w.useState)(r.location),[c,m]=(0,w.useState)(Number.MAX_SAFE_INTEGER),{pathname:u,search:h}=o,[p,v]=(0,w.useState)([]),y=function(){var e=(0,d.Z)((function*(){var e,{selectedKeys:t}=(0,T.OZ)(null!==(e=null==i?void 0:i.menuItems)&&void 0!==e?e:[],u,h,"");v(t)}));return function(){return e.apply(this,arguments)}}();(0,w.useEffect)((()=>{var e=r.listen((e=>{s(e)}));return y(),e}),[]),(0,w.useEffect)((()=>{if(a.current){var e=new ResizeObserver((()=>{if(a.current){var e,{width:t}=null!==(e=a.current.getClientRects()[0])&&void 0!==e?e:{},n=a.current.childNodes;if(n.length&&t){for(var i=t,l=n.length,r=0;r<n.length;r++){var{width:o,height:s}=n[r].getClientRects()[0];if(!s&&i-40<0){l=r-1;break}if((i=i-o-(r>0?8:0))<0){l=r;break}}m(l<0?0:l)}}}));return e.observe(a.current),()=>{e.disconnect()}}}),[]);var g=(0,w.useMemo)((()=>({type:"subMenu",title:"···",items:null==i?void 0:i.menuItems.slice(c,i.menuItems.length)})),[null==i?void 0:i.menuItems,c]);return b().createElement("div",{ref:a,className:"nav-menu-wrapper"},null==i?void 0:i.menuItems.map(((e,t)=>{var n,i=c<=t;return b().createElement(b().Fragment,{key:e.key},(0,N.cl)(e,!0)&&"category"===e.childLayout&&null!==(n=e.items)&&void 0!==n&&n.length?b().createElement(J,{index:t,hidden:i,item:e,showTooltip:l,selectedKey:p}):"group"===e.type&&"siteMap"===e.childLayout?b().createElement(X,{index:t,hidden:i,item:e,showTooltip:l,selectedKey:p,topData:!0}):b().createElement(O,{index:t,hidden:i,item:e,showTooltip:l,selectedKey:p,topData:!0}))})),b().createElement(O,{hidden:c>(null!==(t=null==i||null===(n=i.menuItems)||void 0===n?void 0:n.length)&&void 0!==t?t:0),item:g,showTooltip:l,selectedKey:p,overflow:!0,topData:!0}))}m=P,({e:[a,s,c],c:[W,i]}=(0,y.Z)(m,[[r,1,"menu"],[o,1,"showTooltip"]],[l],0,void 0,k.ReactNextElement)),i()},2890:(e,t,n)=>{n.d(t,{o:()=>i});class i{constructor(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"brick-next-";this.storage=e,this.prefix=t}setItem(e,t){this.storage.setItem(this.prefix+e,JSON.stringify(t))}getItem(e){return JSON.parse(this.storage.getItem(this.prefix+e))}removeItem(e){return this.storage.removeItem(this.prefix+e)}clear(){return this.storage.clear()}}}}]);
-//# sourceMappingURL=eo-nav-menu.1c3bb26a.js.map
+"use strict";(self.webpackChunk_next_bricks_nav=self.webpackChunk_next_bricks_nav||[]).push([[1163],{2041:(e,t,n)=>{n.r(t),n.d(t,{NavMenu:()=>W});var i,l,r,a,o,s,c,m,u,d=n(4795),h=n(3395),p=n(381),v=n(687),y=n(5066),g=n(7896),w=n(8657),b=n.n(w),f=n(7844),E=n(6594),k=n(8835),x=n(9800),N=n(3808),T=n(7993),K=(n(2006),n(2779)),Z=n.n(K),D=n(1880),I=n(641),C=n(2598),M=n(8462),R=n(8101),{defineElement:_,property:S}=(n(441),(0,f.createDecorators)()),F=(0,k.wrapBrick)("eo-menu-item"),L=(0,k.wrapBrick)("eo-popover",{onVisibleChange:"visible.change",beforeVisibleChange:"before.visible.change"});function O(e){var{item:t}=e;return(0,N.cl)(t,e.topData)?b().createElement(B,(0,g.Z)({},e,{item:t})):(0,N.ty)(t)?b().createElement(G,(0,g.Z)({},e,{item:t})):b().createElement(V,(0,g.Z)({},e,{item:t}))}function V(e){var{item:t,index:n,hidden:i,showTooltip:l,selectedKey:r=[]}=e;return b().createElement(F,{"data-index":n,className:i?"overflow-menu-item":"",key:t.key,title:l?t.text:"",active:!!t.key&&r.includes(t.key)},(0,N.nC)(t,{width:"100%"}))}var W,A=e=>{var t,n=null!==(t=u)&&void 0!==t?t:u=window.innerWidth-document.body.clientWidth;document.body.style.paddingRight=e.detail?n+"px":"",document.body.style.overflow=e.detail?"hidden":"",document.body.style.touchAction=e.detail?"none":""};function B(e){var t,{index:n,hidden:i,item:l,topData:r,showTooltip:a,selectedKey:o=[],overflow:s}=e;return(null===(t=l.items)||void 0===t?void 0:t.length)>0?b().createElement(L,{"data-index":n,className:Z()("popover",{subprime:!r,"overflow-menu-item":i}),trigger:"hover",placement:r?"bottom-start":"right-start",distance:0,anchorDisplay:"block",strategy:"fixed"},b().createElement(F,{className:"sub-menu-item-label",key:l.key,slot:"anchor",title:a?l.title:""},(0,N.cx)(l,!r)),b().createElement("div",{className:Z()("sub-menu-wrapper",{"overflow-menu-wrapper":s})},l.items.map((e=>b().createElement(b().Fragment,{key:e.key},b().createElement(O,{item:e,selectedKey:o,showTooltip:a})))))):null}function G(e){var t,{item:n,showTooltip:i,selectedKey:l=[]}=e;return(null===(t=n.items)||void 0===t?void 0:t.length)>0?"category"===n.childLayout?b().createElement(J,{item:n,selectedKey:l,showTooltip:i,placement:"right-start",anchorDisplay:"block"}):"siteMap"===n.childLayout?b().createElement(X,{item:n,selectedKey:l,showTooltip:i,placement:"right-start",anchorDisplay:"block",topData:!1}):b().createElement(b().Fragment,null,b().createElement("div",{className:"group-label"},n.title),b().createElement("div",{className:"group-wrapper"},n.items.map((e=>b().createElement(b().Fragment,{key:e.key},b().createElement(O,{item:e,showTooltip:i,selectedKey:l})))))):null}function J(e){var t,{index:n,hidden:i,item:l,selectedKey:r=[],showTooltip:a,placement:o="bottom-start",anchorDisplay:s}=e;return(null===(t=l.items)||void 0===t?void 0:t.length)>0?b().createElement(L,{"data-index":n,className:Z()("three-level-menu-popover","popover",{"overflow-menu-item":i}),trigger:"hover",placement:o,distance:0,key:l.key,strategy:"fixed",anchorDisplay:s,beforeVisibleChange:A},b().createElement(F,{className:"sub-menu-item-label",key:l.key,slot:"anchor",title:a?l.title:""},(0,N.cx)(l)),b().createElement("div",{className:"sub-menu-wrapper"},b().createElement(D.m,{menuItem:l,selectedKey:r}))):null}function X(e){var t,{index:n,hidden:i,item:l,selectedKey:r=[],showTooltip:a,placement:o="bottom-start",anchorDisplay:s,topData:c}=e,[m,u]=(0,w.useState)();return(null===(t=l.items)||void 0===t?void 0:t.length)>0?b().createElement(L,{"data-index":n,className:Z()("popover",{"overflow-menu-item":i}),trigger:"hover",placement:o,distance:0,key:l.key,strategy:"fixed",anchorDisplay:s,beforeVisibleChange:e=>{u(e.detail),A(e)}},b().createElement(F,{className:"sub-menu-item-label",key:l.key,slot:"anchor",title:a?l.title:""},(0,N.cx)(l)),b().createElement("div",{className:Z()("sub-menu-sit-map-wrapper",{"in-group-site-map":!c}),onClick:e=>e.stopPropagation()},b().createElement(I.hX,{menuGroup:l,selectedKey:r,visible:m}))):null}l=_("eo-nav-menu",{styleTexts:[C.Z,M.Z,R.Z,x.Z]}),r=S({attribute:!1}),o=S({type:Boolean});var z=new WeakMap,H=new WeakMap;class P extends k.ReactNextElement{constructor(){super(...arguments),(0,h.Z)(this,z,{writable:!0,value:(c(this),a(this))}),(0,h.Z)(this,H,{writable:!0,value:s(this)})}get menu(){return(0,v.Z)(this,z)}set menu(e){(0,p.Z)(this,z,e)}get showTooltip(){return(0,v.Z)(this,H)}set showTooltip(e){(0,p.Z)(this,H,e)}render(){return b().createElement(j,{menu:this.menu,showTooltip:this.showTooltip})}}function j(e){var t,n,{menu:i,showTooltip:l}=e,r=(0,E.getHistory)(),a=(0,w.useRef)(null),[o,s]=(0,w.useState)(r.location),[c,m]=(0,w.useState)(Number.MAX_SAFE_INTEGER),{pathname:u,search:h}=o,[p,v]=(0,w.useState)([]),y=function(){var e=(0,d.Z)((function*(){var e,{selectedKeys:t}=(0,T.OZ)(null!==(e=null==i?void 0:i.menuItems)&&void 0!==e?e:[],u,h,"");v(t)}));return function(){return e.apply(this,arguments)}}();(0,w.useEffect)((()=>{var e=r.listen((e=>{s(e)}));return y(),e}),[]),(0,w.useEffect)((()=>{if(a.current){var e=new ResizeObserver((()=>{if(a.current){var e,{width:t}=null!==(e=a.current.getClientRects()[0])&&void 0!==e?e:{},n=a.current.childNodes;if(n.length&&t){for(var i=t,l=n.length,r=0;r<n.length;r++){var{width:o,height:s}=n[r].getClientRects()[0];if(!s&&i-40<0){l=r-1;break}if((i=i-o-(r>0?8:0))<0){l=r;break}}m(l<0?0:l)}}}));return e.observe(a.current),()=>{e.disconnect()}}}),[]);var g=(0,w.useMemo)((()=>({type:"subMenu",title:"···",items:null==i?void 0:i.menuItems.slice(c,i.menuItems.length)})),[null==i?void 0:i.menuItems,c]);return b().createElement("div",{ref:a,className:"nav-menu-wrapper"},null==i?void 0:i.menuItems.map(((e,t)=>{var n,i=c<=t;return b().createElement(b().Fragment,{key:e.key},(0,N.cl)(e,!0)&&"category"===e.childLayout&&null!==(n=e.items)&&void 0!==n&&n.length?b().createElement(J,{index:t,hidden:i,item:e,showTooltip:l,selectedKey:p}):"group"===e.type&&"siteMap"===e.childLayout?b().createElement(X,{index:t,hidden:i,item:e,showTooltip:l,selectedKey:p,topData:!0}):b().createElement(O,{index:t,hidden:i,item:e,showTooltip:l,selectedKey:p,topData:!0}))})),b().createElement(O,{hidden:c>(null!==(t=null==i||null===(n=i.menuItems)||void 0===n?void 0:n.length)&&void 0!==t?t:0),item:g,showTooltip:l,selectedKey:p,overflow:!0,topData:!0}))}m=P,({e:[a,s,c],c:[W,i]}=(0,y.Z)(m,[[r,1,"menu"],[o,1,"showTooltip"]],[l],0,void 0,k.ReactNextElement)),i()},2890:(e,t,n)=>{n.d(t,{o:()=>i});class i{constructor(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"brick-next-";this.storage=e,this.prefix=t}setItem(e,t){this.storage.setItem(this.prefix+e,JSON.stringify(t))}getItem(e){return JSON.parse(this.storage.getItem(this.prefix+e))}removeItem(e){return this.storage.removeItem(this.prefix+e)}clear(){return this.storage.clear()}}}}]);
+//# sourceMappingURL=eo-nav-menu.5599c5bf.js.map

package/dist/chunks/{eo-nav-menu.1c3bb26a.js.map → eo-nav-menu.5599c5bf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/eo-nav-menu.1c3bb26a.js","mappings":"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","sources":["webpack:///./src/nav-menu/index.tsx","webpack:///../../src/JsonStorage.ts"],"sourcesContent":["import React, {\n  CSSProperties,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { getHistory } from \"@next-core/runtime\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport styleText from \"./nav-menu.shadow.css\";\nimport { UnregisterCallback } from \"history\";\nimport type { SidebarMenu } from \"@next-bricks/basic/menu\";\nimport type {\n  MenuItem as MenuItemComponent,\n  MenuComponentProps,\n} from \"@next-bricks/basic/menu-item\";\nimport { isSubMenu, isGroup, renderLinkCom, renderSpanCom } from \"./utils.js\";\nimport { initMenuItemAndMatchCurrentPathKeys } from \"@next-shared/general/menu\";\nimport type {\n  SidebarMenuGroup,\n  SidebarMenuItem,\n  SidebarMenuSimpleItem,\n} from \"@next-shared/general/types\";\nimport type {\n  Popover,\n  PopoverProps,\n  PopoverEvents,\n  PopoverEventsMapping,\n  Placement,\n} from \"@next-bricks/basic/popover\";\nimport \"@next-core/theme\";\nimport classnames from \"classnames\";\nimport { ThreeLevelMenuPopoverContent } from \"./ThreeLevelMenuPopoverContent.js\";\nimport { SiteMapItem } from \"./site-map/SiteMapItem.js\";\nimport SiteMapStyleText from \"../nav-menu/site-map/SiteMapItem.shadow.css\";\nimport ItemTagStyleText from \"../nav-menu/site-map/ItemTag.shadow.css\";\nimport GroupItemStyleText from \"../nav-menu/site-map/GroupItem.shadow.css\";\nimport \"./host-context.css\";\n\nconst { defineElement, property } = createDecorators();\n\nconst WrappedMenuItem = wrapBrick<MenuItemComponent, MenuComponentProps>(\n  \"eo-menu-item\"\n);\nconst WrappedPopover = wrapBrick<\n  Popover,\n  PopoverProps,\n  PopoverEvents,\n  PopoverEventsMapping\n>(\"eo-popover\", {\n  onVisibleChange: \"visible.change\",\n  beforeVisibleChange: \"before.visible.change\",\n});\n\nconst GAP_WIDTH = 8;\n\ninterface NavMenuProps {\n  menu?: SidebarMenu;\n  showTooltip?: boolean;\n}\n\ninterface MenuItemComProps {\n  index?: number;\n  hidden?: boolean;\n  item: SidebarMenuItem;\n  topData?: boolean;\n  selectedKey?: string[];\n  showTooltip?: boolean;\n  overflow?: boolean;\n}\ninterface SimpleMenuItemComProps extends MenuItemComProps {\n  item: SidebarMenuSimpleItem;\n}\ninterface MenuGroupComProps extends MenuItemComProps {\n  item: SidebarMenuGroup;\n}\nfunction RenderMenuItemCom(props: MenuItemComProps) {\n  const { item } = props;\n  return isSubMenu(item as SidebarMenuGroup, props.topData) ? (\n    <SubMenuItemCom {...props} item={item as SidebarMenuGroup}></SubMenuItemCom>\n  ) : isGroup(item) ? (\n    <GroupMenuItemCom {...props} item={item as SidebarMenuGroup} />\n  ) : (\n    <SimpleMenuItemCom\n      {...props}\n      item={item as SidebarMenuSimpleItem}\n    ></SimpleMenuItemCom>\n  );\n}\nfunction SimpleMenuItemCom(props: SimpleMenuItemComProps) {\n  const { item, index, hidden, showTooltip, selectedKey = [] } = props;\n  return (\n    <WrappedMenuItem\n      data-index={index}\n      className={hidden ? \"overflow-menu-item\" : \"\"}\n      key={item.key}\n      title={showTooltip ? item.text : \"\"}\n      active={item.key ? selectedKey.includes(item.key) : false}\n    >\n      {renderLinkCom(item, { width: \"100%\" })}\n    </WrappedMenuItem>\n  );\n}\n\nlet scrollWidth: number;\n// istanbul ignore next;\nconst handlePopupVisibleChange = (event: CustomEvent<boolean>) => {\n  // 当用户设置滚动条一直显示时，来回切换 overflow: hidden 会导致滚动条显示或隐藏\n  // 造成页面宽度变化而导致的抖动的问题\n  const paddingRight =\n    scrollWidth ??\n    (scrollWidth = window.innerWidth - document.body.clientWidth);\n\n  document.body.style.paddingRight = event.detail ? paddingRight + \"px\" : \"\";\n  document.body.style.overflow = event.detail ? \"hidden\" : \"\";\n  document.body.style.touchAction = event.detail ? \"none\" : \"\";\n};\n\nfunction SubMenuItemCom({\n  index,\n  hidden,\n  item,\n  topData,\n  showTooltip,\n  selectedKey = [],\n  overflow,\n}: MenuGroupComProps) {\n  return item.items?.length > 0 ? (\n    <WrappedPopover\n      data-index={index}\n      className={classnames(\"popover\", {\n        subprime: !topData,\n        \"overflow-menu-item\": hidden,\n      })}\n      trigger=\"hover\"\n      placement={topData ? \"bottom-start\" : \"right-start\"}\n      distance={0}\n      anchorDisplay=\"block\"\n      strategy=\"fixed\"\n    >\n      <WrappedMenuItem\n        className=\"sub-menu-item-label\"\n        key={item.key}\n        slot=\"anchor\"\n        title={showTooltip ? item.title : \"\"}\n      >\n        {renderSpanCom(item, !topData)}\n      </WrappedMenuItem>\n      <div\n        className={classnames(\"sub-menu-wrapper\", {\n          \"overflow-menu-wrapper\": overflow,\n        })}\n      >\n        {item.items.map((innerItem) => (\n          <React.Fragment key={innerItem.key}>\n            <RenderMenuItemCom\n              item={innerItem}\n              selectedKey={selectedKey}\n              showTooltip={showTooltip}\n            />\n          </React.Fragment>\n        ))}\n      </div>\n    </WrappedPopover>\n  ) : null;\n}\n\nfunction GroupMenuItemCom({\n  item,\n  showTooltip,\n  selectedKey = [],\n}: MenuGroupComProps) {\n  return item.items?.length > 0 ? (\n    item.childLayout === \"category\" ? (\n      <ThreeLevelMenuCom\n        item={item}\n        selectedKey={selectedKey}\n        showTooltip={showTooltip}\n        placement=\"right-start\"\n        anchorDisplay=\"block\"\n      />\n    ) : (item as SidebarMenuGroup).childLayout === \"siteMap\" ? (\n      <SitMapMenCom\n        item={item}\n        selectedKey={selectedKey}\n        showTooltip={showTooltip}\n        placement=\"right-start\"\n        anchorDisplay=\"block\"\n        topData={false}\n      />\n    ) : (\n      <>\n        <div className=\"group-label\">{item.title}</div>\n        <div className=\"group-wrapper\">\n          {item.items.map((innerItem) => {\n            return (\n              <React.Fragment key={innerItem.key}>\n                <RenderMenuItemCom\n                  item={innerItem}\n                  showTooltip={showTooltip}\n                  selectedKey={selectedKey}\n                />\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </>\n    )\n  ) : null;\n}\n\nfunction ThreeLevelMenuCom({\n  index,\n  hidden,\n  item,\n  selectedKey = [],\n  showTooltip,\n  placement = \"bottom-start\",\n  anchorDisplay,\n}: {\n  index?: number;\n  hidden?: boolean;\n  item: SidebarMenuGroup;\n  selectedKey?: string[];\n  showTooltip?: boolean;\n  placement?: Placement;\n  anchorDisplay?: CSSProperties[\"display\"];\n}) {\n  return item.items?.length > 0 ? (\n    <WrappedPopover\n      data-index={index}\n      className={classnames(\"three-level-menu-popover\", \"popover\", {\n        \"overflow-menu-item\": hidden,\n      })}\n      trigger={\"hover\"}\n      placement={placement}\n      distance={0}\n      key={item.key}\n      strategy=\"fixed\"\n      anchorDisplay={anchorDisplay}\n      beforeVisibleChange={handlePopupVisibleChange}\n    >\n      <WrappedMenuItem\n        className=\"sub-menu-item-label\"\n        key={item.key}\n        slot=\"anchor\"\n        title={showTooltip ? item.title : \"\"}\n      >\n        {renderSpanCom(item)}\n      </WrappedMenuItem>\n      <div className=\"sub-menu-wrapper\">\n        <ThreeLevelMenuPopoverContent\n          menuItem={item}\n          selectedKey={selectedKey}\n        ></ThreeLevelMenuPopoverContent>\n      </div>\n    </WrappedPopover>\n  ) : null;\n}\n\nfunction SitMapMenCom({\n  index,\n  hidden,\n  item,\n  selectedKey = [],\n  showTooltip,\n  placement = \"bottom-start\",\n  anchorDisplay,\n  topData,\n}: {\n  index?: number;\n  hidden?: boolean;\n  item: SidebarMenuGroup;\n  selectedKey?: string[];\n  showTooltip?: boolean;\n  placement?: Placement;\n  anchorDisplay?: CSSProperties[\"display\"];\n  topData?: boolean;\n}) {\n  const [visible, setVisible] = useState<boolean>();\n\n  const handleVisibleChange = (event: CustomEvent<boolean>): void => {\n    setVisible(event.detail);\n    handlePopupVisibleChange(event);\n  };\n\n  return item.items?.length > 0 ? (\n    <WrappedPopover\n      data-index={index}\n      className={classnames(\"popover\", {\n        \"overflow-menu-item\": hidden,\n      })}\n      trigger={\"hover\"}\n      placement={placement}\n      distance={0}\n      key={item.key}\n      strategy=\"fixed\"\n      anchorDisplay={anchorDisplay}\n      beforeVisibleChange={handleVisibleChange}\n    >\n      <WrappedMenuItem\n        className=\"sub-menu-item-label\"\n        key={item.key}\n        slot=\"anchor\"\n        title={showTooltip ? item.title : \"\"}\n      >\n        {renderSpanCom(item)}\n      </WrappedMenuItem>\n      <div\n        className={classnames(\"sub-menu-sit-map-wrapper\", {\n          \"in-group-site-map\": !topData,\n        })}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <SiteMapItem\n          menuGroup={item}\n          selectedKey={selectedKey}\n          visible={visible}\n        />\n      </div>\n    </WrappedPopover>\n  ) : null;\n}\n\n/**\n * 菜单构件\n * @author sailor\n * @category navigation\n */\n@defineElement(\"eo-nav-menu\", {\n  styleTexts: [\n    SiteMapStyleText,\n    ItemTagStyleText,\n    GroupItemStyleText,\n    styleText,\n  ],\n})\nclass NavMenu extends ReactNextElement {\n  /**\n   * 菜单项\n   */\n  @property({\n    attribute: false,\n  })\n  accessor menu: SidebarMenu | undefined;\n\n  /**\n   * 是否显示 tooltip\n   */\n  @property({\n    type: Boolean,\n  })\n  accessor showTooltip: boolean | undefined;\n\n  render() {\n    return <NavMenuComponent menu={this.menu} showTooltip={this.showTooltip} />;\n  }\n}\n\nfunction NavMenuComponent(props: NavMenuProps) {\n  const { menu, showTooltip } = props;\n\n  const history = getHistory();\n  const navMenuWrapperRef = useRef<HTMLDivElement>(null);\n  const [location, setLocation] = useState(history.location);\n  const [overflowIndex, setOverflowIndex] = useState<number>(\n    Number.MAX_SAFE_INTEGER\n  );\n  const { pathname, search } = location;\n\n  const [selectedKey, setSelectedKey] = useState<string[]>([]);\n\n  const setSelected = async (): Promise<void> => {\n    const { selectedKeys } = initMenuItemAndMatchCurrentPathKeys(\n      menu?.menuItems ?? [],\n      pathname,\n      search,\n      \"\"\n    );\n    setSelectedKey(selectedKeys);\n  };\n\n  useEffect(() => {\n    const unListen: UnregisterCallback = history.listen((location) => {\n      setLocation(location);\n    });\n    setSelected();\n    return unListen;\n  }, []);\n\n  useEffect(() => {\n    if (navMenuWrapperRef.current) {\n      const resizeObserver = new ResizeObserver(() => {\n        if (navMenuWrapperRef.current) {\n          const { width } = navMenuWrapperRef.current.getClientRects()[0] ?? {};\n          const childNodes = navMenuWrapperRef.current.childNodes;\n\n          if (childNodes.length && width) {\n            let wrapperWidth = width;\n            let overflowIndex = childNodes.length;\n\n            for (let i = 0; i < childNodes.length; i++) {\n              const { width: childWidth, height: childHeight } = (\n                childNodes[i] as HTMLElement\n              ).getClientRects()[0];\n\n              if (!childHeight && wrapperWidth - 40 < 0) {\n                overflowIndex = i - 1;\n                break;\n              }\n\n              wrapperWidth =\n                wrapperWidth - childWidth - (i > 0 ? GAP_WIDTH : 0);\n              if (wrapperWidth < 0) {\n                overflowIndex = i;\n                break;\n              }\n            }\n\n            setOverflowIndex(overflowIndex < 0 ? 0 : overflowIndex);\n          }\n        }\n      });\n      resizeObserver.observe(navMenuWrapperRef.current);\n\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }\n  }, []);\n\n  const overflowMenu = useMemo(\n    (): SidebarMenuItem => ({\n      type: \"subMenu\",\n      title: \"···\",\n      items: menu?.menuItems.slice(\n        overflowIndex,\n        menu.menuItems.length\n      ) as SidebarMenuItem[],\n    }),\n    [menu?.menuItems, overflowIndex]\n  );\n\n  return (\n    <div ref={navMenuWrapperRef} className=\"nav-menu-wrapper\">\n      {menu?.menuItems.map((item, index) => {\n        const isHidden = overflowIndex <= index;\n        return (\n          <React.Fragment key={item.key}>\n            {isSubMenu(item as SidebarMenuGroup, true) &&\n            (item as SidebarMenuGroup).childLayout === \"category\" &&\n            (item as SidebarMenuGroup).items?.length ? (\n              <ThreeLevelMenuCom\n                index={index}\n                hidden={isHidden}\n                item={item as SidebarMenuGroup}\n                showTooltip={showTooltip}\n                selectedKey={selectedKey}\n              />\n            ) : (item as SidebarMenuGroup).type === \"group\" &&\n              (item as SidebarMenuGroup).childLayout === \"siteMap\" ? (\n              <SitMapMenCom\n                index={index}\n                hidden={isHidden}\n                item={item as SidebarMenuGroup}\n                showTooltip={showTooltip}\n                selectedKey={selectedKey}\n                topData={true}\n              />\n            ) : (\n              <RenderMenuItemCom\n                index={index}\n                hidden={isHidden}\n                item={item}\n                showTooltip={showTooltip}\n                selectedKey={selectedKey}\n                topData={true}\n              />\n            )}\n          </React.Fragment>\n        );\n      })}\n      <RenderMenuItemCom\n        hidden={overflowIndex > (menu?.menuItems?.length ?? 0)}\n        item={overflowMenu}\n        showTooltip={showTooltip}\n        selectedKey={selectedKey}\n        overflow={true}\n        topData={true}\n      />\n    </div>\n  );\n}\n\nexport { NavMenu };\n","export class JsonStorage {\n  constructor(\n    private storage: Storage,\n    private prefix: string = \"brick-next-\"\n  ) {}\n\n  setItem<T = any>(name: string, value: T): void {\n    this.storage.setItem(this.prefix + name, JSON.stringify(value));\n  }\n\n  getItem<T = any>(name: string): T {\n    return JSON.parse(this.storage.getItem(this.prefix + name) as string) as T;\n  }\n\n  removeItem(name: string): void {\n    return this.storage.removeItem(this.prefix + name);\n  }\n\n  clear(): void {\n    return this.storage.clear();\n  }\n}\n"],"names":["scrollWidth","defineElement","property","createDecorators","WrappedMenuItem","wrapBrick","WrappedPopover","onVisibleChange","beforeVisibleChange","RenderMenuItemCom","props","item","isSubMenu","topData","React","SubMenuItemCom","_extends","isGroup","GroupMenuItemCom","SimpleMenuItemCom","index","hidden","showTooltip","selectedKey","className","key","title","text","active","includes","renderLinkCom","width","_NavMenu","handlePopupVisibleChange","event","_scrollWidth","paddingRight","window","innerWidth","document","body","clientWidth","style","detail","overflow","touchAction","_ref","_item$items","items","length","classnames","subprime","trigger","placement","distance","anchorDisplay","strategy","slot","renderSpanCom","map","innerItem","_ref2","_item$items2","childLayout","ThreeLevelMenuCom","SitMapMenCom","_ref3","_item$items3","ThreeLevelMenuPopoverContent","menuItem","_ref4","_item$items4","visible","setVisible","useState","onClick","e","stopPropagation","SiteMapItem","menuGroup","_dec","styleTexts","SiteMapStyleText","ItemTagStyleText","GroupItemStyleText","styleText","_dec2","attribute","_dec3","type","Boolean","_A","WeakMap","_B","NavMenu","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","writable","value","_initProto","_init_menu","_init_showTooltip","menu","_classPrivateFieldGet","v","_classPrivateFieldSet","render","NavMenuComponent","this","_menu$menuItems$lengt","_menu$menuItems2","history","getHistory","navMenuWrapperRef","useRef","location","setLocation","overflowIndex","setOverflowIndex","Number","MAX_SAFE_INTEGER","pathname","search","setSelectedKey","setSelected","_ref5","_asyncToGenerator","_menu$menuItems","selectedKeys","initMenuItemAndMatchCurrentPathKeys","menuItems","apply","useEffect","unListen","listen","current","resizeObserver","ResizeObserver","_navMenuWrapperRef$cu","getClientRects","childNodes","wrapperWidth","i","childWidth","height","childHeight","observe","disconnect","overflowMenu","useMemo","slice","ref","_items","isHidden","_class","c","_initClass","_applyDecs","JsonStorage","storage","prefix","undefined","setItem","name","JSON","stringify","getItem","parse","removeItem","clear"],"sourceRoot":""}
+{"version":3,"file":"chunks/eo-nav-menu.5599c5bf.js","mappings":"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","sources":["webpack:///./src/nav-menu/index.tsx","webpack:///../../src/JsonStorage.ts"],"sourcesContent":["import React, {\n  CSSProperties,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { getHistory } from \"@next-core/runtime\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport styleText from \"./nav-menu.shadow.css\";\nimport { UnregisterCallback } from \"history\";\nimport type { SidebarMenu } from \"@next-bricks/basic/menu\";\nimport type {\n  MenuItem as MenuItemComponent,\n  MenuComponentProps,\n} from \"@next-bricks/basic/menu-item\";\nimport { isSubMenu, isGroup, renderLinkCom, renderSpanCom } from \"./utils.js\";\nimport { initMenuItemAndMatchCurrentPathKeys } from \"@next-shared/general/menu\";\nimport type {\n  SidebarMenuGroup,\n  SidebarMenuItem,\n  SidebarMenuSimpleItem,\n} from \"@next-shared/general/types\";\nimport type {\n  Popover,\n  PopoverProps,\n  PopoverEvents,\n  PopoverEventsMapping,\n  Placement,\n} from \"@next-bricks/basic/popover\";\nimport \"@next-core/theme\";\nimport classnames from \"classnames\";\nimport { ThreeLevelMenuPopoverContent } from \"./ThreeLevelMenuPopoverContent.js\";\nimport { SiteMapItem } from \"./site-map/SiteMapItem.js\";\nimport SiteMapStyleText from \"../nav-menu/site-map/SiteMapItem.shadow.css\";\nimport ItemTagStyleText from \"../nav-menu/site-map/ItemTag.shadow.css\";\nimport GroupItemStyleText from \"../nav-menu/site-map/GroupItem.shadow.css\";\nimport \"./host-context.css\";\n\nconst { defineElement, property } = createDecorators();\n\nconst WrappedMenuItem = wrapBrick<MenuItemComponent, MenuComponentProps>(\n  \"eo-menu-item\"\n);\nconst WrappedPopover = wrapBrick<\n  Popover,\n  PopoverProps,\n  PopoverEvents,\n  PopoverEventsMapping\n>(\"eo-popover\", {\n  onVisibleChange: \"visible.change\",\n  beforeVisibleChange: \"before.visible.change\",\n});\n\nconst GAP_WIDTH = 8;\n\ninterface NavMenuProps {\n  menu?: SidebarMenu;\n  showTooltip?: boolean;\n}\n\ninterface MenuItemComProps {\n  index?: number;\n  hidden?: boolean;\n  item: SidebarMenuItem;\n  topData?: boolean;\n  selectedKey?: string[];\n  showTooltip?: boolean;\n  overflow?: boolean;\n}\ninterface SimpleMenuItemComProps extends MenuItemComProps {\n  item: SidebarMenuSimpleItem;\n}\ninterface MenuGroupComProps extends MenuItemComProps {\n  item: SidebarMenuGroup;\n}\nfunction RenderMenuItemCom(props: MenuItemComProps) {\n  const { item } = props;\n  return isSubMenu(item as SidebarMenuGroup, props.topData) ? (\n    <SubMenuItemCom {...props} item={item as SidebarMenuGroup}></SubMenuItemCom>\n  ) : isGroup(item) ? (\n    <GroupMenuItemCom {...props} item={item as SidebarMenuGroup} />\n  ) : (\n    <SimpleMenuItemCom\n      {...props}\n      item={item as SidebarMenuSimpleItem}\n    ></SimpleMenuItemCom>\n  );\n}\nfunction SimpleMenuItemCom(props: SimpleMenuItemComProps) {\n  const { item, index, hidden, showTooltip, selectedKey = [] } = props;\n  return (\n    <WrappedMenuItem\n      data-index={index}\n      className={hidden ? \"overflow-menu-item\" : \"\"}\n      key={item.key}\n      title={showTooltip ? item.text : \"\"}\n      active={item.key ? selectedKey.includes(item.key) : false}\n    >\n      {renderLinkCom(item, { width: \"100%\" })}\n    </WrappedMenuItem>\n  );\n}\n\nlet scrollWidth: number;\n// istanbul ignore next;\nconst handlePopupVisibleChange = (event: CustomEvent<boolean>) => {\n  // 当用户设置滚动条一直显示时，来回切换 overflow: hidden 会导致滚动条显示或隐藏\n  // 造成页面宽度变化而导致的抖动的问题\n  const paddingRight =\n    scrollWidth ??\n    (scrollWidth = window.innerWidth - document.body.clientWidth);\n\n  document.body.style.paddingRight = event.detail ? paddingRight + \"px\" : \"\";\n  document.body.style.overflow = event.detail ? \"hidden\" : \"\";\n  document.body.style.touchAction = event.detail ? \"none\" : \"\";\n};\n\nfunction SubMenuItemCom({\n  index,\n  hidden,\n  item,\n  topData,\n  showTooltip,\n  selectedKey = [],\n  overflow,\n}: MenuGroupComProps) {\n  return item.items?.length > 0 ? (\n    <WrappedPopover\n      data-index={index}\n      className={classnames(\"popover\", {\n        subprime: !topData,\n        \"overflow-menu-item\": hidden,\n      })}\n      trigger=\"hover\"\n      placement={topData ? \"bottom-start\" : \"right-start\"}\n      distance={0}\n      anchorDisplay=\"block\"\n      strategy=\"fixed\"\n    >\n      <WrappedMenuItem\n        className=\"sub-menu-item-label\"\n        key={item.key}\n        slot=\"anchor\"\n        title={showTooltip ? item.title : \"\"}\n      >\n        {renderSpanCom(item, !topData)}\n      </WrappedMenuItem>\n      <div\n        className={classnames(\"sub-menu-wrapper\", {\n          \"overflow-menu-wrapper\": overflow,\n        })}\n      >\n        {item.items.map((innerItem) => (\n          <React.Fragment key={innerItem.key}>\n            <RenderMenuItemCom\n              item={innerItem}\n              selectedKey={selectedKey}\n              showTooltip={showTooltip}\n            />\n          </React.Fragment>\n        ))}\n      </div>\n    </WrappedPopover>\n  ) : null;\n}\n\nfunction GroupMenuItemCom({\n  item,\n  showTooltip,\n  selectedKey = [],\n}: MenuGroupComProps) {\n  return item.items?.length > 0 ? (\n    item.childLayout === \"category\" ? (\n      <ThreeLevelMenuCom\n        item={item}\n        selectedKey={selectedKey}\n        showTooltip={showTooltip}\n        placement=\"right-start\"\n        anchorDisplay=\"block\"\n      />\n    ) : (item as SidebarMenuGroup).childLayout === \"siteMap\" ? (\n      <SitMapMenCom\n        item={item}\n        selectedKey={selectedKey}\n        showTooltip={showTooltip}\n        placement=\"right-start\"\n        anchorDisplay=\"block\"\n        topData={false}\n      />\n    ) : (\n      <>\n        <div className=\"group-label\">{item.title}</div>\n        <div className=\"group-wrapper\">\n          {item.items.map((innerItem) => {\n            return (\n              <React.Fragment key={innerItem.key}>\n                <RenderMenuItemCom\n                  item={innerItem}\n                  showTooltip={showTooltip}\n                  selectedKey={selectedKey}\n                />\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </>\n    )\n  ) : null;\n}\n\nfunction ThreeLevelMenuCom({\n  index,\n  hidden,\n  item,\n  selectedKey = [],\n  showTooltip,\n  placement = \"bottom-start\",\n  anchorDisplay,\n}: {\n  index?: number;\n  hidden?: boolean;\n  item: SidebarMenuGroup;\n  selectedKey?: string[];\n  showTooltip?: boolean;\n  placement?: Placement;\n  anchorDisplay?: CSSProperties[\"display\"];\n}) {\n  return item.items?.length > 0 ? (\n    <WrappedPopover\n      data-index={index}\n      className={classnames(\"three-level-menu-popover\", \"popover\", {\n        \"overflow-menu-item\": hidden,\n      })}\n      trigger={\"hover\"}\n      placement={placement}\n      distance={0}\n      key={item.key}\n      strategy=\"fixed\"\n      anchorDisplay={anchorDisplay}\n      beforeVisibleChange={handlePopupVisibleChange}\n    >\n      <WrappedMenuItem\n        className=\"sub-menu-item-label\"\n        key={item.key}\n        slot=\"anchor\"\n        title={showTooltip ? item.title : \"\"}\n      >\n        {renderSpanCom(item)}\n      </WrappedMenuItem>\n      <div className=\"sub-menu-wrapper\">\n        <ThreeLevelMenuPopoverContent\n          menuItem={item}\n          selectedKey={selectedKey}\n        ></ThreeLevelMenuPopoverContent>\n      </div>\n    </WrappedPopover>\n  ) : null;\n}\n\nfunction SitMapMenCom({\n  index,\n  hidden,\n  item,\n  selectedKey = [],\n  showTooltip,\n  placement = \"bottom-start\",\n  anchorDisplay,\n  topData,\n}: {\n  index?: number;\n  hidden?: boolean;\n  item: SidebarMenuGroup;\n  selectedKey?: string[];\n  showTooltip?: boolean;\n  placement?: Placement;\n  anchorDisplay?: CSSProperties[\"display\"];\n  topData?: boolean;\n}) {\n  const [visible, setVisible] = useState<boolean>();\n\n  const handleVisibleChange = (event: CustomEvent<boolean>): void => {\n    setVisible(event.detail);\n    handlePopupVisibleChange(event);\n  };\n\n  return item.items?.length > 0 ? (\n    <WrappedPopover\n      data-index={index}\n      className={classnames(\"popover\", {\n        \"overflow-menu-item\": hidden,\n      })}\n      trigger={\"hover\"}\n      placement={placement}\n      distance={0}\n      key={item.key}\n      strategy=\"fixed\"\n      anchorDisplay={anchorDisplay}\n      beforeVisibleChange={handleVisibleChange}\n    >\n      <WrappedMenuItem\n        className=\"sub-menu-item-label\"\n        key={item.key}\n        slot=\"anchor\"\n        title={showTooltip ? item.title : \"\"}\n      >\n        {renderSpanCom(item)}\n      </WrappedMenuItem>\n      <div\n        className={classnames(\"sub-menu-sit-map-wrapper\", {\n          \"in-group-site-map\": !topData,\n        })}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <SiteMapItem\n          menuGroup={item}\n          selectedKey={selectedKey}\n          visible={visible}\n        />\n      </div>\n    </WrappedPopover>\n  ) : null;\n}\n\n/**\n * 菜单构件\n * @author sailor\n * @category navigation\n */\n@defineElement(\"eo-nav-menu\", {\n  styleTexts: [\n    SiteMapStyleText,\n    ItemTagStyleText,\n    GroupItemStyleText,\n    styleText,\n  ],\n})\nclass NavMenu extends ReactNextElement {\n  /**\n   * 菜单项\n   */\n  @property({\n    attribute: false,\n  })\n  accessor menu: SidebarMenu | undefined;\n\n  /**\n   * 是否显示 tooltip\n   */\n  @property({\n    type: Boolean,\n  })\n  accessor showTooltip: boolean | undefined;\n\n  render() {\n    return <NavMenuComponent menu={this.menu} showTooltip={this.showTooltip} />;\n  }\n}\n\nfunction NavMenuComponent(props: NavMenuProps) {\n  const { menu, showTooltip } = props;\n\n  const history = getHistory();\n  const navMenuWrapperRef = useRef<HTMLDivElement>(null);\n  const [location, setLocation] = useState(history.location);\n  const [overflowIndex, setOverflowIndex] = useState<number>(\n    Number.MAX_SAFE_INTEGER\n  );\n  const { pathname, search } = location;\n\n  const [selectedKey, setSelectedKey] = useState<string[]>([]);\n\n  const setSelected = async (): Promise<void> => {\n    const { selectedKeys } = initMenuItemAndMatchCurrentPathKeys(\n      menu?.menuItems ?? [],\n      pathname,\n      search,\n      \"\"\n    );\n    setSelectedKey(selectedKeys);\n  };\n\n  useEffect(() => {\n    const unListen: UnregisterCallback = history.listen((location) => {\n      setLocation(location);\n    });\n    setSelected();\n    return unListen;\n  }, []);\n\n  useEffect(() => {\n    if (navMenuWrapperRef.current) {\n      const resizeObserver = new ResizeObserver(() => {\n        if (navMenuWrapperRef.current) {\n          const { width } = navMenuWrapperRef.current.getClientRects()[0] ?? {};\n          const childNodes = navMenuWrapperRef.current.childNodes;\n\n          if (childNodes.length && width) {\n            let wrapperWidth = width;\n            let overflowIndex = childNodes.length;\n\n            for (let i = 0; i < childNodes.length; i++) {\n              const { width: childWidth, height: childHeight } = (\n                childNodes[i] as HTMLElement\n              ).getClientRects()[0];\n\n              if (!childHeight && wrapperWidth - 40 < 0) {\n                overflowIndex = i - 1;\n                break;\n              }\n\n              wrapperWidth =\n                wrapperWidth - childWidth - (i > 0 ? GAP_WIDTH : 0);\n              if (wrapperWidth < 0) {\n                overflowIndex = i;\n                break;\n              }\n            }\n\n            setOverflowIndex(overflowIndex < 0 ? 0 : overflowIndex);\n          }\n        }\n      });\n      resizeObserver.observe(navMenuWrapperRef.current);\n\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }\n  }, []);\n\n  const overflowMenu = useMemo(\n    (): SidebarMenuItem => ({\n      type: \"subMenu\",\n      title: \"···\",\n      items: menu?.menuItems.slice(\n        overflowIndex,\n        menu.menuItems.length\n      ) as SidebarMenuItem[],\n    }),\n    [menu?.menuItems, overflowIndex]\n  );\n\n  return (\n    <div ref={navMenuWrapperRef} className=\"nav-menu-wrapper\">\n      {menu?.menuItems.map((item, index) => {\n        const isHidden = overflowIndex <= index;\n        return (\n          <React.Fragment key={item.key}>\n            {isSubMenu(item as SidebarMenuGroup, true) &&\n            (item as SidebarMenuGroup).childLayout === \"category\" &&\n            (item as SidebarMenuGroup).items?.length ? (\n              <ThreeLevelMenuCom\n                index={index}\n                hidden={isHidden}\n                item={item as SidebarMenuGroup}\n                showTooltip={showTooltip}\n                selectedKey={selectedKey}\n              />\n            ) : (item as SidebarMenuGroup).type === \"group\" &&\n              (item as SidebarMenuGroup).childLayout === \"siteMap\" ? (\n              <SitMapMenCom\n                index={index}\n                hidden={isHidden}\n                item={item as SidebarMenuGroup}\n                showTooltip={showTooltip}\n                selectedKey={selectedKey}\n                topData={true}\n              />\n            ) : (\n              <RenderMenuItemCom\n                index={index}\n                hidden={isHidden}\n                item={item}\n                showTooltip={showTooltip}\n                selectedKey={selectedKey}\n                topData={true}\n              />\n            )}\n          </React.Fragment>\n        );\n      })}\n      <RenderMenuItemCom\n        hidden={overflowIndex > (menu?.menuItems?.length ?? 0)}\n        item={overflowMenu}\n        showTooltip={showTooltip}\n        selectedKey={selectedKey}\n        overflow={true}\n        topData={true}\n      />\n    </div>\n  );\n}\n\nexport { NavMenu };\n","export class JsonStorage {\n  constructor(\n    private storage: Storage,\n    private prefix: string = \"brick-next-\"\n  ) {}\n\n  setItem<T = any>(name: string, value: T): void {\n    this.storage.setItem(this.prefix + name, JSON.stringify(value));\n  }\n\n  getItem<T = any>(name: string): T {\n    return JSON.parse(this.storage.getItem(this.prefix + name) as string) as T;\n  }\n\n  removeItem(name: string): void {\n    return this.storage.removeItem(this.prefix + name);\n  }\n\n  clear(): void {\n    return this.storage.clear();\n  }\n}\n"],"names":["scrollWidth","defineElement","property","createDecorators","WrappedMenuItem","wrapBrick","WrappedPopover","onVisibleChange","beforeVisibleChange","RenderMenuItemCom","props","item","isSubMenu","topData","React","SubMenuItemCom","_extends","isGroup","GroupMenuItemCom","SimpleMenuItemCom","index","hidden","showTooltip","selectedKey","className","key","title","text","active","includes","renderLinkCom","width","_NavMenu","handlePopupVisibleChange","event","_scrollWidth","paddingRight","window","innerWidth","document","body","clientWidth","style","detail","overflow","touchAction","_ref","_item$items","items","length","classnames","subprime","trigger","placement","distance","anchorDisplay","strategy","slot","renderSpanCom","map","innerItem","_ref2","_item$items2","childLayout","ThreeLevelMenuCom","SitMapMenCom","_ref3","_item$items3","ThreeLevelMenuPopoverContent","menuItem","_ref4","_item$items4","visible","setVisible","useState","onClick","e","stopPropagation","SiteMapItem","menuGroup","_dec","styleTexts","SiteMapStyleText","ItemTagStyleText","GroupItemStyleText","styleText","_dec2","attribute","_dec3","type","Boolean","_A","WeakMap","_B","NavMenu","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","writable","value","_initProto","_init_menu","_init_showTooltip","menu","_classPrivateFieldGet","v","_classPrivateFieldSet","render","NavMenuComponent","this","_menu$menuItems$lengt","_menu$menuItems2","history","getHistory","navMenuWrapperRef","useRef","location","setLocation","overflowIndex","setOverflowIndex","Number","MAX_SAFE_INTEGER","pathname","search","setSelectedKey","setSelected","_ref5","_asyncToGenerator","_menu$menuItems","selectedKeys","initMenuItemAndMatchCurrentPathKeys","menuItems","apply","useEffect","unListen","listen","current","resizeObserver","ResizeObserver","_navMenuWrapperRef$cu","getClientRects","childNodes","wrapperWidth","i","childWidth","height","childHeight","observe","disconnect","overflowMenu","useMemo","slice","ref","_items","isHidden","_class","c","_initClass","_applyDecs","JsonStorage","storage","prefix","undefined","setItem","name","JSON","stringify","getItem","parse","removeItem","clear"],"sourceRoot":""}

package/dist/chunks/{eo-search-launchpad.f874300e.js → eo-search-launchpad.f9bbeec0.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_next_bricks_nav=self.webpackChunk_next_bricks_nav||[]).push([[979],{3132:(e,n,a)=>{a.d(n,{L:()=>l,Z:()=>o});var t=a(8657),r=a.n(t),o=r().createContext({}),l=()=>r().useContext(o)},3697:(e,n,a)=>{a.d(n,{L:()=>p,k:()=>u});var t=a(7896),r=a(8657),o=a.n(r),l=a(5178),i=a(2779),c=a.n(i),s=a(2892),m=a(3132);function u(e){var{name:n,items:a}=e;return o().createElement("li",{className:"menu-group"},o().createElement("div",{className:"menu-group-label"},n),o().createElement("ul",{className:"menu"},a.map((e=>"dir"===e.type?o().createElement(g,{key:"".concat(e.type,"-").concat(e.id),name:e.name,items:e.items}):o().createElement(d,{key:"".concat(e.type,"-").concat(e.id),item:e})))))}function d(e){var n,{item:a}=e,{loadingFavorites:i,pushRecentVisit:u,toggleStar:d,isStarred:p}=(0,m.L)(),g=(0,r.useMemo)((()=>p(a)),[p,a]),h=(0,r.useCallback)((()=>{d(a)}),[a,d]),x=(0,r.useCallback)((()=>{u(a)}),[a,u]);return o().createElement("li",{className:c()("menu-item",{starred:g,"can-star":!i})},o().createElement(s.kk,(0,t.Z)({onClick:x},"app"===a.type?{url:a.url}:{href:a.url,target:"_blank"}),o().createElement(s.V3,(0,t.Z)({className:"menu-icon",lib:"easyops",icon:"micro-app-center"},null!==(n=a.menuIcon)&&void 0!==n&&n.lib&&a.menuIcon.icon?(0,l.pick)(a.menuIcon,["lib","icon","theme","category","prefix"]):null)),o().createElement("span",{className:"menu-item-label"},a.name)),o().createElement(s.V3,{lib:"fa",prefix:g?"fas":"far",icon:"star",className:"menu-item-star",title:g?"取消收藏":"收藏",onClick:h}))}function p(e){var n,{item:a}=e,{pushRecentVisit:i,toggleStar:c}=(0,m.L)(),u=(0,r.useCallback)((()=>{"link"!==a.type&&i(a)}),[a,i]),d=(0,r.useCallback)((()=>{c(a)}),[a,c]);return o().createElement("li",{className:"sidebar-menu-item"},o().createElement(s.kk,(0,t.Z)({onClick:u},"app"===a.type?{url:a.url}:{href:a.url,target:"_blank"}),o().createElement(s.V3,(0,t.Z)({className:"sidebar-menu-icon",lib:"easyops",icon:"micro-app-center"},null!==(n=a.menuIcon)&&void 0!==n&&n.lib&&a.menuIcon.icon?(0,l.pick)(a.menuIcon,["lib","icon","theme","category","prefix"]):null)),o().createElement("span",{className:"menu-item-label"},a.name)),o().createElement(s.V3,{lib:"fa",icon:"xmark",className:"menu-item-remove",onClick:d}))}function g(e){var{name:n,items:a}=e,{searching:t}=(0,m.L)(),[l,i]=(0,r.useState)(!1),[u,p]=(0,r.useState)(!1),g=(0,r.useCallback)((()=>{t?p((e=>!e)):i((e=>!e))}),[t]);(0,r.useEffect)((()=>{p(!0)}),[t]);var h=t?u:l;return o().createElement("li",{className:"menu-item folder"},o().createElement(s.kk,{onClick:g},o().createElement(s.V3,{lib:"fa",prefix:"far",icon:"folder-open",className:"menu-icon"}),o().createElement("span",{className:"menu-item-label"},n),o().createElement(s.V3,{lib:"antd",icon:h?"up":"down",className:"menu-item-toggle"})),o().createElement("ul",{className:c()("sub-menu",{expanded:h})},a.map((e=>o().createElement(d,{key:"".concat(e.type,"-").concat(e.id),item:e})))))}},2969:(e,n,a)=>{a.r(n),a.d(n,{EoSearchLaunchpad:()=>l,EoSearchLaunchpadComponent:()=>y,WrappedIcon:()=>v});var t,r,o,l,i=a(5066),c=a(8657),s=a.n(c),m=a(7844),u=a(8835),d=(a(4629),a(2222)),p=a(2779),g=a.n(p),h=a(3132),x=a(6176),b=a(3697),v=(a(6527),(0,u.wrapBrick)("eo-icon")),{defineElement:f}=(0,m.createDecorators)();r=f("eo-search-launchpad",{styleTexts:[d.Z]});class k extends u.ReactNextElement{render(){return s().createElement(y,null)}}function y(){var e=(0,c.useRef)(null),n=(0,c.useCallback)((()=>{var n;null===(n=e.current)||void 0===n||n.focus()}),[]),[a,t]=(0,c.useState)(!1),{loading:r,q:o,setQ:l,menuGroups:i,loadingFavorites:m,pushRecentVisit:u,toggleStar:d,isStarred:p}=(0,x.m1)(a),f=!!o,k=(0,c.useCallback)((e=>{l(e.target.value)}),[l]),y=(0,c.useCallback)((()=>{l("")}),[l]);return s().createElement(h.Z.Provider,{value:{searching:f,loadingFavorites:m,pushRecentVisit:u,toggleStar:d,isStarred:p}},s().createElement("div",{className:"container"},s().createElement("div",{className:"search-box",onClick:n},s().createElement(v,{lib:"fa",icon:"magnifying-glass",className:"search-icon"}),s().createElement("input",{ref:e,placeholder:"搜索产品/微应用",value:o,onChange:k,className:"search-input",onFocus:()=>t(!0),onBlur:()=>t(!1)}),s().createElement(v,{lib:"antd",theme:"filled",icon:"close-circle",className:g()("search-clear",{searching:f}),onClick:y,onMouseDown:e=>e.preventDefault()})),s().createElement("div",{className:g()("dropdown",{"dropdown-active":a}),onMouseDown:e=>e.preventDefault()},s().createElement("div",{className:g()("dropdown-content",{loading:r})},s().createElement(E,{loading:r}),s().createElement("ul",{className:"menu-groups"},i.map((e=>s().createElement(b.k,{key:e.name,name:e.name,items:e.items}))))))))}function E(e){var{loading:n}=e;return n&&s().createElement("div",{className:"spinner"},s().createElement(v,{lib:"fa",icon:"spinner",spinning:!0}))}o=k,[l,t]=(0,i.Z)(o,[],[r],0,void 0,u.ReactNextElement).c,t()},1943:(e,n,a)=>{a.d(n,{Z:()=>i});var t=a(9601),r=a.n(t),o=a(2609),l=a.n(o)()(r());l.push([e.id,':root{--eo-search-launchpad-menu-icon-color:#8c8c8c}html[data-theme="dark"],\nhtml[data-theme="dark-v2"]{--eo-search-launchpad-menu-icon-color:rgba(255,255,255,0.45)}',""]);const i=l},2222:(e,n,a)=>{a.d(n,{Z:()=>i});var t=a(9601),r=a.n(t),o=a(2609),l=a.n(o)()(r());l.push([e.id,":host{display:block}:host([hidden]){display:none}.container{position:relative}.dropdown{margin-top:5px;position:absolute;top:100%;left:0px;width:100%;z-index:1050;padding:20px 24px 24px;overflow:hidden;box-sizing:border-box;background-color:var(--antd-select-dropdown-bg);border-radius:4px;box-shadow:var(--antd-box-shadow-base);display:none}.dropdown-active{display:block}.search-box{border-bottom:1px solid var(--color-text-divider-line);display:flex;gap:8px;align-items:center;padding:10px 0;cursor:text}.search-icon{color:var(--color-auxiliary-text)}.search-input{padding:0;margin:0;border:none;outline:none;color:inherit;background-color:transparent;font-size:14px;line-height:22px;flex:1;min-width:0}.search-input::placeholder{color:var(--color-disabled-text);opacity:1}.search-clear{display:none;color:var(--color-secondary-text);cursor:pointer}.search-clear.searching{display:inline-block}.search-clear:hover{color:var(--color-auxiliary-text)}.dropdown-content{min-width:0;display:flex;flex-direction:column;gap:24px;max-height:260px;overflow-y:auto}.spinner{display:flex;justify-content:center;align-items:center;color:var(--theme-doderblue-color);flex:1;font-size:30px}.loading > :not(.spinner){display:none}.menu-group-label,\n.menu-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-groups,\n.menu,\n.sub-menu{list-style:none;margin:0;padding:0}.menu,\n.sub-menu{display:flex;flex-direction:column;gap:14px}.menu-item > eo-link{display:block;min-width:0}.menu-item > eo-link::part(link){height:20px;display:flex;align-items:center;gap:8px;color:var(--color-header-text)}.menu-groups{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.menu-groups{display:grid;grid-gap:32px 8px;gap:32px 8px}.menu-group{padding-right:12px;color:var(--color-header-text)}.menu-group-label{font-size:var(--card-title-font-size);font-weight:500;color:var(--color-header-text);margin-bottom:14px}.menu-item:not(.folder){display:flex;gap:8px;align-items:center}.menu-icon{color:var(--eo-search-launchpad-menu-icon-color)}.menu-item.active,\n.menu-item.active .menu-icon{color:var(--color-brand-active)}.sub-menu:not(.expanded){display:none}.sub-menu{margin-top:14px;margin-left:8px;border-left:1px solid var(--color-text-divider-line);padding-left:15px}.menu-item-star{cursor:pointer}.menu-item-star,\n.menu-item-toggle{color:var(--color-secondary-text)}.menu-item-star{display:none}.can-star.starred > .menu-item-star,\n.can-star:hover > .menu-item-star{display:inline-block}.can-star:not(.starred) > .menu-item-star{color:var(--color-secondary-text)}.starred > .menu-item-star{color:var(--palette-yellow-6)}.menu-item > eo-link:hover::part(link),\n.menu-item > eo-link:hover .menu-icon,\n.menu-item > eo-link:hover .menu-item-toggle{color:var(--color-brand-hover)}@supports not (inset: 0){.search-box,\n  .menu,\n  .sub-menu,\n  .menu-item:not(.folder),\n  .menu-item > eo-link::part(link){gap:0}.dropdown-content{display:grid;grid-auto-flow:row}.dropdown-content:not(.loading){height:-webkit-min-content;height:-moz-min-content;height:min-content}.menu > :not(:first-child),\n  .sub-menu > :not(:first-child){margin-top:14px}.search-icon,\n  .menu-icon{margin-right:8px}.search-clear,\n  .menu-item-star,\n  .menu-item-toggle{margin-left:8px}}",""]);const i=l.toString()},6527:(e,n,a)=>{var t=a(6062),r=a.n(t),o=a(4036),l=a.n(o),i=a(6793),c=a.n(i),s=a(7892),m=a.n(s),u=a(1173),d=a.n(u),p=a(2464),g=a.n(p),h=a(1943),x={};x.styleTagTransform=g(),x.setAttributes=m(),x.insert=c().bind(null,"head"),x.domAPI=l(),x.insertStyleElement=d(),r()(h.Z,x),h.Z&&h.Z.locals&&h.Z.locals}}]);
-//# sourceMappingURL=eo-search-launchpad.f874300e.js.map
+"use strict";(self.webpackChunk_next_bricks_nav=self.webpackChunk_next_bricks_nav||[]).push([[979],{3132:(e,n,a)=>{a.d(n,{L:()=>l,Z:()=>o});var t=a(8657),r=a.n(t),o=r().createContext({}),l=()=>r().useContext(o)},3697:(e,n,a)=>{a.d(n,{L:()=>p,k:()=>u});var t=a(7896),r=a(8657),o=a.n(r),l=a(5178),i=a(2779),c=a.n(i),s=a(2892),m=a(3132);function u(e){var{name:n,items:a}=e;return o().createElement("li",{className:"menu-group"},o().createElement("div",{className:"menu-group-label"},n),o().createElement("ul",{className:"menu"},a.map((e=>"dir"===e.type?o().createElement(g,{key:"".concat(e.type,"-").concat(e.id),name:e.name,items:e.items}):o().createElement(d,{key:"".concat(e.type,"-").concat(e.id),item:e})))))}function d(e){var n,{item:a}=e,{loadingFavorites:i,pushRecentVisit:u,toggleStar:d,isStarred:p}=(0,m.L)(),g=(0,r.useMemo)((()=>p(a)),[p,a]),h=(0,r.useCallback)((()=>{d(a)}),[a,d]),x=(0,r.useCallback)((()=>{u(a)}),[a,u]);return o().createElement("li",{className:c()("menu-item",{starred:g,"can-star":!i})},o().createElement(s.kk,(0,t.Z)({onClick:x},"app"===a.type?{url:a.url}:{href:a.url,target:"_blank"}),o().createElement(s.V3,(0,t.Z)({className:"menu-icon",lib:"easyops",icon:"micro-app-center"},null!==(n=a.menuIcon)&&void 0!==n&&n.lib&&a.menuIcon.icon?(0,l.pick)(a.menuIcon,["lib","icon","theme","category","prefix"]):null)),o().createElement("span",{className:"menu-item-label"},a.name)),o().createElement(s.V3,{lib:"fa",prefix:g?"fas":"far",icon:"star",className:"menu-item-star",title:g?"取消收藏":"收藏",onClick:h}))}function p(e){var n,{item:a}=e,{pushRecentVisit:i,toggleStar:c}=(0,m.L)(),u=(0,r.useCallback)((()=>{"link"!==a.type&&i(a)}),[a,i]),d=(0,r.useCallback)((()=>{c(a)}),[a,c]);return o().createElement("li",{className:"sidebar-menu-item"},o().createElement(s.kk,(0,t.Z)({onClick:u},"app"===a.type?{url:a.url}:{href:a.url,target:"_blank"}),o().createElement(s.V3,(0,t.Z)({className:"sidebar-menu-icon",lib:"easyops",icon:"micro-app-center"},null!==(n=a.menuIcon)&&void 0!==n&&n.lib&&a.menuIcon.icon?(0,l.pick)(a.menuIcon,["lib","icon","theme","category","prefix"]):null)),o().createElement("span",{className:"menu-item-label"},a.name)),o().createElement(s.V3,{lib:"fa",icon:"xmark",className:"menu-item-remove",onClick:d}))}function g(e){var{name:n,items:a}=e,{searching:t}=(0,m.L)(),[l,i]=(0,r.useState)(!1),[u,p]=(0,r.useState)(!1),g=(0,r.useCallback)((()=>{t?p((e=>!e)):i((e=>!e))}),[t]);(0,r.useEffect)((()=>{p(!0)}),[t]);var h=t?u:l;return o().createElement("li",{className:"menu-item folder"},o().createElement(s.kk,{onClick:g},o().createElement(s.V3,{lib:"fa",prefix:"far",icon:"folder-open",className:"menu-icon"}),o().createElement("span",{className:"menu-item-label"},n),o().createElement(s.V3,{lib:"antd",icon:h?"up":"down",className:"menu-item-toggle"})),o().createElement("ul",{className:c()("sub-menu",{expanded:h})},a.map((e=>o().createElement(d,{key:"".concat(e.type,"-").concat(e.id),item:e})))))}},2969:(e,n,a)=>{a.r(n),a.d(n,{EoSearchLaunchpad:()=>l,EoSearchLaunchpadComponent:()=>y,WrappedIcon:()=>v});var t,r,o,l,i=a(5066),c=a(8657),s=a.n(c),m=a(7844),u=a(8835),d=(a(2006),a(2222)),p=a(2779),g=a.n(p),h=a(3132),x=a(6176),b=a(3697),v=(a(6527),(0,u.wrapBrick)("eo-icon")),{defineElement:f}=(0,m.createDecorators)();r=f("eo-search-launchpad",{styleTexts:[d.Z]});class k extends u.ReactNextElement{render(){return s().createElement(y,null)}}function y(){var e=(0,c.useRef)(null),n=(0,c.useCallback)((()=>{var n;null===(n=e.current)||void 0===n||n.focus()}),[]),[a,t]=(0,c.useState)(!1),{loading:r,q:o,setQ:l,menuGroups:i,loadingFavorites:m,pushRecentVisit:u,toggleStar:d,isStarred:p}=(0,x.m1)(a),f=!!o,k=(0,c.useCallback)((e=>{l(e.target.value)}),[l]),y=(0,c.useCallback)((()=>{l("")}),[l]);return s().createElement(h.Z.Provider,{value:{searching:f,loadingFavorites:m,pushRecentVisit:u,toggleStar:d,isStarred:p}},s().createElement("div",{className:"container"},s().createElement("div",{className:"search-box",onClick:n},s().createElement(v,{lib:"fa",icon:"magnifying-glass",className:"search-icon"}),s().createElement("input",{ref:e,placeholder:"搜索产品/微应用",value:o,onChange:k,className:"search-input",onFocus:()=>t(!0),onBlur:()=>t(!1)}),s().createElement(v,{lib:"antd",theme:"filled",icon:"close-circle",className:g()("search-clear",{searching:f}),onClick:y,onMouseDown:e=>e.preventDefault()})),s().createElement("div",{className:g()("dropdown",{"dropdown-active":a}),onMouseDown:e=>e.preventDefault()},s().createElement("div",{className:g()("dropdown-content",{loading:r})},s().createElement(E,{loading:r}),s().createElement("ul",{className:"menu-groups"},i.map((e=>s().createElement(b.k,{key:e.name,name:e.name,items:e.items}))))))))}function E(e){var{loading:n}=e;return n&&s().createElement("div",{className:"spinner"},s().createElement(v,{lib:"fa",icon:"spinner",spinning:!0}))}o=k,[l,t]=(0,i.Z)(o,[],[r],0,void 0,u.ReactNextElement).c,t()},1943:(e,n,a)=>{a.d(n,{Z:()=>i});var t=a(9601),r=a.n(t),o=a(2609),l=a.n(o)()(r());l.push([e.id,':root{--eo-search-launchpad-menu-icon-color:#8c8c8c}html[data-theme="dark"],\nhtml[data-theme="dark-v2"]{--eo-search-launchpad-menu-icon-color:rgba(255,255,255,0.45)}',""]);const i=l},2222:(e,n,a)=>{a.d(n,{Z:()=>i});var t=a(9601),r=a.n(t),o=a(2609),l=a.n(o)()(r());l.push([e.id,":host{display:block}:host([hidden]){display:none}.container{position:relative}.dropdown{margin-top:5px;position:absolute;top:100%;left:0px;width:100%;z-index:1050;padding:20px 24px 24px;overflow:hidden;box-sizing:border-box;background-color:var(--antd-select-dropdown-bg);border-radius:4px;box-shadow:var(--antd-box-shadow-base);display:none}.dropdown-active{display:block}.search-box{border-bottom:1px solid var(--color-text-divider-line);display:flex;gap:8px;align-items:center;padding:10px 0;cursor:text}.search-icon{color:var(--color-auxiliary-text)}.search-input{padding:0;margin:0;border:none;outline:none;color:inherit;background-color:transparent;font-size:14px;line-height:22px;flex:1;min-width:0}.search-input::placeholder{color:var(--color-disabled-text);opacity:1}.search-clear{display:none;color:var(--color-secondary-text);cursor:pointer}.search-clear.searching{display:inline-block}.search-clear:hover{color:var(--color-auxiliary-text)}.dropdown-content{min-width:0;display:flex;flex-direction:column;gap:24px;max-height:260px;overflow-y:auto}.spinner{display:flex;justify-content:center;align-items:center;color:var(--theme-doderblue-color);flex:1;font-size:30px}.loading > :not(.spinner){display:none}.menu-group-label,\n.menu-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-groups,\n.menu,\n.sub-menu{list-style:none;margin:0;padding:0}.menu,\n.sub-menu{display:flex;flex-direction:column;gap:14px}.menu-item > eo-link{display:block;min-width:0}.menu-item > eo-link::part(link){height:20px;display:flex;align-items:center;gap:8px;color:var(--color-header-text)}.menu-groups{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.menu-groups{display:grid;grid-gap:32px 8px;gap:32px 8px}.menu-group{padding-right:12px;color:var(--color-header-text)}.menu-group-label{font-size:var(--card-title-font-size);font-weight:500;color:var(--color-header-text);margin-bottom:14px}.menu-item:not(.folder){display:flex;gap:8px;align-items:center}.menu-icon{color:var(--eo-search-launchpad-menu-icon-color)}.menu-item.active,\n.menu-item.active .menu-icon{color:var(--color-brand-active)}.sub-menu:not(.expanded){display:none}.sub-menu{margin-top:14px;margin-left:8px;border-left:1px solid var(--color-text-divider-line);padding-left:15px}.menu-item-star{cursor:pointer}.menu-item-star,\n.menu-item-toggle{color:var(--color-secondary-text)}.menu-item-star{display:none}.can-star.starred > .menu-item-star,\n.can-star:hover > .menu-item-star{display:inline-block}.can-star:not(.starred) > .menu-item-star{color:var(--color-secondary-text)}.starred > .menu-item-star{color:var(--palette-yellow-6)}.menu-item > eo-link:hover::part(link),\n.menu-item > eo-link:hover .menu-icon,\n.menu-item > eo-link:hover .menu-item-toggle{color:var(--color-brand-hover)}@supports not (inset: 0){.search-box,\n  .menu,\n  .sub-menu,\n  .menu-item:not(.folder),\n  .menu-item > eo-link::part(link){gap:0}.dropdown-content{display:grid;grid-auto-flow:row}.dropdown-content:not(.loading){height:-webkit-min-content;height:-moz-min-content;height:min-content}.menu > :not(:first-child),\n  .sub-menu > :not(:first-child){margin-top:14px}.search-icon,\n  .menu-icon{margin-right:8px}.search-clear,\n  .menu-item-star,\n  .menu-item-toggle{margin-left:8px}}",""]);const i=l.toString()},6527:(e,n,a)=>{var t=a(6062),r=a.n(t),o=a(4036),l=a.n(o),i=a(6793),c=a.n(i),s=a(7892),m=a.n(s),u=a(1173),d=a.n(u),p=a(2464),g=a.n(p),h=a(1943),x={};x.styleTagTransform=g(),x.setAttributes=m(),x.insert=c().bind(null,"head"),x.domAPI=l(),x.insertStyleElement=d(),r()(h.Z,x),h.Z&&h.Z.locals&&h.Z.locals}}]);
+//# sourceMappingURL=eo-search-launchpad.f9bbeec0.js.map

package/dist/chunks/{eo-search-launchpad.f874300e.js.map → eo-search-launchpad.f9bbeec0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/eo-search-launchpad.f874300e.js","mappings":"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","sources":["webpack:///./src/launchpad-button-v2/LaunchpadContext.ts","webpack:///./src/launchpad-button-v2/MenuGroup.tsx","webpack:///./src/search-launchpad/index.tsx","webpack:///./src/search-launchpad/host-context.css","webpack:///./src/search-launchpad/styles.shadow.css","webpack:///./src/search-launchpad/host-context.css?4d0b"],"sourcesContent":["import React from \"react\";\nimport type { MenuItemDataLink, MenuItemDataNormal } from \"./interfaces\";\n\nexport interface LaunchpadContextData {\n  searching: boolean;\n  loadingFavorites: boolean;\n  pushRecentVisit(item: MenuItemDataNormal): void;\n  toggleStar(item: MenuItemDataNormal | MenuItemDataLink): void;\n  isStarred(item: MenuItemDataNormal): boolean;\n}\n\nexport const LaunchpadsContext = React.createContext<LaunchpadContextData>(\n  {} as LaunchpadContextData\n);\n\nexport const useLaunchpadContext = (): LaunchpadContextData =>\n  React.useContext(LaunchpadsContext);\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { pick } from \"lodash\";\nimport classNames from \"classnames\";\nimport { WrappedIcon, WrappedLink } from \"./wrapped-bricks\";\nimport { useLaunchpadContext } from \"./LaunchpadContext\";\nimport type {\n  MenuItemData,\n  MenuItemDataNormal,\n  SidebarMenuItemData,\n} from \"./interfaces\";\n\nexport interface MenuGroupProps {\n  name: string;\n  items: MenuItemData[];\n}\n\nexport function MenuGroup({ name, items }: MenuGroupProps) {\n  return (\n    <li className=\"menu-group\">\n      <div className=\"menu-group-label\">{name}</div>\n      <ul className=\"menu\">\n        {items.map((item) =>\n          item.type === \"dir\" ? (\n            <MenuItemFolder\n              key={`${item.type}-${item.id}`}\n              name={item.name}\n              items={item.items}\n            />\n          ) : (\n            <MenuItem key={`${item.type}-${item.id}`} item={item} />\n          )\n        )}\n      </ul>\n    </li>\n  );\n}\n\nexport interface MenuItemProps {\n  item: MenuItemDataNormal;\n}\n\nfunction MenuItem({ item }: MenuItemProps) {\n  const { loadingFavorites, pushRecentVisit, toggleStar, isStarred } =\n    useLaunchpadContext();\n\n  const starred = useMemo(() => isStarred(item), [isStarred, item]);\n\n  const handleStarClick = useCallback(() => {\n    toggleStar(item);\n  }, [item, toggleStar]);\n\n  const handleClick = useCallback(() => {\n    pushRecentVisit(item);\n  }, [item, pushRecentVisit]);\n\n  return (\n    <li\n      className={classNames(\"menu-item\", {\n        starred,\n        \"can-star\": !loadingFavorites,\n      })}\n    >\n      <WrappedLink\n        onClick={handleClick}\n        {...(item.type === \"app\"\n          ? {\n              url: item.url,\n            }\n          : {\n              href: item.url,\n              target: \"_blank\",\n            })}\n      >\n        <WrappedIcon\n          className=\"menu-icon\"\n          lib=\"easyops\"\n          icon=\"micro-app-center\"\n          {...(item.menuIcon?.lib && item.menuIcon.icon\n            ? (pick(item.menuIcon, [\n                \"lib\",\n                \"icon\",\n                \"theme\",\n                \"category\",\n                \"prefix\",\n              ]) as any)\n            : null)}\n        />\n        <span className=\"menu-item-label\">{item.name}</span>\n      </WrappedLink>\n      <WrappedIcon\n        lib=\"fa\"\n        prefix={starred ? \"fas\" : \"far\"}\n        icon=\"star\"\n        className=\"menu-item-star\"\n        title={starred ? \"取消收藏\" : \"收藏\"}\n        onClick={handleStarClick}\n      />\n    </li>\n  );\n}\n\nexport interface SidebarMenuItemProps {\n  item: SidebarMenuItemData;\n}\n\nexport function SidebarMenuItem({ item }: SidebarMenuItemProps) {\n  const { pushRecentVisit, toggleStar } = useLaunchpadContext();\n\n  const handleClick = useCallback(() => {\n    if (item.type !== \"link\") {\n      pushRecentVisit(item);\n    }\n  }, [item, pushRecentVisit]);\n\n  const handleRemoveStar = useCallback(() => {\n    toggleStar(item);\n  }, [item, toggleStar]);\n\n  return (\n    <li className=\"sidebar-menu-item\">\n      <WrappedLink\n        onClick={handleClick}\n        {...(item.type === \"app\"\n          ? {\n              url: item.url,\n            }\n          : {\n              href: item.url,\n              target: \"_blank\",\n            })}\n      >\n        <WrappedIcon\n          className={`sidebar-menu-icon`}\n          lib=\"easyops\"\n          icon=\"micro-app-center\"\n          {...(item.menuIcon?.lib && item.menuIcon.icon\n            ? (pick(item.menuIcon, [\n                \"lib\",\n                \"icon\",\n                \"theme\",\n                \"category\",\n                \"prefix\",\n              ]) as any)\n            : null)}\n        />\n        <span className=\"menu-item-label\">{item.name}</span>\n      </WrappedLink>\n      <WrappedIcon\n        lib=\"fa\"\n        icon=\"xmark\"\n        className=\"menu-item-remove\"\n        onClick={handleRemoveStar}\n      />\n    </li>\n  );\n}\n\nexport interface MenuItemFolderProps {\n  name: string;\n  items: MenuItemDataNormal[];\n}\n\nfunction MenuItemFolder({ name, items }: MenuItemFolderProps) {\n  const { searching } = useLaunchpadContext();\n  const [expanded, setExpanded] = useState(false);\n  const [searchingExpanded, setSearchingExpanded] = useState(false);\n\n  const toggle = useCallback(() => {\n    // Use separated expanded states for searching and non-searching.\n    if (searching) {\n      setSearchingExpanded((previous) => !previous);\n    } else {\n      setExpanded((previous) => !previous);\n    }\n  }, [searching]);\n\n  useEffect(() => {\n    // Each time when start searching, set it as expanded.\n    setSearchingExpanded(true);\n  }, [searching]);\n\n  const actualExpanded = searching ? searchingExpanded : expanded;\n\n  return (\n    <li className=\"menu-item folder\">\n      <WrappedLink onClick={toggle}>\n        <WrappedIcon\n          lib=\"fa\"\n          prefix=\"far\"\n          icon=\"folder-open\"\n          className=\"menu-icon\"\n        />\n        <span className=\"menu-item-label\">{name}</span>\n        <WrappedIcon\n          lib=\"antd\"\n          icon={actualExpanded ? \"up\" : \"down\"}\n          className=\"menu-item-toggle\"\n        />\n      </WrappedLink>\n      <ul className={classNames(\"sub-menu\", { expanded: actualExpanded })}>\n        {items.map((item) => (\n          <MenuItem key={`${item.type}-${item.id}`} item={item} />\n        ))}\n      </ul>\n    </li>\n  );\n}\n","import React, { useCallback, useRef, useState } from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport styleText from \"./styles.shadow.css\";\nimport classNames from \"classnames\";\nimport { LaunchpadsContext } from \"../launchpad-button-v2/LaunchpadContext\";\nimport { useLaunchpadInfo } from \"../launchpad-button-v2/useLaunchpadInfo\";\nimport { MenuGroup } from \"../launchpad-button-v2/MenuGroup\";\nimport { GeneralIcon, GeneralIconProps } from \"@next-bricks/icons/general-icon\";\nimport \"./host-context.css\";\n\nexport const WrappedIcon = wrapBrick<GeneralIcon, GeneralIconProps>(\"eo-icon\");\n\nconst { defineElement } = createDecorators();\n\n/**\n * launchpad 搜索\n * @insider\n */\nexport\n@defineElement(\"eo-search-launchpad\", {\n  styleTexts: [styleText],\n})\nclass EoSearchLaunchpad extends ReactNextElement {\n  render() {\n    return <EoSearchLaunchpadComponent />;\n  }\n}\n\nexport function EoSearchLaunchpadComponent() {\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const handleClickSearchBox = useCallback(() => {\n    searchInputRef.current?.focus();\n  }, []);\n\n  const [active, setActive] = useState(false);\n\n  const {\n    loading,\n    q,\n    setQ,\n    menuGroups,\n    loadingFavorites,\n    pushRecentVisit,\n    toggleStar,\n    isStarred,\n  } = useLaunchpadInfo(active);\n  const searching = !!q;\n\n  const handleSearch = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setQ(e.target.value);\n    },\n    [setQ]\n  );\n\n  const clearSearch = useCallback(() => {\n    setQ(\"\");\n  }, [setQ]);\n\n  return (\n    <LaunchpadsContext.Provider\n      value={{\n        searching,\n        loadingFavorites,\n        pushRecentVisit,\n        toggleStar,\n        isStarred,\n      }}\n    >\n      <div className=\"container\">\n        <div className=\"search-box\" onClick={handleClickSearchBox}>\n          <WrappedIcon\n            lib=\"fa\"\n            icon=\"magnifying-glass\"\n            className=\"search-icon\"\n          />\n          <input\n            ref={searchInputRef}\n            placeholder=\"搜索产品/微应用\"\n            value={q}\n            onChange={handleSearch}\n            className=\"search-input\"\n            onFocus={() => setActive(true)}\n            onBlur={() => setActive(false)}\n          />\n          <WrappedIcon\n            lib=\"antd\"\n            theme=\"filled\"\n            icon=\"close-circle\"\n            className={classNames(\"search-clear\", { searching })}\n            onClick={clearSearch}\n            onMouseDown={(e) => e.preventDefault()}\n          />\n        </div>\n        <div\n          className={classNames(\"dropdown\", { \"dropdown-active\": active })}\n          onMouseDown={(e) => e.preventDefault()}\n        >\n          <div className={classNames(\"dropdown-content\", { loading })}>\n            <Loading loading={loading} />\n            <ul className=\"menu-groups\">\n              {menuGroups.map((group) => (\n                <MenuGroup\n                  key={group.name}\n                  name={group.name}\n                  items={group.items}\n                />\n              ))}\n            </ul>\n          </div>\n        </div>\n      </div>\n    </LaunchpadsContext.Provider>\n  );\n}\n\nfunction Loading({ loading }: { loading: boolean }) {\n  return (\n    loading && (\n      <div className=\"spinner\">\n        <WrappedIcon lib=\"fa\" icon=\"spinner\" spinning />\n      </div>\n    )\n  );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:root{--eo-search-launchpad-menu-icon-color:#8c8c8c}html[data-theme=\"dark\"],\nhtml[data-theme=\"dark-v2\"]{--eo-search-launchpad-menu-icon-color:rgba(255,255,255,0.45)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block}:host([hidden]){display:none}.container{position:relative}.dropdown{margin-top:5px;position:absolute;top:100%;left:0px;width:100%;z-index:1050;padding:20px 24px 24px;overflow:hidden;box-sizing:border-box;background-color:var(--antd-select-dropdown-bg);border-radius:4px;box-shadow:var(--antd-box-shadow-base);display:none}.dropdown-active{display:block}.search-box{border-bottom:1px solid var(--color-text-divider-line);display:flex;gap:8px;align-items:center;padding:10px 0;cursor:text}.search-icon{color:var(--color-auxiliary-text)}.search-input{padding:0;margin:0;border:none;outline:none;color:inherit;background-color:transparent;font-size:14px;line-height:22px;flex:1;min-width:0}.search-input::placeholder{color:var(--color-disabled-text);opacity:1}.search-clear{display:none;color:var(--color-secondary-text);cursor:pointer}.search-clear.searching{display:inline-block}.search-clear:hover{color:var(--color-auxiliary-text)}.dropdown-content{min-width:0;display:flex;flex-direction:column;gap:24px;max-height:260px;overflow-y:auto}.spinner{display:flex;justify-content:center;align-items:center;color:var(--theme-doderblue-color);flex:1;font-size:30px}.loading > :not(.spinner){display:none}.menu-group-label,\n.menu-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-groups,\n.menu,\n.sub-menu{list-style:none;margin:0;padding:0}.menu,\n.sub-menu{display:flex;flex-direction:column;gap:14px}.menu-item > eo-link{display:block;min-width:0}.menu-item > eo-link::part(link){height:20px;display:flex;align-items:center;gap:8px;color:var(--color-header-text)}.menu-groups{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.menu-groups{display:grid;grid-gap:32px 8px;gap:32px 8px}.menu-group{padding-right:12px;color:var(--color-header-text)}.menu-group-label{font-size:var(--card-title-font-size);font-weight:500;color:var(--color-header-text);margin-bottom:14px}.menu-item:not(.folder){display:flex;gap:8px;align-items:center}.menu-icon{color:var(--eo-search-launchpad-menu-icon-color)}.menu-item.active,\n.menu-item.active .menu-icon{color:var(--color-brand-active)}.sub-menu:not(.expanded){display:none}.sub-menu{margin-top:14px;margin-left:8px;border-left:1px solid var(--color-text-divider-line);padding-left:15px}.menu-item-star{cursor:pointer}.menu-item-star,\n.menu-item-toggle{color:var(--color-secondary-text)}.menu-item-star{display:none}.can-star.starred > .menu-item-star,\n.can-star:hover > .menu-item-star{display:inline-block}.can-star:not(.starred) > .menu-item-star{color:var(--color-secondary-text)}.starred > .menu-item-star{color:var(--palette-yellow-6)}.menu-item > eo-link:hover::part(link),\n.menu-item > eo-link:hover .menu-icon,\n.menu-item > eo-link:hover .menu-item-toggle{color:var(--color-brand-hover)}@supports not (inset: 0){.search-box,\n  .menu,\n  .sub-menu,\n  .menu-item:not(.folder),\n  .menu-item > eo-link::part(link){gap:0}.dropdown-content{display:grid;grid-auto-flow:row}.dropdown-content:not(.loading){height:-webkit-min-content;height:-moz-min-content;height:min-content}.menu > :not(:first-child),\n  .sub-menu > :not(:first-child){margin-top:14px}.search-icon,\n  .menu-icon{margin-right:8px}.search-clear,\n  .menu-item-star,\n  .menu-item-toggle{margin-left:8px}}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./host-context.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./host-context.css\";\n       export default content && content.locals ? content.locals : undefined;\n"],"names":["LaunchpadsContext","React","useLaunchpadContext","MenuGroup","_ref","name","items","className","map","item","type","MenuItemFolder","key","concat","id","MenuItem","_ref2","_item$menuIcon","loadingFavorites","pushRecentVisit","toggleStar","isStarred","starred","useMemo","handleStarClick","useCallback","handleClick","classNames","WrappedLink","_extends","onClick","url","href","target","WrappedIcon","lib","icon","menuIcon","pick","prefix","title","SidebarMenuItem","_ref3","_item$menuIcon2","handleRemoveStar","_ref4","searching","expanded","setExpanded","useState","searchingExpanded","setSearchingExpanded","toggle","previous","useEffect","actualExpanded","_EoSearchLaunchpad","wrapBrick","defineElement","createDecorators","_dec","styleTexts","styleText","EoSearchLaunchpad","ReactNextElement","render","EoSearchLaunchpadComponent","searchInputRef","useRef","handleClickSearchBox","_searchInputRef$curre","current","focus","active","setActive","loading","q","setQ","menuGroups","useLaunchpadInfo","handleSearch","e","value","clearSearch","Provider","ref","placeholder","onChange","onFocus","onBlur","theme","onMouseDown","preventDefault","Loading","group","spinning","_class","_initClass","_applyDecs","c","___CSS_LOADER_EXPORT___","push","module","toString","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals"],"sourceRoot":""}
+{"version":3,"file":"chunks/eo-search-launchpad.f9bbeec0.js","mappings":"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","sources":["webpack:///./src/launchpad-button-v2/LaunchpadContext.ts","webpack:///./src/launchpad-button-v2/MenuGroup.tsx","webpack:///./src/search-launchpad/index.tsx","webpack:///./src/search-launchpad/host-context.css","webpack:///./src/search-launchpad/styles.shadow.css","webpack:///./src/search-launchpad/host-context.css?4d0b"],"sourcesContent":["import React from \"react\";\nimport type { MenuItemDataLink, MenuItemDataNormal } from \"./interfaces\";\n\nexport interface LaunchpadContextData {\n  searching: boolean;\n  loadingFavorites: boolean;\n  pushRecentVisit(item: MenuItemDataNormal): void;\n  toggleStar(item: MenuItemDataNormal | MenuItemDataLink): void;\n  isStarred(item: MenuItemDataNormal): boolean;\n}\n\nexport const LaunchpadsContext = React.createContext<LaunchpadContextData>(\n  {} as LaunchpadContextData\n);\n\nexport const useLaunchpadContext = (): LaunchpadContextData =>\n  React.useContext(LaunchpadsContext);\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { pick } from \"lodash\";\nimport classNames from \"classnames\";\nimport { WrappedIcon, WrappedLink } from \"./wrapped-bricks\";\nimport { useLaunchpadContext } from \"./LaunchpadContext\";\nimport type {\n  MenuItemData,\n  MenuItemDataNormal,\n  SidebarMenuItemData,\n} from \"./interfaces\";\n\nexport interface MenuGroupProps {\n  name: string;\n  items: MenuItemData[];\n}\n\nexport function MenuGroup({ name, items }: MenuGroupProps) {\n  return (\n    <li className=\"menu-group\">\n      <div className=\"menu-group-label\">{name}</div>\n      <ul className=\"menu\">\n        {items.map((item) =>\n          item.type === \"dir\" ? (\n            <MenuItemFolder\n              key={`${item.type}-${item.id}`}\n              name={item.name}\n              items={item.items}\n            />\n          ) : (\n            <MenuItem key={`${item.type}-${item.id}`} item={item} />\n          )\n        )}\n      </ul>\n    </li>\n  );\n}\n\nexport interface MenuItemProps {\n  item: MenuItemDataNormal;\n}\n\nfunction MenuItem({ item }: MenuItemProps) {\n  const { loadingFavorites, pushRecentVisit, toggleStar, isStarred } =\n    useLaunchpadContext();\n\n  const starred = useMemo(() => isStarred(item), [isStarred, item]);\n\n  const handleStarClick = useCallback(() => {\n    toggleStar(item);\n  }, [item, toggleStar]);\n\n  const handleClick = useCallback(() => {\n    pushRecentVisit(item);\n  }, [item, pushRecentVisit]);\n\n  return (\n    <li\n      className={classNames(\"menu-item\", {\n        starred,\n        \"can-star\": !loadingFavorites,\n      })}\n    >\n      <WrappedLink\n        onClick={handleClick}\n        {...(item.type === \"app\"\n          ? {\n              url: item.url,\n            }\n          : {\n              href: item.url,\n              target: \"_blank\",\n            })}\n      >\n        <WrappedIcon\n          className=\"menu-icon\"\n          lib=\"easyops\"\n          icon=\"micro-app-center\"\n          {...(item.menuIcon?.lib && item.menuIcon.icon\n            ? (pick(item.menuIcon, [\n                \"lib\",\n                \"icon\",\n                \"theme\",\n                \"category\",\n                \"prefix\",\n              ]) as any)\n            : null)}\n        />\n        <span className=\"menu-item-label\">{item.name}</span>\n      </WrappedLink>\n      <WrappedIcon\n        lib=\"fa\"\n        prefix={starred ? \"fas\" : \"far\"}\n        icon=\"star\"\n        className=\"menu-item-star\"\n        title={starred ? \"取消收藏\" : \"收藏\"}\n        onClick={handleStarClick}\n      />\n    </li>\n  );\n}\n\nexport interface SidebarMenuItemProps {\n  item: SidebarMenuItemData;\n}\n\nexport function SidebarMenuItem({ item }: SidebarMenuItemProps) {\n  const { pushRecentVisit, toggleStar } = useLaunchpadContext();\n\n  const handleClick = useCallback(() => {\n    if (item.type !== \"link\") {\n      pushRecentVisit(item);\n    }\n  }, [item, pushRecentVisit]);\n\n  const handleRemoveStar = useCallback(() => {\n    toggleStar(item);\n  }, [item, toggleStar]);\n\n  return (\n    <li className=\"sidebar-menu-item\">\n      <WrappedLink\n        onClick={handleClick}\n        {...(item.type === \"app\"\n          ? {\n              url: item.url,\n            }\n          : {\n              href: item.url,\n              target: \"_blank\",\n            })}\n      >\n        <WrappedIcon\n          className={`sidebar-menu-icon`}\n          lib=\"easyops\"\n          icon=\"micro-app-center\"\n          {...(item.menuIcon?.lib && item.menuIcon.icon\n            ? (pick(item.menuIcon, [\n                \"lib\",\n                \"icon\",\n                \"theme\",\n                \"category\",\n                \"prefix\",\n              ]) as any)\n            : null)}\n        />\n        <span className=\"menu-item-label\">{item.name}</span>\n      </WrappedLink>\n      <WrappedIcon\n        lib=\"fa\"\n        icon=\"xmark\"\n        className=\"menu-item-remove\"\n        onClick={handleRemoveStar}\n      />\n    </li>\n  );\n}\n\nexport interface MenuItemFolderProps {\n  name: string;\n  items: MenuItemDataNormal[];\n}\n\nfunction MenuItemFolder({ name, items }: MenuItemFolderProps) {\n  const { searching } = useLaunchpadContext();\n  const [expanded, setExpanded] = useState(false);\n  const [searchingExpanded, setSearchingExpanded] = useState(false);\n\n  const toggle = useCallback(() => {\n    // Use separated expanded states for searching and non-searching.\n    if (searching) {\n      setSearchingExpanded((previous) => !previous);\n    } else {\n      setExpanded((previous) => !previous);\n    }\n  }, [searching]);\n\n  useEffect(() => {\n    // Each time when start searching, set it as expanded.\n    setSearchingExpanded(true);\n  }, [searching]);\n\n  const actualExpanded = searching ? searchingExpanded : expanded;\n\n  return (\n    <li className=\"menu-item folder\">\n      <WrappedLink onClick={toggle}>\n        <WrappedIcon\n          lib=\"fa\"\n          prefix=\"far\"\n          icon=\"folder-open\"\n          className=\"menu-icon\"\n        />\n        <span className=\"menu-item-label\">{name}</span>\n        <WrappedIcon\n          lib=\"antd\"\n          icon={actualExpanded ? \"up\" : \"down\"}\n          className=\"menu-item-toggle\"\n        />\n      </WrappedLink>\n      <ul className={classNames(\"sub-menu\", { expanded: actualExpanded })}>\n        {items.map((item) => (\n          <MenuItem key={`${item.type}-${item.id}`} item={item} />\n        ))}\n      </ul>\n    </li>\n  );\n}\n","import React, { useCallback, useRef, useState } from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement, wrapBrick } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport styleText from \"./styles.shadow.css\";\nimport classNames from \"classnames\";\nimport { LaunchpadsContext } from \"../launchpad-button-v2/LaunchpadContext\";\nimport { useLaunchpadInfo } from \"../launchpad-button-v2/useLaunchpadInfo\";\nimport { MenuGroup } from \"../launchpad-button-v2/MenuGroup\";\nimport { GeneralIcon, GeneralIconProps } from \"@next-bricks/icons/general-icon\";\nimport \"./host-context.css\";\n\nexport const WrappedIcon = wrapBrick<GeneralIcon, GeneralIconProps>(\"eo-icon\");\n\nconst { defineElement } = createDecorators();\n\n/**\n * launchpad 搜索\n * @insider\n */\nexport\n@defineElement(\"eo-search-launchpad\", {\n  styleTexts: [styleText],\n})\nclass EoSearchLaunchpad extends ReactNextElement {\n  render() {\n    return <EoSearchLaunchpadComponent />;\n  }\n}\n\nexport function EoSearchLaunchpadComponent() {\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const handleClickSearchBox = useCallback(() => {\n    searchInputRef.current?.focus();\n  }, []);\n\n  const [active, setActive] = useState(false);\n\n  const {\n    loading,\n    q,\n    setQ,\n    menuGroups,\n    loadingFavorites,\n    pushRecentVisit,\n    toggleStar,\n    isStarred,\n  } = useLaunchpadInfo(active);\n  const searching = !!q;\n\n  const handleSearch = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setQ(e.target.value);\n    },\n    [setQ]\n  );\n\n  const clearSearch = useCallback(() => {\n    setQ(\"\");\n  }, [setQ]);\n\n  return (\n    <LaunchpadsContext.Provider\n      value={{\n        searching,\n        loadingFavorites,\n        pushRecentVisit,\n        toggleStar,\n        isStarred,\n      }}\n    >\n      <div className=\"container\">\n        <div className=\"search-box\" onClick={handleClickSearchBox}>\n          <WrappedIcon\n            lib=\"fa\"\n            icon=\"magnifying-glass\"\n            className=\"search-icon\"\n          />\n          <input\n            ref={searchInputRef}\n            placeholder=\"搜索产品/微应用\"\n            value={q}\n            onChange={handleSearch}\n            className=\"search-input\"\n            onFocus={() => setActive(true)}\n            onBlur={() => setActive(false)}\n          />\n          <WrappedIcon\n            lib=\"antd\"\n            theme=\"filled\"\n            icon=\"close-circle\"\n            className={classNames(\"search-clear\", { searching })}\n            onClick={clearSearch}\n            onMouseDown={(e) => e.preventDefault()}\n          />\n        </div>\n        <div\n          className={classNames(\"dropdown\", { \"dropdown-active\": active })}\n          onMouseDown={(e) => e.preventDefault()}\n        >\n          <div className={classNames(\"dropdown-content\", { loading })}>\n            <Loading loading={loading} />\n            <ul className=\"menu-groups\">\n              {menuGroups.map((group) => (\n                <MenuGroup\n                  key={group.name}\n                  name={group.name}\n                  items={group.items}\n                />\n              ))}\n            </ul>\n          </div>\n        </div>\n      </div>\n    </LaunchpadsContext.Provider>\n  );\n}\n\nfunction Loading({ loading }: { loading: boolean }) {\n  return (\n    loading && (\n      <div className=\"spinner\">\n        <WrappedIcon lib=\"fa\" icon=\"spinner\" spinning />\n      </div>\n    )\n  );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:root{--eo-search-launchpad-menu-icon-color:#8c8c8c}html[data-theme=\"dark\"],\nhtml[data-theme=\"dark-v2\"]{--eo-search-launchpad-menu-icon-color:rgba(255,255,255,0.45)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block}:host([hidden]){display:none}.container{position:relative}.dropdown{margin-top:5px;position:absolute;top:100%;left:0px;width:100%;z-index:1050;padding:20px 24px 24px;overflow:hidden;box-sizing:border-box;background-color:var(--antd-select-dropdown-bg);border-radius:4px;box-shadow:var(--antd-box-shadow-base);display:none}.dropdown-active{display:block}.search-box{border-bottom:1px solid var(--color-text-divider-line);display:flex;gap:8px;align-items:center;padding:10px 0;cursor:text}.search-icon{color:var(--color-auxiliary-text)}.search-input{padding:0;margin:0;border:none;outline:none;color:inherit;background-color:transparent;font-size:14px;line-height:22px;flex:1;min-width:0}.search-input::placeholder{color:var(--color-disabled-text);opacity:1}.search-clear{display:none;color:var(--color-secondary-text);cursor:pointer}.search-clear.searching{display:inline-block}.search-clear:hover{color:var(--color-auxiliary-text)}.dropdown-content{min-width:0;display:flex;flex-direction:column;gap:24px;max-height:260px;overflow-y:auto}.spinner{display:flex;justify-content:center;align-items:center;color:var(--theme-doderblue-color);flex:1;font-size:30px}.loading > :not(.spinner){display:none}.menu-group-label,\n.menu-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-groups,\n.menu,\n.sub-menu{list-style:none;margin:0;padding:0}.menu,\n.sub-menu{display:flex;flex-direction:column;gap:14px}.menu-item > eo-link{display:block;min-width:0}.menu-item > eo-link::part(link){height:20px;display:flex;align-items:center;gap:8px;color:var(--color-header-text)}.menu-groups{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.menu-groups{display:grid;grid-gap:32px 8px;gap:32px 8px}.menu-group{padding-right:12px;color:var(--color-header-text)}.menu-group-label{font-size:var(--card-title-font-size);font-weight:500;color:var(--color-header-text);margin-bottom:14px}.menu-item:not(.folder){display:flex;gap:8px;align-items:center}.menu-icon{color:var(--eo-search-launchpad-menu-icon-color)}.menu-item.active,\n.menu-item.active .menu-icon{color:var(--color-brand-active)}.sub-menu:not(.expanded){display:none}.sub-menu{margin-top:14px;margin-left:8px;border-left:1px solid var(--color-text-divider-line);padding-left:15px}.menu-item-star{cursor:pointer}.menu-item-star,\n.menu-item-toggle{color:var(--color-secondary-text)}.menu-item-star{display:none}.can-star.starred > .menu-item-star,\n.can-star:hover > .menu-item-star{display:inline-block}.can-star:not(.starred) > .menu-item-star{color:var(--color-secondary-text)}.starred > .menu-item-star{color:var(--palette-yellow-6)}.menu-item > eo-link:hover::part(link),\n.menu-item > eo-link:hover .menu-icon,\n.menu-item > eo-link:hover .menu-item-toggle{color:var(--color-brand-hover)}@supports not (inset: 0){.search-box,\n  .menu,\n  .sub-menu,\n  .menu-item:not(.folder),\n  .menu-item > eo-link::part(link){gap:0}.dropdown-content{display:grid;grid-auto-flow:row}.dropdown-content:not(.loading){height:-webkit-min-content;height:-moz-min-content;height:min-content}.menu > :not(:first-child),\n  .sub-menu > :not(:first-child){margin-top:14px}.search-icon,\n  .menu-icon{margin-right:8px}.search-clear,\n  .menu-item-star,\n  .menu-item-toggle{margin-left:8px}}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./host-context.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./host-context.css\";\n       export default content && content.locals ? content.locals : undefined;\n"],"names":["LaunchpadsContext","React","useLaunchpadContext","MenuGroup","_ref","name","items","className","map","item","type","MenuItemFolder","key","concat","id","MenuItem","_ref2","_item$menuIcon","loadingFavorites","pushRecentVisit","toggleStar","isStarred","starred","useMemo","handleStarClick","useCallback","handleClick","classNames","WrappedLink","_extends","onClick","url","href","target","WrappedIcon","lib","icon","menuIcon","pick","prefix","title","SidebarMenuItem","_ref3","_item$menuIcon2","handleRemoveStar","_ref4","searching","expanded","setExpanded","useState","searchingExpanded","setSearchingExpanded","toggle","previous","useEffect","actualExpanded","_EoSearchLaunchpad","wrapBrick","defineElement","createDecorators","_dec","styleTexts","styleText","EoSearchLaunchpad","ReactNextElement","render","EoSearchLaunchpadComponent","searchInputRef","useRef","handleClickSearchBox","_searchInputRef$curre","current","focus","active","setActive","loading","q","setQ","menuGroups","useLaunchpadInfo","handleSearch","e","value","clearSearch","Provider","ref","placeholder","onChange","onFocus","onBlur","theme","onMouseDown","preventDefault","Loading","group","spinning","_class","_initClass","_applyDecs","c","___CSS_LOADER_EXPORT___","push","module","toString","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals"],"sourceRoot":""}

package/dist/chunks/{eo-sidebar-menu-group.24afa6f5.js → eo-sidebar-menu-group.39cae815.js}

@@ -1,3 +1,3 @@
-/*! For license information please see eo-sidebar-menu-group.24afa6f5.js.LICENSE.txt */
-(self.webpackChunk_next_bricks_nav=self.webpackChunk_next_bricks_nav||[]).push([[1629,5850,5628],{6933:(e,t,r)=>{"use strict";r.r(t),r.d(t,{EoSidebarMenuGroup:()=>h,EoSidebarMenuGroupComponent:()=>I});var n,o,a,i,s,l,c,u,p,d,m,f,h,g=r(3395),v=r(381),b=r(687),y=r(5066),w=r(8657),E=r.n(w),x=r(7844),Z=r(8835),k=(r(4629),r(4781)),S=r(8671),C=r(2779),j=r.n(C),{defineElement:O,property:z}=(0,x.createDecorators)();o=O("eo-sidebar-menu-group",{styleTexts:[k.Z]}),a=z({type:Boolean}),s=z({type:Boolean}),c=z({type:Boolean}),p=z({type:Boolean});var N=new WeakMap,K=new WeakMap,M=new WeakMap,P=new WeakMap,A=new WeakMap;class B extends Z.ReactNextElement{constructor(){super(...arguments),(0,g.Z)(this,N,{writable:!0,value:(m(this),i(this,!0))}),(0,g.Z)(this,K,{writable:!0,value:l(this)}),(0,g.Z)(this,M,{writable:!0,value:u(this)}),(0,g.Z)(this,P,{writable:!0,value:d(this)}),(0,g.Z)(this,A,{writable:!0,value:e=>{this.collapsed=e}})}get collapsable(){return(0,b.Z)(this,N)}set collapsable(e){(0,v.Z)(this,N,e)}get collapsed(){return(0,b.Z)(this,K)}set collapsed(e){(0,v.Z)(this,K,e)}get selected(){return(0,b.Z)(this,M)}set selected(e){(0,v.Z)(this,M,e)}get menuCollapsed(){return(0,b.Z)(this,P)}set menuCollapsed(e){(0,v.Z)(this,P,e)}render(){return E().createElement(I,{collapsable:this.collapsable,selected:this.selected,collapsed:this.collapsed,menuCollapsed:this.menuCollapsed,onCollapseChange:(0,b.Z)(this,A)})}}function I(e){var{collapsable:t,collapsed:r,menuCollapsed:n,onCollapseChange:o}=e,[a]=(0,S.Dw)(n),i=(0,w.useRef)(null),s=(0,w.useCallback)((()=>{!n&&(null==o||o(!r))}),[n,o,r]);return(0,w.useEffect)((()=>{var e=i.current;return null==e||e.addEventListener("click",s),()=>{null==e||e.removeEventListener("click",s)}}),[s]),E().createElement("div",{className:j()("menu-group",{"menu-group-collapsed":!!n||r})},E().createElement("div",{className:"menu-group-title",ref:i},E().createElement("span",{className:"menu-group-title-icon-container"},E().createElement("span",{className:"menu-group-title-icon"})),E().createElement("div",{className:"menu-group-title-text"},E().createElement("slot",{name:"title"})),t&&E().createElement("span",{className:"menu-group-arrow"})),E().createElement("div",{className:"menu-group-list"},E().createElement("div",{className:"menu-group-list-inner"},E().createElement("slot",{ref:a}))))}f=B,({e:[i,l,u,d,m],c:[h,n]}=(0,y.Z)(f,[[a,1,"collapsable"],[s,1,"collapsed"],[c,1,"selected"],[p,1,"menuCollapsed"]],[o],0,void 0,Z.ReactNextElement)),n()},8671:(e,t,r)=>{"use strict";r.d(t,{Dw:()=>u,K7:()=>h,W$:()=>d,cI:()=>m,eR:()=>g,kI:()=>f,og:()=>p,w3:()=>C});var n=r(7896),o=r(8657),a=r.n(o),i=r(6594),s=r(8835),l=new Set(["EO-SIDEBAR-MENU-ITEM","EO-SIDEBAR-MENU-GROUP","EO-SIDEBAR-MENU-SUBMENU"]),c=e=>l.has(e.tagName);function u(e){var t=(0,o.useRef)(null),r=(0,o.useCallback)((()=>{var r;null===(r=t.current)||void 0===r||r.assignedElements().forEach((t=>{c(t)&&(t.menuCollapsed=e)}))}),[e]);return(0,o.useEffect)((()=>{r()}),[e,r]),(0,o.useEffect)((()=>{var e=t.current,n=()=>{r()};return null==e||e.addEventListener("slotchange",n),()=>{null==e||e.removeEventListener("slotchange",n)}}),[r]),[t]}var p="side-bar-has-been-used",d="side-bar-expand-state",m="side-bar-resize-width",f=function(e){return e.Collapsed="collapsed",e.Hovered="hovered",e.Expanded="expanded",e}({}),h=parseInt((0,i.getCssPropertyValue)("--side-bar-width",document.body),10)||220,g=parseInt((0,i.getCssPropertyValue)("--side-bar-collapsed-width",document.body),10)||60,v=(0,o.createContext)({selectedKeys:[],openedKeys:[],matchedKeys:[]}),b=(0,s.wrapBrick)("eo-sidebar-menu"),y=(0,s.wrapBrick)("eo-sidebar-menu-item"),w=(0,s.wrapBrick)("eo-sidebar-menu-group"),E=(0,s.wrapBrick)("eo-sidebar-menu-submenu");function x(e){var{to:t,href:r,target:n,icon:i,text:s,id:l}=e,{selectedKeys:c}=(0,o.useContext)(v);return a().createElement(y,{url:t,href:r,target:n,icon:i,selected:c.includes(l)},s)}function Z(e){var{title:t,items:r,id:i,top:s}=e,{matchedKeys:l}=(0,o.useContext)(v),c=i&&l.includes(i);return(null==r?void 0:r.length)>0?a().createElement(w,{selected:!!c,collapsable:!s},a().createElement("span",{slot:"title"},t),e.items.map((e=>a().createElement(S,(0,n.Z)({key:e.key},e,{id:e.key,top:!1}))))):null}function k(e){var{title:t,icon:r,items:i,id:s}=e,{openedKeys:l,matchedKeys:c}=(0,o.useContext)(v),u=s&&c.includes(s);return(null==i?void 0:i.length)>0?a().createElement(E,{icon:r,collapsed:!l.includes(s),selected:!!u},a().createElement("span",{slot:"title"},t),e.items.map((e=>a().createElement(S,(0,n.Z)({key:e.key},e,{id:e.key,top:!1}))))):null}function S(e){return"subMenu"===e.type?a().createElement(k,e):"group"===e.type?a().createElement(Z,e):a().createElement(x,e)}function C(e){var t,{menu:r,expandedState:o,selectedKeys:i,openedKeys:s,matchedKeys:l}=e;return a().createElement(v.Provider,{value:{selectedKeys:i||[],openedKeys:s||[],matchedKeys:l||[]}},a().createElement(b,{menuCollapsed:o===f.Collapsed},null==r||null===(t=r.menuItems)||void 0===t?void 0:t.map((e=>a().createElement(S,(0,n.Z)({key:e.key},e,{id:e.key,top:!0}))))))}},2779:(e,t)=>{var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var a=typeof r;if("string"===a||"number"===a)e.push(r);else if(Array.isArray(r)){if(r.length){var i=o.apply(null,r);i&&e.push(i)}}else if("object"===a){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var s in r)n.call(r,s)&&r[s]&&e.push(s)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()},4781:(e,t,r)=>{"use strict";r.d(t,{Z:()=>s});var n=r(9601),o=r.n(n),a=r(2609),i=r.n(a)()(o());i.push([e.id,':host{display:block;--menu-item-icon-size:20px}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.menu-group-title{position:relative;display:flex;align-items:center;min-height:36px;padding:8px 12px;line-height:20px;color:var(--left-secondary-text-color);border-radius:var(--larger-border-radius);transition:all var(--side-bar-collapse-transition-duration) var(--side-bar-collapse-transition-timing-function)}.menu-group-title-icon-container{flex-shrink:0;margin-right:14px;display:flex;align-items:center;justify-content:center;width:var(--menu-item-icon-size);height:var(--menu-item-icon-size);font-size:var(--menu-item-icon-size);transition:all var(--side-bar-collapse-transition-duration) var(--side-bar-collapse-transition-timing-function)}.menu-group-title-icon{width:1em;height:1em;border-bottom:2px solid var(--left-sidebar-group-border-color)}.menu-group-title-text{flex:1;font-size:12px;overflow:hidden;white-space:nowrap;margin-right:12px}.menu-group-list slot::slotted(*){margin-top:2px}.menu-group-arrow{position:absolute;top:50%;right:12px;width:10px;color:var(--left-sidebar-item-arrow-color);transform:translateY(-2px);transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1)}.menu-group-arrow::before,\n.menu-group-arrow::after{content:"";position:absolute;width:6px;height:1.5px;background-color:currentColor;border-radius:2px;transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1)}.menu-group-arrow::before{transform:rotate(45deg) translateX(2.5px)}.menu-group-arrow::after{transform:rotate(-45deg) translateX(-2.5px)}.menu-group-collapsed .menu-group-arrow{transform:translateY(-50%)}.menu-group-collapsed .menu-group-arrow::before{transform:rotate(-45deg) translateX(2.5px)}.menu-group-collapsed .menu-group-arrow::after{transform:rotate(45deg) translateX(-2.5px)}.menu-group-list{display:grid;grid-template-rows:1fr;transition:all var(--side-bar-collapse-transition-duration) var(--side-bar-collapse-transition-timing-function)}.menu-group-list-inner{overflow:hidden}:host([menu-collapsed]) .menu-group-title{padding:10px calc(50% - var(--menu-item-icon-size) / 2)}:host(:not([menu-collapsed])) .menu-group-title-icon-container{width:0;margin-right:0;opacity:0}:host([menu-collapsed]) .menu-group-title-text{opacity:0}:host([menu-collapsed]) .menu-group-arrow{opacity:0}:host(:not([menu-collapsed])) .menu-group-title-text{white-space:pre-wrap;display:-webkit-inline-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;color:#7f8ba6}:host([collapsable]) .menu-group-collapsed .menu-group-list{grid-template-rows:0fr;opacity:0}',""]);const s=i.toString()},2609:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",n=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),n&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),n&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,n,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(n)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(i[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);n&&i[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),r&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=r):u[2]=r),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),t.push(u))}},t}},9601:e=>{"use strict";e.exports=function(e){return e[1]}},5066:(e,t,r)=>{"use strict";r.d(t,{Z:()=>s});var n=r(6522),o=r(1815);function a(e,t,r){"symbol"==(0,n.Z)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var i=r(5850);function s(e,t,r,s,l,c){function u(e,t,r){return function(n,o){return r&&r(n),e[t].call(n,o)}}function p(e,t){for(var r=0;r<e.length;r++)e[r].call(t);return t}function d(e,t,r,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(n?"":" or undefined"));return e}function m(e,t,r,o,i,s,l,c,p,m,f,h,g){function v(e){if(!g(e))throw new TypeError("Attempted to access private element on non-instance")}var b,y,w=t[0],E=t[3],x=!c;if(!x){r||Array.isArray(w)||(w=[w]);var Z={},k=[],S=3===i?"get":4===i||h?"set":"value";m?(f||h?Z={get:a((function(){return E(this)}),o,"get"),set:function(e){t[4](this,e)}}:Z[S]=E,f||a(Z[S],o,2===i?"":S)):f||(Z=Object.getOwnPropertyDescriptor(e,o))}for(var C=w.length-1;C>=0;C-=r?2:1){var j=w[C],O=r?w[C-1]:void 0,z={},N={kind:["field","accessor","method","getter","setter","field","class"][i],name:o,metadata:s,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");d(t,"An initializer","be",!0),l.push(t)}.bind(null,z)};try{if(x)y=j.call(O,e,N);else{var K,M;N.static=p,N.private=m,m||!f&&2!==i?2===i?K=function(e){return v(e),Z.value}:((i<2||3===i)&&(K=u(Z,"get",m&&v)),(i<2||4===i)&&(M=u(Z,"set",m&&v))):(K=function(e){return e[o]},f&&(M=function(e,t){e[o]=t}));var P=N.access={has:m?g.bind():function(e){return o in e}};if(K&&(P.get=K),M&&(P.set=M),y=j.call(O,h?{get:Z.get,set:Z.set}:Z[S],N),h){if("object"==(0,n.Z)(y)&&y)(b=d(y.get,"accessor.get"))&&(Z.get=b),(b=d(y.set,"accessor.set"))&&(Z.set=b),(b=d(y.init,"accessor.init"))&&k.push(b);else if(void 0!==y)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else d(y,(f?"field":"method")+" decorators","return")&&(f?k.push(y):Z[S]=y)}}finally{z.v=!0}}return(f||h)&&c.push((function(e,t){for(var r=k.length-1;r>=0;r--)t=k[r].call(e,t);return t})),f||x||(m?h?c.push(u(Z,"get"),u(Z,"set")):c.push(2===i?Z[S]:u.call.bind(Z[S])):Object.defineProperty(e,o,Z)),y}function f(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var h=c[Symbol.metadata||Symbol.for("Symbol.metadata")];var g=Object.create(null==h?null:h),v=function(e,t,r,n){var a,s,l=[],c=function(t){return(0,o.Z)(t)===e},u=new Map;function d(e){e&&l.push(p.bind(null,e))}for(var f=0;f<t.length;f++){var h=t[f];if(Array.isArray(h)){var g=h[1],v=h[2],b=h.length>3,y=16&g,w=!!(8&g),E=0==(g&=7),x=v+"/"+w;if(!E&&!b){var Z=u.get(x);if(!0===Z||3===Z&&4!==g||4===Z&&3!==g)throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+v);u.set(x,!(g>2)||g)}m(w?e:e.prototype,h,y,b?"#"+v:(0,i.Z)(v),g,n,w?s=s||[]:a=a||[],l,w,b,E,1===g,w&&b?c:r)}}return d(a),d(s),l}(e,t,l,g);return r.length||f(e,g),{e:v,get c(){var t=[];return r.length&&[f(d(m(e,[r],s,e.name,5,g,t),"class decorators","return")||e,g),p.bind(null,t,e)]}}}},1815:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(6522);function o(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,n.Z)(e):"null"));return e}},5863:(e,t,r)=>{"use strict";function n(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{Z:()=>n})},175:(e,t,r)=>{"use strict";function n(e,t,r){if(!t.has(e))throw new TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}r.d(t,{Z:()=>n})},687:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(175);function o(e,t){return function(e,t){return t.get?t.get.call(e):t.value}(e,(0,n.Z)(e,t,"get"))}},3395:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(5863);function o(e,t,r){(0,n.Z)(e,t),t.set(e,r)}},381:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(175);function o(e,t,r){return function(e,t,r){if(t.set)t.set.call(e,r);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=r}}(e,(0,n.Z)(e,t,"set"),r),r}},7896:(e,t,r)=>{"use strict";function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}r.d(t,{Z:()=>n})},5850:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(6522);function o(e){var t=function(e,t){if("object"!=(0,n.Z)(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,"string");if("object"!=(0,n.Z)(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,n.Z)(t)?t:String(t)}},6522:(e,t,r)=>{"use strict";function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}r.d(t,{Z:()=>n})}}]);
-//# sourceMappingURL=eo-sidebar-menu-group.24afa6f5.js.map
+/*! For license information please see eo-sidebar-menu-group.39cae815.js.LICENSE.txt */
+(self.webpackChunk_next_bricks_nav=self.webpackChunk_next_bricks_nav||[]).push([[1629,5850,5628],{6933:(e,t,r)=>{"use strict";r.r(t),r.d(t,{EoSidebarMenuGroup:()=>h,EoSidebarMenuGroupComponent:()=>I});var n,o,a,i,s,l,c,u,p,d,m,f,h,g=r(3395),v=r(381),b=r(687),y=r(5066),w=r(8657),E=r.n(w),x=r(7844),Z=r(8835),k=(r(2006),r(4781)),S=r(8671),C=r(2779),j=r.n(C),{defineElement:O,property:z}=(0,x.createDecorators)();o=O("eo-sidebar-menu-group",{styleTexts:[k.Z]}),a=z({type:Boolean}),s=z({type:Boolean}),c=z({type:Boolean}),p=z({type:Boolean});var N=new WeakMap,K=new WeakMap,M=new WeakMap,P=new WeakMap,A=new WeakMap;class B extends Z.ReactNextElement{constructor(){super(...arguments),(0,g.Z)(this,N,{writable:!0,value:(m(this),i(this,!0))}),(0,g.Z)(this,K,{writable:!0,value:l(this)}),(0,g.Z)(this,M,{writable:!0,value:u(this)}),(0,g.Z)(this,P,{writable:!0,value:d(this)}),(0,g.Z)(this,A,{writable:!0,value:e=>{this.collapsed=e}})}get collapsable(){return(0,b.Z)(this,N)}set collapsable(e){(0,v.Z)(this,N,e)}get collapsed(){return(0,b.Z)(this,K)}set collapsed(e){(0,v.Z)(this,K,e)}get selected(){return(0,b.Z)(this,M)}set selected(e){(0,v.Z)(this,M,e)}get menuCollapsed(){return(0,b.Z)(this,P)}set menuCollapsed(e){(0,v.Z)(this,P,e)}render(){return E().createElement(I,{collapsable:this.collapsable,selected:this.selected,collapsed:this.collapsed,menuCollapsed:this.menuCollapsed,onCollapseChange:(0,b.Z)(this,A)})}}function I(e){var{collapsable:t,collapsed:r,menuCollapsed:n,onCollapseChange:o}=e,[a]=(0,S.Dw)(n),i=(0,w.useRef)(null),s=(0,w.useCallback)((()=>{!n&&(null==o||o(!r))}),[n,o,r]);return(0,w.useEffect)((()=>{var e=i.current;return null==e||e.addEventListener("click",s),()=>{null==e||e.removeEventListener("click",s)}}),[s]),E().createElement("div",{className:j()("menu-group",{"menu-group-collapsed":!!n||r})},E().createElement("div",{className:"menu-group-title",ref:i},E().createElement("span",{className:"menu-group-title-icon-container"},E().createElement("span",{className:"menu-group-title-icon"})),E().createElement("div",{className:"menu-group-title-text"},E().createElement("slot",{name:"title"})),t&&E().createElement("span",{className:"menu-group-arrow"})),E().createElement("div",{className:"menu-group-list"},E().createElement("div",{className:"menu-group-list-inner"},E().createElement("slot",{ref:a}))))}f=B,({e:[i,l,u,d,m],c:[h,n]}=(0,y.Z)(f,[[a,1,"collapsable"],[s,1,"collapsed"],[c,1,"selected"],[p,1,"menuCollapsed"]],[o],0,void 0,Z.ReactNextElement)),n()},8671:(e,t,r)=>{"use strict";r.d(t,{Dw:()=>u,K7:()=>h,W$:()=>d,cI:()=>m,eR:()=>g,kI:()=>f,og:()=>p,w3:()=>C});var n=r(7896),o=r(8657),a=r.n(o),i=r(6594),s=r(8835),l=new Set(["EO-SIDEBAR-MENU-ITEM","EO-SIDEBAR-MENU-GROUP","EO-SIDEBAR-MENU-SUBMENU"]),c=e=>l.has(e.tagName);function u(e){var t=(0,o.useRef)(null),r=(0,o.useCallback)((()=>{var r;null===(r=t.current)||void 0===r||r.assignedElements().forEach((t=>{c(t)&&(t.menuCollapsed=e)}))}),[e]);return(0,o.useEffect)((()=>{r()}),[e,r]),(0,o.useEffect)((()=>{var e=t.current,n=()=>{r()};return null==e||e.addEventListener("slotchange",n),()=>{null==e||e.removeEventListener("slotchange",n)}}),[r]),[t]}var p="side-bar-has-been-used",d="side-bar-expand-state",m="side-bar-resize-width",f=function(e){return e.Collapsed="collapsed",e.Hovered="hovered",e.Expanded="expanded",e}({}),h=parseInt((0,i.getCssPropertyValue)("--side-bar-width",document.body),10)||220,g=parseInt((0,i.getCssPropertyValue)("--side-bar-collapsed-width",document.body),10)||60,v=(0,o.createContext)({selectedKeys:[],openedKeys:[],matchedKeys:[]}),b=(0,s.wrapBrick)("eo-sidebar-menu"),y=(0,s.wrapBrick)("eo-sidebar-menu-item"),w=(0,s.wrapBrick)("eo-sidebar-menu-group"),E=(0,s.wrapBrick)("eo-sidebar-menu-submenu");function x(e){var{to:t,href:r,target:n,icon:i,text:s,id:l}=e,{selectedKeys:c}=(0,o.useContext)(v);return a().createElement(y,{url:t,href:r,target:n,icon:i,selected:c.includes(l)},s)}function Z(e){var{title:t,items:r,id:i,top:s}=e,{matchedKeys:l}=(0,o.useContext)(v),c=i&&l.includes(i);return(null==r?void 0:r.length)>0?a().createElement(w,{selected:!!c,collapsable:!s},a().createElement("span",{slot:"title"},t),e.items.map((e=>a().createElement(S,(0,n.Z)({key:e.key},e,{id:e.key,top:!1}))))):null}function k(e){var{title:t,icon:r,items:i,id:s}=e,{openedKeys:l,matchedKeys:c}=(0,o.useContext)(v),u=s&&c.includes(s);return(null==i?void 0:i.length)>0?a().createElement(E,{icon:r,collapsed:!l.includes(s),selected:!!u},a().createElement("span",{slot:"title"},t),e.items.map((e=>a().createElement(S,(0,n.Z)({key:e.key},e,{id:e.key,top:!1}))))):null}function S(e){return"subMenu"===e.type?a().createElement(k,e):"group"===e.type?a().createElement(Z,e):a().createElement(x,e)}function C(e){var t,{menu:r,expandedState:o,selectedKeys:i,openedKeys:s,matchedKeys:l}=e;return a().createElement(v.Provider,{value:{selectedKeys:i||[],openedKeys:s||[],matchedKeys:l||[]}},a().createElement(b,{menuCollapsed:o===f.Collapsed},null==r||null===(t=r.menuItems)||void 0===t?void 0:t.map((e=>a().createElement(S,(0,n.Z)({key:e.key},e,{id:e.key,top:!0}))))))}},2779:(e,t)=>{var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var a=typeof r;if("string"===a||"number"===a)e.push(r);else if(Array.isArray(r)){if(r.length){var i=o.apply(null,r);i&&e.push(i)}}else if("object"===a){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var s in r)n.call(r,s)&&r[s]&&e.push(s)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()},4781:(e,t,r)=>{"use strict";r.d(t,{Z:()=>s});var n=r(9601),o=r.n(n),a=r(2609),i=r.n(a)()(o());i.push([e.id,':host{display:block;--menu-item-icon-size:20px}:host([hidden]){display:none}*,\n*::before,\n*::after{box-sizing:border-box}.menu-group-title{position:relative;display:flex;align-items:center;min-height:36px;padding:8px 12px;line-height:20px;color:var(--left-secondary-text-color);border-radius:var(--larger-border-radius);transition:all var(--side-bar-collapse-transition-duration) var(--side-bar-collapse-transition-timing-function)}.menu-group-title-icon-container{flex-shrink:0;margin-right:14px;display:flex;align-items:center;justify-content:center;width:var(--menu-item-icon-size);height:var(--menu-item-icon-size);font-size:var(--menu-item-icon-size);transition:all var(--side-bar-collapse-transition-duration) var(--side-bar-collapse-transition-timing-function)}.menu-group-title-icon{width:1em;height:1em;border-bottom:2px solid var(--left-sidebar-group-border-color)}.menu-group-title-text{flex:1;font-size:12px;overflow:hidden;white-space:nowrap;margin-right:12px}.menu-group-list slot::slotted(*){margin-top:2px}.menu-group-arrow{position:absolute;top:50%;right:12px;width:10px;color:var(--left-sidebar-item-arrow-color);transform:translateY(-2px);transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1)}.menu-group-arrow::before,\n.menu-group-arrow::after{content:"";position:absolute;width:6px;height:1.5px;background-color:currentColor;border-radius:2px;transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1)}.menu-group-arrow::before{transform:rotate(45deg) translateX(2.5px)}.menu-group-arrow::after{transform:rotate(-45deg) translateX(-2.5px)}.menu-group-collapsed .menu-group-arrow{transform:translateY(-50%)}.menu-group-collapsed .menu-group-arrow::before{transform:rotate(-45deg) translateX(2.5px)}.menu-group-collapsed .menu-group-arrow::after{transform:rotate(45deg) translateX(-2.5px)}.menu-group-list{display:grid;grid-template-rows:1fr;transition:all var(--side-bar-collapse-transition-duration) var(--side-bar-collapse-transition-timing-function)}.menu-group-list-inner{overflow:hidden}:host([menu-collapsed]) .menu-group-title{padding:10px calc(50% - var(--menu-item-icon-size) / 2)}:host(:not([menu-collapsed])) .menu-group-title-icon-container{width:0;margin-right:0;opacity:0}:host([menu-collapsed]) .menu-group-title-text{opacity:0}:host([menu-collapsed]) .menu-group-arrow{opacity:0}:host(:not([menu-collapsed])) .menu-group-title-text{white-space:pre-wrap;display:-webkit-inline-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;color:#7f8ba6}:host([collapsable]) .menu-group-collapsed .menu-group-list{grid-template-rows:0fr;opacity:0}',""]);const s=i.toString()},2609:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",n=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),n&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),n&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,n,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(n)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(i[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);n&&i[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),r&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=r):u[2]=r),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),t.push(u))}},t}},9601:e=>{"use strict";e.exports=function(e){return e[1]}},5066:(e,t,r)=>{"use strict";r.d(t,{Z:()=>s});var n=r(6522),o=r(1815);function a(e,t,r){"symbol"==(0,n.Z)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var i=r(5850);function s(e,t,r,s,l,c){function u(e,t,r){return function(n,o){return r&&r(n),e[t].call(n,o)}}function p(e,t){for(var r=0;r<e.length;r++)e[r].call(t);return t}function d(e,t,r,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(n?"":" or undefined"));return e}function m(e,t,r,o,i,s,l,c,p,m,f,h,g){function v(e){if(!g(e))throw new TypeError("Attempted to access private element on non-instance")}var b,y,w=t[0],E=t[3],x=!c;if(!x){r||Array.isArray(w)||(w=[w]);var Z={},k=[],S=3===i?"get":4===i||h?"set":"value";m?(f||h?Z={get:a((function(){return E(this)}),o,"get"),set:function(e){t[4](this,e)}}:Z[S]=E,f||a(Z[S],o,2===i?"":S)):f||(Z=Object.getOwnPropertyDescriptor(e,o))}for(var C=w.length-1;C>=0;C-=r?2:1){var j=w[C],O=r?w[C-1]:void 0,z={},N={kind:["field","accessor","method","getter","setter","field","class"][i],name:o,metadata:s,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");d(t,"An initializer","be",!0),l.push(t)}.bind(null,z)};try{if(x)y=j.call(O,e,N);else{var K,M;N.static=p,N.private=m,m||!f&&2!==i?2===i?K=function(e){return v(e),Z.value}:((i<2||3===i)&&(K=u(Z,"get",m&&v)),(i<2||4===i)&&(M=u(Z,"set",m&&v))):(K=function(e){return e[o]},f&&(M=function(e,t){e[o]=t}));var P=N.access={has:m?g.bind():function(e){return o in e}};if(K&&(P.get=K),M&&(P.set=M),y=j.call(O,h?{get:Z.get,set:Z.set}:Z[S],N),h){if("object"==(0,n.Z)(y)&&y)(b=d(y.get,"accessor.get"))&&(Z.get=b),(b=d(y.set,"accessor.set"))&&(Z.set=b),(b=d(y.init,"accessor.init"))&&k.push(b);else if(void 0!==y)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else d(y,(f?"field":"method")+" decorators","return")&&(f?k.push(y):Z[S]=y)}}finally{z.v=!0}}return(f||h)&&c.push((function(e,t){for(var r=k.length-1;r>=0;r--)t=k[r].call(e,t);return t})),f||x||(m?h?c.push(u(Z,"get"),u(Z,"set")):c.push(2===i?Z[S]:u.call.bind(Z[S])):Object.defineProperty(e,o,Z)),y}function f(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var h=c[Symbol.metadata||Symbol.for("Symbol.metadata")];var g=Object.create(null==h?null:h),v=function(e,t,r,n){var a,s,l=[],c=function(t){return(0,o.Z)(t)===e},u=new Map;function d(e){e&&l.push(p.bind(null,e))}for(var f=0;f<t.length;f++){var h=t[f];if(Array.isArray(h)){var g=h[1],v=h[2],b=h.length>3,y=16&g,w=!!(8&g),E=0==(g&=7),x=v+"/"+w;if(!E&&!b){var Z=u.get(x);if(!0===Z||3===Z&&4!==g||4===Z&&3!==g)throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+v);u.set(x,!(g>2)||g)}m(w?e:e.prototype,h,y,b?"#"+v:(0,i.Z)(v),g,n,w?s=s||[]:a=a||[],l,w,b,E,1===g,w&&b?c:r)}}return d(a),d(s),l}(e,t,l,g);return r.length||f(e,g),{e:v,get c(){var t=[];return r.length&&[f(d(m(e,[r],s,e.name,5,g,t),"class decorators","return")||e,g),p.bind(null,t,e)]}}}},1815:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(6522);function o(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,n.Z)(e):"null"));return e}},5863:(e,t,r)=>{"use strict";function n(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{Z:()=>n})},175:(e,t,r)=>{"use strict";function n(e,t,r){if(!t.has(e))throw new TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}r.d(t,{Z:()=>n})},687:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(175);function o(e,t){return function(e,t){return t.get?t.get.call(e):t.value}(e,(0,n.Z)(e,t,"get"))}},3395:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(5863);function o(e,t,r){(0,n.Z)(e,t),t.set(e,r)}},381:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(175);function o(e,t,r){return function(e,t,r){if(t.set)t.set.call(e,r);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=r}}(e,(0,n.Z)(e,t,"set"),r),r}},7896:(e,t,r)=>{"use strict";function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}r.d(t,{Z:()=>n})},5850:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(6522);function o(e){var t=function(e,t){if("object"!=(0,n.Z)(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,"string");if("object"!=(0,n.Z)(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,n.Z)(t)?t:String(t)}},6522:(e,t,r)=>{"use strict";function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}r.d(t,{Z:()=>n})}}]);
+//# sourceMappingURL=eo-sidebar-menu-group.39cae815.js.map