@abgov/angular-components
Version:
Government of Alberta - UI components for Angular
91 lines • 6.94 kB
JavaScript
import { CUSTOM_ELEMENTS_SCHEMA, Component, EventEmitter, Input, Output, booleanAttribute, } from "@angular/core";
import { GoabBaseComponent } from "../base.component";
import * as i0 from "@angular/core";
export class GoabButton extends GoabBaseComponent {
constructor() {
super(...arguments);
this.type = "primary";
this.onClick = new EventEmitter();
this.JSON = JSON;
}
_onClick() {
this.onClick.emit();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabButton, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabButton, isStandalone: true, selector: "goab-button", inputs: { type: "type", size: "size", variant: "variant", disabled: ["disabled", "disabled", booleanAttribute], leadingIcon: "leadingIcon", trailingIcon: "trailingIcon", width: "width", action: "action", actionArg: "actionArg", actionArgs: "actionArgs" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
<goa-button
[]="type"
[]="size"
[]="variant"
[]="disabled"
[]="leadingIcon"
[]="trailingIcon"
[]="width"
[]="testId"
[]="action"
[]="actionArg"
[]="JSON.stringify(actionArgs)"
[]="mt"
[]="mb"
[]="ml"
[]="mr"
(_click)="_onClick()"
>
<ng-content />
</goa-button>
`, isInline: true }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabButton, decorators: [{
type: Component,
args: [{
standalone: true,
selector: "goab-button",
template: `
<goa-button
[]="type"
[]="size"
[]="variant"
[]="disabled"
[]="leadingIcon"
[]="trailingIcon"
[]="width"
[]="testId"
[]="action"
[]="actionArg"
[]="JSON.stringify(actionArgs)"
[]="mt"
[]="mb"
[]="ml"
[]="mr"
(_click)="_onClick()"
>
<ng-content />
</goa-button>
`,
schemas: [CUSTOM_ELEMENTS_SCHEMA],
}]
}], propDecorators: { type: [{
type: Input
}], size: [{
type: Input
}], variant: [{
type: Input
}], disabled: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], leadingIcon: [{
type: Input
}], trailingIcon: [{
type: Input
}], width: [{
type: Input
}], action: [{
type: Input
}], actionArg: [{
type: Input
}], actionArgs: [{
type: Input
}], onClick: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUEsT0FBTyxFQUNMLHNCQUFzQixFQUN0QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sZ0JBQWdCLEdBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQTZCdEQsTUFBTSxPQUFPLFVBQVcsU0FBUSxpQkFBaUI7SUEzQmpEOztRQTRCVyxTQUFJLEdBQW9CLFNBQVMsQ0FBQztRQVdqQyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU1wQixTQUFJLEdBQUcsSUFBSSxDQUFDO0tBQ2hDO0lBTEMsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzs4R0FoQlUsVUFBVTtrR0FBVixVQUFVLDRJQUlELGdCQUFnQixtT0E1QjFCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQ7OzJGQUdVLFVBQVU7a0JBM0J0QixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQ7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ2xDOzhCQUVVLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNrQyxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUM3QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEdvYWJCdXR0b25TaXplLFxuICBHb2FiQnV0dG9uVHlwZSxcbiAgR29hYkJ1dHRvblZhcmlhbnQsXG4gIEdvYWJJY29uVHlwZSxcbn0gZnJvbSBcIkBhYmdvdi91aS1jb21wb25lbnRzLWNvbW1vblwiO1xuaW1wb3J0IHtcbiAgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIGJvb2xlYW5BdHRyaWJ1dGUsXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBHb2FiQmFzZUNvbXBvbmVudCB9IGZyb20gXCIuLi9iYXNlLmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6IFwiZ29hYi1idXR0b25cIixcbiAgdGVtcGxhdGU6IGBcbiAgICA8Z29hLWJ1dHRvblxuICAgICAgW2F0dHIudHlwZV09XCJ0eXBlXCJcbiAgICAgIFthdHRyLnNpemVdPVwic2l6ZVwiXG4gICAgICBbYXR0ci52YXJpYW50XT1cInZhcmlhbnRcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFthdHRyLmxlYWRpbmdpY29uXT1cImxlYWRpbmdJY29uXCJcbiAgICAgIFthdHRyLnRyYWlsaW5naWNvbl09XCJ0cmFpbGluZ0ljb25cIlxuICAgICAgW2F0dHIud2lkdGhdPVwid2lkdGhcIlxuICAgICAgW2F0dHIudGVzdGlkXT1cInRlc3RJZFwiXG4gICAgICBbYXR0ci5hY3Rpb25dPVwiYWN0aW9uXCJcbiAgICAgIFthdHRyLmFjdGlvbi1hcmddPVwiYWN0aW9uQXJnXCJcbiAgICAgIFthdHRyLmFjdGlvbi1hcmdzXT1cIkpTT04uc3RyaW5naWZ5KGFjdGlvbkFyZ3MpXCJcbiAgICAgIFthdHRyLm10XT1cIm10XCJcbiAgICAgIFthdHRyLm1iXT1cIm1iXCJcbiAgICAgIFthdHRyLm1sXT1cIm1sXCJcbiAgICAgIFthdHRyLm1yXT1cIm1yXCJcbiAgICAgIChfY2xpY2spPVwiX29uQ2xpY2soKVwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8L2dvYS1idXR0b24+XG4gIGAsXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcbn0pXG5leHBvcnQgY2xhc3MgR29hYkJ1dHRvbiBleHRlbmRzIEdvYWJCYXNlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdHlwZT86IEdvYWJCdXR0b25UeXBlID0gXCJwcmltYXJ5XCI7XG4gIEBJbnB1dCgpIHNpemU/OiBHb2FiQnV0dG9uU2l6ZTtcbiAgQElucHV0KCkgdmFyaWFudD86IEdvYWJCdXR0b25WYXJpYW50O1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBsZWFkaW5nSWNvbj86IEdvYWJJY29uVHlwZTtcbiAgQElucHV0KCkgdHJhaWxpbmdJY29uPzogR29hYkljb25UeXBlO1xuICBASW5wdXQoKSB3aWR0aD86IHN0cmluZztcbiAgQElucHV0KCkgYWN0aW9uPzogc3RyaW5nO1xuICBASW5wdXQoKSBhY3Rpb25Bcmc/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFjdGlvbkFyZ3M/OiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPjtcblxuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBfb25DbGljaygpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IEpTT04gPSBKU09OO1xufVxuIl19