ngwr 2.2.0 → 4.0.0

package/cdk/rxjs/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngwr/cdk/rxjs" />
+export * from './public-api';

package/cdk/rxjs/is-array.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { Maybe } from 'ngwr/cdk/types';
+export declare function isArray<T>(val: Maybe<T>): val is T;

package/cdk/rxjs/is-defined.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { Maybe } from 'ngwr/cdk/types';
+export declare function isDefined<T>(value: Maybe<T>): value is T;

package/cdk/rxjs/is-not-empty-array.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { Maybe } from 'ngwr/cdk/types';
+export declare function isNotEmptyArray<T>(val: Maybe<T>): val is T;

package/cdk/rxjs/is-observable.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { Observable } from 'rxjs';
+import { SafeAny } from 'ngwr/cdk/types';
+export declare function isObservable(obj: SafeAny | Observable<SafeAny>): obj is Observable<SafeAny>;

package/cdk/rxjs/public-api.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+export * from './is-array';
+export * from './is-defined';
+export * from './is-not-empty-array';
+export * from './is-observable';

package/cdk/types/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngwr/cdk/types" />
+export * from './public-api';

package/cdk/types/maybe.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+export type Maybe<T> = T | undefined | null;

package/cdk/types/public-api.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+export * from './maybe';
+export * from './safe-any';
+export * from './theme-color';

package/cdk/types/safe-any.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+export type SafeAny = any;

package/{core/color/color.d.ts → cdk/types/theme-color.d.ts}

@@ -1,2 +1,8 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
 export declare const wrThemeColors: readonly ["primary", "secondary", "success", "warning", "danger", "light", "medium", "dark"];
 export type WrThemeColor = (typeof wrThemeColors)[number];

package/cdk/utils/generate-random-id.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Generates random ID
+ *
+ * @return {string}
+ */
+export declare function generateRandomId(): string;

package/cdk/utils/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngwr/cdk/utils" />
+export * from './public-api';

package/cdk/utils/public-api.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+export * from './generate-random-id';

package/checkbox/checkbox.component.d.ts

@@ -1,49 +1,28 @@
-import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { WrAbstractBase } from 'ngwr/core/abstract';
-import { OnChangeType, OnTouchedType, SafeAny } from 'ngwr/core/types';
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { WrAbstractBase } from 'ngwr/cdk';
+import { SafeAny } from 'ngwr/cdk/types';
+import { wrIconName } from 'ngwr/icon';
 import * as i0 from "@angular/core";
