@odx/angular 1.0.0-rc.7 → 1.0.0-rc.9

package/components/dropdown/lib/models/close-dropdown-event.d.ts

@@ -0,0 +1,4 @@
+export declare class CloseDropdownEvent extends Event {
+    static readonly TYPE = "odxDropdownClose";
+    constructor();
+}

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

@@ -1,3 +1,3 @@
 import { ConnectedOverlayOptions } from '@odx/angular/cdk/connected-overlay';
-export declare type DropdownOptions = Pick<ConnectedOverlayOptions, 'position' | 'enableFallback' | 'matchReferenceWidth' | 'minHeight'>;
+export declare type DropdownOptions = Pick<ConnectedOverlayOptions, 'position' | 'containerClass' | 'enableFallback' | 'matchReferenceWidth' | 'minHeight' | 'offset' | 'showArrow'>;
 export declare const DefaultDropdownOptions: DropdownOptions;

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

@@ -1 +1,2 @@
+export * from './close-dropdown-event';
 export * from './dropdown-options';

package/components/form-field/lib/components/form-field-info/form-field-info.component.d.ts

@@ -5,5 +5,5 @@ export declare class FormFieldInfoComponent {
     protected readonly formFieldService: FormFieldService;
     error: FormFieldError | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldInfoComponent, "odx-form-field-info", never, { "error": "error"; }, {}, never, ["*"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldInfoComponent, "odx-form-field-info", never, { "error": "error"; }, {}, never, ["*"], true, never>;
 }

package/components/form-field/lib/components/form-group/form-group.component.d.ts

@@ -9,5 +9,5 @@ export declare class FormGroupComponent implements AfterContentInit {
     formFieldErrorServices: QueryList<FormFieldErrorService>;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormGroupComponent, "odx-form-group", never, {}, {}, ["formFieldErrorServices"], ["odx-form-field", "odx-form-field-hint"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormGroupComponent, "odx-form-group", never, {}, {}, ["formFieldErrorServices"], ["odx-form-field", "odx-form-field-hint"], true, never>;
 }

package/components/form-field/lib/directives/form-field-control.directive.d.ts

@@ -17,5 +17,5 @@ export declare class FormFieldControlDirective implements OnInit, OnDestroy {
     private registerOnChange;
     private registerOnSubmit;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldControlDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FormFieldControlDirective, "[odxFormFieldControl]", ["odxFormFieldControl"], {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormFieldControlDirective, "[odxFormFieldControl]", ["odxFormFieldControl"], {}, {}, never, never, true, never>;
 }

package/components/form-field/lib/directives/form-field-error.directive.d.ts

@@ -6,5 +6,5 @@ export declare class FormFieldErrorDirective implements OnInit {
     key?: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldErrorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FormFieldErrorDirective, "[odxFormFieldError]", never, { "key": "odxFormFieldError"; }, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormFieldErrorDirective, "[odxFormFieldError]", never, { "key": "odxFormFieldError"; }, {}, never, never, true, never>;
 }

package/components/form-field/lib/directives/form-field-hint.directive.d.ts

@@ -4,5 +4,5 @@ export declare class FormFieldHintDirective {
     protected readonly formFieldService: FormFieldService;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldHintDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FormFieldHintDirective, "odx-form-field-hint", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormFieldHintDirective, "odx-form-field-hint", never, {}, {}, never, never, true, never>;
 }

package/components/form-field/lib/directives/form-field-label.directive.d.ts

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

package/components/form-field/lib/directives/form.directive.d.ts

@@ -5,5 +5,5 @@ export declare class FormDirective {
     readonly submit$: import("rxjs").Observable<Event>;
     readonly reset$: import("rxjs").Observable<Event>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FormDirective, "form[odxForm]", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormDirective, "form[odxForm]", never, {}, {}, never, never, true, never>;
 }

package/components/form-field/lib/form-field.component.d.ts

@@ -3,6 +3,7 @@ import { FormFieldLabelDirective } from './directives';
 import { FormFieldService } from './form-field.service';
 import { FormFieldErrorService } from './services';
 import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular";
 export declare class FormFieldComponent {
     protected readonly formGroup: FormGroupComponent | null;
     protected readonly formFieldService: FormFieldService;
@@ -14,5 +15,5 @@ export declare class FormFieldComponent {
     get isStandalone(): boolean;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "odx-form-field", never, { "label": "label"; }, {}, ["labelDirective"], ["odx-form-field-label", "[odxFormFieldPrefix]", "*", "[odxFormFieldSuffix]", "odx-form-field-hint"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "odx-form-field", never, { "label": "label"; }, {}, ["labelDirective"], ["odx-form-field-label", "[odxFormFieldPrefix]", "*", "[odxFormFieldSuffix]", "odx-form-field-hint"], true, [{ directive: typeof i1.WithDisabledState; inputs: {}; outputs: {}; }]>;
 }

package/components/header/lib/directives/header-avatar.directive.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class HeaderAvatarDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderAvatarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderAvatarDirective, "button[odxHeaderAvatar]", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderAvatarDirective, "button[odxHeaderAvatar]", never, {}, {}, never, never, true, never>;
 }

package/components/header/lib/directives/header-title.directive.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class HeaderTitleDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderTitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderTitleDirective, "odx-header-title", never, {}, {}, never, never, true>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderTitleDirective, "odx-header-title", never, {}, {}, never, never, true, never>;
 }

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

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class HeaderComponent {
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "odx-header", never, {}, {}, never, ["button[odxMainMenuButton]", "odx-header-title", "odx-action-group", "[odxHeaderAvatar]"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "odx-header", never, {}, {}, never, ["button[odxMainMenuButton]", "odx-header-title", "odx-action-group", "[odxHeaderAvatar]"], true, never>;
 }

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

@@ -7,10 +7,9 @@ import * as i5 from "@odx/angular/components/action-group";
 import * as i6 from "@odx/angular/components/icon";
 import * as i7 from "@odx/angular/components/button";
 import * as i8 from "@odx/angular/components/avatar";
-import * as i9 from "@odx/angular/components/logo";
-import * as i10 from "@odx/angular";
+import * as i9 from "@odx/angular";
 export declare class HeaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<HeaderModule, never, [typeof i1.HeaderComponent, typeof i2.HeaderTitleDirective, typeof i3.HeaderAvatarDirective, typeof i4.MainMenuModule, typeof i5.ActionGroupComponent, typeof i6.IconComponent, typeof i7.ButtonComponent, typeof i8.AvatarComponent, typeof i9.LogoDirective], [typeof i10.CoreModule, typeof i1.HeaderComponent, typeof i2.HeaderTitleDirective, typeof i3.HeaderAvatarDirective, typeof i4.MainMenuModule, typeof i5.ActionGroupComponent, typeof i6.IconComponent, typeof i7.ButtonComponent, typeof i8.AvatarComponent, typeof i9.LogoDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HeaderModule, never, [typeof i1.HeaderComponent, typeof i2.HeaderTitleDirective, typeof i3.HeaderAvatarDirective, typeof i4.MainMenuModule, typeof i5.ActionGroupComponent, typeof i6.IconComponent, typeof i7.ButtonComponent, typeof i8.AvatarComponent], [typeof i9.CoreModule, typeof i1.HeaderComponent, typeof i2.HeaderTitleDirective, typeof i3.HeaderAvatarDirective, typeof i4.MainMenuModule, typeof i5.ActionGroupComponent, typeof i6.IconComponent, typeof i7.ButtonComponent, typeof i8.AvatarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<HeaderModule>;
 }

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

@@ -11,5 +11,5 @@ export declare class IconComponent {
     get name(): string | null;
     private getIconClass;
     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"; }, {}, never, never, true, never>;
 }

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

@@ -1,7 +1,8 @@
-export declare type IconSize = typeof IconSize[keyof typeof IconSize];
+export declare 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/launch-tile/README.md

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

package/components/launch-tile/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/components';
+export * from './lib/launch-tile.component';
+export * from './lib/launch-tile.module';

package/components/launch-tile/lib/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './launch-tile-footer/launch-tile-footer.component';
+export * from './launch-tile-subtitle/launch-tile-subtitle.component';

package/components/launch-tile/lib/components/launch-tile-footer/launch-tile-footer.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class LaunchTileFooterComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LaunchTileFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LaunchTileFooterComponent, "odx-launch-tile-footer", never, {}, {}, never, ["*"], true, never>;
+}

package/components/launch-tile/lib/components/launch-tile-subtitle/launch-tile-subtitle.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class LaunchTileSubtitleComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LaunchTileSubtitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LaunchTileSubtitleComponent, "odx-launch-tile-subtitle", never, {}, {}, never, ["*"], true, never>;
+}

package/components/launch-tile/lib/launch-tile.component.d.ts

@@ -0,0 +1,13 @@
+import { ElementRef } from '@angular/core';
+import { MenuComponent } from '@odx/angular/components/menu';
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular/cdk/a11y";
+export declare class LaunchTileComponent {
+    protected readonly menu?: MenuComponent;
+    protected readonly menuHost?: ElementRef<HTMLElement>;
+    protected readonly footer?: ElementRef<HTMLElement>;
+    readonly element: ElementRef<HTMLElement>;
+    protected stopEvents(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LaunchTileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LaunchTileComponent, "odx-launch-tile", never, {}, {}, ["menu", "footer"], ["odx-avatar", "*", "odx-launch-tile-subtitle", "odx-launch-tile-footer", "odx-menu"], true, [{ directive: typeof i1.InteractiveDirective; inputs: {}; outputs: {}; }]>;
+}

package/components/launch-tile/lib/launch-tile.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./launch-tile.component";
+import * as i2 from "./components/launch-tile-footer/launch-tile-footer.component";
+import * as i3 from "./components/launch-tile-subtitle/launch-tile-subtitle.component";
+import * as i4 from "@odx/angular/components/avatar";
+import * as i5 from "@odx/angular/components/button";
+import * as i6 from "@odx/angular/components/icon";
+import * as i7 from "@odx/angular";
+import * as i8 from "@odx/angular/components/menu";
+export declare class LaunchTileModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LaunchTileModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LaunchTileModule, never, [typeof i1.LaunchTileComponent, typeof i2.LaunchTileFooterComponent, typeof i3.LaunchTileSubtitleComponent, typeof i4.AvatarComponent, typeof i5.ButtonComponent, typeof i6.IconComponent], [typeof i7.CoreModule, typeof i8.MenuModule, typeof i1.LaunchTileComponent, typeof i2.LaunchTileFooterComponent, typeof i3.LaunchTileSubtitleComponent, typeof i4.AvatarComponent, typeof i5.ButtonComponent, typeof i6.IconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LaunchTileModule>;
+}

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/index.d.ts

@@ -1 +1 @@
-export * from "./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,6 @@
 import * as i0 from "@angular/core";
 export declare class ListComponent {
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
     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, {}, {}, never, ["[odxListItem]"], true, never>;
 }

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

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./list.component";
-import * as i2 from "./components/list-item.component";
+import * as i2 from "./components/list-item/list-item.component";
 import * as i3 from "@odx/angular/components/icon";
 export declare class ListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ListModule, never>;

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

@@ -15,11 +15,11 @@ export declare class LoadingSpinnerDirective {
     set isLoading(value: boolean | null | undefined);
     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/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,12 @@
 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;
     protected readonly routerLinkActive: RouterLinkActive | null;
     readonly element: import("@angular/core").ElementRef<HTMLLinkElement>;
-    get isDisabled(): boolean;
     isSelected: boolean;
     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/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,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular/cdk/a11y";
+import * as i2 from "@odx/angular";
+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, "a[odxMenuItem], button[odxMenuItem]", never, {}, {}, never, never, true, [{ directive: typeof i1.ListFocusManagerOptionDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.WithDisabledState; inputs: {}; outputs: {}; }]>;
+}

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

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

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

@@ -0,0 +1,16 @@
+import { OnChanges } from '@angular/core';
+import { Placement } from '@floating-ui/dom';
+import { DynamicContent, DynamicTextContent } from '@odx/angular/cdk/dynamic-view';
+import { DropdownDirective } from '@odx/angular/components/dropdown';
+import { NgChanges } 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?: Placement | null;
+    ngOnChanges(changes: NgChanges<MenuDirective>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuDirective, "[odxMenu]", never, { "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/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.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

@@ -6,16 +6,17 @@ 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,5 +1,5 @@
 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;
@@ -10,6 +10,7 @@ export declare class ModalService {
     readonly openModals$: import("rxjs").Observable<ModalRef<unknown, unknown>[]>;
     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;