@odx/angular 1.0.0-rc.8 → 1.0.0

package/components/icon/index.d.ts

@@ -1,2 +1,3 @@
 export * from './lib/icon.component';
+export * from './lib/icon.config';
 export * from './lib/models';

package/components/icon/lib/icon.component.d.ts

@@ -3,13 +3,11 @@ import { IconSize } from './models';
 import * as i0 from "@angular/core";
 export declare class IconComponent {
     static ngAcceptInputType_inline: BooleanInput;
-    private iconName;
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     inline: boolean;
     size: IconSize;
-    set name(value: string | null);
-    get name(): string | null;
-    private getIconClass;
+    name: string | null;
+    iconSet: string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "odx-icon", never, { "inline": "inline"; "size": "size"; "name": "name"; }, {}, never, never, true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "odx-icon", never, { "inline": "inline"; "size": "size"; "name": "name"; "iconSet": "iconSet"; }, {}, never, never, true, never>;
 }

package/components/icon/lib/icon.config.d.ts

@@ -0,0 +1,4 @@
+export interface IconConfig {
+    defaultIconSet: string;
+}
+export declare const IconConfig: import("@angular/core").InjectionToken<Partial<IconConfig>>, IconDefaultConfig: IconConfig, injectIconConfig: () => IconConfig, provideIconConfig: <D extends import("@odx/angular/utils").ConfigDependencies<unknown> = import("@odx/angular/utils").ConfigDependencies<IconConfig>>(config: import("@odx/angular/utils").ConfigProvider<Partial<IconConfig>, D>) => import("@angular/core").FactoryProvider | import("@angular/core").ValueProvider;

package/components/icon/lib/models/icon-size.d.ts

@@ -1,7 +1,8 @@
-export declare type IconSize = typeof IconSize[keyof typeof IconSize];
+export type IconSize = (typeof IconSize)[keyof typeof IconSize];
 export declare const IconSize: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
     readonly LARGE: "large";
+    readonly XLARGE: "xlarge";
     readonly INLINE: "inline";
 };

package/components/inline-message/index.d.ts

@@ -1,2 +1,2 @@
 export * from './lib/inline-message.component';
-export * from './lib/models/inline-message-variant';
+export * from './lib/models';

package/components/inline-message/lib/inline-message.component.d.ts

