@abgov/angular-components
Version:
Government of Alberta - UI components for Angular
88 lines • 6.8 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 GoabIconButton extends GoabBaseComponent {
constructor() {
super(...arguments);
this.size = "medium";
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: GoabIconButton, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabIconButton, isStandalone: true, selector: "goab-icon-button", inputs: { icon: "icon", size: "size", variant: "variant", title: "title", disabled: ["disabled", "disabled", booleanAttribute], ariaLabel: "ariaLabel", action: "action", actionArg: "actionArg", actionArgs: "actionArgs" }, outputs: { onClick: "onClick" }, usesInheritance: true, ngImport: i0, template: `
<goa-icon-button
[]="icon"
[]="disabled"
[]="size"
[]="variant"
[]="title"
[]="ariaLabel"
[]="testId"
[]="action"
[]="actionArg"
[]="JSON.stringify(actionArgs)"
[]="mt"
[]="mb"
[]="ml"
[]="mr"
(_click)="_onClick()"
>
<ng-content></ng-content>
</goa-icon-button>
`, isInline: true }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabIconButton, decorators: [{
type: Component,
args: [{
standalone: true,
selector: "goab-icon-button",
template: `
<goa-icon-button
[]="icon"
[]="disabled"
[]="size"
[]="variant"
[]="title"
[]="ariaLabel"
[]="testId"
[]="action"
[]="actionArg"
[]="JSON.stringify(actionArgs)"
[]="mt"
[]="mb"
[]="ml"
[]="mr"
(_click)="_onClick()"
>
<ng-content></ng-content>
</goa-icon-button>
`,
schemas: [CUSTOM_ELEMENTS_SCHEMA],
}]
}], propDecorators: { icon: [{
type: Input,
args: [{ required: true }]
}], size: [{
type: Input
}], variant: [{
type: Input
}], title: [{
type: Input
}], disabled: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], ariaLabel: [{
type: Input
}], action: [{
type: Input
}], actionArg: [{
type: Input
}], actionArgs: [{
type: Input
}], onClick: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvaWNvbi1idXR0b24vaWNvbi1idXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsT0FBTyxFQUNMLHNCQUFzQixFQUN0QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sZ0JBQWdCLEdBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQTRCdEQsTUFBTSxPQUFPLGNBQWUsU0FBUSxpQkFBaUI7SUExQnJEOztRQTRCVyxTQUFJLEdBQWtCLFFBQVEsQ0FBQztRQVM5QixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU1wQixTQUFJLEdBQUcsSUFBSSxDQUFDO0tBQ2hDO0lBTEMsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzs4R0FmVSxjQUFjO2tHQUFkLGNBQWMsaUtBS0wsZ0JBQWdCLGlMQTVCMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JUOzsyRkFHVSxjQUFjO2tCQTFCMUIsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CVDtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDbEM7OEJBRTRCLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNoQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDa0MsUUFBUTtzQkFBL0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDN0IsU0FBUztzQkFBakIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBHb2FiSWNvbkJ1dHRvblZhcmlhbnQsXG4gIEdvYWJJY29uU2l6ZSxcbiAgR29hYkljb25UeXBlLFxufSBmcm9tIFwiQGFiZ292L3VpLWNvbXBvbmVudHMtY29tbW9uXCI7XG5pbXBvcnQge1xuICBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEdvYWJCYXNlQ29tcG9uZW50IH0gZnJvbSBcIi4uL2Jhc2UuY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogXCJnb2FiLWljb24tYnV0dG9uXCIsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGdvYS1pY29uLWJ1dHRvblxuICAgICAgW2F0dHIuaWNvbl09XCJpY29uXCJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICBbYXR0ci5zaXplXT1cInNpemVcIlxuICAgICAgW2F0dHIudmFyaWFudF09XCJ2YXJpYW50XCJcbiAgICAgIFt0aXRsZV09XCJ0aXRsZVwiXG4gICAgICBbYXR0ci5hcmlhbGFiZWxdPVwiYXJpYUxhYmVsXCJcbiAgICAgIFthdHRyLnRlc3RpZF09XCJ0ZXN0SWRcIlxuICAgICAgW2F0dHIuYWN0aW9uXT1cImFjdGlvblwiXG4gICAgICBbYXR0ci5hY3Rpb24tYXJnXT1cImFjdGlvbkFyZ1wiXG4gICAgICBbYXR0ci5hY3Rpb24tYXJnc109XCJKU09OLnN0cmluZ2lmeShhY3Rpb25BcmdzKVwiXG4gICAgICBbYXR0ci5tdF09XCJtdFwiXG4gICAgICBbYXR0ci5tYl09XCJtYlwiXG4gICAgICBbYXR0ci5tbF09XCJtbFwiXG4gICAgICBbYXR0ci5tcl09XCJtclwiXG4gICAgICAoX2NsaWNrKT1cIl9vbkNsaWNrKClcIlxuICAgID5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2dvYS1pY29uLWJ1dHRvbj5cbiAgYCxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxufSlcbmV4cG9ydCBjbGFzcyBHb2FiSWNvbkJ1dHRvbiBleHRlbmRzIEdvYWJCYXNlQ29tcG9uZW50IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgaWNvbiE6IEdvYWJJY29uVHlwZTtcbiAgQElucHV0KCkgc2l6ZT86IEdvYWJJY29uU2l6ZSA9IFwibWVkaXVtXCI7XG4gIEBJbnB1dCgpIHZhcmlhbnQ/OiBHb2FiSWNvbkJ1dHRvblZhcmlhbnQ7XG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBhcmlhTGFiZWw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFjdGlvbj86IHN0cmluZztcbiAgQElucHV0KCkgYWN0aW9uQXJnPzogc3RyaW5nO1xuICBASW5wdXQoKSBhY3Rpb25BcmdzPzogUmVjb3JkPHN0cmluZywgdW5rbm93bj47XG5cbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgX29uQ2xpY2soKSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCByZWFkb25seSBKU09OID0gSlNPTjtcbn1cbiJdfQ==