@datarailsshared/datarailsshared 1.6.359 → 1.6.363

package/lib/dr-dialog/dialog.module.d.ts

@@ -7,6 +7,7 @@ import * as i5 from "../dr-inputs/dr-inputs.module";
 import * as i6 from "@angular/forms";
 import * as i7 from "../dr-tooltip/dr-tooltip.module";
 import * as i8 from "../dr-details-list/dr-details-list.module";
+/** @deprecated use DrModalModule instead */
 export declare class DrDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DrDialogModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<DrDialogModule, [typeof i1.DialogWrapperComponent, typeof i2.DialogModalWrapperComponent], [typeof i3.CommonModule, typeof i4.MatLegacyDialogModule, typeof i5.DrInputsModule, typeof i6.ReactiveFormsModule, typeof i7.DrTooltipModule, typeof i8.DrDetailsListModule], [typeof i1.DialogWrapperComponent, typeof i2.DialogModalWrapperComponent]>;

package/lib/dr-dialog/services/dialog.service.d.ts

@@ -4,20 +4,27 @@ import { ConfirmDialogData, DialogData } from '../interfaces/dialog-data';
 import { DialogWrapperComponent } from '../components/dialog-wrapper/dialog-wrapper.component';
 import { DialogModalWrapperComponent } from '../components/dialog-modal-wrapper/dialog-modal-wrapper.component';
 import * as i0 from "@angular/core";
