@skyux/errors 15.0.0-alpha.3 → 15.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.
@@ -24,10 +24,10 @@ class SkyErrorModalFormComponent {
24
24
  this.context = inject(ErrorModalConfig);
25
25
  this.instance = inject(SkyModalInstance);
26
26
  }
27
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorModalFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
28
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", 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.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i2$1.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout", "headingHidden"] }, { kind: "component", type: i2$1.λ2, selector: "sky-modal-content" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
27
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorModalFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
28
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.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.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i2$1.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout", "headingHidden"] }, { kind: "component", type: i2$1.λ2, selector: "sky-modal-content" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
29
29
  }
30
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorModalFormComponent, decorators: [{
30
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorModalFormComponent, decorators: [{
31
31
  type: Component,
32
32
  args: [{ selector: 'sky-error-modal-form', changeDetection: ChangeDetectionStrategy.Eager, 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"] }]
33
33
  }] });
@@ -60,10 +60,10 @@ class SkyErrorModalService {
60
60
  providers: providers,
61
61
  });
62
62
  }
63
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorModalService, deps: [{ token: i2$1.SkyModalService }, { token: i2.SkyLogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
64
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorModalService, providedIn: 'root' }); }
63
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorModalService, deps: [{ token: i2$1.SkyModalService }, { token: i2.SkyLogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
64
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorModalService, providedIn: 'root' }); }
65
65
  }
66
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorModalService, decorators: [{
66
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorModalService, decorators: [{
67
67
  type: Injectable,
68
68
  args: [{
69
69
  providedIn: 'root',
@@ -126,11 +126,11 @@ SkyLibResourcesService.addResources(RESOURCES);
126
126
  * Import into any component library module that needs to use resource strings.
127
127
  */
128
128
  class SkyErrorsResourcesModule {
129
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
130
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorsResourcesModule, exports: [SkyI18nModule] }); }
131
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorsResourcesModule, imports: [SkyI18nModule] }); }
129
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
130
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorsResourcesModule, exports: [SkyI18nModule] }); }
131
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorsResourcesModule, imports: [SkyI18nModule] }); }
132
132
  }
