@abgov/angular-components 2.0.0-alpha.5 → 2.0.0-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -45
- package/abgov-angular-components.d.ts +1 -0
- package/bundles/abgov-angular-components.umd.js +176 -2565
- package/bundles/abgov-angular-components.umd.js.map +1 -1
- package/esm2015/index.js +3 -27
- package/esm2015/lib/angular-components.module.js +16 -94
- package/esm2015/lib/value-directive.js +133 -0
- package/fesm2015/abgov-angular-components.js +119 -2007
- package/fesm2015/abgov-angular-components.js.map +1 -1
- package/index.d.ts +2 -26
- package/lib/angular-components.module.d.ts +7 -0
- package/lib/value-directive.d.ts +34 -0
- package/package.json +8 -13
- package/abgov-angular-components.metadata.json +0 -1
- package/esm2015/experimental/app-version-header/app-version-header.component.js +0 -30
- package/esm2015/experimental/badge/badge.component.js +0 -24
- package/esm2015/experimental/components.module.js +0 -29
- package/esm2015/experimental/index.js +0 -5
- package/esm2015/experimental/number-input/number-input.component.js +0 -151
- package/esm2015/lib/button/button.component.js +0 -66
- package/esm2015/lib/button-link/button-link.component.js +0 -66
- package/esm2015/lib/callout/callout.component.js +0 -34
- package/esm2015/lib/card/card.component.js +0 -37
- package/esm2015/lib/card/content/card-content.component.js +0 -24
- package/esm2015/lib/card/footer/card-footer.component.js +0 -24
- package/esm2015/lib/card/header/card-header.component.js +0 -24
- package/esm2015/lib/card/thumb/card-thumb.component.js +0 -27
- package/esm2015/lib/card-group/card.group.component.js +0 -23
- package/esm2015/lib/checkbox/checkbox-change.js +0 -3
- package/esm2015/lib/checkbox/checkbox.component.js +0 -136
- package/esm2015/lib/dropdown/dropdown.component.js +0 -326
- package/esm2015/lib/dropdown/option/option.component.js +0 -48
- package/esm2015/lib/dropdown/option-group/option-group.component.js +0 -46
- package/esm2015/lib/element-load-indicator/element-load-indicator.component.js +0 -63
- package/esm2015/lib/header/header.component.js +0 -47
- package/esm2015/lib/hero-banner/content/hero-banner-content.component.js +0 -15
- package/esm2015/lib/hero-banner/hero-banner.component.js +0 -21
- package/esm2015/lib/hero-banner/link/hero-banner-link.component.js +0 -18
- package/esm2015/lib/microsite-logo/microsite-logo.component.js +0 -34
- package/esm2015/lib/notification/notification.component.js +0 -59
- package/esm2015/lib/notification-banner/notification-banner.component.js +0 -32
- package/esm2015/lib/page-load-indicator/page-load-indicator.component.js +0 -117
- package/esm2015/lib/radio/radio-change.js +0 -3
- package/esm2015/lib/radio/radio.component.js +0 -146
- package/esm2015/lib/radio/radio.service.js +0 -20
- package/esm2015/lib/radio-group/radio-group.component.js +0 -282
- package/esm2015/lib/skeleton/skeleton-element.component.js +0 -21
- package/esm2015/lib/skeleton/skeleton-image-content.component.js +0 -19
- package/experimental/app-version-header/app-version-header.component.d.ts +0 -10
- package/experimental/badge/badge.component.d.ts +0 -7
- package/experimental/components.module.d.ts +0 -2
- package/experimental/index.d.ts +0 -4
- package/experimental/number-input/number-input.component.d.ts +0 -66
- package/lib/button/button.component.d.ts +0 -37
- package/lib/button-link/button-link.component.d.ts +0 -38
- package/lib/callout/callout.component.d.ts +0 -20
- package/lib/card/card.component.d.ts +0 -23
- package/lib/card/content/card-content.component.d.ts +0 -14
- package/lib/card/footer/card-footer.component.d.ts +0 -14
- package/lib/card/header/card-header.component.d.ts +0 -14
- package/lib/card/thumb/card-thumb.component.d.ts +0 -22
- package/lib/card-group/card.group.component.d.ts +0 -32
- package/lib/checkbox/checkbox-change.d.ts +0 -7
- package/lib/checkbox/checkbox.component.d.ts +0 -100
- package/lib/dropdown/dropdown.component.d.ts +0 -193
- package/lib/dropdown/option/option.component.d.ts +0 -39
- package/lib/dropdown/option-group/option-group.component.d.ts +0 -38
- package/lib/element-load-indicator/element-load-indicator.component.d.ts +0 -38
- package/lib/header/header.component.d.ts +0 -29
- package/lib/hero-banner/content/hero-banner-content.component.d.ts +0 -5
- package/lib/hero-banner/hero-banner.component.d.ts +0 -9
- package/lib/hero-banner/link/hero-banner-link.component.d.ts +0 -6
- package/lib/microsite-logo/microsite-logo.component.d.ts +0 -20
- package/lib/notification/notification.component.d.ts +0 -43
- package/lib/notification-banner/notification-banner.component.d.ts +0 -22
- package/lib/page-load-indicator/page-load-indicator.component.d.ts +0 -55
- package/lib/radio/radio-change.d.ts +0 -7
- package/lib/radio/radio.component.d.ts +0 -119
- package/lib/radio/radio.service.d.ts +0 -7
- package/lib/radio-group/radio-group.component.d.ts +0 -190
- package/lib/skeleton/skeleton-element.component.d.ts +0 -5
- package/lib/skeleton/skeleton-image-content.component.d.ts +0 -5
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
export class GoAAppVersionHeaderComponent {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.isProdEnvironment = false;
|
|
5
|
-
this.environment = '';
|
|
6
|
-
this.version = '';
|
|
7
|
-
this.closed = new EventEmitter();
|
|
8
|
-
}
|
|
9
|
-
ngOnInit() {
|
|
10
|
-
}
|
|
11
|
-
onCloseClick() {
|
|
12
|
-
this.closed.next(true);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
GoAAppVersionHeaderComponent.decorators = [
|
|
16
|
-
{ type: Component, args: [{
|
|
17
|
-
selector: 'goa-app-version-header',
|
|
18
|
-
template: "<div\n *ngIf=\"!isProdEnvironment && (closed | async) === null\"\n class=\"goa-app-version-header\"\n>\n <span class=\"content-wrapper\">\n <span class=\"environment-and-version\">{{ environment }} {{ version }}</span>\n <span class=\"close\" (click)=\"onCloseClick()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"ionicon\"\n viewBox=\"0 0 512 512\"\n >\n <title>Close</title>\n <path\n fill=\"currentColor\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"32\"\n d=\"M368 368L144 144M368 144L144 368\"\n />\n </svg>\n </span>\n </span>\n</div>\n",
|
|
19
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
20
|
-
styles: [""]
|
|
21
|
-
},] }
|
|
22
|
-
];
|
|
23
|
-
GoAAppVersionHeaderComponent.ctorParameters = () => [];
|
|
24
|
-
GoAAppVersionHeaderComponent.propDecorators = {
|
|
25
|
-
isProdEnvironment: [{ type: Input }],
|
|
26
|
-
environment: [{ type: Input }],
|
|
27
|
-
version: [{ type: Input }],
|
|
28
|
-
closed: [{ type: Output }]
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXZlcnNpb24taGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9leHBlcmltZW50YWwvYXBwLXZlcnNpb24taGVhZGVyL2FwcC12ZXJzaW9uLWhlYWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSx1QkFBdUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVF4RyxNQUFNLE9BQU8sNEJBQTRCO0lBT3ZDO1FBTlMsc0JBQWlCLEdBQUcsS0FBSyxDQUFDO1FBQzFCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFFWixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUUvQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLENBQUM7OztZQXBCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsNnVCQUFrRDtnQkFFbEQsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O2FBQ2hEOzs7O2dDQUVFLEtBQUs7MEJBQ0wsS0FBSztzQkFDTCxLQUFLO3FCQUVMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnb2EtYXBwLXZlcnNpb24taGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FwcC12ZXJzaW9uLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FwcC12ZXJzaW9uLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBHb0FBcHBWZXJzaW9uSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgaXNQcm9kRW52aXJvbm1lbnQgPSBmYWxzZTtcbiAgQElucHV0KCkgZW52aXJvbm1lbnQgPSAnJztcbiAgQElucHV0KCkgdmVyc2lvbiA9ICcnO1xuXG4gIEBPdXRwdXQoKSBjbG9zZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIG9uQ2xvc2VDbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmNsb3NlZC5uZXh0KHRydWUpO1xuICB9XG59XG4iXX0=
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Component, ChangeDetectionStrategy, Input, } from '@angular/core';
|
|
2
|
-
export class GoABadgeComponent {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.type = 'light';
|
|
5
|
-
}
|
|
6
|
-
get badgeClass() {
|
|
7
|
-
return `badge-${this.type}`;
|
|
8
|
-
}
|
|
9
|
-
/* eslint-disable @angular-eslint/no-empty-lifecycle-method */
|
|
10
|
-
ngOnInit() { }
|
|
11
|
-
}
|
|
12
|
-
GoABadgeComponent.decorators = [
|
|
13
|
-
{ type: Component, args: [{
|
|
14
|
-
selector: 'goa-badge',
|
|
15
|
-
template: "<div class=\"goa-badge\" [ngClass]=\"badgeClass\">\n <ng-content class=\"goa-badge-icon\" select=\"mat-icon,.goa-badge-icon\"></ng-content>\n <div class=\"goa-badge-content\">\n <ng-content></ng-content>\n </div>\n</div>\n",
|
|
16
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
17
|
-
styles: [""]
|
|
18
|
-
},] }
|
|
19
|
-
];
|
|
20
|
-
GoABadgeComponent.ctorParameters = () => [];
|
|
21
|
-
GoABadgeComponent.propDecorators = {
|
|
22
|
-
type: [{ type: Input }]
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2V4cGVyaW1lbnRhbC9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCx1QkFBdUIsRUFDdkIsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBUXZCLE1BQU0sT0FBTyxpQkFBaUI7SUFXNUI7UUFWUyxTQUFJLEdBUUksT0FBTyxDQUFDO0lBRVQsQ0FBQztJQUVqQixJQUFJLFVBQVU7UUFDWixPQUFPLFNBQVMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCw4REFBOEQ7SUFDOUQsUUFBUSxLQUFLLENBQUM7OztZQXhCZixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFdBQVc7Z0JBQ3JCLDBQQUFxQztnQkFFckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O2FBQ2hEOzs7O21CQUVFLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE9uSW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ29hLWJhZGdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEdvQUJhZGdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdHlwZTpcbiAgICAnaW5mb3JtYXRpb24nXG4gICAgfCAnc3VjY2VzcydcbiAgICB8ICd3YXJuaW5nJ1xuICAgIHwgJ2VtZXJnZW5jeSdcbiAgICB8ICdkYXJrJ1xuICAgIHwgJ21pZHRvbmUnXG4gICAgfCAnbGlnaHQnXG4gICAgfCAnaW5hY3RpdmUnID0gJ2xpZ2h0JztcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIGdldCBiYWRnZUNsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGBiYWRnZS0ke3RoaXMudHlwZX1gO1xuICB9XG5cbiAgLyogZXNsaW50LWRpc2FibGUgQGFuZ3VsYXItZXNsaW50L25vLWVtcHR5LWxpZmVjeWNsZS1tZXRob2QgKi9cbiAgbmdPbkluaXQoKSB7IH1cbn1cbiJdfQ==
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { GoABadgeComponent } from './badge/badge.component';
|
|
4
|
-
import { GoAAppVersionHeaderComponent } from './app-version-header/app-version-header.component';
|
|
5
|
-
import { GoANumberInputComponent } from './number-input/number-input.component';
|
|
6
|
-
import { AngularComponentsModule } from '../lib/angular-components.module';
|
|
7
|
-
export class ExperimentalComponentsModule {
|
|
8
|
-
}
|
|
9
|
-
ExperimentalComponentsModule.decorators = [
|
|
10
|
-
{ type: NgModule, args: [{
|
|
11
|
-
imports: [
|
|
12
|
-
CommonModule,
|
|
13
|
-
AngularComponentsModule
|
|
14
|
-
],
|
|
15
|
-
exports: [
|
|
16
|
-
GoABadgeComponent,
|
|
17
|
-
GoAAppVersionHeaderComponent,
|
|
18
|
-
GoANumberInputComponent,
|
|
19
|
-
],
|
|
20
|
-
declarations: [
|
|
21
|
-
GoABadgeComponent,
|
|
22
|
-
GoAAppVersionHeaderComponent,
|
|
23
|
-
GoANumberInputComponent,
|
|
24
|
-
],
|
|
25
|
-
providers: [],
|
|
26
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA]
|
|
27
|
-
},] }
|
|
28
|
-
];
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzVELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBcUIzRSxNQUFNLE9BQU8sNEJBQTRCOzs7WUFuQnhDLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWix1QkFBdUI7aUJBQ3hCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxpQkFBaUI7b0JBQ2pCLDRCQUE0QjtvQkFDNUIsdUJBQXVCO2lCQUN4QjtnQkFDRCxZQUFZLEVBQUU7b0JBQ1osaUJBQWlCO29CQUNqQiw0QkFBNEI7b0JBQzVCLHVCQUF1QjtpQkFDeEI7Z0JBQ0QsU0FBUyxFQUFFLEVBQ1Y7Z0JBQ0QsT0FBTyxFQUFFLENBQUUsc0JBQXNCLENBQUU7YUFDcEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEdvQUJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9iYWRnZS9iYWRnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgR29BQXBwVmVyc2lvbkhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vYXBwLXZlcnNpb24taGVhZGVyL2FwcC12ZXJzaW9uLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgR29BTnVtYmVySW5wdXRDb21wb25lbnQgfSBmcm9tICcuL251bWJlci1pbnB1dC9udW1iZXItaW5wdXQuY29tcG9uZW50JztcbmltcG9ydCB7IEFuZ3VsYXJDb21wb25lbnRzTW9kdWxlIH0gZnJvbSAnLi4vbGliL2FuZ3VsYXItY29tcG9uZW50cy5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFuZ3VsYXJDb21wb25lbnRzTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBHb0FCYWRnZUNvbXBvbmVudCxcbiAgICBHb0FBcHBWZXJzaW9uSGVhZGVyQ29tcG9uZW50LFxuICAgIEdvQU51bWJlcklucHV0Q29tcG9uZW50LFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBHb0FCYWRnZUNvbXBvbmVudCxcbiAgICBHb0FBcHBWZXJzaW9uSGVhZGVyQ29tcG9uZW50LFxuICAgIEdvQU51bWJlcklucHV0Q29tcG9uZW50LFxuICBdLFxuICBwcm92aWRlcnM6IFtcbiAgXSxcbiAgc2NoZW1hczogWyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BIF1cbn0pXG5leHBvcnQgY2xhc3MgRXhwZXJpbWVudGFsQ29tcG9uZW50c01vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export * from './badge/badge.component';
|
|
2
|
-
export * from './app-version-header/app-version-header.component';
|
|
3
|
-
export * from './components.module';
|
|
4
|
-
export * from './number-input/number-input.component';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvZXhwZXJpbWVudGFsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsdUNBQXVDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2JhZGdlL2JhZGdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2FwcC12ZXJzaW9uLWhlYWRlci9hcHAtdmVyc2lvbi1oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9udW1iZXItaW5wdXQvbnVtYmVyLWlucHV0LmNvbXBvbmVudCc7Il19
|
|
@@ -1,151 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter, ViewChild, ElementRef, forwardRef } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
export class GoANumberInputComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this._isTouched = false;
|
|
6
|
-
/**
|
|
7
|
-
* Sets the step value that is used when incrementing / decrementing
|
|
8
|
-
*
|
|
9
|
-
* @memberof GoANumberInputComponent
|
|
10
|
-
*/
|
|
11
|
-
this.step = 1;
|
|
12
|
-
/**
|
|
13
|
-
* An event that fires whenever the value is changed
|
|
14
|
-
*
|
|
15
|
-
* @type {EventEmitter<number | undefined | null>}
|
|
16
|
-
* @memberof GoANumberInputComponent
|
|
17
|
-
*/
|
|
18
|
-
this.valueChanged = new EventEmitter();
|
|
19
|
-
}
|
|
20
|
-
get input() {
|
|
21
|
-
var _a;
|
|
22
|
-
return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.nativeElement;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* The value of the NumberInput
|
|
26
|
-
*
|
|
27
|
-
* @memberof GoANumberInputComponent
|
|
28
|
-
*/
|
|
29
|
-
set value(val) {
|
|
30
|
-
var _a;
|
|
31
|
-
const newVal = (val === undefined || val === null || Number.isNaN(val)) ? null : this.clampValue(val);
|
|
32
|
-
if (this._value !== newVal) {
|
|
33
|
-
this._value = newVal;
|
|
34
|
-
(_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, newVal);
|
|
35
|
-
this.valueChanged.emit(newVal);
|
|
36
|
-
}
|
|
37
|
-
if (this.input && this.input.valueAsNumber !== newVal) {
|
|
38
|
-
this.input.valueAsNumber = newVal;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
get value() {
|
|
42
|
-
return this._value;
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* Sets the minimum value that the number input can take
|
|
46
|
-
*
|
|
47
|
-
* @memberof GoANumberInputComponent
|
|
48
|
-
*/
|
|
49
|
-
set min(min) {
|
|
50
|
-
this._min = min;
|
|
51
|
-
// force reevaluation / clamping
|
|
52
|
-
this.value = this._value;
|
|
53
|
-
}
|
|
54
|
-
get min() {
|
|
55
|
-
return this._min;
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* Sets the maximum value that the number input can take
|
|
59
|
-
*
|
|
60
|
-
* @memberof GoANumberInputComponent
|
|
61
|
-
*/
|
|
62
|
-
set max(max) {
|
|
63
|
-
this._max = max;
|
|
64
|
-
// force reevaluation / clamping
|
|
65
|
-
this.value = this._value;
|
|
66
|
-
}
|
|
67
|
-
get max() {
|
|
68
|
-
return this._max;
|
|
69
|
-
}
|
|
70
|
-
clampValue(val) {
|
|
71
|
-
if (Number.isFinite(this.max)) {
|
|
72
|
-
val = Math.min(this.max, val);
|
|
73
|
-
}
|
|
74
|
-
if (Number.isFinite(this.min)) {
|
|
75
|
-
val = Math.max(val, this.min);
|
|
76
|
-
}
|
|
77
|
-
return val;
|
|
78
|
-
}
|
|
79
|
-
markTouched() {
|
|
80
|
-
var _a;
|
|
81
|
-
if (this._isTouched === false) {
|
|
82
|
-
this._isTouched = true;
|
|
83
|
-
(_a = this.onTouched) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
handleInput(event) {
|
|
87
|
-
var _a;
|
|
88
|
-
const inputString = (_a = event.data) !== null && _a !== void 0 ? _a : '';
|
|
89
|
-
// If someone is typing a negative number, let them
|
|
90
|
-
if (inputString.trim() !== '-') {
|
|
91
|
-
this.value = event.target.valueAsNumber;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
/**
|
|
95
|
-
* Increment the number input
|
|
96
|
-
*
|
|
97
|
-
* @memberof GoANumberInputComponent
|
|
98
|
-
*/
|
|
99
|
-
increment() {
|
|
100
|
-
// use built-in browser increment logic
|
|
101
|
-
this.input.stepUp();
|
|
102
|
-
this.value = this.input.valueAsNumber;
|
|
103
|
-
}
|
|
104
|
-
/**
|
|
105
|
-
* Decrement the number input
|
|
106
|
-
*
|
|
107
|
-
* @memberof GoANumberInputComponent
|
|
108
|
-
*/
|
|
109
|
-
decrement() {
|
|
110
|
-
// use built-in browser decrement logic
|
|
111
|
-
this.input.stepDown();
|
|
112
|
-
this.value = this.input.valueAsNumber;
|
|
113
|
-
}
|
|
114
|
-
// CONTROL VALUE ACCESSOR INTERFACE
|
|
115
|
-
writeValue(value) {
|
|
116
|
-
this.value = value;
|
|
117
|
-
}
|
|
118
|
-
registerOnChange(handler) {
|
|
119
|
-
this.onChange = handler;
|
|
120
|
-
}
|
|
121
|
-
registerOnTouched(handler) {
|
|
122
|
-
this.onTouched = handler;
|
|
123
|
-
}
|
|
124
|
-
setDisabledState(isDisabled) {
|
|
125
|
-
this.disabled = isDisabled;
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
GoANumberInputComponent.decorators = [
|
|
129
|
-
{ type: Component, args: [{
|
|
130
|
-
selector: 'goa-number-input',
|
|
131
|
-
template: "<div (focusout)=\"markTouched()\" class=\"number-input-container\">\n <button\n [disabled]=\"disabled || (min !== undefined && value <= min)\"\n goa-button\n buttonType=\"primary\"\n buttonSize=\"small\"\n type=\"button\"\n (click)=\"decrement()\"\n >\n <svg width=\"1em\" height=\"100%\" viewBox=\"0 0 100 100\">\n <line x1=\"25%\" y1=\"50%\" x2=\"75%\" y2=\"50%\" stroke-width=\"15%\" />\n </svg>\n </button>\n\n <input\n #numberInput\n type=\"number\"\n [min]=\"min\"\n [max]=\"max\"\n [value]=\"value\"\n [step]=\"step\"\n [disabled]=\"disabled\"\n (input)=\"handleInput($event)\"\n />\n\n <button\n goa-button\n [disabled]=\"disabled || (max !== undefined && value >= max)\"\n buttonType=\"primary\"\n buttonSize=\"small\"\n type=\"button\"\n (click)=\"increment()\"\n >\n <svg width=\"1em\" height=\"100%\" viewBox=\"0 0 100 100\">\n <line x1=\"25%\" y1=\"50%\" x2=\"75%\" y2=\"50%\" stroke-width=\"15%\" />\n <line x1=\"50%\" y1=\"25%\" x2=\"50%\" y2=\"75%\" stroke-width=\"15%\" />\n </svg>\n </button>\n</div>\n",
|
|
132
|
-
providers: [
|
|
133
|
-
{
|
|
134
|
-
provide: NG_VALUE_ACCESSOR,
|
|
135
|
-
useExisting: forwardRef(() => GoANumberInputComponent),
|
|
136
|
-
multi: true
|
|
137
|
-
},
|
|
138
|
-
],
|
|
139
|
-
styles: [""]
|
|
140
|
-
},] }
|
|
141
|
-
];
|
|
142
|
-
GoANumberInputComponent.propDecorators = {
|
|
143
|
-
inputElement: [{ type: ViewChild, args: ['numberInput',] }],
|
|
144
|
-
disabled: [{ type: Input }],
|
|
145
|
-
step: [{ type: Input }],
|
|
146
|
-
valueChanged: [{ type: Output }],
|
|
147
|
-
value: [{ type: Input }],
|
|
148
|
-
min: [{ type: Input }],
|
|
149
|
-
max: [{ type: Input }]
|
|
150
|
-
};
|
|
151
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9leHBlcmltZW50YWwvbnVtYmVyLWlucHV0L251bWJlci1pbnB1dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRyxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFnQnpFLE1BQU0sT0FBTyx1QkFBdUI7SUFacEM7UUFnQlUsZUFBVSxHQUFHLEtBQUssQ0FBQztRQVczQjs7OztVQUlFO1FBRUYsU0FBSSxHQUFHLENBQUMsQ0FBQztRQUVUOzs7OztVQUtFO1FBRUYsaUJBQVksR0FBNEMsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQTRIN0UsQ0FBQztJQWxKQyxJQUFZLEtBQUs7O1FBQ2YsT0FBTyxNQUFBLElBQUksQ0FBQyxZQUFZLDBDQUFFLGFBQWEsQ0FBQztJQUMxQyxDQUFDO0lBc0JEOzs7O09BSUc7SUFDSCxJQUNJLEtBQUssQ0FBQyxHQUFrQjs7UUFDMUIsTUFBTSxNQUFNLEdBQUcsQ0FBQyxHQUFHLEtBQUssU0FBUyxJQUFJLEdBQUcsS0FBSyxJQUFJLElBQUksTUFBTSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDdEcsSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLE1BQU0sRUFBRTtZQUMxQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztZQUNyQixNQUFBLElBQUksQ0FBQyxRQUFRLCtDQUFiLElBQUksRUFBWSxNQUFNLENBQUMsQ0FBQztZQUN4QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUNoQztRQUNELElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsS0FBSyxNQUFNLEVBQUU7WUFDckQsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDO1NBQ25DO0lBQ0gsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILElBQ0ksR0FBRyxDQUFDLEdBQThCO1FBQ3BDLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDO1FBQ2hCLGdDQUFnQztRQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksR0FBRztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQTtJQUNsQixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILElBQ0ksR0FBRyxDQUFDLEdBQXVCO1FBQzdCLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDO1FBQ2hCLGdDQUFnQztRQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksR0FBRztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQTtJQUNsQixDQUFDO0lBRU8sVUFBVSxDQUFDLEdBQVc7UUFDNUIsSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUM3QixHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFBO1NBQzlCO1FBQ0QsSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUM3QixHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQy9CO1FBQ0QsT0FBTyxHQUFHLENBQUM7SUFDYixDQUFDO0lBRUQsV0FBVzs7UUFDVCxJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssS0FBSyxFQUFFO1lBQzdCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1lBQ3ZCLE1BQUEsSUFBSSxDQUFDLFNBQVMsK0NBQWQsSUFBSSxDQUFjLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWlCOztRQUMzQixNQUFNLFdBQVcsR0FBRyxNQUFBLEtBQUssQ0FBQyxJQUFJLG1DQUFJLEVBQUUsQ0FBQztRQUNyQyxtREFBbUQ7UUFDbkQsSUFBSSxXQUFXLENBQUMsSUFBSSxFQUFFLEtBQUssR0FBRyxFQUFFO1lBQzlCLElBQUksQ0FBQyxLQUFLLEdBQUksS0FBSyxDQUFDLE1BQTJCLENBQUMsYUFBYSxDQUFDO1NBQy9EO0lBQ0gsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxTQUFTO1FBQ1AsdUNBQXVDO1FBQ3ZDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQztJQUN4QyxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILFNBQVM7UUFDUCx1Q0FBdUM7UUFDdkMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxtQ0FBbUM7SUFDbkMsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUlELGdCQUFnQixDQUFDLE9BQTJDO1FBQzFELElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO0lBQzFCLENBQUM7SUFJRCxpQkFBaUIsQ0FBQyxPQUFtQjtRQUNuQyxJQUFJLENBQUMsU0FBUyxHQUFHLE9BQU8sQ0FBQztJQUMzQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQzs7O1lBcEtGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1Qix1bUNBQTRDO2dCQUU1QyxTQUFTLEVBQUU7b0JBQ1Q7d0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjt3QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQzt3QkFDdEQsS0FBSyxFQUFFLElBQUk7cUJBQ1o7aUJBQ0Y7O2FBQ0Y7OzsyQkFPRSxTQUFTLFNBQUMsYUFBYTt1QkFNdkIsS0FBSzttQkFRTCxLQUFLOzJCQVNMLE1BQU07b0JBUU4sS0FBSztrQkFzQkwsS0FBSztrQkFnQkwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3Q2hpbGQsIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dvYS1udW1iZXItaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbnVtYmVyLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbnVtYmVyLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gR29BTnVtYmVySW5wdXRDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9LFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEdvQU51bWJlcklucHV0Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBwcml2YXRlIF92YWx1ZT86IG51bWJlcjtcbiAgcHJpdmF0ZSBfbWluPzogbnVtYmVyO1xuICBwcml2YXRlIF9tYXg/OiBudW1iZXI7XG4gIHByaXZhdGUgX2lzVG91Y2hlZCA9IGZhbHNlO1xuXG4gIEBWaWV3Q2hpbGQoJ251bWJlcklucHV0JylcbiAgcHJpdmF0ZSBpbnB1dEVsZW1lbnQ6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG4gIHByaXZhdGUgZ2V0IGlucHV0KCkge1xuICAgIHJldHVybiB0aGlzLmlucHV0RWxlbWVudD8ubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBzdGVwIHZhbHVlIHRoYXQgaXMgdXNlZCB3aGVuIGluY3JlbWVudGluZyAvIGRlY3JlbWVudGluZ1xuICAgKlxuICAgKiBAbWVtYmVyb2YgR29BTnVtYmVySW5wdXRDb21wb25lbnRcbiAgKi9cbiAgQElucHV0KClcbiAgc3RlcCA9IDE7XG5cbiAgLyoqXG4gICAqIEFuIGV2ZW50IHRoYXQgZmlyZXMgd2hlbmV2ZXIgdGhlIHZhbHVlIGlzIGNoYW5nZWRcbiAgICpcbiAgICogQHR5cGUge0V2ZW50RW1pdHRlcjxudW1iZXIgfCB1bmRlZmluZWQgfCBudWxsPn1cbiAgICogQG1lbWJlcm9mIEdvQU51bWJlcklucHV0Q29tcG9uZW50XG4gICovXG4gIEBPdXRwdXQoKVxuICB2YWx1ZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxudW1iZXIgfCB1bmRlZmluZWQgfCBudWxsPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvKipcbiAgICogVGhlIHZhbHVlIG9mIHRoZSBOdW1iZXJJbnB1dFxuICAgKlxuICAgKiBAbWVtYmVyb2YgR29BTnVtYmVySW5wdXRDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpXG4gIHNldCB2YWx1ZSh2YWw6IG51bWJlciB8IG51bGwpIHtcbiAgICBjb25zdCBuZXdWYWwgPSAodmFsID09PSB1bmRlZmluZWQgfHwgdmFsID09PSBudWxsIHx8IE51bWJlci5pc05hTih2YWwpKSA/IG51bGwgOiB0aGlzLmNsYW1wVmFsdWUodmFsKTtcbiAgICBpZiAodGhpcy5fdmFsdWUgIT09IG5ld1ZhbCkge1xuICAgICAgdGhpcy5fdmFsdWUgPSBuZXdWYWw7XG4gICAgICB0aGlzLm9uQ2hhbmdlPy4obmV3VmFsKTtcbiAgICAgIHRoaXMudmFsdWVDaGFuZ2VkLmVtaXQobmV3VmFsKTtcbiAgICB9XG4gICAgaWYgKHRoaXMuaW5wdXQgJiYgdGhpcy5pbnB1dC52YWx1ZUFzTnVtYmVyICE9PSBuZXdWYWwpIHtcbiAgICAgIHRoaXMuaW5wdXQudmFsdWVBc051bWJlciA9IG5ld1ZhbDtcbiAgICB9XG4gIH1cblxuICBnZXQgdmFsdWUoKTogbnVtYmVyIHwgdW5kZWZpbmVkIHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIG1pbmltdW0gdmFsdWUgdGhhdCB0aGUgbnVtYmVyIGlucHV0IGNhbiB0YWtlXG4gICAqXG4gICAqIEBtZW1iZXJvZiBHb0FOdW1iZXJJbnB1dENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KClcbiAgc2V0IG1pbihtaW46IG51bWJlciB8IHVuZGVmaW5lZCB8IG51bGwpIHtcbiAgICB0aGlzLl9taW4gPSBtaW47XG4gICAgLy8gZm9yY2UgcmVldmFsdWF0aW9uIC8gY2xhbXBpbmdcbiAgICB0aGlzLnZhbHVlID0gdGhpcy5fdmFsdWU7XG4gIH1cblxuICBnZXQgbWluKCkge1xuICAgIHJldHVybiB0aGlzLl9taW5cbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBtYXhpbXVtIHZhbHVlIHRoYXQgdGhlIG51bWJlciBpbnB1dCBjYW4gdGFrZVxuICAgKlxuICAgKiBAbWVtYmVyb2YgR29BTnVtYmVySW5wdXRDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpXG4gIHNldCBtYXgobWF4OiBudW1iZXIgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLl9tYXggPSBtYXg7XG4gICAgLy8gZm9yY2UgcmVldmFsdWF0aW9uIC8gY2xhbXBpbmdcbiAgICB0aGlzLnZhbHVlID0gdGhpcy5fdmFsdWU7XG4gIH1cblxuICBnZXQgbWF4KCkge1xuICAgIHJldHVybiB0aGlzLl9tYXhcbiAgfVxuXG4gIHByaXZhdGUgY2xhbXBWYWx1ZSh2YWw6IG51bWJlcikge1xuICAgIGlmIChOdW1iZXIuaXNGaW5pdGUodGhpcy5tYXgpKSB7XG4gICAgICB2YWwgPSBNYXRoLm1pbih0aGlzLm1heCwgdmFsKVxuICAgIH1cbiAgICBpZiAoTnVtYmVyLmlzRmluaXRlKHRoaXMubWluKSkge1xuICAgICAgdmFsID0gTWF0aC5tYXgodmFsLCB0aGlzLm1pbik7XG4gICAgfVxuICAgIHJldHVybiB2YWw7XG4gIH1cblxuICBtYXJrVG91Y2hlZCgpIHtcbiAgICBpZiAodGhpcy5faXNUb3VjaGVkID09PSBmYWxzZSkge1xuICAgICAgdGhpcy5faXNUb3VjaGVkID0gdHJ1ZTtcbiAgICAgIHRoaXMub25Ub3VjaGVkPy4oKTtcbiAgICB9XG4gIH1cblxuICBoYW5kbGVJbnB1dChldmVudDogSW5wdXRFdmVudCkge1xuICAgIGNvbnN0IGlucHV0U3RyaW5nID0gZXZlbnQuZGF0YSA/PyAnJztcbiAgICAvLyBJZiBzb21lb25lIGlzIHR5cGluZyBhIG5lZ2F0aXZlIG51bWJlciwgbGV0IHRoZW1cbiAgICBpZiAoaW5wdXRTdHJpbmcudHJpbSgpICE9PSAnLScpIHtcbiAgICAgIHRoaXMudmFsdWUgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpLnZhbHVlQXNOdW1iZXI7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEluY3JlbWVudCB0aGUgbnVtYmVyIGlucHV0XG4gICAqXG4gICAqIEBtZW1iZXJvZiBHb0FOdW1iZXJJbnB1dENvbXBvbmVudFxuICAgKi9cbiAgaW5jcmVtZW50KCkge1xuICAgIC8vIHVzZSBidWlsdC1pbiBicm93c2VyIGluY3JlbWVudCBsb2dpY1xuICAgIHRoaXMuaW5wdXQuc3RlcFVwKCk7XG4gICAgdGhpcy52YWx1ZSA9IHRoaXMuaW5wdXQudmFsdWVBc051bWJlcjtcbiAgfVxuXG4gIC8qKlxuICAgKiBEZWNyZW1lbnQgdGhlIG51bWJlciBpbnB1dFxuICAgKlxuICAgKiBAbWVtYmVyb2YgR29BTnVtYmVySW5wdXRDb21wb25lbnRcbiAgICovXG4gIGRlY3JlbWVudCgpIHtcbiAgICAvLyB1c2UgYnVpbHQtaW4gYnJvd3NlciBkZWNyZW1lbnQgbG9naWNcbiAgICB0aGlzLmlucHV0LnN0ZXBEb3duKCk7XG4gICAgdGhpcy52YWx1ZSA9IHRoaXMuaW5wdXQudmFsdWVBc051bWJlcjtcbiAgfVxuXG4gIC8vIENPTlRST0wgVkFMVUUgQUNDRVNTT1IgSU5URVJGQUNFXG4gIHdyaXRlVmFsdWUodmFsdWU6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgfVxuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbWVtYmVyLW9yZGVyaW5nXG4gIG9uQ2hhbmdlOiAobmV3VmFsdWU/OiBudW1iZXIgfCBudWxsKSA9PiB2b2lkO1xuICByZWdpc3Rlck9uQ2hhbmdlKGhhbmRsZXI6IChuZXdWYWx1ZT86IG51bWJlciB8IG51bGwpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gaGFuZGxlcjtcbiAgfVxuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbWVtYmVyLW9yZGVyaW5nXG4gIG9uVG91Y2hlZDogKCkgPT4gdm9pZDtcbiAgcmVnaXN0ZXJPblRvdWNoZWQoaGFuZGxlcjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gaGFuZGxlcjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { Component, Input, HostBinding } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* A Government of Alberta styled button.
|
|
4
|
-
* selector: button[goa-button], input[type="button"][goa-button], input[type="submit"][goa-button]
|
|
5
|
-
*/
|
|
6
|
-
export class GoAButtonComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* The appearance style of the button.
|
|
10
|
-
*/
|
|
11
|
-
this.buttonType = 'primary';
|
|
12
|
-
/**
|
|
13
|
-
* The size of the button, controls font size and padding.
|
|
14
|
-
*/
|
|
15
|
-
this.buttonSize = 'normal';
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Adds class goa-button to the host.
|
|
19
|
-
* @ignore
|
|
20
|
-
*/
|
|
21
|
-
get primaryBinding() {
|
|
22
|
-
return true;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Adds class goa--secondary to the host if the buttonStyle = secondary.
|
|
26
|
-
* @ignore
|
|
27
|
-
*/
|
|
28
|
-
get secondaryBinding() {
|
|
29
|
-
return this.buttonType === 'secondary';
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* Adds class goa--tertiary to the host if the buttonStyle = tertiary.
|
|
33
|
-
* @ignore
|
|
34
|
-
*/
|
|
35
|
-
get tertiaryBinding() {
|
|
36
|
-
return this.buttonType === 'tertiary';
|
|
37
|
-
}
|
|
38
|
-
/**
|
|
39
|
-
* Adds class btn-small to the host if the buttonSize = small.
|
|
40
|
-
* @ignore
|
|
41
|
-
*/
|
|
42
|
-
get smallBinding() {
|
|
43
|
-
return this.buttonSize === 'small';
|
|
44
|
-
}
|
|
45
|
-
/* eslint-disable @angular-eslint/no-empty-lifecycle-method */
|
|
46
|
-
ngOnInit() { }
|
|
47
|
-
}
|
|
48
|
-
GoAButtonComponent.decorators = [
|
|
49
|
-
{ type: Component, args: [{
|
|
50
|
-
selector:
|
|
51
|
-
// eslint-disable-next-line @angular-eslint/component-selector
|
|
52
|
-
'button[goa-button], input[type="button"][goa-button], input[type="submit"][goa-button]',
|
|
53
|
-
template: "<ng-content></ng-content>\n",
|
|
54
|
-
styles: [""]
|
|
55
|
-
},] }
|
|
56
|
-
];
|
|
57
|
-
GoAButtonComponent.ctorParameters = () => [];
|
|
58
|
-
GoAButtonComponent.propDecorators = {
|
|
59
|
-
primaryBinding: [{ type: HostBinding, args: ['class.goa-button',] }],
|
|
60
|
-
secondaryBinding: [{ type: HostBinding, args: ['class.goa--secondary',] }],
|
|
61
|
-
tertiaryBinding: [{ type: HostBinding, args: ['class.goa--tertiary',] }],
|
|
62
|
-
smallBinding: [{ type: HostBinding, args: ['class.btn-small',] }],
|
|
63
|
-
buttonType: [{ type: Input }],
|
|
64
|
-
buttonSize: [{ type: Input }]
|
|
65
|
-
};
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRFOzs7R0FHRztBQVFILE1BQU0sT0FBTyxrQkFBa0I7SUEyQzdCO1FBVkE7O1dBRUc7UUFDTSxlQUFVLEdBQXlDLFNBQVMsQ0FBQztRQUV0RTs7V0FFRztRQUNNLGVBQVUsR0FBdUIsUUFBUSxDQUFDO0lBRW5DLENBQUM7SUExQ2pCOzs7T0FHRztJQUNILElBQXFDLGNBQWM7UUFDakQsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFBeUMsZ0JBQWdCO1FBQ3ZELE9BQU8sSUFBSSxDQUFDLFVBQVUsS0FBSyxXQUFXLENBQUM7SUFDekMsQ0FBQztJQUVEOzs7T0FHRztJQUNILElBQXdDLGVBQWU7UUFDckQsT0FBTyxJQUFJLENBQUMsVUFBVSxLQUFLLFVBQVUsQ0FBQztJQUN4QyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFBb0MsWUFBWTtRQUM5QyxPQUFPLElBQUksQ0FBQyxVQUFVLEtBQUssT0FBTyxDQUFDO0lBQ3JDLENBQUM7SUFjRCw4REFBOEQ7SUFDOUQsUUFBUSxLQUFLLENBQUM7OztZQXJEZixTQUFTLFNBQUM7Z0JBQ1QsUUFBUTtnQkFDTiw4REFBOEQ7Z0JBQzlELHdGQUF3RjtnQkFDMUYsdUNBQXNDOzthQUV2Qzs7Ozs2QkFNRSxXQUFXLFNBQUMsa0JBQWtCOytCQVE5QixXQUFXLFNBQUMsc0JBQXNCOzhCQVFsQyxXQUFXLFNBQUMscUJBQXFCOzJCQVFqQyxXQUFXLFNBQUMsaUJBQWlCO3lCQU83QixLQUFLO3lCQUtMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQSBHb3Zlcm5tZW50IG9mIEFsYmVydGEgc3R5bGVkIGJ1dHRvbi5cbiAqIHNlbGVjdG9yOiBidXR0b25bZ29hLWJ1dHRvbl0sIGlucHV0W3R5cGU9XCJidXR0b25cIl1bZ29hLWJ1dHRvbl0sIGlucHV0W3R5cGU9XCJzdWJtaXRcIl1bZ29hLWJ1dHRvbl1cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOlxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gICAgJ2J1dHRvbltnb2EtYnV0dG9uXSwgaW5wdXRbdHlwZT1cImJ1dHRvblwiXVtnb2EtYnV0dG9uXSwgaW5wdXRbdHlwZT1cInN1Ym1pdFwiXVtnb2EtYnV0dG9uXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgR29BQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIEFkZHMgY2xhc3MgZ29hLWJ1dHRvbiB0byB0aGUgaG9zdC5cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5nb2EtYnV0dG9uJykgZ2V0IHByaW1hcnlCaW5kaW5nKCkge1xuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgLyoqXG4gICAqIEFkZHMgY2xhc3MgZ29hLS1zZWNvbmRhcnkgdG8gdGhlIGhvc3QgaWYgdGhlIGJ1dHRvblN0eWxlID0gc2Vjb25kYXJ5LlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmdvYS0tc2Vjb25kYXJ5JykgZ2V0IHNlY29uZGFyeUJpbmRpbmcoKSB7XG4gICAgcmV0dXJuIHRoaXMuYnV0dG9uVHlwZSA9PT0gJ3NlY29uZGFyeSc7XG4gIH1cblxuICAvKipcbiAgICogQWRkcyBjbGFzcyBnb2EtLXRlcnRpYXJ5IHRvIHRoZSBob3N0IGlmIHRoZSBidXR0b25TdHlsZSA9IHRlcnRpYXJ5LlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmdvYS0tdGVydGlhcnknKSBnZXQgdGVydGlhcnlCaW5kaW5nKCkge1xuICAgIHJldHVybiB0aGlzLmJ1dHRvblR5cGUgPT09ICd0ZXJ0aWFyeSc7XG4gIH1cblxuICAvKipcbiAgICogQWRkcyBjbGFzcyBidG4tc21hbGwgdG8gdGhlIGhvc3QgaWYgdGhlIGJ1dHRvblNpemUgPSBzbWFsbC5cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tc21hbGwnKSBnZXQgc21hbGxCaW5kaW5nKCkge1xuICAgIHJldHVybiB0aGlzLmJ1dHRvblNpemUgPT09ICdzbWFsbCc7XG4gIH1cblxuICAvKipcbiAgICogVGhlIGFwcGVhcmFuY2Ugc3R5bGUgb2YgdGhlIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpIGJ1dHRvblR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5JyA9ICdwcmltYXJ5JztcblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGJ1dHRvbiwgY29udHJvbHMgZm9udCBzaXplIGFuZCBwYWRkaW5nLlxuICAgKi9cbiAgQElucHV0KCkgYnV0dG9uU2l6ZTogJ3NtYWxsJyB8ICdub3JtYWwnID0gJ25vcm1hbCc7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICAvKiBlc2xpbnQtZGlzYWJsZSBAYW5ndWxhci1lc2xpbnQvbm8tZW1wdHktbGlmZWN5Y2xlLW1ldGhvZCAqL1xuICBuZ09uSW5pdCgpIHsgfVxufVxuIl19
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { Component, Input, HostBinding } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* Styles an anchor Design system compliant.
|
|
4
|
-
* selector: a[goa-button]
|
|
5
|
-
* @example <a goa-button linkType='right' href='...'>Text</a>
|
|
6
|
-
*/
|
|
7
|
-
export class GoAButtonLinkComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
/**
|
|
10
|
-
* The type of arrow to use.
|
|
11
|
-
*/
|
|
12
|
-
this.linkType = 'right';
|
|
13
|
-
/**
|
|
14
|
-
* The size of the button, controls font size and padding.
|
|
15
|
-
*/
|
|
16
|
-
this.buttonSize = 'normal';
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* Adds class goa-link-button to the host.
|
|
20
|
-
* @ignore
|
|
21
|
-
*/
|
|
22
|
-
get primaryBinding() {
|
|
23
|
-
return true;
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* Adds class right-arrow to the host if the linkType = right.
|
|
27
|
-
* @ignore
|
|
28
|
-
*/
|
|
29
|
-
get rightBinding() {
|
|
30
|
-
return this.linkType === 'right';
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Adds class right-arrow to the host if the linkType = right.
|
|
34
|
-
* @ignore
|
|
35
|
-
*/
|
|
36
|
-
get upBinding() {
|
|
37
|
-
return this.linkType === 'up';
|
|
38
|
-
}
|
|
39
|
-
/**
|
|
40
|
-
* Adds class btn-small to the host if the buttonSize = small.
|
|
41
|
-
* @ignore
|
|
42
|
-
*/
|
|
43
|
-
get smallBinding() {
|
|
44
|
-
return this.buttonSize === 'small';
|
|
45
|
-
}
|
|
46
|
-
/* eslint-disable @angular-eslint/no-empty-lifecycle-method */
|
|
47
|
-
ngOnInit() { }
|
|
48
|
-
}
|
|
49
|
-
GoAButtonLinkComponent.decorators = [
|
|
50
|
-
{ type: Component, args: [{
|
|
51
|
-
// eslint-disable-next-line @angular-eslint/component-selector
|
|
52
|
-
selector: 'a[goa-button]',
|
|
53
|
-
template: "<span>\n <ng-content></ng-content>\n</span>",
|
|
54
|
-
styles: [""]
|
|
55
|
-
},] }
|
|
56
|
-
];
|
|
57
|
-
GoAButtonLinkComponent.ctorParameters = () => [];
|
|
58
|
-
GoAButtonLinkComponent.propDecorators = {
|
|
59
|
-
primaryBinding: [{ type: HostBinding, args: ['class.goa-link-button',] }],
|
|
60
|
-
rightBinding: [{ type: HostBinding, args: ['class.right-arrow',] }],
|
|
61
|
-
upBinding: [{ type: HostBinding, args: ['class.up-arrow',] }],
|
|
62
|
-
smallBinding: [{ type: HostBinding, args: ['class.btn-small',] }],
|
|
63
|
-
linkType: [{ type: Input }],
|
|
64
|
-
buttonSize: [{ type: Input }]
|
|
65
|
-
};
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWxpbmsuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9idXR0b24tbGluay9idXR0b24tbGluay5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRFOzs7O0dBSUc7QUFPSCxNQUFNLE9BQU8sc0JBQXNCO0lBMkNqQztRQVZBOztXQUVHO1FBQ00sYUFBUSxHQUFtQixPQUFPLENBQUM7UUFFNUM7O1dBRUc7UUFDTSxlQUFVLEdBQXVCLFFBQVEsQ0FBQztJQUVuQyxDQUFDO0lBMUNqQjs7O09BR0c7SUFDSCxJQUEwQyxjQUFjO1FBQ3RELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVEOzs7T0FHRztJQUNILElBQXNDLFlBQVk7UUFDaEQsT0FBTyxJQUFJLENBQUMsUUFBUSxLQUFLLE9BQU8sQ0FBQztJQUNuQyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFBbUMsU0FBUztRQUMxQyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssSUFBSSxDQUFDO0lBQ2hDLENBQUM7SUFFRDs7O09BR0c7SUFDSCxJQUFvQyxZQUFZO1FBQzlDLE9BQU8sSUFBSSxDQUFDLFVBQVUsS0FBSyxPQUFPLENBQUM7SUFDckMsQ0FBQztJQWNELDhEQUE4RDtJQUM5RCxRQUFRLEtBQUssQ0FBQzs7O1lBcERmLFNBQVMsU0FBQztnQkFDVCw4REFBOEQ7Z0JBQzlELFFBQVEsRUFBRSxlQUFlO2dCQUN6QiwwREFBMkM7O2FBRTVDOzs7OzZCQU1FLFdBQVcsU0FBQyx1QkFBdUI7MkJBUW5DLFdBQVcsU0FBQyxtQkFBbUI7d0JBUS9CLFdBQVcsU0FBQyxnQkFBZ0I7MkJBUTVCLFdBQVcsU0FBQyxpQkFBaUI7dUJBTzdCLEtBQUs7eUJBS0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBTdHlsZXMgYW4gYW5jaG9yIERlc2lnbiBzeXN0ZW0gY29tcGxpYW50LlxuICogc2VsZWN0b3I6IGFbZ29hLWJ1dHRvbl1cbiAqIEBleGFtcGxlIDxhIGdvYS1idXR0b24gbGlua1R5cGU9J3JpZ2h0JyBocmVmPScuLi4nPlRleHQ8L2E+XG4gKi9cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2FbZ29hLWJ1dHRvbl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLWxpbmsuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24tbGluay5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBHb0FCdXR0b25MaW5rQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIEFkZHMgY2xhc3MgZ29hLWxpbmstYnV0dG9uIHRvIHRoZSBob3N0LlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmdvYS1saW5rLWJ1dHRvbicpIGdldCBwcmltYXJ5QmluZGluZygpIHtcbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBBZGRzIGNsYXNzIHJpZ2h0LWFycm93IHRvIHRoZSBob3N0IGlmIHRoZSBsaW5rVHlwZSA9IHJpZ2h0LlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnJpZ2h0LWFycm93JykgZ2V0IHJpZ2h0QmluZGluZygpIHtcbiAgICByZXR1cm4gdGhpcy5saW5rVHlwZSA9PT0gJ3JpZ2h0JztcbiAgfVxuXG4gIC8qKlxuICAgKiBBZGRzIGNsYXNzIHJpZ2h0LWFycm93IHRvIHRoZSBob3N0IGlmIHRoZSBsaW5rVHlwZSA9IHJpZ2h0LlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnVwLWFycm93JykgZ2V0IHVwQmluZGluZygpIHtcbiAgICByZXR1cm4gdGhpcy5saW5rVHlwZSA9PT0gJ3VwJztcbiAgfVxuXG4gIC8qKlxuICAgKiBBZGRzIGNsYXNzIGJ0bi1zbWFsbCB0byB0aGUgaG9zdCBpZiB0aGUgYnV0dG9uU2l6ZSA9IHNtYWxsLlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmJ0bi1zbWFsbCcpIGdldCBzbWFsbEJpbmRpbmcoKSB7XG4gICAgcmV0dXJuIHRoaXMuYnV0dG9uU2l6ZSA9PT0gJ3NtYWxsJztcbiAgfVxuXG4gIC8qKlxuICAgKiBUaGUgdHlwZSBvZiBhcnJvdyB0byB1c2UuXG4gICAqL1xuICBASW5wdXQoKSBsaW5rVHlwZTogJ3VwJyB8ICdyaWdodCcgPSAncmlnaHQnO1xuXG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgYnV0dG9uLCBjb250cm9scyBmb250IHNpemUgYW5kIHBhZGRpbmcuXG4gICAqL1xuICBASW5wdXQoKSBidXR0b25TaXplOiAnc21hbGwnIHwgJ25vcm1hbCcgPSAnbm9ybWFsJztcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIC8qIGVzbGludC1kaXNhYmxlIEBhbmd1bGFyLWVzbGludC9uby1lbXB0eS1saWZlY3ljbGUtbWV0aG9kICovXG4gIG5nT25Jbml0KCkgeyB9XG59XG4iXX0=
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* Callout component to describe important changes or facts.
|
|
4
|
-
* selector: goa-callout
|
|
5
|
-
*/
|
|
6
|
-
export class GoACalloutComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* The type of the callout, changes stylings and icons.
|
|
10
|
-
*/
|
|
11
|
-
this.type = 'information';
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* @ignore
|
|
15
|
-
*/
|
|
16
|
-
ngOnInit() {
|
|
17
|
-
if (this.title === undefined || this.title === null) {
|
|
18
|
-
throw new TypeError(`Input 'title' is required.`);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
GoACalloutComponent.decorators = [
|
|
23
|
-
{ type: Component, args: [{
|
|
24
|
-
selector: 'goa-callout',
|
|
25
|
-
template: "<div\n class=\"goa-callout\"\n [ngClass]=\"{\n 'goa--event': type === 'event',\n 'goa--important': type === 'important',\n 'goa--emergency': type === 'emergency',\n 'goa--success': type === 'success'\n }\"\n>\n <div>\n <h3>{{ title }}</h3>\n <div class=\"messages\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n",
|
|
26
|
-
styles: [""]
|
|
27
|
-
},] }
|
|
28
|
-
];
|
|
29
|
-
GoACalloutComponent.ctorParameters = () => [];
|
|
30
|
-
GoACalloutComponent.propDecorators = {
|
|
31
|
-
type: [{ type: Input }],
|
|
32
|
-
title: [{ type: Input }]
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NhbGxvdXQvY2FsbG91dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQ7OztHQUdHO0FBTUgsTUFBTSxPQUFPLG1CQUFtQjtJQVU5QjtRQVRBOztXQUVHO1FBQ00sU0FBSSxHQUFvRSxhQUFhLENBQUM7SUFNL0UsQ0FBQztJQUVqQjs7T0FFRztJQUNILFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssSUFBSSxFQUFFO1lBQ25ELE1BQU0sSUFBSSxTQUFTLENBQUMsNEJBQTRCLENBQUMsQ0FBQztTQUNuRDtJQUNILENBQUM7OztZQXhCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLDZXQUF1Qzs7YUFFeEM7Ozs7bUJBS0UsS0FBSztvQkFLTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG4vKipcbiAqIENhbGxvdXQgY29tcG9uZW50IHRvIGRlc2NyaWJlIGltcG9ydGFudCBjaGFuZ2VzIG9yIGZhY3RzLlxuICogc2VsZWN0b3I6IGdvYS1jYWxsb3V0XG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dvYS1jYWxsb3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGxvdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYWxsb3V0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR29BQ2FsbG91dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBUaGUgdHlwZSBvZiB0aGUgY2FsbG91dCwgY2hhbmdlcyBzdHlsaW5ncyBhbmQgaWNvbnMuXG4gICAqL1xuICBASW5wdXQoKSB0eXBlOiAnaW1wb3J0YW50JyB8ICdpbmZvcm1hdGlvbicgfCAnZXZlbnQnIHwgJ3N1Y2Nlc3MnIHwgJ2VtZXJnZW5jeScgPSAnaW5mb3JtYXRpb24nO1xuXG4gIC8qKlxuICAgKiBUaGUgdGl0bGUgb2YgY2FsbG91dFxuICAgKi9cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudGl0bGUgPT09IHVuZGVmaW5lZCB8fCB0aGlzLnRpdGxlID09PSBudWxsKSB7XG4gICAgICB0aHJvdyBuZXcgVHlwZUVycm9yKGBJbnB1dCAndGl0bGUnIGlzIHJlcXVpcmVkLmApO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
export * from './header/card-header.component';
|
|
3
|
-
export * from './footer/card-footer.component';
|
|
4
|
-
export * from './thumb/card-thumb.component';
|
|
5
|
-
export * from './content/card-content.component';
|
|
6
|
-
/**
|
|
7
|
-
* Card component with Government of Alberta styling.
|
|
8
|
-
* Place desired sub-components (goa-card-thumb-image, goa-card-header, goa-card-content, goa-card-footer) inside of content.
|
|
9
|
-
* selector: goa-card
|
|
10
|
-
*/
|
|
11
|
-
export class GoACardComponent {
|
|
12
|
-
constructor() {
|
|
13
|
-
/**
|
|
14
|
-
* What percentage of container width to take.
|
|
15
|
-
*/
|
|
16
|
-
this.cardSize = 'full';
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* @ignore
|
|
20
|
-
*/
|
|
21
|
-
ngOnInit() {
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
GoACardComponent.decorators = [
|
|
25
|
-
{ type: Component, args: [{
|
|
26
|
-
selector: 'goa-card',
|
|
27
|
-
template: "<div\n class=\"goa-card\"\n [ngClass]=\"{\n 'card-auto': cardSize === 'auto'\n }\" [attr.data-skeleton]=\"isSkeleton ? '' : null\"\n>\n <div class=\"goa-poster\">\n <ng-content select=\"goa-card-thumb-image\"></ng-content>\n </div>\n <div class=\"card-content\">\n <a class=\"goa-title\" href=\"{{ titleUrl }}\">\n <ng-content select=\"goa-card-header\"></ng-content>\n </a>\n <div class=\"goa-text\">\n <ng-content select=\"goa-card-content\"></ng-content>\n </div>\n <div class=\"goa-footer\">\n <ng-content select=\"goa-card-footer\"></ng-content>\n </div>\n </div>\n</div>\n",
|
|
28
|
-
styles: [""]
|
|
29
|
-
},] }
|
|
30
|
-
];
|
|
31
|
-
GoACardComponent.ctorParameters = () => [];
|
|
32
|
-
GoACardComponent.propDecorators = {
|
|
33
|
-
cardSize: [{ type: Input }],
|
|
34
|
-
titleUrl: [{ type: Input }],
|
|
35
|
-
isSkeleton: [{ type: Input }]
|
|
36
|
-
};
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NhcmQvY2FyZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUVqRDs7OztHQUlHO0FBTUgsTUFBTSxPQUFPLGdCQUFnQjtJQVMzQjtRQVBBOztXQUVHO1FBQ00sYUFBUSxHQUFvQixNQUFNLENBQUM7SUFJNUIsQ0FBQztJQUVqQjs7T0FFRztJQUNILFFBQVE7SUFDUixDQUFDOzs7WUFwQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQiw0bkJBQW9DOzthQUVyQzs7Ozt1QkFNRSxLQUFLO3VCQUNMLEtBQUs7eUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2hlYWRlci9jYXJkLWhlYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mb290ZXIvY2FyZC1mb290ZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGh1bWIvY2FyZC10aHVtYi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb250ZW50L2NhcmQtY29udGVudC5jb21wb25lbnQnO1xuXG4vKipcbiAqIENhcmQgY29tcG9uZW50IHdpdGggR292ZXJubWVudCBvZiBBbGJlcnRhIHN0eWxpbmcuXG4gKiBQbGFjZSBkZXNpcmVkIHN1Yi1jb21wb25lbnRzIChnb2EtY2FyZC10aHVtYi1pbWFnZSwgZ29hLWNhcmQtaGVhZGVyLCBnb2EtY2FyZC1jb250ZW50LCBnb2EtY2FyZC1mb290ZXIpIGluc2lkZSBvZiBjb250ZW50LlxuICogc2VsZWN0b3I6IGdvYS1jYXJkXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dvYS1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR29BQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgLyoqXG4gICAqIFdoYXQgcGVyY2VudGFnZSBvZiBjb250YWluZXIgd2lkdGggdG8gdGFrZS5cbiAgICovXG4gIEBJbnB1dCgpIGNhcmRTaXplOiAnZnVsbCcgfCAnYXV0bycgPSAnZnVsbCc7XG4gIEBJbnB1dCgpIHRpdGxlVXJsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzU2tlbGV0b246IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* Content component used for Government of Alberta cards.
|
|
4
|
-
* Put content inside of component and it will project to the content section of the card.
|
|
5
|
-
* selector: goa-card-content
|
|
6
|
-
* @example <goa-card><goa-card-content>My content</goa-card-content></goa-card>
|
|
7
|
-
*/
|
|
8
|
-
export class GoACardContentComponent {
|
|
9
|
-
constructor() { }
|
|
10
|
-
/**
|
|
11
|
-
* @ignore
|
|
12
|
-
*/
|
|
13
|
-
ngOnInit() {
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
GoACardContentComponent.decorators = [
|
|
17
|
-
{ type: Component, args: [{
|
|
18
|
-
selector: 'goa-card-content',
|
|
19
|
-
template: "<ng-container>\n <ng-content></ng-content>\n</ng-container>",
|
|
20
|
-
styles: [""]
|
|
21
|
-
},] }
|
|
22
|
-
];
|
|
23
|
-
GoACardContentComponent.ctorParameters = () => [];
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY2FyZC9jb250ZW50L2NhcmQtY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVsRDs7Ozs7R0FLRztBQU1ILE1BQU0sT0FBTyx1QkFBdUI7SUFFbEMsZ0JBQWdCLENBQUM7SUFFakI7O09BRUc7SUFDSCxRQUFRO0lBQ1IsQ0FBQzs7O1lBYkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxrQkFBa0I7Z0JBQzVCLDBFQUE0Qzs7YUFFN0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIENvbnRlbnQgY29tcG9uZW50IHVzZWQgZm9yIEdvdmVybm1lbnQgb2YgQWxiZXJ0YSBjYXJkcy4gIFxuICogUHV0IGNvbnRlbnQgaW5zaWRlIG9mIGNvbXBvbmVudCBhbmQgaXQgd2lsbCBwcm9qZWN0IHRvIHRoZSBjb250ZW50IHNlY3Rpb24gb2YgdGhlIGNhcmQuXG4gKiBzZWxlY3RvcjogZ29hLWNhcmQtY29udGVudFxuICogQGV4YW1wbGUgPGdvYS1jYXJkPjxnb2EtY2FyZC1jb250ZW50Pk15IGNvbnRlbnQ8L2dvYS1jYXJkLWNvbnRlbnQ+PC9nb2EtY2FyZD5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ29hLWNhcmQtY29udGVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHb0FDYXJkQ29udGVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cbiAgXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* Footer component used for Government of Alberta cards.
|
|
4
|
-
* Put footer content inside of component and it will project to the confootertent section of the card.
|
|
5
|
-
* selector: goa-card-footer
|
|
6
|
-
* @example <goa-card><goa-card-footer>My content</goa-card-footer></goa-card>
|
|
7
|
-
*/
|
|
8
|
-
export class GoACardFooterComponent {
|
|
9
|
-
constructor() { }
|
|
10
|
-
/**
|
|
11
|
-
* @ignore
|
|
12
|
-
*/
|
|
13
|
-
ngOnInit() {
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
GoACardFooterComponent.decorators = [
|
|
17
|
-
{ type: Component, args: [{
|
|
18
|
-
selector: 'goa-card-footer',
|
|
19
|
-
template: "<ng-container>\n <ng-content></ng-content>\n</ng-container>",
|
|
20
|
-
styles: [""]
|
|
21
|
-
},] }
|
|
22
|
-
];
|
|
23
|
-
GoACardFooterComponent.ctorParameters = () => [];
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jYXJkL2Zvb3Rlci9jYXJkLWZvb3Rlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVsRDs7Ozs7R0FLRztBQU1ILE1BQU0sT0FBTyxzQkFBc0I7SUFFakMsZ0JBQWdCLENBQUM7SUFFakI7O09BRUc7SUFDSCxRQUFRO0lBQ1IsQ0FBQzs7O1lBYkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLDBFQUEyQzs7YUFFNUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEZvb3RlciBjb21wb25lbnQgdXNlZCBmb3IgR292ZXJubWVudCBvZiBBbGJlcnRhIGNhcmRzLiAgXG4gKiBQdXQgZm9vdGVyIGNvbnRlbnQgaW5zaWRlIG9mIGNvbXBvbmVudCBhbmQgaXQgd2lsbCBwcm9qZWN0IHRvIHRoZSBjb25mb290ZXJ0ZW50IHNlY3Rpb24gb2YgdGhlIGNhcmQuXG4gKiBzZWxlY3RvcjogZ29hLWNhcmQtZm9vdGVyXG4gKiBAZXhhbXBsZSA8Z29hLWNhcmQ+PGdvYS1jYXJkLWZvb3Rlcj5NeSBjb250ZW50PC9nb2EtY2FyZC1mb290ZXI+PC9nb2EtY2FyZD5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ29hLWNhcmQtZm9vdGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1mb290ZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHb0FDYXJkRm9vdGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuICBcbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* Header component used for Government of Alberta cards.
|
|
4
|
-
* Put header content inside of component and it will project to the header section of the card.
|
|
5
|
-
* selector: goa-card-header
|
|
6
|
-
* @example <goa-card><goa-card-header>My content</goa-card-header></goa-card>
|
|
7
|
-
*/
|
|
8
|
-
export class GoACardHeaderComponent {
|
|
9
|
-
constructor() { }
|
|
10
|
-
/**
|
|
11
|
-
* @ignore
|
|
12
|
-
*/
|
|
13
|
-
ngOnInit() {
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
GoACardHeaderComponent.decorators = [
|
|
17
|
-
{ type: Component, args: [{
|
|
18
|
-
selector: 'goa-card-header',
|
|
19
|
-
template: "<ng-container>\n <ng-content></ng-content>\n</ng-container>",
|
|
20
|
-
styles: [""]
|
|
21
|
-
},] }
|
|
22
|
-
];
|
|
23
|
-
GoACardHeaderComponent.ctorParameters = () => [];
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jYXJkL2hlYWRlci9jYXJkLWhlYWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVsRDs7Ozs7R0FLRztBQU1ILE1BQU0sT0FBTyxzQkFBc0I7SUFFakMsZ0JBQWdCLENBQUM7SUFFakI7O09BRUc7SUFDSCxRQUFRO0lBQ1IsQ0FBQzs7O1lBYkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLDBFQUEyQzs7YUFFNUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEhlYWRlciBjb21wb25lbnQgdXNlZCBmb3IgR292ZXJubWVudCBvZiBBbGJlcnRhIGNhcmRzLiAgXG4gKiBQdXQgaGVhZGVyIGNvbnRlbnQgaW5zaWRlIG9mIGNvbXBvbmVudCBhbmQgaXQgd2lsbCBwcm9qZWN0IHRvIHRoZSBoZWFkZXIgc2VjdGlvbiBvZiB0aGUgY2FyZC5cbiAqIHNlbGVjdG9yOiBnb2EtY2FyZC1oZWFkZXJcbiAqIEBleGFtcGxlIDxnb2EtY2FyZD48Z29hLWNhcmQtaGVhZGVyPk15IGNvbnRlbnQ8L2dvYS1jYXJkLWhlYWRlcj48L2dvYS1jYXJkPlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnb2EtY2FyZC1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWhlYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdvQUNhcmRIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG4gIFxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIl19
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* cardImage image component used for Government of Alberta cards.
|
|
4
|
-
* It will project to the content section of the card.
|
|
5
|
-
* selector: goa-card-thumb-image
|
|
6
|
-
* @example <goa-card><goa-card-thumb-image url="" alt=""></goa-card-thumb-image></goa-card>
|
|
7
|
-
*/
|
|
8
|
-
export class GoACardThumbImageComponent {
|
|
9
|
-
constructor() { }
|
|
10
|
-
/**
|
|
11
|
-
* @ignore
|
|
12
|
-
*/
|
|
13
|
-
ngOnInit() { }
|
|
14
|
-
}
|
|
15
|
-
GoACardThumbImageComponent.decorators = [
|
|
16
|
-
{ type: Component, args: [{
|
|
17
|
-
selector: 'goa-card-thumb-image',
|
|
18
|
-
template: "<ng-container>\n <img src=\"{{url}}\" [attr.alt]=\"alt\">\n</ng-container>",
|
|
19
|
-
styles: [":host img,:host iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}\n"]
|
|
20
|
-
},] }
|
|
21
|
-
];
|
|
22
|
-
GoACardThumbImageComponent.ctorParameters = () => [];
|
|
23
|
-
GoACardThumbImageComponent.propDecorators = {
|
|
24
|
-
url: [{ type: Input }],
|
|
25
|
-
alt: [{ type: Input }]
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aHVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NhcmQvdGh1bWIvY2FyZC10aHVtYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekQ7Ozs7O0dBS0c7QUFNSCxNQUFNLE9BQU8sMEJBQTBCO0lBVXJDLGdCQUFlLENBQUM7SUFFaEI7O09BRUc7SUFDSCxRQUFRLEtBQVUsQ0FBQzs7O1lBcEJwQixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMseUZBQWdEOzthQUVqRDs7OztrQkFLRSxLQUFLO2tCQUlMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBjYXJkSW1hZ2UgaW1hZ2UgY29tcG9uZW50IHVzZWQgZm9yIEdvdmVybm1lbnQgb2YgQWxiZXJ0YSBjYXJkcy5cbiAqIEl0IHdpbGwgcHJvamVjdCB0byB0aGUgY29udGVudCBzZWN0aW9uIG9mIHRoZSBjYXJkLlxuICogc2VsZWN0b3I6IGdvYS1jYXJkLXRodW1iLWltYWdlXG4gKiBAZXhhbXBsZSA8Z29hLWNhcmQ+PGdvYS1jYXJkLXRodW1iLWltYWdlIHVybD1cIlwiIGFsdD1cIlwiPjwvZ29hLWNhcmQtdGh1bWItaW1hZ2U+PC9nb2EtY2FyZD5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ29hLWNhcmQtdGh1bWItaW1hZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC10aHVtYi1pbWFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQtdGh1bWIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgR29BQ2FyZFRodW1iSW1hZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogVGhlIHVybCBvZiB0aGUgaW1hZ2UuXG4gICAqL1xuICBASW5wdXQoKSB1cmw6IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBhbHQgdGV4dCBmb3IgdGhlIGltYWdlLlxuICAgKi9cbiAgQElucHV0KCkgYWx0OiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG59XG4iXX0=
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* A wrapper/group for a set of card display
|
|
4
|
-
*/
|
|
5
|
-
export class GoACardGroupComponent {
|
|
6
|
-
constructor() { }
|
|
7
|
-
/* eslint-disable @angular-eslint/no-empty-lifecycle-method */
|
|
8
|
-
ngOnInit() { }
|
|
9
|
-
}
|
|
10
|
-
GoACardGroupComponent.decorators = [
|
|
11
|
-
{ type: Component, args: [{
|
|
12
|
-
selector: 'goa-card-group',
|
|
13
|
-
template: "<ng-container>\n <div class=\"goa-card-group\">\n <div class=\"card-group-title\">{{ title }}</div>\n <div\n [ngClass]=\"{\n 'card-group-basic': layout === 'basic',\n 'card-group-column': layout === 'column'\n }\"\n >\n <ng-content></ng-content>\n <div *ngFor=\"let card of cardItems\">\n <goa-card titleUrl=\"{{ card.titleUrl }}\">\n <goa-card-thumb-image\n url=\"{{ card.cardImageUrl }}\"\n alt=\"hero pic\"\n ></goa-card-thumb-image>\n <goa-card-header>{{ card.title }}</goa-card-header>\n <goa-card-content>{{ card.description }}</goa-card-content>\n </goa-card>\n </div>\n </div>\n </div>\n</ng-container>\n",
|
|
14
|
-
styles: [""]
|
|
15
|
-
},] }
|
|
16
|
-
];
|
|
17
|
-
GoACardGroupComponent.ctorParameters = () => [];
|
|
18
|
-
GoACardGroupComponent.propDecorators = {
|
|
19
|
-
layout: [{ type: Input }],
|
|
20
|
-
title: [{ type: Input }],
|
|
21
|
-
cardItems: [{ type: Input }]
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NhcmQtZ3JvdXAvY2FyZC5ncm91cC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFjekQ7O0dBRUc7QUFNSCxNQUFNLE9BQU8scUJBQXFCO0lBZ0JoQyxnQkFBZ0IsQ0FBQztJQUVqQiw4REFBOEQ7SUFDOUQsUUFBUSxLQUFLLENBQUM7OztZQXhCZixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtnQkFDMUIsNnVCQUEwQzs7YUFFM0M7Ozs7cUJBS0UsS0FBSztvQkFLTCxLQUFLO3dCQUtMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW50ZXJmYWNlIENhcmRJdGVtIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIENhcmQgZGVzY3JpcHRpb24gKi9cbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIC8qKiBDYXJkIGltYWdlICwgZGlzcGxheSBvbiB0b3Agb2YgdGl0bGUgKi9cbiAgY2FyZEltYWdlVXJsPzogc3RyaW5nO1xuICAvKiogRGlzcGxheSBjYXJkIHNpemUgdG8gYWxsb3cgY2FyZCByZXNwb25zaXZlbHkgc2hvdyBpbiBkaWZmZXJlbnQgZGV2aWNlKi9cbiAgY2FyZFdpZHRoPzogbnVtYmVyO1xuICAvKiogTmF2aWdhdGlvbiB0byByZWxhdGUgd2Vic2lkZSBmcm9tIENhcmQgdGl0bGUgKi9cbiAgdGl0bGVVcmw/OiBzdHJpbmc7XG59XG5cbi8qKlxuICogQSB3cmFwcGVyL2dyb3VwIGZvciBhIHNldCBvZiBjYXJkIGRpc3BsYXlcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ29hLWNhcmQtZ3JvdXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQuZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgR29BQ2FyZEdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIFRoZSBhcHBlYXJhbmNlIHN0eWxlIG9mIHRoZSBidXR0b24uXG4gICAqL1xuICBASW5wdXQoKSBsYXlvdXQ6ICdiYXNpYycgfCAnY29sdW1uJztcblxuICAvKipcbiAgICogVGl0bGUgaGVhZGVyIHRleHQuXG4gICAqL1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBDYXJkIEl0ZW1zIEpTT04gYXJyYXlcbiAgICovXG4gIEBJbnB1dCgpIGNhcmRJdGVtcz86IENhcmRJdGVtW107XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICAvKiBlc2xpbnQtZGlzYWJsZSBAYW5ndWxhci1lc2xpbnQvbm8tZW1wdHktbGlmZWN5Y2xlLW1ldGhvZCAqL1xuICBuZ09uSW5pdCgpIHsgfVxufVxuIl19
|