@koobiq/components 16.0.0-beta.1

package/modal/_modal-animation.scss

@@ -0,0 +1,114 @@
+@use '../core/styles/functions/timing' as *;
+
+
+$animation-duration-base: 0.3s;
+
+@mixin _motion-common($duration: $animation-duration-base) {
+    animation-duration: $duration;
+    animation-fill-mode: both;
+}
+
+@mixin _motion-common-leave($duration: $animation-duration-base) {
+    animation-duration: $duration;
+    animation-fill-mode: both;
+}
+
+@mixin _make-motion($className, $keyframeName, $duration: $animation-duration-base) {
+    .#{$className}-enter,
+    .#{$className}-appear {
+        @include _motion-common($duration);
+        animation-play-state: paused;
+    }
+
+    .#{$className}-leave {
+        @include _motion-common-leave($duration);
+        animation-play-state: paused;
+    }
+
+    .#{$className}-enter.#{$className}-enter-active,
+    .#{$className}-appear.#{$className}-appear-active {
+        animation-name: #{$keyframeName}In;
+        animation-play-state: running;
+    }
+
+    .#{$className}-leave.#{$className}-leave-active {
+        animation-name: #{$keyframeName}Out;
+        animation-play-state: running;
+        pointer-events: none;
+    }
+}
+
+@mixin zoom-motion($className, $keyframeName, $duration: $animation-duration-base) {
+    @include _make-motion($className, $keyframeName, $duration);
+
+    .#{className}-enter,
+    .#{className}-appear {
+        transform: translate(0, -25%);
+        animation-timing-function: $ease-out-circ;
+    }
+
+    .#{className}-leave {
+        transform: translate(0, 0);
+        animation-timing-function: $ease-in-out-circ;
+    }
+}
+
+@mixin fade-motion($className, $keyframeName) {
+    @include _make-motion($className, $keyframeName);
+
+    .#{className}-enter,
+    .#{className}-appear {
+        opacity: 0;
+        animation-timing-function: ease-out;
+    }
+
+    .#{className}-leave {
+        animation-timing-function: ease-out;
+    }
+}
+
+@keyframes mcFadeIn {
+    0% {
+        opacity: 0;
+    }
+
+    100% {
+        opacity: 1;
+    }
+}
+
+@keyframes mcFadeOut {
+    0% {
+        opacity: 1;
+    }
+
+    100% {
+        opacity: 0;
+    }
+}
+
+@keyframes mcZoomIn {
+    0% {
+        opacity: 0;
+        transform: translate(0, -25%);
+    }
+
+    100% {
+        opacity: 1;
+        transform: scale(1);
+    }
+}
+
+@keyframes mcZoomOut {
+    0% {
+        transform: scale(1);
+    }
+
+    100% {
+        opacity: 0;
+        transform: translate(0, -30%);
+    }
+}
+
+@include fade-motion(fade, mcFade);
+@include zoom-motion(zoom, mcZoom);

package/modal/_modal-confirm.scss

@@ -0,0 +1,53 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.kbq-confirm {
+    .kbq-modal-header {
+        display: none;
+    }
+
+    .kbq-modal-close {
+        display: none;
+    }
+
+    .kbq-modal-body {
+        padding: var(--kbq-modal-confirm-size-padding, map.get($tokens, modal-confirm-size-padding));
+    }
+
+    // TODO
+    &-body-wrapper {
+        //.clearfix()
+        zoom: 1;
+
+        &:before,
+        &:after {
+            content: "";
+            display: table;
+        }
+
+        &:after {
+            clear: both;
+        }
+    }
+
+    &-body {
+        .kbq-confirm-title {
+            display: block;
+            overflow: auto;
+        }
+    }
+
+    .kbq-confirm-btns {
+        border-radius: var(--kbq-modal-footer-size-border-radius, map.get($tokens, modal-footer-size-border-radius));
+        text-align: right;
+
+        button + button, button:only-child {
+            margin: 16px;
+        }
+    }
+}

