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.
30 lines • 4.44 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
export 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 }]
};
if (false) {
/** @type {?} */
NavegacionTextoComponent.prototype.config;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2ZWdhY2lvbi10ZXh0by5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9qY3lsLW5hdmVnYWNpb24tdGV4dG8vIiwic291cmNlcyI6WyJsaWIvbmF2ZWdhY2lvbi10ZXh0by5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBUXpELE1BQU0sT0FBTyx3QkFBd0I7SUFHakMsZ0JBQWdCLENBQUM7Ozs7SUFFakIsUUFBUTtJQUNSLENBQUM7OztZQVhKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsdUJBQXVCO2dCQUNqQyw4b0JBQWdEOzthQUVuRDs7Ozs7cUJBRUksS0FBSzs7OztJQUFOLDBDQUFtQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmF2ZWdhY2lvblRleHRvIH0gZnJvbSAnLi9uYXZlZ2FjaW9uLXRleHRvLW1vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnamN5bC1uYXZlZ2FjaW9uLXRleHRvJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbmF2ZWdhY2lvbi10ZXh0by5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbmF2ZWdhY2lvbi10ZXh0by5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE5hdmVnYWNpb25UZXh0b0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgY29uZmlnOiBOYXZlZ2FjaW9uVGV4dG9bXTtcblxuICAgIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICB9XG5cbn1cbiJdfQ==