govuk-angular
Version:
Angular components port of govuk-frontend nunjucks macros.
87 lines (75 loc) • 7.38 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class GovUKAccordionSectionComponent {
constructor() {
this.active = false;
this.expandClassName = 'govuk-accordion__section--expanded';
this.expand = () => this.active = !this.active;
this.open = () => this.active = true;
this.close = () => this.active = false;
}
}
GovUKAccordionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GovUKAccordionSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
GovUKAccordionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: GovUKAccordionSectionComponent, selector: "govuk-accordion-section", inputs: { id: "id", heading: "heading", summary: "summary", active: "active" }, ngImport: i0, template: `
<div class="govuk-accordion__section" [ngClass]="{'govuk-accordion__section--expanded': active}" id="section-{{id}}">
<div class="govuk-accordion__section-header">
<h2 class="govuk-accordion__section-heading" id="section-header-{{id}}">
<button (click)="expand()" id="section-open-btn-{{id}}"
type="button" id="accordion-default-heading-2"
aria-controls="accordion-default-content-2"
class="govuk-accordion__section-button" aria-expanded="false">
{{heading}}
<span class="govuk-accordion__icon" aria-hidden="true"></span>
</button>
</h2>
<div *ngIf="summary" class="govuk-accordion__section-summary govuk-body" id="accordion-with-summary-sections-summary-1">
{{summary}}
</div>
</div>
<div id="accordion-content-{{id}}"
class="govuk-accordion__section-content"
aria-labelledby="accordion-default-heading-2">
<ng-content></ng-content>
</div>
</div>
`, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GovUKAccordionSectionComponent, decorators: [{
type: Component,
args: [{
// eslint-disable-next-line @angular-eslint/component-selector
selector: 'govuk-accordion-section',
template: `
<div class="govuk-accordion__section" [ngClass]="{'govuk-accordion__section--expanded': active}" id="section-{{id}}">
<div class="govuk-accordion__section-header">
<h2 class="govuk-accordion__section-heading" id="section-header-{{id}}">
<button (click)="expand()" id="section-open-btn-{{id}}"
type="button" id="accordion-default-heading-2"
aria-controls="accordion-default-content-2"
class="govuk-accordion__section-button" aria-expanded="false">
{{heading}}
<span class="govuk-accordion__icon" aria-hidden="true"></span>
</button>
</h2>
<div *ngIf="summary" class="govuk-accordion__section-summary govuk-body" id="accordion-with-summary-sections-summary-1">
{{summary}}
</div>
</div>
<div id="accordion-content-{{id}}"
class="govuk-accordion__section-content"
aria-labelledby="accordion-default-heading-2">
<ng-content></ng-content>
</div>
</div>
`
}]
}], ctorParameters: function () { return []; }, propDecorators: { id: [{
type: Input
}], heading: [{
type: Input
}], summary: [{
type: Input
}], active: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLXNlY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ292dWstYW5ndWxhci9zcmMvbGliL2FjY29yZGlvbi9hY2NvcmRpb24tc2VjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW1DakQsTUFBTSxPQUFPLDhCQUE4QjtJQVF6QztRQUpTLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFeEIsb0JBQWUsR0FBRyxvQ0FBb0MsQ0FBQztRQUl2RCxXQUFNLEdBQUcsR0FBRyxFQUFFLENBQUUsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0MsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ2hDLFVBQUssR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUpuQixDQUFDOzsySEFSTCw4QkFBOEI7K0dBQTlCLDhCQUE4QiwrSUE5Qi9COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNEJUOzJGQUVVLDhCQUE4QjtrQkFqQzFDLFNBQVM7bUJBQUM7b0JBQ1QsOERBQThEO29CQUM5RCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0QlQ7aUJBQ0Y7MEVBRVUsRUFBRTtzQkFBVixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2dvdnVrLWFjY29yZGlvbi1zZWN0aW9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZ292dWstYWNjb3JkaW9uX19zZWN0aW9uXCIgW25nQ2xhc3NdPVwieydnb3Z1ay1hY2NvcmRpb25fX3NlY3Rpb24tLWV4cGFuZGVkJzogYWN0aXZlfVwiIGlkPVwic2VjdGlvbi17e2lkfX1cIj5cblxuICAgICAgPGRpdiBjbGFzcz1cImdvdnVrLWFjY29yZGlvbl9fc2VjdGlvbi1oZWFkZXJcIj5cblxuICAgICAgICA8aDIgY2xhc3M9XCJnb3Z1ay1hY2NvcmRpb25fX3NlY3Rpb24taGVhZGluZ1wiICBpZD1cInNlY3Rpb24taGVhZGVyLXt7aWR9fVwiPlxuXG4gICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiZXhwYW5kKClcIiBpZD1cInNlY3Rpb24tb3Blbi1idG4te3tpZH19XCJcbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIiBpZD1cImFjY29yZGlvbi1kZWZhdWx0LWhlYWRpbmctMlwiXG4gICAgICAgICAgICAgICAgICBhcmlhLWNvbnRyb2xzPVwiYWNjb3JkaW9uLWRlZmF1bHQtY29udGVudC0yXCJcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZ292dWstYWNjb3JkaW9uX19zZWN0aW9uLWJ1dHRvblwiIGFyaWEtZXhwYW5kZWQ9XCJmYWxzZVwiPlxuICAgICAgICAgICAge3toZWFkaW5nfX1cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZ292dWstYWNjb3JkaW9uX19pY29uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuXG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvaDI+XG4gICAgICAgPGRpdiAgKm5nSWY9XCJzdW1tYXJ5XCIgY2xhc3M9XCJnb3Z1ay1hY2NvcmRpb25fX3NlY3Rpb24tc3VtbWFyeSBnb3Z1ay1ib2R5XCIgaWQ9XCJhY2NvcmRpb24td2l0aC1zdW1tYXJ5LXNlY3Rpb25zLXN1bW1hcnktMVwiPlxuICAgICAgICAge3tzdW1tYXJ5fX1cbiAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGlkPVwiYWNjb3JkaW9uLWNvbnRlbnQte3tpZH19XCJcbiAgICAgICAgICAgY2xhc3M9XCJnb3Z1ay1hY2NvcmRpb25fX3NlY3Rpb24tY29udGVudFwiXG4gICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cImFjY29yZGlvbi1kZWZhdWx0LWhlYWRpbmctMlwiPlxuICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cblxuICAgIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIEdvdlVLQWNjb3JkaW9uU2VjdGlvbkNvbXBvbmVudCAge1xuICBASW5wdXQoKSBpZDogc3RyaW5nO1xuICBASW5wdXQoKSBoZWFkaW5nOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHN1bW1hcnk6IHN0cmluZztcbiAgQElucHV0KCkgYWN0aXZlID0gZmFsc2U7XG5cbiAgZXhwYW5kQ2xhc3NOYW1lID0gJ2dvdnVrLWFjY29yZGlvbl9fc2VjdGlvbi0tZXhwYW5kZWQnO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBleHBhbmQgPSAoKSA9PiAgdGhpcy5hY3RpdmUgPSAhdGhpcy5hY3RpdmU7XG4gIG9wZW4gPSAoKSA9PiB0aGlzLmFjdGl2ZSA9IHRydWU7XG4gIGNsb3NlID0gKCkgPT4gdGhpcy5hY3RpdmUgPSBmYWxzZTtcblxufVxuXG4iXX0=