package/modal/_modal-theme.scss

@@ -0,0 +1,90 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin kbq-modal-theme($theme) {
+    $tokens: map.get($theme, tokens);
+
+    $foreground: map.get($theme, foreground);
+    $background: map.get($theme, background);
+
+    $modal: map.get(map.get($theme, components), modal);
+    $popup: map.get(map.get($theme, components), popup);
+
+    .kbq-modal {
+        .kbq-modal-content {
+            // У модалки должен быть фон background. Чтобы поповеры и дропдауны было видно поверх модалки
+            background-color: map.get($background, background);
+
+            box-shadow: map.get($modal, shadow);
+        }
+
+        .kbq-modal-title {
+            color: map.get($foreground, text);
+        }
+
+        .kbq-modal-header {
+            border-bottom-width: var(--kbq-modal-size-border-width, map.get($tokens, modal-size-border-width));
+            border-bottom-style: solid;
+            border-bottom-color: map.get($modal, header-border);
+        }
+
+        .kbq-modal-header.kbq-modal-body_top-overflow {
+            box-shadow: map.get($modal, body-top-shadow);
+        }
+
+        .kbq-modal-footer.kbq-modal-body_bottom-overflow {
+            box-shadow: map.get($modal, body-bottom-shadow);
+        }
+
+        .kbq-modal-footer {
+            border-top-width: var(--kbq-modal-size-border-width, map.get($tokens, modal-size-border-width));
+            border-top-style: solid;
+            border-top-color: map.get($modal, footer-border);
+
+            background-color: map.get($popup, footer-background);
+        }
+
+        .kbq-modal-close {
+            border: var(--kbq-modal-size-border-width, map.get($tokens, modal-size-border-width)) solid transparent;
+
+            &:hover {
+                .kbq-button-overlay {
+                    background: map.get($background, overlay-hover);
+                }
+
+                .kbq-icon {
+                    color: inherit;
+                }
+            }
+        }
+    }
+
+    .kbq-modal-mask {
+        background-color: map.get($modal, background-mask);
+    }
+
+    .kbq-confirm {
+        .kbq-confirm-btns {
+            border-top-width: var(--kbq-modal-size-border-width, map.get($tokens, modal-size-border-width));
+            border-top-style: solid;
+            border-top-color: map.get($modal, footer-border);
+
+            background-color: map.get($popup, footer-background);
+        }
+    }
+}
+
+@mixin kbq-modal-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .kbq-modal-title {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, modal-header-font-default));
+    }
+
+    .kbq-modal-body {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, modal-body-font-default));
+    }
+}

