@abgov/angular-components
Version:
Government of Alberta - UI components for Angular
139 lines • 11 kB
JavaScript
import { Component, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, Input, Output, } from "@angular/core";
import { GoabBaseComponent } from "../base.component";
import * as i0 from "@angular/core";
export class GoabPublicFormPage extends GoabBaseComponent {
constructor() {
super(...arguments);
this.id = "";
this.heading = "";
this.subHeading = "";
this.summaryHeading = "";
this.sectionTitle = "";
this.backUrl = "";
this.type = "step";
this.buttonText = "";
this.buttonVisibility = "visible";
this.first = false;
this.last = false;
/**
* triggers when the form page continues to the next step
*/
this.onContinue = new EventEmitter();
/**
* triggers when the user clicks the back link
*/
this.onBack = new EventEmitter();
/**
* triggers when the form fieldset content changes
*/
this.onFieldsetChange = new EventEmitter();
/**
* triggers when the form is completed
*/
this.onComplete = new EventEmitter();
}
_onContinue(event) {
this.onContinue.emit(event);
}
_onBack(event) {
this.onBack.emit(event);
}
_onFieldsetChange(event) {
const detail = event.detail;
this.onFieldsetChange.emit(detail);
}
_onComplete(event) {
const detail = event.detail;
this.onComplete.emit(detail);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabPublicFormPage, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabPublicFormPage, isStandalone: true, selector: "goab-public-form-page", inputs: { id: "id", heading: "heading", subHeading: "subHeading", summaryHeading: "summaryHeading", sectionTitle: "sectionTitle", backUrl: "backUrl", type: "type", buttonText: "buttonText", buttonVisibility: "buttonVisibility", first: "first", last: "last" }, outputs: { onContinue: "onContinue", onBack: "onBack", onFieldsetChange: "onFieldsetChange", onComplete: "onComplete" }, usesInheritance: true, ngImport: i0, template: `
<goa-public-form-page
[id]="id"
[attr.heading]="heading"
[attr.sub-heading]="subHeading"
[attr.section-title]="sectionTitle"
[attr.back-url]="backUrl"
[attr.type]="type"
[attr.button-text]="buttonText"
[attr.button-visibility]="buttonVisibility"
[attr.first]="first"
[attr.last]="last"
[attr.summary-heading]="summaryHeading"
[attr.mt]="mt"
[attr.mr]="mr"
[attr.mb]="mb"
[attr.ml]="ml"
(_continue)="_onContinue($event)"
(_back)="_onBack($event)"
(_fieldsetChange)="_onFieldsetChange($event)"
(_complete)="_onComplete($event)"
>
<ng-content></ng-content>
</goa-public-form-page>
`, isInline: true }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabPublicFormPage, decorators: [{
type: Component,
args: [{
selector: "goab-public-form-page",
standalone: true,
template: `
<goa-public-form-page
[id]="id"
[attr.heading]="heading"
[attr.sub-heading]="subHeading"
[attr.section-title]="sectionTitle"
[attr.back-url]="backUrl"
[attr.type]="type"
[attr.button-text]="buttonText"
[attr.button-visibility]="buttonVisibility"
[attr.first]="first"
[attr.last]="last"
[attr.summary-heading]="summaryHeading"
[attr.mt]="mt"
[attr.mr]="mr"
[attr.mb]="mb"
[attr.ml]="ml"
(_continue)="_onContinue($event)"
(_back)="_onBack($event)"
(_fieldsetChange)="_onFieldsetChange($event)"
(_complete)="_onComplete($event)"
>
<ng-content></ng-content>
</goa-public-form-page>
`,
schemas: [CUSTOM_ELEMENTS_SCHEMA]
}]
}], propDecorators: { id: [{
type: Input
}], heading: [{
type: Input
}], subHeading: [{
type: Input
}], summaryHeading: [{
type: Input
}], sectionTitle: [{
type: Input
}], backUrl: [{
type: Input
}], type: [{
type: Input
}], buttonText: [{
type: Input
}], buttonVisibility: [{
type: Input
}], first: [{
type: Input
}], last: [{
type: Input
}], onContinue: [{
type: Output
}], onBack: [{
type: Output
}], onFieldsetChange: [{
type: Output
}], onComplete: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWZvcm0tcGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3B1YmxpYy1mb3JtLXBhZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxzQkFBc0IsRUFDdEIsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBb0N0RCxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsaUJBQWlCO0lBOUJ6RDs7UUErQlcsT0FBRSxHQUFHLEVBQUUsQ0FBQztRQUNSLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixTQUFJLEdBQTJCLE1BQU0sQ0FBQztRQUN0QyxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLHFCQUFnQixHQUF3QyxTQUFTLENBQUM7UUFDbEUsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUNkLFNBQUksR0FBRyxLQUFLLENBQUM7UUFFdEI7O1dBRUc7UUFDTyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUVqRDs7V0FFRztRQUNPLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBRTdDOztXQUVHO1FBQ08scUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQTRDLENBQUM7UUFFMUY7O1dBRUc7UUFDTyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQXNDLENBQUM7S0FtQi9FO0lBakJDLFdBQVcsQ0FBQyxLQUFZO1FBQ3RCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBWTtRQUNsQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBWTtRQUM1QixNQUFNLE1BQU0sR0FBSSxLQUFxQixDQUFDLE1BQU0sQ0FBQztRQUM3QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBWTtRQUN0QixNQUFNLE1BQU0sR0FBSSxLQUFxQixDQUFDLE1BQU0sQ0FBQztRQUM3QyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMvQixDQUFDOzhHQWpEVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixxZUEzQnBCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7RUF3QlQ7OzJGQUdXLGtCQUFrQjtrQkE5QjlCLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0VBd0JUO29CQUNBLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNsQzs4QkFFVSxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFLSSxVQUFVO3NCQUFuQixNQUFNO2dCQUtHLE1BQU07c0JBQWYsTUFBTTtnQkFLRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBS0csVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgR29hYkJhc2VDb21wb25lbnQgfSBmcm9tIFwiLi4vYmFzZS5jb21wb25lbnRcIjtcbmltcG9ydCB7XG4gIEdvYWJQdWJsaWNGb3JtUGFnZUJ1dHRvblZpc2liaWxpdHksIEdvYWJQdWJsaWNGb3JtUGFnZU9uRmllbGRzZXRDaGFuZ2VEZXRhaWwsIEdvYWJQdWJsaWNGb3JtUGFnZU9uQ29tcGxldGVEZXRhaWwsXG4gIEdvYWJQdWJsaWNGb3JtUGFnZVN0ZXAsXG59IGZyb20gXCJAYWJnb3YvdWktY29tcG9uZW50cy1jb21tb25cIjtcblxuQENvbXBvbmVudCh7XG4gc2VsZWN0b3I6IFwiZ29hYi1wdWJsaWMtZm9ybS1wYWdlXCIsXG4gc3RhbmRhbG9uZTogdHJ1ZSxcbiB0ZW1wbGF0ZTogYFxuICAgPGdvYS1wdWJsaWMtZm9ybS1wYWdlXG4gICAgIFtpZF09XCJpZFwiXG4gICAgIFthdHRyLmhlYWRpbmddPVwiaGVhZGluZ1wiXG4gICAgIFthdHRyLnN1Yi1oZWFkaW5nXT1cInN1YkhlYWRpbmdcIlxuICAgICBbYXR0ci5zZWN0aW9uLXRpdGxlXT1cInNlY3Rpb25UaXRsZVwiXG4gICAgIFthdHRyLmJhY2stdXJsXT1cImJhY2tVcmxcIlxuICAgICBbYXR0ci50eXBlXT1cInR5cGVcIlxuICAgICBbYXR0ci5idXR0b24tdGV4dF09XCJidXR0b25UZXh0XCJcbiAgICAgW2F0dHIuYnV0dG9uLXZpc2liaWxpdHldPVwiYnV0dG9uVmlzaWJpbGl0eVwiXG4gICAgIFthdHRyLmZpcnN0XT1cImZpcnN0XCJcbiAgICAgW2F0dHIubGFzdF09XCJsYXN0XCJcbiAgICAgW2F0dHIuc3VtbWFyeS1oZWFkaW5nXT1cInN1bW1hcnlIZWFkaW5nXCJcbiAgICAgW2F0dHIubXRdPVwibXRcIlxuICAgICBbYXR0ci5tcl09XCJtclwiXG4gICAgIFthdHRyLm1iXT1cIm1iXCJcbiAgICAgW2F0dHIubWxdPVwibWxcIlxuICAgICAoX2NvbnRpbnVlKT1cIl9vbkNvbnRpbnVlKCRldmVudClcIlxuICAgICAoX2JhY2spPVwiX29uQmFjaygkZXZlbnQpXCJcbiAgICAgKF9maWVsZHNldENoYW5nZSk9XCJfb25GaWVsZHNldENoYW5nZSgkZXZlbnQpXCJcbiAgICAgKF9jb21wbGV0ZSk9XCJfb25Db21wbGV0ZSgkZXZlbnQpXCJcbiAgID5cbiAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgPC9nb2EtcHVibGljLWZvcm0tcGFnZT5cbiBgLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV1cbn0pXG5leHBvcnQgY2xhc3MgR29hYlB1YmxpY0Zvcm1QYWdlIGV4dGVuZHMgR29hYkJhc2VDb21wb25lbnQge1xuICBASW5wdXQoKSBpZCA9IFwiXCI7XG4gIEBJbnB1dCgpIGhlYWRpbmcgPSBcIlwiO1xuICBASW5wdXQoKSBzdWJIZWFkaW5nID0gXCJcIjtcbiAgQElucHV0KCkgc3VtbWFyeUhlYWRpbmcgPSBcIlwiO1xuICBASW5wdXQoKSBzZWN0aW9uVGl0bGUgPSBcIlwiO1xuICBASW5wdXQoKSBiYWNrVXJsID0gXCJcIjtcbiAgQElucHV0KCkgdHlwZTogR29hYlB1YmxpY0Zvcm1QYWdlU3RlcCA9IFwic3RlcFwiO1xuICBASW5wdXQoKSBidXR0b25UZXh0ID0gXCJcIjtcbiAgQElucHV0KCkgYnV0dG9uVmlzaWJpbGl0eSA6IEdvYWJQdWJsaWNGb3JtUGFnZUJ1dHRvblZpc2liaWxpdHkgPSBcInZpc2libGVcIjtcbiAgQElucHV0KCkgZmlyc3QgPSBmYWxzZTtcbiAgQElucHV0KCkgbGFzdCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiB0cmlnZ2VycyB3aGVuIHRoZSBmb3JtIHBhZ2UgY29udGludWVzIHRvIHRoZSBuZXh0IHN0ZXBcbiAgICovXG4gIEBPdXRwdXQoKSBvbkNvbnRpbnVlID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICAvKipcbiAgICogdHJpZ2dlcnMgd2hlbiB0aGUgdXNlciBjbGlja3MgdGhlIGJhY2sgbGlua1xuICAgKi9cbiAgQE91dHB1dCgpIG9uQmFjayA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIHRyaWdnZXJzIHdoZW4gdGhlIGZvcm0gZmllbGRzZXQgY29udGVudCBjaGFuZ2VzXG4gICAqL1xuICBAT3V0cHV0KCkgb25GaWVsZHNldENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8R29hYlB1YmxpY0Zvcm1QYWdlT25GaWVsZHNldENoYW5nZURldGFpbD4oKTtcblxuICAvKipcbiAgICogdHJpZ2dlcnMgd2hlbiB0aGUgZm9ybSBpcyBjb21wbGV0ZWRcbiAgICovXG4gIEBPdXRwdXQoKSBvbkNvbXBsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjxHb2FiUHVibGljRm9ybVBhZ2VPbkNvbXBsZXRlRGV0YWlsPigpO1xuXG4gIF9vbkNvbnRpbnVlKGV2ZW50OiBFdmVudCkge1xuICAgIHRoaXMub25Db250aW51ZS5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIF9vbkJhY2soZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5vbkJhY2suZW1pdChldmVudCk7XG4gIH1cblxuICBfb25GaWVsZHNldENoYW5nZShldmVudDogRXZlbnQpIHtcbiAgICBjb25zdCBkZXRhaWwgPSAoZXZlbnQgYXMgQ3VzdG9tRXZlbnQpLmRldGFpbDtcbiAgICB0aGlzLm9uRmllbGRzZXRDaGFuZ2UuZW1pdChkZXRhaWwpO1xuICB9XG5cbiAgX29uQ29tcGxldGUoZXZlbnQ6IEV2ZW50KSB7XG4gICAgY29uc3QgZGV0YWlsID0gKGV2ZW50IGFzIEN1c3RvbUV2ZW50KS5kZXRhaWw7XG4gICAgdGhpcy5vbkNvbXBsZXRlLmVtaXQoZGV0YWlsKTtcbiAgfVxufVxuIl19