UNPKG

@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).

28 lines 6.41 kB
import { CommonModule } from '@angular/common'; import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core'; import * as i0 from "@angular/core"; import * as i1 from "../../shared"; import * as i2 from "@angular/common"; export class DsfrFranceConnectComponent { /** @internal */ constructor(i18n) { this.i18n = i18n; /** Demande de connexion par FranceConnect */ this.franceConnectSelect = new EventEmitter(); } /** @internal */ onConnect() { this.franceConnectSelect.emit(this.secure); } static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DsfrFranceConnectComponent, deps: [{ token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Component }); } static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DsfrFranceConnectComponent, isStandalone: true, selector: "dsfr-franceconnect", inputs: { secure: "secure" }, outputs: { franceConnectSelect: "franceConnectSelect" }, ngImport: i0, template: "<div class=\"fr-connect-group\">\n <button\n type=\"button\"\n [ngClass]=\"{\n 'fr-connect': true,\n 'fr-connect--plus': secure\n }\"\n (click)=\"onConnect()\">\n <span class=\"fr-connect__login\">{{ i18n.t('franceConnect.title') }}</span>\n <span class=\"fr-connect__brand\">FranceConnect</span>\n </button>\n <p>\n <a\n [href]=\"secure ? 'https://franceconnect.gouv.fr/france-connect-plus' : 'https://franceconnect.gouv.fr/'\"\n target=\"_blank\"\n rel=\"noopener\"\n [title]=\"i18n.t('franceConnect.link.tooltip')\"\n >{{ i18n.t('franceConnect.link.label') }}{{ secure ? '+' : '' }} ?</a\n >\n </p>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); } } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DsfrFranceConnectComponent, decorators: [{ type: Component, args: [{ selector: 'dsfr-franceconnect', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<div class=\"fr-connect-group\">\n <button\n type=\"button\"\n [ngClass]=\"{\n 'fr-connect': true,\n 'fr-connect--plus': secure\n }\"\n (click)=\"onConnect()\">\n <span class=\"fr-connect__login\">{{ i18n.t('franceConnect.title') }}</span>\n <span class=\"fr-connect__brand\">FranceConnect</span>\n </button>\n <p>\n <a\n [href]=\"secure ? 'https://franceconnect.gouv.fr/france-connect-plus' : 'https://franceconnect.gouv.fr/'\"\n target=\"_blank\"\n rel=\"noopener\"\n [title]=\"i18n.t('franceConnect.link.tooltip')\"\n >{{ i18n.t('franceConnect.link.label') }}{{ secure ? '+' : '' }} ?</a\n >\n </p>\n</div>\n" }] }], ctorParameters: function () { return [{ type: i1.I18nService }]; }, propDecorators: { secure: [{ type: Input }], franceConnectSelect: [{ type: Output }] } }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJhbmNlY29ubmVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZHNmci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9mcmFuY2Vjb25uZWN0L2ZyYW5jZWNvbm5lY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWRzZnItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvZnJhbmNlY29ubmVjdC9mcmFuY2Vjb25uZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBVTFGLE1BQU0sT0FBTywwQkFBMEI7SUFPckMsZ0JBQWdCO0lBQ2hCLFlBQW1CLElBQWlCO1FBQWpCLFNBQUksR0FBSixJQUFJLENBQWE7UUFKcEMsNkNBQTZDO1FBQ25DLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFHckIsQ0FBQztJQUV4QyxnQkFBZ0I7SUFDaEIsU0FBUztRQUNQLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzdDLENBQUM7K0dBYlUsMEJBQTBCO21HQUExQiwwQkFBMEIscUtDWHZDLG9xQkFxQkEsMkNEWlksWUFBWTs7NEZBRVgsMEJBQTBCO2tCQVB0QyxTQUFTOytCQUNFLG9CQUFvQixpQkFFZixpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQztrR0FJZCxNQUFNO3NCQUFkLEtBQUs7Z0JBR0ksbUJBQW1CO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSTE4blNlcnZpY2UgfSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkc2ZyLWZyYW5jZWNvbm5lY3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vZnJhbmNlY29ubmVjdC5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBEc2ZyRnJhbmNlQ29ubmVjdENvbXBvbmVudCB7XG4gIC8qKiBVdGlsaXNhdGlvbiBkZSBGcmFuY2VDb25uZWN0KyAocXVpIGVzdCBwbHVzIHPDqWN1cmlzw6kpLiAqL1xuICBASW5wdXQoKSBzZWN1cmU6IGJvb2xlYW47XG5cbiAgLyoqIERlbWFuZGUgZGUgY29ubmV4aW9uIHBhciBGcmFuY2VDb25uZWN0ICovXG4gIEBPdXRwdXQoKSBmcmFuY2VDb25uZWN0U2VsZWN0ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgY29uc3RydWN0b3IocHVibGljIGkxOG46IEkxOG5TZXJ2aWNlKSB7fVxuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgb25Db25uZWN0KCkge1xuICAgIHRoaXMuZnJhbmNlQ29ubmVjdFNlbGVjdC5lbWl0KHRoaXMuc2VjdXJlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZyLWNvbm5lY3QtZ3JvdXBcIj5cbiAgPGJ1dHRvblxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdmci1jb25uZWN0JzogdHJ1ZSxcbiAgICAgICdmci1jb25uZWN0LS1wbHVzJzogc2VjdXJlXG4gICAgfVwiXG4gICAgKGNsaWNrKT1cIm9uQ29ubmVjdCgpXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJmci1jb25uZWN0X19sb2dpblwiPnt7IGkxOG4udCgnZnJhbmNlQ29ubmVjdC50aXRsZScpIH19PC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwiZnItY29ubmVjdF9fYnJhbmRcIj5GcmFuY2VDb25uZWN0PC9zcGFuPlxuICA8L2J1dHRvbj5cbiAgPHA+XG4gICAgPGFcbiAgICAgIFtocmVmXT1cInNlY3VyZSA/ICdodHRwczovL2ZyYW5jZWNvbm5lY3QuZ291di5mci9mcmFuY2UtY29ubmVjdC1wbHVzJyA6ICdodHRwczovL2ZyYW5jZWNvbm5lY3QuZ291di5mci8nXCJcbiAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICByZWw9XCJub29wZW5lclwiXG4gICAgICBbdGl0bGVdPVwiaTE4bi50KCdmcmFuY2VDb25uZWN0LmxpbmsudG9vbHRpcCcpXCJcbiAgICAgID57eyBpMThuLnQoJ2ZyYW5jZUNvbm5lY3QubGluay5sYWJlbCcpIH19e3sgc2VjdXJlID8gJysnIDogJycgfX0gPzwvYVxuICAgID5cbiAgPC9wPlxuPC9kaXY+XG4iXX0=