@abgov/angular-components
Version:
Government of Alberta - UI components for Angular
110 lines • 9.22 kB
JavaScript
import { CUSTOM_ELEMENTS_SCHEMA, Component, Input, TemplateRef, booleanAttribute, } from "@angular/core";
import { NgIf, NgTemplateOutlet } from "@angular/common";
import { GoabBaseComponent } from "../base.component";
import * as i0 from "@angular/core";
export class GoabRadioItem extends GoabBaseComponent {
getDescriptionAsString() {
return !this.description || this.description instanceof TemplateRef
? ""
: this.description;
}
getDescriptionAsTemplate() {
if (!this.description)
return null;
return this.description instanceof TemplateRef ? this.description : null;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabRadioItem, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabRadioItem, isStandalone: true, selector: "goab-radio-item", inputs: { value: "value", label: "label", name: "name", description: "description", reveal: "reveal", ariaLabel: "ariaLabel", revealAriaLabel: "revealAriaLabel", disabled: ["disabled", "disabled", booleanAttribute], checked: ["checked", "checked", booleanAttribute], error: ["error", "error", booleanAttribute], maxWidth: "maxWidth" }, usesInheritance: true, ngImport: i0, template: `
<goa-radio-item
[attr.name]="name"
[attr.value]="value"
[attr.label]="label"
[attr.description]="getDescriptionAsString()"
[attr.arialabel]="ariaLabel"
[attr.revealarialabel]="revealAriaLabel"
[disabled]="disabled"
[attr.maxwidth]="maxWidth"
[attr.checked]="checked"
[attr.error]="error"
[attr.mt]="mt"
[attr.mb]="mb"
[attr.ml]="ml"
[attr.mr]="mr"
>
<ng-content />
<div slot="description">
<ng-container [ngTemplateOutlet]="getDescriptionAsTemplate()"></ng-container>
</div>
<div slot="reveal">
<ng-container
*ngIf="this.reveal"
[ngTemplateOutlet]="reveal"
></ng-container>
</div>
</goa-radio-item>
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabRadioItem, decorators: [{
type: Component,
args: [{
standalone: true,
selector: "goab-radio-item",
template: `
<goa-radio-item
[attr.name]="name"
[attr.value]="value"
[attr.label]="label"
[attr.description]="getDescriptionAsString()"
[attr.arialabel]="ariaLabel"
[attr.revealarialabel]="revealAriaLabel"
[disabled]="disabled"
[attr.maxwidth]="maxWidth"
[attr.checked]="checked"
[attr.error]="error"
[attr.mt]="mt"
[attr.mb]="mb"
[attr.ml]="ml"
[attr.mr]="mr"
>
<ng-content />
<div slot="description">
<ng-container [ngTemplateOutlet]="getDescriptionAsTemplate()"></ng-container>
</div>
<div slot="reveal">
<ng-container
*ngIf="this.reveal"
[ngTemplateOutlet]="reveal"
></ng-container>
</div>
</goa-radio-item>
`,
imports: [NgTemplateOutlet, NgIf],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
}]
}], propDecorators: { value: [{
type: Input
}], label: [{
type: Input
}], name: [{
type: Input
}], description: [{
type: Input
}], reveal: [{
type: Input
}], ariaLabel: [{
type: Input
}], revealAriaLabel: [{
type: Input
}], disabled: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], checked: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], error: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], maxWidth: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8taXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9yYWRpby1pdGVtL3JhZGlvLWl0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixHQUFHLE1BQU0sZUFBZSxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFxQ3RELE1BQU0sT0FBTyxhQUFjLFNBQVEsaUJBQWlCO0lBYWxELHNCQUFzQjtRQUNwQixPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsV0FBVyxZQUFZLFdBQVc7WUFDakUsQ0FBQyxDQUFDLEVBQUU7WUFDSixDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUN2QixDQUFDO0lBRUQsd0JBQXdCO1FBQ3RCLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVztZQUFFLE9BQU8sSUFBSSxDQUFDO1FBQ25DLE9BQU8sSUFBSSxDQUFDLFdBQVcsWUFBWSxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUMzRSxDQUFDOzhHQXRCVSxhQUFhO2tHQUFiLGFBQWEsd1BBUUosZ0JBQWdCLG1DQUNoQixnQkFBZ0IsNkJBQ2hCLGdCQUFnQiwwRUExQzFCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNEJULDREQUNTLGdCQUFnQixvSkFBRSxJQUFJOzsyRkFHckIsYUFBYTtrQkFuQ3pCLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRCVDtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUM7b0JBQ2pDLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNsQzs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ2tDLFFBQVE7c0JBQS9DLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBQ0UsT0FBTztzQkFBOUMsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxLQUFLO3NCQUE1QyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUM3QixRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgQ29tcG9uZW50LCBJbnB1dCwgVGVtcGxhdGVSZWYsIGJvb2xlYW5BdHRyaWJ1dGUsIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE5nSWYsIE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBHb2FiQmFzZUNvbXBvbmVudCB9IGZyb20gXCIuLi9iYXNlLmNvbXBvbmVudFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6IFwiZ29hYi1yYWRpby1pdGVtXCIsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGdvYS1yYWRpby1pdGVtXG4gICAgICBbYXR0ci5uYW1lXT1cIm5hbWVcIlxuICAgICAgW2F0dHIudmFsdWVdPVwidmFsdWVcIlxuICAgICAgW2F0dHIubGFiZWxdPVwibGFiZWxcIlxuICAgICAgW2F0dHIuZGVzY3JpcHRpb25dPVwiZ2V0RGVzY3JpcHRpb25Bc1N0cmluZygpXCJcbiAgICAgIFthdHRyLmFyaWFsYWJlbF09XCJhcmlhTGFiZWxcIlxuICAgICAgW2F0dHIucmV2ZWFsYXJpYWxhYmVsXT1cInJldmVhbEFyaWFMYWJlbFwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgW2F0dHIubWF4d2lkdGhdPVwibWF4V2lkdGhcIlxuICAgICAgW2F0dHIuY2hlY2tlZF09XCJjaGVja2VkXCJcbiAgICAgIFthdHRyLmVycm9yXT1cImVycm9yXCJcbiAgICAgIFthdHRyLm10XT1cIm10XCJcbiAgICAgIFthdHRyLm1iXT1cIm1iXCJcbiAgICAgIFthdHRyLm1sXT1cIm1sXCJcbiAgICAgIFthdHRyLm1yXT1cIm1yXCJcbiAgICA+XG4gICAgICA8bmctY29udGVudCAvPlxuICAgICAgPGRpdiBzbG90PVwiZGVzY3JpcHRpb25cIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJnZXREZXNjcmlwdGlvbkFzVGVtcGxhdGUoKVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IHNsb3Q9XCJyZXZlYWxcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ0lmPVwidGhpcy5yZXZlYWxcIlxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInJldmVhbFwiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZ29hLXJhZGlvLWl0ZW0+XG4gIGAsXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0LCBOZ0lmXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxufSlcbmV4cG9ydCBjbGFzcyBHb2FiUmFkaW9JdGVtIGV4dGVuZHMgR29hYkJhc2VDb21wb25lbnQge1xuICBASW5wdXQoKSB2YWx1ZT86IHN0cmluZztcbiAgQElucHV0KCkgbGFiZWw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIG5hbWU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uITogc3RyaW5nIHwgVGVtcGxhdGVSZWY8YW55PjtcbiAgQElucHV0KCkgcmV2ZWFsPzogVGVtcGxhdGVSZWY8YW55PjtcbiAgQElucHV0KCkgYXJpYUxhYmVsPzogc3RyaW5nO1xuICBASW5wdXQoKSByZXZlYWxBcmlhTGFiZWw/OiBzdHJpbmc7XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBkaXNhYmxlZD86IGJvb2xlYW47XG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBjaGVja2VkPzogYm9vbGVhbjtcbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIGVycm9yPzogYm9vbGVhbjtcbiAgQElucHV0KCkgbWF4V2lkdGg/OiBzdHJpbmc7XG5cbiAgZ2V0RGVzY3JpcHRpb25Bc1N0cmluZygpOiBzdHJpbmcge1xuICAgIHJldHVybiAhdGhpcy5kZXNjcmlwdGlvbiB8fCB0aGlzLmRlc2NyaXB0aW9uIGluc3RhbmNlb2YgVGVtcGxhdGVSZWZcbiAgICAgID8gXCJcIlxuICAgICAgOiB0aGlzLmRlc2NyaXB0aW9uO1xuICB9XG5cbiAgZ2V0RGVzY3JpcHRpb25Bc1RlbXBsYXRlKCk6IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsIHtcbiAgICBpZiAoIXRoaXMuZGVzY3JpcHRpb24pIHJldHVybiBudWxsO1xuICAgIHJldHVybiB0aGlzLmRlc2NyaXB0aW9uIGluc3RhbmNlb2YgVGVtcGxhdGVSZWYgPyB0aGlzLmRlc2NyaXB0aW9uIDogbnVsbDtcbiAgfVxufVxuIl19