@skyux/errors 14.0.0-alpha.0 → 14.0.0-alpha.2

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.
@@ -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: "21.0.8", 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: "21.0.8", type: SkyErrorModalFormComponent, isStandalone: true, 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 #title=\"skyId\" class=\"sky-error-modal-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: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i2$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i2.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i2.λ2, selector: "sky-modal-content" }] }); }
28
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", 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: "21.1.2", type: SkyErrorModalFormComponent, isStandalone: true, 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 #title=\"skyId\" class=\"sky-error-modal-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: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i2$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i2.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i2.λ2, selector: "sky-modal-content" }] }); }
30
30
  }
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorModalFormComponent, decorators: [{
31
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorModalFormComponent, decorators: [{
32
32
  type: Component,
33
33
  args: [{ selector: 'sky-error-modal-form', imports: [SkyIdModule, SkyModalModule], template: "<sky-modal [ariaLabelledBy]=\"title.id\">\n <sky-modal-content>\n <div class=\"sky-error-modal-container\">\n <span #title=\"skyId\" class=\"sky-error-modal-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: () => [{ 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: "21.0.8", 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: "21.0.8", ngImport: i0, type: SkyErrorModalService, providedIn: 'root' }); }
62
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", 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: "21.1.2", ngImport: i0, type: SkyErrorModalService, providedIn: 'root' }); }
64
64
  }
65
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorModalService, decorators: [{
65
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorModalService, decorators: [{
66
66
  type: Injectable,
67
67
  args: [{
68
68
  providedIn: 'root',
@@ -125,11 +125,11 @@ SkyLibResourcesService.addResources(RESOURCES);
125
125
  * Import into any component library module that needs to use resource strings.
126
126
  */
127
127
  class SkyErrorsResourcesModule {
128
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
129
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorsResourcesModule, exports: [SkyI18nModule] }); }
130
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorsResourcesModule, imports: [SkyI18nModule] }); }
128
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
129
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorsResourcesModule, exports: [SkyI18nModule] }); }
130
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorsResourcesModule, imports: [SkyI18nModule] }); }
131
131
  }
132
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorsResourcesModule, decorators: [{
132
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorsResourcesModule, decorators: [{
133
133
  type: NgModule,
134
134
  args: [{
135
135
  exports: [SkyI18nModule],
@@ -141,10 +141,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
141
141
  * For example, you can include a button to reload the page or to refresh data.
142
142
  */
143
143
  class SkyErrorActionComponent {
144
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
145
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: SkyErrorActionComponent, isStandalone: false, selector: "sky-error-action", ngImport: i0, template: '<ng-content />', isInline: true }); }
144
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
145
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyErrorActionComponent, isStandalone: false, selector: "sky-error-action", ngImport: i0, template: '<ng-content />', isInline: true }); }
146
146
  }
147
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorActionComponent, decorators: [{
147
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorActionComponent, decorators: [{
148
148
  type: Component,
149
149
  args: [{
150
150
  selector: 'sky-error-action',
@@ -161,10 +161,10 @@ class SkyErrorService {
161
161
  this.replaceDefaultDescription = new BehaviorSubject(false);
162
162
  this.replaceDefaultTitle = new BehaviorSubject(false);
163
163
  }
164
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
165
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorService }); }
164
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
165
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorService }); }
166
166
  }
167
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorService, decorators: [{
167
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorService, decorators: [{
168
168
  type: Injectable
169
169
  }] });
170
170
 
@@ -185,10 +185,10 @@ class SkyErrorDescriptionComponent {
185
185
  this.#errorSvc = errorSvc;
186
186
  errorSvc.replaceDefaultDescription.next(false);
187
187
  }
188
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorDescriptionComponent, deps: [{ token: SkyErrorService }], target: i0.ɵɵFactoryTarget.Component }); }
189
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: SkyErrorDescriptionComponent, isStandalone: false, selector: "sky-error-description", inputs: { replaceDefaultDescription: "replaceDefaultDescription" }, ngImport: i0, template: '<ng-content />', isInline: true }); }
188
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorDescriptionComponent, deps: [{ token: SkyErrorService }], target: i0.ɵɵFactoryTarget.Component }); }
189
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyErrorDescriptionComponent, isStandalone: false, selector: "sky-error-description", inputs: { replaceDefaultDescription: "replaceDefaultDescription" }, ngImport: i0, template: '<ng-content />', isInline: true }); }
190
190
  }
