@skyux/errors 9.0.0-alpha.5 → 9.0.0-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +822 -400
- package/esm2022/lib/modules/error/error-action.component.mjs +3 -3
- package/esm2022/lib/modules/error/error-description.component.mjs +3 -3
- package/esm2022/lib/modules/error/error-image.component.mjs +3 -3
- package/esm2022/lib/modules/error/error-modal-form.component.mjs +3 -3
- package/esm2022/lib/modules/error/error-modal.service.mjs +3 -3
- package/esm2022/lib/modules/error/error-title.component.mjs +3 -3
- package/esm2022/lib/modules/error/error.component.mjs +4 -4
- package/esm2022/lib/modules/error/error.module.mjs +4 -4
- package/esm2022/lib/modules/error/error.service.mjs +3 -3
- package/esm2022/lib/modules/shared/sky-errors-resources.module.mjs +4 -4
- package/fesm2022/skyux-errors.mjs +33 -33
- package/package.json +9 -9
|
@@ -5,10 +5,10 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
* For example, you can include a button to reload the page or to refresh data.
|
|
6
6
|
*/
|
|
7
7
|
export class SkyErrorActionComponent {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyErrorActionComponent, selector: "sky-error-action", ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorActionComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{
|
|
14
14
|
selector: 'sky-error-action',
|
|
@@ -18,10 +18,10 @@ export class SkyErrorDescriptionComponent {
|
|
|
18
18
|
this.#errorSvc = errorSvc;
|
|
19
19
|
errorSvc.replaceDefaultDescription.next(false);
|
|
20
20
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorDescriptionComponent, deps: [{ token: i1.SkyErrorService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyErrorDescriptionComponent, selector: "sky-error-description", inputs: { replaceDefaultDescription: "replaceDefaultDescription" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorDescriptionComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{
|
|
27
27
|
selector: 'sky-error-description',
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* Specifies an image to display with the error message.
|
|
5
5
|
*/
|
|
6
6
|
export class SkyErrorImageComponent {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyErrorImageComponent, selector: "sky-error-image", ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorImageComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{
|
|
13
13
|
selector: 'sky-error-image',
|
|
@@ -11,10 +11,10 @@ export class SkyErrorModalFormComponent {
|
|
|
11
11
|
this.context = context;
|
|
12
12
|
this.instance = instance;
|
|
13
13
|
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModalFormComponent, deps: [{ token: i1.ErrorModalConfig }, { token: i2.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyErrorModalFormComponent, selector: "sky-error-modal-form", ngImport: i0, template: "<sky-modal [ariaLabelledBy]=\"title.id\">\n <sky-modal-content>\n <div class=\"sky-error-modal-container\">\n <span class=\"sky-error-modal-title\" skyId #title=\"skyId\">{{\n context.errorTitle\n }}</span>\n <span class=\"sky-error-modal-description\">{{\n context.errorDescription\n }}</span>\n <div class=\"sky-error-modal-close\">\n <button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n (click)=\"instance.close()\"\n >\n {{ context.errorCloseText }}\n </button>\n </div>\n </div>\n </sky-modal-content>\n</sky-modal>\n", styles: [".sky-error-modal-container{display:flex;flex-direction:column;align-items:center}.sky-error-modal-title{font-weight:700}.sky-error-modal-description{max-width:100%}.sky-error-modal-close{margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i3.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "component", type: i2.λ5, selector: "sky-modal", inputs: ["formErrors", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: i2.λ2, selector: "sky-modal-content" }] }); }
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModalFormComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ selector: 'sky-error-modal-form', template: "<sky-modal [ariaLabelledBy]=\"title.id\">\n <sky-modal-content>\n <div class=\"sky-error-modal-container\">\n <span class=\"sky-error-modal-title\" skyId #title=\"skyId\">{{\n context.errorTitle\n }}</span>\n <span class=\"sky-error-modal-description\">{{\n context.errorDescription\n }}</span>\n <div class=\"sky-error-modal-close\">\n <button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n (click)=\"instance.close()\"\n >\n {{ context.errorCloseText }}\n </button>\n </div>\n </div>\n </sky-modal-content>\n</sky-modal>\n", styles: [".sky-error-modal-container{display:flex;flex-direction:column;align-items:center}.sky-error-modal-title{font-weight:700}.sky-error-modal-description{max-width:100%}.sky-error-modal-close{margin-top:10px}\n"] }]
|
|
20
20
|
}], ctorParameters: function () { return [{ type: i1.ErrorModalConfig }, { type: i2.SkyModalInstance }]; } });
|
|
@@ -30,10 +30,10 @@ export class SkyErrorModalService {
|
|
|
30
30
|
providers: providers,
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
34
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModalService, deps: [{ token: i1.SkyModalService }, { token: i2.SkyLogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
34
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModalService, providedIn: 'root' }); }
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModalService, decorators: [{
|
|
37
37
|
type: Injectable,
|
|
38
38
|
args: [{
|
|
39
39
|
providedIn: 'root',
|
|
@@ -18,10 +18,10 @@ export class SkyErrorTitleComponent {
|
|
|
18
18
|
this.#errorSvc = errorSvc;
|
|
19
19
|
errorSvc.replaceDefaultTitle.next(false);
|
|
20
20
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorTitleComponent, deps: [{ token: i1.SkyErrorService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyErrorTitleComponent, selector: "sky-error-title", inputs: { replaceDefaultTitle: "replaceDefaultTitle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorTitleComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{
|
|
27
27
|
selector: 'sky-error-title',
|
|
@@ -61,12 +61,12 @@ export class SkyErrorComponent {
|
|
|
61
61
|
// TODO: Need to implement the async `getString` method in a breaking change.
|
|
62
62
|
return this.#resourcesSvc.getStringForLocale({ locale: 'en-US' }, key);
|
|
63
63
|
}
|
|
64
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
65
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1
|
|
64
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorComponent, deps: [{ token: i1.SkyLibResourcesService }, { token: i2.SkyErrorService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
65
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyErrorComponent, selector: "sky-error", inputs: { errorType: "errorType", showImage: "showImage" }, providers: [SkyErrorService], ngImport: i0, template: "<div class=\"sky-error\">\n <div\n *ngIf=\"showImage\"\n class=\"sky-error-image-container sky-margin-stacked-lg\"\n >\n <div\n *ngIf=\"errorType\"\n class=\"sky-error-image-svg\"\n [ngClass]=\"['sky-error-' + errorType + '-image']\"\n ></div>\n <ng-content select=\"sky-error-image\"></ng-content>\n </div>\n\n <div class=\"sky-error-title sky-font-heading-1 sky-margin-stacked-lg\">\n <ng-container\n *ngIf=\"defaultTitle && (errorSvc.replaceDefaultTitle | async) === false\"\n >{{ defaultTitle }}</ng-container\n >\n <ng-content select=\"sky-error-title\"></ng-content>\n </div>\n\n <div\n class=\"sky-error-description sky-font-body-default sky-margin-stacked-xl\"\n >\n <span\n *ngIf=\"\n defaultDescription &&\n (errorSvc.replaceDefaultDescription | async) === false\n \"\n >{{ defaultDescription }}</span\n >\n <ng-content select=\"sky-error-description\"></ng-content>\n </div>\n\n <div class=\"sky-error-action\">\n <ng-content select=\"sky-error-action\"></ng-content>\n </div>\n</div>\n", styles: [".sky-error{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:60px}.sky-error .sky-error-description span{white-space:pre-wrap}.sky-error .sky-error-image-container{display:flex;justify-content:center}.sky-error .sky-error-image-svg{background-repeat:no-repeat;background-size:contain;background-position:center}:host-context(.sky-theme-modern) .sky-error{margin-top:60px}.sky-theme-modern .sky-error{margin-top:60px}.sky-error-broken-image{height:110px;width:170px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/broken.svg)}.sky-error-construction-image{height:110px;width:109px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/construction.svg)}.sky-error-notfound-image{height:110px;width:169px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/notfound.svg)}.sky-error-security-image{height:110px;width:97px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/security.svg)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
|
|
66
66
|
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
69
|
-
args: [{ selector: 'sky-error', providers: [SkyErrorService], template: "<div class=\"sky-error\">\n <div\n *ngIf=\"showImage\"\n class=\"sky-error-image-container sky-margin-stacked-lg\"\n >\n <div\n *ngIf=\"errorType\"\n class=\"sky-error-image-svg\"\n [ngClass]=\"['sky-error-' + errorType + '-image']\"\n ></div>\n <ng-content select=\"sky-error-image\"></ng-content>\n </div>\n\n <div class=\"sky-error-title sky-font-heading-1 sky-margin-stacked-lg\">\n <ng-container\n *ngIf=\"defaultTitle && (errorSvc.replaceDefaultTitle | async) === false\"\n >{{ defaultTitle }}</ng-container\n >\n <ng-content select=\"sky-error-title\"></ng-content>\n </div>\n\n <div\n class=\"sky-error-description sky-font-body-default sky-margin-stacked-xl\"\n >\n <span\n *ngIf=\"\n defaultDescription &&\n (errorSvc.replaceDefaultDescription | async) === false\n \"\n >{{ defaultDescription }}</span\n >\n <ng-content select=\"sky-error-description\"></ng-content>\n </div>\n\n <div class=\"sky-error-action\">\n <ng-content select=\"sky-error-action\"></ng-content>\n </div>\n</div>\n", styles: [".sky-error{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:60px}.sky-error .sky-error-description span{white-space:pre-wrap}.sky-error .sky-error-image-container{display:flex;justify-content:center}.sky-error .sky-error-image-svg{background-repeat:no-repeat;background-size:contain;background-position:center}:host-context(.sky-theme-modern) .sky-error{margin-top:60px}.sky-theme-modern .sky-error{margin-top:60px}.sky-error-broken-image{height:110px;width:170px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.
|
|
69
|
+
args: [{ selector: 'sky-error', providers: [SkyErrorService], template: "<div class=\"sky-error\">\n <div\n *ngIf=\"showImage\"\n class=\"sky-error-image-container sky-margin-stacked-lg\"\n >\n <div\n *ngIf=\"errorType\"\n class=\"sky-error-image-svg\"\n [ngClass]=\"['sky-error-' + errorType + '-image']\"\n ></div>\n <ng-content select=\"sky-error-image\"></ng-content>\n </div>\n\n <div class=\"sky-error-title sky-font-heading-1 sky-margin-stacked-lg\">\n <ng-container\n *ngIf=\"defaultTitle && (errorSvc.replaceDefaultTitle | async) === false\"\n >{{ defaultTitle }}</ng-container\n >\n <ng-content select=\"sky-error-title\"></ng-content>\n </div>\n\n <div\n class=\"sky-error-description sky-font-body-default sky-margin-stacked-xl\"\n >\n <span\n *ngIf=\"\n defaultDescription &&\n (errorSvc.replaceDefaultDescription | async) === false\n \"\n >{{ defaultDescription }}</span\n >\n <ng-content select=\"sky-error-description\"></ng-content>\n </div>\n\n <div class=\"sky-error-action\">\n <ng-content select=\"sky-error-action\"></ng-content>\n </div>\n</div>\n", styles: [".sky-error{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:60px}.sky-error .sky-error-description span{white-space:pre-wrap}.sky-error .sky-error-image-container{display:flex;justify-content:center}.sky-error .sky-error-image-svg{background-repeat:no-repeat;background-size:contain;background-position:center}:host-context(.sky-theme-modern) .sky-error{margin-top:60px}.sky-theme-modern .sky-error{margin-top:60px}.sky-error-broken-image{height:110px;width:170px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/broken.svg)}.sky-error-construction-image{height:110px;width:109px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/construction.svg)}.sky-error-notfound-image{height:110px;width:169px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/notfound.svg)}.sky-error-security-image{height:110px;width:97px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/security.svg)}\n"] }]
|
|
70
70
|
}], ctorParameters: function () { return [{ type: i1.SkyLibResourcesService }, { type: i2.SkyErrorService }]; }, propDecorators: { errorType: [{
|
|
71
71
|
type: Input
|
|
72
72
|
}], showImage: [{
|
|
@@ -11,8 +11,8 @@ import { SkyErrorTitleComponent } from './error-title.component';
|
|
|
11
11
|
import { SkyErrorComponent } from './error.component';
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
export class SkyErrorModule {
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
15
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
15
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModule, declarations: [SkyErrorComponent,
|
|
16
16
|
SkyErrorImageComponent,
|
|
17
17
|
SkyErrorTitleComponent,
|
|
18
18
|
SkyErrorDescriptionComponent,
|
|
@@ -25,12 +25,12 @@ export class SkyErrorModule {
|
|
|
25
25
|
SkyErrorTitleComponent,
|
|
26
26
|
SkyErrorDescriptionComponent,
|
|
27
27
|
SkyErrorActionComponent] }); }
|
|
28
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1
|
|
28
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModule, imports: [CommonModule,
|
|
29
29
|
SkyErrorsResourcesModule,
|
|
30
30
|
SkyIdModule,
|
|
31
31
|
SkyModalModule] }); }
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModule, decorators: [{
|
|
34
34
|
type: NgModule,
|
|
35
35
|
args: [{
|
|
36
36
|
declarations: [
|
|
@@ -9,10 +9,10 @@ export class SkyErrorService {
|
|
|
9
9
|
this.replaceDefaultDescription = new BehaviorSubject(false);
|
|
10
10
|
this.replaceDefaultTitle = new BehaviorSubject(false);
|
|
11
11
|
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
13
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
13
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorService }); }
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorService, decorators: [{
|
|
16
16
|
type: Injectable
|
|
17
17
|
}] });
|
|
18
18
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3Iuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9lcnJvcnMvc3JjL2xpYi9tb2R1bGVzL2Vycm9yL2Vycm9yLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUzQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQUV2Qzs7R0FFRztBQUVILE1BQU0sT0FBTyxlQUFlO0lBRDVCO1FBRVMsOEJBQXlCLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDaEUsd0JBQW1CLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7S0FDbEU7OEdBSFksZUFBZTtrSEFBZixlQUFlOzsyRkFBZixlQUFlO2tCQUQzQixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuLyoqXG4gKiBpbnRlcm5hbFxuICovXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgU2t5RXJyb3JTZXJ2aWNlIHtcbiAgcHVibGljIHJlcGxhY2VEZWZhdWx0RGVzY3JpcHRpb24gPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcHVibGljIHJlcGxhY2VEZWZhdWx0VGl0bGUgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGZhbHNlKTtcbn1cbiJdfQ==
|
|
@@ -38,9 +38,9 @@ export class SkyErrorsResourcesProvider {
|
|
|
38
38
|
* Import into any component library module that needs to use resource strings.
|
|
39
39
|
*/
|
|
40
40
|
export class SkyErrorsResourcesModule {
|
|
41
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
42
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1
|
|
43
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1
|
|
41
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
42
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorsResourcesModule, exports: [SkyI18nModule] }); }
|
|
43
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorsResourcesModule, providers: [
|
|
44
44
|
{
|
|
45
45
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
46
46
|
useClass: SkyErrorsResourcesProvider,
|
|
@@ -48,7 +48,7 @@ export class SkyErrorsResourcesModule {
|
|
|
48
48
|
},
|
|
49
49
|
], imports: [SkyI18nModule] }); }
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorsResourcesModule, decorators: [{
|
|
52
52
|
type: NgModule,
|
|
53
53
|
args: [{
|
|
54
54
|
exports: [SkyI18nModule],
|
|
@@ -25,10 +25,10 @@ class SkyErrorModalFormComponent {
|
|
|
25
25
|
this.context = context;
|
|
26
26
|
this.instance = instance;
|
|
27
27
|
}
|
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModalFormComponent, deps: [{ token: ErrorModalConfig }, { token: i2.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyErrorModalFormComponent, selector: "sky-error-modal-form", ngImport: i0, template: "<sky-modal [ariaLabelledBy]=\"title.id\">\n <sky-modal-content>\n <div class=\"sky-error-modal-container\">\n <span class=\"sky-error-modal-title\" skyId #title=\"skyId\">{{\n context.errorTitle\n }}</span>\n <span class=\"sky-error-modal-description\">{{\n context.errorDescription\n }}</span>\n <div class=\"sky-error-modal-close\">\n <button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n (click)=\"instance.close()\"\n >\n {{ context.errorCloseText }}\n </button>\n </div>\n </div>\n </sky-modal-content>\n</sky-modal>\n", styles: [".sky-error-modal-container{display:flex;flex-direction:column;align-items:center}.sky-error-modal-title{font-weight:700}.sky-error-modal-description{max-width:100%}.sky-error-modal-close{margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i2$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "component", type: i2.λ5, selector: "sky-modal", inputs: ["formErrors", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: i2.λ2, selector: "sky-modal-content" }] }); }
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModalFormComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
args: [{ selector: 'sky-error-modal-form', template: "<sky-modal [ariaLabelledBy]=\"title.id\">\n <sky-modal-content>\n <div class=\"sky-error-modal-container\">\n <span class=\"sky-error-modal-title\" skyId #title=\"skyId\">{{\n context.errorTitle\n }}</span>\n <span class=\"sky-error-modal-description\">{{\n context.errorDescription\n }}</span>\n <div class=\"sky-error-modal-close\">\n <button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n (click)=\"instance.close()\"\n >\n {{ context.errorCloseText }}\n </button>\n </div>\n </div>\n </sky-modal-content>\n</sky-modal>\n", styles: [".sky-error-modal-container{display:flex;flex-direction:column;align-items:center}.sky-error-modal-title{font-weight:700}.sky-error-modal-description{max-width:100%}.sky-error-modal-close{margin-top:10px}\n"] }]
|
|
34
34
|
}], ctorParameters: function () { return [{ type: ErrorModalConfig }, { type: i2.SkyModalInstance }]; } });
|
|
@@ -59,10 +59,10 @@ class SkyErrorModalService {
|
|
|
59
59
|
providers: providers,
|
|
60
60
|
});
|
|
61
61
|
}
|
|
62
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
63
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1
|
|
62
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModalService, deps: [{ token: i2.SkyModalService }, { token: i2$1.SkyLogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
63
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModalService, providedIn: 'root' }); }
|
|
64
64
|
}
|
|
65
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModalService, decorators: [{
|
|
66
66
|
type: Injectable,
|
|
67
67
|
args: [{
|
|
68
68
|
providedIn: 'root',
|
|
@@ -108,9 +108,9 @@ class SkyErrorsResourcesProvider {
|
|
|
108
108
|
* Import into any component library module that needs to use resource strings.
|
|
109
109
|
*/
|
|
110
110
|
class SkyErrorsResourcesModule {
|
|
111
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
112
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1
|
|
113
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1
|
|
111
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
112
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorsResourcesModule, exports: [SkyI18nModule] }); }
|
|
113
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorsResourcesModule, providers: [
|
|
114
114
|
{
|
|
115
115
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
116
116
|
useClass: SkyErrorsResourcesProvider,
|
|
@@ -118,7 +118,7 @@ class SkyErrorsResourcesModule {
|
|
|
118
118
|
},
|
|
119
119
|
], imports: [SkyI18nModule] }); }
|
|
120
120
|
}
|
|
121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorsResourcesModule, decorators: [{
|
|
122
122
|
type: NgModule,
|
|
123
123
|
args: [{
|
|
124
124
|
exports: [SkyI18nModule],
|
|
@@ -137,10 +137,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
|
|
|
137
137
|
* For example, you can include a button to reload the page or to refresh data.
|
|
138
138
|
*/
|
|
139
139
|
class SkyErrorActionComponent {
|
|
140
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
141
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1
|
|
140
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
141
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyErrorActionComponent, selector: "sky-error-action", ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
142
142
|
}
|
|
143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorActionComponent, decorators: [{
|
|
144
144
|
type: Component,
|
|
145
145
|
args: [{
|
|
146
146
|
selector: 'sky-error-action',
|
|
@@ -156,10 +156,10 @@ class SkyErrorService {
|
|
|
156
156
|
this.replaceDefaultDescription = new BehaviorSubject(false);
|
|
157
157
|
this.replaceDefaultTitle = new BehaviorSubject(false);
|
|
158
158
|
}
|
|
159
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
160
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1
|
|
159
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
160
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorService }); }
|
|
161
161
|
}
|
|
162
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorService, decorators: [{
|
|
163
163
|
type: Injectable
|
|
164
164
|
}] });
|
|
165
165
|
|
|
@@ -180,10 +180,10 @@ class SkyErrorDescriptionComponent {
|
|
|
180
180
|
this.#errorSvc = errorSvc;
|
|
181
181
|
errorSvc.replaceDefaultDescription.next(false);
|
|
182
182
|
}
|
|
183
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
184
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1
|
|
183
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorDescriptionComponent, deps: [{ token: SkyErrorService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
184
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyErrorDescriptionComponent, selector: "sky-error-description", inputs: { replaceDefaultDescription: "replaceDefaultDescription" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
185
185
|
}
|
|
186
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorDescriptionComponent, decorators: [{
|
|
187
187
|
type: Component,
|
|
188
188
|
args: [{
|
|
189
189
|
selector: 'sky-error-description',
|
|
@@ -197,10 +197,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
|
|
|
197
197
|
* Specifies an image to display with the error message.
|
|
198
198
|
*/
|
|
199
199
|
class SkyErrorImageComponent {
|
|
200
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
201
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1
|
|
200
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
201
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyErrorImageComponent, selector: "sky-error-image", ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
202
202
|
}
|
|
203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorImageComponent, decorators: [{
|
|
204
204
|
type: Component,
|
|
205
205
|
args: [{
|
|
206
206
|
selector: 'sky-error-image',
|
|
@@ -225,10 +225,10 @@ class SkyErrorTitleComponent {
|
|
|
225
225
|
this.#errorSvc = errorSvc;
|
|
226
226
|
errorSvc.replaceDefaultTitle.next(false);
|
|
227
227
|
}
|
|
228
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
229
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1
|
|
228
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorTitleComponent, deps: [{ token: SkyErrorService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
229
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyErrorTitleComponent, selector: "sky-error-title", inputs: { replaceDefaultTitle: "replaceDefaultTitle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
230
230
|
}
|
|
231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorTitleComponent, decorators: [{
|
|
232
232
|
type: Component,
|
|
233
233
|
args: [{
|
|
234
234
|
selector: 'sky-error-title',
|
|
@@ -295,12 +295,12 @@ class SkyErrorComponent {
|
|
|
295
295
|
// TODO: Need to implement the async `getString` method in a breaking change.
|
|
296
296
|
return this.#resourcesSvc.getStringForLocale({ locale: 'en-US' }, key);
|
|
297
297
|
}
|
|
298
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
299
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1
|
|
298
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorComponent, deps: [{ token: i1.SkyLibResourcesService }, { token: SkyErrorService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
299
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyErrorComponent, selector: "sky-error", inputs: { errorType: "errorType", showImage: "showImage" }, providers: [SkyErrorService], ngImport: i0, template: "<div class=\"sky-error\">\n <div\n *ngIf=\"showImage\"\n class=\"sky-error-image-container sky-margin-stacked-lg\"\n >\n <div\n *ngIf=\"errorType\"\n class=\"sky-error-image-svg\"\n [ngClass]=\"['sky-error-' + errorType + '-image']\"\n ></div>\n <ng-content select=\"sky-error-image\"></ng-content>\n </div>\n\n <div class=\"sky-error-title sky-font-heading-1 sky-margin-stacked-lg\">\n <ng-container\n *ngIf=\"defaultTitle && (errorSvc.replaceDefaultTitle | async) === false\"\n >{{ defaultTitle }}</ng-container\n >\n <ng-content select=\"sky-error-title\"></ng-content>\n </div>\n\n <div\n class=\"sky-error-description sky-font-body-default sky-margin-stacked-xl\"\n >\n <span\n *ngIf=\"\n defaultDescription &&\n (errorSvc.replaceDefaultDescription | async) === false\n \"\n >{{ defaultDescription }}</span\n >\n <ng-content select=\"sky-error-description\"></ng-content>\n </div>\n\n <div class=\"sky-error-action\">\n <ng-content select=\"sky-error-action\"></ng-content>\n </div>\n</div>\n", styles: [".sky-error{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:60px}.sky-error .sky-error-description span{white-space:pre-wrap}.sky-error .sky-error-image-container{display:flex;justify-content:center}.sky-error .sky-error-image-svg{background-repeat:no-repeat;background-size:contain;background-position:center}:host-context(.sky-theme-modern) .sky-error{margin-top:60px}.sky-theme-modern .sky-error{margin-top:60px}.sky-error-broken-image{height:110px;width:170px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/broken.svg)}.sky-error-construction-image{height:110px;width:109px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/construction.svg)}.sky-error-notfound-image{height:110px;width:169px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/notfound.svg)}.sky-error-security-image{height:110px;width:97px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/security.svg)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
|
|
300
300
|
}
|
|
301
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
301
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorComponent, decorators: [{
|
|
302
302
|
type: Component,
|
|
303
|
-
args: [{ selector: 'sky-error', providers: [SkyErrorService], template: "<div class=\"sky-error\">\n <div\n *ngIf=\"showImage\"\n class=\"sky-error-image-container sky-margin-stacked-lg\"\n >\n <div\n *ngIf=\"errorType\"\n class=\"sky-error-image-svg\"\n [ngClass]=\"['sky-error-' + errorType + '-image']\"\n ></div>\n <ng-content select=\"sky-error-image\"></ng-content>\n </div>\n\n <div class=\"sky-error-title sky-font-heading-1 sky-margin-stacked-lg\">\n <ng-container\n *ngIf=\"defaultTitle && (errorSvc.replaceDefaultTitle | async) === false\"\n >{{ defaultTitle }}</ng-container\n >\n <ng-content select=\"sky-error-title\"></ng-content>\n </div>\n\n <div\n class=\"sky-error-description sky-font-body-default sky-margin-stacked-xl\"\n >\n <span\n *ngIf=\"\n defaultDescription &&\n (errorSvc.replaceDefaultDescription | async) === false\n \"\n >{{ defaultDescription }}</span\n >\n <ng-content select=\"sky-error-description\"></ng-content>\n </div>\n\n <div class=\"sky-error-action\">\n <ng-content select=\"sky-error-action\"></ng-content>\n </div>\n</div>\n", styles: [".sky-error{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:60px}.sky-error .sky-error-description span{white-space:pre-wrap}.sky-error .sky-error-image-container{display:flex;justify-content:center}.sky-error .sky-error-image-svg{background-repeat:no-repeat;background-size:contain;background-position:center}:host-context(.sky-theme-modern) .sky-error{margin-top:60px}.sky-theme-modern .sky-error{margin-top:60px}.sky-error-broken-image{height:110px;width:170px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.
|
|
303
|
+
args: [{ selector: 'sky-error', providers: [SkyErrorService], template: "<div class=\"sky-error\">\n <div\n *ngIf=\"showImage\"\n class=\"sky-error-image-container sky-margin-stacked-lg\"\n >\n <div\n *ngIf=\"errorType\"\n class=\"sky-error-image-svg\"\n [ngClass]=\"['sky-error-' + errorType + '-image']\"\n ></div>\n <ng-content select=\"sky-error-image\"></ng-content>\n </div>\n\n <div class=\"sky-error-title sky-font-heading-1 sky-margin-stacked-lg\">\n <ng-container\n *ngIf=\"defaultTitle && (errorSvc.replaceDefaultTitle | async) === false\"\n >{{ defaultTitle }}</ng-container\n >\n <ng-content select=\"sky-error-title\"></ng-content>\n </div>\n\n <div\n class=\"sky-error-description sky-font-body-default sky-margin-stacked-xl\"\n >\n <span\n *ngIf=\"\n defaultDescription &&\n (errorSvc.replaceDefaultDescription | async) === false\n \"\n >{{ defaultDescription }}</span\n >\n <ng-content select=\"sky-error-description\"></ng-content>\n </div>\n\n <div class=\"sky-error-action\">\n <ng-content select=\"sky-error-action\"></ng-content>\n </div>\n</div>\n", styles: [".sky-error{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:60px}.sky-error .sky-error-description span{white-space:pre-wrap}.sky-error .sky-error-image-container{display:flex;justify-content:center}.sky-error .sky-error-image-svg{background-repeat:no-repeat;background-size:contain;background-position:center}:host-context(.sky-theme-modern) .sky-error{margin-top:60px}.sky-theme-modern .sky-error{margin-top:60px}.sky-error-broken-image{height:110px;width:170px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/broken.svg)}.sky-error-construction-image{height:110px;width:109px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/construction.svg)}.sky-error-notfound-image{height:110px;width:169px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/notfound.svg)}.sky-error-security-image{height:110px;width:97px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/1.0.0-beta.3/assets/images/errors/security.svg)}\n"] }]
|
|
304
304
|
}], ctorParameters: function () { return [{ type: i1.SkyLibResourcesService }, { type: SkyErrorService }]; }, propDecorators: { errorType: [{
|
|
305
305
|
type: Input
|
|
306
306
|
}], showImage: [{
|
|
@@ -308,8 +308,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
|
|
|
308
308
|
}] } });
|
|
309
309
|
|
|
310
310
|
class SkyErrorModule {
|
|
311
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1
|
|
312
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1
|
|
311
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
312
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModule, declarations: [SkyErrorComponent,
|
|
313
313
|
SkyErrorImageComponent,
|
|
314
314
|
SkyErrorTitleComponent,
|
|
315
315
|
SkyErrorDescriptionComponent,
|
|
@@ -322,12 +322,12 @@ class SkyErrorModule {
|
|
|
322
322
|
SkyErrorTitleComponent,
|
|
323
323
|
SkyErrorDescriptionComponent,
|
|
324
324
|
SkyErrorActionComponent] }); }
|
|
325
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1
|
|
325
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModule, imports: [CommonModule,
|
|
326
326
|
SkyErrorsResourcesModule,
|
|
327
327
|
SkyIdModule,
|
|
328
328
|
SkyModalModule] }); }
|
|
329
329
|
}
|
|
330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1
|
|
330
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyErrorModule, decorators: [{
|
|
331
331
|
type: NgModule,
|
|
332
332
|
args: [{
|
|
333
333
|
declarations: [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/errors",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.7",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -36,16 +36,16 @@
|
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
|
-
"@angular/common": "^16.1
|
|
40
|
-
"@angular/core": "^16.1
|
|
41
|
-
"@angular/platform-browser": "^16.1
|
|
42
|
-
"@skyux-sdk/testing": "9.0.0-alpha.
|
|
43
|
-
"@skyux/core": "9.0.0-alpha.
|
|
44
|
-
"@skyux/i18n": "9.0.0-alpha.
|
|
45
|
-
"@skyux/modals": "9.0.0-alpha.
|
|
39
|
+
"@angular/common": "^16.2.1",
|
|
40
|
+
"@angular/core": "^16.2.1",
|
|
41
|
+
"@angular/platform-browser": "^16.2.1",
|
|
42
|
+
"@skyux-sdk/testing": "9.0.0-alpha.7",
|
|
43
|
+
"@skyux/core": "9.0.0-alpha.7",
|
|
44
|
+
"@skyux/i18n": "9.0.0-alpha.7",
|
|
45
|
+
"@skyux/modals": "9.0.0-alpha.7"
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"tslib": "^2.
|
|
48
|
+
"tslib": "^2.6.2"
|
|
49
49
|
},
|
|
50
50
|
"module": "fesm2022/skyux-errors.mjs",
|
|
51
51
|
"typings": "index.d.ts",
|