@ovyn/menu 0.3.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,17 +11,30 @@ import { Button } from 'primeng/button';
11
11
  import { Drawer } from 'primeng/drawer';
12
12
  import { Image } from 'primeng/image';
13
13
 
14
+ const MENU_SECURITY_PROVIDER = new InjectionToken('MENU_SECURITY_PROVIDER');
14
15
  const MENU_CONFIG = new InjectionToken('MENU_CONFIG');
15
16
  const DEFAULT_MENU_CONFIG = {
16
17
  location: 'top',
17
18
  links: [],
18
19
  collapseBreakpoint: 768,
19
20
  };
21
+ const provideMenuSecurity = (provider) => {
22
+ return [
23
+ {
24
+ provide: MENU_SECURITY_PROVIDER,
25
+ useValue: provider,
26
+ },
27
+ ];
28
+ };
20
29
  const provideMenu = (config) => {
21
- return ([
22
- { provide: MENU_CONFIG, useValue: config },
23
- MenuConfigService
24
- ]);
30
+ return [
31
+ {
32
+ provide: MENU_CONFIG,
33
+ useFactory: (security) => typeof config === 'function' ? config(security) : config,
34
+ deps: [MENU_SECURITY_PROVIDER],
35
+ },
36
+ MenuConfigService,
37
+ ];
25
38
  };
26
39
 