133
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorsResourcesModule, decorators: [{
133
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorsResourcesModule, decorators: [{
134
134
  type: NgModule,
135
135
  args: [{
136
136
  exports: [SkyI18nModule],
@@ -142,10 +142,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
142
142
  * For example, you can include a button to reload the page or to refresh data.
143
143
  */
144
144
  class SkyErrorActionComponent {
145
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
146
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyErrorActionComponent, isStandalone: false, selector: "sky-error-action", ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
145
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
146
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: SkyErrorActionComponent, isStandalone: false, selector: "sky-error-action", ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
147
147
  }
148
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorActionComponent, decorators: [{
148
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorActionComponent, decorators: [{
149
149
  type: Component,
150
150
  args: [{
151
151
  selector: 'sky-error-action',
@@ -163,10 +163,10 @@ class SkyErrorService {
163
163
  this.replaceDefaultDescription = new BehaviorSubject(false);
164
164
  this.replaceDefaultTitle = new BehaviorSubject(false);
165
165
  }
166
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
167
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorService }); }
166
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
167
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorService }); }
168
168
  }
169
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorService, decorators: [{
169
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorService, decorators: [{
170
170
  type: Injectable
171
171
  }] });
172
172
 
@@ -186,10 +186,10 @@ class SkyErrorDescriptionComponent {
186
186
  constructor() {
187
187
  this.#errorSvc.replaceDefaultDescription.next(false);
188
188
  }
189
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
190
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyErrorDescriptionComponent, isStandalone: false, selector: "sky-error-description", inputs: { replaceDefaultDescription: "replaceDefaultDescription" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
189
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
190
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: SkyErrorDescriptionComponent, isStandalone: false, selector: "sky-error-description", inputs: { replaceDefaultDescription: "replaceDefaultDescription" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
191
191
  }
192
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorDescriptionComponent, decorators: [{
192
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorDescriptionComponent, decorators: [{
193
193
  type: Component,
194
194
  args: [{
195
195
  selector: 'sky-error-description',
@@ -205,10 +205,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
205
205
  * Specifies an image to display with the error message.
206
206
  */
207
207
  class SkyErrorImageComponent {
208
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
209
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyErrorImageComponent, isStandalone: false, selector: "sky-error-image", ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
208
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
209
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: SkyErrorImageComponent, isStandalone: false, selector: "sky-error-image", ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
210
210
  }
211
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorImageComponent, decorators: [{
211
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorImageComponent, decorators: [{
212
212
  type: Component,
213
213
  args: [{
214
214
  selector: 'sky-error-image',
@@ -234,10 +234,10 @@ class SkyErrorTitleComponent {
234
234
  constructor() {
235
235
  this.#errorSvc.replaceDefaultTitle.next(false);
236
236
  }
237
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
238
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.6", type: SkyErrorTitleComponent, isStandalone: false, selector: "sky-error-title", inputs: { replaceDefaultTitle: "replaceDefaultTitle" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
237
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
238
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: SkyErrorTitleComponent, isStandalone: false, selector: "sky-error-title", inputs: { replaceDefaultTitle: "replaceDefaultTitle" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
239
239
  }
240
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorTitleComponent, decorators: [{
240
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorTitleComponent, decorators: [{
241
241
  type: Component,
242
242
  args: [{
243
243
  selector: 'sky-error-title',
@@ -309,10 +309,10 @@ class SkyErrorComponent {
309
309
  // TODO: Need to implement the async `getString` method in a breaking change.
310
310
  return this.#resourcesSvc.getStringForLocale({ locale: 'en-US' }, key);
311
311
  }
312
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
313
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", 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.2/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.2/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.2/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.2/assets/images/errors/security.svg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
312
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
313
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.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.2/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.2/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.2/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.2/assets/images/errors/security.svg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
314
314
  }
315
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorComponent, decorators: [{
315
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorComponent, decorators: [{
316
316
  type: Component,
317
317
  args: [{ selector: 'sky-error', providers: [SkyErrorService], changeDetection: ChangeDetectionStrategy.Eager, 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.2/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.2/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.2/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.2/assets/images/errors/security.svg)}\n"] }]
318
318
  }], propDecorators: { errorType: [{
@@ -325,8 +325,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
325
325
  }] } });
326
326
 
327
327
  class SkyErrorModule {
328
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
329
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorModule, declarations: [SkyErrorComponent,
328
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
329
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorModule, declarations: [SkyErrorComponent,
330
330
  SkyErrorImageComponent,
331
331
  SkyErrorTitleComponent,
332
332
  SkyErrorDescriptionComponent,
@@ -335,9 +335,9 @@ class SkyErrorModule {
335
335
  SkyErrorTitleComponent,
336
336
  SkyErrorDescriptionComponent,
337
337
  SkyErrorActionComponent] }); }
338
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorModule, imports: [CommonModule, SkyErrorsResourcesModule] }); }
338
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorModule, imports: [CommonModule, SkyErrorsResourcesModule] }); }
339
339
  }
340
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SkyErrorModule, decorators: [{
340
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyErrorModule, decorators: [{
341
341
  type: NgModule,
342
342
  args: [{
343
343
  declarations: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/errors",
3
- "version": "15.0.0-alpha.3",
3
+ "version": "15.0.0-alpha.5",
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": "^22.0.4",
20
- "@angular/common": "^22.0.6",
21
- "@angular/core": "^22.0.6",
22
- "@angular/platform-browser": "^22.0.6",
23
- "@skyux-sdk/testing": "15.0.0-alpha.3",
24
- "@skyux/core": "15.0.0-alpha.3",
25
- "@skyux/i18n": "15.0.0-alpha.3",
26
- "@skyux/modals": "15.0.0-alpha.3"
19
+ "@angular/cdk": "^22.1.2",
20
+ "@angular/common": "^22.1.2",
21
+ "@angular/core": "^22.1.2",
22
+ "@angular/platform-browser": "^22.1.2",
23
+ "@skyux-sdk/testing": "15.0.0-alpha.5",
24
+ "@skyux/core": "15.0.0-alpha.5",
25
+ "@skyux/i18n": "15.0.0-alpha.5",
26
+ "@skyux/modals": "15.0.0-alpha.5"
27
27
  },
28
28
  "dependencies": {
29
29
  "tslib": "^2.8.1"