@edugouvfr/ngx-dsfr/esm2022/lib/shared/components/heading/heading.component.mjs

NgxDsfr est un portage Angular des éléments d'interface du Système de Design de l'État Français (DSFR).

import { Component, Input, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
/**
 * Permet de définir le titre de composant d'un niveau de titre de `<h2>` à `<h6>`, avec un niveau par défaut de `<h2>` à `<h6>` ou `<p>`.
 * Ne permets pas la projection du titre.
 */
export class HeadingComponent {
    /** @internal */
    getLevel() {
        return this.level ?? this.defaultLevel;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HeadingComponent, selector: "edu-heading", inputs: { customClass: "customClass", heading: "heading", headingId: "headingId", level: "level", defaultLevel: "defaultLevel" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"getLevel()\">\n  <h2 *ngSwitchCase=\"'H2'\" [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </h2>\n  <h3 *ngSwitchCase=\"'H3'\" [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </h3>\n  <h4 *ngSwitchCase=\"'H4'\" [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </h4>\n  <h5 *ngSwitchCase=\"'H5'\" [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </h5>\n  <h6 *ngSwitchCase=\"'H6'\" [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </h6>\n  <p *ngSwitchCase=\"'P'\" [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </p>\n  <p *ngSwitchDefault [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </p>\n</ng-container>\n\n<ng-template #headingTemplate>\n  <ng-container *ngIf=\"heading; else headingContentTemplate\"><span [outerHTML]=\"heading\"></span></ng-container>\n</ng-template>\n\n<ng-template #headingContentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeadingComponent, decorators: [{
            type: Component,
            args: [{ selector: 'edu-heading', encapsulation: ViewEncapsulation.None, template: "<ng-container [ngSwitch]=\"getLevel()\">\n  <h2 *ngSwitchCase=\"'H2'\" [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </h2>\n  <h3 *ngSwitchCase=\"'H3'\" [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </h3>\n  <h4 *ngSwitchCase=\"'H4'\" [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </h4>\n  <h5 *ngSwitchCase=\"'H5'\" [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </h5>\n  <h6 *ngSwitchCase=\"'H6'\" [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </h6>\n  <p *ngSwitchCase=\"'P'\" [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </p>\n  <p *ngSwitchDefault [attr.id]=\"headingId || null\" [class]=\"customClass\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\"></ng-container>\n  </p>\n</ng-container>\n\n<ng-template #headingTemplate>\n  <ng-container *ngIf=\"heading; else headingContentTemplate\"><span [outerHTML]=\"heading\"></span></ng-container>\n</ng-template>\n\n<ng-template #headingContentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
        }], propDecorators: { customClass: [{
                type: Input
            }], heading: [{
                type: Input
            }], headingId: [{
                type: Input
            }], level: [{
                type: Input
            }], defaultLevel: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZHNmci1jb21wb25lbnRzL3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvaGVhZGluZy9oZWFkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1kc2ZyLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9oZWFkaW5nL2hlYWRpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVFwRTs7O0dBR0c7QUFDSCxNQUFNLE9BQU8sZ0JBQWdCO0lBZ0IzQixnQkFBZ0I7SUFDaEIsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQ3pDLENBQUM7K0dBbkJVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLHFMQ1o3Qiw4OENBK0JBOzs0RkRuQmEsZ0JBQWdCO2tCQVQ1QixTQUFTOytCQUNFLGFBQWEsaUJBRVIsaUJBQWlCLENBQUMsSUFBSTs4QkFRNUIsV0FBVztzQkFBbkIsS0FBSztnQkFHRyxPQUFPO3NCQUFmLEtBQUs7Z0JBR0csU0FBUztzQkFBakIsS0FBSztnQkFHRyxLQUFLO3NCQUFiLEtBQUs7Z0JBR0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEc2ZySGVhZGluZ0xldmVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZWR1LWhlYWRpbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vaGVhZGluZy5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuLyoqXG4gKiBQZXJtZXQgZGUgZMOpZmluaXIgbGUgdGl0cmUgZGUgY29tcG9zYW50IGQndW4gbml2ZWF1IGRlIHRpdHJlIGRlIGA8aDI+YCDDoCBgPGg2PmAsIGF2ZWMgdW4gbml2ZWF1IHBhciBkw6lmYXV0IGRlIGA8aDI+YCDDoCBgPGg2PmAgb3UgYDxwPmAuXG4gKiBOZSBwZXJtZXRzIHBhcyBsYSBwcm9qZWN0aW9uIGR1IHRpdHJlLlxuICovXG5leHBvcnQgY2xhc3MgSGVhZGluZ0NvbXBvbmVudCB7XG4gIC8qKiBDbGFzc2UgZHUgdGl0cmUuICovXG4gIEBJbnB1dCgpIGN1c3RvbUNsYXNzOiBzdHJpbmc7XG5cbiAgLyoqIExlIHRpdHJlIGRlIGwnYWNjb3Jkw6lvbiBlc3QgZHUgdGV4dGUgc2ltcGxlLiAqL1xuICBASW5wdXQoKSBoZWFkaW5nOiBzdHJpbmc7XG5cbiAgLyoqIGlkIGR1IHRpdHJlIEBzaW5jZSAxLjkgKi9cbiAgQElucHV0KCkgaGVhZGluZ0lkOiBzdHJpbmc7XG5cbiAgLyoqIExlIG5pdmVhdSBkdSB0aXRyZSBkYW5zIGxhIHN0cnVjdHVyZS4gKi9cbiAgQElucHV0KCkgbGV2ZWw6IERzZnJIZWFkaW5nTGV2ZWwgfCB1bmRlZmluZWQ7XG5cbiAgLyoqIE5pdmVhdSBwYXIgZMOpZmF1dCBzaSAnbGV2ZWwnIG4nZXN0IHBhcyByZW5zZWlnbsOpLiAqL1xuICBASW5wdXQoKSBkZWZhdWx0TGV2ZWw6IERzZnJIZWFkaW5nTGV2ZWwgfCAnUCc7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBnZXRMZXZlbCgpOiBEc2ZySGVhZGluZ0xldmVsIHwgJ1AnIHtcbiAgICByZXR1cm4gdGhpcy5sZXZlbCA/PyB0aGlzLmRlZmF1bHRMZXZlbDtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiZ2V0TGV2ZWwoKVwiPlxuICA8aDIgKm5nU3dpdGNoQ2FzZT1cIidIMidcIiBbYXR0ci5pZF09XCJoZWFkaW5nSWQgfHwgbnVsbFwiIFtjbGFzc109XCJjdXN0b21DbGFzc1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkaW5nVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9oMj5cbiAgPGgzICpuZ1N3aXRjaENhc2U9XCInSDMnXCIgW2F0dHIuaWRdPVwiaGVhZGluZ0lkIHx8IG51bGxcIiBbY2xhc3NdPVwiY3VzdG9tQ2xhc3NcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGluZ1RlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gIDwvaDM+XG4gIDxoNCAqbmdTd2l0Y2hDYXNlPVwiJ0g0J1wiIFthdHRyLmlkXT1cImhlYWRpbmdJZCB8fCBudWxsXCIgW2NsYXNzXT1cImN1c3RvbUNsYXNzXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRpbmdUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICA8L2g0PlxuICA8aDUgKm5nU3dpdGNoQ2FzZT1cIidINSdcIiBbYXR0ci5pZF09XCJoZWFkaW5nSWQgfHwgbnVsbFwiIFtjbGFzc109XCJjdXN0b21DbGFzc1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkaW5nVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9oNT5cbiAgPGg2ICpuZ1N3aXRjaENhc2U9XCInSDYnXCIgW2F0dHIuaWRdPVwiaGVhZGluZ0lkIHx8IG51bGxcIiBbY2xhc3NdPVwiY3VzdG9tQ2xhc3NcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGluZ1RlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gIDwvaDY+XG4gIDxwICpuZ1N3aXRjaENhc2U9XCInUCdcIiBbYXR0ci5pZF09XCJoZWFkaW5nSWQgfHwgbnVsbFwiIFtjbGFzc109XCJjdXN0b21DbGFzc1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkaW5nVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9wPlxuICA8cCAqbmdTd2l0Y2hEZWZhdWx0IFthdHRyLmlkXT1cImhlYWRpbmdJZCB8fCBudWxsXCIgW2NsYXNzXT1cImN1c3RvbUNsYXNzXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRpbmdUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICA8L3A+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNoZWFkaW5nVGVtcGxhdGU+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJoZWFkaW5nOyBlbHNlIGhlYWRpbmdDb250ZW50VGVtcGxhdGVcIj48c3BhbiBbb3V0ZXJIVE1MXT1cImhlYWRpbmdcIj48L3NwYW4+PC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2hlYWRpbmdDb250ZW50VGVtcGxhdGU+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=