mledour / angular-sidebar-menu

Angular Sidebar Menu

Angular Sidebar Menu is a fully configurable multi-level vertical menu.

Documentation and Demo

You can find documentation and demo here.

Installation

To install this library, just run:

npm install angular-sidebar-menu --save

Features

Feature Name	Description	Status
Multi-level	Multi-level menu implementation	✅
Animation	Multi-level collapse animation	✅
Item icon	Allow global and per item icon configuration	✅
External link	Allow external link with target property definition	✅
Roles	Disable or hide menu items based on roles definition	✅
Multiple instances	Allow multiple independent menu instances	✅
I18n	Allow compile-time and runtime i18n translations	✅
Search	Allow filtering menu items with component text input	✅
Menu mini	Allow minification of the menu to show only the icons for the first level items and display submenu on hover	✅
Clickable node item	Allow a node menu item to navigate to a configured route and expand children
RTL	Right to Left Support
Mobile compatible	Menu compatible with mobile devices

angular-sidebar-menu's Issues

Missing code in release 1.5.0, in file sidebar-menu.module.d.ts

angular-sidebar-menu v1.5.0
Angular 9

In the file sidebar-menu.module.d.ts of the release 1.5.0 of your component, taking from npm (npm install angular-sidebar-menu --save), the following code is missing or must be added, otherwise the tag is not recognized by Angular 9:

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';

import { SidebarMenuComponent } from './sidebar-menu.component';

import { ItemComponent } from './internal/item.component';
import { NodeComponent } from './internal/node.component';
import { AnchorComponent } from './internal/anchor.component';

import * as ɵngcc0 from '@angular/core';
import * as ɵngcc1 from './sidebar-menu.component';
import * as ɵngcc2 from './internal/item.component';
import * as ɵngcc3 from './internal/node.component';
import * as ɵngcc4 from './internal/anchor.component';
import * as ɵngcc5 from '@angular/router';
import * as ɵngcc6 from '@angular/common';
@NgModule({
  declarations: [SidebarMenuComponent, ItemComponent, NodeComponent, AnchorComponent],
  imports: [RouterModule, CommonModule],
  exports: [SidebarMenuComponent],
})
export declare class SidebarMenuModule {
    static ɵmod: ɵngcc0.ɵɵNgModuleDefWithMeta<SidebarMenuModule, [typeof ɵngcc1.SidebarMenuComponent, typeof ɵngcc2.ItemComponent, typeof ɵngcc3.NodeComponent, typeof ɵngcc4.AnchorComponent], [typeof ɵngcc5.RouterModule, typeof ɵngcc6.CommonModule], [typeof ɵngcc1.SidebarMenuComponent]>;
    static ɵinj: ɵngcc0.ɵɵInjectorDef<SidebarMenuModule>;
}

How can i add a show more button on sidebar

Can we add a show more button in bottom of sidebar such that we can toggle the height of sidebar and show all sidenav contents depending on show more clicked.

Hide menu automatically at the small screens.

Hello,

Could this component be configured to be auto-hidden/shown at small/big screens?

The automated release is failing 🚨

🚨 The automated release from the next branch failed. 🚨

I recommend you give this issue a high priority, so other packages depending on you could benefit from your bug fixes and new features.

You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can resolve this 💪.

Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.

Once all the errors are resolved, semantic-release will release your package the next time you push a commit to the next branch. You can also manually restart the failed CI job that runs semantic-release.

If you are not sure how to resolve this, here is some links that can help you:

• Usage documentation
• Frequently Asked Questions
• Support channels

If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.

---

Missing package.json file.

A package.json file at the root of your project is required to release on npm.

Please follow the npm guideline to create a valid package.json file.

---

Good luck with your project ✨

Your semantic-release bot 📦🚀

--active class is not resetting on change of url .

I am using "angular-sidebar-menu": "^1.5.0",
and i have integrated the sidebar menu now when i click on sidebar items and change url the previous state does not reset.
this is the class that adds when i click on item

   ``class="asm-menu-anchor ng-tns-c6-5 ng-star-inserted asm-menu-anchor--active"``

But it not does get removed automatically when we click on any other item.
Please help in this regard.