-export declare class WrCheckbox extends WrAbstractBase implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
-    private readonly cdr;
-    private readonly elRef;
-    private readonly focusMonitor;
-    private readonly ngZone;
-    inputElement: HTMLInputElement;
-    get checked(): boolean;
-    set checked(value: BooleanInput);
-    private _checked;
-    /** Set autofocus for checkbox; */
-    get autofocus(): boolean;
-    set autofocus(value: BooleanInput);
-    private _autofocus;
-    /** Set disabled state of `wr-btn`; */
-    get disabled(): boolean;
-    set disabled(value: BooleanInput);
-    private _disabled;
-    get focused(): boolean;
-    set focused(value: BooleanInput);
-    private _focused;
-    private onChange;
-    private onTouched;
-    /** Set element classes */
+export declare class WrCheckboxComponent extends WrAbstractBase implements ControlValueAccessor, OnInit {
+    formControl: FormControl;
+    id: string;
+    icon: wrIconName | null;
+    onChange: (value: boolean) => void;
+    onTouched: () => void;
     get elClasses(): SafeAny;
-    constructor(cdr: ChangeDetectorRef, elRef: ElementRef<HTMLElement | HTMLInputElement>, focusMonitor: FocusMonitor, ngZone: NgZone);
+    get nativeDisabled(): '' | null;
     ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    focus(origin?: FocusOrigin, options?: FocusOptions): void;
-    writeValue(value: BooleanInput): void;
-    registerOnChange(fn: OnChangeType): void;
-    registerOnTouched(fn: OnTouchedType): void;
-    setDisabledState(isDisabled: boolean): void;
-    /**
-     * A disabled checkbox shouldn't apply any actions
-     *
-     * @param event
-     */
-    private preventEventsWhenDisabled;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrCheckbox, "wr-checkbox", ["wrCheckbox"], { "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+    registerOnChange(fn: () => void): void;
+    registerOnTouched(fn: () => void): void;
+    writeValue(checked: boolean): void;
+    setDisabledState?(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrCheckboxComponent, "wr-checkbox", never, { "formControl": { "alias": "formControl"; "required": true; }; "id": { "alias": "id"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/checkbox/checkbox.module.d.ts

@@ -2,6 +2,6 @@ import * as i0 from "@angular/core";
 import * as i1 from "./checkbox.component";
 export declare class WrCheckboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<WrCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WrCheckboxModule, never, [typeof i1.WrCheckbox], [typeof i1.WrCheckbox]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WrCheckboxModule, never, [typeof i1.WrCheckboxComponent], [typeof i1.WrCheckboxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<WrCheckboxModule>;
 }

package/checkbox/index.d.ts

@@ -1,2 +1,5 @@
-export { WrCheckbox } from './checkbox.component';
-export { WrCheckboxModule } from './checkbox.module';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngwr/checkbox" />
+export * from './public-api';

package/checkbox/public-api.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+export * from './checkbox.component';
+export * from './checkbox.module';

package/checkbox/styles/_index.scss

@@ -0,0 +1,86 @@
+@forward '../../styles/colors';
+@forward './vars';
+
+.wr-checkbox {
+  --wr-checkbox-cursor: pointer;
+  --wr-checkbox-mark-opacity: 0;
+  --wr-checkbox-mark-transform: rotate(45deg) translateY(-2px) translateX(-1px) scale(0);
+
+  &__wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: var(--wr-checkbox-gap);
+
+    cursor: var(--wr-checkbox-cursor);
+
+    color: var(--wr-checkbox-color);
+    font-size: var(--wr-checkbox-font-size);
+    font-weight: var(--wr-checkbox-font-weight);
+    line-height: var(--wr-checkbox-line-height);
+  }
+
+  &__input {
+    position: absolute;
+    visibility: hidden;
+    opacity: 0;
+    width: 0;
+    height: 0;
+  }
+
+  &__icon {
+    --wr-icon-size: var(--wr-checkbox-width);
+    color: var(--wr-checkbox-icon-color);
+    transition: var(--wr-transition-base);
+  }
+
+  &-inner {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: var(--wr-checkbox-width);
+    height: var(--wr-checkbox-height);
+
+    background-color: var(--wr-checkbox-bg-color);
+    border: 1px solid var(--wr-checkbox-border-color);
+    border-radius: var(--wr-checkbox-border-radius);
+
+    transition: var(--wr-transition-base);
+
+    &__mark {
+      opacity: var(--wr-checkbox-mark-opacity);
+      height: 60%;
+      width: 40%;
+      border-bottom: var(--wr-checkbox-mark-width) solid var(--wr-checkbox-mark-color);
+      border-right: var(--wr-checkbox-mark-width) solid var(--wr-checkbox-mark-color);
+      transform: var(--wr-checkbox-mark-transform);
+      transition: var(--wr-transition-short);
+    }
+  }
+
+  &:hover {
+    --wr-checkbox-border-color: var(--wr-color-primary);
+  }
+
+  &--checked {
+    --wr-checkbox-icon-color: var(--wr-color-primary);
+    --wr-checkbox-bg-color: var(--wr-color-primary);
+    --wr-checkbox-border-color: var(--wr-color-primary);
+    --wr-checkbox-disabled-bg-color: var(--wr-color-primary-lighter);
+    --wr-checkbox-mark-opacity: 1;
+    --wr-checkbox-mark-transform: rotate(45deg) translateY(-2px) translateX(-1px) scale(1);
+
+    &:hover {
+      --wr-checkbox-bg-color: var(--wr-color-primary-lighter);
+      --wr-checkbox-border-color: var(--wr-color-primary-lighter);
+    }
+  }
+
+  &[disabled],
+  &:disabled {
+    --wr-checkbox-cursor: default;
+    --wr-checkbox-bg-color: var(--wr-checkbox-disabled-bg-color);
+    --wr-checkbox-border-color: var(--wr-checkbox-disabled-bg-color);
+  }
+}

package/checkbox/styles/vars.scss

@@ -0,0 +1,16 @@
+:root {
+  --wr-checkbox-gap: 0.5rem;
+  --wr-checkbox-color: var(--wr-color-dark);
+  --wr-checkbox-font-size: 0.875rem;
+  --wr-checkbox-font-weight: 500;
+  --wr-checkbox-line-height: 1rem;
+  --wr-checkbox-width: 1.25rem;
+  --wr-checkbox-height: var(--wr-checkbox-width);
+  --wr-checkbox-border-radius: 0.25rem;
+  --wr-checkbox-border-color: var(--wr-color-light);
+  --wr-checkbox-bg-color: transparent;
+  --wr-checkbox-icon-color: var(--wr-color-light);
+  --wr-checkbox-disabled-bg-color: var(--wr-color-light);
+  --wr-checkbox-mark-color: var(--wr-color-white);
+  --wr-checkbox-mark-width: 0.125rem;
+}

package/dialog/dialog-animations.d.ts

@@ -1,3 +1,9 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
 import { AnimationTriggerMetadata } from '@angular/animations';
 export declare const WR_ANIMATION_ZOOM_CLASS_NAME_MAP: {
     enter: string;
@@ -12,5 +18,5 @@ export declare const WR_ANIMATION_FADE_CLASS_NAME_MAP: {
     leaveActive: string;
 };
 export declare const wrDialogAnimations: {
-    readonly dialogContainer: AnimationTriggerMetadata;
+    readonly dialogComponent: AnimationTriggerMetadata;
 };

package/dialog/{dialog-base.d.ts → dialog-base.directive.d.ts}

@@ -1,14 +1,20 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
 import { AnimationEvent } from '@angular/animations';
 import { OverlayRef } from '@angular/cdk/overlay';
 import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
 import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, EventEmitter, OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';
-import { WrDialogConfig } from './dialog-config';
+import { WrDialogOptions } from './dialog-options';
 import { WrDialogRef } from './dialog-ref';
 import * as i0 from "@angular/core";
-export declare class WrDialogBase extends BasePortalOutlet implements OnDestroy {
+export declare class WrDialogBaseDirective extends BasePortalOutlet implements OnDestroy {
     cdr: ChangeDetectorRef;
-    config: WrDialogConfig;
+    options: WrDialogOptions;
     protected overlayRef: OverlayRef;
     portalOutlet: CdkPortalOutlet;
     dialogElementRef: ElementRef<HTMLDivElement>;
@@ -17,10 +23,10 @@ export declare class WrDialogBase extends BasePortalOutlet implements OnDestroy
     animationStateChanged: EventEmitter<AnimationEvent>;
     state: 'void' | 'enter' | 'exit';
     protected readonly destroyed$: Subject<void>;
-    constructor(cdr: ChangeDetectorRef, config: WrDialogConfig, overlayRef: OverlayRef);
+    constructor(cdr: ChangeDetectorRef, options: WrDialogOptions, overlayRef: OverlayRef);
     ngOnDestroy(): void;
     onContainerClick(e: MouseEvent): void;
-    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    attachComponentPortal<C>(portal: ComponentPortal<C>): ComponentRef<C>;
     attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
     private setEnterAnimationClass;
     private setExitAnimationClass;
@@ -29,6 +35,6 @@ export declare class WrDialogBase extends BasePortalOutlet implements OnDestroy
     onAnimationDone(event: AnimationEvent): void;
     onAnimationStart(event: AnimationEvent): void;
     startExitAnimation(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WrDialogBase, never, never, {}, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogBaseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrDialogBaseDirective, never, never, {}, {}, never, never, true, never>;
 }

package/dialog/dialog-close.directive.d.ts

@@ -0,0 +1,9 @@
+import { WrDialogRef } from './dialog-ref';
+import * as i0 from "@angular/core";
+export declare class WrDialogCloseDirective {
+    dialogRef: WrDialogRef;
+    _onButtonClick(event: MouseEvent): void;
+    constructor(dialogRef: WrDialogRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogCloseDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrDialogCloseDirective, "[wrDialogClose]", never, {}, {}, never, never, true, never>;
+}

package/dialog/dialog-content.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class WrDialogContentDirective {
+    class: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrDialogContentDirective, "[wrDialogContent]", never, {}, {}, never, never, true, never>;
+}

package/dialog/dialog-data.token.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { InjectionToken } from '@angular/core';
+export declare const WR_DIALOG_DATA: InjectionToken<any>;

package/dialog/dialog-footer.directive.d.ts

@@ -0,0 +1,8 @@
+import { SafeAny } from 'ngwr/cdk/types';
+import * as i0 from "@angular/core";
+export declare class WrDialogFooterDirective {
+    position: 'start' | 'center' | 'end';
+    get elClasses(): SafeAny;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogFooterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrDialogFooterDirective, "[wrDialogFooter]", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dialog/dialog-options.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { ComponentType, PositionStrategy, ScrollStrategy } from '@angular/cdk/overlay';
+import { ViewContainerRef } from '@angular/core';
+import { SafeAny } from 'ngwr/cdk/types';
+export declare class WrDialogOptions<C = SafeAny> {
+    id?: string;
+    component?: ComponentType<C>;
+    data?: SafeAny;
+    hasBackdrop?: boolean;
+    backdropClass?: string;
+    positionStrategy?: PositionStrategy;
+    scrollStrategy?: ScrollStrategy;
+    viewContainerRef?: ViewContainerRef;
+}

package/dialog/dialog-ref.d.ts

@@ -1,20 +1,26 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
 import { OverlayRef } from '@angular/cdk/overlay';
 import { Subject } from 'rxjs';
-import { WrAbstractBase } from 'ngwr/core/abstract';
-import { SafeAny } from 'ngwr/core/types';
-import { WrDialogBase } from './dialog-base';
-import { WrDialogConfig } from './dialog-config';
-export declare class WrDialogRef<T = SafeAny, R = SafeAny> extends WrAbstractBase {
-    private readonly config;
-    private readonly overlayRef;
-    containerInstance: WrDialogBase;
+import { WrAbstractBase } from 'ngwr/cdk';
+import { SafeAny } from 'ngwr/cdk/types';
+import { WrDialogBaseDirective } from './dialog-base.directive';
+import { WrDialogOptions } from './dialog-options';
+export declare class WrDialogRef<C = SafeAny, R = SafeAny> extends WrAbstractBase {
+    private overlayRef;
+    private options;
+    baseInstance: WrDialogBaseDirective;
     readonly id?: string;
+    componentInstance: C | null;
     result?: R;
-    componentInstance: T | null;
-    private closeTimeout?;
-    readonly afterClosed: Subject<R | undefined>;
     readonly afterOpened: Subject<void>;
-    constructor(config: WrDialogConfig<T>, overlayRef: OverlayRef, containerInstance: WrDialogBase);
+    readonly afterClosed: Subject<R | undefined>;
+    private closeTimeout?;
+    constructor(overlayRef: OverlayRef, options: WrDialogOptions, baseInstance: WrDialogBaseDirective);
     close(result?: R): void;
-    _finishDialogClose(): void;
+    private _finishDialogClose;
 }

package/dialog/dialog-title.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class WrDialogTitleDirective {
+    class: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrDialogTitleDirective, "[wrDialogTitle]", never, {}, {}, never, never, true, never>;
+}

package/dialog/dialog.component.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+import { AnimationEvent } from '@angular/animations';
+import { OverlayRef } from '@angular/cdk/overlay';
+import { CdkPortalOutlet } from '@angular/cdk/portal';
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { SafeAny } from 'ngwr/cdk/types';
+import { WrDialogBaseDirective } from './dialog-base.directive';
+import { WrDialogOptions } from './dialog-options';
+import * as i0 from "@angular/core";
+export declare class WrDialogComponent extends WrDialogBaseDirective {
+    options: WrDialogOptions;
+    portalOutlet: CdkPortalOutlet;
+    dialogElementRef: ElementRef<HTMLDivElement>;
+    state: 'void' | 'enter' | 'exit';
+    onAnimationStart(event: AnimationEvent): void;
+    onAnimationDone(event: AnimationEvent): void;
+    onContainerClick(e: MouseEvent): void;
+    /** Set element classes */
+    get elClasses(): SafeAny;
+    constructor(cdr: ChangeDetectorRef, options: WrDialogOptions, overlayRef: OverlayRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrDialogComponent, "wr-dialog", never, {}, {}, never, never, true, never>;
+}

package/dialog/dialog.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dialog.component";
+import * as i2 from "./dialog-footer.directive";
+import * as i3 from "./dialog-content.directive";
+import * as i4 from "./dialog-close.directive";
+import * as i5 from "./dialog-title.directive";
+export declare class WrDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WrDialogModule, never, [typeof i1.WrDialogComponent, typeof i2.WrDialogFooterDirective, typeof i3.WrDialogContentDirective, typeof i4.WrDialogCloseDirective, typeof i5.WrDialogTitleDirective], [typeof i4.WrDialogCloseDirective, typeof i2.WrDialogFooterDirective, typeof i3.WrDialogContentDirective, typeof i5.WrDialogTitleDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WrDialogModule>;
+}

package/dialog/dialog.service.d.ts

@@ -0,0 +1,28 @@
+import { Subject } from 'rxjs';
+import { SafeAny } from 'ngwr/cdk/types';
+import { WrDialogOptions } from './dialog-options';
+import { WrDialogRef } from './dialog-ref';
+import * as i0 from "@angular/core";
+/**
+ * NGWR dialog service.
+ *
+ * {@tutorial} [How to use wr-dialog]{@link http://ngwr.dev/docs/components/dialog}
+ */
+export declare class WrDialogService {
+    private readonly overlay;
+    private readonly injector;
+    private readonly parentModal;
+    private openedDialogsAtThisLevel;
+    private readonly afterAllClosedAtThisLevel;
+    get openedDialogs(): WrDialogRef[];
+    get _afterAllClosed(): Subject<void>;
+    open<C = SafeAny, R = SafeAny>(options: WrDialogOptions<C>): WrDialogRef<C, R>;
+    private _defaultPositionStrategy;
+    private _defaultScrollStrategy;
+    private _createOverlay;
+    private _attachDialogContainer;
+    private _attachDialogContent;
+    private _removeOpenedModal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WrDialogService>;
+}

package/dialog/index.d.ts

@@ -1,9 +1,5 @@
-export { wrDialogAnimations, WR_ANIMATION_ZOOM_CLASS_NAME_MAP, WR_ANIMATION_FADE_CLASS_NAME_MAP, } from './dialog-animations';
-export { WrDialogBase } from './dialog-base';
-export { WrDialogConfig } from './dialog-config';
-export { WrDialogContainer } from './dialog-container';
-export { WrDialogClose, WrDialogTitle, WrDialogContent, WrDialogFooter } from './dialog-content-directives';
-export { WrDialogModule } from './dialog-module';
-export { WrDialogRef } from './dialog-ref';
-export { WrDialogService } from './dialog-service';
-export { WR_DIALOG_DATA } from './dialog-tokens';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngwr/dialog" />
+export * from './public-api';

package/dialog/public-api.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+export * from './dialog.component';
+export * from './dialog.module';
+export * from './dialog.service';
+export * from './dialog-animations';
+export * from './dialog-base.directive';
+export * from './dialog-close.directive';
+export * from './dialog-content.directive';
+export * from './dialog-data.token';
+export * from './dialog-footer.directive';
+export * from './dialog-options';
+export * from './dialog-ref';
+export * from './dialog-title.directive';

package/dialog/{dialog.scss → styles/_index.scss}

@@ -1,3 +1,5 @@
+@forward './vars';
+
 .wr-dialog {
   &__wrapper {
     background: var(--wr-dialog-bg);

package/dialog/styles/vars.scss

@@ -0,0 +1,7 @@
+:root {
+  --wr-dialog-bg: #fff;
+  --wr-dialog-min-width: 20rem;
+  --wr-dialog-title-color: var(--wr-color-dark);
+  --wr-dialog-padding-x: 1rem;
+  --wr-dialog-padding-y: 1rem;
+}