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

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,16 +1,21 @@
-import { Injector } from '@angular/core';
+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: Injector;
+    protected readonly injector: import("@angular/core").Injector;
     protected readonly context: {
         $implicit: import("@odx/angular/components/modal").ModalRef<unknown, unknown>;
     };
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
-    readonly size: import("@odx/angular/components/modal").ModalSize;
+    size: import("@odx/angular/components/modal").ModalSize;
+    variant: import("@odx/angular/components/modal").ModalVariant;
+    withComponent: boolean;
     content: Exclude<DynamicContent, DynamicTextContent>;
-    onClose(): void;
+    constructor();
+    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

@@ -1,14 +1,18 @@
-import { OnDestroy, TemplateRef } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, TemplateRef } from '@angular/core';
+import { NgChanges } from '@odx/angular/utils';
 import { ModalOptions } from './models';
 import * as i0 from "@angular/core";
-export declare class ModalDirective implements OnDestroy {
+export declare class ModalDirective implements OnChanges, OnDestroy {
     private readonly modalService;
     private modalRef;
-    modalOptions?: Partial<ModalOptions> | '' | null;
     protected readonly template: TemplateRef<any>;
+    modalOptions?: Partial<ModalOptions> | '' | null;
+    modalClose: EventEmitter<any>;
+    modalDismiss: EventEmitter<any>;
+    ngOnChanges(changes: NgChanges<ModalDirective>): void;
     ngOnDestroy(): void;
     open(): void;
     dismiss(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalDirective, "ng-template[odxModal]", ["odxModal"], { "modalOptions": "odxModal"; }, {}, 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,20 +1,23 @@
+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 document;
-    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;
-    private mergeOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
 }

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,4 +1,7 @@
+export * from './basic-modal-options';
+export * from './modal-hero-variant';
 export * from './modal-options';
 export * from './modal-ref';
 export * from './modal-size';
 export * from './modal-type';
+export * from './modal-variant';

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

@@ -1,13 +1,15 @@
 import { ViewContainerRef } from '@angular/core';
 import { ModalSize } from './modal-size';
+import { ModalVariant } from './modal-variant';
 export interface ModalInstanceOptions {
     id: string;
     dismissable: boolean;
     size: ModalSize;
+    variant: ModalVariant;
 }
 export interface ModalOptionsExtras<Data> {
     data: 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

@@ -1,16 +1,20 @@
+import { Controller } from '@odx/angular';
 import { ModalOptions } from './modal-options';
-export declare class ModalRef<Data = unknown, Result = unknown> {
-    private readonly internalOptions;
+export declare class ModalRef<Data = unknown, Result = unknown> extends Controller {
+    private internalOptions;
     private readonly onClose$$;
     private readonly onDismiss$$;
     readonly onClose$: import("rxjs").Observable<Result>;
     readonly onDismiss$: import("rxjs").Observable<void>;
     readonly onDestroy$: import("rxjs").Observable<void | Result>;
+    readonly isActive: () => boolean;
+    get id(): string;
     get modalTitleId(): string;
     get data(): Data;
     get options(): ModalOptions<Data>;
-    constructor(internalOptions: ModalOptions<Data>);
-    dismiss(): void;
+    constructor(internalOptions: ModalOptions<Data>, isActive: (modalRef: ModalRef<Data, Result>) => boolean);
+    update(options: Partial<ModalOptions<Data>>): void;
+    dismiss(force?: boolean): void;
     close(result: Result): void;
-    private destroy;
+    destroy(): void;
 }

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

@@ -1,5 +1,6 @@
-export declare type ModalSize = typeof ModalSize[keyof typeof ModalSize];
+export type ModalSize = (typeof ModalSize)[keyof typeof ModalSize];
 export declare const ModalSize: {
+    readonly XSMALL: "xsmall";
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
     readonly LARGE: "large";

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

@@ -3,6 +3,6 @@ import { ModalRef } from './modal-ref';
 export interface Modal<Data, Result> {
     readonly modalRef?: ModalRef<Data, Result>;
 }
-export declare type ModalType<T, Data = unknown, Result = unknown> = Type<T> | {
+export type ModalType<T, Data = unknown, Result = unknown> = Type<T> | {
     new (modalRef?: ModalRef<Data, Result>): Modal<Data, Result>;
 };

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

@@ -0,0 +1,5 @@
+export type ModalVariant = typeof ModalVariant[keyof typeof ModalVariant];
+export declare const ModalVariant: {
+    readonly DEFAULT: "default";
+    readonly SIDESHEET: "sidesheet";
+};

package/components/progress/README.md

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

package/components/progress/index.d.ts

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

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

@@ -0,0 +1,14 @@
+import { NumberInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export declare class ProgressComponent {
+    static ngAcceptInputType_value: NumberInput;
+    private _value;
+    protected get ariaValueNow(): null | number;
+    protected get progressValue(): number;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    indeterminate: boolean;
+    set value(value: unknown);
+    get value(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressComponent, "odx-progress", never, { "value": "value"; }, {}, never, never, true, never>;
+}

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

@@ -2,11 +2,11 @@ import { AfterViewInit, ElementRef } from '@angular/core';
 import { RadioControlDirective } from '@odx/angular/cdk/radio-group-control';
 import * as i0 from "@angular/core";
 export declare class RadioButtonComponent<T = unknown> extends RadioControlDirective<T> implements AfterViewInit {
-    readonly element: ElementRef<HTMLElement>;
     protected withLabel: boolean;
+    readonly element: ElementRef<HTMLElement>;
     contentElement: ElementRef<HTMLDivElement>;
     ngAfterViewInit(): void;
     protected onContentChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent<any>, "odx-radio-button", never, {}, {}, never, ["*"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent<any>, "odx-radio-button", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -4,5 +4,5 @@ export declare class RadioGroupComponent<T = unknown> extends RadioGroupControlD
     readonly element: import("@angular/core").ElementRef<HTMLElement>;
     horizontal: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent<any>, "odx-radio-group", never, { "horizontal": "horizontal"; }, {}, never, ["odx-radio-button, [odxRadioControl]"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent<any>, "odx-radio-group", never, { "horizontal": "horizontal"; }, {}, never, ["*"], true, never>;
 }

package/components/rail-navigation/README.md

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

package/components/rail-navigation/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/components/rail-navigation-item.component';
+export * from './lib/rail-navigation.component';
+export * from './lib/rail-navigation.module';

package/components/rail-navigation/lib/components/rail-navigation-item.component.d.ts

@@ -0,0 +1,13 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { RouterLinkActive } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular";
+export declare class RailNavigationItemComponent {
+    static ngAcceptInputType_isSelected: BooleanInput;
+    protected readonly routerLinkActive: RouterLinkActive | null;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    isSelected: boolean;
+    iconName: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RailNavigationItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RailNavigationItemComponent, "a[odxRailNavigationItem][iconName], button[odxRailNavigationItem][iconName]", never, { "isSelected": "isSelected"; "iconName": "iconName"; }, {}, never, ["*"], true, [{ directive: typeof i1.WithDisabledState; inputs: {}; outputs: {}; }, { directive: typeof i1.WithTabIndex; inputs: {}; outputs: {}; }]>;
+}

package/components/rail-navigation/lib/rail-navigation.component.d.ts

@@ -0,0 +1,14 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class RailNavigationComponent {
+    static ngAcceptInputType_isOpen: BooleanInput;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    isOpen: boolean;
+    isOpenChange: EventEmitter<boolean>;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RailNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RailNavigationComponent, "odx-rail-navigation", never, { "isOpen": "isOpen"; }, { "isOpenChange": "isOpenChange"; }, never, ["*"], true, never>;
+}

package/components/rail-navigation/lib/rail-navigation.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./rail-navigation.component";
+import * as i2 from "./components/rail-navigation-item.component";
+import * as i3 from "@odx/angular";
+export declare class RailNavigationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RailNavigationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RailNavigationModule, never, [typeof i1.RailNavigationComponent, typeof i2.RailNavigationItemComponent], [typeof i1.RailNavigationComponent, typeof i2.RailNavigationItemComponent, typeof i3.CoreModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RailNavigationModule>;
+}

package/components/select/README.md

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

package/components/select/index.d.ts

@@ -0,0 +1,7 @@
+export * from './lib/abstract';
+export * from './lib/components';
+export * from './lib/directives';
+export * from './lib/pipes';
+export * from './lib/select.component';
+export * from './lib/select.module';
+export * from './lib/select.tokens';

package/components/select/lib/abstract/index.d.ts

@@ -0,0 +1,2 @@
+export * from './select-control';
+export * from './select-control-option';

package/components/select/lib/abstract/select-control-option.d.ts

@@ -0,0 +1,9 @@
+import { Highlightable } from '@angular/cdk/a11y';
+import { ElementRef } from '@angular/core';
+export interface SelectControlOption<T> extends Highlightable {
+    isSelected: boolean;
+    element: ElementRef<HTMLElement>;
+    disabled: boolean;
+    value: T | null;
+    switchCheckbox: () => void;
+}

package/components/select/lib/abstract/select-control.d.ts

@@ -0,0 +1,12 @@
+import { Controller, StringifyFn } from '@odx/angular';
+import { SelectSearchFieldDirective } from '../directives';
+import { SelectControlOption } from './select-control-option';
+export interface SelectControl<T = unknown> extends Controller {
+    multiple: boolean;
+    isOpen: boolean;
+    selectOption(option?: SelectControlOption<T> | null): void;
+    isOptionSelected(option: SelectControlOption<T>): boolean;
+    scrollOptionIntoView(option: SelectControlOption<T>): void;
+    searchField?: SelectSearchFieldDirective;
+    stringify?: StringifyFn<T>;
+}

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

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

package/components/select/lib/components/option/option.component.d.ts

@@ -0,0 +1,27 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OnInit } from '@angular/core';
+import { SelectControlOption } from '../../abstract';
+import * as i0 from "@angular/core";
+export declare class OptionComponent<T = unknown> implements OnInit, SelectControlOption<T> {
+    static ngAcceptInputType_notFoundMessage: BooleanInput;
+    private readonly disabledController;
+    private readonly readonlyController;
+    private readonly takeUntilDestroyed;
+    private readonly cdr;
+    protected readonly selectControl: import("../../abstract").SelectControl<unknown>;
+    protected isActive: boolean;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    isSelected: boolean;
+    value: T | null;
+    notFoundMessage: boolean;
+    get disabled(): boolean;
+    constructor();
+    ngOnInit(): void;
+    getLabel(): string;
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    switchCheckbox(): void;
+    protected select(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent<any>, "odx-option", never, { "value": "value"; "notFoundMessage": "notFoundMessage"; }, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1 @@
+export * from './select-search-field.directive';

package/components/select/lib/directives/select-search-field.directive.d.ts

@@ -0,0 +1,13 @@
+import { DynamicContent } from '@odx/angular/cdk/dynamic-view';
+import * as i0 from "@angular/core";
+export declare class SelectSearchFieldDirective {
+    private readonly takeUntilDestroyed;
+    readonly element: import("@angular/core").ElementRef<HTMLInputElement>;
+    notFoundContent: DynamicContent | null;
+    valueChange$: import("rxjs").Observable<string>;
+    reset(): void;
+    focus(): void;
+    getValue(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectSearchFieldDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectSearchFieldDirective, "input[odxSelectSearchField]", never, { "notFoundContent": "odxSelectSearchField"; }, {}, never, never, true, never>;
+}

package/components/select/lib/pipes/index.d.ts

@@ -0,0 +1 @@
+export * from './select-search-filter.pipe';

package/components/select/lib/pipes/select-search-filter.pipe.d.ts

@@ -0,0 +1,13 @@
+import { PipeTransform } from '@angular/core';
+import { StringSearchHandler } from '@odx/angular';
+import * as i0 from "@angular/core";
+export declare class SelectSearchFilterPipe implements PipeTransform {
+    private readonly searchController;
+    private readonly stringify;
+    private readonly stringSearchHandler;
+    private get searchField();
+    transform<T>(items: T[] | null, searchHandler?: StringSearchHandler): T[] | null;
+    private filter;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectSearchFilterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SelectSearchFilterPipe, "odxSelectSearchFilter", true>;
+}

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

@@ -0,0 +1,53 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { AfterViewInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { IdentityMatcher, StringifyFn } from '@odx/angular';
+import { CustomFormControl } from '@odx/angular/cdk/custom-form-control';
+import { DropdownDirective } from '@odx/angular/components/dropdown';
+import { SelectControl, SelectControlOption } from './abstract';
+import { OptionComponent } from './components';
+import { SelectSearchFieldDirective } from './directives';
+import * as i0 from "@angular/core";
+export declare class SelectComponent<T = unknown | unknown[]> extends CustomFormControl<T | null> implements AfterViewInit, SelectControl<T> {
+    static ngAcceptInputType_isLoading: BooleanInput;
+    static ngAcceptInputType_multiple: BooleanInput;
+    private keyManager?;
+    protected searchFieldEnabled: boolean;
+    protected smoothScrollEnabled: boolean;
+    protected selectedOption: OptionComponent<T> | null;
+    protected selectedOptionText: string | null;
+    protected options?: QueryList<OptionComponent<T>>;
+    protected dropdown?: DropdownDirective;
+    get hasOptions(): boolean;
+    readonly element: import("@angular/core").ElementRef<HTMLElement>;
+    get isOpen(): boolean;
+    get selectedOptionContent(): TemplateRef<{
+        $implicit: T | null;
+    }> | string | null;
+    placeholder: string;
+    isLoading: boolean;
+    multiple: boolean;
+    selectedOptionTemplate?: TemplateRef<{
+        $implicit: T;
+    }> | null;
+    stringify?: StringifyFn<T | null>;
+    identityMatcher: IdentityMatcher<T | null>;
+    change: EventEmitter<void>;
+    searchField?: SelectSearchFieldDirective;
+    constructor();
+    ngAfterViewInit(): void;
+    registerOnChange(fn: (value: T | null) => void): void;
+    selectOption(option?: SelectControlOption<T | T[]> | null): void;
+    isOptionSelected(option: SelectControlOption<T | T[]>): boolean;
+    scrollOptionIntoView({ element }: SelectControlOption<T>): void;
+    protected openDropdown(event: KeyboardEvent): void;
+    protected handleFocusOut(): void;
+    protected activateSelectedOption(): void;
+    protected onDropdownOpen(): void;
+    protected onDropdownClose(): void;
+    protected onDropdownClosed(): void;
+    protected disableSmoothScroll(): void;
+    protected enableSmoothScroll(): void;
+    private updateSelectedOption;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "odx-select", never, { "placeholder": "placeholder"; "isLoading": "isLoading"; "multiple": "multiple"; "selectedOptionTemplate": "selectedOptionTemplate"; "stringify": "stringify"; "identityMatcher": "identityMatcher"; }, { "change": "change"; }, ["searchField", "options"], ["[odxSelectSearchField]", "*"], true, never>;
+}

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./select.component";
+import * as i2 from "./directives/select-search-field.directive";
+import * as i3 from "./pipes/select-search-filter.pipe";
+import * as i4 from "./components/option/option.component";
+import * as i5 from "@odx/angular";
+export declare class SelectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, never, [typeof i1.SelectComponent, typeof i2.SelectSearchFieldDirective, typeof i3.SelectSearchFilterPipe, typeof i4.OptionComponent], [typeof i5.CoreModule, typeof i1.SelectComponent, typeof i2.SelectSearchFieldDirective, typeof i3.SelectSearchFilterPipe, typeof i4.OptionComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SelectModule>;
+}

package/components/select/lib/select.tokens.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { SelectControl } from './abstract';
+export declare const SELECT_CONTROL: InjectionToken<SelectControl<unknown>>;

package/components/slider/README.md

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

package/components/slider/index.d.ts

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

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

@@ -0,0 +1,12 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@odx/angular";
+export declare class SliderDirective {
+    readonly element: ElementRef<HTMLInputElement>;
+    get value(): number;
+    get max(): number;
+    get min(): number;
+    get valuePercentage(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SliderDirective, "input[type=range][odxSlider]", never, {}, {}, never, never, true, [{ directive: typeof i1.WithDisabledState; inputs: {}; outputs: {}; }]>;
+}

package/components/spinbox/README.md

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

package/components/spinbox/index.d.ts

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

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

@@ -0,0 +1,25 @@
+import { NumberInput } from '@angular/cdk/coercion';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { CustomFormControl } from '@odx/angular/cdk/custom-form-control';
+import * as i0 from "@angular/core";
+export declare class SpinboxComponent extends CustomFormControl<number> implements AfterViewInit {
+    static ngAcceptInputType_max: NumberInput;
+    static ngAcceptInputType_min: NumberInput;
+    static ngAcceptInputType_step: NumberInput;
+    private readonly takeUntilDestroyed;
+    private get inputElement();
+    protected decrementButton: ElementRef<HTMLButtonElement>;
+    protected incrementButton: ElementRef<HTMLButtonElement>;
+    readonly element: ElementRef<HTMLElement>;
+    max: number;
+    min: number;
+    step: number;
+    constructor();
+    ngAfterViewInit(): void;
+    protected maxSteps({ code }: KeyboardEvent): void;
+    protected checkValue(): void;
+    protected onInputChange(): void;
+    private registerPressHold;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpinboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinboxComponent, "odx-spinbox", never, { "max": "max"; "min": "min"; "step": "step"; }, {}, never, never, true, never>;
+}

package/components/switch/index.d.ts

@@ -1 +1,3 @@
 export * from './lib/switch.component';
+export * from './lib/switch.module';
+export * from './lib/switch.validator';