+/** @deprecated use DrModalService instead */
 export declare class DialogService {
     private dialog;
     private wrapperComponent;
     constructor(dialog: MatDialog);
     /**
      * Function to open modal with custom form
+     *
+     * @deprecated use DrModalService.open instead
      */
     openDialogWrapper<T, D = any, R = any>(componentTypeChild: ComponentType<T>, dialogData: DialogData<T>, componentTypeWrapper?: ComponentType<D>): MatDialogRef<any, any>;
     /**
      * Function to open confirmation modal
+     *
+     * @deprecated use DrModalService.confirm instead
      */
     openConfirmDialog<R = any>(confirmDialogData: ConfirmDialogData): MatDialogRef<DialogWrapperComponent, R>;
     /**
      * Function to open confirmation modal with inputs
+     *
+     * @deprecated use DrModalService.confirm instead
      */
     openConfirmDialogModal<R = any>(confirmDialogData: ConfirmDialogData): MatDialogRef<DialogModalWrapperComponent, R>;
     /**

package/lib/dr-inputs/button/button.component.d.ts

@@ -11,6 +11,7 @@ export declare class DrButtonComponent {
     disabled: boolean;
     isLoading: boolean;
     isActive: boolean;
+    type: 'submit' | 'reset' | 'button';
     static ɵfac: i0.ɵɵFactoryDeclaration<DrButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrButtonComponent, "dr-button", never, { "theme": { "alias": "theme"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "iconAfter": { "alias": "iconAfter"; "required": false; }; "iconAfterColor": { "alias": "iconAfterColor"; "required": false; }; "iconAfterSize": { "alias": "iconAfterSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrButtonComponent, "dr-button", never, { "theme": { "alias": "theme"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "iconAfter": { "alias": "iconAfter"; "required": false; }; "iconAfterColor": { "alias": "iconAfterColor"; "required": false; }; "iconAfterSize": { "alias": "iconAfterSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/dr-modal/components/dr-confirm-modal/dr-confirm-modal.component.d.ts

@@ -0,0 +1,19 @@
+import { Signal } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import { DrModal } from '../../dr-modal';
+import { DrModalConfirmData } from '../../dr-modal.types';
+import { DrModalFormField } from '../../dr-modal-form.types';
+import * as i0 from "@angular/core";
+export declare class DrConfirmModalComponent<Fields extends readonly DrModalFormField<any>[] = DrModalFormField[]> extends DrModal<DrModalConfirmData<Fields>, boolean> {
+    readonly cancelBtn: import("../../dr-modal.types").DrModalConfirmFooterBtn;
+    readonly acceptBtn: import("../../dr-modal.types").DrModalConfirmFooterBtn;
+    readonly fields: Fields;
+    readonly form: FormGroup<Record<string, FormControl<any>>>;
+    readonly selectLoadings: Record<string, Signal<boolean>>;
+    readonly isLoading: import("@angular/core").WritableSignal<boolean>;
+    onSubmit(): Promise<void>;
+    private setItemControl;
+    private setItemSelectLoading;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrConfirmModalComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrConfirmModalComponent<any>, "dr-confirm-modal", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,14 @@
+import { DrModalHeaderDirective } from '../../dr-modal.slots';
+import { DrModalMaxHeight, DrModalSize } from '../../dr-modal.types';
+import * as i0 from "@angular/core";
+export declare class DrModalComponent {
+    size: DrModalSize | null;
+    maxHeight: DrModalMaxHeight;
+    withHeader: boolean;
+    withCloseBtn: boolean;
+    readonly customHeader?: DrModalHeaderDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrModalComponent, "dr-modal, form[dr-modal]", never, { "size": { "alias": "size"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "withHeader": { "alias": "withHeader"; "required": false; }; "withCloseBtn": { "alias": "withCloseBtn"; "required": false; }; }, {}, ["customHeader"], ["dr-modal-header, [dr-modal-header], [drModalHeader]", "dr-modal-title, [dr-modal-title], [drModalTitle]", "dr-modal-subtitle, [dr-modal-subtitle], [drModalSubtitle]", "dr-modal-body, [dr-modal-body], [drModalBody]", "dr-modal-footer, [dr-modal-footer], [drModalFooter]"], true, never>;
+    static ngAcceptInputType_withHeader: unknown;
+    static ngAcceptInputType_withCloseBtn: unknown;
+}

package/lib/dr-modal/components/dr-modal-container/dr-modal-container.component.d.ts

@@ -0,0 +1,23 @@
+import { CdkDialogContainer } from '@angular/cdk/dialog';
+import { DrModalConfig } from '../../dr-modal-config';
+import { DrModalAnimationState } from '../../dr-modal.types';
+import * as i0 from "@angular/core";
+export declare class DrModalContainerComponent extends CdkDialogContainer {
+    readonly config: DrModalConfig<any>;
+    readonly id: string;
+    readonly animationNoop: boolean;
+    private readonly animationClasses;
+    private readonly animationDuration;
+    readonly animationState: import("@angular/core").WritableSignal<DrModalAnimationState>;
+    readonly animationClass: import("@angular/core").Signal<string>;
+    readonly animationTime: import("@angular/core").Signal<number>;
+    readonly hasTitle: import("@angular/core").WritableSignal<boolean>;
+    readonly hasSubtitle: import("@angular/core").WritableSignal<boolean>;
+    private readonly elementRef;
+    protected _contentAttached(): void;
+    animateClose(): void;
+    private getAnimationDuration;
+    private getAnimationClasses;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrModalContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrModalContainerComponent, "dr-modal-container", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare class DrModalCloseDirective<TResult = unknown> {
+    result?: TResult | '';
+    private readonly modalRef;
+    /**
+     * By default, Angular would assign '' in <button drModalClose>, which is not ideal as we use null for backdrop click and ESC press
+     * To understand if drModalClose used without value (<button drModalClose>) we get its attribute.
+     * '' attribute means we used drModalClose without any value, null means we used [drModalClose]="''" with binding
+     *
+     * NOTE: @Attribute will not work as Angular always sets @Attribute null value if it matches any @Input
+     */
+    private readonly resultAttr;
+    constructor();
+    onHostClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrModalCloseDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DrModalCloseDirective<any>, "[drModalClose]", never, { "result": { "alias": "drModalClose"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/dr-modal/dr-modal-config.d.ts

@@ -0,0 +1,17 @@
+import { Injector } from '@angular/core';
+import { DrModalAnimationClasses, DrModalAnimationDuration } from './dr-modal.types';
+export declare class DrModalConfig<Data = unknown> {
+    /** Uniq id to prevent opening multiple modals with the same id */
+    id?: string;
+    /** Data being injected into the child component */
+    data?: Data;
+    /** Disable closing modal by clicking on backdrop ([modalClose] and modalRef.close will close the modal as usual) */
+    disableClose?: boolean;
+    /** Injector used for the instantiation of the component to be attached */
+    injector?: Injector;
+    /** Config for custom animations */
+    animation?: {
+        class?: DrModalAnimationClasses;
+        duration?: DrModalAnimationDuration;
+    };
+}

package/lib/dr-modal/dr-modal-config.provider.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { DialogConfig } from '@angular/cdk/dialog';
+export declare const DR_MODAL_DEFAULT_CONFIG: InjectionToken<DialogConfig<unknown, unknown, import("@angular/cdk/portal").BasePortalOutlet>>;

package/lib/dr-modal/dr-modal-form.types.d.ts

@@ -0,0 +1,42 @@
+import { Observable } from 'rxjs';
+import { AsyncValidatorFn, ValidatorFn } from '@angular/forms';
+import { TimeframeOption } from '../models/datePicker';
+export type DrModalFormFieldType = 'input' | 'select' | 'date_picker' | 'checkbox';
+export interface ModalFormFieldBase<Value, Name extends string = string> {
+    name: Name;
+    value: Value;
+    type: DrModalFormFieldType;
+    fieldClass?: string;
+    validators?: ValidatorFn | ValidatorFn[];
+    asyncValidators?: AsyncValidatorFn[];
+    label?: string;
+    isLabelFullWidth?: boolean;
+    placeholder?: string;
+}
+export interface DrModalFormInputField<Name extends string = string> extends ModalFormFieldBase<string, Name> {
+    type: 'input';
+}
+export interface DrModalFormCheckboxField<Name extends string = string> extends ModalFormFieldBase<boolean, Name> {
+    type: 'checkbox';
+}
+export interface DrModalFormDatepickerField<Name extends string = string> extends ModalFormFieldBase<number, Name> {
+    type: 'date_picker';
+    datePickerFormat?: TimeframeOption;
+}
+export interface DrModalFormSelect<T, Name extends string = string> extends ModalFormFieldBase<T, Name> {
+    type: 'select';
+    items$: Observable<readonly {
+        label: string;
+        value: T;
+    }[]>;
+    addTag?: boolean;
+    clearable?: boolean;
+    searchable?: boolean;
+    isOptional?: boolean;
+}
+export type DrModalFormField<T = unknown> = DrModalFormInputField | DrModalFormCheckboxField | DrModalFormDatepickerField | DrModalFormSelect<T>;
+export type DrModalFormResult<Fields extends readonly DrModalFormField[]> = {
+    [K in Fields[number]['name']]: Extract<Fields[number], {
+        name: K;
+    }>['value'];
+};

package/lib/dr-modal/dr-modal-form.utils.d.ts

@@ -0,0 +1,9 @@
+import { Observable } from 'rxjs';
+import { DrModalFormCheckboxField, DrModalFormDatepickerField, DrModalFormInputField, DrModalFormSelect } from './dr-modal-form.types';
+export declare const modalFormInput: <N extends string>(config: Omit<DrModalFormInputField<N>, "type">) => DrModalFormInputField<N>;
+export declare const modalFormCheckbox: <N extends string>(config: Omit<DrModalFormCheckboxField<N>, "type">) => DrModalFormCheckboxField<N>;
+export declare const modalFormDatepicker: <N extends string>(config: Omit<DrModalFormDatepickerField<N>, "type">) => DrModalFormDatepickerField<N>;
+export declare const modalFormSelect: <T, N extends string>(config: Omit<DrModalFormSelect<T, N>, "type" | "items$">, items$: Observable<readonly {
+    label: string;
+    value: T;
+}[]>) => DrModalFormSelect<T, N>;

package/lib/dr-modal/dr-modal-ref.d.ts

@@ -0,0 +1,19 @@
+import { DialogRef } from '@angular/cdk/dialog';
+import { Observable } from 'rxjs';
+import { DrModalConfig } from './dr-modal-config';
+import { DrModalContainerComponent } from './components/dr-modal-container/dr-modal-container.component';
+export declare class DrModalRef<TData = unknown, TResult = unknown, TRef = unknown> {
+    private readonly innerRef;
+    readonly config: DrModalConfig<TData>;
+    readonly id: string;
+    readonly ref: TRef;
+    readonly data: TData;
+    readonly afterClosed$: Observable<TResult | undefined>;
+    readonly container: DrModalContainerComponent;
+    disableClose: boolean;
+    private result?;
+    private isClosing;
+    constructor(innerRef: DialogRef<TResult, TRef>, config: DrModalConfig<TData>);
+    close(result?: TResult): void;
+    private cdkClose;
+}

package/lib/dr-modal/dr-modal.d.ts

@@ -0,0 +1,5 @@
+import { DrModalRef } from './dr-modal-ref';
+export declare class DrModal<Data = unknown, Result = unknown> {
+    protected readonly modalRef: DrModalRef<Data, Result, unknown>;
+    protected readonly data: Data;
+}

package/lib/dr-modal/dr-modal.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/dr-modal/dr-modal.component";
+import * as i2 from "./dr-modal.slots";
+import * as i3 from "./directives/dr-modal-close.directive";
+export declare class DrModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DrModalModule, never, [typeof i1.DrModalComponent, typeof i2.DrModalHeaderDirective, typeof i2.DrModalTitleDirective, typeof i2.DrModalSubtitleDirective, typeof i2.DrModalBodyDirective, typeof i2.DrModalFooterDirective, typeof i3.DrModalCloseDirective], [typeof i1.DrModalComponent, typeof i2.DrModalHeaderDirective, typeof i2.DrModalTitleDirective, typeof i2.DrModalSubtitleDirective, typeof i2.DrModalBodyDirective, typeof i2.DrModalFooterDirective, typeof i3.DrModalCloseDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DrModalModule>;
+}

package/lib/dr-modal/dr-modal.service.d.ts

@@ -0,0 +1,20 @@
+import { Dialog } from '@angular/cdk/dialog';
+import { DrModalRef } from './dr-modal-ref';
+import { DrModalConfig } from './dr-modal-config';
+import { DrModalFormField } from './dr-modal-form.types';
+import { DrModalComponentRef, DrModalConfirmData } from './dr-modal.types';
+import * as i0 from "@angular/core";
+export declare class DrModalService {
+    private readonly dialog;
+    private readonly _modals;
+    private readonly defaultConfig;
+    private readonly confirmComponentPromise;
+    constructor(dialog: Dialog);
+    get modals(): readonly DrModalRef[];
+    open<TData, TResult = unknown>(component: DrModalComponentRef<TData, TResult>, config?: DrModalConfig<TData>): DrModalRef<TData, TResult>;
+    confirm<Fields extends readonly DrModalFormField<any>[] = DrModalFormField<any>[]>(data?: DrModalConfirmData<Fields>): Promise<boolean>;
+    closeAll(): void;
+    private getConfirmData;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DrModalService>;
+}

package/lib/dr-modal/dr-modal.slots.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+export declare class DrModalHeaderDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrModalHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DrModalHeaderDirective, "dr-modal-header, [dr-modal-header], [drModalHeader]", never, {}, {}, never, never, true, never>;
+}
+export declare class DrModalTitleDirective {
+    protected readonly id: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrModalTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DrModalTitleDirective, "dr-modal-title, [dr-modal-title], [drModalTitle]", never, {}, {}, never, never, true, never>;
+}
+export declare class DrModalSubtitleDirective {
+    protected readonly id: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrModalSubtitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DrModalSubtitleDirective, "dr-modal-subtitle, [dr-modal-subtitle], [drModalSubtitle]", never, {}, {}, never, never, true, never>;
+}
+export declare class DrModalBodyDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrModalBodyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DrModalBodyDirective, "dr-modal-body, [dr-modal-body], [drModalBody]", never, {}, {}, never, never, true, never>;
+}
+export declare class DrModalFooterDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrModalFooterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DrModalFooterDirective, "dr-modal-footer, [dr-modal-footer], [drModalFooter]", never, {}, {}, never, never, true, never>;
+}

