@hmcts/media-viewer
Version:
63 lines (59 loc) • 5.43 kB
JavaScript
import { Component, Input } from '@angular/core';
import { HtmlTemplatesHelper } from '../util/helpers/html-templates.helper';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
/*
* Gov Uk Fieldset Component
* Used to wrap group fieldset elements
* it can conditionally display h1 tag
* @param config
* @param isHeading
* @param errorMessage - used for aria tag
* */
export class GovUkFieldsetComponent {
setDescribedBy() {
return HtmlTemplatesHelper.setDescribedBy(this.errorMessage, this.config);
}
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovUkFieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GovUkFieldsetComponent, selector: "mv-gov-uk-fieldset", inputs: { config: "config", isHeading: "isHeading", errorMessage: "errorMessage" }, ngImport: i0, template: `
<fieldset class="govuk-fieldset" [attr.aria-describedby]="setDescribedBy()">
<legend [class]="config.classes + ' govuk-fieldset__legend'" *ngIf="!isHeading">
{{config.legend}}
</legend>
<legend [class]="config.classes + ' govuk-fieldset__legend'" *ngIf="isHeading">
<h1>{{config.legend}}</h1>
</legend>
<span [id]="config.id+'-hint'" class="govuk-hint" *ngIf="config.hint">
{{config.hint}}
</span>
<ng-content></ng-content>
</fieldset>
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovUkFieldsetComponent, decorators: [{
type: Component,
args: [{
selector: 'mv-gov-uk-fieldset',
template: `
<fieldset class="govuk-fieldset" [attr.aria-describedby]="setDescribedBy()">
<legend [class]="config.classes + ' govuk-fieldset__legend'" *ngIf="!isHeading">
{{config.legend}}
</legend>
<legend [class]="config.classes + ' govuk-fieldset__legend'" *ngIf="isHeading">
<h1>{{config.legend}}</h1>
</legend>
<span [id]="config.id+'-hint'" class="govuk-hint" *ngIf="config.hint">
{{config.hint}}
</span>
<ng-content></ng-content>
</fieldset>
`
}]
}], propDecorators: { config: [{
type: Input
}], isHeading: [{
type: Input
}], errorMessage: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ292LXVrLWZpZWxkc2V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZGlhLXZpZXdlci9zcmMvbGliL3NoYXJlZC9nb3YtdWstZmllbGRzZXQvZ292LXVrLWZpZWxkc2V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQzs7O0FBQzFFOzs7Ozs7O0lBT0k7QUFvQkosTUFBTSxPQUFPLHNCQUFzQjtJQUtqQyxjQUFjO1FBQ1osT0FBTyxtQkFBbUIsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDNUUsQ0FBQztrSUFQVSxzQkFBc0I7c0hBQXRCLHNCQUFzQiw4SUFqQnZCOzs7Ozs7Ozs7Ozs7Ozs7R0FlVDs7NEZBRVUsc0JBQXNCO2tCQW5CbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7OztHQWVUO2lCQUNGOzhCQUVVLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtIdG1sVGVtcGxhdGVzSGVscGVyfSBmcm9tICcuLi91dGlsL2hlbHBlcnMvaHRtbC10ZW1wbGF0ZXMuaGVscGVyJztcbi8qXG4qIEdvdiBVayBGaWVsZHNldCBDb21wb25lbnRcbiogVXNlZCB0byB3cmFwIGdyb3VwIGZpZWxkc2V0IGVsZW1lbnRzXG4qIGl0IGNhbiBjb25kaXRpb25hbGx5IGRpc3BsYXkgaDEgdGFnXG4qIEBwYXJhbSBjb25maWdcbiogQHBhcmFtIGlzSGVhZGluZ1xuKiBAcGFyYW0gZXJyb3JNZXNzYWdlIC0gdXNlZCBmb3IgYXJpYSB0YWdcbiogKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ212LWdvdi11ay1maWVsZHNldCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgICA8ZmllbGRzZXQgY2xhc3M9XCJnb3Z1ay1maWVsZHNldFwiIFthdHRyLmFyaWEtZGVzY3JpYmVkYnldPVwic2V0RGVzY3JpYmVkQnkoKVwiPlxuICAgICAgICA8bGVnZW5kIFtjbGFzc109XCJjb25maWcuY2xhc3NlcyArICcgZ292dWstZmllbGRzZXRfX2xlZ2VuZCdcIiAqbmdJZj1cIiFpc0hlYWRpbmdcIj5cbiAgICAgICAgICB7e2NvbmZpZy5sZWdlbmR9fVxuICAgICAgICA8L2xlZ2VuZD5cblxuICAgICAgICA8bGVnZW5kIFtjbGFzc109XCJjb25maWcuY2xhc3NlcyArICcgZ292dWstZmllbGRzZXRfX2xlZ2VuZCdcIiAqbmdJZj1cImlzSGVhZGluZ1wiPlxuICAgICAgICAgIDxoMT57e2NvbmZpZy5sZWdlbmR9fTwvaDE+XG4gICAgICAgIDwvbGVnZW5kPlxuXG4gICAgICAgIDxzcGFuIFtpZF09XCJjb25maWcuaWQrJy1oaW50J1wiIGNsYXNzPVwiZ292dWstaGludFwiICpuZ0lmPVwiY29uZmlnLmhpbnRcIj5cbiAgICAgICAgICB7e2NvbmZpZy5oaW50fX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2ZpZWxkc2V0PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIEdvdlVrRmllbGRzZXRDb21wb25lbnQge1xuICBASW5wdXQoKSBjb25maWc6IHtsZWdlbmQ6IHN0cmluZzsgY2xhc3Nlczogc3RyaW5nLCBpZDogc3RyaW5nLCBoaW50OiBzdHJpbmcsIGtleTogc3RyaW5nfTtcbiAgQElucHV0KCkgaXNIZWFkaW5nOiBib29sZWFuO1xuICBASW5wdXQoKSBlcnJvck1lc3NhZ2U6IHN0cmluZ1tdO1xuXG4gIHNldERlc2NyaWJlZEJ5KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIEh0bWxUZW1wbGF0ZXNIZWxwZXIuc2V0RGVzY3JpYmVkQnkodGhpcy5lcnJvck1lc3NhZ2UsIHRoaXMuY29uZmlnKTtcbiAgfVxufVxuIl19