27
40
  class MenuConfigService {
@@ -102,5 +115,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
102
115
  * Generated bundle index. Do not edit.
103
116
  */
104
117
 
105
- export { DEFAULT_MENU_CONFIG, MENU_CONFIG, MMenu, MenuConfigService, provideMenu };
118
+ export { DEFAULT_MENU_CONFIG, MENU_CONFIG, MENU_SECURITY_PROVIDER, MMenu, MenuConfigService, provideMenu, provideMenuSecurity };
106
119
  //# sourceMappingURL=ovyn-menu.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"ovyn-menu.mjs","sources":["../../../projects/menu/src/lib/menu.provider.ts","../../../projects/menu/src/lib/menu-config.service.ts","../../../projects/menu/src/lib/menu-item/menu-item.ts","../../../projects/menu/src/lib/menu-item/menu-item.html","../../../projects/menu/src/lib/m-menu/m-menu.ts","../../../projects/menu/src/lib/m-menu/m-menu.html","../../../projects/menu/src/public-api.ts","../../../projects/menu/src/ovyn-menu.ts"],"sourcesContent":["import { MenuLink, MenuLocation } from './menu.model';\nimport {\n EnvironmentProviders,\n InjectionToken,\n makeEnvironmentProviders,\n Provider,\n} from '@angular/core';\nimport { MenuConfigService } from './menu-config.service';\nimport { MenuItem } from './menu-item/menu-item';\n\nexport interface MenuConfig {\n location: MenuLocation;\n links: MenuLink[];\n collapseBreakpoint: number;\n logoSrc?: string;\n userActions?: MenuLink[];\n}\n\nexport const MENU_CONFIG = new InjectionToken<MenuConfig>('MENU_CONFIG');\n\nexport const DEFAULT_MENU_CONFIG: MenuConfig = {\n location:'top',\n links: [],\n collapseBreakpoint: 768,\n};\n\nexport const provideMenu = (config: Partial<MenuConfig>): Provider => {\n return ([\n { provide: MENU_CONFIG, useValue: config },\n MenuConfigService\n ])\n}\n","import { inject, Injectable, signal } from '@angular/core';\r\nimport { BreakpointObserver } from '@angular/cdk/layout';\r\nimport { MenuLink, MenuLocation } from './menu.model';\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\nimport { map } from 'rxjs';\r\nimport { MENU_CONFIG } from './menu.provider';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class MenuConfigService {\r\n private readonly $config = inject(MENU_CONFIG);\r\n private readonly $breakpoint = inject(BreakpointObserver);\r\n\r\n readonly location = signal<MenuLocation>(this.$config.location ?? 'top');\r\n readonly links = signal<MenuLink[]>(this.$config.links ?? []);\r\n readonly userActions = signal<MenuLink[]>(this.$config.userActions ?? []);\r\n readonly logoSrc = signal<string | undefined>(this.$config.logoSrc);\r\n\r\n readonly collapsed = toSignal(\r\n this.$breakpoint.observe(`(max-width: ${this.$config.collapseBreakpoint - 0.02}px)`).pipe(map((result) => result.matches)),\r\n { initialValue: false }\r\n );\r\n\r\n setLocation(location: MenuLocation) {\r\n this.location.set(location);\r\n }\r\n setLinks(links: MenuLink[]) {\r\n this.links.set(links);\r\n }\r\n setUserActions(actions: MenuLink[]) {\r\n this.userActions.set(actions);\r\n }\r\n}\r\n","import { Component, input, output, signal } from '@angular/core';\nimport { MenuLink, MenuLocation } from '../menu.model';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { Ripple } from 'primeng/ripple';\nimport { Popover } from 'primeng/popover';\n\n@Component({\n selector: 'menu-item',\n imports: [RouterLink, Ripple, RouterLinkActive, Popover],\n templateUrl: './menu-item.html',\n styleUrl: './menu-item.css',\n})\nexport class MenuItem {\n readonly linkInput = input.required<MenuLink>({ alias: 'link' });\n readonly location = input<MenuLocation>();\n\n onChildClickEvent = output<MenuLink>({ alias: 'onChildClick' });\n\n readonly open = signal(false);\n\n protected onChildClick(link: MenuLink) {\n this.onChildClickEvent.emit(link);\n }\n}\n","<!-- Feuille : lien simple -->\n@let link = linkInput();\n@if (!link.children?.length) {\n <a pRipple\n [routerLink]=\"link.route\"\n [routerLinkActive]=\"'bg-[var(--m-menu-item-active)]! font-semibold'\"\n [attr.aria-disabled]=\"link.disabled || null\"\n class=\"flex items-center gap-2 no-underline text-inherit whitespace-nowrap\n rounded-(--m-menu-item-radius)\n px-(--m-menu-item-pad-x) py-(--m-menu-item-pad-y)\n hover:bg-(--m-menu-item-hover) transition-colors cursor-pointer\n aria-disabled:opacity-40 aria-disabled:pointer-events-none\"\n (click)=\"onChildClick(link)\">\n @if (link.icon) { <i [class]=\"link.icon\" class=\"shrink-0\"></i> }\n <span class=\"flex-1\">{{ link.label }}</span>\n @if (link.badge != null) {\n <span class=\"text-xs px-2 py-0.5 rounded-full bg-(--m-menu-item-hover)\">\n {{ link.badge }}</span>\n }\n </a>\n}\n@else {\n <!-- Branche avec enfants -->\n <!-- TOP : bouton + popover dropdown -->\n @if (location() === 'top') {\n <button pRipple type=\"button\"\n class=\"flex items-center gap-2 whitespace-nowrap\n rounded-(--m-menu-item-radius)\n px-(--m-menu-item-pad-x) py-(--m-menu-item-pad-y)\n hover:bg-(--m-menu-item-hover) transition-colors cursor-pointer\n text-inherit bg-transparent border-0\"\n (click)=\"pop.toggle($event)\">\n @if (link.icon) { <i [class]=\"link.icon\"></i> }\n <span>{{ link.label }}</span>\n <i class=\"pi pi-angle-down text-xl\"></i>\n </button>\n\n <p-popover #pop styleClass=\"m-menu-panel\">\n <div class=\"flex flex-col gap-0.5 min-w-48\n text-(--m-menu-panel-fg)\">\n @for (child of link.children; track child.label) {\n <menu-item [link]=\"child\" location=\"top\"\n (onChildClick)=\"onChildClick($event); pop.hide()\" />\n }\n </div>\n </p-popover>\n }\n @else {\n <!-- LEFT : en-tête cliquable + accordéon inline -->\n <button pRipple type=\"button\"\n class=\"w-full flex items-center gap-2\n rounded-(--m-menu-item-radius)\n px-(--m-menu-item-pad-x) py-(--m-menu-item-pad-y)\n hover:bg-(--m-menu-item-hover) transition-colors cursor-pointer\n text-inherit bg-transparent border-0\"\n (click)=\"open.set(!open())\">\n @if (link.icon) { <i [class]=\"link.icon\"></i> }\n <span class=\"flex-1 text-left\">{{ link.label }}</span>\n <i class=\"pi text-xs transition-transform\"\n [class.pi-angle-down]=\"!open()\" [class.pi-angle-up]=\"open()\"></i>\n </button>\n\n @if (open()) {\n <div class=\"flex flex-col gap-0.5 pl-4 mt-0.5\">\n @for (child of link.children; track child.label) {\n <menu-item [link]=\"child\" location=\"left\"\n (onChildClick)=\"onChildClickEvent.emit($event)\" />\n }\n </div>\n }\n }\n}\n","import { Component, contentChild, inject, input, linkedSignal, signal, TemplateRef } from '@angular/core';\nimport { MenuConfigService } from '../menu-config.service';\nimport { MenuItem } from '../menu-item/menu-item';\nimport { JsonPipe, NgTemplateOutlet } from '@angular/common';\nimport { RouterOutlet } from '@angular/router';\nimport { Button } from 'primeng/button';\nimport { Drawer } from 'primeng/drawer';\nimport { Image } from 'primeng/image';\nimport { MenuLink } from '../menu.model';\n\n@Component({\n selector: 'm-menu',\n imports: [MenuItem, NgTemplateOutlet, RouterOutlet, Button, Drawer, Image, JsonPipe],\n templateUrl: './m-menu.html',\n styleUrl: './m-menu.css',\n})\nexport class MMenu {\n private readonly $config = inject(MenuConfigService);\n\n logoTemplate = contentChild<TemplateRef<unknown>>('logo');\n actionsTemplate = contentChild<TemplateRef<any>>('actions');\n contentTemplate = contentChild<TemplateRef<unknown>>('content');\n\n readonly logoSrc = this.$config.logoSrc;\n readonly items = this.$config.links;\n readonly location = this.$config.location;\n readonly collapsed = this.$config.collapsed;\n readonly userActions = this.$config.userActions;\n drawerOpened = signal<boolean>(false);\n\n readonly renderLocation = linkedSignal({\n source: () => ({\n collapsed: this.collapsed(),\n location: this.location(),\n }),\n computation: ({ collapsed, location }) => (collapsed ? 'left' : location),\n });\n}\n","<!-- Fragment réutilisable : liste de liens -->\n<ng-template #linkList let-orient=\"orient\">\n <nav class=\"flex\" [class.flex-row]=\"orient === 'top'\" [class.flex-col]=\"orient === 'left'\"\n [class.items-center]=\"orient === 'top'\"\n [style.gap]=\"orient === 'top' ? '0.5rem' : '0.25rem'\">\n @for (link of items(); track link.label) {\n <menu-item [link]=\"link\" [location]=\"orient\"\n (onChildClick)=\"drawerOpened.set(false)\" />\n }\n </nav>\n</ng-template>\n\n<!-- Fragments logo / actions / contenu avec fallback -->\n<ng-template #logoSlot>\n @let logo = logoTemplate();\n @if (logo) { <ng-container [ngTemplateOutlet]=\"logo\" /> }\n @else {\n @if (logoSrc()) {\n <!-- <img [src]=\"logoSrc()\" alt=\"\" class=\"img-logo\" />-->\n <p-image [src]=\"logoSrc()\" class=\"h-16 w-16 cursor-pointer flex items-center justify-center\" />\n }\n @else {\n <span class=\"font-bold text-lg px-2\">App</span>\n }\n }\n</ng-template>\n\n<ng-template #actionsSlot>\n @let actions = actionsTemplate();\n @if (actions) {\n <ng-container [ngTemplateOutlet]=\"actions\" [ngTemplateOutletContext]=\"{$implicit: userActions()}\" />\n }\n</ng-template>\n\n<ng-template #contentSlot>\n @let content = contentTemplate();\n @if (content) { <ng-container [ngTemplateOutlet]=\"content\" /> }\n @else { <router-outlet /> }\n</ng-template>\n\n@if (collapsed()) {\n <!-- ============ REPLIÉ (mobile) : hamburger + drawer ============ -->\n <div class=\"h-screen flex flex-col text-(--m-menu-fg)\">\n <header class=\"flex items-center px-(--m-menu-pad-x)\n h-(--m-menu-bar-height) [background:var(--m-menu-bg)]\">\n <p-button variant=\"text\" icon=\"pi pi-bars\" styleClass=\"text-white!\"\n (click)=\"drawerOpened.set(true)\" />\n <div class=\"ml-2\"><ng-container [ngTemplateOutlet]=\"logoSlot\" /></div>\n <nav class=\"ml-auto\"><ng-container [ngTemplateOutlet]=\"actionsSlot\" /></nav>\n </header>\n\n <p-drawer [(visible)]=\"drawerOpened\" position=\"left\" [modal]=\"true\"\n styleClass=\"!border-0 w-[var(--m-menu-rail-width)]\">\n <ng-template #headless>\n <div class=\"h-full flex flex-col text-(--m-menu-fg)\n [background:var(--m-menu-bg)] p-(--m-menu-pad-x) gap-4\">\n <div class=\"flex items-center justify-between\">\n <ng-container [ngTemplateOutlet]=\"logoSlot\" />\n <p-button variant=\"text\" icon=\"pi pi-times\" styleClass=\"text-white!\"\n (click)=\"drawerOpened.set(false)\" />\n </div>\n <ng-container [ngTemplateOutlet]=\"linkList\" [ngTemplateOutletContext]=\"{ orient: 'left' }\" />\n <nav class=\"mt-auto\"><ng-container [ngTemplateOutlet]=\"actionsSlot\" /></nav>\n </div>\n </ng-template>\n </p-drawer>\n\n <main class=\"flex-1 overflow-auto\">\n <ng-container [ngTemplateOutlet]=\"contentSlot\" />\n </main>\n </div>\n}\n\n@else if (location() === 'top') {\n <!-- ============ TOP : barre horizontale ============ -->\n <div class=\"h-screen flex flex-col\">\n <header class=\"top\">\n <ng-container [ngTemplateOutlet]=\"logoSlot\" />\n <ng-container [ngTemplateOutlet]=\"linkList\" [ngTemplateOutletContext]=\"{ orient: 'top' }\" />\n <nav class=\"ml-auto flex flex-row items-center\"><ng-container [ngTemplateOutlet]=\"actionsSlot\" /></nav>\n </header>\n <main class=\"flex-1 overflow-auto\">\n <ng-container [ngTemplateOutlet]=\"contentSlot\" />\n </main>\n </div>\n}\n\n@else {\n <!-- ============ LEFT : rail vertical ============ -->\n <div class=\"h-screen flex flex-row\">\n <aside class=\"left\">\n <ng-container [ngTemplateOutlet]=\"logoSlot\" />\n <ng-container [ngTemplateOutlet]=\"linkList\" [ngTemplateOutletContext]=\"{ orient: 'left' }\" />\n <nav class=\"mt-auto\"><ng-container [ngTemplateOutlet]=\"actionsSlot\" /></nav>\n </aside>\n <main class=\"flex-1 overflow-auto\">\n <ng-container [ngTemplateOutlet]=\"contentSlot\" />\n </main>\n </div>\n}\n\n<!--<ng-container [ngTemplateOutlet]=\"linkList\" [ngTemplateOutletContext]=\"{ orient: location() }\" />-->\n","/*\n * Public API Surface of menu\n */\n\n// export * from './lib/container/menu';\n// export * from './lib/components/m-menu-vertical/m-menu-vertical';\n// export * from './lib/components/m-menu-horizontal/m-menu-horizontal';\n// export * from './lib/providers/menu-config';\n// export * from './lib/styles/m-menu.theme'\n\nexport * from './lib/m-menu/m-menu';\nexport * from './lib/menu-config.service';\nexport * from './lib/menu.model';\nexport * from './lib/menu.provider';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ovyn-menu.mjs","sources":["../../../projects/menu/src/lib/menu.provider.ts","../../../projects/menu/src/lib/menu-config.service.ts","../../../projects/menu/src/lib/menu-item/menu-item.ts","../../../projects/menu/src/lib/menu-item/menu-item.html","../../../projects/menu/src/lib/m-menu/m-menu.ts","../../../projects/menu/src/lib/m-menu/m-menu.html","../../../projects/menu/src/public-api.ts","../../../projects/menu/src/ovyn-menu.ts"],"sourcesContent":["import { MenuLink, MenuLocation } from './menu.model';\nimport {\n EnvironmentProviders,\n InjectionToken,\n makeEnvironmentProviders,\n Provider,\n} from '@angular/core';\nimport { MenuConfigService } from './menu-config.service';\nimport { MenuItem } from './menu-item/menu-item';\n\nexport interface MenuConfig {\n location: MenuLocation;\n links: MenuLink[];\n collapseBreakpoint: number;\n logoSrc?: string;\n userActions?: MenuLink[];\n}\n\nexport type MenuSecurityProvider = {\n hasRole: (role: string) => boolean;\n}\nexport const MENU_SECURITY_PROVIDER = new InjectionToken<() => boolean>('MENU_SECURITY_PROVIDER');\n\nexport const MENU_CONFIG = new InjectionToken<MenuConfig>('MENU_CONFIG');\n\nexport const DEFAULT_MENU_CONFIG: MenuConfig = {\n location:'top',\n links: [],\n collapseBreakpoint: 768,\n};\nexport type MenuConfigInput =\n | Partial<MenuConfig>\n | ((security: MenuSecurityProvider) => Partial<MenuConfig>);\n\nexport const provideMenuSecurity = (provider: MenuSecurityProvider): Provider => {\n return [\n {\n provide: MENU_SECURITY_PROVIDER,\n useValue: provider,\n },\n ];\n}\n\nexport const provideMenu = (config: MenuConfigInput): Provider => {\n return [\n {\n provide: MENU_CONFIG,\n useFactory: (security: MenuSecurityProvider) =>\n typeof config === 'function' ? config(security) : config,\n deps: [MENU_SECURITY_PROVIDER],\n },\n MenuConfigService,\n ];\n}\n","import { inject, Injectable, signal } from '@angular/core';\r\nimport { BreakpointObserver } from '@angular/cdk/layout';\r\nimport { MenuLink, MenuLocation } from './menu.model';\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\nimport { map } from 'rxjs';\r\nimport { MENU_CONFIG } from './menu.provider';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class MenuConfigService {\r\n private readonly $config = inject(MENU_CONFIG);\r\n private readonly $breakpoint = inject(BreakpointObserver);\r\n\r\n readonly location = signal<MenuLocation>(this.$config.location ?? 'top');\r\n readonly links = signal<MenuLink[]>(this.$config.links ?? []);\r\n readonly userActions = signal<MenuLink[]>(this.$config.userActions ?? []);\r\n readonly logoSrc = signal<string | undefined>(this.$config.logoSrc);\r\n\r\n readonly collapsed = toSignal(\r\n this.$breakpoint.observe(`(max-width: ${this.$config.collapseBreakpoint - 0.02}px)`).pipe(map((result) => result.matches)),\r\n { initialValue: false }\r\n );\r\n\r\n setLocation(location: MenuLocation) {\r\n this.location.set(location);\r\n }\r\n setLinks(links: MenuLink[]) {\r\n this.links.set(links);\r\n }\r\n setUserActions(actions: MenuLink[]) {\r\n this.userActions.set(actions);\r\n }\r\n}\r\n","import { Component, input, output, signal } from '@angular/core';\nimport { MenuLink, MenuLocation } from '../menu.model';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { Ripple } from 'primeng/ripple';\nimport { Popover } from 'primeng/popover';\n\n@Component({\n selector: 'menu-item',\n imports: [RouterLink, Ripple, RouterLinkActive, Popover],\n templateUrl: './menu-item.html',\n styleUrl: './menu-item.css',\n})\nexport class MenuItem {\n readonly linkInput = input.required<MenuLink>({ alias: 'link' });\n readonly location = input<MenuLocation>();\n\n onChildClickEvent = output<MenuLink>({ alias: 'onChildClick' });\n\n readonly open = signal(false);\n\n protected onChildClick(link: MenuLink) {\n this.onChildClickEvent.emit(link);\n }\n}\n","<!-- Feuille : lien simple -->\n@let link = linkInput();\n@if (!link.children?.length) {\n <a pRipple\n [routerLink]=\"link.route\"\n [routerLinkActive]=\"'bg-[var(--m-menu-item-active)]! font-semibold'\"\n [attr.aria-disabled]=\"link.disabled || null\"\n class=\"flex items-center gap-2 no-underline text-inherit whitespace-nowrap\n rounded-(--m-menu-item-radius)\n px-(--m-menu-item-pad-x) py-(--m-menu-item-pad-y)\n hover:bg-(--m-menu-item-hover) transition-colors cursor-pointer\n aria-disabled:opacity-40 aria-disabled:pointer-events-none\"\n (click)=\"onChildClick(link)\">\n @if (link.icon) { <i [class]=\"link.icon\" class=\"shrink-0\"></i> }\n <span class=\"flex-1\">{{ link.label }}</span>\n @if (link.badge != null) {\n <span class=\"text-xs px-2 py-0.5 rounded-full bg-(--m-menu-item-hover)\">\n {{ link.badge }}</span>\n }\n </a>\n}\n@else {\n <!-- Branche avec enfants -->\n <!-- TOP : bouton + popover dropdown -->\n @if (location() === 'top') {\n <button pRipple type=\"button\"\n class=\"flex items-center gap-2 whitespace-nowrap\n rounded-(--m-menu-item-radius)\n px-(--m-menu-item-pad-x) py-(--m-menu-item-pad-y)\n hover:bg-(--m-menu-item-hover) transition-colors cursor-pointer\n text-inherit bg-transparent border-0\"\n (click)=\"pop.toggle($event)\">\n @if (link.icon) { <i [class]=\"link.icon\"></i> }\n <span>{{ link.label }}</span>\n <i class=\"pi pi-angle-down text-xl\"></i>\n </button>\n\n <p-popover #pop styleClass=\"m-menu-panel\">\n <div class=\"flex flex-col gap-0.5 min-w-48\n text-(--m-menu-panel-fg)\">\n @for (child of link.children; track child.label) {\n <menu-item [link]=\"child\" location=\"top\"\n (onChildClick)=\"onChildClick($event); pop.hide()\" />\n }\n </div>\n </p-popover>\n }\n @else {\n <!-- LEFT : en-tête cliquable + accordéon inline -->\n <button pRipple type=\"button\"\n class=\"w-full flex items-center gap-2\n rounded-(--m-menu-item-radius)\n px-(--m-menu-item-pad-x) py-(--m-menu-item-pad-y)\n hover:bg-(--m-menu-item-hover) transition-colors cursor-pointer\n text-inherit bg-transparent border-0\"\n (click)=\"open.set(!open())\">\n @if (link.icon) { <i [class]=\"link.icon\"></i> }\n <span class=\"flex-1 text-left\">{{ link.label }}</span>\n <i class=\"pi text-xs transition-transform\"\n [class.pi-angle-down]=\"!open()\" [class.pi-angle-up]=\"open()\"></i>\n </button>\n\n @if (open()) {\n <div class=\"flex flex-col gap-0.5 pl-4 mt-0.5\">\n @for (child of link.children; track child.label) {\n <menu-item [link]=\"child\" location=\"left\"\n (onChildClick)=\"onChildClickEvent.emit($event)\" />\n }\n </div>\n }\n }\n}\n","import { Component, contentChild, inject, input, linkedSignal, signal, TemplateRef } from '@angular/core';\nimport { MenuConfigService } from '../menu-config.service';\nimport { MenuItem } from '../menu-item/menu-item';\nimport { JsonPipe, NgTemplateOutlet } from '@angular/common';\nimport { RouterOutlet } from '@angular/router';\nimport { Button } from 'primeng/button';\nimport { Drawer } from 'primeng/drawer';\nimport { Image } from 'primeng/image';\nimport { MenuLink } from '../menu.model';\n\n@Component({\n selector: 'm-menu',\n imports: [MenuItem, NgTemplateOutlet, RouterOutlet, Button, Drawer, Image, JsonPipe],\n templateUrl: './m-menu.html',\n styleUrl: './m-menu.css',\n})\nexport class MMenu {\n private readonly $config = inject(MenuConfigService);\n\n logoTemplate = contentChild<TemplateRef<unknown>>('logo');\n actionsTemplate = contentChild<TemplateRef<any>>('actions');\n contentTemplate = contentChild<TemplateRef<unknown>>('content');\n\n readonly logoSrc = this.$config.logoSrc;\n readonly items = this.$config.links;\n readonly location = this.$config.location;\n readonly collapsed = this.$config.collapsed;\n readonly userActions = this.$config.userActions;\n drawerOpened = signal<boolean>(false);\n\n readonly renderLocation = linkedSignal({\n source: () => ({\n collapsed: this.collapsed(),\n location: this.location(),\n }),\n computation: ({ collapsed, location }) => (collapsed ? 'left' : location),\n });\n}\n","<!-- Fragment réutilisable : liste de liens -->\n<ng-template #linkList let-orient=\"orient\">\n <nav class=\"flex\" [class.flex-row]=\"orient === 'top'\" [class.flex-col]=\"orient === 'left'\"\n [class.items-center]=\"orient === 'top'\"\n [style.gap]=\"orient === 'top' ? '0.5rem' : '0.25rem'\">\n @for (link of items(); track link.label) {\n <menu-item [link]=\"link\" [location]=\"orient\"\n (onChildClick)=\"drawerOpened.set(false)\" />\n }\n </nav>\n</ng-template>\n\n<!-- Fragments logo / actions / contenu avec fallback -->\n<ng-template #logoSlot>\n @let logo = logoTemplate();\n @if (logo) { <ng-container [ngTemplateOutlet]=\"logo\" /> }\n @else {\n @if (logoSrc()) {\n <!-- <img [src]=\"logoSrc()\" alt=\"\" class=\"img-logo\" />-->\n <p-image [src]=\"logoSrc()\" class=\"h-16 w-16 cursor-pointer flex items-center justify-center\" />\n }\n @else {\n <span class=\"font-bold text-lg px-2\">App</span>\n }\n }\n</ng-template>\n\n<ng-template #actionsSlot>\n @let actions = actionsTemplate();\n @if (actions) {\n <ng-container [ngTemplateOutlet]=\"actions\" [ngTemplateOutletContext]=\"{$implicit: userActions()}\" />\n }\n</ng-template>\n\n<ng-template #contentSlot>\n @let content = contentTemplate();\n @if (content) { <ng-container [ngTemplateOutlet]=\"content\" /> }\n @else { <router-outlet /> }\n</ng-template>\n\n@if (collapsed()) {\n <!-- ============ REPLIÉ (mobile) : hamburger + drawer ============ -->\n <div class=\"h-screen flex flex-col text-(--m-menu-fg)\">\n <header class=\"flex items-center px-(--m-menu-pad-x)\n h-(--m-menu-bar-height) [background:var(--m-menu-bg)]\">\n <p-button variant=\"text\" icon=\"pi pi-bars\" styleClass=\"text-white!\"\n (click)=\"drawerOpened.set(true)\" />\n <div class=\"ml-2\"><ng-container [ngTemplateOutlet]=\"logoSlot\" /></div>\n <nav class=\"ml-auto\"><ng-container [ngTemplateOutlet]=\"actionsSlot\" /></nav>\n </header>\n\n <p-drawer [(visible)]=\"drawerOpened\" position=\"left\" [modal]=\"true\"\n styleClass=\"!border-0 w-[var(--m-menu-rail-width)]\">\n <ng-template #headless>\n <div class=\"h-full flex flex-col text-(--m-menu-fg)\n [background:var(--m-menu-bg)] p-(--m-menu-pad-x) gap-4\">\n <div class=\"flex items-center justify-between\">\n <ng-container [ngTemplateOutlet]=\"logoSlot\" />\n <p-button variant=\"text\" icon=\"pi pi-times\" styleClass=\"text-white!\"\n (click)=\"drawerOpened.set(false)\" />\n </div>\n <ng-container [ngTemplateOutlet]=\"linkList\" [ngTemplateOutletContext]=\"{ orient: 'left' }\" />\n <nav class=\"mt-auto\"><ng-container [ngTemplateOutlet]=\"actionsSlot\" /></nav>\n </div>\n </ng-template>\n </p-drawer>\n\n <main class=\"flex-1 overflow-auto\">\n <ng-container [ngTemplateOutlet]=\"contentSlot\" />\n </main>\n </div>\n}\n\n@else if (location() === 'top') {\n <!-- ============ TOP : barre horizontale ============ -->\n <div class=\"h-screen flex flex-col\">\n <header class=\"top\">\n <ng-container [ngTemplateOutlet]=\"logoSlot\" />\n <ng-container [ngTemplateOutlet]=\"linkList\" [ngTemplateOutletContext]=\"{ orient: 'top' }\" />\n <nav class=\"ml-auto flex flex-row items-center\"><ng-container [ngTemplateOutlet]=\"actionsSlot\" /></nav>\n </header>\n <main class=\"flex-1 overflow-auto\">\n <ng-container [ngTemplateOutlet]=\"contentSlot\" />\n </main>\n </div>\n}\n\n@else {\n <!-- ============ LEFT : rail vertical ============ -->\n <div class=\"h-screen flex flex-row\">\n <aside class=\"left\">\n <ng-container [ngTemplateOutlet]=\"logoSlot\" />\n <ng-container [ngTemplateOutlet]=\"linkList\" [ngTemplateOutletContext]=\"{ orient: 'left' }\" />\n <nav class=\"mt-auto\"><ng-container [ngTemplateOutlet]=\"actionsSlot\" /></nav>\n </aside>\n <main class=\"flex-1 overflow-auto\">\n <ng-container [ngTemplateOutlet]=\"contentSlot\" />\n </main>\n </div>\n}\n\n<!--<ng-container [ngTemplateOutlet]=\"linkList\" [ngTemplateOutletContext]=\"{ orient: location() }\" />-->\n","/*\n * Public API Surface of menu\n */\n\n// export * from './lib/container/menu';\n// export * from './lib/components/m-menu-vertical/m-menu-vertical';\n// export * from './lib/components/m-menu-horizontal/m-menu-horizontal';\n// export * from './lib/providers/menu-config';\n// export * from './lib/styles/m-menu.theme'\n\nexport * from './lib/m-menu/m-menu';\nexport * from './lib/menu-config.service';\nexport * from './lib/menu.model';\nexport * from './lib/menu.provider';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ovyn/menu",
3
- "version": "0.3.0",
3
+ "version": "0.3.1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^21.2.0",
6
6
  "@angular/core": "^21.2.0",
@@ -63,9 +63,15 @@ interface MenuConfig {
63
63
  logoSrc?: string;
64
64
  userActions?: MenuLink[];
65
65
  }
66
+ type MenuSecurityProvider = {
67
+ hasRole: (role: string) => boolean;
68
+ };
69
+ declare const MENU_SECURITY_PROVIDER: InjectionToken<() => boolean>;
66
70
  declare const MENU_CONFIG: InjectionToken<MenuConfig>;
67
71
  declare const DEFAULT_MENU_CONFIG: MenuConfig;
68
- declare const provideMenu: (config: Partial<MenuConfig>) => Provider;
72
+ type MenuConfigInput = Partial<MenuConfig> | ((security: MenuSecurityProvider) => Partial<MenuConfig>);
73
+ declare const provideMenuSecurity: (provider: MenuSecurityProvider) => Provider;
74
+ declare const provideMenu: (config: MenuConfigInput) => Provider;
69
75
 
70
- export { DEFAULT_MENU_CONFIG, MENU_CONFIG, MMenu, MenuConfigService, provideMenu };
71
- export type { MenuConfig, MenuLink, MenuLocation, MenuTheme, MenuThemeConfig };
76
+ export { DEFAULT_MENU_CONFIG, MENU_CONFIG, MENU_SECURITY_PROVIDER, MMenu, MenuConfigService, provideMenu, provideMenuSecurity };
77
+ export type { MenuConfig, MenuConfigInput, MenuLink, MenuLocation, MenuSecurityProvider, MenuTheme, MenuThemeConfig };