jcyl-menu-portal/jcyl-menu-portal.metadata.json

Esta librería está basada en la [guía de estilos de la Junta de Castilla y León](https://www.jcyl.es/junta/guia/guia-estilos.html) para implementar los estilos mediante un componente Angular.

{"__symbolic":"module","version":4,"metadata":{"MenuPortalService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"MenuPortalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"jcyl-menu-portal","template":"<div id=\"main-menu-sticky-wrapper\" class=\"sticky-wrapper\">\r\n    <div id=\"main-menu\" [class]=\"'items-' + config.length\">\r\n\r\n        <div class=\"contenedor\">\r\n            <h2 class=\"elemento-invisible\">Menú principal</h2>\r\n            <button class=\"hamburger hamburger--spin\" type=\"button\" ara-label=\"Menú\" aria-controls=\"menu\"\r\n                aria-haspopup=\"true\" aria-expanded=\"false\">\r\n                <span class=\"hamburger-box\">\r\n                    <span class=\"hamburger-inner\"></span>\r\n                </span>\r\n                <span class=\"hamburger-text\">Menú</span>\r\n            </button>\r\n            <div id=\"sidr\">\r\n                <ul id=\"menu\" role=\"menu\">\r\n                    <ng-container *ngFor=\"let item of config; let i = index\">\r\n                        <li tabindex=\"-1\" role=\"menuitem\" *ngIf=\"!item.hijos || item.hijos.length === 0\" [class]=\"'items-' + config.length\"\r\n                            class=\"handy\" [routerLink]=\"[item.enlace]\">\r\n                            <a tabindex=\"0\" [routerLink]=\"[item.enlace]\">{{item.etiqueta}}</a>\r\n                        </li>\r\n                        <li *ngIf=\"item.hijos && item.hijos.length >= 0\" [class]=\"'items-' + config.length\"\r\n                            class=\"handy\" tabindex=\"-1\" [id]=\"'submenu' + i\">\r\n                            <a>{{item.etiqueta}}</a>\r\n\r\n                            <a class=\"menu-focus con-submenu\" tabindex=\"0\" \r\n                            (keydown)=\"showSubmenu($event, 'submenu' + i)\">\r\n                                <img src=\"assets/img/sidr-mernu-cerrado.png\" alt=\"menu cerrado\" />\r\n                            </a>\r\n                            <div class=\"submenu\">\r\n                                <ul role=\"menu\">\r\n                                    <ng-container *ngFor=\"let hijo of item.hijos\">\r\n                                        <li tabindex=\"-1\" *ngIf=\"!hijo.esExterno\" [routerLink]=\"[hijo.enlace]\" class=\"handy\">\r\n                                            <a role=\"menuitem\" [routerLink]=\"[hijo.enlace]\">{{hijo.etiqueta}}</a>\r\n                                        </li>\r\n                                        <li tabindex=\"-1\" *ngIf=\"hijo.esExterno\" class=\"handy\">\r\n                                            <a role=\"menuitem\" [href]=\"hijo.enlace\" target=\"_blank\">{{hijo.etiqueta}}</a>\r\n                                        </li>\r\n                                    </ng-container>\r\n                                </ul>\r\n                            </div>\r\n                        </li>\r\n                    </ng-container>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","styles":[".handy{cursor:pointer}a.menu-focus:focus{opacity:1}#main-menu ul li a.con-submenu{width:100%}"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":21,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":22,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":23,"character":24}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":26,"character":5},"arguments":["window:resize",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"isSticky":[{"__symbolic":"method"}],"showSubmenu":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MenuPortalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MenuPortalComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":8,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":9,"character":8}],"exports":[{"__symbolic":"reference","name":"MenuPortalComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":12,"character":14}]}]}],"members":{}},"MenuItem":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}]}},"SubMenuItem":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}]}}},"origins":{"MenuPortalService":"./lib/menu-portal.service","MenuPortalComponent":"./lib/menu-portal.component","MenuPortalModule":"./lib/menu-portal.module","MenuItem":"./lib/menu-portal-models","SubMenuItem":"./lib/menu-portal-models"},"importAs":"jcyl-menu-portal"}