@abgov/angular-components 2.0.0-beta.1 → 2.0.1
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 +129 -2513
- package/bundles/abgov-angular-components.umd.js.map +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 +117 -2001
- 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 +7 -12
- 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 -28
- 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
- package/theme.css +0 -164
- package/theme.css.map +0 -1
|
@@ -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: [":host.goa-button{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}:host.goa-button.btn-small{font-size:16px;padding:8px;margin:12px 12px 0 0}:host.goa-button:last-of-type{margin-right:0}:host.goa-button:disabled,:host.goa-button:disabled.goa--secondary,:host.goa-button:disabled.goa--tertiary{pointer-events:none;color:#666;background-color:#f1f1f1;border-color:#f1f1f1}:host.goa-button:hover{border-color:#004f84;background:#004f84}:host.goa-button:focus,:host.goa-button:active{border-color:#004f84;box-shadow:0 0 0 3px #feba35;background:#004f84;outline:none}:host.goa-button.goa--secondary{border:2px solid #0070c4;background:#fff;color:#0070c4}:host.goa-button.goa--secondary:hover{border-color:#004f84;background:#fff;color:#004f84}:host.goa-button.goa--secondary:focus,:host.goa-button.goa--secondary:active{color:#004f84;background-color:#fff;border:2px solid #004f84;box-shadow:0 0 0 3px #feba35;outline:none}:host.goa-button.goa--tertiary{border-color:#dcdcdc;background:#fff;color:#0070c4}:host.goa-button.goa--tertiary:hover{background:#fff;color:#004f84}:host.goa-button.goa--tertiary:focus,:host.goa-button.goa--tertiary:active{border:2px solid #004f84;color:#004f84;background-color:#fff;box-shadow:0 0 0 3px #feba35;outline:none}:host.goa-button.goa--borderless{background:none;color:var(--color-blue-500);border:none;transition:transform .1s ease-in-out;transform:scale(1)}:host.goa-button.goa--borderless:hover{background:var(--color-blue-100);color:var(--color-blue-500)}:host.goa-button.goa--borderless:focus,:host.goa-button.goa--borderless:active{background-color:var(--color-blue-100);outline:none;box-shadow:none}:host.goa-button.goa--borderless:active{transform:scale(.95)}:host.goa-button.goa--red{color:var(--color-red-500);background:none;border:none;transition:transform .1s ease-in-out;transform:scale(1)}:host.goa-button.goa--red:hover{background:var(--color-red-100);color:var(--color-red-500)}:host.goa-button.goa--red:focus,:host.goa-button.goa--red:active{background:var(--color-red-100);color:var(--color-red-500);outline:none;box-shadow:none}:host.goa-button.goa--red:active{transform:scale(.95)}\n"]
|
|
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: ["@charset \"UTF-8\";:host.goa-link-button{display:inline-block;text-decoration:none}:host.goa-link-button{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}:host.goa-link-button.btn-small{font-size:16px;padding:8px;margin:12px 12px 0 0}:host.goa-link-button:last-of-type{margin-right:0}:host.goa-link-button:disabled,:host.goa-link-button:disabled.goa--secondary,:host.goa-link-button:disabled.goa--tertiary{pointer-events:none;color:#666;background-color:#f1f1f1;border-color:#f1f1f1}:host.goa-link-button:hover{border-color:#004f84;background:#004f84}:host.goa-link-button:focus,:host.goa-link-button:active{border-color:#004f84;box-shadow:0 0 0 3px #feba35;background:#004f84;outline:none}:host.goa-link-button.goa--secondary{border:2px solid #0070c4;background:#fff;color:#0070c4}:host.goa-link-button.goa--secondary:hover{border-color:#004f84;background:#fff;color:#004f84}:host.goa-link-button.goa--secondary:focus,:host.goa-link-button.goa--secondary:active{color:#004f84;background-color:#fff;border:2px solid #004f84;box-shadow:0 0 0 3px #feba35;outline:none}:host.goa-link-button.goa--tertiary{border-color:#dcdcdc;background:#fff;color:#0070c4}:host.goa-link-button.goa--tertiary:hover{background:#fff;color:#004f84}:host.goa-link-button.goa--tertiary:focus,:host.goa-link-button.goa--tertiary:active{border:2px solid #004f84;color:#004f84;background-color:#fff;box-shadow:0 0 0 3px #feba35;outline:none}:host.goa-link-button.goa--borderless{background:none;color:var(--color-blue-500);border:none;transition:transform .1s ease-in-out;transform:scale(1)}:host.goa-link-button.goa--borderless:hover{background:var(--color-blue-100);color:var(--color-blue-500)}:host.goa-link-button.goa--borderless:focus,:host.goa-link-button.goa--borderless:active{background-color:var(--color-blue-100);outline:none;box-shadow:none}:host.goa-link-button.goa--borderless:active{transform:scale(.95)}:host.goa-link-button.goa--red{color:var(--color-red-500);background:none;border:none;transition:transform .1s ease-in-out;transform:scale(1)}:host.goa-link-button.goa--red:hover{background:var(--color-red-100);color:var(--color-red-500)}:host.goa-link-button.goa--red:focus,:host.goa-link-button.goa--red:active{background:var(--color-red-100);color:var(--color-red-500);outline:none;box-shadow:none}:host.goa-link-button.goa--red:active{transform:scale(.95)}:host.goa-link-button.right-arrow:after{color:#fff;margin-left:8px;content:\"\\2192\"}:host.goa-link-button.up-arrow:after{color:#fff;margin-left:8px;content:\"\\2191\"}:host.goa-link-button:visited,:host.goa-link-button:link{color:#fff}\n"]
|
|
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: [".goa-callout{box-sizing:border-box;display:inline-block;position:relative;width:100%;margin:24px 0 0;padding:23px 24px;border-width:0;border-left-width:48px;border-style:solid;border-color:#0070c4;background:#f1f1f1}.goa-callout *:first-child{margin-top:0}.goa-callout *:last-child{margin-bottom:0}.goa-callout.goa--important{border-color:#feba35}.goa-callout.goa--emergency{border-color:#ec040b}.goa-callout.goa--error{border-color:#ec040b}.goa-callout.goa--success{border-color:#00853f}.goa-callout:before{position:absolute;top:28px;left:-36px;width:24px;height:24px;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:center center}.goa-callout.goa--emergency: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:center center}.goa-callout.goa--error:before{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><defs><style>.a{fill:none;}.b{fill:white;}<\\/style></defs><rect class=\"a\" width=\"24\" height=\"24\"/><path class=\"b\" d=\"M48.1,23a11,11,0,1,0-11-11A10.968,10.968,0,0,0,48.1,23Zm0-20a9,9,0,1,1-9,9A8.963,8.963,0,0,1,48.1,3Z\" transform=\"translate(-36)\"/><path class=\"b\" d=\"M43.6,16.4a.967.967,0,0,0,1.4,0l3-3,3,3a.967.967,0,0,0,1.4,0,.967.967,0,0,0,0-1.4l-3-3,3-3A.99.99,0,0,0,51,7.6l-3,3-3-3A.99.99,0,0,0,43.6,9l3,3-3,3A1.2,1.2,0,0,0,43.6,16.4Z\" transform=\"translate(-36)\"/></svg>');background-repeat:no-repeat;background-size:contain;background-position:center center}.goa-callout.goa--important: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:center center}.goa-callout.goa--event: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:center center}.goa-callout.goa--event: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:center center}.goa-callout.goa--success:before{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><defs><style>.a{fill:none;}.b{fill:white;}<\\/style></defs><g transform=\"translate(-23 -68)\"><rect class=\"a\" width=\"24\" height=\"24\" transform=\"translate(23 68)\"/><path class=\"b\" d=\"M12,23A11,11,0,1,0,1,12,10.968,10.968,0,0,0,12,23ZM12,3a9,9,0,1,1-9,9A8.963,8.963,0,0,1,12,3Z\" transform=\"translate(23 68)\"/><path class=\"b\" d=\"M10.9,16.4a.908.908,0,0,0,.7.3h.1a.842.842,0,0,0,.7-.4L17.6,9a.913.913,0,0,0-.2-1.4,1,1,0,0,0-1.4.3l-4.5,6.3L8,10.5a.99.99,0,0,0-1.4,1.4Z\" transform=\"translate(23 68)\"/></g></svg>');background-repeat:no-repeat;background-size:contain;background-position:center center}.goa-callout .messages{margin-bottom:0;margin-top:1em}\n"]
|
|
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: [":root{--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2.25rem;--fs-3xl: 3rem;--fw-thin: 100;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--fw-black: 900}@-webkit-keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}[data-skeleton]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-skeleton] *{border-color:#ddd!important;color:transparent!important}[data-skeleton] p,[data-skeleton] a{background-color:#ddd!important;-webkit-animation:pulse 2s infinite ease-in-out;animation:pulse 2s infinite ease-in-out;display:inline;line-height:0!important;font-size:50%!important}[data-skeleton] p:after,[data-skeleton] a:after{content:\"\"!important;display:block!important;margin-bottom:1rem!important;background-size:contain}[data-skeleton] h1,[data-skeleton] h2,[data-skeleton] h3,[data-skeleton] h4,[data-skeleton] h5,[data-skeleton] h6{background-color:#ddd!important;-webkit-animation:pulse 2s infinite ease-in-out;animation:pulse 2s infinite ease-in-out;margin-bottom:1rem}[data-skeleton] h1{height:calc(.6 * 3rem)!important;height:calc(.6 * var(--fs-3xl))!important}[data-skeleton] h2{height:calc(.6 * 2.25rem)!important;height:calc(.6 * var(--fs-2xl))!important}[data-skeleton] h3{height:calc(.6 * 1.5rem)!important;height:calc(.6 * var(--fs-xl))!important}[data-skeleton] h4{height:calc(.6 * 1.25rem)!important;height:calc(.6 * var(--fs-lg))!important}[data-skeleton] img{background-color:#ddd!important;-webkit-animation:pulse 2s infinite ease-in-out;animation:pulse 2s infinite ease-in-out}.skeleton{background-color:#ddd!important;-webkit-animation:pulse 2s infinite ease-in-out;animation:pulse 2s infinite ease-in-out;background:#dcdcdc;overflow:hidden;margin:10px 0}.skeleton.text{width:100%;height:12px;border-radius:4px}.skeleton.paragraph{width:100%;height:70px;border-radius:4px}.skeleton.title{width:50%;height:20px;margin-bottom:15px;border-radius:4px}.skeleton.avatar{width:100px;height:100px;border-radius:50%}.skeleton.thumbnail{width:100px;height:100px;border-radius:4px}.skeleton-image-content{display:flex;flex-direction:row;grid-gap:30px;gap:30px}.skeleton-image-content__text{flex:1 1 auto}.skeleton-content{display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;align-items:left}.goa-card{box-sizing:border-box;background:#fff;border:1px solid #dcdcdc;transition:opacity .3s ease-in-out}.goa-card .card-content{padding:28px;border-top:8px solid #0081a2}.goa-card .card-content .goa-title,.goa-card .card-content .goa-text,.goa-card .card-content .goa-content{margin-bottom:28px}.goa-card .card-content .goa-text{color:#333;font-size:1.125rem;font-size:var(--fs-base);line-height:28px}.goa-card .card-content .goa-footer{font-size:1.125rem;font-size:var(--fs-base)}.goa-card .card-content .goa-title{font-size:1.5rem;font-size:var(--fs-xl);font-weight:400;line-height:32px}.goa-card .goa-poster{position:relative;display:block;padding:56.25% 0 0;overflow:hidden;background:#e5e5e5}.goa-card .goa-poster:empty{display:none}.goa-card .goa-poster img,.goa-card .goa-poster iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.goa-card .goa-poster-image img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}.goa-card.card-auto{width:auto}.goa-card.card-auto .card{flex-basis:auto;width:auto}.goa-card a:hover{color:#004f84;text-decoration:none}.goa-card a:focus{outline:3px solid #feba35;outline-offset:0}.goa-card[data-skeleton] .goa-poster-image{background-color:#ddd!important;-webkit-animation:pulse 2s infinite ease-in-out;animation:pulse 2s infinite ease-in-out;padding-bottom:56.25%}.goa-card[data-skeleton] .goa-poster-image img{display:none}.goa-card[data-skeleton] .goa-title{margin-bottom:1rem}.goa-card[data-skeleton] .goa-footer{background-color:#ddd!important;-webkit-animation:pulse 2s infinite ease-in-out;animation:pulse 2s infinite ease-in-out;max-height:1rem}\n"]
|
|
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: [".goa-card-group{margin-top:14px;vertical-align:top}.goa-card-group .card-group-title{font-size:24px;font-weight:bold;color:#333}.goa-card-group .card-group-basic{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch}.goa-card-group .card-group-basic>div{margin:14px 10px}.goa-card-group .card-group-basic-vue>div{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch}.goa-card-group .card-group-basic-vue>div>div{margin:14px 10px}.goa-card-group .card-group-column{display:inline-block;flex-direction:column;-moz-column-count:3;column-count:3;flex-wrap:wrap;align-items:stretch}.goa-card-group .card-group-column>div{margin:14px}.goa-card-group .card-group-column-vue>div{display:inline-block;flex-direction:column;-moz-column-count:3;column-count:3;flex-wrap:wrap;align-items:stretch}.goa-card-group .card-group-column>div>div{margin:14px}\n"]
|
|
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
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export class GoACheckboxChange {
|
|
2
|
-
}
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtY2hhbmdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jaGVja2JveC9jaGVja2JveC1jaGFuZ2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxPQUFPLGlCQUFpQjtDQUszQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEdvQUNoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi9jaGVja2JveC5jb21wb25lbnQnO1xuXG5leHBvcnQgY2xhc3MgR29BQ2hlY2tib3hDaGFuZ2Uge1xuICAgIC8qKiBUaGUgc291cmNlIE1hdENoZWNrYm94IG9mIHRoZSBldmVudC4gKi9cbiAgICBzb3VyY2U6IEdvQUNoZWNrYm94Q29tcG9uZW50O1xuICAgIC8qKiBUaGUgbmV3IGBjaGVja2VkYCB2YWx1ZSBvZiB0aGUgY2hlY2tib3guICovXG4gICAgY2hlY2tlZDogYm9vbGVhbjtcbiAgfSJdfQ==
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter, forwardRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
export const GOA_CHECKBOX_CONTROL_VALUE_ACCESSOR = {
|
|
4
|
-
provide: NG_VALUE_ACCESSOR,
|
|
5
|
-
useExisting: forwardRef(() => GoACheckboxComponent),
|
|
6
|
-
multi: true
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Checkbox component with Government of Alberta styling.
|
|
10
|
-
* selector: goa-checkbox
|
|
11
|
-
*/
|
|
12
|
-
export class GoACheckboxComponent {
|
|
13
|
-
constructor(_changeDetectorRef) {
|
|
14
|
-
this._changeDetectorRef = _changeDetectorRef;
|
|
15
|
-
/**
|
|
16
|
-
* @ignore
|
|
17
|
-
*/
|
|
18
|
-
this._indeterminate = false;
|
|
19
|
-
/**
|
|
20
|
-
* The position to display the label/text for the checbox. Valid values are before and after.
|
|
21
|
-
*/
|
|
22
|
-
this.labelPosition = 'after';
|
|
23
|
-
/**
|
|
24
|
-
* Event emitted containing the source checkbox, and whether or not it is checked.
|
|
25
|
-
*/
|
|
26
|
-
this.selectionChange = new EventEmitter();
|
|
27
|
-
/**
|
|
28
|
-
* @ignore
|
|
29
|
-
*/
|
|
30
|
-
this._propagateChange = (_) => { };
|
|
31
|
-
this.uniqueId = `goa-checkbox-${GoACheckboxComponent.idNum++}`;
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* Boolean indicating whether or not the checkbox should display as indeterminate
|
|
35
|
-
* (i.e. it has associated 'child' checkboxes, some of which are selected).
|
|
36
|
-
*/
|
|
37
|
-
get indeterminate() { return this._indeterminate; }
|
|
38
|
-
set indeterminate(value) {
|
|
39
|
-
// only do something if value has changed from current
|
|
40
|
-
if (value !== this.indeterminate) {
|
|
41
|
-
this._indeterminate = value;
|
|
42
|
-
// can't be indeterminate and checked, so clear checked
|
|
43
|
-
if (this._indeterminate) {
|
|
44
|
-
this.checked = false;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
/**
|
|
49
|
-
* Boolean indicating if the checkbox is required and not checked
|
|
50
|
-
* @ignore
|
|
51
|
-
*/
|
|
52
|
-
hasError() {
|
|
53
|
-
return this.required && !this.checked;
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* Implemented as part of ControlValueAccessor.
|
|
57
|
-
* @param value The model bound property, i.e. the value of checked
|
|
58
|
-
* @ignore
|
|
59
|
-
*/
|
|
60
|
-
writeValue(value) {
|
|
61
|
-
if ((value !== undefined) && (value !== null)) {
|
|
62
|
-
this.checked = value;
|
|
63
|
-
this._changeDetectorRef.detectChanges();
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* Implemented as part of ControlValueAccessor.
|
|
68
|
-
* @param fn The function to call on change. Provided by ControlValueAccessor
|
|
69
|
-
* @ignore
|
|
70
|
-
*/
|
|
71
|
-
registerOnChange(fn) {
|
|
72
|
-
this._propagateChange = fn;
|
|
73
|
-
}
|
|
74
|
-
/**
|
|
75
|
-
* Implemented as part of ControlValueAccessor.
|
|
76
|
-
* @param fn The function to call on touch. Provided by ControlValueAccessor
|
|
77
|
-
* @ignore
|
|
78
|
-
*/
|
|
79
|
-
registerOnTouched(fn) {
|
|
80
|
-
this._onTouchedCallback = fn;
|
|
81
|
-
}
|
|
82
|
-
;
|
|
83
|
-
/**
|
|
84
|
-
* Toggles the checked value of the checkbox
|
|
85
|
-
* @ignore
|
|
86
|
-
*/
|
|
87
|
-
toggle() {
|
|
88
|
-
this.checked = !this.checked;
|
|
89
|
-
}
|
|
90
|
-
/**
|
|
91
|
-
* User interaction event on click of the checkbox or its label to indicate toggling of the current checked status.
|
|
92
|
-
* Emits selectionChange to parent components.
|
|
93
|
-
* @ignore
|
|
94
|
-
*/
|
|
95
|
-
onChange(event) {
|
|
96
|
-
event.stopPropagation();
|
|
97
|
-
this.toggle();
|
|
98
|
-
// user manually clicking overrides indeterminate and sets it to false
|
|
99
|
-
// this is because if they click and set to checked/unchecked, all 'child' checkboxes should get set to
|
|
100
|
-
// checked/unchecked (by user routine, not here), so this checkbox is no longer indeterminate
|
|
101
|
-
this.indeterminate = false;
|
|
102
|
-
const checkBoxChange = {
|
|
103
|
-
source: this,
|
|
104
|
-
checked: this.checked
|
|
105
|
-
};
|
|
106
|
-
this._propagateChange(this.checked);
|
|
107
|
-
this.selectionChange.emit(checkBoxChange);
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
/**
|
|
111
|
-
* @ignore
|
|
112
|
-
*/
|
|
113
|
-
GoACheckboxComponent.idNum = 0;
|
|
114
|
-
GoACheckboxComponent.decorators = [
|
|
115
|
-
{ type: Component, args: [{
|
|
116
|
-
selector: 'goa-checkbox',
|
|
117
|
-
template: "\n<div class=\"goa-checkbox\" [ngClass]=\"{'goa-checkbox-disabled': disabled, 'has-error': hasError(), 'goa-checkbox-label-before': labelPosition === 'before'}\">\n <label class=\"goa-checkbox-layout\" [attr.for]=\"uniqueId\">\n <div class=\"goa-checkbox-container\"\n [ngClass]=\"{'goa-checkbox-selected': checked, 'goa-checkbox-indeterminate': indeterminate}\">\n <input type=\"checkbox\"\n [id]=\"uniqueId\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n [attr.value]=\"value\"\n (change)=\"onChange($event)\"\n />\n <svg *ngIf=\"checked\" id='checkmark' xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 12.18\" class=\"goa-checkmark\">\n <path d=\"M5.09,9.64,1.27,5.82,0,7.09l5.09,5.09L16,1.27,14.73,0Z\"/>\n </svg>\n <svg *ngIf=\"indeterminate\" id='dashmark' xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 15 2\" class=\"goa-indeterminate\">\n <rect width=\"15\" height=\"2\"/>\n </svg>\n </div>\n <div class=\"goa-checkbox-label\">\n <ng-content></ng-content>\n </div>\n </label>\n</div>\n",
|
|
118
|
-
//register our custom ControlValueAccessor with angular DI system so angular knows how to get instance of it for ngModel binding
|
|
119
|
-
providers: [GOA_CHECKBOX_CONTROL_VALUE_ACCESSOR],
|
|
120
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
121
|
-
styles: [".goa-checkbox input[type=checkbox]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none}.goa-checkbox .goa-checkbox-label{z-index:2;box-sizing:border-box;margin:0;padding:0 0 0 8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:46px;display:flex;align-items:center}.goa-checkbox.goa-checkbox-disabled{opacity:30%}.goa-checkbox.goa-checkbox-disabled .goa-checkbox-label{cursor:default}.goa-checkbox.has-error .goa-checkbox-container{border:solid 2px #fc1921;color:#fc1921}.goa-checkbox.has-error .goa-checkbox-container svg{fill:#fc1921}.goa-checkbox .goa-checkbox-container{box-sizing:border-box;border:1px solid #666;border-radius:2px;height:24px;line-height:24px;width:24px;display:flex;flex-direction:column;justify-content:center;padding:3px}.goa-checkbox .goa-checkbox-container svg{display:none;flex:1 1 auto;fill:#fff}.goa-checkbox .goa-checkbox-container.goa-checkbox-selected{background-color:#0070c4}.goa-checkbox .goa-checkbox-container.goa-checkbox-selected .goa-checkmark{display:block!important}.goa-checkbox .goa-checkbox-container.goa-checkbox-selected .goa-indeterminate{display:none!important}.goa-checkbox .goa-checkbox-container.goa-checkbox-indeterminate{background-color:#0070c4}.goa-checkbox .goa-checkbox-container.goa-checkbox-indeterminate .goa-checkmark{display:none}.goa-checkbox .goa-checkbox-container.goa-checkbox-indeterminate .goa-indeterminate{display:block}.goa-checkbox .goa-checkbox-container:hover:not(.goa-checkbox-selected):not(.goa-checkbox-indeterminate){background-color:#f1f1f1}.goa-checkbox .goa-checkbox-container:focus-within{box-shadow:0 0 0 3px #feba35;outline:none}.goa-checkbox.goa-checkbox-label-before .goa-checkbox-container{order:1;margin-left:8px;margin-right:auto}.goa-checkbox-layout{display:inline-flex;align-items:center;line-height:2.5rem}\n"]
|
|
122
|
-
},] }
|
|
123
|
-
];
|
|
124
|
-
GoACheckboxComponent.ctorParameters = () => [
|
|
125
|
-
{ type: ChangeDetectorRef }
|
|
126
|
-
];
|
|
127
|
-
GoACheckboxComponent.propDecorators = {
|
|
128
|
-
value: [{ type: Input }],
|
|
129
|
-
checked: [{ type: Input }],
|
|
130
|
-
disabled: [{ type: Input }],
|
|
131
|
-
required: [{ type: Input }],
|
|
132
|
-
indeterminate: [{ type: Input }],
|
|
133
|
-
labelPosition: [{ type: Input }],
|
|
134
|
-
selectionChange: [{ type: Output }]
|
|
135
|
-
};
|
|
136
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixVQUFVLEVBQ1YsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN4QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHekUsTUFBTSxDQUFDLE1BQU0sbUNBQW1DLEdBQUc7SUFDakQsT0FBTyxFQUFFLGlCQUFpQjtJQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO0lBQ25ELEtBQUssRUFBRSxJQUFJO0NBQ1osQ0FBQTtBQUVEOzs7R0FHRztBQVNILE1BQU0sT0FBTyxvQkFBb0I7SUF5RS9CLFlBQW9CLGtCQUFxQztRQUFyQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO1FBMUN6RDs7V0FFRztRQUNLLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBbUIvQjs7V0FFRztRQUNNLGtCQUFhLEdBQXVCLE9BQU8sQ0FBQztRQUVwRDs7VUFFRTtRQUNPLG9CQUFlLEdBQW9DLElBQUksWUFBWSxFQUFxQixDQUFDO1FBT25HOztXQUVHO1FBQ0gscUJBQWdCLEdBQUcsQ0FBQyxDQUFNLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUdqQyxJQUFJLENBQUMsUUFBUSxHQUFHLGdCQUFnQixvQkFBb0IsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFBO0lBQ2hFLENBQUM7SUF4Q0Q7OztPQUdHO0lBQ0gsSUFDSSxhQUFhLEtBQWMsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQztJQUM1RCxJQUFJLGFBQWEsQ0FBQyxLQUFjO1FBQzlCLHNEQUFzRDtRQUN0RCxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ2hDLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO1lBRTVCLHVEQUF1RDtZQUN2RCxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUM7Z0JBQ3RCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO2FBQ3RCO1NBQ0Y7SUFDSCxDQUFDO0lBMEJEOzs7T0FHRztJQUNILFFBQVE7UUFDTixPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3hDLENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsRUFBRTtZQUM3QyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztZQUNyQixJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBQUEsQ0FBQztJQUVGOzs7T0FHRztJQUNILE1BQU07UUFDSixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUMvQixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILFFBQVEsQ0FBQyxLQUFLO1FBQ1osS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXhCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUVkLHNFQUFzRTtRQUN0RSx1R0FBdUc7UUFDdkcsNkZBQTZGO1FBQzdGLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1FBRTNCLE1BQU0sY0FBYyxHQUFHO1lBQ3JCLE1BQU0sRUFBRSxJQUFJO1lBQ1osT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO1NBQ0QsQ0FBQztRQUV2QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3BDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7O0FBL0lEOztHQUVHO0FBQ0ksMEJBQUssR0FBRyxDQUFDLENBQUM7O1lBYmxCLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsMHdDQUF3QztnQkFFeEMsZ0lBQWdJO2dCQUNoSSxTQUFTLEVBQUUsQ0FBQyxtQ0FBbUMsQ0FBQztnQkFDaEQsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O2FBQ2hEOzs7WUF2QkMsaUJBQWlCOzs7b0JBc0NoQixLQUFLO3NCQUtMLEtBQUs7dUJBS0wsS0FBSzt1QkFLTCxLQUFLOzRCQVVMLEtBQUs7NEJBaUJMLEtBQUs7OEJBS0wsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBmb3J3YXJkUmVmLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3lcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBHb0FDaGVja2JveENoYW5nZSB9IGZyb20gJy4vY2hlY2tib3gtY2hhbmdlJztcblxuZXhwb3J0IGNvbnN0IEdPQV9DSEVDS0JPWF9DT05UUk9MX1ZBTFVFX0FDQ0VTU09SID0ge1xuICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gR29BQ2hlY2tib3hDb21wb25lbnQpLFxuICBtdWx0aTogdHJ1ZVxufVxuXG4vKipcbiAqIENoZWNrYm94IGNvbXBvbmVudCB3aXRoIEdvdmVybm1lbnQgb2YgQWxiZXJ0YSBzdHlsaW5nLlxuICogc2VsZWN0b3I6IGdvYS1jaGVja2JveFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnb2EtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxuICAvL3JlZ2lzdGVyIG91ciBjdXN0b20gQ29udHJvbFZhbHVlQWNjZXNzb3Igd2l0aCBhbmd1bGFyIERJIHN5c3RlbSBzbyBhbmd1bGFyIGtub3dzIGhvdyB0byBnZXQgaW5zdGFuY2Ugb2YgaXQgZm9yIG5nTW9kZWwgYmluZGluZ1xuICBwcm92aWRlcnM6IFtHT0FfQ0hFQ0tCT1hfQ09OVFJPTF9WQUxVRV9BQ0NFU1NPUl0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEdvQUNoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBzdGF0aWMgaWROdW0gPSAwO1xuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgdW5pcXVlSWQ6IHN0cmluZztcblxuICAvKipcbiAgICogVmFsdWUvdW5pcXVlIGlkZW50aWZpZXIgZm9yIHRoZSBvYmplY3QgdGhlIGNoZWNrYm94IHJlcHJlc2VudHMuXG4gICAqL1xuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBCb29sZWFuIGluZGljYXRpbmcgd2hldGhlciBvciBub3QgdGhlIGNoZWNrYm94IGlzIGNoZWNrZWQvc2VsZWN0ZWQuXG4gICAqL1xuICBASW5wdXQoKSBjaGVja2VkOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBCb29sZWFuIGluZGljYXRpbmcgd2hldGhlciBvciBub3QgdGhlIGNoZWNrYm94IGlzIGRpc2FibGVkLlxuICAgKi9cbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEJvb2xlYW4gaW5kaWNhdGluZyB3aGV0aGVyIG9yIG5vdCB0aGUgY2hlY2tib3ggaXMgcmVxdWlyZWQuXG4gICAqL1xuICBASW5wdXQoKSByZXF1aXJlZDogYm9vbGVhbjtcblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBfaW5kZXRlcm1pbmF0ZSA9IGZhbHNlO1xuICAvKipcbiAgICogQm9vbGVhbiBpbmRpY2F0aW5nIHdoZXRoZXIgb3Igbm90IHRoZSBjaGVja2JveCBzaG91bGQgZGlzcGxheSBhcyBpbmRldGVybWluYXRlXG4gICAqIChpLmUuIGl0IGhhcyBhc3NvY2lhdGVkICdjaGlsZCcgY2hlY2tib3hlcywgc29tZSBvZiB3aGljaCBhcmUgc2VsZWN0ZWQpLlxuICAgKi9cbiAgQElucHV0KClcbiAgZ2V0IGluZGV0ZXJtaW5hdGUoKTogYm9vbGVhbiB7IHJldHVybiB0aGlzLl9pbmRldGVybWluYXRlOyB9XG4gIHNldCBpbmRldGVybWluYXRlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgLy8gb25seSBkbyBzb21ldGhpbmcgaWYgdmFsdWUgaGFzIGNoYW5nZWQgZnJvbSBjdXJyZW50XG4gICAgaWYgKHZhbHVlICE9PSB0aGlzLmluZGV0ZXJtaW5hdGUpIHtcbiAgICAgIHRoaXMuX2luZGV0ZXJtaW5hdGUgPSB2YWx1ZTtcblxuICAgICAgLy8gY2FuJ3QgYmUgaW5kZXRlcm1pbmF0ZSBhbmQgY2hlY2tlZCwgc28gY2xlYXIgY2hlY2tlZFxuICAgICAgaWYgKHRoaXMuX2luZGV0ZXJtaW5hdGUpe1xuICAgICAgICB0aGlzLmNoZWNrZWQgPSBmYWxzZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIHRvIGRpc3BsYXkgdGhlIGxhYmVsL3RleHQgZm9yIHRoZSBjaGVjYm94LiAgVmFsaWQgdmFsdWVzIGFyZSBiZWZvcmUgYW5kIGFmdGVyLlxuICAgKi9cbiAgQElucHV0KCkgbGFiZWxQb3NpdGlvbjogJ2JlZm9yZScgfCAnYWZ0ZXInID0gJ2FmdGVyJztcblxuICAgLyoqXG4gICAqIEV2ZW50IGVtaXR0ZWQgY29udGFpbmluZyB0aGUgc291cmNlIGNoZWNrYm94LCBhbmQgd2hldGhlciBvciBub3QgaXQgaXMgY2hlY2tlZC5cbiAgICovXG4gIEBPdXRwdXQoKSBzZWxlY3Rpb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxHb0FDaGVja2JveENoYW5nZT4gPSBuZXcgRXZlbnRFbWl0dGVyPEdvQUNoZWNrYm94Q2hhbmdlPigpO1xuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBfb25Ub3VjaGVkQ2FsbGJhY2s6ICgpID0+IHZvaWQ7XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIF9wcm9wYWdhdGVDaGFuZ2UgPSAoXzogYW55KSA9PiB7IH07XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLCkge1xuICAgIHRoaXMudW5pcXVlSWQgPSBgZ29hLWNoZWNrYm94LSR7R29BQ2hlY2tib3hDb21wb25lbnQuaWROdW0rK31gXG4gIH1cblxuICAvKipcbiAgICogQm9vbGVhbiBpbmRpY2F0aW5nIGlmIHRoZSBjaGVja2JveCBpcyByZXF1aXJlZCBhbmQgbm90IGNoZWNrZWRcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgaGFzRXJyb3IoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMucmVxdWlyZWQgJiYgIXRoaXMuY2hlY2tlZDtcbiAgfVxuXG4gIC8qKlxuICAgKiBJbXBsZW1lbnRlZCBhcyBwYXJ0IG9mIENvbnRyb2xWYWx1ZUFjY2Vzc29yLlxuICAgKiBAcGFyYW0gdmFsdWUgVGhlIG1vZGVsIGJvdW5kIHByb3BlcnR5LCBpLmUuIHRoZSB2YWx1ZSBvZiBjaGVja2VkXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xuICAgIGlmICgodmFsdWUgIT09IHVuZGVmaW5lZCkgJiYgKHZhbHVlICE9PSBudWxsKSkge1xuICAgICAgdGhpcy5jaGVja2VkID0gdmFsdWU7XG4gICAgICB0aGlzLl9jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEltcGxlbWVudGVkIGFzIHBhcnQgb2YgQ29udHJvbFZhbHVlQWNjZXNzb3IuXG4gICAqIEBwYXJhbSBmbiBUaGUgZnVuY3Rpb24gdG8gY2FsbCBvbiBjaGFuZ2UuICBQcm92aWRlZCBieSBDb250cm9sVmFsdWVBY2Nlc3NvclxuICAgKiBAaWdub3JlXG4gICAqL1xuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpIHtcbiAgICB0aGlzLl9wcm9wYWdhdGVDaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIC8qKlxuICAgKiBJbXBsZW1lbnRlZCBhcyBwYXJ0IG9mIENvbnRyb2xWYWx1ZUFjY2Vzc29yLlxuICAgKiBAcGFyYW0gZm4gVGhlIGZ1bmN0aW9uIHRvIGNhbGwgb24gdG91Y2guICBQcm92aWRlZCBieSBDb250cm9sVmFsdWVBY2Nlc3NvclxuICAgKiBAaWdub3JlXG4gICAqL1xuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KSB7XG4gICAgdGhpcy5fb25Ub3VjaGVkQ2FsbGJhY2sgPSBmbjtcbiAgfTtcblxuICAvKipcbiAgICogVG9nZ2xlcyB0aGUgY2hlY2tlZCB2YWx1ZSBvZiB0aGUgY2hlY2tib3hcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgdG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuY2hlY2tlZCA9ICF0aGlzLmNoZWNrZWQ7XG4gIH1cblxuICAvKipcbiAgICogVXNlciBpbnRlcmFjdGlvbiBldmVudCBvbiBjbGljayBvZiB0aGUgY2hlY2tib3ggb3IgaXRzIGxhYmVsIHRvIGluZGljYXRlIHRvZ2dsaW5nIG9mIHRoZSBjdXJyZW50IGNoZWNrZWQgc3RhdHVzLlxuICAgKiBFbWl0cyBzZWxlY3Rpb25DaGFuZ2UgdG8gcGFyZW50IGNvbXBvbmVudHMuXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG9uQ2hhbmdlKGV2ZW50KSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICB0aGlzLnRvZ2dsZSgpO1xuXG4gICAgLy8gdXNlciBtYW51YWxseSBjbGlja2luZyBvdmVycmlkZXMgaW5kZXRlcm1pbmF0ZSBhbmQgc2V0cyBpdCB0byBmYWxzZVxuICAgIC8vIHRoaXMgaXMgYmVjYXVzZSBpZiB0aGV5IGNsaWNrIGFuZCBzZXQgdG8gY2hlY2tlZC91bmNoZWNrZWQsIGFsbCAnY2hpbGQnIGNoZWNrYm94ZXMgc2hvdWxkIGdldCBzZXQgdG9cbiAgICAvLyBjaGVja2VkL3VuY2hlY2tlZCAoYnkgdXNlciByb3V0aW5lLCBub3QgaGVyZSksIHNvIHRoaXMgY2hlY2tib3ggaXMgbm8gbG9uZ2VyIGluZGV0ZXJtaW5hdGVcbiAgICB0aGlzLmluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcblxuICAgIGNvbnN0IGNoZWNrQm94Q2hhbmdlID0ge1xuICAgICAgc291cmNlOiB0aGlzLFxuICAgICAgY2hlY2tlZDogdGhpcy5jaGVja2VkXG4gICAgfSBhcyBHb0FDaGVja2JveENoYW5nZTtcblxuICAgIHRoaXMuX3Byb3BhZ2F0ZUNoYW5nZSh0aGlzLmNoZWNrZWQpO1xuICAgIHRoaXMuc2VsZWN0aW9uQ2hhbmdlLmVtaXQoY2hlY2tCb3hDaGFuZ2UpO1xuICB9XG59XG4iXX0=
|