191
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorDescriptionComponent, decorators: [{
191
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorDescriptionComponent, decorators: [{
192
192
  type: Component,
193
193
  args: [{
194
194
  selector: 'sky-error-description',
@@ -203,10 +203,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
203
203
  * Specifies an image to display with the error message.
204
204
  */
205
205
  class SkyErrorImageComponent {
206
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
207
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: SkyErrorImageComponent, isStandalone: false, selector: "sky-error-image", ngImport: i0, template: '<ng-content />', isInline: true }); }
206
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
207
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyErrorImageComponent, isStandalone: false, selector: "sky-error-image", ngImport: i0, template: '<ng-content />', isInline: true }); }
208
208
  }
209
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorImageComponent, decorators: [{
209
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorImageComponent, decorators: [{
210
210
  type: Component,
211
211
  args: [{
212
212
  selector: 'sky-error-image',
@@ -232,10 +232,10 @@ class SkyErrorTitleComponent {
232
232
  this.#errorSvc = errorSvc;
233
233
  errorSvc.replaceDefaultTitle.next(false);
234
234
  }
235
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorTitleComponent, deps: [{ token: SkyErrorService }], target: i0.ɵɵFactoryTarget.Component }); }
236
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: SkyErrorTitleComponent, isStandalone: false, selector: "sky-error-title", inputs: { replaceDefaultTitle: "replaceDefaultTitle" }, ngImport: i0, template: '<ng-content />', isInline: true }); }
235
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorTitleComponent, deps: [{ token: SkyErrorService }], target: i0.ɵɵFactoryTarget.Component }); }
236
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyErrorTitleComponent, isStandalone: false, selector: "sky-error-title", inputs: { replaceDefaultTitle: "replaceDefaultTitle" }, ngImport: i0, template: '<ng-content />', isInline: true }); }
237
237
  }
