@edugouvfr/ngx-dsfr
Version:
NgxDsfr est un portage Angular des éléments d'interface du Système de Design de l'État Français (DSFR).
30 lines • 7.76 kB
JavaScript
import { CommonModule } from '@angular/common';
import { Component, Input, ViewEncapsulation } from '@angular/core';
import { RouterModule } from '@angular/router';
import * as i0 from "@angular/core";
/** Ce composant permet de gérer facilement les pictogrammes issus du DSFR. */
export class PictogramComponent {
constructor() {
/**
* Chemin vers le répertoire exposant les pictogrammes illustratifs DSFR.
*/
this.artworkDirPath = 'artwork';
/**
* Détermine l'affichage du pictogramme associé aux téléchargements.
*/
this.download = false;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PictogramComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PictogramComponent, isStandalone: true, selector: "edu-pictogram", inputs: { artworkDirPath: "artworkDirPath", artworkFilePath: "artworkFilePath", download: "download" }, ngImport: i0, template: "@if (artworkFilePath) {\n <svg aria-hidden=\"true\" class=\"fr-artwork\" viewBox=\"0 0 80 80\" width=\"80px\" height=\"80px\">\n <use class=\"fr-artwork-decorative\" [attr.href]=\"artworkFilePath + '#artwork-decorative'\"></use>\n <use class=\"fr-artwork-minor\" [attr.href]=\"artworkFilePath + '#artwork-minor'\"></use>\n <use class=\"fr-artwork-major\" [attr.href]=\"artworkFilePath + '#artwork-major'\"></use>\n </svg>\n} @else if (download && !artworkFilePath) {\n <!---DOWNLOAD-->\n <svg aria-hidden=\"true\" class=\"fr-artwork\" viewBox=\"0 0 80 80\" width=\"80px\" height=\"80px\">\n <use\n class=\"fr-artwork-decorative\"\n [attr.href]=\"artworkDirPath + '/pictograms/document/document-download.svg#artwork-decorative'\"></use>\n <use\n class=\"fr-artwork-minor\"\n [attr.href]=\"artworkDirPath + '/pictograms/document/document-download.svg#artwork-minor'\"></use>\n <use\n class=\"fr-artwork-major\"\n [attr.href]=\"artworkDirPath + '/pictograms/document/document-download.svg#artwork-major'\"></use>\n </svg>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PictogramComponent, decorators: [{
type: Component,
args: [{ selector: 'edu-pictogram', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, RouterModule], template: "@if (artworkFilePath) {\n <svg aria-hidden=\"true\" class=\"fr-artwork\" viewBox=\"0 0 80 80\" width=\"80px\" height=\"80px\">\n <use class=\"fr-artwork-decorative\" [attr.href]=\"artworkFilePath + '#artwork-decorative'\"></use>\n <use class=\"fr-artwork-minor\" [attr.href]=\"artworkFilePath + '#artwork-minor'\"></use>\n <use class=\"fr-artwork-major\" [attr.href]=\"artworkFilePath + '#artwork-major'\"></use>\n </svg>\n} @else if (download && !artworkFilePath) {\n <!---DOWNLOAD-->\n <svg aria-hidden=\"true\" class=\"fr-artwork\" viewBox=\"0 0 80 80\" width=\"80px\" height=\"80px\">\n <use\n class=\"fr-artwork-decorative\"\n [attr.href]=\"artworkDirPath + '/pictograms/document/document-download.svg#artwork-decorative'\"></use>\n <use\n class=\"fr-artwork-minor\"\n [attr.href]=\"artworkDirPath + '/pictograms/document/document-download.svg#artwork-minor'\"></use>\n <use\n class=\"fr-artwork-major\"\n [attr.href]=\"artworkDirPath + '/pictograms/document/document-download.svg#artwork-major'\"></use>\n </svg>\n}\n" }]
}], propDecorators: { artworkDirPath: [{
type: Input
}], artworkFilePath: [{
type: Input
}], download: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGljdG9ncmFtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1kc2ZyLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9waWN0b2dyYW0vcGljdG9ncmFtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1kc2ZyLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9waWN0b2dyYW0vcGljdG9ncmFtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBUy9DLDhFQUE4RTtBQUM5RSxNQUFNLE9BQU8sa0JBQWtCO0lBUi9CO1FBU0U7O1dBRUc7UUFDTSxtQkFBYyxHQUFHLFNBQVMsQ0FBQztRQU9wQzs7V0FFRztRQUNNLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FDM0I7K0dBZlksa0JBQWtCO21HQUFsQixrQkFBa0IsaUxDWi9CLHNqQ0FvQkEsMkNEWFksWUFBWSw4QkFBRSxZQUFZOzs0RkFHekIsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLGVBQWUsaUJBRVYsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsWUFBWSxDQUFDOzhCQU81QixjQUFjO3NCQUF0QixLQUFLO2dCQUtHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZWR1LXBpY3RvZ3JhbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9waWN0b2dyYW0uY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGVdLFxufSlcbi8qKiBDZSBjb21wb3NhbnQgcGVybWV0IGRlIGfDqXJlciBmYWNpbGVtZW50IGxlcyBwaWN0b2dyYW1tZXMgaXNzdXMgZHUgRFNGUi4gKi9cbmV4cG9ydCBjbGFzcyBQaWN0b2dyYW1Db21wb25lbnQge1xuICAvKipcbiAgICogQ2hlbWluIHZlcnMgbGUgcsOpcGVydG9pcmUgZXhwb3NhbnQgbGVzIHBpY3RvZ3JhbW1lcyBpbGx1c3RyYXRpZnMgRFNGUi5cbiAgICovXG4gIEBJbnB1dCgpIGFydHdvcmtEaXJQYXRoID0gJ2FydHdvcmsnO1xuXG4gIC8qKlxuICAgKiBDaGVtaW4gcmVsYXRpZiDDoCBhcnR3b3JrRGlyUGF0aCBkw6lub3RhbnQgbGUgZmljaGllciBkJ2lsbHVzdHJhdGlvbiDDoCB1dGlsaXNlci5cbiAgICovXG4gIEBJbnB1dCgpIGFydHdvcmtGaWxlUGF0aDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEw6l0ZXJtaW5lIGwnYWZmaWNoYWdlIGR1IHBpY3RvZ3JhbW1lIGFzc29jacOpIGF1eCB0w6lsw6ljaGFyZ2VtZW50cy5cbiAgICovXG4gIEBJbnB1dCgpIGRvd25sb2FkID0gZmFsc2U7XG59XG4iLCJAaWYgKGFydHdvcmtGaWxlUGF0aCkge1xuICA8c3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzPVwiZnItYXJ0d29ya1wiIHZpZXdCb3g9XCIwIDAgODAgODBcIiB3aWR0aD1cIjgwcHhcIiBoZWlnaHQ9XCI4MHB4XCI+XG4gICAgPHVzZSBjbGFzcz1cImZyLWFydHdvcmstZGVjb3JhdGl2ZVwiIFthdHRyLmhyZWZdPVwiYXJ0d29ya0ZpbGVQYXRoICsgJyNhcnR3b3JrLWRlY29yYXRpdmUnXCI+PC91c2U+XG4gICAgPHVzZSBjbGFzcz1cImZyLWFydHdvcmstbWlub3JcIiBbYXR0ci5ocmVmXT1cImFydHdvcmtGaWxlUGF0aCArICcjYXJ0d29yay1taW5vcidcIj48L3VzZT5cbiAgICA8dXNlIGNsYXNzPVwiZnItYXJ0d29yay1tYWpvclwiIFthdHRyLmhyZWZdPVwiYXJ0d29ya0ZpbGVQYXRoICsgJyNhcnR3b3JrLW1ham9yJ1wiPjwvdXNlPlxuICA8L3N2Zz5cbn0gQGVsc2UgaWYgKGRvd25sb2FkICYmICFhcnR3b3JrRmlsZVBhdGgpIHtcbiAgPCEtLS1ET1dOTE9BRC0tPlxuICA8c3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzPVwiZnItYXJ0d29ya1wiIHZpZXdCb3g9XCIwIDAgODAgODBcIiB3aWR0aD1cIjgwcHhcIiBoZWlnaHQ9XCI4MHB4XCI+XG4gICAgPHVzZVxuICAgICAgY2xhc3M9XCJmci1hcnR3b3JrLWRlY29yYXRpdmVcIlxuICAgICAgW2F0dHIuaHJlZl09XCJhcnR3b3JrRGlyUGF0aCArICcvcGljdG9ncmFtcy9kb2N1bWVudC9kb2N1bWVudC1kb3dubG9hZC5zdmcjYXJ0d29yay1kZWNvcmF0aXZlJ1wiPjwvdXNlPlxuICAgIDx1c2VcbiAgICAgIGNsYXNzPVwiZnItYXJ0d29yay1taW5vclwiXG4gICAgICBbYXR0ci5ocmVmXT1cImFydHdvcmtEaXJQYXRoICsgJy9waWN0b2dyYW1zL2RvY3VtZW50L2RvY3VtZW50LWRvd25sb2FkLnN2ZyNhcnR3b3JrLW1pbm9yJ1wiPjwvdXNlPlxuICAgIDx1c2VcbiAgICAgIGNsYXNzPVwiZnItYXJ0d29yay1tYWpvclwiXG4gICAgICBbYXR0ci5ocmVmXT1cImFydHdvcmtEaXJQYXRoICsgJy9waWN0b2dyYW1zL2RvY3VtZW50L2RvY3VtZW50LWRvd25sb2FkLnN2ZyNhcnR3b3JrLW1ham9yJ1wiPjwvdXNlPlxuICA8L3N2Zz5cbn1cbiJdfQ==