package/lib/dr-modal/dr-modal.types.d.ts

@@ -0,0 +1,63 @@
+import { ComponentType } from '@angular/cdk/portal';
+import { Observable } from 'rxjs';
+import { DrModal } from './dr-modal';
+import { ButtonType } from '../dr-inputs/button/button.component';
+import { DrModalFormField, DrModalFormResult } from './dr-modal-form.types';
+/** Modal sizes: xs 400px, sm 460px, md 632px, lg 750px, xl 1100px */
+export type DrModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** 'size' = use size-based max-height (default); 'max' = no size restriction, max 85vh */
+export type DrModalMaxHeight = 'size' | 'max';
+export type DrModalComponentRef<Data, Result = unknown> = ComponentType<DrModal<Data, Result>>;
+export type DrModalAnimationState = 'enter' | 'leave';
+export interface DrModalAnimationDuration {
+    /** delay in ms (default is 150) */
+    enter: number;
+    /** delay in ms (default is 150) */
+    leave: number;
+}
+export interface DrModalAnimationClasses {
+    enter: string;
+    leave: string;
+    /** static class for the modal container to anchor animations to a specific class */
+    anchor: string;
+}
+export interface DrModalConfirmData<Fields extends readonly DrModalFormField<any>[] = DrModalFormField<any>[]> {
+    title?: string;
+    /** HTML supported */
+    content?: string;
+    /** default is true */
+    withCloseBtn?: boolean;
+    /** default is 'xs' */
+    size?: DrModalSize;
+    /** default is 'size' */
+    maxHeight?: DrModalMaxHeight;
+    /**
+     * Modal fields config
+     *
+     * @example```ts
+     * const fields = [
+     *     modalFormInput({ name: 'email', value: '', label: 'Email', placeholder: 'Enter your email' }),
+     *     modalFormSelect({ name: 'role', value: 'viewer', label: 'Role', placeholder: 'Select role' }, options$),
+     *     modalFormCheckbox({ name: 'agree', value: false, label: 'Agree' }),
+     * ] as const;
+     * ```
+     */
+    fields?: Fields;
+    /**
+     * Function to be called when user clicks on the confirm button.
+     * Result of the form fields will be passed as an argument.
+     */
+    confirmFn?: (result: DrModalFormResult<Fields>) => Observable<unknown>;
+    /** Custom class for the form wrapper */
+    formWrapperClass?: string;
+    /** Error message on invalid form */
+    errorMessage?: string;
+    /** default is { theme: 'primary', label: 'Confirm' } */
+    acceptBtn?: DrModalConfirmFooterBtn;
+    /** default is { theme: 'secondary', label: 'Cancel' } */
+    cancelBtn?: DrModalConfirmFooterBtn;
+}
+export interface DrModalConfirmFooterBtn {
+    label?: string;
+    theme?: ButtonType;
+}