238
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorTitleComponent, decorators: [{
238
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorTitleComponent, decorators: [{
239
239
  type: Component,
240
240
  args: [{
241
241
  selector: 'sky-error-title',
@@ -306,10 +306,10 @@ class SkyErrorComponent {
306
306
  // TODO: Need to implement the async `getString` method in a breaking change.
307
307
  return this.#resourcesSvc.getStringForLocale({ locale: 'en-US' }, key);
308
308
  }
309
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorComponent, deps: [{ token: i1.SkyLibResourcesService }, { token: SkyErrorService }], target: i0.ɵɵFactoryTarget.Component }); }
310
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SkyErrorComponent, isStandalone: false, selector: "sky-error", inputs: { errorType: "errorType", showImage: "showImage" }, host: { properties: { "attr.errorType": "this.hostErrorType" } }, providers: [SkyErrorService], ngImport: i0, template: "<div class=\"sky-error\">\n @if (showImage) {\n <div class=\"sky-error-image-container sky-margin-stacked-lg\">\n @if (errorType) {\n <div\n class=\"sky-error-image-svg\"\n [ngClass]=\"['sky-error-' + errorType + '-image']\"\n ></div>\n }\n <ng-content select=\"sky-error-image\" />\n </div>\n }\n\n <div class=\"sky-error-title sky-font-heading-1 sky-margin-stacked-lg\">\n @if (defaultTitle && (errorSvc.replaceDefaultTitle | async) === false) {\n <ng-container>{{ defaultTitle }}</ng-container>\n }\n <ng-content select=\"sky-error-title\" />\n </div>\n\n <div\n class=\"sky-error-description sky-font-body-default sky-margin-stacked-xl\"\n >\n @if (\n defaultDescription &&\n (errorSvc.replaceDefaultDescription | async) === false\n ) {\n <span>{{ defaultDescription }}</span>\n }\n <ng-content select=\"sky-error-description\" />\n </div>\n\n <div class=\"sky-error-action\">\n <ng-content select=\"sky-error-action\" />\n </div>\n</div>\n", styles: [".sky-error:not(.sky-theme-modern *){--sky-override-error-margin-top: 0;--sky-override-error-padding-top: 60px}.sky-error{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:var(--sky-override-error-padding-top, var(--sky-space-stacked-xxl));margin-top:var(--sky-override-error-margin-top, var(--sky-space-stacked-xxl))}.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}.sky-error-broken-image{height:110px;width:170px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/2.0.1/assets/images/errors/broken.svg)}.sky-error-construction-image{height:110px;width:109px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/2.0.1/assets/images/errors/construction.svg)}.sky-error-notfound-image{height:110px;width:169px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/2.0.1/assets/images/errors/notfound.svg)}.sky-error-security-image{height:110px;width:97px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/2.0.1/assets/images/errors/security.svg)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
309
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorComponent, deps: [{ token: i1.SkyLibResourcesService }, { token: SkyErrorService }], target: i0.ɵɵFactoryTarget.Component }); }
310
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: SkyErrorComponent, isStandalone: false, selector: "sky-error", inputs: { errorType: "errorType", showImage: "showImage" }, host: { properties: { "attr.errorType": "this.hostErrorType" } }, providers: [SkyErrorService], ngImport: i0, template: "<div class=\"sky-error\">\n @if (showImage) {\n <div class=\"sky-error-image-container sky-margin-stacked-lg\">\n @if (errorType) {\n <div\n class=\"sky-error-image-svg\"\n [ngClass]=\"['sky-error-' + errorType + '-image']\"\n ></div>\n }\n <ng-content select=\"sky-error-image\" />\n </div>\n }\n\n <div class=\"sky-error-title sky-font-heading-1 sky-margin-stacked-lg\">\n @if (defaultTitle && (errorSvc.replaceDefaultTitle | async) === false) {\n <ng-container>{{ defaultTitle }}</ng-container>\n }\n <ng-content select=\"sky-error-title\" />\n </div>\n\n <div\n class=\"sky-error-description sky-font-body-default sky-margin-stacked-xl\"\n >\n @if (\n defaultDescription &&\n (errorSvc.replaceDefaultDescription | async) === false\n ) {\n <span>{{ defaultDescription }}</span>\n }\n <ng-content select=\"sky-error-description\" />\n </div>\n\n <div class=\"sky-error-action\">\n <ng-content select=\"sky-error-action\" />\n </div>\n</div>\n", styles: [".sky-error:not(.sky-theme-modern *){--sky-override-error-margin-top: 0;--sky-override-error-padding-top: 60px}.sky-error{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:var(--sky-override-error-padding-top, var(--sky-space-stacked-xxl));margin-top:var(--sky-override-error-margin-top, var(--sky-space-stacked-xxl))}.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}.sky-error-broken-image{height:110px;width:170px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/2.0.1/assets/images/errors/broken.svg)}.sky-error-construction-image{height:110px;width:109px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/2.0.1/assets/images/errors/construction.svg)}.sky-error-notfound-image{height:110px;width:169px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/2.0.1/assets/images/errors/notfound.svg)}.sky-error-security-image{height:110px;width:97px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/2.0.1/assets/images/errors/security.svg)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
311
311
  }
312
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorComponent, decorators: [{
312
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorComponent, decorators: [{
313
313
  type: Component,
314
314
  args: [{ selector: 'sky-error', providers: [SkyErrorService], standalone: false, template: "<div class=\"sky-error\">\n @if (showImage) {\n <div class=\"sky-error-image-container sky-margin-stacked-lg\">\n @if (errorType) {\n <div\n class=\"sky-error-image-svg\"\n [ngClass]=\"['sky-error-' + errorType + '-image']\"\n ></div>\n }\n <ng-content select=\"sky-error-image\" />\n </div>\n }\n\n <div class=\"sky-error-title sky-font-heading-1 sky-margin-stacked-lg\">\n @if (defaultTitle && (errorSvc.replaceDefaultTitle | async) === false) {\n <ng-container>{{ defaultTitle }}</ng-container>\n }\n <ng-content select=\"sky-error-title\" />\n </div>\n\n <div\n class=\"sky-error-description sky-font-body-default sky-margin-stacked-xl\"\n >\n @if (\n defaultDescription &&\n (errorSvc.replaceDefaultDescription | async) === false\n ) {\n <span>{{ defaultDescription }}</span>\n }\n <ng-content select=\"sky-error-description\" />\n </div>\n\n <div class=\"sky-error-action\">\n <ng-content select=\"sky-error-action\" />\n </div>\n</div>\n", styles: [".sky-error:not(.sky-theme-modern *){--sky-override-error-margin-top: 0;--sky-override-error-padding-top: 60px}.sky-error{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:var(--sky-override-error-padding-top, var(--sky-space-stacked-xxl));margin-top:var(--sky-override-error-margin-top, var(--sky-space-stacked-xxl))}.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}.sky-error-broken-image{height:110px;width:170px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/2.0.1/assets/images/errors/broken.svg)}.sky-error-construction-image{height:110px;width:109px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/2.0.1/assets/images/errors/construction.svg)}.sky-error-notfound-image{height:110px;width:169px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/2.0.1/assets/images/errors/notfound.svg)}.sky-error-security-image{height:110px;width:97px;background-image:url(https://sky.blackbaudcdn.net/static/skyux-public-assets/2.0.1/assets/images/errors/security.svg)}\n"] }]
315
315
  }], ctorParameters: () => [{ type: i1.SkyLibResourcesService }, { type: SkyErrorService }], propDecorators: { errorType: [{
@@ -322,8 +322,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
322
322
  }] } });
323
323
 
324
324
  class SkyErrorModule {
325
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
326
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorModule, declarations: [SkyErrorComponent,
325
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
326
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorModule, declarations: [SkyErrorComponent,
327
327
  SkyErrorImageComponent,
328
328
  SkyErrorTitleComponent,
329
329
  SkyErrorDescriptionComponent,
@@ -332,9 +332,9 @@ class SkyErrorModule {
332
332
  SkyErrorTitleComponent,
333
333
  SkyErrorDescriptionComponent,
334
334
  SkyErrorActionComponent] }); }
335
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorModule, imports: [CommonModule, SkyErrorsResourcesModule] }); }
335
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorModule, imports: [CommonModule, SkyErrorsResourcesModule] }); }
336
336
  }
