@koobiq/components 16.0.0-beta.8 → 17.0.0-beta.1

package/icon/icon-button.component.d.ts

@@ -0,0 +1,23 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
+import { CanColor, KbqFormFieldRef } from '@koobiq/components/core';
+import { KbqIcon } from './icon.component';
+import * as i0 from "@angular/core";
+export declare class KbqIconButton extends KbqIcon implements OnDestroy, CanColor {
+    protected changeDetectorRef: ChangeDetectorRef;
+    private focusMonitor;
+    small: boolean;
+    get tabindex(): any;
+    set tabindex(value: any);
+    private _tabindex;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    name: string;
+    constructor(elementRef: ElementRef, iconName: string, formField: KbqFormFieldRef, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
+    ngOnDestroy(): void;
+    private runFocusMonitor;
+    private stopFocusMonitor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconButton, [null, { attribute: "kbq-icon-button"; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIconButton, "[kbq-icon-button]", never, { "color": { "alias": "color"; "required": false; }; "small": { "alias": "small"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/icon/icon-button.scss

@@ -0,0 +1,33 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+
+.kbq-icon-button {
+    &:not(.kbq-disabled) {
+        cursor: pointer;
+    }
+
+    padding:
+        var(--kbq-icon-button-size-small-vertical-padding, map-get($tokens, icon-button-size-small-vertical-padding))
+        var(
+            --kbq-icon-button-size-small-horizontal-padding,
+            map-get($tokens, icon-button-size-small-horizontal-padding)
+        );
+
+    &.kbq-icon-button_small {
+        padding:
+            var(
+                --kbq-icon-button-size-normal-vertical-padding,
+                map-get($tokens, icon-button-size-normal-vertical-padding)
+            )
+            var(
+                --kbq-icon-button-size-normal-horizontal-padding,
+                map-get($tokens, icon-button-size-normal-horizontal-padding)
+            );
+    }
+}

package/icon/icon-item.component.d.ts

@@ -0,0 +1,11 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { CanColor, KbqFormFieldRef } from '@koobiq/components/core';
+import { KbqIcon } from './icon.component';
+import * as i0 from "@angular/core";
+export declare class KbqIconItem extends KbqIcon implements CanColor {
+    protected changeDetectorRef: ChangeDetectorRef;
+    name: string;
+    constructor(elementRef: ElementRef, iconName: string, formField: KbqFormFieldRef, changeDetectorRef: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconItem, [null, { attribute: "kbq-icon-item"; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIconItem, "[kbq-icon-item]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/icon/icon-item.scss

@@ -0,0 +1,18 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+
+.kbq-icon-item {
+    box-sizing: border-box;
+
+    border-radius: 50%;
+
+    padding:
+        var(--kbq-icon-item-size-vertical-padding, map-get($tokens, icon-item-size-vertical-padding))
+        var(--kbq-icon-item-size-horizontal-padding, map-get($tokens, icon-item-size-horizontal-padding));
+}

package/icon/icon.component.d.ts

@@ -1,5 +1,4 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { AfterContentInit, ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef } from '@angular/core';
 import { CanColor, CanColorCtor, KbqFormFieldRef } from '@koobiq/components/core';
 import * as i0 from "@angular/core";
 /** @docs-private */
@@ -10,38 +9,18 @@ export declare class KbqIconBase {
 /** @docs-private */
 export declare const KbqIconMixinBase: CanColorCtor & typeof KbqIconBase;
 export declare class KbqIcon extends KbqIconMixinBase implements CanColor, AfterContentInit {
+    protected iconName: string;
     protected formField: KbqFormFieldRef;
     protected changeDetectorRef: ChangeDetectorRef;
     small: boolean;
     autoColor: boolean;
     hasError: boolean;
+    protected name: string;
     constructor(elementRef: ElementRef, iconName: string, formField: KbqFormFieldRef, changeDetectorRef: ChangeDetectorRef);
     getHostElement(): any;
+    updateMaxHeight(): void;
     ngAfterContentInit(): void;
     private updateState;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqIcon, [null, { attribute: "kbq-icon"; }, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqIcon, "[kbq-icon]", never, { "color": { "alias": "color"; "required": false; }; "small": { "alias": "small"; "required": false; }; "autoColor": { "alias": "autoColor"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export declare class KbqIconButton extends KbqIcon implements OnDestroy, CanColor {
-    protected changeDetectorRef: ChangeDetectorRef;
-    private focusMonitor;
-    small: boolean;
-    get tabindex(): any;
-    set tabindex(value: any);
-    private _tabindex;
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    private _disabled;
-    constructor(elementRef: ElementRef, iconName: string, formField: KbqFormFieldRef, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
-    ngOnDestroy(): void;
-    private runFocusMonitor;
-    private stopFocusMonitor;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconButton, [null, { attribute: "kbq-icon-button"; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIconButton, "[kbq-icon-button]", never, { "color": { "alias": "color"; "required": false; }; "small": { "alias": "small"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-export declare class KbqIconItem extends KbqIcon implements CanColor {
-    protected changeDetectorRef: ChangeDetectorRef;
-    constructor(elementRef: ElementRef, iconName: string, formField: KbqFormFieldRef, changeDetectorRef: ChangeDetectorRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconItem, [null, { attribute: "kbq-icon-item"; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIconItem, "[kbq-icon-item]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], false, never>;
-}

package/icon/icon.module.d.ts

@@ -1,10 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./icon.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/cdk/a11y";
-import * as i4 from "@angular/cdk/platform";
+import * as i2 from "./icon-button.component";
+import * as i3 from "./icon-item.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/cdk/a11y";
+import * as i6 from "@angular/cdk/platform";
 export declare class KbqIconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqIconModule, [typeof i1.KbqIcon, typeof i1.KbqIconButton, typeof i1.KbqIconItem], [typeof i2.CommonModule, typeof i3.A11yModule, typeof i4.PlatformModule], [typeof i1.KbqIcon, typeof i1.KbqIconButton, typeof i1.KbqIconItem]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqIconModule, [typeof i1.KbqIcon, typeof i2.KbqIconButton, typeof i3.KbqIconItem], [typeof i4.CommonModule, typeof i5.A11yModule, typeof i6.PlatformModule], [typeof i1.KbqIcon, typeof i2.KbqIconButton, typeof i3.KbqIconItem]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqIconModule>;
 }

package/icon/icon.scss

@@ -7,47 +7,6 @@
 $tokens: meta.module-variables(tokens) !default;
 
 
-@mixin kbq-icon-size($padding, $line-height, $font-size) {
-    padding: $padding;
-    line-height: $line-height;
-    font-size: $font-size;
-}
-
-.kbq-icon_button {
-    &:not(.kbq-disabled) {
-        cursor: pointer;
-    }
-
-    padding:
-        var(--kbq-icon-button-size-small-vertical-padding, map-get($tokens, icon-button-size-small-vertical-padding))
-        var(
-            --kbq-icon-button-size-small-horizontal-padding,
-            map-get($tokens, icon-button-size-small-horizontal-padding)
-        );
-
-    &.kbq-icon-button_small {
-        padding:
-            var(
-                --kbq-icon-button-size-normal-vertical-padding,
-                map-get($tokens, icon-button-size-normal-vertical-padding)
-            )
-            var(
-                --kbq-icon-button-size-normal-horizontal-padding,
-                map-get($tokens, icon-button-size-normal-horizontal-padding)
-            );
-    }
-}
-
-.kbq-icon-item {
-    box-sizing: border-box;
-
-    border-radius: 50%;
-
-    padding:
-        var(--kbq-icon-item-size-vertical-padding, map-get($tokens, icon-item-size-vertical-padding))
-        var(--kbq-icon-item-size-horizontal-padding, map-get($tokens, icon-item-size-horizontal-padding));
-}
-
 .kbq-icon-rotate_90 {
     transform: rotate(90deg);
 }

package/icon/public-api.d.ts

@@ -1,2 +1,4 @@
 export * from './icon.module';
 export * from './icon.component';
+export * from './icon-button.component';
+export * from './icon-item.component';

package/input/input-number.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { KbqLocaleService } from '@koobiq/components/core';
 import { KbqFormFieldControl } from '@koobiq/components/form-field';
@@ -13,7 +13,7 @@ export declare function isDigit(value: string): boolean;
 export declare function getPrecision(value: number): number;
 export declare function add(value1: number, value2: number): number;
 export declare const KBQ_NUMBER_INPUT_VALUE_ACCESSOR: any;
-export declare class KbqNumberInput implements KbqFormFieldControl<any>, ControlValueAccessor, OnDestroy {
+export declare class KbqNumberInput implements KbqFormFieldControl<any>, ControlValueAccessor, AfterContentInit, OnDestroy {
     private elementRef;
     private readonly renderer;
     private localeService;
@@ -53,6 +53,7 @@ export declare class KbqNumberInput implements KbqFormFieldControl<any>, Control
     private valueFromPaste;
     private localeSubscription;
     constructor(elementRef: ElementRef, renderer: Renderer2, step: string, bigStep: string, min: string, max: string, localeService: KbqLocaleService);
+    ngAfterContentInit(): void;
     ngOnDestroy(): void;
     onContainerClick(): void;
     focus(): void;

package/link/_link-theme.scss

@@ -4,160 +4,163 @@
 @use '../core/styles/typography/typography-utils' as *;
 
 
-@mixin kbq-link($foreground, $link, $tokens) {
+@mixin kbq-link-geometry($tokens) {
     display: inline;
 
-    color: map.get($link, text);
     text-decoration: none;
     cursor: pointer;
 
-    transition: color ease-out 300ms;
+    outline-offset: var(
+        --kbq-link-size-state-focused-outline-offset, map.get($tokens, link-size-state-focused-outline-offset)
+    );
 
     &:focus {
         outline: none;
     }
 
-    /* stylelint-disable no-descending-specificity */
-    &:hover {
-        color: map.get($link, state-hover-text);
-        transition: color 0ms;
-
-        &.kbq-text-only,
-        &.kbq-text-with-icon .kbq-link__text {
-            border-bottom-color: map.get($link, state-hover-border-bottom);
-        }
-
-        & .kbq-icon {
-            color: map.get($link, state-hover-text);
-        }
-    }
-
-    &:active {
-        color: map.get($link, state-active-text);
-
-        &.kbq-text-only,
-        &.kbq-text-with-icon .kbq-link__text {
-            border-bottom-color: map.get($link, state-active-border-bottom);
-        }
-    }
-
-    &.cdk-keyboard-focused {
-        outline: map.get($link, state-focused-outline) solid map.get($link, link-size-state-focused-outline-width);
-
-        outline-offset: map.get($link, link-size-state-focused-outline-offset);
-    }
-
-    & .kbq-icon {
-        color: inherit;
-    }
-
     &.kbq-text-only,
     &.kbq-text-with-icon .kbq-link__text {
         border-bottom-style: solid;
         border-bottom-width: 1px;
-        border-bottom-color: map.get($link, border-bottom);
     }
 
     &.kbq-text-with-icon .kbq-link__text {
         &:not(:first-child) {
-            margin-left: map.get($tokens, link-size-normal-content-padding);
+            margin-left: var(
+                --kbq-link-size-normal-content-padding, map.get($tokens, link-size-normal-content-padding)
+            );
         }
 
         &:not(:last-child) {
-            margin-right: map.get($tokens, link-size-normal-content-padding);
+            margin-right: var(
+                --kbq-link-size-normal-content-padding, map.get($tokens, link-size-normal-content-padding)
+            );
         }
     }
 
-    &.kbq-link_pseudo {
-        &.kbq-text-only,
+    &.kbq-link_compact {
         &.kbq-text-with-icon .kbq-link__text {
-            border-bottom: none !important;
-        }
-    }
+            &:not(:first-child) {
+                margin-left: var(
+                    --kbq-link-size-compact-content-padding, map.get($tokens, link-size-compact-content-padding)
+                );
+            }
 
-    &.kbq-link_no-underline {
-        &.kbq-text-only,
-        &.kbq-text-with-icon .kbq-link__text {
-            border-bottom-color: transparent;
+            &:not(:last-child) {
+                margin-right: var(
+                    --kbq-link-size-compact-content-padding, map.get($tokens, link-size-compact-content-padding)
+                );
+            }
         }
     }
 
+    /* stylelint-disable no-descending-specificity */
     &.kbq-link_big {
         &.kbq-text-with-icon .kbq-link__text {
             &:not(:first-child) {
-                margin-left: map.get($tokens, link-size-big-content-padding);
+                margin-left: var(--kbq-link-size-big-content-padding, map.get($tokens, link-size-big-content-padding));
             }
 
             &:not(:last-child) {
-                margin-right: map.get($tokens, link-size-big-content-padding);
+                margin-right: var(--kbq-link-size-big-content-padding, map.get($tokens, link-size-big-content-padding));
             }
         }
     }
 
-    &[disabled] {
-        color: map.get($foreground, text-disabled);
-
-        cursor: default;
-        pointer-events: none;
 
+    &.kbq-link_pseudo {
         &.kbq-text-only,
         &.kbq-text-with-icon .kbq-link__text {
-            border-bottom-color: map.get($link, border-bottom);
+            border-bottom: none;
         }
+    }
 
-        & .kbq-icon {
-            color: map.get($foreground, text-disabled);
+    &.kbq-link_no-underline {
+        &.kbq-text-only,
+        &.kbq-text-with-icon .kbq-link__text {
+            border-bottom-color: transparent;
         }
-        /* stylelint-enable no-descending-specificity */
     }
+    /* stylelint-enable no-descending-specificity */
 }
 
-@mixin kbq-link-theme($theme) {
-    $foreground: map.get($theme, foreground);
+@mixin kbq-link-state($state) {
+    color: map.get($state, text);
+
+    &.kbq-text-only,
+    &.kbq-text-with-icon .kbq-link__text {
+        border-bottom-color: map.get($state, border-bottom);
+    }
 
+    & .kbq-icon {
+        color: map.get($state, text) !important;
+    }
+}
+
+@mixin kbq-link-theme($theme) {
     $link: map.get(map.get($theme, components), link);
 
     $tokens: map.get($theme, tokens);
 
-    .kbq-link:not(.kbq-link_use-visited) {
-        &:visited {
-            color: map.get($link, text);
+    .kbq-link {
+        @include kbq-link-geometry($tokens);
+
+        $default: map.get($link, default);
+        @include kbq-link-state($default);
+
+        transition: color ease-out 300ms;
+
+        &:hover {
+            transition: color 0ms;
+
+            $hover: map.get($link, hover);
+            @include kbq-link-state($hover);
         }
 
-        @include kbq-link($foreground, $link, $tokens);
-    }
+        &:active {
+            $active: map.get($link, active);
+            @include kbq-link-state($active);
+        }
 
-    .kbq-link.kbq-link_use-visited {
-        &:visited {
-            color: map.get($link, state-visited-text);
+        &.kbq-link_use-visited:not(.kbq-disabled):visited {
+            $visited: map.get($link, visited);
+            @include kbq-link-state($visited);
 
-            &.kbq-text-only,
-            &.kbq-text-with-icon .kbq-link__text {
-                border-bottom-color: map.get($link, state-visited-border-bottom);
+            &:hover {
+                $visited-hover: map.get($link, visited-hover);
+                @include kbq-link-state($visited-hover);
             }
 
-            & .kbq-icon {
-                color: map.get($link, state-visited-text);
+            &:active {
+                $visited-active: map.get($link, visited-active);
+                @include kbq-link-state($visited-active);
             }
         }
 
-        @include kbq-link($foreground, $link, $tokens);
-    }
-
-    @media print {
-        .kbq-link_print:not([disabled]) {
-            color: map.get($foreground, contrast);
+        &.cdk-keyboard-focused {
+            $focused: map.get($link, focused);
+            outline: map.get($focused, outline) solid;
+        }
 
-            &.kbq-text-only,
-            &.kbq-text-with-icon .kbq-link__text {
-                border-bottom: none;
-            }
+        &.kbq-disabled {
+            cursor: default;
+            pointer-events: none;
 
-            &::after {
-                color: map.get($foreground, contrast);
+            $disabled: map.get($link, disabled);
+            @include kbq-link-state($disabled);
+        }
 
-                content: ":\a" attr(print);
-                white-space: pre;
+        @media print {
+            .kbq-link_print:not(.kbq-disabled) {
+                &.kbq-text-only,
+                &.kbq-text-with-icon .kbq-link__text {
+                    border-bottom: none;
+                }
+
+                &::after {
+                    content: ":\a" attr(print);
+                    white-space: pre;
+                }
             }
         }
     }
@@ -171,9 +174,14 @@
 
         & .kbq-icon {
             line-height: inherit;
+            vertical-align: text-bottom;
         }
     }
 
+    .kbq-link.kbq-link_compact {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, link-font-compact));
+    }
+
     .kbq-link.kbq-link_big {
         @include kbq-typography-level-to-styles($config, map.get($tokens, link-font-big));
     }

package/link/link.component.d.ts

@@ -25,6 +25,9 @@ export declare class KbqLink extends KbqLinkMixinBase implements OnDestroy, HasT
     get big(): any;
     set big(value: any);
     private _big;
+    get compact(): any;
+    set compact(value: any);
+    private _compact;
     get useVisited(): any;
     set useVisited(value: any);
     private _useVisited;
@@ -40,5 +43,5 @@ export declare class KbqLink extends KbqLinkMixinBase implements OnDestroy, HasT
     getHostElement(): any;
     private updatePrintUrl;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqLink, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqLink, "[kbq-link]", ["kbqLink"], { "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pseudo": { "alias": "pseudo"; "required": false; }; "noUnderline": { "alias": "noUnderline"; "required": false; }; "big": { "alias": "big"; "required": false; }; "useVisited": { "alias": "useVisited"; "required": false; }; "print": { "alias": "print"; "required": false; }; }, {}, ["icon"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqLink, "[kbq-link]", ["kbqLink"], { "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pseudo": { "alias": "pseudo"; "required": false; }; "noUnderline": { "alias": "noUnderline"; "required": false; }; "big": { "alias": "big"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "useVisited": { "alias": "useVisited"; "required": false; }; "print": { "alias": "print"; "required": false; }; }, {}, ["icon"], never, false, never>;
 }

package/list/_list-theme.scss

@@ -46,8 +46,7 @@
             }
         }
 
-        &.kbq-disabled,
-        &[disabled] {
+        &.kbq-disabled {
             @include kbq-list-item(map.get($list-item, disabled));
         }
     }

package/list/list.scss

@@ -29,9 +29,9 @@ $tokens: meta.module-variables(tokens) !default;
         display: none;
     }
 
-    &:not([disabled]):hover,
-    &:not([disabled]).kbq-focused,
-    &:not([disabled]).kbq-action-button-focused {
+    &:not(.kbq-disabled):hover,
+    &:not(.kbq-disabled).kbq-focused,
+    &:not(.kbq-disabled).kbq-action-button-focused {
         & .kbq-option-action {
             display: flex;
         }

package/modal/_modal-confirm.scss

@@ -7,37 +7,13 @@
 $tokens: meta.module-variables(tokens) !default;
 
 .kbq-confirm {
-    .kbq-modal-header {
-
-    }
-
     .kbq-modal-close {
         display: none;
     }
 
-    .kbq-modal-body {
-        padding-right: var(
-            --kbq-modal-size-content-padding-horizontal, map.get($tokens, modal-size-content-padding-horizontal)
-        );
-
-        padding-left: var(
-            --kbq-modal-size-content-padding-horizontal, map.get($tokens, modal-size-content-padding-horizontal)
-        );
-
-        padding-bottom: var(
-            --kbq-modal-size-content-padding-bottom, map.get($tokens, modal-size-content-padding-bottom)
-        );
-    }
-
     .kbq-confirm-footer {
         display: flex;
 
-        padding:
-            var(--kbq-modal-size-footer-padding-top, map.get($tokens, modal-size-footer-padding-top))
-            var(--kbq-modal-size-footer-padding-horizontal, map.get($tokens, modal-size-footer-padding-horizontalt))
-            var(--kbq-modal-size-footer-padding-bottom, map.get($tokens, modal-size-footer-padding-bottom))
-            var(--kbq-modal-size-footer-padding-horizontal, map.get($tokens, modal-size-footer-padding-horizontal));
-
         gap: var(
             --kbq-modal-size-footer-content-gap-horizontal, map.get($tokens, modal-size-footer-content-gap-horizontal)
         );

package/modal/modal.component.d.ts

@@ -65,6 +65,8 @@ export declare class KbqModalComponent<T = any, R = any> extends KbqModalRef<T,
     bodyContainer: ViewContainerRef;
     autoFocusedButtons: QueryList<ElementRef>;
     modalBody: ElementRef;
+    isTopOverflow: boolean;
+    isBottomOverflow: boolean;
     maskAnimationClassMap: object;
     modalAnimationClassMap: object;
     transformOrigin: string;
@@ -84,6 +86,7 @@ export declare class KbqModalComponent<T = any, R = any> extends KbqModalRef<T,
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    checkOverflow(): void;
     open(): void;
     close(result?: R): void;
     destroy(result?: R): void;