@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).
29 lines • 7.33 kB
JavaScript
import { Component, Input, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
/** 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: "16.2.12", ngImport: i0, type: PictogramComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PictogramComponent, selector: "edu-pictogram", inputs: { artworkDirPath: "artworkDirPath", artworkFilePath: "artworkFilePath", download: "download" }, ngImport: i0, template: "<ng-container *ngIf=\"!download\">\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</ng-container>\n\n<!---DOWNLOAD-->\n<ng-container *ngIf=\"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</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PictogramComponent, decorators: [{
type: Component,
args: [{ selector: 'edu-pictogram', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!download\">\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</ng-container>\n\n<!---DOWNLOAD-->\n<ng-container *ngIf=\"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</ng-container>\n" }]
}], propDecorators: { artworkDirPath: [{
type: Input
}], artworkFilePath: [{
type: Input
}], download: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGljdG9ncmFtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1kc2ZyLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9waWN0b2dyYW0vcGljdG9ncmFtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1kc2ZyLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9waWN0b2dyYW0vcGljdG9ncmFtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPcEUsOEVBQThFO0FBQzlFLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFPRTs7V0FFRztRQUNNLG1CQUFjLEdBQUcsU0FBUyxDQUFDO1FBT3BDOztXQUVHO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBQztLQUMzQjsrR0FmWSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw2SkNSL0Isc2xDQXNCQTs7NEZEZGEsa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLGVBQWUsaUJBRVYsaUJBQWlCLENBQUMsSUFBSTs4QkFPNUIsY0FBYztzQkFBdEIsS0FBSztnQkFLRyxlQUFlO3NCQUF2QixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlZHUtcGljdG9ncmFtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BpY3RvZ3JhbS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuLyoqIENlIGNvbXBvc2FudCBwZXJtZXQgZGUgZ8OpcmVyIGZhY2lsZW1lbnQgbGVzIHBpY3RvZ3JhbW1lcyBpc3N1cyBkdSBEU0ZSLiAqL1xuZXhwb3J0IGNsYXNzIFBpY3RvZ3JhbUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBDaGVtaW4gdmVycyBsZSByw6lwZXJ0b2lyZSBleHBvc2FudCBsZXMgcGljdG9ncmFtbWVzIGlsbHVzdHJhdGlmcyBEU0ZSLlxuICAgKi9cbiAgQElucHV0KCkgYXJ0d29ya0RpclBhdGggPSAnYXJ0d29yayc7XG5cbiAgLyoqXG4gICAqIENoZW1pbiByZWxhdGlmIMOgIGFydHdvcmtEaXJQYXRoIGTDqW5vdGFudCBsZSBmaWNoaWVyIGQnaWxsdXN0cmF0aW9uIMOgIHV0aWxpc2VyLlxuICAgKi9cbiAgQElucHV0KCkgYXJ0d29ya0ZpbGVQYXRoOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIETDqXRlcm1pbmUgbCdhZmZpY2hhZ2UgZHUgcGljdG9ncmFtbWUgYXNzb2Npw6kgYXV4IHTDqWzDqWNoYXJnZW1lbnRzLlxuICAgKi9cbiAgQElucHV0KCkgZG93bmxvYWQgPSBmYWxzZTtcbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCIhZG93bmxvYWRcIj5cbiAgPHN2ZyBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cImZyLWFydHdvcmtcIiB2aWV3Qm94PVwiMCAwIDgwIDgwXCIgd2lkdGg9XCI4MHB4XCIgaGVpZ2h0PVwiODBweFwiPlxuICAgIDx1c2UgY2xhc3M9XCJmci1hcnR3b3JrLWRlY29yYXRpdmVcIiBbYXR0ci5ocmVmXT1cImFydHdvcmtGaWxlUGF0aCArICcjYXJ0d29yay1kZWNvcmF0aXZlJ1wiPjwvdXNlPlxuICAgIDx1c2UgY2xhc3M9XCJmci1hcnR3b3JrLW1pbm9yXCIgW2F0dHIuaHJlZl09XCJhcnR3b3JrRmlsZVBhdGggKyAnI2FydHdvcmstbWlub3InXCI+PC91c2U+XG4gICAgPHVzZSBjbGFzcz1cImZyLWFydHdvcmstbWFqb3JcIiBbYXR0ci5ocmVmXT1cImFydHdvcmtGaWxlUGF0aCArICcjYXJ0d29yay1tYWpvcidcIj48L3VzZT5cbiAgPC9zdmc+XG48L25nLWNvbnRhaW5lcj5cblxuPCEtLS1ET1dOTE9BRC0tPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImRvd25sb2FkXCI+XG4gIDxzdmcgYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3M9XCJmci1hcnR3b3JrXCIgdmlld0JveD1cIjAgMCA4MCA4MFwiIHdpZHRoPVwiODBweFwiIGhlaWdodD1cIjgwcHhcIj5cbiAgICA8dXNlXG4gICAgICBjbGFzcz1cImZyLWFydHdvcmstZGVjb3JhdGl2ZVwiXG4gICAgICBbYXR0ci5ocmVmXT1cImFydHdvcmtEaXJQYXRoICsgJy9waWN0b2dyYW1zL2RvY3VtZW50L2RvY3VtZW50LWRvd25sb2FkLnN2ZyNhcnR3b3JrLWRlY29yYXRpdmUnXCI+PC91c2U+XG4gICAgPHVzZVxuICAgICAgY2xhc3M9XCJmci1hcnR3b3JrLW1pbm9yXCJcbiAgICAgIFthdHRyLmhyZWZdPVwiYXJ0d29ya0RpclBhdGggKyAnL3BpY3RvZ3JhbXMvZG9jdW1lbnQvZG9jdW1lbnQtZG93bmxvYWQuc3ZnI2FydHdvcmstbWlub3InXCI+PC91c2U+XG4gICAgPHVzZVxuICAgICAgY2xhc3M9XCJmci1hcnR3b3JrLW1ham9yXCJcbiAgICAgIFthdHRyLmhyZWZdPVwiYXJ0d29ya0RpclBhdGggKyAnL3BpY3RvZ3JhbXMvZG9jdW1lbnQvZG9jdW1lbnQtZG93bmxvYWQuc3ZnI2FydHdvcmstbWFqb3InXCI+PC91c2U+XG4gIDwvc3ZnPlxuPC9uZy1jb250YWluZXI+XG4iXX0=