@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).
36 lines • 4.94 kB
JavaScript
import { Component, EventEmitter, input, Input, Output, ViewEncapsulation } from '@angular/core';
import { DsfrI18nPipe } from '../../../shared/i18n/i18n.pipe';
import * as i0 from "@angular/core";
/**
* Composant d'affichage du bouton de tri pour une colonne (icônes flêche)
*/
export class SortButtonHeaderComponent {
constructor() {
this.sortChanged = new EventEmitter();
this.ariaSort = input();
}
sortTable() {
this.sortChanged.emit(this.field);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SortButtonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: SortButtonHeaderComponent, isStandalone: true, selector: "edu-sort-button-header", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, ariaSort: { classPropertyName: "ariaSort", publicName: "ariaSort", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sortChanged: "sortChanged" }, ngImport: i0, template: `
<button (click)="sortTable()" type="button" [attr.aria-sort]="ariaSort()" class="fr-btn--sort fr-btn fr-btn--sm">
{{ 'table.sortTableBy' | dsfrI18n }} {{ label ?? field }}
</button>
`, isInline: true, styles: [".fr-btn--sort{margin-left:1rem}\n"], dependencies: [{ kind: "pipe", type: DsfrI18nPipe, name: "dsfrI18n" }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SortButtonHeaderComponent, decorators: [{
type: Component,
args: [{ selector: 'edu-sort-button-header', standalone: true, encapsulation: ViewEncapsulation.None, imports: [DsfrI18nPipe], template: `
<button (click)="sortTable()" type="button" [attr.aria-sort]="ariaSort()" class="fr-btn--sort fr-btn fr-btn--sm">
{{ 'table.sortTableBy' | dsfrI18n }} {{ label ?? field }}
</button>
`, styles: [".fr-btn--sort{margin-left:1rem}\n"] }]
}], propDecorators: { field: [{
type: Input
}], label: [{
type: Input
}], sortChanged: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWRzZnItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFibGUvY29tcG9uZW50L3NvcnQtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBRTlEOztHQUVHO0FBYUgsTUFBTSxPQUFPLHlCQUF5QjtJQVp0QztRQWVZLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVuRCxhQUFRLEdBQUcsS0FBSyxFQUFxQyxDQUFDO0tBS3ZEO0lBSEMsU0FBUztRQUNQLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxDQUFDOytHQVRVLHlCQUF5QjttR0FBekIseUJBQXlCLDBmQU4xQjs7OztHQUlULHNHQU5TLFlBQVk7OzRGQVFYLHlCQUF5QjtrQkFackMsU0FBUzsrQkFDRSx3QkFBd0IsY0FDdEIsSUFBSSxpQkFDRCxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsWUFBWSxDQUFDLFlBRWI7Ozs7R0FJVDs4QkFHUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgaW5wdXQsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEc2ZySTE4blBpcGUgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvaTE4bi9pMThuLnBpcGUnO1xuXG4vKipcbiAqIENvbXBvc2FudCBkJ2FmZmljaGFnZSBkdSBib3V0b24gZGUgdHJpIHBvdXIgdW5lIGNvbG9ubmUgKGljw7RuZXMgZmzDqmNoZSlcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZWR1LXNvcnQtYnV0dG9uLWhlYWRlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtEc2ZySTE4blBpcGVdLFxuICBzdHlsZXM6IFsnLmZyLWJ0bi0tc29ydCB7bWFyZ2luLWxlZnQ6IDFyZW19J10sIC8vIGZpeCBtYXJnaW4gYWxpZ25lbWVudCBzb3J0IGljb24gYW5kIHRleHRcbiAgdGVtcGxhdGU6IGBcbiAgICA8YnV0dG9uIChjbGljayk9XCJzb3J0VGFibGUoKVwiIHR5cGU9XCJidXR0b25cIiBbYXR0ci5hcmlhLXNvcnRdPVwiYXJpYVNvcnQoKVwiIGNsYXNzPVwiZnItYnRuLS1zb3J0IGZyLWJ0biBmci1idG4tLXNtXCI+XG4gICAgICB7eyAndGFibGUuc29ydFRhYmxlQnknIHwgZHNmckkxOG4gfX0ge3sgbGFiZWwgPz8gZmllbGQgfX1cbiAgICA8L2J1dHRvbj5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgU29ydEJ1dHRvbkhlYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpZWxkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIEBPdXRwdXQoKSBzb3J0Q2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGFyaWFTb3J0ID0gaW5wdXQ8J2FzY2VuZGluZycgfCAnZGVzY2VuZGluZycgfCBudWxsPigpO1xuXG4gIHNvcnRUYWJsZSgpIHtcbiAgICB0aGlzLnNvcnRDaGFuZ2VkLmVtaXQodGhpcy5maWVsZCk7XG4gIH1cbn1cbiJdfQ==