@koobiq/components 16.0.0-beta.15 → 16.0.0-beta.17

package/form-field/form-field.d.ts

@@ -35,6 +35,7 @@ export declare class KbqFormField extends KbqFormFieldMixinBase implements After
     hovered: boolean;
     canCleanerClearByEsc: boolean;
     private $unsubscribe;
+    get hasFocus(): boolean;
     get hasHint(): boolean;
     get hasSuffix(): boolean;
     get hasPrefix(): boolean;
@@ -48,6 +49,7 @@ export declare class KbqFormField extends KbqFormFieldMixinBase implements After
     ngAfterContentInit(): void;
     ngAfterContentChecked(): void;
     ngAfterViewInit(): void;
+    focusViaKeyboard(): void;
     clearValue($event: any): void;
     onContainerClick($event: any): void;
     onKeyDown(event: KeyboardEvent): void;

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

@@ -13,6 +13,7 @@ export declare class KbqIconButton extends KbqIcon implements OnDestroy, CanColo
     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;

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

@@ -4,6 +4,7 @@ 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.component.d.ts

@@ -9,13 +9,16 @@ 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]>;

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/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;

package/navbar/_navbar-theme.scss

@@ -48,7 +48,7 @@
             background: map.get($navbar-item, state-selected);
         }
 