337
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SkyErrorModule, decorators: [{
337
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyErrorModule, decorators: [{
338
338
  type: NgModule,
339
339
  args: [{
340
340
  declarations: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/errors",
3
- "version": "14.0.0-alpha.0",
3
+ "version": "14.0.0-alpha.2",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -16,14 +16,14 @@
16
16
  },
17
17
  "homepage": "https://github.com/blackbaud/skyux#readme",
18
18
  "peerDependencies": {
19
- "@angular/cdk": "^21.0.6",
20
- "@angular/common": "^21.0.8",
21
- "@angular/core": "^21.0.8",
22
- "@angular/platform-browser": "^21.0.8",
23
- "@skyux-sdk/testing": "14.0.0-alpha.0",
24
- "@skyux/core": "14.0.0-alpha.0",
25
- "@skyux/i18n": "14.0.0-alpha.0",
26
- "@skyux/modals": "14.0.0-alpha.0"
19
+ "@angular/cdk": "^21.1.3",
20
+ "@angular/common": "^21.1.2",
21
+ "@angular/core": "^21.1.2",
22
+ "@angular/platform-browser": "^21.1.2",
23
+ "@skyux-sdk/testing": "14.0.0-alpha.2",
24
+ "@skyux/core": "14.0.0-alpha.2",
25
+ "@skyux/i18n": "14.0.0-alpha.2",
26
+ "@skyux/modals": "14.0.0-alpha.2"
27
27
  },
28
28
  "dependencies": {
29
29
  "tslib": "^2.8.1"