@odx/angular 1.0.0-rc.1 → 1.0.0-rc.2

package/LICENSE

@@ -0,0 +1 @@
+Copyright (c) 2022 Drägerwerk AG & Co.KGaA, all rights reserved.

package/README.md

@@ -0,0 +1,44 @@
+# @odx/angular
+
+[<img src="https://img.shields.io/npm/v/@odx/angular">](https://npmjs.org/package/@odx/angular)
+[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/animations">](https://npmjs.org/package/@angular/animations)
+[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/cdk">](https://npmjs.org/package/@angular/cdk)
+[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/core">](https://npmjs.org/package/@angular/core)
+[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/common">](https://npmjs.org/package/@angular/common)
+[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@angular/common">](https://npmjs.org/package/@angular/forms)
+[<img src="https://img.shields.io/npm/dependency-version/@odx/angular/peer/@odx/ui">](https://npmjs.org/package/@angular/forms)
+
+### Install 🚀
+
+```sh
+npm install @odx/angular
+```
+
+### Usage
+
+Import the modules/components/utils your applications needs from `@odx/angular/**`;
+
+Entry points:
+
+- `@odx/angular` - Common services and building blocks for angular applicationd development
+- `@odx/angular/animations` - Predefined static angular animations to use inside your components
+- `@odx/angular/cdk/*` - Component development kit
+- `@odx/angular/components/*` - Components
+- `@odx/angular/rxjs` - Collection of useful rxjs operators
+- `@odx/angular/utils` - Collection of useful utilities for angular application development
+
+#### UiKitModule
+
+It's recommended to create a `UiKitModule` and re-export the `CoreModule` and all the components that are needed throughout the the application.
+
+```ts
+@NgModule({
+  exports: [CoreModule, ButtonComponent, IconComponent, ...]
+})
+export class UiKitModule {
+}
+```
+
+### Live demo ⭐
+
+Please refer to our [**Storybook**](https://app-odx-storybook-release-weu.azurewebsites.net/), to see the components in action and to get further information.

package/animations/index.d.ts

@@ -1,2 +1,3 @@
-export * from './fade';
-export * from './slide';
+export * from './lib/expand';
+export * from './lib/fade';
+export * from './lib/slide';

package/animations/lib/expand.d.ts

@@ -0,0 +1,2 @@
+export declare const expand: import("@angular/animations").AnimationReferenceMetadata;
+export declare const collapse: import("@angular/animations").AnimationReferenceMetadata;

package/cdk/checkbox-control/README.md

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

package/cdk/checkbox-control/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/checkbox-control.directive';

package/cdk/checkbox-control/lib/checkbox-control.directive.d.ts

@@ -0,0 +1,16 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { CustomFormControl } from '@odx/angular/cdk/custom-form-control';
+import * as i0 from "@angular/core";
+export declare class CheckBoxControl extends CustomFormControl<boolean> {
+    static ngAcceptInputType_checked: BooleanInput;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    set checked(value: boolean);
+    get checked(): boolean;
+    value: string | null;
+    get ariaChecked(): string;
+    constructor();
+    onChanged(event: Event): void;
+    protected updateRequiredValidator(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckBoxControl, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckBoxControl, "[odxCheckBoxControl]", never, { "checked": "checked"; "value": "value"; }, {}, never, never, false>;
+}

package/cdk/custom-form-control/README.md

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

package/cdk/custom-form-control/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/control.directive';
+export * from './lib/custom-form-control';

package/{lib/directives → cdk/custom-form-control/lib}/control.directive.d.ts

@@ -1,8 +1,6 @@
-import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ControlDirective {
-    readonly element: ElementRef<HTMLElement>;
-    constructor(element: ElementRef<HTMLElement>);
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ControlDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ControlDirective, "[odxControl]", ["odxControl"], {}, {}, never, never, true>;
 }

package/{lib/controls → cdk/custom-form-control/lib}/custom-form-control.d.ts

@@ -1,28 +1,27 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterContentInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AfterContentInit } from '@angular/core';
 import { ControlValueAccessor, NgControl, ValidatorFn } from '@angular/forms';
-import { Controller } from '@odx/angular/internal';
-import { ControlDirective } from '../directives';
+import { Controller, DisabledController, ReadonlyController } from '@odx/angular';
+import { ControlDirective } from './control.directive';
 import * as i0 from "@angular/core";
 export declare abstract class CustomFormControl<T> extends Controller implements ControlValueAccessor, AfterContentInit {
     private static CURRENT_INDEX;
     static ngAcceptInputType_required: BooleanInput;
     private internalValue;
     private isRequired;
-    protected readonly changeDetector: ChangeDetectorRef;
-    protected readonly disabledController: import("../controllers").DisabledController | null;
+    protected readonly disabledController: DisabledController | null;
+    protected readonly readonlyController: ReadonlyController | null;
     protected readonly enabled$: import("rxjs").Observable<void>;
     protected readonly ngControl: NgControl | null;
     id: string | null;
     name: string;
-    readonly: boolean;
     set required(value: unknown);
     get required(): boolean;
-    readonly change: EventEmitter<T>;
     set controlValue(value: T);
     get controlValue(): T;
     get hasError(): boolean;
     get isDisabled(): boolean;
+    get isReadonly(): boolean;
     readonly control: ControlDirective | null;
     constructor(initialValue: T);
     ngAfterContentInit(): void;
@@ -36,5 +35,5 @@ export declare abstract class CustomFormControl<T> extends Controller implements
     protected toggleValidator(validator: ValidatorFn, state: boolean): void;
     protected updateRequiredValidator(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomFormControl<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomFormControl<any>, never, never, { "id": "id"; "name": "name"; "readonly": "readonly"; "required": "required"; }, { "change": "change"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomFormControl<any>, never, never, { "id": "id"; "name": "name"; "required": "required"; }, {}, never, never, false>;
 }

package/cdk/dynamic-view/lib/dynamic-view.directive.d.ts

@@ -11,7 +11,7 @@ export declare class DynamicViewDirective<T extends DynamicContent<unknown> = Dy
     context?: GetDynamicViewContext<T>;
     ngOnInit(): void;
     ngOnChanges(changes: NgChanges<DynamicViewDirective<DynamicContent>>): void;
-    ngOnDestroy(): Promise<void>;
+    ngOnDestroy(): void;
     getView(): DynamicViewRef<T> | null;
     private render;
     private destroy;

package/cdk/dynamic-view/lib/facade/dynamic-content.d.ts

@@ -1,5 +1,5 @@
 import { TemplateRef, Type } from '@angular/core';
-import { GetProperties } from '@odx/angular/internal';
+import { GetProperties } from '@odx/angular/utils';
 import { Observable } from 'rxjs';
 export declare type DynamicTextContent = string | Observable<string>;
 export declare type DynamicContent<C = unknown> = DynamicTextContent | TemplateRef<C> | Type<C>;

package/cdk/dynamic-view/lib/facade/dynamic-view-ref.d.ts

@@ -2,7 +2,7 @@ import { ViewRef } from '@angular/core';
 import { DynamicContent, GetDynamicViewContext } from './dynamic-content';
 export interface DynamicViewRef<T extends DynamicContent> {
     detectChanges(): void;
-    destroy(): Promise<void>;
+    destroy(): void;
     getElement(): Element;
     update(context: GetDynamicViewContext<T>): void;
     getView(): ViewRef | null;

package/cdk/dynamic-view/lib/facade/index.d.ts

@@ -1,3 +1,2 @@
-export * from './animated-component';
 export * from './dynamic-content';
 export * from './dynamic-view-ref';

package/cdk/dynamic-view/lib/helpers/index.d.ts

@@ -1,4 +1,2 @@
-export * from './is-animated-component';
 export * from './is-dynamic-text-content';
 export * from './is-dynamic-view';
-export * from './wait-for-animations';

package/cdk/dynamic-view/lib/models/dynamic-component-ref.d.ts

@@ -6,11 +6,13 @@ export interface DynamicComponentOptions<T extends Type<unknown>> extends Dynami
     component: T;
 }
 export declare class DynamicComponentRef<T extends Type<unknown>, C extends GetDynamicViewContext<T>> implements DynamicViewRef<T> {
+    private readonly options;
+    private readonly application;
     private componentRef;
-    constructor({ component, context, injector, vcr }: DynamicComponentOptions<T>);
+    constructor(options: DynamicComponentOptions<T>);
     detectChanges(): void;
-    destroy(): Promise<void>;
-    getElement<T extends Element>(): T;
+    destroy(): void;
+    getElement(): Element;
     update(context: C): void;
     getView(): ViewRef | null;
 }

package/cdk/dynamic-view/lib/models/dynamic-template-ref.d.ts

@@ -10,7 +10,7 @@ export declare class DynamicTemplateRef<T extends NgTemplateRef<unknown> = NgTem
     private embeddedViewRef;
     constructor(options: DynamicTemplateOptions<T>);
     detectChanges(): void;
-    destroy(): Promise<void>;
+    destroy(): void;
     getElement(): Element;
     update(context: GetDynamicViewContext<T>): void;
     getView(): ViewRef | null;

package/cdk/expandable/README.md

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

package/cdk/expandable/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/directives';
+export * from './lib/expandable.module';
+export * from './lib/facade';

package/cdk/expandable/lib/directives/expandable-item.directive.d.ts

@@ -0,0 +1,18 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ExpandableItem } from '../facade';
+import * as i0 from "@angular/core";
+export declare class ExpandableItemDirective extends ExpandableItem {
+    static ID: number;
+    static ngAcceptInputType_expanded: BooleanInput;
+    private readonly container;
+    private readonly changeDetectorRef;
+    private _expanded;
+    readonly id: string;
+    set expanded(value: boolean);
+    get expanded(): boolean;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpandableItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ExpandableItemDirective, "[odxExpandableItem]", never, { "expanded": "expanded"; }, {}, never, never, true>;
+}

package/cdk/expandable/lib/directives/extandable-container.directive.d.ts

@@ -0,0 +1,13 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ExpandableContainer, ExpandableItem } from '../facade';
+import * as i0 from "@angular/core";
+export declare class ExpandableContainerDirective extends ExpandableContainer {
+    static ngAcceptInputType_multiple: BooleanInput;
+    private openItems;
+    multiple: boolean;
+    close(item: ExpandableItem): void;
+    closeAll(): void;
+    open(item: ExpandableItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpandableContainerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ExpandableContainerDirective, "[odxExpandableContainer]", never, { "multiple": "multiple"; }, {}, never, never, true>;
+}

package/cdk/expandable/lib/directives/index.d.ts

@@ -0,0 +1,2 @@
+export * from './expandable-item.directive';
+export * from './extandable-container.directive';

package/cdk/expandable/lib/expandable.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./directives/extandable-container.directive";
+import * as i2 from "./directives/expandable-item.directive";
+export declare class ExpandableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpandableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ExpandableModule, never, [typeof i1.ExpandableContainerDirective, typeof i2.ExpandableItemDirective], [typeof i1.ExpandableContainerDirective, typeof i2.ExpandableItemDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ExpandableModule>;
+}

package/cdk/expandable/lib/facade/expandable-container.d.ts

@@ -0,0 +1,6 @@
+import { ExpandableItem } from './expandable-item';
+export declare abstract class ExpandableContainer {
+    abstract close(item: ExpandableItem): void;
+    abstract closeAll(): void;
+    abstract open(item: ExpandableItem): void;
+}

package/cdk/expandable/lib/facade/expandable-item.d.ts

@@ -0,0 +1,7 @@
+export declare abstract class ExpandableItem {
+    abstract readonly id: string;
+    abstract expanded: boolean;
+    abstract close(): void;
+    abstract open(): void;
+    abstract toggle(): void;
+}

package/cdk/expandable/lib/facade/index.d.ts

@@ -0,0 +1,2 @@
+export * from './expandable-container';
+export * from './expandable-item';

package/cdk/radio-group-control/README.md

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

package/cdk/radio-group-control/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/radio-control.directive';
+export * from './lib/radio-group-control.directive';
+export * from './lib/radio-group-control.module';

package/cdk/radio-group-control/lib/radio-control.directive.d.ts

@@ -0,0 +1,13 @@
+import { DisabledController, ReadonlyController } from '@odx/angular';
+import * as i0 from "@angular/core";
+export declare class RadioControlDirective<T = unknown> {
+    protected readonly disabledController: DisabledController | null;
+    protected readonly readonlyController: ReadonlyController | null;
+    protected readonly radioGroupControl: import("./radio-group-control.directive").RadioGroupControlDirective<unknown>;
+    value: T | null;
+    get ariaChecked(): string;
+    get isActive(): boolean;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioControlDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioControlDirective<any>, "[odxRadioControl]", never, { "value": "value"; }, {}, never, never, true>;
+}

package/cdk/radio-group-control/lib/radio-group-control.directive.d.ts

@@ -0,0 +1,10 @@
+import { InjectionToken } from '@angular/core';
+import { CustomFormControl } from '@odx/angular/cdk/custom-form-control';
+import * as i0 from "@angular/core";
+export declare const RADIO_GROUP_CONTROL: InjectionToken<RadioGroupControlDirective<unknown>>;
+export declare class RadioGroupControlDirective<T = unknown> extends CustomFormControl<T | null> {
+    constructor();
+    onFocusOut(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupControlDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioGroupControlDirective<any>, "[odxRadioGroupControl]", never, {}, {}, never, never, true>;
+}

package/cdk/radio-group-control/lib/radio-group-control.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./radio-group-control.directive";
+import * as i2 from "./radio-control.directive";
+import * as i3 from "@odx/angular";
+export declare class RadioGroupControlModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupControlModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RadioGroupControlModule, never, [typeof i1.RadioGroupControlDirective, typeof i2.RadioControlDirective], [typeof i3.CoreModule, typeof i1.RadioGroupControlDirective, typeof i2.RadioControlDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RadioGroupControlModule>;
+}

package/components/accordion/README.md

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

package/components/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/accordion.component';
+export * from './lib/accordion.module';
+export * from './lib/components/accordion-item/accordion-item.component';
+export * from './lib/directives';

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

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

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./accordion.component";
+import * as i2 from "./components/accordion-item/accordion-item.component";
+import * as i3 from "./directives/accordion-item-title";
+import * as i4 from "@odx/angular";
+export declare class AccordionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AccordionModule, never, [typeof i1.AccordionComponent, typeof i2.AccordionItemComponent, typeof i3.AccordionItemTitleDirective], [typeof i4.CoreModule, typeof i1.AccordionComponent, typeof i2.AccordionItemComponent, typeof i3.AccordionItemTitleDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AccordionModule>;
+}

package/components/accordion/lib/components/accordion-item/accordion-item.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '@angular/core';
+import { ExpandableItemDirective } from '@odx/angular/cdk/expandable';
+import * as i0 from "@angular/core";
+export declare class AccordionItemComponent extends ExpandableItemDirective {
+    private readonly disabledController;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    title?: string | null;
+    expandedChange: EventEmitter<boolean>;
+    get isDisabled(): boolean;
+    get isExpanded(): boolean;
+    get titleId(): string;
+    get slotId(): string;
+    onAnimationEnd(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "odx-accordion-item", never, { "title": "title"; }, { "expandedChange": "expandedChange"; }, never, ["odx-accordion-item-title", "*"], true>;
+}

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

@@ -0,0 +1 @@
+export * from './accordion-item/accordion-item.component';

package/components/accordion/lib/directives/accordion-item-title.d.ts

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

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

@@ -0,0 +1 @@
+export * from './accordion-item-title';

package/components/action-group/action-group.component.d.ts

@@ -1,11 +1,9 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ActionGroupComponent {
-    readonly element: ElementRef<HTMLElement>;
     static ngAcceptInputType_reverse: BooleanInput;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
     reverse: boolean;
-    constructor(element: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ActionGroupComponent, "odx-action-group", never, { "reverse": "reverse"; }, {}, never, ["[odxButton]"], true>;
 }

package/components/area-header/area-header.component.d.ts

@@ -1,10 +1,8 @@
-import { ElementRef } from '@angular/core';
 import { AreaHeaderSize } from './models';
 import * as i0 from "@angular/core";
 export declare class AreaHeaderComponent {
-    readonly element: ElementRef<HTMLElement>;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
     size: AreaHeaderSize;
-    constructor(element: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<AreaHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AreaHeaderComponent, "odx-area-header", never, { "size": "size"; }, {}, never, ["odx-avatar", "*", "odx-area-header-subtitle", "odx-area-header-content"], true>;
 }

package/components/area-header/area-header.module.d.ts

@@ -6,8 +6,9 @@ import * as i4 from "@odx/angular/components/avatar";
 import * as i5 from "@odx/angular/components/action-group";
 import * as i6 from "@odx/angular/components/button";
 import * as i7 from "@odx/angular/components/icon";
+import * as i8 from "@odx/angular";
 export declare class AreaHeaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AreaHeaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AreaHeaderModule, never, [typeof i1.AreaHeaderComponent, typeof i2.AreaHeaderContentDirective, typeof i3.AreaHeaderSubtitleDirective, typeof i4.AvatarComponent, typeof i5.ActionGroupComponent, typeof i6.ButtonComponent, typeof i7.IconComponent], [typeof i1.AreaHeaderComponent, typeof i2.AreaHeaderContentDirective, typeof i3.AreaHeaderSubtitleDirective, typeof i4.AvatarComponent, typeof i5.ActionGroupComponent, typeof i6.ButtonComponent, typeof i7.IconComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AreaHeaderModule, never, [typeof i1.AreaHeaderComponent, typeof i2.AreaHeaderContentDirective, typeof i3.AreaHeaderSubtitleDirective, typeof i4.AvatarComponent, typeof i5.ActionGroupComponent, typeof i6.ButtonComponent, typeof i7.IconComponent], [typeof i8.CoreModule, typeof i1.AreaHeaderComponent, typeof i2.AreaHeaderContentDirective, typeof i3.AreaHeaderSubtitleDirective, typeof i4.AvatarComponent, typeof i5.ActionGroupComponent, typeof i6.ButtonComponent, typeof i7.IconComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AreaHeaderModule>;
 }

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

@@ -1,10 +1,8 @@
-import { ElementRef } from '@angular/core';
 import { AvatarSize } from './models';
 import * as i0 from "@angular/core";
 export declare class AvatarComponent {
-    readonly element: ElementRef<HTMLElement>;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
     size?: AvatarSize | null;
-    constructor(element: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "odx-avatar", never, { "size": "size"; }, {}, never, ["*"], true>;
 }

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

@@ -1,19 +1,17 @@
-import { AfterViewInit, ElementRef, NgZone, OnChanges, OnDestroy } from '@angular/core';
+import { AfterViewInit, OnChanges, OnDestroy } from '@angular/core';
 import { NgChanges } from '@odx/angular/utils';
 import { BadgePosition, BadgeVariant } from './models';
 import * as i0 from "@angular/core";
 export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestroy {
-    readonly element: ElementRef<HTMLElement>;
-    private readonly zone;
     private readonly hostElement;
-    private readonly referenceElement;
+    private readonly zone;
     private positionUpdater?;
     private elementRect;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
     value: number;
     position: BadgePosition;
     contrast: boolean;
     variant: BadgeVariant;
-    constructor(element: ElementRef<HTMLElement>, zone: NgZone);
     ngOnChanges(changes: NgChanges<BadgeComponent>): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

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

@@ -1,20 +1,19 @@
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
-import { Injector, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { BadgeHost } from './facade';
 import { BadgePosition, BadgeVariant } from './models';
 import * as i0 from "@angular/core";
 export declare class BadgeDirective implements BadgeHost, OnChanges, OnDestroy {
-    private readonly injector;
-    private readonly viewContainer;
     static ngAcceptInputType_content: NumberInput;
     static ngAcceptInputType_contrast: BooleanInput;
     private badgeRef;
-    readonly hostElement: any;
+    private readonly injector;
+    private readonly viewContainer;
+    readonly hostElement: HTMLElement;
     value: number;
     contrast: boolean;
     position: BadgePosition;
     variant: BadgeVariant;
-    constructor(injector: Injector, viewContainer: ViewContainerRef);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeDirective, never>;

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

@@ -1,20 +1,12 @@
-import { ElementRef } from '@angular/core';
-import { FormGroupDirective, NgForm } from '@angular/forms';
-import { ButtonVariant } from './models';
+import { DisabledController } from '@odx/angular';
+import { ButtonSize, ButtonVariant } from './models';
 import * as i0 from "@angular/core";
 export declare class ButtonComponent {
-    readonly type: string | null;
-    readonly element: ElementRef<HTMLButtonElement | HTMLLinkElement>;
-    private readonly isSubmitButton;
-    private readonly isResetButton;
-    protected readonly disabledController: import("@odx/angular").DisabledController | null;
-    protected readonly form: NgForm | null;
-    protected readonly formGroup: FormGroupDirective | null;
-    get isDisabled(): boolean;
-    get isParentFormInvalid(): boolean;
-    get isParentFormDirty(): boolean;
+    protected readonly disabledController: DisabledController | null;
+    readonly element: import("@angular/core").ElementRef<HTMLButtonElement | HTMLLinkElement>;
     variant?: ButtonVariant | null;
-    constructor(type: string | null, element: ElementRef<HTMLButtonElement | HTMLLinkElement>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [{ attribute: "type"; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[odxButton], a[odxButton]", never, { "variant": "variant"; }, {}, never, ["odx-icon[alignLeft]", "*", "odx-icon[alignRight]"], true>;
+    size?: ButtonSize | null;
+    get type(): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[odxButton], a[odxButton]", never, { "variant": "variant"; "size": "size"; }, {}, never, ["odx-icon[alignLeft]", "*", "odx-icon[alignRight]"], true>;
 }

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

@@ -0,0 +1,5 @@
+export declare type ButtonSize = typeof ButtonSize[keyof typeof ButtonSize];
+export declare const ButtonSize: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+};

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

@@ -1 +1,2 @@
+export * from './button-size';
 export * from './button-variant';

package/components/button-group/README.md

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

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

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

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

@@ -0,0 +1,15 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export declare class ButtonGroupComponent {
+    static ngAcceptInputType_reverse: BooleanInput;
+    static ngAcceptInputType_block: BooleanInput;
+    static ngAcceptInputType_alignRight: BooleanInput;
+    static ngAcceptInputType_vertical: BooleanInput;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    alignRight: boolean;
+    block: boolean;
+    vertical: boolean;
+    reverse: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "odx-button-group", never, { "alignRight": "alignRight"; "block": "block"; "vertical": "vertical"; "reverse": "reverse"; }, {}, never, ["button[odxButton], a[odxButton]"], true>;
+}