-        &:hover:not(.kbq-navbar-item_button, .kbq-navbar-item_form-field) {
+        &:hover:not(.kbq-navbar-item_has-nested, .kbq-navbar-item_form-field) {
             cursor: pointer;
 
             & .kbq-navbar-item__overlay {
@@ -56,7 +56,7 @@
             }
         }
 
-        &:active:not(.kbq-navbar-item_button, .kbq-navbar-item_form-field) {
+        &:active:not(.kbq-navbar-item_has-nested, .kbq-navbar-item_form-field) {
             & .kbq-navbar-item__overlay {
                 background: map.get($navbar-item, state-active);
             }

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

@@ -74,6 +74,7 @@ export declare class KbqNavbarFocusableItem implements IFocusableOption, AfterCo
     title: KbqNavbarTitle;
     button: KbqButton;
     formField: KbqFormField;
+    get nestedElement(): KbqButton | KbqFormField;
     get tooltip(): KbqTooltipTrigger;
     private _tooltip;
     readonly onFocus: Subject<KbqNavbarFocusableItemEvent>;

package/navbar/navbar-item.scss

@@ -100,7 +100,7 @@ $tokens: meta.module-variables(tokens) !default;
         padding-left: var(--kbq-vertical-navbar-size-icon-margin, map.get($tokens, vertical-navbar-size-icon-margin));
     }
 
-    &.kbq-navbar-item_button {
+    &.kbq-navbar-item_has-nested {
         padding-left: 12px;
         padding-right: 12px;
     }
@@ -124,7 +124,7 @@ $tokens: meta.module-variables(tokens) !default;
     }
 }
 
-.kbq-navbar-item.kbq-navbar-item_button .kbq-button {
+.kbq-navbar-item.kbq-navbar-item_has-nested .kbq-button {
     flex: 1;
 
     & .kbq-button-wrapper {

package/navbar/navbar.component.d.ts

@@ -53,6 +53,9 @@ export declare class KbqNavbar extends KbqFocusableComponent implements AfterVie
     ngOnDestroy(): void;
     onKeyDown(event: KeyboardEvent): void;
     updateExpandedStateForItems: () => void;
+    private eventFromInput;
+    private cursorOnFirstPosition;
+    private cursorOnLastPosition;
     private collapseItems;
     private expandItems;
     private setItemsState;

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@koobiq/components",
-    "version": "16.0.0-beta.15",
+    "version": "16.0.0-beta.17",
     "description": "koobiq",
     "repository": {
         "type": "git",
-        "url": "https://gitlab.ptsecurity.com/frontend/design-system/mosaic.git"
+        "url": "https://github.com/koobiq/angular-components.git"
     },
     "keywords": [
         "angular",
@@ -13,19 +13,19 @@
     ],
     "license": "MIT",
     "bugs": {
-        "url": "https://gitlab.ptsecurity.com/frontend/design-system/mosaic/-/issues"
+        "url": "https://github.com/koobiq/angular-components/issues"
     },
-    "homepage": "https://gitlab.ptsecurity.com/frontend/design-system/mosaic/-/blob/master/README.md",
+    "homepage": "https://github.com/koobiq/angular-components/blob/master/README.md",
     "peerDependencies": {
         "@angular/cdk": "^16.1.5",
         "@angular/forms": "^16.1.5",
-        "@koobiq/cdk": "^16.0.0-beta.15",
-        "@koobiq/angular-moment-adapter": "^16.0.0-beta.15",
-        "@koobiq/angular-luxon-adapter": "^16.0.0-beta.15",
+        "@koobiq/cdk": "^16.0.0-beta.17",
+        "@koobiq/angular-moment-adapter": "^16.0.0-beta.17",
+        "@koobiq/angular-luxon-adapter": "^16.0.0-beta.17",
         "@mosaic-design/date-formatter": "^2.1.1",
         "@koobiq/icons": "^7.1.0",
-        "@koobiq/tokens-builder": "^3.0.0-beta.21",
-        "@koobiq/design-tokens": "^3.0.0-beta.21",
+        "@koobiq/tokens-builder": "^3.0.0-beta.23",
+        "@koobiq/design-tokens": "^3.0.0-beta.23",
         "marked": "^4.0.18"
     },
     "dependencies": {
@@ -74,18 +74,18 @@
             "esm": "./esm2022/badge/koobiq-components-badge.mjs",
             "default": "./fesm2022/koobiq-components-badge.mjs"
         },
-        "./button": {
-            "types": "./button/index.d.ts",
-            "esm2022": "./esm2022/button/koobiq-components-button.mjs",
-            "esm": "./esm2022/button/koobiq-components-button.mjs",
-            "default": "./fesm2022/koobiq-components-button.mjs"
-        },
         "./button-toggle": {
             "types": "./button-toggle/index.d.ts",
             "esm2022": "./esm2022/button-toggle/koobiq-components-button-toggle.mjs",
             "esm": "./esm2022/button-toggle/koobiq-components-button-toggle.mjs",
             "default": "./fesm2022/koobiq-components-button-toggle.mjs"
         },
+        "./button": {
+            "types": "./button/index.d.ts",
+            "esm2022": "./esm2022/button/koobiq-components-button.mjs",
+            "esm": "./esm2022/button/koobiq-components-button.mjs",
+            "default": "./fesm2022/koobiq-components-button.mjs"
+        },
         "./card": {
             "types": "./card/index.d.ts",
             "esm2022": "./esm2022/card/koobiq-components-card.mjs",
@@ -146,11 +146,11 @@
             "esm": "./esm2022/file-upload/koobiq-components-file-upload.mjs",
             "default": "./fesm2022/koobiq-components-file-upload.mjs"
         },
-        "./input": {
-            "types": "./input/index.d.ts",
-            "esm2022": "./esm2022/input/koobiq-components-input.mjs",
-            "esm": "./esm2022/input/koobiq-components-input.mjs",
-            "default": "./fesm2022/koobiq-components-input.mjs"
+        "./form-field": {
+            "types": "./form-field/index.d.ts",
+            "esm2022": "./esm2022/form-field/koobiq-components-form-field.mjs",
+            "esm": "./esm2022/form-field/koobiq-components-form-field.mjs",
+            "default": "./fesm2022/koobiq-components-form-field.mjs"
         },
         "./icon": {
             "types": "./icon/index.d.ts",
@@ -158,11 +158,11 @@
             "esm": "./esm2022/icon/koobiq-components-icon.mjs",
             "default": "./fesm2022/koobiq-components-icon.mjs"
         },
-        "./form-field": {
-            "types": "./form-field/index.d.ts",
-            "esm2022": "./esm2022/form-field/koobiq-components-form-field.mjs",
-            "esm": "./esm2022/form-field/koobiq-components-form-field.mjs",
-            "default": "./fesm2022/koobiq-components-form-field.mjs"
+        "./input": {
+            "types": "./input/index.d.ts",
+            "esm2022": "./esm2022/input/koobiq-components-input.mjs",
+            "esm": "./esm2022/input/koobiq-components-input.mjs",
+            "default": "./fesm2022/koobiq-components-input.mjs"
         },
         "./link": {
             "types": "./link/index.d.ts",
@@ -242,6 +242,12 @@
             "esm": "./esm2022/sidebar/koobiq-components-sidebar.mjs",
             "default": "./fesm2022/koobiq-components-sidebar.mjs"
         },
+        "./sidepanel": {
+            "types": "./sidepanel/index.d.ts",
+            "esm2022": "./esm2022/sidepanel/koobiq-components-sidepanel.mjs",
+            "esm": "./esm2022/sidepanel/koobiq-components-sidepanel.mjs",
+            "default": "./fesm2022/koobiq-components-sidepanel.mjs"
+        },
         "./splitter": {
             "types": "./splitter/index.d.ts",
             "esm2022": "./esm2022/splitter/koobiq-components-splitter.mjs",
@@ -254,12 +260,6 @@
             "esm": "./esm2022/table/koobiq-components-table.mjs",
             "default": "./fesm2022/koobiq-components-table.mjs"
         },
-        "./sidepanel": {
-            "types": "./sidepanel/index.d.ts",
-            "esm2022": "./esm2022/sidepanel/koobiq-components-sidepanel.mjs",
-            "esm": "./esm2022/sidepanel/koobiq-components-sidepanel.mjs",
-            "default": "./fesm2022/koobiq-components-sidepanel.mjs"
-        },
         "./tabs": {
             "types": "./tabs/index.d.ts",
             "esm2022": "./esm2022/tabs/koobiq-components-tabs.mjs",

package/popover/popover.component.d.ts

@@ -53,6 +53,11 @@ export declare class KbqPopoverTrigger extends KbqPopUpTrigger<KbqPopoverCompone
     private _size;
     get customClass(): string;
     set customClass(value: string);
+    /**
+     * Controls the behavior of closing the component on scroll.
+     * The default value is `false`.
+     * Use CloseScrollStrategy as alternative
+     */
     get closeOnScroll(): boolean;
     set closeOnScroll(value: boolean);
     private _closeOnScroll;