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.
106 lines (96 loc) • 6.85 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/platform-browser'), require('@angular/router')) :
typeof define === 'function' && define.amd ? define('jcyl-navegacion-texto', ['exports', '@angular/core', '@angular/platform-browser', '@angular/router'], factory) :
(factory((global['jcyl-navegacion-texto'] = {}),global.ng.core,global.ng.platformBrowser,global.ng.router));
}(this, (function (exports,i0,platformBrowser,router) { 'use strict';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NavegacionTextoService = /** @class */ (function () {
function NavegacionTextoService() {
}
NavegacionTextoService.decorators = [
{ type: i0.Injectable, args: [{
providedIn: 'root'
},] }
];
/** @nocollapse */
NavegacionTextoService.ctorParameters = function () { return []; };
/** @nocollapse */ NavegacionTextoService.ngInjectableDef = i0.defineInjectable({ factory: function NavegacionTextoService_Factory() { return new NavegacionTextoService(); }, token: NavegacionTextoService, providedIn: "root" });
return NavegacionTextoService;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NavegacionTextoComponent = /** @class */ (function () {
function NavegacionTextoComponent() {
}
/**
* @return {?}
*/
NavegacionTextoComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
NavegacionTextoComponent.decorators = [
{ type: i0.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: i0.Input }]
};
return NavegacionTextoComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NavegacionTextoModule = /** @class */ (function () {
function NavegacionTextoModule() {
}
NavegacionTextoModule.decorators = [
{ type: i0.NgModule, args: [{
declarations: [NavegacionTextoComponent],
imports: [
platformBrowser.BrowserModule,
router.RouterModule
],
exports: [NavegacionTextoComponent],
schemas: [i0.CUSTOM_ELEMENTS_SCHEMA]
},] }
];
return NavegacionTextoModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NavegacionTexto = /** @class */ (function () {
function NavegacionTexto(props) {
Object.assign(this, props);
}
return NavegacionTexto;
}());
/**
* @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
*/
exports.NavegacionTextoService = NavegacionTextoService;
exports.NavegacionTextoComponent = NavegacionTextoComponent;
exports.NavegacionTextoModule = NavegacionTextoModule;
exports.NavegacionTexto = NavegacionTexto;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=jcyl-navegacion-texto.umd.js.map