import{r as registerInstance,h as h$1}from"./index-38ad4957.js";import{n as h,k as useState,f as useEffect}from"./dom-context-hooks.module-50442785.js";import{i as isDemo,k as kn,H}from"./index.module-b23fdad8.js";import{c as cjs}from"./cjs-bdfb4486.js";import{N as NavigationSidebarView}from"./sqm-navigation-sidebar-view-2b66457a.js";var NavigationSidebar=function(){function e(e){registerInstance(this,e);this.ignored=true;this.mobileMenuColor="var(--sqm-text, #444445)";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useDemoNavigationSidebar(this):useNavigationSidebar(this);return h$1(NavigationSidebarView,Object.assign({},e),h$1("slot",null))};return e}();function useNavigationSidebar(e){var i=kn();var a=H();var o=useState(false),t=o[0],n=o[1];useEffect((function(){n(false)}),[i.pathname,a]);function r(e){n(e.target.checked)}return{mobileMenuColor:e.mobileMenuColor,checked:t,onClick:r}}function useDemoNavigationSidebar(e){return cjs({mobileMenuColor:e.mobileMenuColor},e.demoData||{},{arrayMerge:function(e,i){return i}})}export{NavigationSidebar as sqm_navigation_sidebar};