@abgov/angular-components 2.0.0-alpha.1 → 2.0.0-alpha.5
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/abgov-angular-components.metadata.json +1 -1
- package/bundles/abgov-angular-components.umd.js +31 -27
- package/bundles/abgov-angular-components.umd.js.map +1 -1
- package/esm2015/experimental/app-version-header/app-version-header.component.js +1 -1
- package/esm2015/experimental/badge/badge.component.js +1 -1
- package/esm2015/experimental/components.module.js +3 -2
- package/esm2015/experimental/number-input/number-input.component.js +1 -1
- package/esm2015/index.js +2 -1
- package/esm2015/lib/angular-components.module.js +5 -2
- package/esm2015/lib/button/button.component.js +1 -1
- package/esm2015/lib/button-link/button-link.component.js +1 -1
- package/esm2015/lib/callout/callout.component.js +1 -1
- package/esm2015/lib/card/card.component.js +1 -1
- package/esm2015/lib/card-group/card.group.component.js +1 -1
- package/esm2015/lib/checkbox/checkbox-change.js +1 -1
- package/esm2015/lib/checkbox/checkbox.component.js +1 -1
- package/esm2015/lib/dropdown/dropdown.component.js +1 -1
- package/esm2015/lib/element-load-indicator/element-load-indicator.component.js +1 -1
- package/esm2015/lib/header/header.component.js +1 -1
- package/esm2015/lib/hero-banner/content/hero-banner-content.component.js +1 -1
- package/esm2015/lib/hero-banner/hero-banner.component.js +1 -1
- package/esm2015/lib/hero-banner/link/hero-banner-link.component.js +1 -1
- package/esm2015/lib/microsite-logo/microsite-logo.component.js +1 -1
- package/esm2015/lib/notification/notification.component.js +1 -1
- package/esm2015/lib/notification-banner/notification-banner.component.js +1 -1
- package/esm2015/lib/page-load-indicator/page-load-indicator.component.js +1 -1
- package/esm2015/lib/radio/radio.component.js +1 -1
- package/esm2015/lib/radio-group/radio-group.component.js +1 -1
- package/esm2015/lib/skeleton/skeleton-element.component.js +1 -1
- package/esm2015/lib/skeleton/skeleton-image-content.component.js +1 -1
- package/fesm2015/abgov-angular-components.js +29 -24
- package/fesm2015/abgov-angular-components.js.map +1 -1
- package/index.d.ts +1 -0
- package/package.json +4 -2
- package/theme.css +0 -164
- package/theme.css.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/cdk/overlay'), require('@angular/forms'), require('rxjs')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@abgov/angular-components', ['exports', '@angular/core', '@angular/common', '@angular/cdk/overlay', '@angular/forms', 'rxjs'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.abgov = global.abgov || {}, global.abgov["angular-components"] = {}), global.ng.core, global.ng.common, global.ng.cdk.overlay, global.ng.forms, global.rxjs));
|
|
5
|
-
})(this, (function (exports, i0, common, overlay, forms, rxjs) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@abgov/web-components'), require('@angular/core'), require('@angular/common'), require('@angular/cdk/overlay'), require('@angular/forms'), require('rxjs')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@abgov/angular-components', ['exports', '@abgov/web-components', '@angular/core', '@angular/common', '@angular/cdk/overlay', '@angular/forms', 'rxjs'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.abgov = global.abgov || {}, global.abgov["angular-components"] = {}), null, global.ng.core, global.ng.common, global.ng.cdk.overlay, global.ng.forms, global.rxjs));
|
|
5
|
+
})(this, (function (exports, webComponents, i0, common, overlay, forms, rxjs) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
94
94
|
'button[goa-button], input[type="button"][goa-button], input[type="submit"][goa-button]',
|
|
95
95
|
template: "<ng-content></ng-content>\n",
|
|
96
|
-
styles: ["
|
|
96
|
+
styles: [""]
|
|
97
97
|
},] }
|
|
98
98
|
];
|
|
99
99
|
GoAButtonComponent.ctorParameters = function () { return []; };
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
{ type: i0.Component, args: [{
|
|
132
132
|
selector: 'goa-microsite-logo',
|
|
133
133
|
template: "<a href=\"{{serviceHome}}\" attr.aria-label=\"{{serviceHome}}\" class=\"microsite-link\">\n <span class=\"image-desktop-tablet\"></span>\n <span class=\"image-mobile\"></span>\n <span class=\"name\">\n {{serviceName}}\n </span>\n</a>\n",
|
|
134
|
-
styles: ["
|
|
134
|
+
styles: [""]
|
|
135
135
|
},] }
|
|
136
136
|
];
|
|
137
137
|
GoAMicrositeLogoComponent.ctorParameters = function () { return []; };
|
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
{ type: i0.Component, args: [{
|
|
183
183
|
selector: 'goa-header',
|
|
184
184
|
template: "<header class=\"goa-header goa-official-site-header\">\n <div>\n <span class=\"service-level\" [ngClass]=\"serviceLevelCssClass()\">\n {{ serviceLevelFormatted() }}\n </span>\n </div>\n <div\n *ngIf=\"serviceLevel === 'live'; else elseNotLive\"\n class=\"site-text\"\n i18n=\"Alberta.ca official site text on header\"\n >\n An official site of the\n <a href=\"https://www.alberta.ca/index.aspx\" class=\"web-link\"\n >Alberta Government</a\n >\n </div>\n <ng-template #elseNotLive>\n <div class=\"site-text\" i18n=\"Alberta.ca site text on header\">\n This is a new\n <a href=\"https://www.alberta.ca/index.aspx\" class=\"web-link\"\n >Alberta Government</a\n >\n service\n </div>\n </ng-template>\n</header>\n<header class=\"goa-header goa-microsite-header\">\n <goa-microsite-logo\n [serviceName]=\"serviceName\"\n [serviceHome]=\"serviceHome\"\n ></goa-microsite-logo>\n <ng-content></ng-content>\n</header>\n",
|
|
185
|
-
styles: ["
|
|
185
|
+
styles: [""]
|
|
186
186
|
},] }
|
|
187
187
|
];
|
|
188
188
|
GoAHeaderComponent.ctorParameters = function () { return []; };
|
|
@@ -261,7 +261,7 @@
|
|
|
261
261
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
262
262
|
selector: 'a[goa-button]',
|
|
263
263
|
template: "<span>\n <ng-content></ng-content>\n</span>",
|
|
264
|
-
styles: ["
|
|
264
|
+
styles: [""]
|
|
265
265
|
},] }
|
|
266
266
|
];
|
|
267
267
|
GoAButtonLinkComponent.ctorParameters = function () { return []; };
|
|
@@ -1004,7 +1004,7 @@
|
|
|
1004
1004
|
{ type: i0.Component, args: [{
|
|
1005
1005
|
selector: 'goa-dropdown',
|
|
1006
1006
|
template: "<div class=\"goa-dropdown\" [ngClass]=\"{\n 'single-selection': multiple === false,\n 'has-error': _requiredError === true,\n 'opened': _isOpen,\n 'disabled': disabled === true\n }\"> \n <label class=\"dropdown-label\">{{label}}\n <span *ngIf=\"required\" class=\"required-label\" i18n=\"Required label for dropdown\">(Required)</span>\n <div (click)=\"inputClicked()\" class=\"dropdown-grouping\" cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\n <i class=\"goa-select-icon\"></i>\n <input class=\"dropdown-textbox margin-override\" \n #textInput \n (input)=\"onFilterChange($event.target.value)\"\n type=\"text\" \n [attr.readonly]=\"typeaheadMode === 'none' ? 'readonly' : null\"\n [attr.disabled]=\"disabled === true ? 'true' : null\"\n placeholder=\"{{description}}\"> \n <ng-template\n cdkConnectedOverlay\n cdkConnectedOverlayLockPosition\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayViewportMargin]=\"20\"\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n (backdropClick)=\"_isOpen = false\"\n (overlayKeydown)=\"overlayKeydown($event)\"\n (detach)=\"_isOpen = false\"\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"_isOpen\"\n [cdkConnectedOverlayPositions]=\"_positions\"\n [cdkConnectedOverlayMinWidth]=\"_triggerRect?.width\"\n [cdkConnectedOverlayHeight]=\"menuHeight\"\n [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n >\n <div class=\"dropdown-menu\">\n <div *ngFor=\"let optionGroup of optionGroups\" class=\"option-group\">\n <div *ngIf=\"optionGroup._filteredOptions.length > 0\">\n <div class=\"option-group-label\">\n {{optionGroup.label}}\n </div>\n <!--Grab the <option> template from the GoAOption -->\n <div class=\"option\"\n [ngClass]=\"{\n 'selected': option.selected,\n 'active': option.id === _activeOption.id\n }\"\n *ngFor=\"let option of (optionGroup._filteredOptions)\" \n (click)=\"optionClicked(option)\"\n (mouseover)=\"setActiveOption(option)\">\n <ng-template [ngTemplateOutlet]=\"option.optionTemplate\"></ng-template>\n </div>\n </div>\n </div>\n <!--Grab the <option> template from the GoAOption -->\n <div class=\"option\" \n [ngClass]=\"{\n 'selected': option.selected,\n 'active': option.id === _activeOption.id\n }\"\n *ngFor=\"let option of (_filteredOptions)\" \n (click)=\"optionClicked(option)\"\n (mouseover)=\"setActiveOption(option)\"> \n <ng-template [ngTemplateOutlet]=\"option.optionTemplate\"></ng-template>\n </div>\n </div> \n </ng-template> \n </div>\n <span *ngIf=\"!_requiredError\" class=\"helper-text\">{{description}}</span>\n <span *ngIf=\"_requiredError === true\" class=\"error-text\" i18n=\"Required warning for dropdown\">At least one item must be selected.</span> \n </label>\n</div>\n",
|
|
1007
|
-
styles: ["
|
|
1007
|
+
styles: [""]
|
|
1008
1008
|
},] }
|
|
1009
1009
|
];
|
|
1010
1010
|
GoADropdownComponent.ctorParameters = function () { return [
|
|
@@ -1149,7 +1149,7 @@
|
|
|
1149
1149
|
//register our custom ControlValueAccessor with angular DI system so angular knows how to get instance of it for ngModel binding
|
|
1150
1150
|
providers: [GOA_CHECKBOX_CONTROL_VALUE_ACCESSOR],
|
|
1151
1151
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1152
|
-
styles: ["
|
|
1152
|
+
styles: [""]
|
|
1153
1153
|
},] }
|
|
1154
1154
|
];
|
|
1155
1155
|
GoACheckboxComponent.ctorParameters = function () { return [
|
|
@@ -1316,7 +1316,7 @@
|
|
|
1316
1316
|
//register our custom ControlValueAccessor with angular DI system so angular knows how to get instance of it for ngModel binding
|
|
1317
1317
|
providers: [GOA_RADIO_CONTROL_VALUE_ACCESSOR],
|
|
1318
1318
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1319
|
-
styles: ["
|
|
1319
|
+
styles: [""]
|
|
1320
1320
|
},] }
|
|
1321
1321
|
];
|
|
1322
1322
|
GoARadioComponent.ctorParameters = function () { return [
|
|
@@ -1621,7 +1621,7 @@
|
|
|
1621
1621
|
{ provide: GOA_RADIO_GROUP, useExisting: GoARadioGroupComponent }
|
|
1622
1622
|
],
|
|
1623
1623
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1624
|
-
styles: ["
|
|
1624
|
+
styles: [""]
|
|
1625
1625
|
},] }
|
|
1626
1626
|
];
|
|
1627
1627
|
GoARadioGroupComponent.ctorParameters = function () { return [
|
|
@@ -1667,7 +1667,7 @@
|
|
|
1667
1667
|
{ type: i0.Component, args: [{
|
|
1668
1668
|
selector: 'goa-callout',
|
|
1669
1669
|
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",
|
|
1670
|
-
styles: ["
|
|
1670
|
+
styles: [""]
|
|
1671
1671
|
},] }
|
|
1672
1672
|
];
|
|
1673
1673
|
GoACalloutComponent.ctorParameters = function () { return []; };
|
|
@@ -1721,7 +1721,7 @@
|
|
|
1721
1721
|
{ type: i0.Component, args: [{
|
|
1722
1722
|
selector: 'goa-notification',
|
|
1723
1723
|
template: "\n<div class=\"goa-notification\"\n [ngClass]=\"{\n 'dismissed': _isDismissed === true,\n 'goa--event': type === 'event',\n 'goa--important': type === 'important',\n 'goa--emergency': type === 'emergency'\n }\">\n <div class=\"content\">\n <a *ngIf=\"notificationUrl\" class=\"message\" href={{notificationUrl}}>{{message}}</a>\n <span *ngIf=\"!notificationUrl\" class=\"message\">{{message}}</span>\n <a *ngIf=\"isDismissable === true\" class=\"close\" i18n-title title=\"Dismiss\" (click)=\"dismissClick()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n <path d=\"M 15.99 14.54C 15.99 14.54 14.54 15.99 14.54 15.99 14.54 15.99 8 9.45 8 9.45 8 9.45 1.46 15.99 1.46 15.99 1.46 15.99 0.01 14.54 0.01 14.54 0.01 14.54 6.55 8 6.55 8 6.55 8 0.01 1.46 0.01 1.46 0.01 1.46 1.46 0.01 1.46 0.01 1.46 0.01 8 6.55 8 6.55 8 6.55 14.54 0.01 14.54 0.01 14.54 0.01 15.99 1.46 15.99 1.46 15.99 1.46 9.45 8 9.45 8 9.45 8 15.99 14.54 15.99 14.54Z\"/>\n </svg>\n </a>\n </div>\n</div>\n\n",
|
|
1724
|
-
styles: ["
|
|
1724
|
+
styles: [""]
|
|
1725
1725
|
},] }
|
|
1726
1726
|
];
|
|
1727
1727
|
GoANotificationComponent.ctorParameters = function () { return [
|
|
@@ -1757,7 +1757,7 @@
|
|
|
1757
1757
|
{ type: i0.Component, args: [{
|
|
1758
1758
|
selector: 'goa-notification-banner',
|
|
1759
1759
|
template: "<div class=\"goa-notifications\">\r\n <h2 class=\"title\">{{title}}</h2>\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n",
|
|
1760
|
-
styles: ["
|
|
1760
|
+
styles: [""]
|
|
1761
1761
|
},] }
|
|
1762
1762
|
];
|
|
1763
1763
|
GoANotificationBannerComponent.ctorParameters = function () { return []; };
|
|
@@ -1777,7 +1777,7 @@
|
|
|
1777
1777
|
{ type: i0.Component, args: [{
|
|
1778
1778
|
selector: 'goa-skeleton-image-content',
|
|
1779
1779
|
template: "<div class=\"skeleton-image-content\">\n <goa-skeleton-element type=\"thumbnail\"></goa-skeleton-element>\n <div class=\"skeleton-image-content__text\">\n <goa-skeleton-element\n type=\"title\"\n *ngFor=\"let i of arr(rows).fill(1)\"\n ></goa-skeleton-element>\n </div>\n</div>\n",
|
|
1780
|
-
styles: ["
|
|
1780
|
+
styles: [""]
|
|
1781
1781
|
},] }
|
|
1782
1782
|
];
|
|
1783
1783
|
GoASkeletonImageContentComponent.ctorParameters = function () { return []; };
|
|
@@ -1802,7 +1802,7 @@
|
|
|
1802
1802
|
{ type: i0.Component, args: [{
|
|
1803
1803
|
selector: 'goa-skeleton-element',
|
|
1804
1804
|
template: "<div [ngClass]=\"elementClass\"></div>",
|
|
1805
|
-
styles: ["
|
|
1805
|
+
styles: [""]
|
|
1806
1806
|
},] }
|
|
1807
1807
|
];
|
|
1808
1808
|
GoASkeletonElementComponent.ctorParameters = function () { return []; };
|
|
@@ -1936,7 +1936,7 @@
|
|
|
1936
1936
|
{ type: i0.Component, args: [{
|
|
1937
1937
|
selector: 'goa-card',
|
|
1938
1938
|
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",
|
|
1939
|
-
styles: ["
|
|
1939
|
+
styles: [""]
|
|
1940
1940
|
},] }
|
|
1941
1941
|
];
|
|
1942
1942
|
GoACardComponent.ctorParameters = function () { return []; };
|
|
@@ -1960,7 +1960,7 @@
|
|
|
1960
1960
|
{ type: i0.Component, args: [{
|
|
1961
1961
|
selector: 'goa-card-group',
|
|
1962
1962
|
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",
|
|
1963
|
-
styles: ["
|
|
1963
|
+
styles: [""]
|
|
1964
1964
|
},] }
|
|
1965
1965
|
];
|
|
1966
1966
|
GoACardGroupComponent.ctorParameters = function () { return []; };
|
|
@@ -1981,7 +1981,7 @@
|
|
|
1981
1981
|
{ type: i0.Component, args: [{
|
|
1982
1982
|
selector: 'goa-hero-banner-content',
|
|
1983
1983
|
template: "<ng-container>\n <p class=\"goa-hero-banner-content\" role=\"note\">\n <ng-content></ng-content>\n </p>\n</ng-container>\n",
|
|
1984
|
-
styles: ["
|
|
1984
|
+
styles: [""]
|
|
1985
1985
|
},] }
|
|
1986
1986
|
];
|
|
1987
1987
|
GoAHeroBannerContentComponent.ctorParameters = function () { return []; };
|
|
@@ -1997,7 +1997,7 @@
|
|
|
1997
1997
|
{ type: i0.Component, args: [{
|
|
1998
1998
|
selector: 'goa-hero-banner-link',
|
|
1999
1999
|
template: "<ng-container>\n <a class=\"goa-link-button right-arrow\" [href]=\"url\" role=\"link\">\n <ng-content></ng-content>\n </a>\n</ng-container>\n",
|
|
2000
|
-
styles: ["
|
|
2000
|
+
styles: [""]
|
|
2001
2001
|
},] }
|
|
2002
2002
|
];
|
|
2003
2003
|
GoAHeroBannerLinkComponent.ctorParameters = function () { return []; };
|
|
@@ -2016,7 +2016,7 @@
|
|
|
2016
2016
|
{ type: i0.Component, args: [{
|
|
2017
2017
|
selector: 'goa-hero-banner',
|
|
2018
2018
|
template: "<div class=\"goa-hero\"\n style=\"background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.40) 40%, rgba(0, 0, 0, 0.6) 100%), url({{backgroundUrl}});\"\n>\n <h1 role=\"heading\">{{ title }}</h1>\n <ng-content select=\"goa-hero-banner-content\"></ng-content>\n <ng-content select=\"goa-hero-banner-link\"></ng-content>\n</div>\n",
|
|
2019
|
-
styles: ["
|
|
2019
|
+
styles: [""]
|
|
2020
2020
|
},] }
|
|
2021
2021
|
];
|
|
2022
2022
|
GoAHeroBannerComponent.ctorParameters = function () { return []; };
|
|
@@ -2127,7 +2127,7 @@
|
|
|
2127
2127
|
{ type: i0.Component, args: [{
|
|
2128
2128
|
selector: 'goa-page-load-indicator',
|
|
2129
2129
|
template: "<div *ngIf=\"visible\" class=\"progress-container--{{ displayType }}\">\n <svg\n [ngClass]=\"{\n 'svg': displayType === 'large',\n 'svg--small': displayType === 'small'\n }\"\n fill=\"none\"\n viewBox=\"0 0 100 100\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <circle class=\"base-circle\" cx=\"50\" cy=\"50\" r=\"45\"/>\n <circle\n [ngClass]=\"{\n 'progress-circle--infinite': type === 'infinite',\n 'progress-circle': type === 'progress'\n }\"\n cx=\"50\"\n cy=\"50\"\n r=\"45\"\n [style.stroke-dashoffset]=\"strokeDashoffset\"/>\n </svg>\n\n <span class=\"progress-message--{{ displayType }}\">\n {{ message }}\n </span>\n</div>\n",
|
|
2130
|
-
styles: ["
|
|
2130
|
+
styles: [""]
|
|
2131
2131
|
},] }
|
|
2132
2132
|
];
|
|
2133
2133
|
GoAPageLoadIndicatorComponent.ctorParameters = function () { return []; };
|
|
@@ -2193,7 +2193,7 @@
|
|
|
2193
2193
|
{ type: i0.Component, args: [{
|
|
2194
2194
|
selector: 'goa-element-load-indicator',
|
|
2195
2195
|
template: "<div *ngIf=\"visible\">\n <svg\n fill=\"none\"\n [attr.viewBox]=\"viewBox\"\n [attr.width]=\"radius\"\n [attr.height]=\"radius\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n class=\"base-circle\"\n [attr.cx]=\"radius\"\n [attr.cy]=\"radius\"\n [attr.r]=\"innerRadius\"\n [style.stroke]=\"baseColour\"\n />\n <circle\n class=\"rotating-circle\"\n [attr.cx]=\"radius\"\n [style.stroke-dasharray]=\"dashArray\"\n [style.stroke-dashoffset]=\"dashOffset\"\n [attr.cy]=\"radius\"\n [attr.r]=\"innerRadius\"\n [style.stroke]=\"spinnerColour\"\n />\n </svg>\n</div>\n",
|
|
2196
|
-
styles: ["
|
|
2196
|
+
styles: [""]
|
|
2197
2197
|
},] }
|
|
2198
2198
|
];
|
|
2199
2199
|
GoAElementLoadIndicatorComponent.ctorParameters = function () { return []; };
|
|
@@ -2272,6 +2272,9 @@
|
|
|
2272
2272
|
GoAElementLoadIndicatorComponent,
|
|
2273
2273
|
],
|
|
2274
2274
|
providers: [GoARadioService],
|
|
2275
|
+
schemas: [
|
|
2276
|
+
i0.CUSTOM_ELEMENTS_SCHEMA
|
|
2277
|
+
]
|
|
2275
2278
|
},] }
|
|
2276
2279
|
];
|
|
2277
2280
|
|
|
@@ -2301,7 +2304,7 @@
|
|
|
2301
2304
|
selector: 'goa-badge',
|
|
2302
2305
|
template: "<div class=\"goa-badge\" [ngClass]=\"badgeClass\">\n <ng-content class=\"goa-badge-icon\" select=\"mat-icon,.goa-badge-icon\"></ng-content>\n <div class=\"goa-badge-content\">\n <ng-content></ng-content>\n </div>\n</div>\n",
|
|
2303
2306
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2304
|
-
styles: ["
|
|
2307
|
+
styles: [""]
|
|
2305
2308
|
},] }
|
|
2306
2309
|
];
|
|
2307
2310
|
GoABadgeComponent.ctorParameters = function () { return []; };
|
|
@@ -2328,7 +2331,7 @@
|
|
|
2328
2331
|
selector: 'goa-app-version-header',
|
|
2329
2332
|
template: "<div\n *ngIf=\"!isProdEnvironment && (closed | async) === null\"\n class=\"goa-app-version-header\"\n>\n <span class=\"content-wrapper\">\n <span class=\"environment-and-version\">{{ environment }} {{ version }}</span>\n <span class=\"close\" (click)=\"onCloseClick()\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"ionicon\"\n viewBox=\"0 0 512 512\"\n >\n <title>Close</title>\n <path\n fill=\"currentColor\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"32\"\n d=\"M368 368L144 144M368 144L144 368\"\n />\n </svg>\n </span>\n </span>\n</div>\n",
|
|
2330
2333
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2331
|
-
styles: ["
|
|
2334
|
+
styles: [""]
|
|
2332
2335
|
},] }
|
|
2333
2336
|
];
|
|
2334
2337
|
GoAAppVersionHeaderComponent.ctorParameters = function () { return []; };
|
|
@@ -2492,7 +2495,7 @@
|
|
|
2492
2495
|
multi: true
|
|
2493
2496
|
},
|
|
2494
2497
|
],
|
|
2495
|
-
styles: ["
|
|
2498
|
+
styles: [""]
|
|
2496
2499
|
},] }
|
|
2497
2500
|
];
|
|
2498
2501
|
GoANumberInputComponent.propDecorators = {
|
|
@@ -2527,6 +2530,7 @@
|
|
|
2527
2530
|
GoANumberInputComponent,
|
|
2528
2531
|
],
|
|
2529
2532
|
providers: [],
|
|
2533
|
+
schemas: [i0.CUSTOM_ELEMENTS_SCHEMA]
|
|
2530
2534
|
},] }
|
|
2531
2535
|
];
|
|
2532
2536
|
|