@edugouvfr/ngx-dsfr-ext
Version:
NgxDsfrExt est une extension au package @edugouvfr/ngx-dsfr (portage Angular des éléments DSFR)
30 lines • 9.71 kB
JavaScript
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
import { RouterModule } from '@angular/router';
import { DsfrButtonModule, DsfrButtonsGroupModule, DsfrLinkModule } from '@edugouvfr/ngx-dsfr';
import * as i0 from "@angular/core";
import * as i1 from "@edugouvfr/ngx-dsfr";
import * as i2 from "@angular/router";
/**
* @deprecated
*/
export class DsfrToolslinksComponent {
constructor() {
/** Evènement émis au clic sur un lien */
this.linkSelect = new EventEmitter();
}
onLinkSelect(link) {
this.linkSelect.emit(link);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DsfrToolslinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DsfrToolslinksComponent, isStandalone: true, selector: "dsfr-ext-toolslinks, dsfrx-toolslinks", inputs: { toolsLinks: "toolsLinks" }, outputs: { linkSelect: "linkSelect" }, ngImport: i0, template: "<div class=\"fr-header__tools-links dsfrx-tools-links\">\n @if (toolsLinks && toolsLinks.length > 0) {\n <ul class=\"fr-btns-group\">\n @for (item of toolsLinks; track item; let i = $index) {\n <li>\n <!-- TODO utiliser edu-item-link -->\n <dsfr-link\n [ariaLabel]=\"item.ariaLabel ?? ''\"\n [ariaControls]=\"item.ariaControls\"\n [link]=\"item.link\"\n [ariaControls]=\"item.ariaControls\"\n [ariaCurrent]=\"item.active ? 'page' : undefined\"\n [linkTarget]=\"item.linkTarget\"\n [routerLinkActive]=\"item.routerLinkActive ?? ''\"\n [routerLinkExtras]=\"item.routerLinkExtras\"\n [label]=\"item.label\"\n [route]=\"item.route\"\n [mode]=\"item.mode\"\n [icon]=\"item.icon\"\n [iconPosition]=\"item.iconPosition\"\n [routePath]=\"item.routerLink\"\n [tooltipMessage]=\"item.tooltipMessage\"\n [customClass]=\"'fr-btn'\"\n (linkSelect)=\"onLinkSelect(item)\">\n </dsfr-link>\n </li>\n }\n </ul>\n }\n</div>\n", styles: [".dsfrx-tools-links.fr-header__tools-links{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DsfrLinkModule }, { kind: "component", type: i1.DsfrLinkComponent, selector: "dsfr-link", inputs: ["ariaCurrent", "ariaLabel", "ariaControls", "customClass", "disabled", "icon", "iconPosition", "linkId", "label", "link", "linkTarget", "route", "routePath", "routerLinkActive", "routerLinkActiveOptions", "routerLinkExtras", "linkSize", "tooltipMessage", "mode", "ariaCurrentWhenActive", "size", "targetLink", "routerLink"], outputs: ["linkSelect"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: DsfrButtonModule }, { kind: "ngmodule", type: DsfrButtonsGroupModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DsfrToolslinksComponent, decorators: [{
type: Component,
args: [{ selector: 'dsfr-ext-toolslinks, dsfrx-toolslinks', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, DsfrLinkModule, RouterModule, DsfrButtonModule, DsfrLinkModule, DsfrButtonsGroupModule], template: "<div class=\"fr-header__tools-links dsfrx-tools-links\">\n @if (toolsLinks && toolsLinks.length > 0) {\n <ul class=\"fr-btns-group\">\n @for (item of toolsLinks; track item; let i = $index) {\n <li>\n <!-- TODO utiliser edu-item-link -->\n <dsfr-link\n [ariaLabel]=\"item.ariaLabel ?? ''\"\n [ariaControls]=\"item.ariaControls\"\n [link]=\"item.link\"\n [ariaControls]=\"item.ariaControls\"\n [ariaCurrent]=\"item.active ? 'page' : undefined\"\n [linkTarget]=\"item.linkTarget\"\n [routerLinkActive]=\"item.routerLinkActive ?? ''\"\n [routerLinkExtras]=\"item.routerLinkExtras\"\n [label]=\"item.label\"\n [route]=\"item.route\"\n [mode]=\"item.mode\"\n [icon]=\"item.icon\"\n [iconPosition]=\"item.iconPosition\"\n [routePath]=\"item.routerLink\"\n [tooltipMessage]=\"item.tooltipMessage\"\n [customClass]=\"'fr-btn'\"\n (linkSelect)=\"onLinkSelect(item)\">\n </dsfr-link>\n </li>\n }\n </ul>\n }\n</div>\n", styles: [".dsfrx-tools-links.fr-header__tools-links{display:block}\n"] }]
}], propDecorators: { toolsLinks: [{
type: Input
}], linkSelect: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHNsaW5rcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZHNmci1leHQvc3JjL2xpYi9wcm9maWxlbWVudS9jb21wb25lbnQvdG9vbHNsaW5rcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZHNmci1leHQvc3JjL2xpYi9wcm9maWxlbWVudS9jb21wb25lbnQvdG9vbHNsaW5rcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLHNCQUFzQixFQUFZLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7O0FBRXpHOztHQUVHO0FBVUgsTUFBTSxPQUFPLHVCQUF1QjtJQVRwQztRQWFFLHlDQUF5QztRQUN0QixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVksQ0FBQztLQUs5RDtJQUhXLFlBQVksQ0FBQyxJQUFjO1FBQ25DLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7K0dBVFUsdUJBQXVCO21HQUF2Qix1QkFBdUIsOEtDakJwQyxtb0NBOEJBLG1IRGZZLFlBQVksOEJBQUUsY0FBYywrY0FBRSxZQUFZLCtQQUFFLGdCQUFnQiw4QkFBa0Isc0JBQXNCOzs0RkFFbkcsdUJBQXVCO2tCQVRuQyxTQUFTOytCQUNFLHVDQUF1QyxjQUVyQyxJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksV0FFNUIsQ0FBQyxZQUFZLEVBQUUsY0FBYyxFQUFFLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxjQUFjLEVBQUUsc0JBQXNCLENBQUM7OEJBSXRHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBR2EsVUFBVTtzQkFBNUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgRHNmckJ1dHRvbk1vZHVsZSwgRHNmckJ1dHRvbnNHcm91cE1vZHVsZSwgRHNmckxpbmssIERzZnJMaW5rTW9kdWxlIH0gZnJvbSAnQGVkdWdvdXZmci9uZ3gtZHNmcic7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWRcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZHNmci1leHQtdG9vbHNsaW5rcywgZHNmcngtdG9vbHNsaW5rcycsXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sc2xpbmtzLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0eWxlczogWycgLmRzZnJ4LXRvb2xzLWxpbmtzLmZyLWhlYWRlcl9fdG9vbHMtbGlua3MgIHsgZGlzcGxheTogYmxvY2t9J10sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIERzZnJMaW5rTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIERzZnJCdXR0b25Nb2R1bGUsIERzZnJMaW5rTW9kdWxlLCBEc2ZyQnV0dG9uc0dyb3VwTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgRHNmclRvb2xzbGlua3NDb21wb25lbnQge1xuICAvKiogTGlzdGUgZGVzIGxpZW5zIHJhcGlkZXMgKi9cbiAgQElucHV0KCkgdG9vbHNMaW5rczogRHNmckxpbmtbXTtcblxuICAvKiogRXbDqG5lbWVudCDDqW1pcyBhdSBjbGljIHN1ciB1biBsaWVuICovXG4gIEBPdXRwdXQoKSByZWFkb25seSBsaW5rU2VsZWN0ID0gbmV3IEV2ZW50RW1pdHRlcjxEc2ZyTGluaz4oKTtcblxuICBwcm90ZWN0ZWQgb25MaW5rU2VsZWN0KGxpbms6IERzZnJMaW5rKSB7XG4gICAgdGhpcy5saW5rU2VsZWN0LmVtaXQobGluayk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmci1oZWFkZXJfX3Rvb2xzLWxpbmtzIGRzZnJ4LXRvb2xzLWxpbmtzXCI+XG4gIEBpZiAodG9vbHNMaW5rcyAmJiB0b29sc0xpbmtzLmxlbmd0aCA+IDApIHtcbiAgICA8dWwgY2xhc3M9XCJmci1idG5zLWdyb3VwXCI+XG4gICAgICBAZm9yIChpdGVtIG9mIHRvb2xzTGlua3M7IHRyYWNrIGl0ZW07IGxldCBpID0gJGluZGV4KSB7XG4gICAgICAgIDxsaT5cbiAgICAgICAgICA8IS0tIFRPRE8gdXRpbGlzZXIgZWR1LWl0ZW0tbGluayAtLT5cbiAgICAgICAgICA8ZHNmci1saW5rXG4gICAgICAgICAgICBbYXJpYUxhYmVsXT1cIml0ZW0uYXJpYUxhYmVsID8/ICcnXCJcbiAgICAgICAgICAgIFthcmlhQ29udHJvbHNdPVwiaXRlbS5hcmlhQ29udHJvbHNcIlxuICAgICAgICAgICAgW2xpbmtdPVwiaXRlbS5saW5rXCJcbiAgICAgICAgICAgIFthcmlhQ29udHJvbHNdPVwiaXRlbS5hcmlhQ29udHJvbHNcIlxuICAgICAgICAgICAgW2FyaWFDdXJyZW50XT1cIml0ZW0uYWN0aXZlID8gJ3BhZ2UnIDogdW5kZWZpbmVkXCJcbiAgICAgICAgICAgIFtsaW5rVGFyZ2V0XT1cIml0ZW0ubGlua1RhcmdldFwiXG4gICAgICAgICAgICBbcm91dGVyTGlua0FjdGl2ZV09XCJpdGVtLnJvdXRlckxpbmtBY3RpdmUgPz8gJydcIlxuICAgICAgICAgICAgW3JvdXRlckxpbmtFeHRyYXNdPVwiaXRlbS5yb3V0ZXJMaW5rRXh0cmFzXCJcbiAgICAgICAgICAgIFtsYWJlbF09XCJpdGVtLmxhYmVsXCJcbiAgICAgICAgICAgIFtyb3V0ZV09XCJpdGVtLnJvdXRlXCJcbiAgICAgICAgICAgIFttb2RlXT1cIml0ZW0ubW9kZVwiXG4gICAgICAgICAgICBbaWNvbl09XCJpdGVtLmljb25cIlxuICAgICAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJpdGVtLmljb25Qb3NpdGlvblwiXG4gICAgICAgICAgICBbcm91dGVQYXRoXT1cIml0ZW0ucm91dGVyTGlua1wiXG4gICAgICAgICAgICBbdG9vbHRpcE1lc3NhZ2VdPVwiaXRlbS50b29sdGlwTWVzc2FnZVwiXG4gICAgICAgICAgICBbY3VzdG9tQ2xhc3NdPVwiJ2ZyLWJ0bidcIlxuICAgICAgICAgICAgKGxpbmtTZWxlY3QpPVwib25MaW5rU2VsZWN0KGl0ZW0pXCI+XG4gICAgICAgICAgPC9kc2ZyLWxpbms+XG4gICAgICAgIDwvbGk+XG4gICAgICB9XG4gICAgPC91bD5cbiAgfVxuPC9kaXY+XG4iXX0=