@odx/angular 4.0.2 → 4.1.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 ## 2.14.4
 
+## 4.1.0
+
+### Minor Changes
+
+- 909ed1a: new error page component
+
 ## 4.0.2
 
 ### Patch Changes

package/components/error-page/README.md

@@ -0,0 +1,3 @@
+# @odx/angular/components/dropdown
+
+Secondary entry point of `@odx/angular`. It can be used by importing from `@odx/angular/components/error-page`.

package/components/error-page/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/error-page.component';
+export * from './lib/error-page.config';

package/components/error-page/lib/error-page.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ErrorPageComponent {
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    options: import("./error-page.config").ErrorPageConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorPageComponent, "odx-error-page", never, {}, {}, never, never, true, never>;
+}

package/components/error-page/lib/error-page.config.d.ts

@@ -0,0 +1,16 @@
+import { EnvironmentProviders } from '@angular/core';
+import { DynamicContent } from '@odx/angular/cdk/dynamic-view';
+import { ConfigDependencies, ConfigProvider } from '@odx/angular/utils';
+export interface ErrorPageConfig {
+    icon?: string;
+    iconSet?: string;
+    title: string;
+    description?: DynamicContent;
+    actions: {
+        label: string;
+        action: () => void;
+    }[];
+    errorMessage?: string;
+}
+export declare const ErrorPageConfig: import("@angular/core").InjectionToken<Partial<ErrorPageConfig>>, ErrorPageDefaultConfig: ErrorPageConfig, injectErrorPageConfig: () => ErrorPageConfig, provideErrorPageConfig: <D extends ConfigDependencies<unknown> = ConfigDependencies<ErrorPageConfig>>(config: ConfigProvider<Partial<ErrorPageConfig>, D>) => import("@angular/core").FactoryProvider | import("@angular/core").ValueProvider;
+export declare function configureErrorPage<D extends ConfigDependencies>(config: ConfigProvider<Partial<ErrorPageConfig>, D>): EnvironmentProviders;

package/esm2022/components/error-page/index.mjs

@@ -0,0 +1,3 @@
+export * from './lib/error-page.component';
+export * from './lib/error-page.config';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9lcnJvci1wYWdlL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9lcnJvci1wYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9lcnJvci1wYWdlLmNvbmZpZyc7XG4iXX0=

package/esm2022/components/error-page/lib/error-page.component.mjs