@@ -1,9 +1,9 @@
-import { InlineMessageVariant } from './models/inline-message-variant';
+import { InlineMessageVariant } from './models';
 import * as i0 from "@angular/core";
 export declare class InlineMessageComponent {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     variant?: InlineMessageVariant | null;
     get icon(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InlineMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InlineMessageComponent, "odx-inline-message", never, { "variant": "variant"; }, {}, never, ["*"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InlineMessageComponent, "odx-inline-message", never, { "variant": "variant"; }, {}, never, ["*"], true, never>;
 }

package/components/inline-message/lib/models/index.d.ts

@@ -0,0 +1 @@
+export * from './inline-message-variant';

package/components/inline-message/lib/models/inline-message-variant.d.ts

@@ -1,4 +1,4 @@
-export declare type InlineMessageVariant = typeof InlineMessageVariant[keyof typeof InlineMessageVariant];
+export type InlineMessageVariant = typeof InlineMessageVariant[keyof typeof InlineMessageVariant];
 export declare const InlineMessageVariant: {
     readonly DEFAULT: "default";
     readonly WARNING: "warning";

package/components/link/link.directive.d.ts

@@ -1,9 +1,7 @@
-import { DisabledController } from '@odx/angular';
 import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular";
 export declare class LinkDirective {
-    protected readonly disabledController: DisabledController | null;
     readonly element: import("@angular/core").ElementRef<HTMLLinkElement>;
-    get isDisabled(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LinkDirective, "a[odxLink]", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LinkDirective, "a[odxLink]", never, {}, {}, never, never, true, [{ directive: typeof i1.WithDisabledState; inputs: {}; outputs: {}; }, { directive: typeof i1.WithTabIndex; inputs: {}; outputs: {}; }]>;
 }

package/components/list/lib/components/expandable-list-item/expandable-list-item.component.d.ts

@@ -0,0 +1,14 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ExpandableItemDirective } from '@odx/angular/cdk/expandable';
+import * as i0 from "@angular/core";
+export declare class ExpandableListItemComponent extends ExpandableItemDirective {
+    static ngAcceptInputType_selected: BooleanInput;
+    static ngAcceptInputType_danger: BooleanInput;
+    private readonly disabledController;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    danger: boolean;
+    get isDisabled(): boolean;
+    get isExpanded(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpandableListItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpandableListItemComponent, "odx-expandable-list-item", never, { "danger": "danger"; }, {}, never, ["*", "odx-list"], true, never>;
+}

package/components/list/lib/components/index.d.ts

@@ -1 +1,2 @@
-export * from "./list-item.component";
+export * from './expandable-list-item/expandable-list-item.component';
+export * from './list-item/list-item.component';

package/components/list/lib/components/{list-item.component.d.ts → list-item/list-item.component.d.ts}

@@ -1,14 +1,12 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { DisabledController } from '@odx/angular';
 import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular";
 export declare class ListItemComponent {
     static ngAcceptInputType_selected: BooleanInput;
     static ngAcceptInputType_danger: BooleanInput;
-    protected readonly disabledController: DisabledController | null;
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
-    get isDisabled(): boolean;
     danger: boolean;
     selected: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemComponent, "[odxListItem]", never, { "danger": "danger"; "selected": "selected"; }, {}, never, ["[odxListPrefix]", "*", "[odxListSuffix]"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemComponent, "[odxListItem]", never, { "danger": "danger"; "selected": "selected"; }, {}, never, ["[odxListPrefix]", "*", "[odxListSuffix]"], true, [{ directive: typeof i1.WithDisabledState; inputs: {}; outputs: {}; }, { directive: typeof i1.WithTabIndex; inputs: {}; outputs: {}; }]>;
 }

package/components/list/lib/list.component.d.ts

@@ -1,5 +1,8 @@
+import { ExpandableContainerDirective } from '@odx/angular/cdk/expandable';
 import * as i0 from "@angular/core";
-export declare class ListComponent {
+export declare class ListComponent extends ExpandableContainerDirective {
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    multiple: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "odx-list", never, {}, {}, never, ["[odxListItem]"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "odx-list", never, { "multiple": "multiple"; }, {}, never, ["[odxListItem], odx-expandable-list-item"], true, never>;
 }

package/components/list/lib/list.module.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./list.component";
-import * as i2 from "./components/list-item.component";
-import * as i3 from "@odx/angular/components/icon";
+import * as i2 from "./components/list-item/list-item.component";
+import * as i3 from "./components/expandable-list-item/expandable-list-item.component";
+import * as i4 from "@odx/angular/components/icon";
 export declare class ListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ListModule, never, [typeof i1.ListComponent, typeof i2.ListItemComponent, typeof i3.IconComponent], [typeof i1.ListComponent, typeof i2.ListItemComponent, typeof i3.IconComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ListModule, never, [typeof i1.ListComponent, typeof i2.ListItemComponent, typeof i3.ExpandableListItemComponent, typeof i4.IconComponent], [typeof i1.ListComponent, typeof i2.ListItemComponent, typeof i3.ExpandableListItemComponent, typeof i4.IconComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ListModule>;
 }

package/components/loading-spinner/lib/loading-spinner.component.d.ts

@@ -11,5 +11,5 @@ export declare class LoadingSpinnerComponent implements OnInit {
     protected animationFinished({ toState }: AnimationEvent): void;
     private resolveBackgroundColor;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingSpinnerComponent, "odx-loading-spinner", never, { "autoColor": "autoColor"; }, {}, never, never, true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingSpinnerComponent, "odx-loading-spinner", never, { "autoColor": "autoColor"; }, {}, never, never, true, never>;
 }

package/components/loading-spinner/lib/loading-spinner.directive.d.ts

@@ -4,6 +4,8 @@ export declare class LoadingSpinnerDirective {
     static ngAcceptInputType_autoColor: BooleanInput;
     static ngAcceptInputType_isLoading: BooleanInput;
     static ngAcceptInputType_minHeight: NumberInput;
+    private readonly disabledController;
+    private readonly hasDisabledControllerOnHost;
     private readonly dynamicViewService;
     private readonly hostElement;
     private readonly renderer;
@@ -12,14 +14,14 @@ export declare class LoadingSpinnerDirective {
     private parentMinHeight?;
     private viewRef;
     autoColor: boolean;
-    set isLoading(value: boolean | null | undefined);
+    set isLoading(value: unknown);
     get isLoading(): boolean;
     set minHeight(value: unknown);
+    resetParentStyles(): void;
     private setParentHeight;
     private createSpinner;
     private removeSpinner;
-    resetParentStyles(): void;
     private hasStaticPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingSpinnerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LoadingSpinnerDirective, "[odxLoadingSpinner]", never, { "autoColor": "odxLoadingSpinnerAutoColor"; "isLoading": "odxLoadingSpinner"; "minHeight": "odxLoadingSpinnerMinHeight"; }, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LoadingSpinnerDirective, "[odxLoadingSpinner]", never, { "autoColor": "odxLoadingSpinnerAutoColor"; "isLoading": "odxLoadingSpinner"; "minHeight": "odxLoadingSpinnerMinHeight"; }, {}, never, never, true, never>;
 }

package/components/logo/logo.directive.d.ts

@@ -5,5 +5,5 @@ export declare class LogoDirective {
     size: LogoSize;
     variant: LogoVariant;
     static ɵfac: i0.ɵɵFactoryDeclaration<LogoDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LogoDirective, "odx-logo", never, { "size": "size"; "variant": "variant"; }, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LogoDirective, "odx-logo", never, { "size": "size"; "variant": "variant"; }, {}, never, never, true, never>;
 }

package/components/logo/models/logo-size.d.ts

@@ -1,4 +1,4 @@
-export declare type LogoSize = typeof LogoSize[keyof typeof LogoSize];
+export type LogoSize = typeof LogoSize[keyof typeof LogoSize];
 export declare const LogoSize: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";

package/components/logo/models/logo-variant.d.ts

@@ -1,4 +1,4 @@
-export declare type LogoVariant = typeof LogoVariant[keyof typeof LogoVariant];
+export type LogoVariant = typeof LogoVariant[keyof typeof LogoVariant];
 export declare const LogoVariant: {
     readonly DEFAULT: "default";
     readonly INVERSE: "inverse";

package/components/main-menu/lib/directives/main-menu-button.directive.d.ts

@@ -4,5 +4,5 @@ export declare class MainMenuButtonDirective {
     readonly element: import("@angular/core").ElementRef<HTMLButtonElement>;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainMenuButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MainMenuButtonDirective, "button[odxMainMenuButton]", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MainMenuButtonDirective, "button[odxMainMenuButton]", never, {}, {}, never, never, true, never>;
 }

package/components/main-menu/lib/directives/main-menu-item.directive.d.ts

@@ -1,14 +1,14 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { RouterLinkActive } from '@angular/router';
-import { DisabledController } from '@odx/angular';
 import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular";
 export declare class MainMenuItemDirective {
     static readonly ngAcceptInputType_isSelected: BooleanInput;
-    protected readonly disabledController: DisabledController | null;
+    private readonly mainMenu;
     protected readonly routerLinkActive: RouterLinkActive | null;
     readonly element: import("@angular/core").ElementRef<HTMLLinkElement>;
-    get isDisabled(): boolean;
     isSelected: boolean;
+    protected onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainMenuItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MainMenuItemDirective, "[odxMainMenuItem]", never, { "isSelected": "isSelected"; }, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MainMenuItemDirective, "[odxMainMenuItem]", never, { "isSelected": "isSelected"; }, {}, never, never, true, [{ directive: typeof i1.WithDisabledState; inputs: {}; outputs: {}; }, { directive: typeof i1.WithTabIndex; inputs: {}; outputs: {}; }]>;
 }

package/components/main-menu/lib/main-menu.component.d.ts

@@ -13,5 +13,5 @@ export declare class MainMenuComponent {
     menuOpen: import("rxjs").Observable<boolean>;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainMenuComponent, "odx-main-menu", never, { "title": "title"; "subtitle": "subtitle"; "copyright": "copyright"; "isOpen": "isOpen"; }, { "menuOpen": "menuOpen"; }, never, ["*", "[odxLink]"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainMenuComponent, "odx-main-menu", never, { "title": "title"; "subtitle": "subtitle"; "copyright": "copyright"; "isOpen": "isOpen"; }, { "menuOpen": "menuOpen"; }, never, ["*", "[odxLink]"], true, never>;
 }

package/components/mainfilter-group/README.md

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

package/components/mainfilter-group/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/mainfilter-group.component';

package/components/mainfilter-group/lib/mainfilter-group.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class MainfilterGroupComponent {
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MainfilterGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainfilterGroupComponent, "odx-mainfilter-group", never, {}, {}, never, ["*"], true, never>;
+}

package/components/menu/README.md

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

package/components/menu/index.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/directives';
+export * from './lib/menu.component';
+export * from './lib/menu.directive';
+export * from './lib/menu.module';

package/components/menu/lib/directives/index.d.ts

@@ -0,0 +1 @@
+export * from './menu-item.directive';

package/components/menu/lib/directives/menu-item.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular/cdk/a11y";
+export declare class MenuItemDirective {
+    readonly element: import("@angular/core").ElementRef<HTMLButtonElement | HTMLLinkElement>;
+    protected selectItem(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItemDirective, "odx-menu a[odxButton], odx-menu button[odxButton]", never, {}, {}, never, never, true, [{ directive: typeof i1.ListFocusManagerOptionDirective; inputs: {}; outputs: {}; }]>;
+}

package/components/menu/lib/menu.component.d.ts

@@ -0,0 +1,11 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular/cdk/a11y";
+export declare class MenuComponent {
+    static ngAcceptInputType_tile: BooleanInput;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    tile: boolean;
+    onTab(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "odx-menu", never, { "tile": "tile"; }, {}, never, ["*", "[odxButton]"], true, [{ directive: typeof i1.ListFocusManagerDirective; inputs: {}; outputs: {}; }]>;
+}

package/components/menu/lib/menu.directive.d.ts

@@ -0,0 +1,17 @@
+import { OnChanges } from '@angular/core';
+import { DynamicContent, DynamicTextContent } from '@odx/angular/cdk/dynamic-view';
+import { DropdownDirective } from '@odx/angular/components/dropdown';
+import { NgChanges, Position } from '@odx/angular/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular/components/dropdown";
+export declare class MenuDirective implements OnChanges {
+    protected readonly dropdown: DropdownDirective;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    content?: Exclude<DynamicContent, DynamicTextContent> | null;
+    position?: Position | null;
+    ngOnChanges(changes: NgChanges<MenuDirective>): void;
+    isOpen(): boolean;
+    close(event?: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuDirective, "[odxMenu]", ["odxMenu"], { "content": "odxMenu"; "position": "odxMenuPosition"; }, {}, never, never, true, [{ directive: typeof i1.DropdownDirective; inputs: { "odxDropdown": "odxMenu"; }; outputs: {}; }]>;
+}

package/components/menu/lib/menu.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./menu.component";
+import * as i2 from "./menu.directive";
+import * as i3 from "./directives/menu-item.directive";
+import * as i4 from "@odx/angular";
+export declare class MenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MenuModule, never, [typeof i1.MenuComponent, typeof i2.MenuDirective, typeof i3.MenuItemDirective], [typeof i4.CoreModule, typeof i1.MenuComponent, typeof i2.MenuDirective, typeof i3.MenuItemDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MenuModule>;
+}

package/components/modal/index.d.ts

@@ -1,9 +1,9 @@
 export * from './lib/components';
 export * from './lib/directives';
+export * from './lib/helpers';
 export * from './lib/modal.component';
 export * from './lib/modal.config';
 export * from './lib/modal.directive';
 export * from './lib/modal.module';
 export * from './lib/modal.service';
 export * from './lib/models';
-export * from './lib/services';

package/components/modal/lib/components/basic-modal/basic-modal.component.d.ts

@@ -0,0 +1,10 @@
+import { BasicModalOptions, GetModalActionData, Modal } from '../../models';
+import * as i0 from "@angular/core";
+export declare class BasicModalComponent<Result = unknown> implements Modal<BasicModalOptions<Result>, GetModalActionData<BasicModalOptions<Result>>> {
+    protected readonly injector: import("@angular/core").Injector;
+    readonly modalRef: import("../../models").ModalRef<BasicModalOptions<Result>, Exclude<Result, undefined>>;
+    protected get data(): BasicModalOptions<Result>;
+    protected trackByIndex(index: number): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BasicModalComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicModalComponent<any>, "odx-basic-modal", never, {}, {}, never, never, true, never>;
+}

package/components/modal/lib/components/index.d.ts

@@ -1,2 +1,4 @@
+export * from './basic-modal/basic-modal.component';
 export * from './modal-footer/modal-footer.component';
 export * from './modal-header/modal-header.component';
+export * from './modal-hero/modal-hero.component';

package/components/modal/lib/components/modal-footer/modal-footer.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class ModalFooterComponent {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalFooterComponent, "odx-modal-footer", never, {}, {}, never, ["*"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalFooterComponent, "odx-modal-footer", never, {}, {}, never, ["*"], true, never>;
 }

package/components/modal/lib/components/modal-header/modal-header.component.d.ts

@@ -8,5 +8,5 @@ export declare class ModalHeaderComponent implements AfterContentInit {
     constructor();
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalHeaderComponent, "odx-modal-header", never, {}, {}, ["areaHeaderComponent"], ["odx-area-header"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalHeaderComponent, "odx-modal-header", never, {}, {}, ["areaHeaderComponent"], ["odx-area-header"], true, never>;
 }

package/components/modal/lib/components/modal-hero/modal-hero.component.d.ts

@@ -0,0 +1,11 @@
+import { ModalHeroVariant } from '../../models';
+import * as i0 from "@angular/core";
+export declare class ModalHeroComponent {
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    readonly modalRef: import("../../models").ModalRef<unknown, unknown>;
+    icon?: string | null;
+    variant?: ModalHeroVariant | null;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalHeroComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalHeroComponent, "odx-modal-hero", never, { "icon": "icon"; "variant": "variant"; }, {}, never, ["*"], true, never>;
+}

package/components/modal/lib/directives/modal-close.directive.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class ModalCloseDirective<T = unknown> {
     private readonly modalRef;
-    result: T | null;
+    result?: T | null;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalCloseDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalCloseDirective<any>, "[odxModalClose]", never, { "result": "odxModalClose"; }, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalCloseDirective<any>, "[odxModalClose]", never, { "result": "odxModalClose"; }, {}, never, never, true, never>;
 }

package/components/modal/lib/directives/modal-content.directive.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class ModalContentDirective {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalContentDirective, "odx-modal-content", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalContentDirective, "odx-modal-content", never, {}, {}, never, never, true, never>;
 }

package/components/modal/lib/directives/modal-dismiss.directive.d.ts

@@ -3,5 +3,5 @@ export declare class ModalDismissDirective {
     private readonly modalRef;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalDismissDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalDismissDirective, "[odxModalDismiss]", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalDismissDirective, "[odxModalDismiss]", never, {}, {}, never, never, true, never>;
 }

package/components/modal/lib/helpers/inject-modal-ref.d.ts

@@ -1,2 +1,2 @@
 import { ModalRef } from '../models';
-export declare function injectModalRef<T>(): ModalRef<T>;
+export declare function injectModalRef<Data, Result = unknown>(): ModalRef<Data, Result>;

package/components/modal/lib/modal.component.d.ts

@@ -1,6 +1,8 @@
+import { OnChanges } from '@angular/core';
 import { DynamicContent, DynamicTextContent } from '@odx/angular/cdk/dynamic-view';
+import { NgChanges } from '@odx/angular/utils';
 import * as i0 from "@angular/core";
-export declare class ModalComponent {
+export declare class ModalComponent implements OnChanges {
     protected readonly modalRef: import("@odx/angular/components/modal").ModalRef<unknown, unknown>;
     protected readonly injector: import("@angular/core").Injector;
     protected readonly context: {
@@ -9,9 +11,11 @@ export declare class ModalComponent {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     size: import("@odx/angular/components/modal").ModalSize;
     variant: import("@odx/angular/components/modal").ModalVariant;
+    withComponent: boolean;
     content: Exclude<DynamicContent, DynamicTextContent>;
     constructor();
-    onClose(): void;
+    ngOnChanges(changes: NgChanges<ModalComponent>): void;
+    protected onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "odx-modal", never, { "content": "content"; }, {}, never, never, true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "odx-modal", never, { "content": "content"; }, {}, never, never, true, never>;
 }

package/components/modal/lib/modal.config.d.ts

@@ -1,3 +1,3 @@
 import { ModalInstanceOptions } from './models';
-export declare type ModalModuleConfig = Omit<ModalInstanceOptions, 'id' | 'host' | 'data'>;
-export declare const ModalDefaultModuleConfig: ModalModuleConfig, ModalModuleConfig: import("@angular/core").InjectionToken<Partial<ModalModuleConfig>>, injectModalModuleConfig: () => ModalModuleConfig;
+export type ModalConfig = Omit<ModalInstanceOptions, 'id' | 'host' | 'data'>;
+export declare const ModalDefaultConfig: ModalConfig, ModalConfig: import("@angular/core").InjectionToken<Partial<ModalConfig>>, injectModalConfig: () => ModalConfig, provideModalConfig: <D extends import("@odx/angular/utils").ConfigDependencies<unknown> = import("@odx/angular/utils").ConfigDependencies<ModalConfig>>(config: import("@odx/angular/utils").ConfigProvider<Partial<ModalConfig>, D>) => import("@angular/core").ValueProvider | import("@angular/core").FactoryProvider;

package/components/modal/lib/modal.directive.d.ts

@@ -14,5 +14,5 @@ export declare class ModalDirective implements OnChanges, OnDestroy {
     open(): void;
     dismiss(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalDirective, "ng-template[odxModal]", ["odxModal"], { "modalOptions": "odxModal"; }, { "modalClose": "odxModalClose"; "modalDismiss": "odxModalDismiss"; }, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalDirective, "ng-template[odxModal]", ["odxModal"], { "modalOptions": "odxModal"; }, { "modalClose": "odxModalClose"; "modalDismiss": "odxModalDismiss"; }, never, never, true, never>;
 }

package/components/modal/lib/modal.module.d.ts

@@ -1,21 +1,18 @@
-import { ModuleWithProviders } from '@angular/core';
-import { ModuleConfigDependencies, ModuleConfigProvider } from '@odx/angular/utils';
-import { ModalModuleConfig } from './modal.config';
 import * as i0 from "@angular/core";
 import * as i1 from "@odx/angular/components/button";
 import * as i2 from "@odx/angular/components/button-group";
 import * as i3 from "./modal.component";
 import * as i4 from "./components/modal-header/modal-header.component";
-import * as i5 from "./components/modal-footer/modal-footer.component";
-import * as i6 from "./modal.directive";
-import * as i7 from "./directives/modal-close.directive";
-import * as i8 from "./directives/modal-content.directive";
-import * as i9 from "./directives/modal-dismiss.directive";
-import * as i10 from "@odx/angular";
-import * as i11 from "@odx/angular/components/area-header";
+import * as i5 from "./components/modal-hero/modal-hero.component";
+import * as i6 from "./components/modal-footer/modal-footer.component";
+import * as i7 from "./modal.directive";
+import * as i8 from "./directives/modal-close.directive";
+import * as i9 from "./directives/modal-content.directive";
+import * as i10 from "./directives/modal-dismiss.directive";
+import * as i11 from "@odx/angular";
+import * as i12 from "@odx/angular/components/area-header";
 export declare class ModalModule {
-    static forRoot<D extends ModuleConfigDependencies>(config: ModuleConfigProvider<Partial<ModalModuleConfig>, D>): ModuleWithProviders<ModalModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, never, [typeof i1.ButtonComponent, typeof i2.ButtonGroupComponent, typeof i3.ModalComponent, typeof i4.ModalHeaderComponent, typeof i5.ModalFooterComponent, typeof i6.ModalDirective, typeof i7.ModalCloseDirective, typeof i8.ModalContentDirective, typeof i9.ModalDismissDirective], [typeof i10.CoreModule, typeof i11.AreaHeaderModule, typeof i1.ButtonComponent, typeof i2.ButtonGroupComponent, typeof i3.ModalComponent, typeof i4.ModalHeaderComponent, typeof i5.ModalFooterComponent, typeof i6.ModalDirective, typeof i7.ModalCloseDirective, typeof i8.ModalContentDirective, typeof i9.ModalDismissDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, never, [typeof i1.ButtonComponent, typeof i2.ButtonGroupComponent, typeof i3.ModalComponent, typeof i4.ModalHeaderComponent, typeof i5.ModalHeroComponent, typeof i6.ModalFooterComponent, typeof i7.ModalDirective, typeof i8.ModalCloseDirective, typeof i9.ModalContentDirective, typeof i10.ModalDismissDirective], [typeof i11.CoreModule, typeof i12.AreaHeaderModule, typeof i1.ButtonComponent, typeof i2.ButtonGroupComponent, typeof i3.ModalComponent, typeof i4.ModalHeaderComponent, typeof i5.ModalHeroComponent, typeof i6.ModalFooterComponent, typeof i7.ModalDirective, typeof i8.ModalCloseDirective, typeof i9.ModalContentDirective, typeof i10.ModalDismissDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ModalModule>;
 }

package/components/modal/lib/modal.service.d.ts

@@ -1,15 +1,20 @@
+import { Location } from '@angular/common';
 import { TemplateRef } from '@angular/core';
-import { ModalOptions, ModalRef, ModalType } from './models';
+import { BasicModalOptions, GetModalActionData, ModalOptions, ModalRef, ModalType } from './models';
 import * as i0 from "@angular/core";
 export declare class ModalService {
     private static ID;
+    private readonly config;
+    private readonly openModals;
     private readonly injector;
-    private readonly moduleConfig;
-    private readonly openModalManager;
     private readonly dynamicViewService;
-    readonly openModals$: import("rxjs").Observable<ModalRef<unknown, unknown>[]>;
+    readonly openModals$: import("rxjs").Observable<(ModalRef<unknown, unknown> & {
+        id: string | number;
+    })[]>;
+    constructor(location: Location);
     dismissAll(): void;
     getModalById<Data = unknown, Result = unknown>(id: ModalOptions['id']): ModalRef<Data, Result> | null;
+    create<Data extends BasicModalOptions, Result = GetModalActionData<Data>>(modal: Data, options?: Partial<ModalOptions<Data>>): ModalRef<Data, Result>;
     open<Data, Result, T>(content: TemplateRef<T>, options?: Partial<ModalOptions<Data>>): ModalRef<Data, Result>;
     open<Data, Result, T = unknown>(content: ModalType<T, Data, Result>, options?: Partial<ModalOptions<Data>>): ModalRef<Data, Result>;
     private attachModal;

package/components/modal/lib/models/basic-modal-options.d.ts

@@ -0,0 +1,17 @@
+import { DynamicContent, DynamicTextContent } from '@odx/angular/cdk/dynamic-view';
+import { ButtonVariant } from '@odx/angular/components/button';
+import { ModalHeroVariant } from './modal-hero-variant';
+interface ModalAction<Result = unknown> {
+    label: string;
+    data?: Result;
+    variant?: ButtonVariant;
+}
+export type GetModalActionData<T extends BasicModalOptions> = Exclude<T['actions'][number]['data'], undefined>;
+export interface BasicModalOptions<Result = unknown> {
+    title: DynamicTextContent;
+    actions: ModalAction<Result>[];
+    content?: DynamicContent;
+    heroIcon?: string;
+    heroVariant?: ModalHeroVariant;
+}
+export {};

package/components/modal/lib/models/index.d.ts

@@ -1,3 +1,5 @@
+export * from './basic-modal-options';
+export * from './modal-hero-variant';
 export * from './modal-options';
 export * from './modal-ref';
 export * from './modal-size';

package/components/modal/lib/models/modal-hero-variant.d.ts

@@ -0,0 +1,7 @@
+export type ModalHeroVariant = (typeof ModalHeroVariant)[keyof typeof ModalHeroVariant];
+export declare const ModalHeroVariant: {
+    readonly PRIMARY: "primary";
+    readonly SUCCESS: "success";
+    readonly CONFIRMATION: "confirmation";
+    readonly DANGER: "danger";
+};

package/components/modal/lib/models/modal-options.d.ts

@@ -4,6 +4,7 @@ import { ModalVariant } from './modal-variant';
 export interface ModalInstanceOptions {
     id: string;
     dismissable: boolean;
+    interactiveBackdrop: boolean;
     size: ModalSize;
     variant: ModalVariant;
 }
@@ -12,4 +13,4 @@ export interface ModalOptionsExtras<Data> {
     host: Element | ViewContainerRef;
     dismissOnNavigation: boolean;
 }
-export declare type ModalOptions<D = unknown> = ModalInstanceOptions & ModalOptionsExtras<D>;
+export type ModalOptions<D = unknown> = ModalInstanceOptions & ModalOptionsExtras<D>;

package/components/modal/lib/models/modal-ref.d.ts

@@ -6,13 +6,15 @@ export declare class ModalRef<Data = unknown, Result = unknown> extends Controll
     private readonly onDismiss$$;
     readonly onClose$: import("rxjs").Observable<Result>;
     readonly onDismiss$: import("rxjs").Observable<void>;
-    readonly onDestroy$: import("rxjs").Observable<void | Result>;
+    readonly onDestroy$: import("rxjs").Observable<void>;
+    readonly isActive: () => boolean;
+    get id(): string;
     get modalTitleId(): string;
     get data(): Data;
     get options(): ModalOptions<Data>;
-    constructor(internalOptions: ModalOptions<Data>);
+    constructor(internalOptions: ModalOptions<Data>, isActive: (modalRef: ModalRef<Data, Result>) => boolean);
     update(options: Partial<ModalOptions<Data>>): void;
-    dismiss(): void;
+    dismiss(force?: boolean): void;
     close(result: Result): void;
-    private destroy;
+    destroy(): void;
 }