package/modal/css-unit.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CssUnitPipe implements PipeTransform {
+    transform(value: number | string, defaultUnit?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CssUnitPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CssUnitPipe, "toCssUnit", false>;
+}

package/modal/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/modal/modal-control.service.d.ts

@@ -0,0 +1,20 @@
+import { Subject } from 'rxjs';
+import { KbqModalRef } from './modal-ref.class';
+import * as i0 from "@angular/core";
+export declare class KbqModalControlService {
+    private parentService;
+    get afterAllClose(): Subject<void>;
+    get openModals(): KbqModalRef[];
+    private rootOpenModals;
+    private rootAfterAllClose;
+    private rootRegisteredMetaMap;
+    private get registeredMetaMap();
+    constructor(parentService: KbqModalControlService);
+    registerModal(modalRef: KbqModalRef): void;
+    hasRegistered(modalRef: KbqModalRef): boolean;
+    closeAll(): void;
+    private removeOpenModal;
+    private handleMultipleMasks;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalControlService, [{ optional: true; skipSelf: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KbqModalControlService>;
+}

package/modal/modal-ref.class.d.ts

@@ -0,0 +1,36 @@
+import { Observable } from 'rxjs';
+import { KbqModalComponent } from './modal.component';
+/**
+ * API class that public to users to handle the modal instance.
+ * KbqModalRef is aim to avoid accessing to the modal instance directly by users.
+ */
+export declare abstract class KbqModalRef<T = any, R = any> {
+    abstract afterOpen: Observable<void>;
+    abstract afterClose: Observable<R>;
+    abstract open(): void;
+    abstract close(result?: R): void;
+    abstract destroy(result?: R): void;
+    /**
+     * Trigger the mcOnOk/mcOnCancel by manual
+     */
+    abstract triggerOk(): void;
+    abstract triggerCancel(): void;
+    /**
+     * Return the component instance of mcContent when specify mcContent as a Component
+     * Note: this method may return undefined if the Component has not ready yet.
+     * (it only available after Modal's ngOnInit)
+     */
+    abstract getContentComponent(): T;
+    /**
+     * Get the dom element of this Modal
+     */
+    abstract getElement(): HTMLElement;
+    /**
+     * Get the instance of the Modal itself
+     */
+    abstract getInstance(): KbqModalComponent;
+    /**
+     * Call markForCheck for change detector
+     */
+    abstract markForCheck(): any;
+}

package/modal/modal-util.d.ts

@@ -0,0 +1,12 @@
+export interface IClickPosition {
+    x: number;
+    y: number;
+}
+export declare class ModalUtil {
+    private document;
+    private lastPosition;
+    constructor(document: Document);
+    getLastClickPosition(): IClickPosition;
+    listenDocumentClick(): void;
+}
+export declare const modalUtilObject: ModalUtil;

package/modal/modal.component.d.ts

@@ -0,0 +1,128 @@
+import { Overlay, OverlayRef } from '@angular/cdk/overlay';
+import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ComponentRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef, Type, ViewContainerRef } from '@angular/core';
+import { ThemePalette } from '@koobiq/components/core';
+import { Observable } from 'rxjs';
+import { KbqModalControlService } from './modal-control.service';
+import { KbqModalRef } from './modal-ref.class';
+import { IModalButtonOptions, IModalOptions, ModalSize, ModalType, OnClickCallback } from './modal.type';
+import * as i0 from "@angular/core";
+export declare const MODAL_ANIMATE_DURATION = 200;
+export declare class KbqModalComponent<T = any, R = any> extends KbqModalRef<T, R> implements OnInit, OnChanges, AfterViewInit, OnDestroy, IModalOptions {
+    private overlay;
+    private renderer;
+    private cfr;
+    private elementRef;
+    private viewContainer;
+    private modalControl;
+    private changeDetector;
+    private document;
+    themePalette: typeof ThemePalette;
+    mcModalType: ModalType;
+    mcComponent: Type<T>;
+    mcContent: string | TemplateRef<{}> | Type<T>;
+    mcComponentParams: any;
+    mcFooter: string | TemplateRef<{}> | IModalButtonOptions<T>[];
+    get mcVisible(): boolean;
+    set mcVisible(value: boolean);
+    private _mcVisible;
+    mcVisibleChange: EventEmitter<boolean>;
+    mcZIndex: number;
+    mcWidth: number | string;
+    mcSize: ModalSize;
+    mcWrapClassName: string;
+    mcClassName: string;
+    mcStyle: object;
+    mcTitle: string | TemplateRef<{}>;
+    mcCloseByESC: boolean;
+    get mcClosable(): boolean;
+    set mcClosable(value: boolean);
+    private _mcClosable;
+    get mcMask(): boolean;
+    set mcMask(value: boolean);
+    private _mcMask;
+    get mcMaskClosable(): boolean;
+    set mcMaskClosable(value: boolean);
+    private _mcMaskClosable;
+    mcMaskStyle: object;
+    mcBodyStyle: object;
+    mcAfterOpen: EventEmitter<void>;
+    mcAfterClose: EventEmitter<R>;
+    mcOkText: string;
+    mcOkType: string;
+    mcRestoreFocus: boolean;
+    get mcOkLoading(): boolean;
+    set mcOkLoading(value: boolean);
+    private _mcOkLoading;
+    mcOnOk: EventEmitter<T> | OnClickCallback<T>;
+    mcCancelText: string;
+    get mcCancelLoading(): boolean;
+    set mcCancelLoading(value: boolean);
+    private _mcCancelLoading;
+    mcOnCancel: EventEmitter<T> | OnClickCallback<T>;
+    modalContainer: ElementRef;
+    bodyContainer: ViewContainerRef;
+    autoFocusedButtons: QueryList<ElementRef>;
+    modalBody: ElementRef;
+    isTopOverflow: boolean;
+    isBottomOverflow: boolean;
+    maskAnimationClassMap: object;
+    modalAnimationClassMap: object;
+    transformOrigin: string;
+    get afterOpen(): Observable<void>;
+    get afterClose(): Observable<R>;
+    get okText(): string;
+    get cancelText(): string;
+    get hidden(): boolean;
+    private focusedElementBeforeOpen;
+    private contentComponentRef;
+    private animationState;
+    private container;
+    constructor(overlay: Overlay, renderer: Renderer2, cfr: ComponentFactoryResolver, elementRef: ElementRef, viewContainer: ViewContainerRef, modalControl: KbqModalControlService, changeDetector: ChangeDetectorRef, document: any);
+    mcGetContainer: HTMLElement | OverlayRef | (() => HTMLElement | OverlayRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    checkOverflow(): void;
+    open(): void;
+    close(result?: R): void;
+    destroy(result?: R): void;
+    markForCheck(): void;
+    triggerOk(): void;
+    triggerCancel(): void;
+    getInstance(): KbqModalComponent;
+    getContentComponentRef(): ComponentRef<T>;
+    getContentComponent(): T;
+    getElement(): HTMLElement;
+    getKbqFooter(): HTMLElement;
+    onClickMask($event: MouseEvent): void;
+    isModalType(type: ModalType): boolean;
+    onKeyDown(event: KeyboardEvent): void;
+    onClickCloseBtn(): void;
+    onClickOkCancel(type: 'ok' | 'cancel'): void;
+    isNonEmptyString(value: {}): boolean;
+    isTemplateRef(value: {}): boolean;
+    isComponent(value: {}): boolean;
+    isModalButtons(value: {}): boolean;
+    getButtonCallableProp(options: IModalButtonOptions<T>, prop: string): {};
+    onButtonClick(button: IModalButtonOptions<T>): void;
+    private handleVisibleStateChange;
+    private changeVisibleFromInside;
+    private changeAnimationState;
+    private animateTo;
+    private formatModalButtons;
+    /**
+     * Create a component dynamically but not attach to any View
+     * (this action will be executed when bodyContainer is ready)
+     * @param component Component class
+     */
+    private createDynamicComponent;
+    private updateTransformOrigin;
+    /**
+     * Take care of the body's overflow to decide the existense of scrollbar
+     * @param plusNum The number that the openModals.length will increase soon
+     */
+    private changeBodyOverflow;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqModalComponent<any, any>, "kbq-modal", never, { "mcModalType": { "alias": "mcModalType"; "required": false; }; "mcComponent": { "alias": "mcComponent"; "required": false; }; "mcContent": { "alias": "mcContent"; "required": false; }; "mcComponentParams": { "alias": "mcComponentParams"; "required": false; }; "mcFooter": { "alias": "mcFooter"; "required": false; }; "mcVisible": { "alias": "mcVisible"; "required": false; }; "mcZIndex": { "alias": "mcZIndex"; "required": false; }; "mcWidth": { "alias": "mcWidth"; "required": false; }; "mcSize": { "alias": "mcSize"; "required": false; }; "mcWrapClassName": { "alias": "mcWrapClassName"; "required": false; }; "mcClassName": { "alias": "mcClassName"; "required": false; }; "mcStyle": { "alias": "mcStyle"; "required": false; }; "mcTitle": { "alias": "mcTitle"; "required": false; }; "mcCloseByESC": { "alias": "mcCloseByESC"; "required": false; }; "mcClosable": { "alias": "mcClosable"; "required": false; }; "mcMask": { "alias": "mcMask"; "required": false; }; "mcMaskClosable": { "alias": "mcMaskClosable"; "required": false; }; "mcMaskStyle": { "alias": "mcMaskStyle"; "required": false; }; "mcBodyStyle": { "alias": "mcBodyStyle"; "required": false; }; "mcOkText": { "alias": "mcOkText"; "required": false; }; "mcOkType": { "alias": "mcOkType"; "required": false; }; "mcRestoreFocus": { "alias": "mcRestoreFocus"; "required": false; }; "mcOkLoading": { "alias": "mcOkLoading"; "required": false; }; "mcOnOk": { "alias": "mcOnOk"; "required": false; }; "mcCancelText": { "alias": "mcCancelText"; "required": false; }; "mcCancelLoading": { "alias": "mcCancelLoading"; "required": false; }; "mcOnCancel": { "alias": "mcOnCancel"; "required": false; }; "mcGetContainer": { "alias": "mcGetContainer"; "required": false; }; }, { "mcVisibleChange": "mcVisibleChange"; "mcAfterOpen": "mcAfterOpen"; "mcAfterClose": "mcAfterClose"; "mcOnOk": "mcOnOk"; "mcOnCancel": "mcOnCancel"; }, never, ["*"], false, never>;
+}

package/modal/modal.directive.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare class KbqModalTitle {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalTitle, "[kbq-modal-title], kbq-modal-title, [mcModalTitle]", never, {}, {}, never, never, false, never>;
+}
+export declare class KbqModalBody {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalBody, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalBody, "[kbq-modal-body], kbq-modal-body, [mcModalBody]", never, {}, {}, never, never, false, never>;
+}
+export declare class KbqModalFooter {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalFooter, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalFooter, "[kbq-modal-footer], kbq-modal-footer, [mcModalFooter]", never, {}, {}, never, never, false, never>;
+}
+export declare class KbqModalMainAction {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalMainAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqModalMainAction, "[kbq-modal-main-action]", never, {}, {}, never, never, false, never>;
+}

package/modal/modal.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./modal.component";
+import * as i2 from "./modal.directive";
+import * as i3 from "./css-unit.pipe";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/cdk/overlay";
+import * as i6 from "@angular/cdk/a11y";
+import * as i7 from "@koobiq/components/button";
+import * as i8 from "@koobiq/components/icon";
+export declare class KbqModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqModalModule, [typeof i1.KbqModalComponent, typeof i2.KbqModalTitle, typeof i2.KbqModalBody, typeof i2.KbqModalFooter, typeof i3.CssUnitPipe, typeof i2.KbqModalMainAction], [typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.A11yModule, typeof i7.KbqButtonModule, typeof i8.KbqIconModule], [typeof i1.KbqModalComponent, typeof i2.KbqModalTitle, typeof i2.KbqModalBody, typeof i2.KbqModalFooter, typeof i2.KbqModalMainAction]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqModalModule>;
+}

package/modal/modal.scss

@@ -0,0 +1,143 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/variables' as *;
+
+@use '../core/styles/tokens';
+
+@use './modal-confirm';
+
+$tokens: meta.module-variables(tokens) !default;
+
+.kbq-modal {
+    box-sizing: border-box;
+
+    position: relative;
+
+    top: var(--kbq-modal-size-top, map.get($tokens, modal-size-top));
+
+    width: auto;
+
+    margin: 0 auto;
+
+    list-style: none;
+
+    &.zoom-enter,
+    &.zoom-appear {
+        animation-duration: 0.3s;
+        // reset scale avoid mousePosition bug
+        transform: none;
+        opacity: 0;
+    }
+
+    &.kbq-modal_small {
+        width: var(--kbq-modal-size-small, map.get($tokens, modal-size-small));
+    }
+
+    &.kbq-modal_medium {
+        width: var(--kbq-modal-size-medium, map.get($tokens, modal-size-medium));
+    }
+
+    &.kbq-modal_large {
+        width: var(--kbq-modal-size-large, map.get($tokens, modal-size-large));
+    }
+
+    & .kbq-modal-close {
+        position: absolute;
+
+        z-index: 10;
+        top: 0;
+        right: 0;
+
+        width: var(--kbq-modal-size-close-width, map.get($tokens, modal-size-close-width));
+        height: var(--kbq-modal-size-close-width, map.get($tokens, modal-size-close-width));
+    }
+}
+
+.kbq-modal-wrap {
+    position: fixed;
+
+    z-index: $z-index-modal;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+
+    outline: 0;
+}
+
+.kbq-modal-title {
+    margin: 0;
+}
+
+.kbq-modal-content {
+    position: relative;
+
+    border-radius: var(--kbq-modal-size-border-radius, map.get($tokens, modal-size-border-radius));
+
+    background-clip: padding-box;
+    background-color: white;
+}
+
+.kbq-modal-header {
+    display: flex;
+    align-items: center;
+
+    height: var(--kbq-modal-header-size-height, map.get($tokens, modal-header-size-height));
+
+    border-radius: var(--kbq-modal-header-size-border-radius, map.get($tokens, modal-header-size-border-radius));
+
+    padding: var(--kbq-modal-header-size-padding, map.get($tokens, modal-header-size-padding));
+}
+
+.kbq-modal-body {
+    display: block;
+    overflow-y: auto;
+
+    max-height: var(--kbq-modal-body-size-max-height, map.get($tokens, modal-body-size-max-height));
+
+    padding: var(--kbq-modal-body-size-padding, map.get($tokens, modal-body-size-padding));
+
+    word-wrap: break-word;
+}
+
+.kbq-modal-footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+
+    height: var(--kbq-modal-footer-size-height, map.get($tokens, modal-footer-size-height));
+
+    border-radius: var(--kbq-modal-footer-size-border-radius, map.get($tokens, modal-footer-size-border-radius));
+
+    padding: var(--kbq-modal-footer-size-padding, map.get($tokens, modal-footer-size-padding));
+
+    button + button {
+        margin-left: 16px;
+        margin-bottom: 0;
+    }
+}
+
+.kbq-modal-mask {
+    position: fixed;
+
+    z-index: $z-index-modal-mask;
+
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+
+    height: 100%;
+
+    &.kbq-modal-mask-hidden {
+        display: none;
+    }
+}
+
+.kbq-modal-open {
+    overflow: hidden;
+}

package/modal/modal.service.d.ts

@@ -0,0 +1,33 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { Observable } from 'rxjs';
+import { KbqModalControlService } from './modal-control.service';
+import { KbqModalRef } from './modal-ref.class';
+import { KbqModalComponent } from './modal.component';
+import { ConfirmType, IModalOptionsForService } from './modal.type';
+import * as i0 from "@angular/core";
+export declare class ModalBuilderForService {
+    private overlay;
+    private modalRef;
+    private overlayRef;
+    constructor(overlay: Overlay, options?: IModalOptionsForService);
+    getInstance(): KbqModalComponent | null;
+    destroyModal(): void;
+    private changeProps;
+    private createModal;
+}
+export declare class KbqModalService {
+    private overlay;
+    private modalControl;
+    get openModals(): KbqModalRef[];
+    get afterAllClose(): Observable<void>;
+    constructor(overlay: Overlay, modalControl: KbqModalControlService);
+    closeAll(): void;
+    create<T>(options?: IModalOptionsForService<T>): KbqModalRef<T>;
+    confirm<T>(options?: IModalOptionsForService<T>, confirmType?: ConfirmType): KbqModalRef<T>;
+    open<T>(options?: IModalOptionsForService<T>): KbqModalRef<T>;
+    success<T>(options?: IModalOptionsForService<T>): KbqModalRef<T>;
+    delete<T>(options?: IModalOptionsForService<T>): KbqModalRef<T>;
+    private simpleConfirm;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KbqModalService>;
+}