@abgov/angular-components
Version:
Government of Alberta - UI components for Angular
78 lines • 6.24 kB
JavaScript
import { CUSTOM_ELEMENTS_SCHEMA, Component, Input, TemplateRef } from "@angular/core";
import { NgTemplateOutlet } from "@angular/common";
import { GoabBaseComponent } from "../base.component";
import * as i0 from "@angular/core";
export class GoabContainer extends GoabBaseComponent {
constructor() {
super(...arguments);
this.type = "interactive";
this.accent = "filled";
this.padding = "relaxed";
this.width = "full";
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabContainer, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GoabContainer, isStandalone: true, selector: "goab-container", inputs: { type: "type", accent: "accent", padding: "padding", width: "width", maxWidth: "maxWidth", title: "title", actions: "actions" }, usesInheritance: true, ngImport: i0, template: `<goa-container
[attr.type]="type"
[attr.accent]="accent"
[attr.padding]="padding"
[attr.width]="width"
[attr.maxwidth]="maxWidth"
[attr.testid]="testId"
[attr.mt]="mt"
[attr.mb]="mb"
[attr.ml]="ml"
[attr.mr]="mr"
>
<div slot="title">
<ng-container [ngTemplateOutlet]="title"></ng-container>
</div>
<ng-content />
<div slot="actions">
<ng-container [ngTemplateOutlet]="actions"></ng-container>
</div>
</goa-container>`, 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: GoabContainer, decorators: [{
type: Component,
args: [{
standalone: true,
selector: "goab-container",
imports: [NgTemplateOutlet],
template: `<goa-container
[attr.type]="type"
[attr.accent]="accent"
[attr.padding]="padding"
[attr.width]="width"
[attr.maxwidth]="maxWidth"
[attr.testid]="testId"
[attr.mt]="mt"
[attr.mb]="mb"
[attr.ml]="ml"
[attr.mr]="mr"
>
<div slot="title">
<ng-container [ngTemplateOutlet]="title"></ng-container>
</div>
<ng-content />
<div slot="actions">
<ng-container [ngTemplateOutlet]="actions"></ng-container>
</div>
</goa-container>`,
schemas: [CUSTOM_ELEMENTS_SCHEMA],
}]
}], propDecorators: { type: [{
type: Input
}], accent: [{
type: Input
}], padding: [{
type: Input
}], width: [{
type: Input
}], maxWidth: [{
type: Input
}], title: [{
type: Input
}], actions: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NvbnRhaW5lci9jb250YWluZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQTRCdEQsTUFBTSxPQUFPLGFBQWMsU0FBUSxpQkFBaUI7SUExQnBEOztRQTJCVyxTQUFJLEdBQXVCLGFBQWEsQ0FBQztRQUN6QyxXQUFNLEdBQXlCLFFBQVEsQ0FBQztRQUN4QyxZQUFPLEdBQTBCLFNBQVMsQ0FBQztRQUMzQyxVQUFLLEdBQXdCLE1BQU0sQ0FBQztLQUk5Qzs4R0FSWSxhQUFhO2tHQUFiLGFBQWEsMk9BdEJkOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O21CQW1CTyw0REFwQlAsZ0JBQWdCOzsyRkF1QmYsYUFBYTtrQkExQnpCLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUMzQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7bUJBbUJPO29CQUNqQixPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDbEM7OEJBRVUsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEdvYWJDb250YWluZXJBY2NlbnQsXG4gIEdvYWJDb250YWluZXJQYWRkaW5nLFxuICBHb2FiQ29udGFpbmVyVHlwZSxcbiAgR29hYkNvbnRhaW5lcldpZHRoLFxufSBmcm9tIFwiQGFiZ292L3VpLWNvbXBvbmVudHMtY29tbW9uXCI7XG5pbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBDb21wb25lbnQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgR29hYkJhc2VDb21wb25lbnQgfSBmcm9tIFwiLi4vYmFzZS5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiBcImdvYWItY29udGFpbmVyXCIsXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0XSxcbiAgdGVtcGxhdGU6IGA8Z29hLWNvbnRhaW5lclxuICAgIFthdHRyLnR5cGVdPVwidHlwZVwiXG4gICAgW2F0dHIuYWNjZW50XT1cImFjY2VudFwiXG4gICAgW2F0dHIucGFkZGluZ109XCJwYWRkaW5nXCJcbiAgICBbYXR0ci53aWR0aF09XCJ3aWR0aFwiXG4gICAgW2F0dHIubWF4d2lkdGhdPVwibWF4V2lkdGhcIlxuICAgIFthdHRyLnRlc3RpZF09XCJ0ZXN0SWRcIlxuICAgIFthdHRyLm10XT1cIm10XCJcbiAgICBbYXR0ci5tYl09XCJtYlwiXG4gICAgW2F0dHIubWxdPVwibWxcIlxuICAgIFthdHRyLm1yXT1cIm1yXCJcbiAgPlxuICAgIDxkaXYgc2xvdD1cInRpdGxlXCI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRpdGxlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8ZGl2IHNsb3Q9XCJhY3Rpb25zXCI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImFjdGlvbnNcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgPC9nb2EtY29udGFpbmVyPmAsXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcbn0pXG5leHBvcnQgY2xhc3MgR29hYkNvbnRhaW5lciBleHRlbmRzIEdvYWJCYXNlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdHlwZT86IEdvYWJDb250YWluZXJUeXBlID0gXCJpbnRlcmFjdGl2ZVwiO1xuICBASW5wdXQoKSBhY2NlbnQ/OiBHb2FiQ29udGFpbmVyQWNjZW50ID0gXCJmaWxsZWRcIjtcbiAgQElucHV0KCkgcGFkZGluZz86IEdvYWJDb250YWluZXJQYWRkaW5nID0gXCJyZWxheGVkXCI7XG4gIEBJbnB1dCgpIHdpZHRoPzogR29hYkNvbnRhaW5lcldpZHRoID0gXCJmdWxsXCI7XG4gIEBJbnB1dCgpIG1heFdpZHRoPzogc3RyaW5nO1xuICBASW5wdXQoKSB0aXRsZSE6IFRlbXBsYXRlUmVmPGFueT47XG4gIEBJbnB1dCgpIGFjdGlvbnMhOiBUZW1wbGF0ZVJlZjxhbnk+O1xufVxuIl19