@@ -0,0 +1,28 @@
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { IconComponent } from '@odx/angular/components/icon';
+import { LogoDirective } from '@odx/angular/components/logo';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import { injectErrorPageConfig } from './error-page.config';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export let ErrorPageComponent = class ErrorPageComponent {
+    constructor() {
+        this.element = injectElement();
+        this.options = injectErrorPageConfig();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ErrorPageComponent, isStandalone: true, selector: "odx-error-page", ngImport: i0, template: "<div class=\"odx-error-page__container\">\n  <div class=\"odx-error-page__icon-container\">\n    <odx-icon *ngIf=\"options.icon as icon; else logo\" size=\"xlarge\" [name]=\"icon\"></odx-icon>\n    <ng-template #logo><odx-logo size=\"large\"></odx-logo></ng-template>\n  </div>\n  <div class=\"odx-error-page__title\">{{ options.title }}</div>\n  <div *ngIf=\"options.description as description\" class=\"odx-error-page__description\">\n    <ng-template [odxDynamicView]=\"description\"></ng-template>\n  </div>\n  <div class=\"odx-error-page__actions\">\n    <button *ngFor=\"let button of options.actions; let isFirst = first\" [variant]=\"isFirst ? 'primary' : 'secondary'\" odxButton (click)=\"button.action()\">\n      {{ button.label }}\n    </button>\n  </div>\n</div>\n<div *ngIf=\"options.errorMessage as errorMessage\" class=\"odx-error-page__footer\">{{ errorMessage }}</div>\n", dependencies: [{ kind: "directive", type: LogoDirective, selector: "odx-logo", inputs: ["size", "variant"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet"] }, { kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+ErrorPageComponent = __decorate([
+    CSSComponent('error-page')
+], ErrorPageComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorPageComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-error-page', imports: [LogoDirective, IconComponent, CoreModule, ButtonComponent, DynamicViewDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"odx-error-page__container\">\n  <div class=\"odx-error-page__icon-container\">\n    <odx-icon *ngIf=\"options.icon as icon; else logo\" size=\"xlarge\" [name]=\"icon\"></odx-icon>\n    <ng-template #logo><odx-logo size=\"large\"></odx-logo></ng-template>\n  </div>\n  <div class=\"odx-error-page__title\">{{ options.title }}</div>\n  <div *ngIf=\"options.description as description\" class=\"odx-error-page__description\">\n    <ng-template [odxDynamicView]=\"description\"></ng-template>\n  </div>\n  <div class=\"odx-error-page__actions\">\n    <button *ngFor=\"let button of options.actions; let isFirst = first\" [variant]=\"isFirst ? 'primary' : 'secondary'\" odxButton (click)=\"button.action()\">\n      {{ button.label }}\n    </button>\n  </div>\n</div>\n<div *ngIf=\"options.errorMessage as errorMessage\" class=\"odx-error-page__footer\">{{ errorMessage }}</div>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3ItcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9lcnJvci1wYWdlL3NyYy9saWIvZXJyb3ItcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9lcnJvci1wYWdlL3NyYy9saWIvZXJyb3ItcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbkQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQVdyRCxXQUFNLGtCQUFrQixHQUF4QixNQUFNLGtCQUFrQjtJQUF4QjtRQUNXLFlBQU8sR0FBRyxhQUFhLEVBQUUsQ0FBQztRQUNuQyxZQUFPLEdBQUcscUJBQXFCLEVBQUUsQ0FBQztLQUMxQzsrR0FIWSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwwRUNuQi9CLDAzQkFnQkEsNENERFksYUFBYSxrRkFBRSxhQUFhLG1HQUFFLFVBQVUsZ1FBQUUsZUFBZSx5R0FBRSxvQkFBb0I7O0FBSTlFLGtCQUFrQjtJQVQ5QixZQUFZLENBQUMsWUFBWSxDQUFDO0dBU2Qsa0JBQWtCLENBRzlCOzRGQUhZLGtCQUFrQjtrQkFSOUIsU0FBUztpQ0FDSSxJQUFJLFlBQ04sZ0JBQWdCLFdBRWpCLENBQUMsYUFBYSxFQUFFLGFBQWEsRUFBRSxVQUFVLEVBQUUsZUFBZSxFQUFFLG9CQUFvQixDQUFDLG1CQUN6RSx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICdAb2R4L2FuZ3VsYXInO1xuaW1wb3J0IHsgRHluYW1pY1ZpZXdEaXJlY3RpdmUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY2RrL2R5bmFtaWMtdmlldyc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgTG9nb0RpcmVjdGl2ZSB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2xvZ28nO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuaW1wb3J0IHsgaW5qZWN0RXJyb3JQYWdlQ29uZmlnIH0gZnJvbSAnLi9lcnJvci1wYWdlLmNvbmZpZyc7XG5cbkBDU1NDb21wb25lbnQoJ2Vycm9yLXBhZ2UnKVxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnb2R4LWVycm9yLXBhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vZXJyb3ItcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIGltcG9ydHM6IFtMb2dvRGlyZWN0aXZlLCBJY29uQ29tcG9uZW50LCBDb3JlTW9kdWxlLCBCdXR0b25Db21wb25lbnQsIER5bmFtaWNWaWV3RGlyZWN0aXZlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEVycm9yUGFnZUNvbXBvbmVudCB7XG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xuICBwdWJsaWMgb3B0aW9ucyA9IGluamVjdEVycm9yUGFnZUNvbmZpZygpO1xufVxuIiwiPGRpdiBjbGFzcz1cIm9keC1lcnJvci1wYWdlX19jb250YWluZXJcIj5cbiAgPGRpdiBjbGFzcz1cIm9keC1lcnJvci1wYWdlX19pY29uLWNvbnRhaW5lclwiPlxuICAgIDxvZHgtaWNvbiAqbmdJZj1cIm9wdGlvbnMuaWNvbiBhcyBpY29uOyBlbHNlIGxvZ29cIiBzaXplPVwieGxhcmdlXCIgW25hbWVdPVwiaWNvblwiPjwvb2R4LWljb24+XG4gICAgPG5nLXRlbXBsYXRlICNsb2dvPjxvZHgtbG9nbyBzaXplPVwibGFyZ2VcIj48L29keC1sb2dvPjwvbmctdGVtcGxhdGU+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwib2R4LWVycm9yLXBhZ2VfX3RpdGxlXCI+e3sgb3B0aW9ucy50aXRsZSB9fTwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwib3B0aW9ucy5kZXNjcmlwdGlvbiBhcyBkZXNjcmlwdGlvblwiIGNsYXNzPVwib2R4LWVycm9yLXBhZ2VfX2Rlc2NyaXB0aW9uXCI+XG4gICAgPG5nLXRlbXBsYXRlIFtvZHhEeW5hbWljVmlld109XCJkZXNjcmlwdGlvblwiPjwvbmctdGVtcGxhdGU+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwib2R4LWVycm9yLXBhZ2VfX2FjdGlvbnNcIj5cbiAgICA8YnV0dG9uICpuZ0Zvcj1cImxldCBidXR0b24gb2Ygb3B0aW9ucy5hY3Rpb25zOyBsZXQgaXNGaXJzdCA9IGZpcnN0XCIgW3ZhcmlhbnRdPVwiaXNGaXJzdCA/ICdwcmltYXJ5JyA6ICdzZWNvbmRhcnknXCIgb2R4QnV0dG9uIChjbGljayk9XCJidXR0b24uYWN0aW9uKClcIj5cbiAgICAgIHt7IGJ1dHRvbi5sYWJlbCB9fVxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiAqbmdJZj1cIm9wdGlvbnMuZXJyb3JNZXNzYWdlIGFzIGVycm9yTWVzc2FnZVwiIGNsYXNzPVwib2R4LWVycm9yLXBhZ2VfX2Zvb3RlclwiPnt7IGVycm9yTWVzc2FnZSB9fTwvZGl2PlxuIl19

package/esm2022/components/error-page/lib/error-page.config.mjs

@@ -0,0 +1,10 @@
+import { makeEnvironmentProviders } from '@angular/core';
+import { createConfigTokens } from '@odx/angular/utils';
+export const { ErrorPageConfig, ErrorPageDefaultConfig, injectErrorPageConfig, provideErrorPageConfig } = createConfigTokens('ErrorPage', '@odx/components/error-page', {
+    title: '',
+    actions: [],
+});
+export function configureErrorPage(config) {
+    return makeEnvironmentProviders([provideErrorPageConfig(config)]);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3ItcGFnZS5jb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy9lcnJvci1wYWdlL3NyYy9saWIvZXJyb3ItcGFnZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF3Qix3QkFBd0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQXNDLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFlNUYsTUFBTSxDQUFDLE1BQU0sRUFBRSxlQUFlLEVBQUUsc0JBQXNCLEVBQUUscUJBQXFCLEVBQUUsc0JBQXNCLEVBQUUsR0FBRyxrQkFBa0IsQ0FDMUgsV0FBVyxFQUNYLDRCQUE0QixFQUM1QjtJQUNFLEtBQUssRUFBRSxFQUFFO0lBQ1QsT0FBTyxFQUFFLEVBQUU7Q0FDTyxDQUNyQixDQUFDO0FBRUYsTUFBTSxVQUFVLGtCQUFrQixDQUErQixNQUFtRDtJQUNsSCxPQUFPLHdCQUF3QixDQUFDLENBQUMsc0JBQXNCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQ3BFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbnZpcm9ubWVudFByb3ZpZGVycywgbWFrZUVudmlyb25tZW50UHJvdmlkZXJzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEeW5hbWljQ29udGVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jZGsvZHluYW1pYy12aWV3JztcbmltcG9ydCB7IENvbmZpZ0RlcGVuZGVuY2llcywgQ29uZmlnUHJvdmlkZXIsIGNyZWF0ZUNvbmZpZ1Rva2VucyB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRXJyb3JQYWdlQ29uZmlnIHtcbiAgaWNvbj86IHN0cmluZztcbiAgaWNvblNldD86IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBEeW5hbWljQ29udGVudDtcbiAgYWN0aW9uczoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgYWN0aW9uOiAoKSA9PiB2b2lkO1xuICB9W107XG5cbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgeyBFcnJvclBhZ2VDb25maWcsIEVycm9yUGFnZURlZmF1bHRDb25maWcsIGluamVjdEVycm9yUGFnZUNvbmZpZywgcHJvdmlkZUVycm9yUGFnZUNvbmZpZyB9ID0gY3JlYXRlQ29uZmlnVG9rZW5zKFxuICAnRXJyb3JQYWdlJyxcbiAgJ0BvZHgvY29tcG9uZW50cy9lcnJvci1wYWdlJyxcbiAge1xuICAgIHRpdGxlOiAnJyxcbiAgICBhY3Rpb25zOiBbXSxcbiAgfSBhcyBFcnJvclBhZ2VDb25maWcsXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gY29uZmlndXJlRXJyb3JQYWdlPEQgZXh0ZW5kcyBDb25maWdEZXBlbmRlbmNpZXM+KGNvbmZpZzogQ29uZmlnUHJvdmlkZXI8UGFydGlhbDxFcnJvclBhZ2VDb25maWc+LCBEPik6IEVudmlyb25tZW50UHJvdmlkZXJzIHtcbiAgcmV0dXJuIG1ha2VFbnZpcm9ubWVudFByb3ZpZGVycyhbcHJvdmlkZUVycm9yUGFnZUNvbmZpZyhjb25maWcpXSk7XG59XG4iXX0=

package/esm2022/components/error-page/odx-angular-components-error-page.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2R4LWFuZ3VsYXItY29tcG9uZW50cy1lcnJvci1wYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvZXJyb3ItcGFnZS9zcmMvb2R4LWFuZ3VsYXItY29tcG9uZW50cy1lcnJvci1wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/fesm2022/odx-angular-components-error-page.mjs

@@ -0,0 +1,42 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { makeEnvironmentProviders, Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { IconComponent } from '@odx/angular/components/icon';
+import { LogoDirective } from '@odx/angular/components/logo';
+import { CSSComponent } from '@odx/angular/internal';
+import { createConfigTokens, injectElement } from '@odx/angular/utils';
+import * as i1 from '@angular/common';
+
+const { ErrorPageConfig, ErrorPageDefaultConfig, injectErrorPageConfig, provideErrorPageConfig } = createConfigTokens('ErrorPage', '@odx/components/error-page', {
+    title: '',
+    actions: [],
+});
+function configureErrorPage(config) {
+    return makeEnvironmentProviders([provideErrorPageConfig(config)]);
+}
+
+let ErrorPageComponent = class ErrorPageComponent {
+    constructor() {
+        this.element = injectElement();
+        this.options = injectErrorPageConfig();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ErrorPageComponent, isStandalone: true, selector: "odx-error-page", ngImport: i0, template: "<div class=\"odx-error-page__container\">\n  <div class=\"odx-error-page__icon-container\">\n    <odx-icon *ngIf=\"options.icon as icon; else logo\" size=\"xlarge\" [name]=\"icon\"></odx-icon>\n    <ng-template #logo><odx-logo size=\"large\"></odx-logo></ng-template>\n  </div>\n  <div class=\"odx-error-page__title\">{{ options.title }}</div>\n  <div *ngIf=\"options.description as description\" class=\"odx-error-page__description\">\n    <ng-template [odxDynamicView]=\"description\"></ng-template>\n  </div>\n  <div class=\"odx-error-page__actions\">\n    <button *ngFor=\"let button of options.actions; let isFirst = first\" [variant]=\"isFirst ? 'primary' : 'secondary'\" odxButton (click)=\"button.action()\">\n      {{ button.label }}\n    </button>\n  </div>\n</div>\n<div *ngIf=\"options.errorMessage as errorMessage\" class=\"odx-error-page__footer\">{{ errorMessage }}</div>\n", dependencies: [{ kind: "directive", type: LogoDirective, selector: "odx-logo", inputs: ["size", "variant"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet"] }, { kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+ErrorPageComponent = __decorate([
+    CSSComponent('error-page')
+], ErrorPageComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorPageComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-error-page', imports: [LogoDirective, IconComponent, CoreModule, ButtonComponent, DynamicViewDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"odx-error-page__container\">\n  <div class=\"odx-error-page__icon-container\">\n    <odx-icon *ngIf=\"options.icon as icon; else logo\" size=\"xlarge\" [name]=\"icon\"></odx-icon>\n    <ng-template #logo><odx-logo size=\"large\"></odx-logo></ng-template>\n  </div>\n  <div class=\"odx-error-page__title\">{{ options.title }}</div>\n  <div *ngIf=\"options.description as description\" class=\"odx-error-page__description\">\n    <ng-template [odxDynamicView]=\"description\"></ng-template>\n  </div>\n  <div class=\"odx-error-page__actions\">\n    <button *ngFor=\"let button of options.actions; let isFirst = first\" [variant]=\"isFirst ? 'primary' : 'secondary'\" odxButton (click)=\"button.action()\">\n      {{ button.label }}\n    </button>\n  </div>\n</div>\n<div *ngIf=\"options.errorMessage as errorMessage\" class=\"odx-error-page__footer\">{{ errorMessage }}</div>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ErrorPageComponent, ErrorPageConfig, ErrorPageDefaultConfig, configureErrorPage, injectErrorPageConfig, provideErrorPageConfig };
+//# sourceMappingURL=odx-angular-components-error-page.mjs.map

package/fesm2022/odx-angular-components-error-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-error-page.mjs","sources":["../../../../libs/angular/components/error-page/src/lib/error-page.config.ts","../../../../libs/angular/components/error-page/src/lib/error-page.component.ts","../../../../libs/angular/components/error-page/src/lib/error-page.component.html","../../../../libs/angular/components/error-page/src/odx-angular-components-error-page.ts"],"sourcesContent":["import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { DynamicContent } from '@odx/angular/cdk/dynamic-view';\nimport { ConfigDependencies, ConfigProvider, createConfigTokens } from '@odx/angular/utils';\n\nexport interface ErrorPageConfig {\n  icon?: string;\n  iconSet?: string;\n  title: string;\n  description?: DynamicContent;\n  actions: {\n    label: string;\n    action: () => void;\n  }[];\n\n  errorMessage?: string;\n}\n\nexport const { ErrorPageConfig, ErrorPageDefaultConfig, injectErrorPageConfig, provideErrorPageConfig } = createConfigTokens(\n  'ErrorPage',\n  '@odx/components/error-page',\n  {\n    title: '',\n    actions: [],\n  } as ErrorPageConfig,\n);\n\nexport function configureErrorPage<D extends ConfigDependencies>(config: ConfigProvider<Partial<ErrorPageConfig>, D>): EnvironmentProviders {\n  return makeEnvironmentProviders([provideErrorPageConfig(config)]);\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { LogoDirective } from '@odx/angular/components/logo';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { injectErrorPageConfig } from './error-page.config';\n\n@CSSComponent('error-page')\n@Component({\n  standalone: true,\n  selector: 'odx-error-page',\n  templateUrl: './error-page.component.html',\n  imports: [LogoDirective, IconComponent, CoreModule, ButtonComponent, DynamicViewDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class ErrorPageComponent {\n  public readonly element = injectElement();\n  public options = injectErrorPageConfig();\n}\n","<div class=\"odx-error-page__container\">\n  <div class=\"odx-error-page__icon-container\">\n    <odx-icon *ngIf=\"options.icon as icon; else logo\" size=\"xlarge\" [name]=\"icon\"></odx-icon>\n    <ng-template #logo><odx-logo size=\"large\"></odx-logo></ng-template>\n  </div>\n  <div class=\"odx-error-page__title\">{{ options.title }}</div>\n  <div *ngIf=\"options.description as description\" class=\"odx-error-page__description\">\n    <ng-template [odxDynamicView]=\"description\"></ng-template>\n  </div>\n  <div class=\"odx-error-page__actions\">\n    <button *ngFor=\"let button of options.actions; let isFirst = first\" [variant]=\"isFirst ? 'primary' : 'secondary'\" odxButton (click)=\"button.action()\">\n      {{ button.label }}\n    </button>\n  </div>\n</div>\n<div *ngIf=\"options.errorMessage as errorMessage\" class=\"odx-error-page__footer\">{{ errorMessage }}</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;AAiBa,MAAA,EAAE,eAAe,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,GAAG,kBAAkB,CAC1H,WAAW,EACX,4BAA4B,EAC5B;AACE,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,OAAO,EAAE,EAAE;AACO,CAAA,EACpB;AAEI,SAAU,kBAAkB,CAA+B,MAAmD,EAAA;IAClH,OAAO,wBAAwB,CAAC,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACpE;;ACTa,IAAA,kBAAkB,GAAxB,MAAM,kBAAkB,CAAA;AAAxB,IAAA,WAAA,GAAA;QACW,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;QACnC,IAAO,CAAA,OAAA,GAAG,qBAAqB,EAAE,CAAC;AAC1C,KAAA;+GAHY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnB/B,03BAgBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDY,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,wBAAA,EAAA,uBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;AAI9E,kBAAkB,GAAA,UAAA,CAAA;IAT9B,YAAY,CAAC,YAAY,CAAC;AASd,CAAA,EAAA,kBAAkB,CAG9B,CAAA;4FAHY,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,gBAAgB,EAEjB,OAAA,EAAA,CAAC,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,oBAAoB,CAAC,EACzE,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,03BAAA,EAAA,CAAA;;;AEjBvC;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odx/angular",
-  "version": "4.0.2",
+  "version": "4.1.0",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
@@ -271,6 +271,12 @@
       "esm": "./esm2022/components/dropdown/odx-angular-components-dropdown.mjs",
       "default": "./fesm2022/odx-angular-components-dropdown.mjs"
     },
+    "./components/error-page": {
+      "types": "./components/error-page/index.d.ts",
+      "esm2022": "./esm2022/components/error-page/odx-angular-components-error-page.mjs",
+      "esm": "./esm2022/components/error-page/odx-angular-components-error-page.mjs",
+      "default": "./fesm2022/odx-angular-components-error-page.mjs"
+    },
     "./components/form-field": {
       "types": "./components/form-field/index.d.ts",
       "esm2022": "./esm2022/components/form-field/odx-angular-components-form-field.mjs",