@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.
Files changed (161) hide show
  1. package/README.md +3 -45
  2. package/abgov-angular-components.d.ts +1 -0
  3. package/bundles/abgov-angular-components.umd.js +142 -2453
  4. package/bundles/abgov-angular-components.umd.js.map +1 -1
  5. package/esm2015/abgov-angular-components.js +1 -1
  6. package/esm2015/index.js +2 -26
  7. package/esm2015/lib/angular-components.module.js +16 -91
  8. package/esm2015/lib/value-directive.js +133 -0
  9. package/fesm2015/abgov-angular-components.js +122 -1969
  10. package/fesm2015/abgov-angular-components.js.map +1 -1
  11. package/index.d.ts +1 -25
  12. package/lib/angular-components.module.d.ts +7 -0
  13. package/lib/value-directive.d.ts +34 -0
  14. package/package.json +8 -12
  15. package/LICENSE +0 -21
  16. package/abgov-angular-components.metadata.json +0 -1
  17. package/bundles/abgov-angular-components.umd.min.js +0 -2
  18. package/bundles/abgov-angular-components.umd.min.js.map +0 -1
  19. package/esm2015/abgov-angular-components.js.map +0 -1
  20. package/esm2015/abgov-angular-components.metadata.json +0 -1
  21. package/esm2015/experimental/app-version-header/app-version-header.component.js +0 -30
  22. package/esm2015/experimental/app-version-header/app-version-header.component.js.map +0 -1
  23. package/esm2015/experimental/app-version-header/app-version-header.component.metadata.json +0 -1
  24. package/esm2015/experimental/badge/badge.component.js +0 -24
  25. package/esm2015/experimental/badge/badge.component.js.map +0 -1
  26. package/esm2015/experimental/badge/badge.component.metadata.json +0 -1
  27. package/esm2015/experimental/components.module.js +0 -28
  28. package/esm2015/experimental/components.module.js.map +0 -1
  29. package/esm2015/experimental/components.module.metadata.json +0 -1
  30. package/esm2015/experimental/index.js +0 -5
  31. package/esm2015/experimental/index.js.map +0 -1
  32. package/esm2015/experimental/index.metadata.json +0 -1
  33. package/esm2015/experimental/number-input/number-input.component.js +0 -114
  34. package/esm2015/experimental/number-input/number-input.component.js.map +0 -1
  35. package/esm2015/experimental/number-input/number-input.component.metadata.json +0 -1
  36. package/esm2015/index.js.map +0 -1
  37. package/esm2015/index.metadata.json +0 -1
  38. package/esm2015/lib/angular-components.module.js.map +0 -1
  39. package/esm2015/lib/angular-components.module.metadata.json +0 -1
  40. package/esm2015/lib/button/button.component.js +0 -66
  41. package/esm2015/lib/button/button.component.js.map +0 -1
  42. package/esm2015/lib/button/button.component.metadata.json +0 -1
  43. package/esm2015/lib/button-link/button-link.component.js +0 -66
  44. package/esm2015/lib/button-link/button-link.component.js.map +0 -1
  45. package/esm2015/lib/button-link/button-link.component.metadata.json +0 -1
  46. package/esm2015/lib/callout/callout.component.js +0 -34
  47. package/esm2015/lib/callout/callout.component.js.map +0 -1
  48. package/esm2015/lib/callout/callout.component.metadata.json +0 -1
  49. package/esm2015/lib/card/card.component.js +0 -37
  50. package/esm2015/lib/card/card.component.js.map +0 -1
  51. package/esm2015/lib/card/card.component.metadata.json +0 -1
  52. package/esm2015/lib/card/content/card-content.component.js +0 -24
  53. package/esm2015/lib/card/content/card-content.component.js.map +0 -1
  54. package/esm2015/lib/card/content/card-content.component.metadata.json +0 -1
  55. package/esm2015/lib/card/footer/card-footer.component.js +0 -24
  56. package/esm2015/lib/card/footer/card-footer.component.js.map +0 -1
  57. package/esm2015/lib/card/footer/card-footer.component.metadata.json +0 -1
  58. package/esm2015/lib/card/header/card-header.component.js +0 -24
  59. package/esm2015/lib/card/header/card-header.component.js.map +0 -1
  60. package/esm2015/lib/card/header/card-header.component.metadata.json +0 -1
  61. package/esm2015/lib/card/thumb/card-thumb.component.js +0 -27
  62. package/esm2015/lib/card/thumb/card-thumb.component.js.map +0 -1
  63. package/esm2015/lib/card/thumb/card-thumb.component.metadata.json +0 -1
  64. package/esm2015/lib/card-group/card.group.component.js +0 -23
  65. package/esm2015/lib/card-group/card.group.component.js.map +0 -1
  66. package/esm2015/lib/card-group/card.group.component.metadata.json +0 -1
  67. package/esm2015/lib/checkbox/checkbox-change.js +0 -3
  68. package/esm2015/lib/checkbox/checkbox-change.js.map +0 -1
  69. package/esm2015/lib/checkbox/checkbox-change.metadata.json +0 -1
  70. package/esm2015/lib/checkbox/checkbox.component.js +0 -136
  71. package/esm2015/lib/checkbox/checkbox.component.js.map +0 -1
  72. package/esm2015/lib/checkbox/checkbox.component.metadata.json +0 -1
  73. package/esm2015/lib/dropdown/dropdown.component.js +0 -326
  74. package/esm2015/lib/dropdown/dropdown.component.js.map +0 -1
  75. package/esm2015/lib/dropdown/dropdown.component.metadata.json +0 -1
  76. package/esm2015/lib/dropdown/option/option.component.js +0 -48
  77. package/esm2015/lib/dropdown/option/option.component.js.map +0 -1
  78. package/esm2015/lib/dropdown/option/option.component.metadata.json +0 -1
  79. package/esm2015/lib/dropdown/option-group/option-group.component.js +0 -46
  80. package/esm2015/lib/dropdown/option-group/option-group.component.js.map +0 -1
  81. package/esm2015/lib/dropdown/option-group/option-group.component.metadata.json +0 -1
  82. package/esm2015/lib/element-load-indicator/element-load-indicator.component.js +0 -63
  83. package/esm2015/lib/element-load-indicator/element-load-indicator.component.js.map +0 -1
  84. package/esm2015/lib/element-load-indicator/element-load-indicator.component.metadata.json +0 -1
  85. package/esm2015/lib/header/header.component.js +0 -47
  86. package/esm2015/lib/header/header.component.js.map +0 -1
  87. package/esm2015/lib/header/header.component.metadata.json +0 -1
  88. package/esm2015/lib/hero-banner/content/hero-banner-content.component.js +0 -15
  89. package/esm2015/lib/hero-banner/content/hero-banner-content.component.js.map +0 -1
  90. package/esm2015/lib/hero-banner/content/hero-banner-content.component.metadata.json +0 -1
  91. package/esm2015/lib/hero-banner/hero-banner.component.js +0 -21
  92. package/esm2015/lib/hero-banner/hero-banner.component.js.map +0 -1
  93. package/esm2015/lib/hero-banner/hero-banner.component.metadata.json +0 -1
  94. package/esm2015/lib/hero-banner/link/hero-banner-link.component.js +0 -18
  95. package/esm2015/lib/hero-banner/link/hero-banner-link.component.js.map +0 -1
  96. package/esm2015/lib/hero-banner/link/hero-banner-link.component.metadata.json +0 -1
  97. package/esm2015/lib/microsite-logo/microsite-logo.component.js +0 -34
  98. package/esm2015/lib/microsite-logo/microsite-logo.component.js.map +0 -1
  99. package/esm2015/lib/microsite-logo/microsite-logo.component.metadata.json +0 -1
  100. package/esm2015/lib/notification/notification.component.js +0 -59
  101. package/esm2015/lib/notification/notification.component.js.map +0 -1
  102. package/esm2015/lib/notification/notification.component.metadata.json +0 -1
  103. package/esm2015/lib/notification-banner/notification-banner.component.js +0 -32
  104. package/esm2015/lib/notification-banner/notification-banner.component.js.map +0 -1
  105. package/esm2015/lib/notification-banner/notification-banner.component.metadata.json +0 -1
  106. package/esm2015/lib/page-load-indicator/page-load-indicator.component.js +0 -117
  107. package/esm2015/lib/page-load-indicator/page-load-indicator.component.js.map +0 -1
  108. package/esm2015/lib/page-load-indicator/page-load-indicator.component.metadata.json +0 -1
  109. package/esm2015/lib/radio/radio-change.js +0 -3
  110. package/esm2015/lib/radio/radio-change.js.map +0 -1
  111. package/esm2015/lib/radio/radio-change.metadata.json +0 -1
  112. package/esm2015/lib/radio/radio.component.js +0 -146
  113. package/esm2015/lib/radio/radio.component.js.map +0 -1
  114. package/esm2015/lib/radio/radio.component.metadata.json +0 -1
  115. package/esm2015/lib/radio/radio.service.js +0 -20
  116. package/esm2015/lib/radio/radio.service.js.map +0 -1
  117. package/esm2015/lib/radio/radio.service.metadata.json +0 -1
  118. package/esm2015/lib/radio-group/radio-group.component.js +0 -282
  119. package/esm2015/lib/radio-group/radio-group.component.js.map +0 -1
  120. package/esm2015/lib/radio-group/radio-group.component.metadata.json +0 -1
  121. package/esm2015/lib/skeleton/skeleton-element.component.js +0 -21
  122. package/esm2015/lib/skeleton/skeleton-element.component.js.map +0 -1
  123. package/esm2015/lib/skeleton/skeleton-element.component.metadata.json +0 -1
  124. package/esm2015/lib/skeleton/skeleton-image-content.component.js +0 -19
  125. package/esm2015/lib/skeleton/skeleton-image-content.component.js.map +0 -1
  126. package/esm2015/lib/skeleton/skeleton-image-content.component.metadata.json +0 -1
  127. package/experimental/app-version-header/app-version-header.component.d.ts +0 -10
  128. package/experimental/badge/badge.component.d.ts +0 -7
  129. package/experimental/components.module.d.ts +0 -2
  130. package/experimental/index.d.ts +0 -4
  131. package/experimental/number-input/number-input.component.d.ts +0 -58
  132. package/lib/button/button.component.d.ts +0 -37
  133. package/lib/button-link/button-link.component.d.ts +0 -38
  134. package/lib/callout/callout.component.d.ts +0 -20
  135. package/lib/card/card.component.d.ts +0 -23
  136. package/lib/card/content/card-content.component.d.ts +0 -14
  137. package/lib/card/footer/card-footer.component.d.ts +0 -14
  138. package/lib/card/header/card-header.component.d.ts +0 -14
  139. package/lib/card/thumb/card-thumb.component.d.ts +0 -22
  140. package/lib/card-group/card.group.component.d.ts +0 -32
  141. package/lib/checkbox/checkbox-change.d.ts +0 -7
  142. package/lib/checkbox/checkbox.component.d.ts +0 -100
  143. package/lib/dropdown/dropdown.component.d.ts +0 -193
  144. package/lib/dropdown/option/option.component.d.ts +0 -39
  145. package/lib/dropdown/option-group/option-group.component.d.ts +0 -38
  146. package/lib/element-load-indicator/element-load-indicator.component.d.ts +0 -38
  147. package/lib/header/header.component.d.ts +0 -29
  148. package/lib/hero-banner/content/hero-banner-content.component.d.ts +0 -5
  149. package/lib/hero-banner/hero-banner.component.d.ts +0 -9
  150. package/lib/hero-banner/link/hero-banner-link.component.d.ts +0 -6
  151. package/lib/microsite-logo/microsite-logo.component.d.ts +0 -20
  152. package/lib/notification/notification.component.d.ts +0 -43
  153. package/lib/notification-banner/notification-banner.component.d.ts +0 -22
  154. package/lib/page-load-indicator/page-load-indicator.component.d.ts +0 -55
  155. package/lib/radio/radio-change.d.ts +0 -7
  156. package/lib/radio/radio.component.d.ts +0 -119
  157. package/lib/radio/radio.service.d.ts +0 -7
  158. package/lib/radio-group/radio-group.component.d.ts +0 -190
  159. package/lib/skeleton/skeleton-element.component.d.ts +0 -5
  160. package/lib/skeleton/skeleton-image-content.component.d.ts +0 -5
  161. package/theme.css +0 -206
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"AngularComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":38,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":39,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":39,"character":26}],"exports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":41,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":42,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":43,"character":4},{"__symbolic":"reference","module":"./button/button.component","name":"GoAButtonComponent","line":44,"character":4},{"__symbolic":"reference","module":"./microsite-logo/microsite-logo.component","name":"GoAMicrositeLogoComponent","line":45,"character":4},{"__symbolic":"reference","module":"./header/header.component","name":"GoAHeaderComponent","line":46,"character":4},{"__symbolic":"reference","module":"./button-link/button-link.component","name":"GoAButtonLinkComponent","line":47,"character":4},{"__symbolic":"reference","module":"./dropdown/option/option.component","name":"GoAOptionComponent","line":48,"character":4},{"__symbolic":"reference","module":"./dropdown/dropdown.component","name":"GoADropdownComponent","line":49,"character":4},{"__symbolic":"reference","module":"./dropdown/option-group/option-group.component","name":"GoAOptionGroupComponent","line":50,"character":4},{"__symbolic":"reference","module":"./checkbox/checkbox.component","name":"GoACheckboxComponent","line":51,"character":4},{"__symbolic":"reference","module":"./callout/callout.component","name":"GoACalloutComponent","line":52,"character":4},{"__symbolic":"reference","module":"./card-group/card.group.component","name":"GoACardGroupComponent","line":53,"character":4},{"__symbolic":"reference","module":"./notification/notification.component","name":"GoANotificationComponent","line":54,"character":4},{"__symbolic":"reference","module":"./notification-banner/notification-banner.component","name":"GoANotificationBannerComponent","line":55,"character":4},{"__symbolic":"reference","module":"./card/card.component","name":"GoACardComponent","line":56,"character":4},{"__symbolic":"reference","module":"./card/card.component","name":"GoACardHeaderComponent","line":57,"character":4},{"__symbolic":"reference","module":"./card/card.component","name":"GoACardFooterComponent","line":58,"character":4},{"__symbolic":"reference","module":"./card/card.component","name":"GoACardContentComponent","line":59,"character":4},{"__symbolic":"reference","module":"./card/card.component","name":"GoACardThumbImageComponent","line":60,"character":4},{"__symbolic":"reference","module":"./radio/radio.component","name":"GoARadioComponent","line":61,"character":4},{"__symbolic":"reference","module":"./radio-group/radio-group.component","name":"GoARadioGroupComponent","line":62,"character":4},{"__symbolic":"reference","module":"./hero-banner/hero-banner.component","name":"GoAHeroBannerComponent","line":63,"character":4},{"__symbolic":"reference","module":"./hero-banner/hero-banner.component","name":"GoAHeroBannerContentComponent","line":64,"character":4},{"__symbolic":"reference","module":"./hero-banner/hero-banner.component","name":"GoAHeroBannerLinkComponent","line":65,"character":4},{"__symbolic":"reference","module":"./page-load-indicator/page-load-indicator.component","name":"GoAPageLoadIndicatorComponent","line":66,"character":4},{"__symbolic":"reference","module":"./skeleton/skeleton-image-content.component","name":"GoASkeletonImageContentComponent","line":67,"character":4},{"__symbolic":"reference","module":"./skeleton/skeleton-element.component","name":"GoASkeletonElementComponent","line":68,"character":4},{"__symbolic":"reference","module":"./element-load-indicator/element-load-indicator.component","name":"GoAElementLoadIndicatorComponent","line":69,"character":4}],"declarations":[{"__symbolic":"reference","module":"./button/button.component","name":"GoAButtonComponent","line":72,"character":4},{"__symbolic":"reference","module":"./microsite-logo/microsite-logo.component","name":"GoAMicrositeLogoComponent","line":73,"character":4},{"__symbolic":"reference","module":"./header/header.component","name":"GoAHeaderComponent","line":74,"character":4},{"__symbolic":"reference","module":"./button-link/button-link.component","name":"GoAButtonLinkComponent","line":75,"character":4},{"__symbolic":"reference","module":"./dropdown/option/option.component","name":"GoAOptionComponent","line":76,"character":4},{"__symbolic":"reference","module":"./dropdown/dropdown.component","name":"GoADropdownComponent","line":77,"character":4},{"__symbolic":"reference","module":"./dropdown/option-group/option-group.component","name":"GoAOptionGroupComponent","line":78,"character":4},{"__symbolic":"reference","module":"./checkbox/checkbox.component","name":"GoACheckboxComponent","line":79,"character":4},{"__symbolic":"reference","module":"./callout/callout.component","name":"GoACalloutComponent","line":80,"character":4},{"__symbolic":"reference","module":"./card-group/card.group.component","name":"GoACardGroupComponent","line":81,"character":4},{"__symbolic":"reference","module":"./notification/notification.component","name":"GoANotificationComponent","line":82,"character":4},{"__symbolic":"reference","module":"./notification-banner/notification-banner.component","name":"GoANotificationBannerComponent","line":83,"character":4},{"__symbolic":"reference","module":"./card/card.component","name":"GoACardComponent","line":84,"character":4},{"__symbolic":"reference","module":"./card/card.component","name":"GoACardHeaderComponent","line":85,"character":4},{"__symbolic":"reference","module":"./card/card.component","name":"GoACardFooterComponent","line":86,"character":4},{"__symbolic":"reference","module":"./card/card.component","name":"GoACardContentComponent","line":87,"character":4},{"__symbolic":"reference","module":"./card/card.component","name":"GoACardThumbImageComponent","line":88,"character":4},{"__symbolic":"reference","module":"./radio/radio.component","name":"GoARadioComponent","line":89,"character":4},{"__symbolic":"reference","module":"./radio-group/radio-group.component","name":"GoARadioGroupComponent","line":90,"character":4},{"__symbolic":"reference","module":"./hero-banner/hero-banner.component","name":"GoAHeroBannerComponent","line":91,"character":4},{"__symbolic":"reference","module":"./hero-banner/hero-banner.component","name":"GoAHeroBannerContentComponent","line":92,"character":4},{"__symbolic":"reference","module":"./hero-banner/hero-banner.component","name":"GoAHeroBannerLinkComponent","line":93,"character":4},{"__symbolic":"reference","module":"./page-load-indicator/page-load-indicator.component","name":"GoAPageLoadIndicatorComponent","line":94,"character":4},{"__symbolic":"reference","module":"./skeleton/skeleton-image-content.component","name":"GoASkeletonImageContentComponent","line":95,"character":4},{"__symbolic":"reference","module":"./skeleton/skeleton-element.component","name":"GoASkeletonElementComponent","line":96,"character":4},{"__symbolic":"reference","module":"./element-load-indicator/element-load-indicator.component","name":"GoAElementLoadIndicatorComponent","line":97,"character":4}],"providers":[{"__symbolic":"reference","module":"./radio/radio.service","name":"GoARadioService","line":99,"character":14}]}]}]}}}]
@@ -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:active,:host.goa-button:focus{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:active,:host.goa-button.goa--secondary:focus{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:active,:host.goa-button.goa--tertiary:focus{border:2px solid #004f84;color:#004f84;background-color:#fff;box-shadow:0 0 0 3px #feba35;outline:none}"]
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=button.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/button/button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEtE;;;GAGG;AAQH,MAAM,OAAO,kBAAkB;IA2C7B;QAVA;;WAEG;QACM,eAAU,GAAyC,SAAS,CAAC;QAEtE;;WAEG;QACM,eAAU,GAAuB,QAAQ,CAAC;IAEnC,CAAC;IA1CjB;;;OAGG;IACH,IAAqC,cAAc;QACjD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACH,IAAyC,gBAAgB;QACvD,OAAO,IAAI,CAAC,UAAU,KAAK,WAAW,CAAC;IACzC,CAAC;IAED;;;OAGG;IACH,IAAwC,eAAe;QACrD,OAAO,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC;IACxC,CAAC;IAED;;;OAGG;IACH,IAAoC,YAAY;QAC9C,OAAO,IAAI,CAAC,UAAU,KAAK,OAAO,CAAC;IACrC,CAAC;IAcD,8DAA8D;IAC9D,QAAQ,KAAK,CAAC;;;YArDf,SAAS,SAAC;gBACT,QAAQ;gBACN,8DAA8D;gBAC9D,wFAAwF;gBAC1F,uCAAsC;;aAEvC;;;;6BAME,WAAW,SAAC,kBAAkB;+BAQ9B,WAAW,SAAC,sBAAsB;8BAQlC,WAAW,SAAC,qBAAqB;2BAQjC,WAAW,SAAC,iBAAiB;yBAO7B,KAAK;yBAKL,KAAK","sourcesContent":["import { Component, OnInit, Input, HostBinding } from '@angular/core';\n\n/**\n * A Government of Alberta styled button.\n * selector: button[goa-button], input[type=\"button\"][goa-button], input[type=\"submit\"][goa-button]\n */\n@Component({\n selector:\n // eslint-disable-next-line @angular-eslint/component-selector\n 'button[goa-button], input[type=\"button\"][goa-button], input[type=\"submit\"][goa-button]',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n})\nexport class GoAButtonComponent implements OnInit {\n /**\n * Adds class goa-button to the host.\n * @ignore\n */\n @HostBinding('class.goa-button') get primaryBinding() {\n return true;\n }\n\n /**\n * Adds class goa--secondary to the host if the buttonStyle = secondary.\n * @ignore\n */\n @HostBinding('class.goa--secondary') get secondaryBinding() {\n return this.buttonType === 'secondary';\n }\n\n /**\n * Adds class goa--tertiary to the host if the buttonStyle = tertiary.\n * @ignore\n */\n @HostBinding('class.goa--tertiary') get tertiaryBinding() {\n return this.buttonType === 'tertiary';\n }\n\n /**\n * Adds class btn-small to the host if the buttonSize = small.\n * @ignore\n */\n @HostBinding('class.btn-small') get smallBinding() {\n return this.buttonSize === 'small';\n }\n\n /**\n * The appearance style of the button.\n */\n @Input() buttonType: 'primary' | 'secondary' | 'tertiary' = 'primary';\n\n /**\n * The size of the button, controls font size and padding.\n */\n @Input() buttonSize: 'small' | 'normal' = 'normal';\n\n constructor() { }\n\n /* eslint-disable @angular-eslint/no-empty-lifecycle-method */\n ngOnInit() { }\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"GoAButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"button[goa-button], input[type=\"button\"][goa-button], input[type=\"submit\"][goa-button]","template":"<ng-content></ng-content>\n","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:active,:host.goa-button:focus{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:active,:host.goa-button.goa--secondary:focus{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:active,:host.goa-button.goa--tertiary:focus{border:2px solid #004f84;color:#004f84;background-color:#fff;box-shadow:0 0 0 3px #feba35;outline:none}"]}]}],"members":{"primaryBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":3},"arguments":["class.goa-button"]}]}],"secondaryBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":26,"character":3},"arguments":["class.goa--secondary"]}]}],"tertiaryBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":3},"arguments":["class.goa--tertiary"]}]}],"smallBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":3},"arguments":["class.btn-small"]}]}],"buttonType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"buttonSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
@@ -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: [":host.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}: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:active,:host.goa-link-button:focus{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:active,:host.goa-link-button.goa--secondary:focus{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:active,:host.goa-link-button.goa--tertiary:focus{border:2px solid #004f84;color:#004f84;background-color:#fff;box-shadow:0 0 0 3px #feba35;outline:none}: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:link,:host.goa-link-button:visited{color:#fff}"]
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=button-link.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-link.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/button-link/button-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEtE;;;;GAIG;AAOH,MAAM,OAAO,sBAAsB;IA2CjC;QAVA;;WAEG;QACM,aAAQ,GAAmB,OAAO,CAAC;QAE5C;;WAEG;QACM,eAAU,GAAuB,QAAQ,CAAC;IAEnC,CAAC;IA1CjB;;;OAGG;IACH,IAA0C,cAAc;QACtD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACH,IAAsC,YAAY;QAChD,OAAO,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC;IACnC,CAAC;IAED;;;OAGG;IACH,IAAmC,SAAS;QAC1C,OAAO,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC;IAChC,CAAC;IAED;;;OAGG;IACH,IAAoC,YAAY;QAC9C,OAAO,IAAI,CAAC,UAAU,KAAK,OAAO,CAAC;IACrC,CAAC;IAcD,8DAA8D;IAC9D,QAAQ,KAAK,CAAC;;;YApDf,SAAS,SAAC;gBACT,8DAA8D;gBAC9D,QAAQ,EAAE,eAAe;gBACzB,0DAA2C;;aAE5C;;;;6BAME,WAAW,SAAC,uBAAuB;2BAQnC,WAAW,SAAC,mBAAmB;wBAQ/B,WAAW,SAAC,gBAAgB;2BAQ5B,WAAW,SAAC,iBAAiB;uBAO7B,KAAK;yBAKL,KAAK","sourcesContent":["import { Component, OnInit, Input, HostBinding } from '@angular/core';\n\n/**\n * Styles an anchor Design system compliant.\n * selector: a[goa-button]\n * @example <a goa-button linkType='right' href='...'>Text</a>\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'a[goa-button]',\n templateUrl: './button-link.component.html',\n styleUrls: ['./button-link.component.scss'],\n})\nexport class GoAButtonLinkComponent implements OnInit {\n /**\n * Adds class goa-link-button to the host.\n * @ignore\n */\n @HostBinding('class.goa-link-button') get primaryBinding() {\n return true;\n }\n\n /**\n * Adds class right-arrow to the host if the linkType = right.\n * @ignore\n */\n @HostBinding('class.right-arrow') get rightBinding() {\n return this.linkType === 'right';\n }\n\n /**\n * Adds class right-arrow to the host if the linkType = right.\n * @ignore\n */\n @HostBinding('class.up-arrow') get upBinding() {\n return this.linkType === 'up';\n }\n\n /**\n * Adds class btn-small to the host if the buttonSize = small.\n * @ignore\n */\n @HostBinding('class.btn-small') get smallBinding() {\n return this.buttonSize === 'small';\n }\n\n /**\n * The type of arrow to use.\n */\n @Input() linkType: 'up' | 'right' = 'right';\n\n /**\n * The size of the button, controls font size and padding.\n */\n @Input() buttonSize: 'small' | 'normal' = 'normal';\n\n constructor() { }\n\n /* eslint-disable @angular-eslint/no-empty-lifecycle-method */\n ngOnInit() { }\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"GoAButtonLinkComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"a[goa-button]","template":"<span>\n <ng-content></ng-content>\n</span>","styles":[":host.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}: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:active,:host.goa-link-button:focus{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:active,:host.goa-link-button.goa--secondary:focus{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:active,:host.goa-link-button.goa--tertiary:focus{border:2px solid #004f84;color:#004f84;background-color:#fff;box-shadow:0 0 0 3px #feba35;outline:none}: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:link,:host.goa-link-button:visited{color:#fff}"]}]}],"members":{"primaryBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":3},"arguments":["class.goa-link-button"]}]}],"rightBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":26,"character":3},"arguments":["class.right-arrow"]}]}],"upBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":3},"arguments":["class.up-arrow"]}]}],"smallBinding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":3},"arguments":["class.btn-small"]}]}],"linkType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"buttonSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
@@ -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:solid #0070c4;border-width:0 0 0 48px;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,.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\")}.goa-callout.goa--emergency:before,.goa-callout:before{background-color:transparent;background-repeat:no-repeat;background-position:50%}.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\")}.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:50%}.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\")}.goa-callout.goa--event:before,.goa-callout.goa--important:before{background-color:transparent;background-repeat:no-repeat;background-position:50%}.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\")}.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:50%}.goa-callout .messages{margin-bottom:0;margin-top:1em}"]
27
- },] }
28
- ];
29
- GoACalloutComponent.ctorParameters = () => [];
30
- GoACalloutComponent.propDecorators = {
31
- type: [{ type: Input }],
32
- title: [{ type: Input }]
33
- };
34
- //# sourceMappingURL=callout.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"callout.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/callout/callout.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,MAAM,eAAe,CAAC;AACzD;;;GAGG;AAMH,MAAM,OAAO,mBAAmB;IAU9B;QATA;;WAEG;QACM,SAAI,GAAoE,aAAa,CAAC;IAM/E,CAAC;IAEjB;;OAEG;IACH,QAAQ;QACN,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;YACnD,MAAM,IAAI,SAAS,CAAC,4BAA4B,CAAC,CAAC;SACnD;IACH,CAAC;;;YAxBF,SAAS,SAAC;gBACT,QAAQ,EAAE,aAAa;gBACvB,6WAAuC;;aAExC;;;;mBAKE,KAAK;oBAKL,KAAK","sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n/**\n * Callout component to describe important changes or facts.\n * selector: goa-callout\n */\n@Component({\n selector: 'goa-callout',\n templateUrl: './callout.component.html',\n styleUrls: ['./callout.component.scss']\n})\nexport class GoACalloutComponent implements OnInit {\n /**\n * The type of the callout, changes stylings and icons.\n */\n @Input() type: 'important' | 'information' | 'event' | 'success' | 'emergency' = 'information';\n\n /**\n * The title of callout\n */\n @Input() title: string;\n constructor() { }\n\n /**\n * @ignore\n */\n ngOnInit(): void {\n if (this.title === undefined || this.title === null) {\n throw new TypeError(`Input 'title' is required.`);\n }\n }\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"GoACalloutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"goa-callout","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","styles":[".goa-callout{box-sizing:border-box;display:inline-block;position:relative;width:100%;margin:24px 0 0;padding:23px 24px;border:solid #0070c4;border-width:0 0 0 48px;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,.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\")}.goa-callout.goa--emergency:before,.goa-callout:before{background-color:transparent;background-repeat:no-repeat;background-position:50%}.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\")}.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:50%}.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\")}.goa-callout.goa--event:before,.goa-callout.goa--important:before{background-color:transparent;background-repeat:no-repeat;background-position:50%}.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\")}.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:50%}.goa-callout .messages{margin-bottom:0;margin-top:1em}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
@@ -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: ["@use \"../variables/main.css\";@-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] a,[data-skeleton] p{background-color:#ddd!important;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;display:inline;line-height:0!important;font-size:50%!important}[data-skeleton] a:after,[data-skeleton] p: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 ease-in-out infinite;animation:pulse 2s ease-in-out infinite;margin-bottom:1rem}[data-skeleton] h1{height:calc(.6 * var(--fs-3xl))!important}[data-skeleton] h2{height:calc(.6 * var(--fs-2xl))!important}[data-skeleton] h3{height:calc(.6 * var(--fs-xl))!important}[data-skeleton] h4{height:calc(.6 * var(--fs-lg))!important}[data-skeleton] img{background-color:#ddd!important}.skeleton,[data-skeleton] img{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.skeleton{background-color:#ddd!important;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;gap:30px}.skeleton-image-content__text{flex:1 1 auto}.skeleton-content{display:grid;grid-template-columns:1fr;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-content,.goa-card .card-content .goa-text,.goa-card .card-content .goa-title{margin-bottom:28px}.goa-card .card-content .goa-text{color:#333;font-size:var(--fs-base);line-height:28px}.goa-card .card-content .goa-footer{font-size:var(--fs-base)}.goa-card .card-content .goa-title{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 iframe,.goa-card .goa-poster img{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 ease-in-out infinite;animation:pulse 2s ease-in-out infinite;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 ease-in-out infinite;animation:pulse 2s ease-in-out infinite;max-height:1rem}"]
29
- },] }
30
- ];
31
- GoACardComponent.ctorParameters = () => [];
32
- GoACardComponent.propDecorators = {
33
- cardSize: [{ type: Input }],
34
- titleUrl: [{ type: Input }],
35
- isSkeleton: [{ type: Input }]
36
- };
37
- //# sourceMappingURL=card.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/card/card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,MAAM,eAAe,CAAC;AAEzD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD;;;;GAIG;AAMH,MAAM,OAAO,gBAAgB;IAS3B;QAPA;;WAEG;QACM,aAAQ,GAAoB,MAAM,CAAC;IAI5B,CAAC;IAEjB;;OAEG;IACH,QAAQ;IACR,CAAC;;;YApBF,SAAS,SAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,4nBAAoC;;aAErC;;;;uBAME,KAAK;uBACL,KAAK;yBACL,KAAK","sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\nexport * from './header/card-header.component';\nexport * from './footer/card-footer.component';\nexport * from './thumb/card-thumb.component';\nexport * from './content/card-content.component';\n\n/**\n * Card component with Government of Alberta styling.\n * Place desired sub-components (goa-card-thumb-image, goa-card-header, goa-card-content, goa-card-footer) inside of content.\n * selector: goa-card\n */\n@Component({\n selector: 'goa-card',\n templateUrl: './card.component.html',\n styleUrls: ['./card.component.scss']\n})\nexport class GoACardComponent implements OnInit {\n\n /**\n * What percentage of container width to take.\n */\n @Input() cardSize: 'full' | 'auto' = 'full';\n @Input() titleUrl: string;\n @Input() isSkeleton: false;\n\n constructor() { }\n\n /**\n * @ignore\n */\n ngOnInit(): void {\n }\n\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"GoACardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"goa-card","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","styles":["@use \"../variables/main.css\";@-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] a,[data-skeleton] p{background-color:#ddd!important;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;display:inline;line-height:0!important;font-size:50%!important}[data-skeleton] a:after,[data-skeleton] p: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 ease-in-out infinite;animation:pulse 2s ease-in-out infinite;margin-bottom:1rem}[data-skeleton] h1{height:calc(.6 * var(--fs-3xl))!important}[data-skeleton] h2{height:calc(.6 * var(--fs-2xl))!important}[data-skeleton] h3{height:calc(.6 * var(--fs-xl))!important}[data-skeleton] h4{height:calc(.6 * var(--fs-lg))!important}[data-skeleton] img{background-color:#ddd!important}.skeleton,[data-skeleton] img{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.skeleton{background-color:#ddd!important;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;gap:30px}.skeleton-image-content__text{flex:1 1 auto}.skeleton-content{display:grid;grid-template-columns:1fr;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-content,.goa-card .card-content .goa-text,.goa-card .card-content .goa-title{margin-bottom:28px}.goa-card .card-content .goa-text{color:#333;font-size:var(--fs-base);line-height:28px}.goa-card .card-content .goa-footer{font-size:var(--fs-base)}.goa-card .card-content .goa-title{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 iframe,.goa-card .goa-poster img{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 ease-in-out infinite;animation:pulse 2s ease-in-out infinite;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 ease-in-out infinite;animation:pulse 2s ease-in-out infinite;max-height:1rem}"]}]}],"members":{"cardSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"titleUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"isSkeleton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"exports":[{"from":"./header/card-header.component"},{"from":"./footer/card-footer.component"},{"from":"./thumb/card-thumb.component"},{"from":"./content/card-content.component"}]}]
@@ -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=card-content.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-content.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-components/src/lib/card/content/card-content.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAElD;;;;;GAKG;AAMH,MAAM,OAAO,uBAAuB;IAElC,gBAAgB,CAAC;IAEjB;;OAEG;IACH,QAAQ;IACR,CAAC;;;YAbF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,0EAA4C;;aAE7C","sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n/**\n * Content component used for Government of Alberta cards. \n * Put content inside of component and it will project to the content section of the card.\n * selector: goa-card-content\n * @example <goa-card><goa-card-content>My content</goa-card-content></goa-card>\n */\n@Component({\n selector: 'goa-card-content',\n templateUrl: './card-content.component.html',\n styleUrls: ['./card-content.component.scss']\n})\nexport class GoACardContentComponent implements OnInit {\n\n constructor() { }\n \n /**\n * @ignore\n */\n ngOnInit(): void {\n }\n\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"GoACardContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"goa-card-content","template":"<ng-container>\n <ng-content></ng-content>\n</ng-container>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
@@ -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=card-footer.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-footer.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-components/src/lib/card/footer/card-footer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAElD;;;;;GAKG;AAMH,MAAM,OAAO,sBAAsB;IAEjC,gBAAgB,CAAC;IAEjB;;OAEG;IACH,QAAQ;IACR,CAAC;;;YAbF,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,0EAA2C;;aAE5C","sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n/**\n * Footer component used for Government of Alberta cards. \n * Put footer content inside of component and it will project to the confootertent section of the card.\n * selector: goa-card-footer\n * @example <goa-card><goa-card-footer>My content</goa-card-footer></goa-card>\n */\n@Component({\n selector: 'goa-card-footer',\n templateUrl: './card-footer.component.html',\n styleUrls: ['./card-footer.component.scss']\n})\nexport class GoACardFooterComponent implements OnInit {\n\n constructor() { }\n \n /**\n * @ignore\n */\n ngOnInit(): void {\n }\n\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"GoACardFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"goa-card-footer","template":"<ng-container>\n <ng-content></ng-content>\n</ng-container>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
@@ -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=card-header.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-header.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-components/src/lib/card/header/card-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAElD;;;;;GAKG;AAMH,MAAM,OAAO,sBAAsB;IAEjC,gBAAgB,CAAC;IAEjB;;OAEG;IACH,QAAQ;IACR,CAAC;;;YAbF,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,0EAA2C;;aAE5C","sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n/**\n * Header component used for Government of Alberta cards. \n * Put header content inside of component and it will project to the header section of the card.\n * selector: goa-card-header\n * @example <goa-card><goa-card-header>My content</goa-card-header></goa-card>\n */\n@Component({\n selector: 'goa-card-header',\n templateUrl: './card-header.component.html',\n styleUrls: ['./card-header.component.scss']\n})\nexport class GoACardHeaderComponent implements OnInit {\n\n constructor() { }\n \n /**\n * @ignore\n */\n ngOnInit(): void {\n }\n\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"GoACardHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"goa-card-header","template":"<ng-container>\n <ng-content></ng-content>\n</ng-container>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
@@ -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 iframe,:host img{position:absolute;top:0;left:0;width:100%;height:100%;border:none}"]
20
- },] }
21
- ];
22
- GoACardThumbImageComponent.ctorParameters = () => [];
23
- GoACardThumbImageComponent.propDecorators = {
24
- url: [{ type: Input }],
25
- alt: [{ type: Input }]
26
- };
27
- //# sourceMappingURL=card-thumb.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-thumb.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-components/src/lib/card/thumb/card-thumb.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,MAAM,eAAe,CAAC;AAEzD;;;;;GAKG;AAMH,MAAM,OAAO,0BAA0B;IAUrC,gBAAe,CAAC;IAEhB;;OAEG;IACH,QAAQ,KAAU,CAAC;;;YApBpB,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,yFAAgD;;aAEjD;;;;kBAKE,KAAK;kBAIL,KAAK","sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\n/**\n * cardImage image component used for Government of Alberta cards.\n * It will project to the content section of the card.\n * selector: goa-card-thumb-image\n * @example <goa-card><goa-card-thumb-image url=\"\" alt=\"\"></goa-card-thumb-image></goa-card>\n */\n@Component({\n selector: 'goa-card-thumb-image',\n templateUrl: './card-thumb-image.component.html',\n styleUrls: ['./card-thumb.component.scss'],\n})\nexport class GoACardThumbImageComponent implements OnInit {\n /**\n * The url of the image.\n */\n @Input() url: string;\n /**\n * The alt text for the image.\n */\n @Input() alt: string;\n\n constructor() {}\n\n /**\n * @ignore\n */\n ngOnInit(): void {}\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"GoACardThumbImageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"goa-card-thumb-image","template":"<ng-container>\n <img src=\"{{url}}\" [attr.alt]=\"alt\">\n</ng-container>","styles":[":host iframe,:host img{position:absolute;top:0;left:0;width:100%;height:100%;border:none}"]}]}],"members":{"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"alt":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
@@ -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:700;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}"]
15
- },] }
16
- ];
17
- GoACardGroupComponent.ctorParameters = () => [];
18
- GoACardGroupComponent.propDecorators = {
19
- layout: [{ type: Input }],
20
- title: [{ type: Input }],
21
- cardItems: [{ type: Input }]
22
- };
23
- //# sourceMappingURL=card.group.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card.group.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/card-group/card.group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,MAAM,eAAe,CAAC;AAczD;;GAEG;AAMH,MAAM,OAAO,qBAAqB;IAgBhC,gBAAgB,CAAC;IAEjB,8DAA8D;IAC9D,QAAQ,KAAK,CAAC;;;YAxBf,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,6uBAA0C;;aAE3C;;;;qBAKE,KAAK;oBAKL,KAAK;wBAKL,KAAK","sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\ninterface CardItem {\n title: string;\n /** Card description */\n description?: string;\n /** Card image , display on top of title */\n cardImageUrl?: string;\n /** Display card size to allow card responsively show in different device*/\n cardWidth?: number;\n /** Navigation to relate webside from Card title */\n titleUrl?: string;\n}\n\n/**\n * A wrapper/group for a set of card display\n */\n@Component({\n selector: 'goa-card-group',\n templateUrl: './card.group.component.html',\n styleUrls: ['./card.group.component.scss'],\n})\nexport class GoACardGroupComponent implements OnInit {\n /**\n * The appearance style of the button.\n */\n @Input() layout: 'basic' | 'column';\n\n /**\n * Title header text.\n */\n @Input() title: string;\n\n /**\n * Card Items JSON array\n */\n @Input() cardItems?: CardItem[];\n\n constructor() { }\n\n /* eslint-disable @angular-eslint/no-empty-lifecycle-method */\n ngOnInit() { }\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"GoACardGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"goa-card-group","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","styles":[".goa-card-group{margin-top:14px;vertical-align:top}.goa-card-group .card-group-title{font-size:24px;font-weight:700;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}"]}]}],"members":{"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"cardItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
@@ -1,3 +0,0 @@
1
- export class GoACheckboxChange {
2
- }
3
- //# sourceMappingURL=checkbox-change.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox-change.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/checkbox/checkbox-change.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,iBAAiB;CAK3B","sourcesContent":["import { GoACheckboxComponent } from './checkbox.component';\n\nexport class GoACheckboxChange {\n /** The source MatCheckbox of the event. */\n source: GoACheckboxComponent;\n /** The new `checked` value of the checkbox. */\n checked: boolean;\n }"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"GoACheckboxChange":{"__symbolic":"class"}}}]