package/lib/dr-modal/public-api.d.ts

@@ -0,0 +1,14 @@
+export * from './components/dr-modal/dr-modal.component';
+export * from './components/dr-modal-container/dr-modal-container.component';
+export * from './components/dr-confirm-modal/dr-confirm-modal.component';
+export * from './directives/dr-modal-close.directive';
+export * from './dr-modal.module';
+export * from './dr-modal.service';
+export * from './dr-modal.slots';
+export * from './dr-modal';
+export * from './dr-modal.types';
+export * from './dr-modal-config.provider';
+export * from './dr-modal-config';
+export * from './dr-modal-ref';
+export * from './dr-modal-form.types';
+export * from './dr-modal-form.utils';

package/lib/utils/async-utils.d.ts

@@ -0,0 +1,18 @@
+import { Observable } from 'rxjs';
+export type Result<T, E = Error> = [T, null] | [null, E];
+/**
+ * A utility function to handle asynchronous operations with a try-catch mechanism.
+ * It wraps a promise and returns a tuple containing either the resolved value or the caught error.
+ *
+ * @example
+ * ```typescript
+ * const [data, error] = await withResult(someAsyncFunction());
+ * if (error != null) {
+ *   console.log('Success:', data);
+ * } else {
+ *   console.error('Error:', error);
+ * }
+ * ```
+ */
+export declare const withResult: <T, E = Error>(value: Promise<T> | Observable<T>) => Promise<Result<T, E>>;
+export declare const fromPromise: <T>(promise: Promise<T>) => Observable<T>;

