jcyl-navegacion-texto
Version:
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.
89 lines (81 loc) • 5.34 kB
JavaScript
import { Injectable, Component, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA, defineInjectable } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/router';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class NavegacionTextoService {
constructor() { }
}
NavegacionTextoService.decorators = [
{ type: Injectable, args: [{
providedIn: 'root'
},] }
];
/** @nocollapse */
NavegacionTextoService.ctorParameters = () => [];
/** @nocollapse */ NavegacionTextoService.ngInjectableDef = defineInjectable({ factory: function NavegacionTextoService_Factory() { return new NavegacionTextoService(); }, token: NavegacionTextoService, providedIn: "root" });
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class NavegacionTextoComponent {
constructor() { }
/**
* @return {?}
*/
ngOnInit() {
}
}
NavegacionTextoComponent.decorators = [
{ type: Component, args: [{
selector: 'jcyl-navegacion-texto',
template: "<div *ngIf=\"config\" class=\"texto-descripcion navegacion\">\r\n <ul>\r\n <li *ngFor=\"let enlace of config\">\r\n <a *ngIf=\"enlace.isExterna\" [href]=\"enlace.enlace\" target=\"_blank\">\r\n <strong>{{enlace.label}}</strong>\r\n <span *ngIf=\"enlace.descripcion\">{{enlace.descripcion}}</span>\r\n </a>\r\n <a *ngIf=\"!enlace.isExterna\" [routerLink]=\"enlace.enlace\">\r\n <strong>{{enlace.label}}</strong>\r\n <span *ngIf=\"enlace.descripcion\">{{enlace.descripcion}}</span>\r\n </a>\r\n </li>\r\n </ul>\r\n</div>",
styles: ["@charset \"UTF-8\";.texto-descripcion{margin:1em 0}.texto-descripcion ul{margin:0 1.5em;padding:0}.texto-descripcion.navegacion ul{margin:0;background-color:#f9fbfb}.texto-descripcion ul li{list-style-type:none;margin-bottom:2em}.texto-descripcion.navegacion ul li{border-bottom:2px dashed #ccc;margin-bottom:1em;padding-bottom:2px}.texto-descripcion.navegacion ul li:last-child{border-bottom:none}.texto-descripcion ul li a{color:#333;text-decoration:none;display:block;background:url(/assets/images/flecha-listado.png) left top no-repeat;padding-left:50px}.texto-descripcion.navegacion ul li a{background:0 0;padding:5px 0 5px 10px;border-left:10px solid #f6f6f6;transition:border .5s ease-out}.texto-descripcion ul li a:focus,.texto-descripcion ul li a:hover{background:url(/assets/images/flecha-listado-over.png) left top no-repeat}.texto-descripcion.navegacion ul li a:focus,.texto-descripcion.navegacion ul li a:hover{background:0 0;border-left:10px solid #ba0c2f}.texto-descripcion ul li a strong{font-size:1.25em;display:block;font-weight:700;font-family:lato;margin-bottom:.3em;transition:color .5s ease-out}.texto-descripcion.navegacion ul li a strong{font-weight:700;color:#ba0c2f}.texto-descripcion.navegacion ul li a span{text-transform:none}.texto-descripcion ul li a:focus strong,.texto-descripcion ul li a:hover strong{text-decoration:underline}.texto-descripcion ul li a span{font-size:1.125em;display:block}@media all and (max-width:22.5em){.texto-descripcion ul li a{position:relative;padding-left:2.3em}.texto-descripcion ul li a,.texto-descripcion ul li a:focus,.texto-descripcion ul li a:hover{background:0 0}.texto-descripcion ul li a:before{content:\"\u25A0\";color:#ba0c2f;position:absolute;left:.5em}.texto-descripcion.navegacion ul li a:before{display:none}.texto-descripcion ul{margin-left:0}}"]
}] }
];
/** @nocollapse */
NavegacionTextoComponent.ctorParameters = () => [];
NavegacionTextoComponent.propDecorators = {
config: [{ type: Input }]
};
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class NavegacionTextoModule {
}
NavegacionTextoModule.decorators = [
{ type: NgModule, args: [{
declarations: [NavegacionTextoComponent],
imports: [
BrowserModule,
RouterModule
],
exports: [NavegacionTextoComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
},] }
];
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class NavegacionTexto {
/**
* @param {?} props
*/
constructor(props) {
Object.assign(this, props);
}
}
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
export { NavegacionTextoService, NavegacionTextoComponent, NavegacionTextoModule, NavegacionTexto };
//# sourceMappingURL=jcyl-navegacion-texto.js.map