@abgov/angular-components
Version:
Government of Alberta - UI components for Angular
84 lines • 7.28 kB
JavaScript
import { CUSTOM_ELEMENTS_SCHEMA, Component, Input, TemplateRef, Output, EventEmitter, booleanAttribute, } from "@angular/core";
import { NgTemplateOutlet } from "@angular/common";
import { GoabBaseComponent } from "../base.component";
import * as i0 from "@angular/core";
export class GoabAccordion extends GoabBaseComponent {
constructor() {
super(...arguments);
this.onChange = new EventEmitter();
}
_onChange(e) {
const detail = e.detail;
this.onChange.emit(detail.open);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAccordion, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabAccordion, isStandalone: true, selector: "goab-accordion", inputs: { heading: "heading", secondaryText: "secondaryText", open: ["open", "open", booleanAttribute], headingSize: "headingSize", headingContent: "headingContent", maxWidth: "maxWidth", iconPosition: "iconPosition" }, outputs: { onChange: "onChange" }, usesInheritance: true, ngImport: i0, template: `
<goa-accordion
[attr.heading]="heading"
[attr.secondarytext]="secondaryText"
[attr.open]="open"
[attr.headingsize]="headingSize"
[attr.maxwidth]="maxWidth"
[attr.testid]="testId"
[attr.iconposition]="iconPosition"
[attr.mt]="mt"
[attr.mb]="mb"
[attr.ml]="ml"
[attr.mr]="mr"
(_change)="_onChange($event)"
>
<div slot="headingcontent">
<ng-container [ngTemplateOutlet]="headingContent"></ng-container>
</div>
<ng-content></ng-content>
</goa-accordion>
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabAccordion, decorators: [{
type: Component,
args: [{
standalone: true,
selector: "goab-accordion",
imports: [NgTemplateOutlet],
template: `
<goa-accordion
[attr.heading]="heading"
[attr.secondarytext]="secondaryText"
[attr.open]="open"
[attr.headingsize]="headingSize"
[attr.maxwidth]="maxWidth"
[attr.testid]="testId"
[attr.iconposition]="iconPosition"
[attr.mt]="mt"
[attr.mb]="mb"
[attr.ml]="ml"
[attr.mr]="mr"
(_change)="_onChange($event)"
>
<div slot="headingcontent">
<ng-container [ngTemplateOutlet]="headingContent"></ng-container>
</div>
<ng-content></ng-content>
</goa-accordion>
`,
schemas: [CUSTOM_ELEMENTS_SCHEMA],
}]
}], propDecorators: { heading: [{
type: Input
}], secondaryText: [{
type: Input
}], open: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], headingSize: [{
type: Input
}], headingContent: [{
type: Input
}], maxWidth: [{
type: Input
}], iconPosition: [{
type: Input
}], onChange: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi9hY2NvcmRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUEsT0FBTyxFQUNMLHNCQUFzQixFQUN0QixTQUFTLEVBQ1QsS0FBSyxFQUNMLFdBQVcsRUFDWCxNQUFNLEVBQ04sWUFBWSxFQUNaLGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUE2QnRELE1BQU0sT0FBTyxhQUFjLFNBQVEsaUJBQWlCO0lBM0JwRDs7UUFvQ1ksYUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FNbEQ7SUFKQyxTQUFTLENBQUMsQ0FBUTtRQUNoQixNQUFNLE1BQU0sR0FBSSxDQUFpQixDQUFDLE1BQU0sQ0FBQztRQUN6QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBZSxDQUFDLENBQUM7SUFDN0MsQ0FBQzs4R0FkVSxhQUFhO2tHQUFiLGFBQWEsdUlBR0osZ0JBQWdCLHlNQTFCMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JULDREQXJCUyxnQkFBZ0I7OzJGQXdCZixhQUFhO2tCQTNCekIsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQzNCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQlQ7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ2xDOzhCQUVVLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNrQyxJQUFJO3NCQUEzQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUM3QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBHb2FiQWNjb3JkaW9uSGVhZGluZ1NpemUsXG4gIEdvYWJBY2NvcmRpb25JY29uUG9zaXRpb24sXG59IGZyb20gXCJAYWJnb3YvdWktY29tcG9uZW50cy1jb21tb25cIjtcbmltcG9ydCB7XG4gIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBHb2FiQmFzZUNvbXBvbmVudCB9IGZyb20gXCIuLi9iYXNlLmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6IFwiZ29hYi1hY2NvcmRpb25cIixcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxnb2EtYWNjb3JkaW9uXG4gICAgICBbYXR0ci5oZWFkaW5nXT1cImhlYWRpbmdcIlxuICAgICAgW2F0dHIuc2Vjb25kYXJ5dGV4dF09XCJzZWNvbmRhcnlUZXh0XCJcbiAgICAgIFthdHRyLm9wZW5dPVwib3BlblwiXG4gICAgICBbYXR0ci5oZWFkaW5nc2l6ZV09XCJoZWFkaW5nU2l6ZVwiXG4gICAgICBbYXR0ci5tYXh3aWR0aF09XCJtYXhXaWR0aFwiXG4gICAgICBbYXR0ci50ZXN0aWRdPVwidGVzdElkXCJcbiAgICAgIFthdHRyLmljb25wb3NpdGlvbl09XCJpY29uUG9zaXRpb25cIlxuICAgICAgW2F0dHIubXRdPVwibXRcIlxuICAgICAgW2F0dHIubWJdPVwibWJcIlxuICAgICAgW2F0dHIubWxdPVwibWxcIlxuICAgICAgW2F0dHIubXJdPVwibXJcIlxuICAgICAgKF9jaGFuZ2UpPVwiX29uQ2hhbmdlKCRldmVudClcIlxuICAgID5cbiAgICAgIDxkaXYgc2xvdD1cImhlYWRpbmdjb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiaGVhZGluZ0NvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZ29hLWFjY29yZGlvbj5cbiAgYCxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxufSlcbmV4cG9ydCBjbGFzcyBHb2FiQWNjb3JkaW9uIGV4dGVuZHMgR29hYkJhc2VDb21wb25lbnQge1xuICBASW5wdXQoKSBoZWFkaW5nPzogc3RyaW5nO1xuICBASW5wdXQoKSBzZWNvbmRhcnlUZXh0Pzogc3RyaW5nO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgb3Blbj86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGhlYWRpbmdTaXplPzogR29hYkFjY29yZGlvbkhlYWRpbmdTaXplO1xuICBASW5wdXQoKSBoZWFkaW5nQ29udGVudCE6IFRlbXBsYXRlUmVmPGFueT47XG4gIEBJbnB1dCgpIG1heFdpZHRoPzogc3RyaW5nO1xuICBASW5wdXQoKSBpY29uUG9zaXRpb24/OiBHb2FiQWNjb3JkaW9uSWNvblBvc2l0aW9uO1xuXG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBfb25DaGFuZ2UoZTogRXZlbnQpIHtcbiAgICBjb25zdCBkZXRhaWwgPSAoZSBhcyBDdXN0b21FdmVudCkuZGV0YWlsO1xuICAgIHRoaXMub25DaGFuZ2UuZW1pdChkZXRhaWwub3BlbiBhcyBib29sZWFuKTtcbiAgfVxufVxuIl19