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