@abgov/angular-components 1.8.0-beta.9 → 2.0.0-alpha.10
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 +142 -2453
- package/bundles/abgov-angular-components.umd.js.map +1 -1
- package/esm2015/abgov-angular-components.js +1 -1
- package/esm2015/index.js +2 -26
- package/esm2015/lib/angular-components.module.js +16 -91
- package/esm2015/lib/value-directive.js +133 -0
- package/fesm2015/abgov-angular-components.js +122 -1969
- package/fesm2015/abgov-angular-components.js.map +1 -1
- package/index.d.ts +1 -25
- package/lib/angular-components.module.d.ts +7 -0
- package/lib/value-directive.d.ts +34 -0
- package/package.json +8 -12
- package/LICENSE +0 -21
- package/abgov-angular-components.metadata.json +0 -1
- package/bundles/abgov-angular-components.umd.min.js +0 -2
- package/bundles/abgov-angular-components.umd.min.js.map +0 -1
- package/esm2015/abgov-angular-components.js.map +0 -1
- package/esm2015/abgov-angular-components.metadata.json +0 -1
- package/esm2015/experimental/app-version-header/app-version-header.component.js +0 -30
- package/esm2015/experimental/app-version-header/app-version-header.component.js.map +0 -1
- package/esm2015/experimental/app-version-header/app-version-header.component.metadata.json +0 -1
- package/esm2015/experimental/badge/badge.component.js +0 -24
- package/esm2015/experimental/badge/badge.component.js.map +0 -1
- package/esm2015/experimental/badge/badge.component.metadata.json +0 -1
- package/esm2015/experimental/components.module.js +0 -28
- package/esm2015/experimental/components.module.js.map +0 -1
- package/esm2015/experimental/components.module.metadata.json +0 -1
- package/esm2015/experimental/index.js +0 -5
- package/esm2015/experimental/index.js.map +0 -1
- package/esm2015/experimental/index.metadata.json +0 -1
- package/esm2015/experimental/number-input/number-input.component.js +0 -114
- package/esm2015/experimental/number-input/number-input.component.js.map +0 -1
- package/esm2015/experimental/number-input/number-input.component.metadata.json +0 -1
- package/esm2015/index.js.map +0 -1
- package/esm2015/index.metadata.json +0 -1
- package/esm2015/lib/angular-components.module.js.map +0 -1
- package/esm2015/lib/angular-components.module.metadata.json +0 -1
- package/esm2015/lib/button/button.component.js +0 -66
- package/esm2015/lib/button/button.component.js.map +0 -1
- package/esm2015/lib/button/button.component.metadata.json +0 -1
- package/esm2015/lib/button-link/button-link.component.js +0 -66
- package/esm2015/lib/button-link/button-link.component.js.map +0 -1
- package/esm2015/lib/button-link/button-link.component.metadata.json +0 -1
- package/esm2015/lib/callout/callout.component.js +0 -34
- package/esm2015/lib/callout/callout.component.js.map +0 -1
- package/esm2015/lib/callout/callout.component.metadata.json +0 -1
- package/esm2015/lib/card/card.component.js +0 -37
- package/esm2015/lib/card/card.component.js.map +0 -1
- package/esm2015/lib/card/card.component.metadata.json +0 -1
- package/esm2015/lib/card/content/card-content.component.js +0 -24
- package/esm2015/lib/card/content/card-content.component.js.map +0 -1
- package/esm2015/lib/card/content/card-content.component.metadata.json +0 -1
- package/esm2015/lib/card/footer/card-footer.component.js +0 -24
- package/esm2015/lib/card/footer/card-footer.component.js.map +0 -1
- package/esm2015/lib/card/footer/card-footer.component.metadata.json +0 -1
- package/esm2015/lib/card/header/card-header.component.js +0 -24
- package/esm2015/lib/card/header/card-header.component.js.map +0 -1
- package/esm2015/lib/card/header/card-header.component.metadata.json +0 -1
- package/esm2015/lib/card/thumb/card-thumb.component.js +0 -27
- package/esm2015/lib/card/thumb/card-thumb.component.js.map +0 -1
- package/esm2015/lib/card/thumb/card-thumb.component.metadata.json +0 -1
- package/esm2015/lib/card-group/card.group.component.js +0 -23
- package/esm2015/lib/card-group/card.group.component.js.map +0 -1
- package/esm2015/lib/card-group/card.group.component.metadata.json +0 -1
- package/esm2015/lib/checkbox/checkbox-change.js +0 -3
- package/esm2015/lib/checkbox/checkbox-change.js.map +0 -1
- package/esm2015/lib/checkbox/checkbox-change.metadata.json +0 -1
- package/esm2015/lib/checkbox/checkbox.component.js +0 -136
- package/esm2015/lib/checkbox/checkbox.component.js.map +0 -1
- package/esm2015/lib/checkbox/checkbox.component.metadata.json +0 -1
- package/esm2015/lib/dropdown/dropdown.component.js +0 -326
- package/esm2015/lib/dropdown/dropdown.component.js.map +0 -1
- package/esm2015/lib/dropdown/dropdown.component.metadata.json +0 -1
- package/esm2015/lib/dropdown/option/option.component.js +0 -48
- package/esm2015/lib/dropdown/option/option.component.js.map +0 -1
- package/esm2015/lib/dropdown/option/option.component.metadata.json +0 -1
- package/esm2015/lib/dropdown/option-group/option-group.component.js +0 -46
- package/esm2015/lib/dropdown/option-group/option-group.component.js.map +0 -1
- package/esm2015/lib/dropdown/option-group/option-group.component.metadata.json +0 -1
- package/esm2015/lib/element-load-indicator/element-load-indicator.component.js +0 -63
- package/esm2015/lib/element-load-indicator/element-load-indicator.component.js.map +0 -1
- package/esm2015/lib/element-load-indicator/element-load-indicator.component.metadata.json +0 -1
- package/esm2015/lib/header/header.component.js +0 -47
- package/esm2015/lib/header/header.component.js.map +0 -1
- package/esm2015/lib/header/header.component.metadata.json +0 -1
- package/esm2015/lib/hero-banner/content/hero-banner-content.component.js +0 -15
- package/esm2015/lib/hero-banner/content/hero-banner-content.component.js.map +0 -1
- package/esm2015/lib/hero-banner/content/hero-banner-content.component.metadata.json +0 -1
- package/esm2015/lib/hero-banner/hero-banner.component.js +0 -21
- package/esm2015/lib/hero-banner/hero-banner.component.js.map +0 -1
- package/esm2015/lib/hero-banner/hero-banner.component.metadata.json +0 -1
- package/esm2015/lib/hero-banner/link/hero-banner-link.component.js +0 -18
- package/esm2015/lib/hero-banner/link/hero-banner-link.component.js.map +0 -1
- package/esm2015/lib/hero-banner/link/hero-banner-link.component.metadata.json +0 -1
- package/esm2015/lib/microsite-logo/microsite-logo.component.js +0 -34
- package/esm2015/lib/microsite-logo/microsite-logo.component.js.map +0 -1
- package/esm2015/lib/microsite-logo/microsite-logo.component.metadata.json +0 -1
- package/esm2015/lib/notification/notification.component.js +0 -59
- package/esm2015/lib/notification/notification.component.js.map +0 -1
- package/esm2015/lib/notification/notification.component.metadata.json +0 -1
- package/esm2015/lib/notification-banner/notification-banner.component.js +0 -32
- package/esm2015/lib/notification-banner/notification-banner.component.js.map +0 -1
- package/esm2015/lib/notification-banner/notification-banner.component.metadata.json +0 -1
- package/esm2015/lib/page-load-indicator/page-load-indicator.component.js +0 -117
- package/esm2015/lib/page-load-indicator/page-load-indicator.component.js.map +0 -1
- package/esm2015/lib/page-load-indicator/page-load-indicator.component.metadata.json +0 -1
- package/esm2015/lib/radio/radio-change.js +0 -3
- package/esm2015/lib/radio/radio-change.js.map +0 -1
- package/esm2015/lib/radio/radio-change.metadata.json +0 -1
- package/esm2015/lib/radio/radio.component.js +0 -146
- package/esm2015/lib/radio/radio.component.js.map +0 -1
- package/esm2015/lib/radio/radio.component.metadata.json +0 -1
- package/esm2015/lib/radio/radio.service.js +0 -20
- package/esm2015/lib/radio/radio.service.js.map +0 -1
- package/esm2015/lib/radio/radio.service.metadata.json +0 -1
- package/esm2015/lib/radio-group/radio-group.component.js +0 -282
- package/esm2015/lib/radio-group/radio-group.component.js.map +0 -1
- package/esm2015/lib/radio-group/radio-group.component.metadata.json +0 -1
- package/esm2015/lib/skeleton/skeleton-element.component.js +0 -21
- package/esm2015/lib/skeleton/skeleton-element.component.js.map +0 -1
- package/esm2015/lib/skeleton/skeleton-element.component.metadata.json +0 -1
- package/esm2015/lib/skeleton/skeleton-image-content.component.js +0 -19
- package/esm2015/lib/skeleton/skeleton-image-content.component.js.map +0 -1
- package/esm2015/lib/skeleton/skeleton-image-content.component.metadata.json +0 -1
- 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 -58
- 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
- package/theme.css +0 -206
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAOptionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"goa-option","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"<ng-template #optionTemplate>\n <div class=\"goa-option\">\n <ng-content></ng-content>\n </div>\n</ng-template>","styles":[""]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"defaultSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"optionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":3},"arguments":["optionTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { Component, Input, QueryList, ContentChildren, ViewChild, TemplateRef, ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
import { GoAOptionComponent } from '../option/option.component';
|
|
3
|
-
/**
|
|
4
|
-
* Option grouping component with to use with GoADropdown.
|
|
5
|
-
* selector: goa-option-group
|
|
6
|
-
*/
|
|
7
|
-
export class GoAOptionGroupComponent {
|
|
8
|
-
constructor(cdr) {
|
|
9
|
-
this.cdr = cdr;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Lifecycle hook OnInit
|
|
13
|
-
* @ignore
|
|
14
|
-
*/
|
|
15
|
-
ngOnInit() {
|
|
16
|
-
if (this.label === undefined || this.label === null || this.label === '') {
|
|
17
|
-
throw new TypeError(`The input 'label' is required.`);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Lifecycle hook AfterViewInit
|
|
22
|
-
* @ignore
|
|
23
|
-
*/
|
|
24
|
-
ngAfterViewInit() {
|
|
25
|
-
this._filteredOptions = [...this.options];
|
|
26
|
-
// The template output cache is populated by child components during render, so tell angular that
|
|
27
|
-
// there have been changes during the render here.
|
|
28
|
-
this.cdr.detectChanges();
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
GoAOptionGroupComponent.decorators = [
|
|
32
|
-
{ type: Component, args: [{
|
|
33
|
-
selector: 'goa-option-group',
|
|
34
|
-
template: "<!--Grab the <option> template from the GoAOption -->\n<ng-template #optionGroupTemplate>\n <div class=\"goa-option-group\">\n {{label}}\n <div class=\"group-options\">\n <ng-container class=\"goa-option\"> \n <ng-template *ngFor=\"let option of _filteredOptions\" [ngTemplateOutlet]=\"option.optionTemplate\"></ng-template>\n </ng-container>\n </div>\n </div>\n</ng-template>",
|
|
35
|
-
styles: [".goa-option-group{font-weight:700}.goa-option-group .group-options{padding-left:1em;font-weight:400}"]
|
|
36
|
-
},] }
|
|
37
|
-
];
|
|
38
|
-
GoAOptionGroupComponent.ctorParameters = () => [
|
|
39
|
-
{ type: ChangeDetectorRef }
|
|
40
|
-
];
|
|
41
|
-
GoAOptionGroupComponent.propDecorators = {
|
|
42
|
-
label: [{ type: Input }],
|
|
43
|
-
options: [{ type: ContentChildren, args: [GoAOptionComponent, { descendants: true },] }],
|
|
44
|
-
optionGroupTemplate: [{ type: ViewChild, args: ['optionGroupTemplate',] }]
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=option-group.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"option-group.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-components/src/lib/dropdown/option-group/option-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAET,KAAK,EACL,SAAS,EACT,eAAe,EACf,SAAS,EACT,WAAW,EACX,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;;GAGG;AAMH,MAAM,OAAO,uBAAuB;IAwBlC,YAAoB,GAAsB;QAAtB,QAAG,GAAH,GAAG,CAAmB;IAAI,CAAC;IAE/C;;;OAGG;IACH,QAAQ;QACN,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,EAAE;YACxE,MAAM,IAAI,SAAS,CAAC,gCAAgC,CAAC,CAAC;SACvD;IACH,CAAC;IAED;;;OAGG;IACH,eAAe;QACb,IAAI,CAAC,gBAAgB,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1C,iGAAiG;QACjG,kDAAkD;QAClD,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;;;YAlDF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,ocAA4C;;aAE7C;;;YAZC,iBAAiB;;;oBAuBhB,KAAK;sBAML,eAAe,SAAC,kBAAkB,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;kCAMzD,SAAS,SAAC,qBAAqB","sourcesContent":["import {\n Component,\n OnInit,\n Input,\n QueryList,\n ContentChildren,\n ViewChild,\n TemplateRef,\n ChangeDetectorRef\n} from '@angular/core';\nimport { GoAOptionComponent } from '../option/option.component';\n\n/**\n * Option grouping component with to use with GoADropdown.\n * selector: goa-option-group\n */\n@Component({\n selector: 'goa-option-group',\n templateUrl: './option-group.component.html',\n styleUrls: ['./option-group.component.scss']\n})\nexport class GoAOptionGroupComponent implements OnInit {\n\n /**\n * Filtered options to show in the view.\n */\n _filteredOptions: Array<GoAOptionComponent>;\n\n /**\n * The label of the option group\n */\n @Input() label: string;\n\n /**\n * The defined options.\n * @ignore\n */\n @ContentChildren(GoAOptionComponent, { descendants: true }) options: QueryList<GoAOptionComponent>;\n\n /**\n * The option template\n * @ignore\n */\n @ViewChild('optionGroupTemplate') optionGroupTemplate: TemplateRef<any>;\n\n constructor(private cdr: ChangeDetectorRef) { }\n\n /**\n * Lifecycle hook OnInit\n * @ignore\n */\n ngOnInit() {\n if (this.label === undefined || this.label === null || this.label === '') {\n throw new TypeError(`The input 'label' is required.`);\n }\n }\n\n /**\n * Lifecycle hook AfterViewInit\n * @ignore\n */\n ngAfterViewInit() {\n this._filteredOptions = [...this.options];\n // The template output cache is populated by child components during render, so tell angular that\n // there have been changes during the render here.\n this.cdr.detectChanges();\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAOptionGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"goa-option-group","template":"<!--Grab the <option> template from the GoAOption -->\n<ng-template #optionGroupTemplate>\n <div class=\"goa-option-group\">\n {{label}}\n <div class=\"group-options\">\n <ng-container class=\"goa-option\"> \n <ng-template *ngFor=\"let option of _filteredOptions\" [ngTemplateOutlet]=\"option.optionTemplate\"></ng-template>\n </ng-container>\n </div>\n </div>\n</ng-template>","styles":[".goa-option-group{font-weight:700}.goa-option-group .group-options{padding-left:1em;font-weight:400}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":37,"character":3},"arguments":[{"__symbolic":"reference","module":"../option/option.component","name":"GoAOptionComponent","line":37,"character":19},{"descendants":true}]}]}],"optionGroupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":["optionGroupTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":45,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { Component, Input, } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* A page load indicator component with Government of Alberta styling.
|
|
4
|
-
* selector: goa-element-load-indicator
|
|
5
|
-
*/
|
|
6
|
-
export class GoAElementLoadIndicatorComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* Sets the page loader visibility state.
|
|
10
|
-
*/
|
|
11
|
-
this.visible = true;
|
|
12
|
-
/**
|
|
13
|
-
* The diameter of the loader in pixels.
|
|
14
|
-
*/
|
|
15
|
-
this.size = 'default';
|
|
16
|
-
/**
|
|
17
|
-
* The base color of the spinner.
|
|
18
|
-
*/
|
|
19
|
-
this.baseColour = '#c8eef9';
|
|
20
|
-
/**
|
|
21
|
-
* The spinner color of the spinner.
|
|
22
|
-
*/
|
|
23
|
-
this.spinnerColour = '#0070c4';
|
|
24
|
-
this.radius = this.size === 'small' ? 16 : 18;
|
|
25
|
-
this.innerRadius = this.radius - 4;
|
|
26
|
-
this.diameter = this.radius * 2;
|
|
27
|
-
this.dashArray = this.innerRadius * Math.PI * 2;
|
|
28
|
-
this.dashOffset = this.innerRadius * Math.PI * 0.5;
|
|
29
|
-
this.viewBox = `0 0 ${this.diameter} ${this.diameter}`;
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* @ignore
|
|
33
|
-
*/
|
|
34
|
-
ngOnChanges(changes) {
|
|
35
|
-
if (changes.size) {
|
|
36
|
-
this.radius = changes.size.currentValue === 'small' ? 16 : 18;
|
|
37
|
-
this.innerRadius = this.radius - 4;
|
|
38
|
-
this.diameter = this.radius * 2;
|
|
39
|
-
this.viewBox = `0 0 ${this.diameter} ${this.diameter}`;
|
|
40
|
-
this.dashArray = this.innerRadius * Math.PI * 2;
|
|
41
|
-
this.dashOffset = this.innerRadius * Math.PI * 0.5;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* @ignore
|
|
46
|
-
*/
|
|
47
|
-
ngOnInit() { }
|
|
48
|
-
}
|
|
49
|
-
GoAElementLoadIndicatorComponent.decorators = [
|
|
50
|
-
{ type: Component, args: [{
|
|
51
|
-
selector: 'goa-element-load-indicator',
|
|
52
|
-
template: "<div *ngIf=\"visible\">\n <svg\n fill=\"none\"\n [attr.viewBox]=\"viewBox\"\n [attr.width]=\"radius\"\n [attr.height]=\"radius\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n class=\"base-circle\"\n [attr.cx]=\"radius\"\n [attr.cy]=\"radius\"\n [attr.r]=\"innerRadius\"\n [style.stroke]=\"baseColour\"\n />\n <circle\n class=\"rotating-circle\"\n [attr.cx]=\"radius\"\n [style.stroke-dasharray]=\"dashArray\"\n [style.stroke-dashoffset]=\"dashOffset\"\n [attr.cy]=\"radius\"\n [attr.r]=\"innerRadius\"\n [style.stroke]=\"spinnerColour\"\n />\n </svg>\n</div>\n",
|
|
53
|
-
styles: ["@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}.circular-loader{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.base-circle,.rotating-circle{display:block;fill:transparent;stroke-width:7px}.rotating-circle{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;stroke-linecap:round;transform-origin:50% 50%}"]
|
|
54
|
-
},] }
|
|
55
|
-
];
|
|
56
|
-
GoAElementLoadIndicatorComponent.ctorParameters = () => [];
|
|
57
|
-
GoAElementLoadIndicatorComponent.propDecorators = {
|
|
58
|
-
visible: [{ type: Input }],
|
|
59
|
-
size: [{ type: Input }],
|
|
60
|
-
baseColour: [{ type: Input }],
|
|
61
|
-
spinnerColour: [{ type: Input }]
|
|
62
|
-
};
|
|
63
|
-
//# sourceMappingURL=element-load-indicator.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"element-load-indicator.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/element-load-indicator/element-load-indicator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,GAIN,MAAM,eAAe,CAAC;AAGvB;;;GAGG;AAMH,MAAM,OAAO,gCAAgC;IAE3C;QAGA;;WAEG;QACM,YAAO,GAAG,IAAI,CAAC;QAExB;;UAEE;QACO,SAAI,GAAwB,SAAS,CAAC;QAE/C;;WAEG;QACM,eAAU,GAAG,SAAS,CAAC;QAEhC;;WAEG;QACM,kBAAa,GAAG,SAAS,CAAC;QAEnC,WAAM,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAEzC,gBAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9B,aAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAC3B,cAAS,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QAC3C,eAAU,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC;QAC9C,YAAO,GAAG,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;IA5BlD,CAAC;IA8BD;;MAEE;IACF,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,IAAI,EAAE;YAChB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAChC,IAAI,CAAC,OAAO,GAAG,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACvD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;YAChD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC;SACpD;IACH,CAAC;IAED;;MAEE;IACF,QAAQ,KAAW,CAAC;;;YAvDrB,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,+pBAAsD;;aAEvD;;;;sBASE,KAAK;mBAKL,KAAK;yBAKL,KAAK;4BAKL,KAAK","sourcesContent":["import {\n Component,\n Input,\n OnChanges,\n OnInit,\n SimpleChanges,\n} from '@angular/core';\nimport { __values } from 'tslib';\n\n/**\n * A page load indicator component with Government of Alberta styling.\n * selector: goa-element-load-indicator\n */\n@Component({\n selector: 'goa-element-load-indicator',\n templateUrl: './element-load-indicator.component.html',\n styleUrls: ['./element-load-indicator.component.scss'],\n})\nexport class GoAElementLoadIndicatorComponent implements OnInit, OnChanges {\n\n constructor() {\n }\n\n /**\n * Sets the page loader visibility state.\n */\n @Input() visible = true;\n\n /**\n * The diameter of the loader in pixels.\n */\n @Input() size: 'small' | 'default' = 'default';\n\n /**\n * The base color of the spinner.\n */\n @Input() baseColour = '#c8eef9';\n\n /**\n * The spinner color of the spinner.\n */\n @Input() spinnerColour = '#0070c4';\n\n radius = this.size === 'small' ? 16 : 18;\n\n innerRadius = this.radius - 4;\n diameter = this.radius * 2;\n dashArray = this.innerRadius * Math.PI * 2;\n dashOffset = this.innerRadius * Math.PI * 0.5;\n viewBox = `0 0 ${this.diameter} ${this.diameter}`;\n\n /**\n * @ignore\n */\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.size) {\n this.radius = changes.size.currentValue === 'small' ? 16 : 18;\n this.innerRadius = this.radius - 4;\n this.diameter = this.radius * 2;\n this.viewBox = `0 0 ${this.diameter} ${this.diameter}`;\n this.dashArray = this.innerRadius * Math.PI * 2;\n this.dashOffset = this.innerRadius * Math.PI * 0.5;\n }\n }\n\n /**\n * @ignore\n */\n ngOnInit(): void { }\n}"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAElementLoadIndicatorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"goa-element-load-indicator","template":"<div *ngIf=\"visible\">\n <svg\n fill=\"none\"\n [attr.viewBox]=\"viewBox\"\n [attr.width]=\"radius\"\n [attr.height]=\"radius\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n class=\"base-circle\"\n [attr.cx]=\"radius\"\n [attr.cy]=\"radius\"\n [attr.r]=\"innerRadius\"\n [style.stroke]=\"baseColour\"\n />\n <circle\n class=\"rotating-circle\"\n [attr.cx]=\"radius\"\n [style.stroke-dasharray]=\"dashArray\"\n [style.stroke-dashoffset]=\"dashOffset\"\n [attr.cy]=\"radius\"\n [attr.r]=\"innerRadius\"\n [style.stroke]=\"spinnerColour\"\n />\n </svg>\n</div>\n","styles":["@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}.circular-loader{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.base-circle,.rotating-circle{display:block;fill:transparent;stroke-width:7px}.rotating-circle{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;stroke-linecap:round;transform-origin:50% 50%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"baseColour":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"spinnerColour":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* A header component for a Government of Alberta hosted microsite.
|
|
4
|
-
* selector: goa-header
|
|
5
|
-
*/
|
|
6
|
-
export class GoAHeaderComponent {
|
|
7
|
-
// ServiceLevel = this.ServiceLevel;
|
|
8
|
-
constructor() {
|
|
9
|
-
/**
|
|
10
|
-
* The home page URL of the microsite.
|
|
11
|
-
*/
|
|
12
|
-
this.serviceHome = 'https://www.alberta.ca/index.aspx';
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* @ignore
|
|
16
|
-
*/
|
|
17
|
-
ngOnInit() {
|
|
18
|
-
this.checkRequiredProps('serviceLevel', 'serviceName', 'serviceHome');
|
|
19
|
-
}
|
|
20
|
-
serviceLevelCssClass() {
|
|
21
|
-
return `service-level--${this.serviceLevel.toLowerCase()}`;
|
|
22
|
-
}
|
|
23
|
-
serviceLevelFormatted() {
|
|
24
|
-
return this.serviceLevel.toLowerCase();
|
|
25
|
-
}
|
|
26
|
-
checkRequiredProps(...props) {
|
|
27
|
-
props.forEach(prop => {
|
|
28
|
-
if (!this[prop]) {
|
|
29
|
-
throw new TypeError(`Input '${prop}' is required.`);
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
GoAHeaderComponent.decorators = [
|
|
35
|
-
{ type: Component, args: [{
|
|
36
|
-
selector: 'goa-header',
|
|
37
|
-
template: "<header class=\"goa-header goa-official-site-header\">\n <div>\n <span class=\"service-level\" [ngClass]=\"serviceLevelCssClass()\">\n {{ serviceLevelFormatted() }}\n </span>\n </div>\n <div\n *ngIf=\"serviceLevel === 'live'; else elseNotLive\"\n class=\"site-text\"\n i18n=\"Alberta.ca official site text on header\"\n >\n An official site of the\n <a href=\"https://www.alberta.ca/index.aspx\" class=\"web-link\"\n >Alberta Government</a\n >\n </div>\n <ng-template #elseNotLive>\n <div class=\"site-text\" i18n=\"Alberta.ca site text on header\">\n This is a new\n <a href=\"https://www.alberta.ca/index.aspx\" class=\"web-link\"\n >Alberta Government</a\n >\n service\n </div>\n </ng-template>\n</header>\n<header class=\"goa-header goa-microsite-header\">\n <goa-microsite-logo\n [serviceName]=\"serviceName\"\n [serviceHome]=\"serviceHome\"\n ></goa-microsite-logo>\n <ng-content></ng-content>\n</header>\n",
|
|
38
|
-
styles: [".goa-header{display:flex;align-items:center;padding-left:28px;padding-right:28px}@media screen and (min-width:768px) and (max-width:1199px){.goa-header{padding-left:28px;padding-right:28px}}@media screen and (max-width:767px){.goa-header{padding-left:28px;padding-right:28px}}.goa-header.goa-microsite-header,.goa-header>.goa-microsite-header{background-color:#fff;top:0;display:flex;justify-content:space-between}.goa-header.goa-official-site-header,.goa-header>.goa-official-site-header{font-size:12px;background-color:#f1f1f1;line-height:22px}.goa-header.goa-official-site-header .site-text,.goa-header>.goa-official-site-header .site-text{white-space:nowrap;padding:0 4px}.goa-header.goa-official-site-header .service-level,.goa-header>.goa-official-site-header .service-level{padding:0 3px;font-weight:700;vertical-align:baseline;text-transform:capitalize}.goa-header.goa-official-site-header .service-level--alpha,.goa-header>.goa-official-site-header .service-level--alpha{background-color:#feba35;color:#333}.goa-header.goa-official-site-header .service-level--beta,.goa-header>.goa-official-site-header .service-level--beta{background-color:#0081a2;color:#fff}.goa-header.goa-official-site-header .service-level--live,.goa-header>.goa-official-site-header .service-level--live{height:16px;width:16px;padding:0;color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-position:50%}.goa-header .web-link{color:#0070c4;text-align:left}"]
|
|
39
|
-
},] }
|
|
40
|
-
];
|
|
41
|
-
GoAHeaderComponent.ctorParameters = () => [];
|
|
42
|
-
GoAHeaderComponent.propDecorators = {
|
|
43
|
-
serviceName: [{ type: Input }],
|
|
44
|
-
serviceHome: [{ type: Input }],
|
|
45
|
-
serviceLevel: [{ type: Input }]
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=header.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"header.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,MAAM,eAAe,CAAC;AAIzD;;;GAGG;AAOH,MAAM,OAAO,kBAAkB;IAiB7B,oCAAoC;IAEpC;QAZA;;WAEG;QACM,gBAAW,GAAG,mCAAmC,CAAC;IAS3C,CAAC;IAEjB;;OAEG;IACH,QAAQ;QACN,IAAI,CAAC,kBAAkB,CAAC,cAAc,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC;IACxE,CAAC;IAED,oBAAoB;QAClB,OAAO,kBAAkB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC;IAC7D,CAAC;IAED,qBAAqB;QACnB,OAAO,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACzC,CAAC;IAED,kBAAkB,CAAC,GAAG,KAAe;QACnC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBACf,MAAM,IAAI,SAAS,CAAC,UAAU,IAAI,gBAAgB,CAAC,CAAC;aACrD;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;;YAhDF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,++BAAsC;;aAEvC;;;;0BAOE,KAAK;0BAKL,KAAK;2BAKL,KAAK","sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\ntype ServiceLevel = 'alpha' | 'beta' | 'live'\n\n/**\n * A header component for a Government of Alberta hosted microsite.\n * selector: goa-header\n */\n@Component({\n selector: 'goa-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.scss'],\n})\n\nexport class GoAHeaderComponent implements OnInit {\n\n /**\n * The name to show on the header as the microsite.\n */\n @Input() serviceName: string;\n\n /**\n * The home page URL of the microsite.\n */\n @Input() serviceHome = 'https://www.alberta.ca/index.aspx';\n\n /**\n * The level at which the service is running within [Alpha | Beta | Live]\n */\n @Input() serviceLevel: ServiceLevel;\n\n // ServiceLevel = this.ServiceLevel;\n\n constructor() { }\n\n /**\n * @ignore\n */\n ngOnInit() {\n this.checkRequiredProps('serviceLevel', 'serviceName', 'serviceHome');\n }\n\n serviceLevelCssClass(): string {\n return `service-level--${this.serviceLevel.toLowerCase()}`;\n }\n\n serviceLevelFormatted(): string {\n return this.serviceLevel.toLowerCase();\n }\n\n checkRequiredProps(...props: string[]) {\n props.forEach(prop => {\n if (!this[prop]) {\n throw new TypeError(`Input '${prop}' is required.`);\n }\n });\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"goa-header","template":"<header class=\"goa-header goa-official-site-header\">\n <div>\n <span class=\"service-level\" [ngClass]=\"serviceLevelCssClass()\">\n {{ serviceLevelFormatted() }}\n </span>\n </div>\n <div\n *ngIf=\"serviceLevel === 'live'; else elseNotLive\"\n class=\"site-text\"\n i18n=\"Alberta.ca official site text on header\"\n >\n An official site of the\n <a href=\"https://www.alberta.ca/index.aspx\" class=\"web-link\"\n >Alberta Government</a\n >\n </div>\n <ng-template #elseNotLive>\n <div class=\"site-text\" i18n=\"Alberta.ca site text on header\">\n This is a new\n <a href=\"https://www.alberta.ca/index.aspx\" class=\"web-link\"\n >Alberta Government</a\n >\n service\n </div>\n </ng-template>\n</header>\n<header class=\"goa-header goa-microsite-header\">\n <goa-microsite-logo\n [serviceName]=\"serviceName\"\n [serviceHome]=\"serviceHome\"\n ></goa-microsite-logo>\n <ng-content></ng-content>\n</header>\n","styles":[".goa-header{display:flex;align-items:center;padding-left:28px;padding-right:28px}@media screen and (min-width:768px) and (max-width:1199px){.goa-header{padding-left:28px;padding-right:28px}}@media screen and (max-width:767px){.goa-header{padding-left:28px;padding-right:28px}}.goa-header.goa-microsite-header,.goa-header>.goa-microsite-header{background-color:#fff;top:0;display:flex;justify-content:space-between}.goa-header.goa-official-site-header,.goa-header>.goa-official-site-header{font-size:12px;background-color:#f1f1f1;line-height:22px}.goa-header.goa-official-site-header .site-text,.goa-header>.goa-official-site-header .site-text{white-space:nowrap;padding:0 4px}.goa-header.goa-official-site-header .service-level,.goa-header>.goa-official-site-header .service-level{padding:0 3px;font-weight:700;vertical-align:baseline;text-transform:capitalize}.goa-header.goa-official-site-header .service-level--alpha,.goa-header>.goa-official-site-header .service-level--alpha{background-color:#feba35;color:#333}.goa-header.goa-official-site-header .service-level--beta,.goa-header>.goa-official-site-header .service-level--beta{background-color:#0081a2;color:#fff}.goa-header.goa-official-site-header .service-level--live,.goa-header>.goa-official-site-header .service-level--live{height:16px;width:16px;padding:0;color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-position:50%}.goa-header .web-link{color:#0070c4;text-align:left}"]}]}],"members":{"serviceName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"serviceHome":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"serviceLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"serviceLevelCssClass":[{"__symbolic":"method"}],"serviceLevelFormatted":[{"__symbolic":"method"}],"checkRequiredProps":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
export class GoAHeroBannerContentComponent {
|
|
3
|
-
constructor() { }
|
|
4
|
-
ngOnInit() {
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
GoAHeroBannerContentComponent.decorators = [
|
|
8
|
-
{ type: Component, args: [{
|
|
9
|
-
selector: 'goa-hero-banner-content',
|
|
10
|
-
template: "<ng-container>\n <p class=\"goa-hero-banner-content\" role=\"note\">\n <ng-content></ng-content>\n </p>\n</ng-container>\n",
|
|
11
|
-
styles: [".goa-hero-banner-content{font-size:24px;line-height:32px;margin:0;color:#fff}@media screen and (min-width:768px) and (max-width:1199px){.goa-hero-banner-content{width:80%}}@media screen and (min-width:1200px){.goa-hero-banner-content{width:40%}}.goa-hero-banner-content:last-of-type{margin-bottom:28px}"]
|
|
12
|
-
},] }
|
|
13
|
-
];
|
|
14
|
-
GoAHeroBannerContentComponent.ctorParameters = () => [];
|
|
15
|
-
//# sourceMappingURL=hero-banner-content.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hero-banner-content.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-components/src/lib/hero-banner/content/hero-banner-content.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAOlD,MAAM,OAAO,6BAA6B;IAExC,gBAAgB,CAAC;IAEjB,QAAQ;IACR,CAAC;;;YAVF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,2IAAmD;;aAEpD","sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'goa-hero-banner-content',\n templateUrl: './hero-banner-content.component.html',\n styleUrls: ['./hero-banner-content.component.scss']\n})\nexport class GoAHeroBannerContentComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAHeroBannerContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"goa-hero-banner-content","template":"<ng-container>\n <p class=\"goa-hero-banner-content\" role=\"note\">\n <ng-content></ng-content>\n </p>\n</ng-container>\n","styles":[".goa-hero-banner-content{font-size:24px;line-height:32px;margin:0;color:#fff}@media screen and (min-width:768px) and (max-width:1199px){.goa-hero-banner-content{width:80%}}@media screen and (min-width:1200px){.goa-hero-banner-content{width:40%}}.goa-hero-banner-content:last-of-type{margin-bottom:28px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
export * from './content/hero-banner-content.component';
|
|
3
|
-
export * from './link/hero-banner-link.component';
|
|
4
|
-
export class GoAHeroBannerComponent {
|
|
5
|
-
constructor() { }
|
|
6
|
-
ngOnInit() {
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
GoAHeroBannerComponent.decorators = [
|
|
10
|
-
{ type: Component, args: [{
|
|
11
|
-
selector: 'goa-hero-banner',
|
|
12
|
-
template: "<div class=\"goa-hero\"\n style=\"background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.40) 40%, rgba(0, 0, 0, 0.6) 100%), url({{backgroundUrl}});\"\n>\n <h1 role=\"heading\">{{ title }}</h1>\n <ng-content select=\"goa-hero-banner-content\"></ng-content>\n <ng-content select=\"goa-hero-banner-link\"></ng-content>\n</div>\n",
|
|
13
|
-
styles: [".goa-hero{box-sizing:border-box;display:flex;justify-content:flex-end;align-items:stretch;flex-direction:column;height:600px;border-bottom:8px solid #0081a2;color:#fff;background-position:50%;width:100%;padding:56px 28px}.goa-hero h1{margin:0 0 28px;padding:0;font-size:48px;line-height:56px;font-weight:700;color:#fff}"]
|
|
14
|
-
},] }
|
|
15
|
-
];
|
|
16
|
-
GoAHeroBannerComponent.ctorParameters = () => [];
|
|
17
|
-
GoAHeroBannerComponent.propDecorators = {
|
|
18
|
-
title: [{ type: Input }],
|
|
19
|
-
backgroundUrl: [{ type: Input }]
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=hero-banner.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hero-banner.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/hero-banner/hero-banner.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAEzD,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAOlD,MAAM,OAAO,sBAAsB;IAKjC,gBAAgB,CAAC;IAEjB,QAAQ;IACR,CAAC;;;YAbF,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,qWAA2C;;aAE5C;;;;oBAGE,KAAK;4BACL,KAAK","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\nexport * from './content/hero-banner-content.component';\nexport * from './link/hero-banner-link.component';\n\n@Component({\n selector: 'goa-hero-banner',\n templateUrl: './hero-banner.component.html',\n styleUrls: ['./hero-banner.component.scss']\n})\nexport class GoAHeroBannerComponent implements OnInit {\n\n @Input() title: string;\n @Input() backgroundUrl: string;\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAHeroBannerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"goa-hero-banner","template":"<div class=\"goa-hero\"\n style=\"background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.40) 40%, rgba(0, 0, 0, 0.6) 100%), url({{backgroundUrl}});\"\n>\n <h1 role=\"heading\">{{ title }}</h1>\n <ng-content select=\"goa-hero-banner-content\"></ng-content>\n <ng-content select=\"goa-hero-banner-link\"></ng-content>\n</div>\n","styles":[".goa-hero{box-sizing:border-box;display:flex;justify-content:flex-end;align-items:stretch;flex-direction:column;height:600px;border-bottom:8px solid #0081a2;color:#fff;background-position:50%;width:100%;padding:56px 28px}.goa-hero h1{margin:0 0 28px;padding:0;font-size:48px;line-height:56px;font-weight:700;color:#fff}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"backgroundUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"exports":[{"from":"./content/hero-banner-content.component"},{"from":"./link/hero-banner-link.component"}]}]
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
export class GoAHeroBannerLinkComponent {
|
|
3
|
-
constructor() { }
|
|
4
|
-
ngOnInit() {
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
GoAHeroBannerLinkComponent.decorators = [
|
|
8
|
-
{ type: Component, args: [{
|
|
9
|
-
selector: 'goa-hero-banner-link',
|
|
10
|
-
template: "<ng-container>\n <a class=\"goa-link-button right-arrow\" [href]=\"url\" role=\"link\">\n <ng-content></ng-content>\n </a>\n</ng-container>\n",
|
|
11
|
-
styles: [".goa-link-button.goa-link-button{display:inline-block;text-decoration:none;box-sizing:border-box;min-width:70px;padding:12px;border:2px solid #0070c4;border-radius:4px;background:#0070c4;cursor:pointer;color:#fff;font-size:18px;font-weight:700;line-height:1em}.goa-link-button.goa-link-button.btn-small{font-size:16px;padding:8px;margin:12px 12px 0 0}.goa-link-button.goa-link-button:last-of-type{margin-right:0}.goa-link-button.goa-link-button:disabled,.goa-link-button.goa-link-button:disabled.goa--secondary,.goa-link-button.goa-link-button:disabled.goa--tertiary{pointer-events:none;color:#666;background-color:#f1f1f1;border-color:#f1f1f1}.goa-link-button.goa-link-button:hover{border-color:#004f84;background:#004f84}.goa-link-button.goa-link-button:active,.goa-link-button.goa-link-button:focus{border-color:#004f84;box-shadow:0 0 0 3px #feba35;background:#004f84;outline:none}.goa-link-button.goa-link-button.goa--secondary{border:2px solid #0070c4;background:#fff;color:#0070c4}.goa-link-button.goa-link-button.goa--secondary:hover{border-color:#004f84;background:#fff;color:#004f84}.goa-link-button.goa-link-button.goa--secondary:active,.goa-link-button.goa-link-button.goa--secondary:focus{color:#004f84;background-color:#fff;border:2px solid #004f84;box-shadow:0 0 0 3px #feba35;outline:none}.goa-link-button.goa-link-button.goa--tertiary{border-color:#dcdcdc;background:#fff;color:#0070c4}.goa-link-button.goa-link-button.goa--tertiary:hover{background:#fff;color:#004f84}.goa-link-button.goa-link-button.goa--tertiary:active,.goa-link-button.goa-link-button.goa--tertiary:focus{border:2px solid #004f84;color:#004f84;background-color:#fff;box-shadow:0 0 0 3px #feba35;outline:none}.goa-link-button.goa-link-button.right-arrow:after{color:#fff;margin-left:8px;content:\"\\2192\"}.goa-link-button.goa-link-button.up-arrow:after{color:#fff;margin-left:8px;content:\"\\2191\"}.goa-link-button.goa-link-button:link,.goa-link-button.goa-link-button:visited{color:#fff}"]
|
|
12
|
-
},] }
|
|
13
|
-
];
|
|
14
|
-
GoAHeroBannerLinkComponent.ctorParameters = () => [];
|
|
15
|
-
GoAHeroBannerLinkComponent.propDecorators = {
|
|
16
|
-
url: [{ type: Input }]
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=hero-banner-link.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hero-banner-link.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-components/src/lib/hero-banner/link/hero-banner-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,0BAA0B;IAIrC,gBAAgB,CAAC;IAEjB,QAAQ;IACR,CAAC;;;YAZF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,8JAAgD;;aAEjD;;;;kBAGE,KAAK","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'goa-hero-banner-link',\n templateUrl: './hero-banner-link.component.html',\n styleUrls: ['./hero-banner-link.component.scss']\n})\nexport class GoAHeroBannerLinkComponent implements OnInit {\n\n @Input() url: string;\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAHeroBannerLinkComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"goa-hero-banner-link","template":"<ng-container>\n <a class=\"goa-link-button right-arrow\" [href]=\"url\" role=\"link\">\n <ng-content></ng-content>\n </a>\n</ng-container>\n","styles":[".goa-link-button.goa-link-button{display:inline-block;text-decoration:none;box-sizing:border-box;min-width:70px;padding:12px;border:2px solid #0070c4;border-radius:4px;background:#0070c4;cursor:pointer;color:#fff;font-size:18px;font-weight:700;line-height:1em}.goa-link-button.goa-link-button.btn-small{font-size:16px;padding:8px;margin:12px 12px 0 0}.goa-link-button.goa-link-button:last-of-type{margin-right:0}.goa-link-button.goa-link-button:disabled,.goa-link-button.goa-link-button:disabled.goa--secondary,.goa-link-button.goa-link-button:disabled.goa--tertiary{pointer-events:none;color:#666;background-color:#f1f1f1;border-color:#f1f1f1}.goa-link-button.goa-link-button:hover{border-color:#004f84;background:#004f84}.goa-link-button.goa-link-button:active,.goa-link-button.goa-link-button:focus{border-color:#004f84;box-shadow:0 0 0 3px #feba35;background:#004f84;outline:none}.goa-link-button.goa-link-button.goa--secondary{border:2px solid #0070c4;background:#fff;color:#0070c4}.goa-link-button.goa-link-button.goa--secondary:hover{border-color:#004f84;background:#fff;color:#004f84}.goa-link-button.goa-link-button.goa--secondary:active,.goa-link-button.goa-link-button.goa--secondary:focus{color:#004f84;background-color:#fff;border:2px solid #004f84;box-shadow:0 0 0 3px #feba35;outline:none}.goa-link-button.goa-link-button.goa--tertiary{border-color:#dcdcdc;background:#fff;color:#0070c4}.goa-link-button.goa-link-button.goa--tertiary:hover{background:#fff;color:#004f84}.goa-link-button.goa-link-button.goa--tertiary:active,.goa-link-button.goa-link-button.goa--tertiary:focus{border:2px solid #004f84;color:#004f84;background-color:#fff;box-shadow:0 0 0 3px #feba35;outline:none}.goa-link-button.goa-link-button.right-arrow:after{color:#fff;margin-left:8px;content:\"\\2192\"}.goa-link-button.goa-link-button.up-arrow:after{color:#fff;margin-left:8px;content:\"\\2191\"}.goa-link-button.goa-link-button:link,.goa-link-button.goa-link-button:visited{color:#fff}"]}]}],"members":{"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* A logo for a Government of Alberta hosted microsite.
|
|
4
|
-
* selector: goa-microsite-logo
|
|
5
|
-
*/
|
|
6
|
-
export class GoAMicrositeLogoComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
/**
|
|
9
|
-
* The home page URL of the microsite.
|
|
10
|
-
*/
|
|
11
|
-
this.serviceHome = 'https://www.alberta.ca/index.aspx';
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* @ignore
|
|
15
|
-
*/
|
|
16
|
-
ngOnInit() {
|
|
17
|
-
if (this.serviceName === undefined || this.serviceName === null) {
|
|
18
|
-
throw new TypeError(`Input 'serviceName' is required.`);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
GoAMicrositeLogoComponent.decorators = [
|
|
23
|
-
{ type: Component, args: [{
|
|
24
|
-
selector: 'goa-microsite-logo',
|
|
25
|
-
template: "<a href=\"{{serviceHome}}\" attr.aria-label=\"{{serviceHome}}\" class=\"microsite-link\">\n <span class=\"image-desktop-tablet\"></span>\n <span class=\"image-mobile\"></span>\n <span class=\"name\">\n {{serviceName}}\n </span>\n</a>\n",
|
|
26
|
-
styles: ["a.microsite-link{color:inherit;text-decoration:none;white-space:nowrap;display:flex;align-items:center;height:66px}a.microsite-link:active,a.microsite-link:focus,a.microsite-link:hover{outline:none}a.microsite-link .image-desktop-tablet{width:150px;height:42px;display:inline-block;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-position:50%}@media screen and (max-width:767px){a.microsite-link .image-desktop-tablet{display:none}}@media screen and (min-width:768px) and (max-width:1199px){a.microsite-link .image-mobile{display:none}}@media screen and (min-width:1200px){a.microsite-link .image-mobile{display:none}}@media screen and (max-width:767px){a.microsite-link .image-mobile{width:34px;height:34px;display:inline-block;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-position:50%}}a.microsite-link .name{margin-left:8px;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (min-width:1200px){a.microsite-link .name{margin-left:28px}}@media screen and (min-width:768px) and (max-width:1199px){a.microsite-link .name{margin-left:28px}}"]
|
|
27
|
-
},] }
|
|
28
|
-
];
|
|
29
|
-
GoAMicrositeLogoComponent.ctorParameters = () => [];
|
|
30
|
-
GoAMicrositeLogoComponent.propDecorators = {
|
|
31
|
-
serviceName: [{ type: Input }],
|
|
32
|
-
serviceHome: [{ type: Input }]
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=microsite-logo.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"microsite-logo.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/microsite-logo/microsite-logo.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAU,KAAK,EAAC,MAAM,eAAe,CAAC;AAEvD;;;GAGG;AAOH,MAAM,OAAO,yBAAyB;IAWpC;QALA;;WAEG;QACM,gBAAW,GAAG,mCAAmC,CAAC;IAG3D,CAAC;IAED;;OAEG;IACH,QAAQ;QACN,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE;YAC/D,MAAM,IAAI,SAAS,CAAC,kCAAkC,CAAC,CAAC;SACzD;IACH,CAAC;;;YA3BF,SAAS,SAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,8PAA8C;;aAE/C;;;;0BAME,KAAK;0BAKL,KAAK","sourcesContent":["import {Component, OnInit, Input} from '@angular/core';\n\n/**\n * A logo for a Government of Alberta hosted microsite.\n * selector: goa-microsite-logo\n */\n@Component({\n selector: 'goa-microsite-logo',\n templateUrl: './microsite-logo.component.html',\n styleUrls: ['./microsite-logo.component.scss'],\n})\n\nexport class GoAMicrositeLogoComponent implements OnInit {\n /**\n * The name to show on the header/footer as the microsite.\n */\n @Input() serviceName: string;\n\n /**\n * The home page URL of the microsite.\n */\n @Input() serviceHome = 'https://www.alberta.ca/index.aspx';\n\n constructor() {\n }\n\n /**\n * @ignore\n */\n ngOnInit() {\n if (this.serviceName === undefined || this.serviceName === null) {\n throw new TypeError(`Input 'serviceName' is required.`);\n }\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAMicrositeLogoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"goa-microsite-logo","template":"<a href=\"{{serviceHome}}\" attr.aria-label=\"{{serviceHome}}\" class=\"microsite-link\">\n <span class=\"image-desktop-tablet\"></span>\n <span class=\"image-mobile\"></span>\n <span class=\"name\">\n {{serviceName}}\n </span>\n</a>\n","styles":["a.microsite-link{color:inherit;text-decoration:none;white-space:nowrap;display:flex;align-items:center;height:66px}a.microsite-link:active,a.microsite-link:focus,a.microsite-link:hover{outline:none}a.microsite-link .image-desktop-tablet{width:150px;height:42px;display:inline-block;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-position:50%}@media screen and (max-width:767px){a.microsite-link .image-desktop-tablet{display:none}}@media screen and (min-width:768px) and (max-width:1199px){a.microsite-link .image-mobile{display:none}}@media screen and (min-width:1200px){a.microsite-link .image-mobile{display:none}}@media screen and (max-width:767px){a.microsite-link .image-mobile{width:34px;height:34px;display:inline-block;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-position:50%}}a.microsite-link .name{margin-left:8px;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (min-width:1200px){a.microsite-link .name{margin-left:28px}}@media screen and (min-width:768px) and (max-width:1199px){a.microsite-link .name{margin-left:28px}}"]}]}],"members":{"serviceName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"serviceHome":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* Government of Alberta styled notification, comes in 4 variants: emergency, event, information, important.
|
|
4
|
-
* Can set the message and optionally a link url.
|
|
5
|
-
* selector: goa-notification
|
|
6
|
-
*/
|
|
7
|
-
export class GoANotificationComponent {
|
|
8
|
-
constructor(_changeDetectorRef) {
|
|
9
|
-
this._changeDetectorRef = _changeDetectorRef;
|
|
10
|
-
/**
|
|
11
|
-
* Whether or not the notification has been dismissed.
|
|
12
|
-
* @ignore
|
|
13
|
-
*/
|
|
14
|
-
this._isDismissed = false;
|
|
15
|
-
/**
|
|
16
|
-
* The type of the notification, changes stylings and icons.
|
|
17
|
-
*/
|
|
18
|
-
this.type = 'information';
|
|
19
|
-
/**
|
|
20
|
-
* Can the notification be dismissed?
|
|
21
|
-
*/
|
|
22
|
-
this.isDismissable = true;
|
|
23
|
-
/**
|
|
24
|
-
* Event emitted when the notification has been dismissed by the user.
|
|
25
|
-
*/
|
|
26
|
-
this.dismiss = new EventEmitter();
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* @ignore
|
|
30
|
-
*/
|
|
31
|
-
ngOnInit() {
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* @ignore
|
|
35
|
-
*/
|
|
36
|
-
dismissClick() {
|
|
37
|
-
this._isDismissed = true;
|
|
38
|
-
this._changeDetectorRef.detectChanges();
|
|
39
|
-
this.dismiss.emit();
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
GoANotificationComponent.decorators = [
|
|
43
|
-
{ type: Component, args: [{
|
|
44
|
-
selector: 'goa-notification',
|
|
45
|
-
template: "\n<div class=\"goa-notification\"\n [ngClass]=\"{\n 'dismissed': _isDismissed === true,\n 'goa--event': type === 'event',\n 'goa--important': type === 'important',\n 'goa--emergency': type === 'emergency'\n }\">\n <div class=\"content\">\n <a *ngIf=\"notificationUrl\" class=\"message\" href={{notificationUrl}}>{{message}}</a>\n <span *ngIf=\"!notificationUrl\" class=\"message\">{{message}}</span>\n <a *ngIf=\"isDismissable === true\" class=\"close\" i18n-title title=\"Dismiss\" (click)=\"dismissClick()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n <path d=\"M 15.99 14.54C 15.99 14.54 14.54 15.99 14.54 15.99 14.54 15.99 8 9.45 8 9.45 8 9.45 1.46 15.99 1.46 15.99 1.46 15.99 0.01 14.54 0.01 14.54 0.01 14.54 6.55 8 6.55 8 6.55 8 0.01 1.46 0.01 1.46 0.01 1.46 1.46 0.01 1.46 0.01 1.46 0.01 8 6.55 8 6.55 8 6.55 14.54 0.01 14.54 0.01 14.54 0.01 15.99 1.46 15.99 1.46 15.99 1.46 9.45 8 9.45 8 9.45 8 15.99 14.54 15.99 14.54Z\"/>\n </svg>\n </a>\n </div>\n</div>\n\n",
|
|
46
|
-
styles: [".goa-notification{box-sizing:border-box;display:inline-block;position:relative;width:100%;padding-left:72px;padding-right:72px;color:#fff;background:#0070c4}.goa-notification.dismissed{display:none}@media screen and (min-width:768px) and (max-width:1199px){.goa-notification{padding-left:24px;padding-right:24px}}@media screen and (max-width:767px){.goa-notification{padding-left:24px;padding-right:24px}}.goa-notification .content{box-sizing:border-box;display:flex;width:100%;margin:0;position:relative;padding:0 36px}.goa-notification .content .message{flex:1 0 0;box-sizing:border-box;min-height:56px;padding:28px 0}.goa-notification .content .close{flex:0 1 auto;color:#fff}.goa-notification a{color:#fff}.goa-notification a:focus,.goa-notification a:hover{color:#fff;text-decoration:none}.goa-notification.goa--event{background-color:#00853f}.goa-notification.goa--important{background-color:#feba35}.goa-notification.goa--important .message,.goa-notification.goa--important a,.goa-notification.goa--important a:focus,.goa-notification.goa--important a:hover{color:#333}.goa-notification.goa--emergency{background-color:#ec040b}.goa-notification .close{align-self:center;position:absolute;right:12px;cursor:pointer}.goa-notification .close svg{fill:#fff;color:#fff}.goa-notification .content:before{position:absolute;top:50%;left:6px;width:24px;height:24px;margin-top:-12px;content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23fff' d='M15.16,15.5h-2V9a1,1,0,0,0-1-1H9.82a1,1,0,0,0,0,2h1.36V15.5h-2a1,1,0,1,0,0,2h6a1,1,0,0,0,0-2Z'/%3E%3Cpath fill='%23fff' d='M12,7.33A1.29,1.29,0,1,0,10.73,6,1.29,1.29,0,0,0,12,7.33Z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-position:50%}.goa-notification.goa--emergency .content:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11,9.41v4.52a1,1,0,0,0,2,0V9.41a1,1,0,0,0-2,0Z'/%3E%3Cpath fill='%23fff' d='M12,16.15a1.29,1.29,0,1,0,1.29,1.29A1.29,1.29,0,0,0,12,16.15Z'/%3E%3Cpath fill='%23fff' d='M22.87,20.14l-10-17.32a1,1,0,0,0-1.74,0l-10,17.32a1,1,0,0,0,0,1,1,1,0,0,0,.87.5H22a1,1,0,0,0,.87-.5A1,1,0,0,0,22.87,20.14Zm-19.14-.5L12,5.32l8.27,14.32Z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-position:50%}.goa-notification.goa--important .content:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23000' d='M12,14.46a1,1,0,0,0,1-1V6.57a1,1,0,0,0-2,0v6.89A1,1,0,0,0,12,14.46Z'/%3E%3Cpath fill='%23000' d='M12,15.68A1.29,1.29,0,1,0,13.29,17,1.29,1.29,0,0,0,12,15.68Z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-position:50%}.goa-notification.goa--event .content:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.27,22.85H20.73a2.14,2.14,0,0,0,2.14-2.14V5A2.14,2.14,0,0,0,20.73,2.9h-2.1v2h2.1a.14.14,0,0,1,.14.14V8.31H3.13V5a.14.14,0,0,1,.14-.14H5.48V6.28a1,1,0,1,0,2,0V1.85a1,1,0,1,0-2,0v1H3.27A2.14,2.14,0,0,0,1.13,5V20.71A2.14,2.14,0,0,0,3.27,22.85Zm17.6-12.54v10.4a.14.14,0,0,1-.14.14H3.27a.14.14,0,0,1-.14-.14V10.31Z'/%3E%3Cpath fill='%23fff' d='M16.45,7.28a1,1,0,0,0,1-1V1.85a1,1,0,0,0-2,0v1h-1.8v2h1.8V6.28A1,1,0,0,0,16.45,7.28Z'/%3E%3Cpath fill='%23fff' d='M11.47,7.28a1,1,0,0,0,1-1V1.85a1,1,0,1,0-2,0v1H8.66v2h1.81V6.28A1,1,0,0,0,11.47,7.28Z'/%3E%3Crect fill='%23fff' x='6.67' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='11.22' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='15.77' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='3.64' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='8.19' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='12.74' y='15.83' width='2.33' height='2.33'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-position:50%}"]
|
|
47
|
-
},] }
|
|
48
|
-
];
|
|
49
|
-
GoANotificationComponent.ctorParameters = () => [
|
|
50
|
-
{ type: ChangeDetectorRef }
|
|
51
|
-
];
|
|
52
|
-
GoANotificationComponent.propDecorators = {
|
|
53
|
-
type: [{ type: Input }],
|
|
54
|
-
message: [{ type: Input }],
|
|
55
|
-
notificationUrl: [{ type: Input }],
|
|
56
|
-
isDismissable: [{ type: Input }],
|
|
57
|
-
dismiss: [{ type: Output }]
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=notification.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"notification.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/notification/notification.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClG;;;;GAIG;AAMH,MAAM,OAAO,wBAAwB;IAiCnC,YAAoB,kBAAqC;QAArC,uBAAkB,GAAlB,kBAAkB,CAAmB;QA/BzD;;;WAGG;QACH,iBAAY,GAAG,KAAK,CAAC;QAErB;;WAEG;QACM,SAAI,GAAwD,aAAa,CAAC;QAYnF;;WAEG;QACM,kBAAa,GAAG,IAAI,CAAC;QAE7B;;UAEE;QACO,YAAO,GAAsB,IAAI,YAAY,EAAO,CAAC;IAEF,CAAC;IAE9D;;OAEG;IACH,QAAQ;IACR,CAAC;IAED;;OAEG;IACH,YAAY;QACV,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,CAAC;QAExC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;;;YAtDF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,uqCAA4C;;aAE7C;;;YAVwD,iBAAiB;;;mBAsBvE,KAAK;sBAKL,KAAK;8BAKL,KAAK;4BAKL,KAAK;sBAKL,MAAM","sourcesContent":["import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';\n/**\n * Government of Alberta styled notification, comes in 4 variants: emergency, event, information, important.\n * Can set the message and optionally a link url.\n * selector: goa-notification\n */\n@Component({\n selector: 'goa-notification',\n templateUrl: './notification.component.html',\n styleUrls: ['./notification.component.scss']\n})\nexport class GoANotificationComponent implements OnInit {\n\n /**\n * Whether or not the notification has been dismissed.\n * @ignore\n */\n _isDismissed = false;\n\n /**\n * The type of the notification, changes stylings and icons.\n */\n @Input() type: 'important' | 'information' | 'event' | 'emergency' = 'information';\n\n /**\n * Message to display.\n */\n @Input() message: string;\n\n /**\n * Optional link for notification, if no link is provided notification will not contain anchor.\n */\n @Input() notificationUrl?: string;\n\n /**\n * Can the notification be dismissed?\n */\n @Input() isDismissable = true;\n\n /**\n * Event emitted when the notification has been dismissed by the user.\n */\n @Output() dismiss: EventEmitter<any> = new EventEmitter<any>();\n\n constructor(private _changeDetectorRef: ChangeDetectorRef) { }\n\n /**\n * @ignore\n */\n ngOnInit(): void {\n }\n\n /**\n * @ignore\n */\n dismissClick() {\n this._isDismissed = true;\n this._changeDetectorRef.detectChanges();\n\n this.dismiss.emit();\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoANotificationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"goa-notification","template":"\n<div class=\"goa-notification\"\n [ngClass]=\"{\n 'dismissed': _isDismissed === true,\n 'goa--event': type === 'event',\n 'goa--important': type === 'important',\n 'goa--emergency': type === 'emergency'\n }\">\n <div class=\"content\">\n <a *ngIf=\"notificationUrl\" class=\"message\" href={{notificationUrl}}>{{message}}</a>\n <span *ngIf=\"!notificationUrl\" class=\"message\">{{message}}</span>\n <a *ngIf=\"isDismissable === true\" class=\"close\" i18n-title title=\"Dismiss\" (click)=\"dismissClick()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n <path d=\"M 15.99 14.54C 15.99 14.54 14.54 15.99 14.54 15.99 14.54 15.99 8 9.45 8 9.45 8 9.45 1.46 15.99 1.46 15.99 1.46 15.99 0.01 14.54 0.01 14.54 0.01 14.54 6.55 8 6.55 8 6.55 8 0.01 1.46 0.01 1.46 0.01 1.46 1.46 0.01 1.46 0.01 1.46 0.01 8 6.55 8 6.55 8 6.55 14.54 0.01 14.54 0.01 14.54 0.01 15.99 1.46 15.99 1.46 15.99 1.46 9.45 8 9.45 8 9.45 8 15.99 14.54 15.99 14.54Z\"/>\n </svg>\n </a>\n </div>\n</div>\n\n","styles":[".goa-notification{box-sizing:border-box;display:inline-block;position:relative;width:100%;padding-left:72px;padding-right:72px;color:#fff;background:#0070c4}.goa-notification.dismissed{display:none}@media screen and (min-width:768px) and (max-width:1199px){.goa-notification{padding-left:24px;padding-right:24px}}@media screen and (max-width:767px){.goa-notification{padding-left:24px;padding-right:24px}}.goa-notification .content{box-sizing:border-box;display:flex;width:100%;margin:0;position:relative;padding:0 36px}.goa-notification .content .message{flex:1 0 0;box-sizing:border-box;min-height:56px;padding:28px 0}.goa-notification .content .close{flex:0 1 auto;color:#fff}.goa-notification a{color:#fff}.goa-notification a:focus,.goa-notification a:hover{color:#fff;text-decoration:none}.goa-notification.goa--event{background-color:#00853f}.goa-notification.goa--important{background-color:#feba35}.goa-notification.goa--important .message,.goa-notification.goa--important a,.goa-notification.goa--important a:focus,.goa-notification.goa--important a:hover{color:#333}.goa-notification.goa--emergency{background-color:#ec040b}.goa-notification .close{align-self:center;position:absolute;right:12px;cursor:pointer}.goa-notification .close svg{fill:#fff;color:#fff}.goa-notification .content:before{position:absolute;top:50%;left:6px;width:24px;height:24px;margin-top:-12px;content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23fff' d='M15.16,15.5h-2V9a1,1,0,0,0-1-1H9.82a1,1,0,0,0,0,2h1.36V15.5h-2a1,1,0,1,0,0,2h6a1,1,0,0,0,0-2Z'/%3E%3Cpath fill='%23fff' d='M12,7.33A1.29,1.29,0,1,0,10.73,6,1.29,1.29,0,0,0,12,7.33Z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-position:50%}.goa-notification.goa--emergency .content:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11,9.41v4.52a1,1,0,0,0,2,0V9.41a1,1,0,0,0-2,0Z'/%3E%3Cpath fill='%23fff' d='M12,16.15a1.29,1.29,0,1,0,1.29,1.29A1.29,1.29,0,0,0,12,16.15Z'/%3E%3Cpath fill='%23fff' d='M22.87,20.14l-10-17.32a1,1,0,0,0-1.74,0l-10,17.32a1,1,0,0,0,0,1,1,1,0,0,0,.87.5H22a1,1,0,0,0,.87-.5A1,1,0,0,0,22.87,20.14Zm-19.14-.5L12,5.32l8.27,14.32Z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-position:50%}.goa-notification.goa--important .content:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23000' d='M12,14.46a1,1,0,0,0,1-1V6.57a1,1,0,0,0-2,0v6.89A1,1,0,0,0,12,14.46Z'/%3E%3Cpath fill='%23000' d='M12,15.68A1.29,1.29,0,1,0,13.29,17,1.29,1.29,0,0,0,12,15.68Z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-position:50%}.goa-notification.goa--event .content:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.27,22.85H20.73a2.14,2.14,0,0,0,2.14-2.14V5A2.14,2.14,0,0,0,20.73,2.9h-2.1v2h2.1a.14.14,0,0,1,.14.14V8.31H3.13V5a.14.14,0,0,1,.14-.14H5.48V6.28a1,1,0,1,0,2,0V1.85a1,1,0,1,0-2,0v1H3.27A2.14,2.14,0,0,0,1.13,5V20.71A2.14,2.14,0,0,0,3.27,22.85Zm17.6-12.54v10.4a.14.14,0,0,1-.14.14H3.27a.14.14,0,0,1-.14-.14V10.31Z'/%3E%3Cpath fill='%23fff' d='M16.45,7.28a1,1,0,0,0,1-1V1.85a1,1,0,0,0-2,0v1h-1.8v2h1.8V6.28A1,1,0,0,0,16.45,7.28Z'/%3E%3Cpath fill='%23fff' d='M11.47,7.28a1,1,0,0,0,1-1V1.85a1,1,0,1,0-2,0v1H8.66v2h1.81V6.28A1,1,0,0,0,11.47,7.28Z'/%3E%3Crect fill='%23fff' x='6.67' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='11.22' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='15.77' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='3.64' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='8.19' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='12.74' y='15.83' width='2.33' height='2.33'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-position:50%}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"notificationUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"isDismissable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"dismiss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":44,"character":42}]}],"ngOnInit":[{"__symbolic":"method"}],"dismissClick":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Component, Input, ContentChildren, QueryList } from '@angular/core';
|
|
2
|
-
import { GoANotificationComponent } from '../notification/notification.component';
|
|
3
|
-
/**
|
|
4
|
-
* Government of Alberta styled notification banner. Contains one or more notifications.
|
|
5
|
-
* selector: goa-notification-banner
|
|
6
|
-
*/
|
|
7
|
-
export class GoANotificationBannerComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
/**
|
|
10
|
-
* The accessibility title for the notification banner. Is not displayed.
|
|
11
|
-
*/
|
|
12
|
-
this.title = 'Notifications';
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* @ignore
|
|
16
|
-
*/
|
|
17
|
-
ngOnInit() {
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
GoANotificationBannerComponent.decorators = [
|
|
21
|
-
{ type: Component, args: [{
|
|
22
|
-
selector: 'goa-notification-banner',
|
|
23
|
-
template: "<div class=\"goa-notifications\">\r\n <h2 class=\"title\">{{title}}</h2>\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n",
|
|
24
|
-
styles: [".goa-notifications .title{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);left:-10px;width:1px;height:1px;white-space:nowrap}.goa-notifications ul{display:inline-block;list-style-type:none}.goa-notifications ul,.goa-notifications ul li{box-sizing:border-box;width:100%;margin:0;padding:0}.goa-notifications ul li{display:block}"]
|
|
25
|
-
},] }
|
|
26
|
-
];
|
|
27
|
-
GoANotificationBannerComponent.ctorParameters = () => [];
|
|
28
|
-
GoANotificationBannerComponent.propDecorators = {
|
|
29
|
-
title: [{ type: Input }],
|
|
30
|
-
_notifications: [{ type: ContentChildren, args: [GoANotificationComponent, { descendants: false },] }]
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=notification-banner.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"notification-banner.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/notification-banner/notification-banner.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAElF;;;GAGG;AAMH,MAAM,OAAO,8BAA8B;IAazC;QAXA;;WAEG;QACM,UAAK,GAAG,eAAe,CAAC;IAQjB,CAAC;IAEjB;;OAEG;IACH,QAAQ;IACR,CAAC;;;YAxBF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,0IAAmD;;aAEpD;;;;oBAME,KAAK;6BAML,eAAe,SAAC,wBAAwB,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC","sourcesContent":["import { Component, OnInit, Input, ContentChildren, QueryList } from '@angular/core';\nimport { GoANotificationComponent } from '../notification/notification.component';\n\n/**\n * Government of Alberta styled notification banner. Contains one or more notifications.\n * selector: goa-notification-banner\n */\n@Component({\n selector: 'goa-notification-banner',\n templateUrl: './notification-banner.component.html',\n styleUrls: ['./notification-banner.component.scss']\n})\nexport class GoANotificationBannerComponent implements OnInit {\n\n /**\n * The accessibility title for the notification banner. Is not displayed.\n */\n @Input() title = 'Notifications';\n\n /**\n * The notifications in this banner.\n * @ignore\n */\n @ContentChildren(GoANotificationComponent, {descendants: false}) _notifications: QueryList<GoANotificationComponent>;\n\n constructor() { }\n\n /**\n * @ignore\n */\n ngOnInit(): void {\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoANotificationBannerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"goa-notification-banner","template":"<div class=\"goa-notifications\">\r\n <h2 class=\"title\">{{title}}</h2>\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n","styles":[".goa-notifications .title{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);left:-10px;width:1px;height:1px;white-space:nowrap}.goa-notifications ul{display:inline-block;list-style-type:none}.goa-notifications ul,.goa-notifications ul li{box-sizing:border-box;width:100%;margin:0;padding:0}.goa-notifications ul li{display:block}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"_notifications":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":23,"character":3},"arguments":[{"__symbolic":"reference","module":"../notification/notification.component","name":"GoANotificationComponent","line":23,"character":19},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|