package/local-api.d.ts

@@ -72,6 +72,7 @@ export * from './lib/dr-treeview/helpers/treeview-event-parser';
 export * from './lib/dr-treeview/helpers/treeview-helper';
 export * from './lib/dr-toastr/default-toastr/default-toastr.component';
 export * from './lib/utils/data-analytics.service';
+export * from './lib/utils/async-utils';
 export * from './lib/models/colors';
 export { TooltipTheme } from './lib/dr-tooltip/enums/tooltip-theme.enum';
 export { Scenario, TScenarioDataChanged } from './lib/dr-tags/_interfaces/scenario';
@@ -135,6 +136,7 @@ export { DrGalleryComponent } from './lib/dr-gallery/dr-gallery.component';
 export { DrProgressBarComponent, TProgressBarTheme } from './lib/dr-progress-bar/dr-progress-bar.component';
 export { DrBadgeComponent, TBadgeColor, TBadgeSize } from './lib/dr-badge/dr-badge.component';
 export { DrSystemMessageComponent, TSystemMessageTheme } from './lib/dr-system-message/dr-system-message.component';
+export * from './lib/dr-modal/public-api';
 export * from './lib/drawer/public-api';
 export * from './lib/stepper-wizard/stepper-wizard.component';
 export * from './lib/stepper-wizard/directives/step-wizard.directive';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/datarailsshared",
-  "version": "1.6.359",
+  "version": "1.6.363",
   "description": "DataRails shared components",
   "keywords": [
     "angular",