@koobiq/components 18.2.0 → 18.2.1

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

@@ -34,7 +34,7 @@ export declare class KbqFormField extends KbqFormFieldMixinBase implements After
     labelId: string;
     hovered: boolean;
     canCleanerClearByEsc: boolean;
-    private $unsubscribe;
+    private readonly destroyRef;
     get hasFocus(): boolean;
     get hasHint(): boolean;
     get hasSuffix(): boolean;

package/list/list-selection.component.d.ts

@@ -34,7 +34,7 @@ export declare class KbqListSelectionBase {
 }
 /** @docs-private */
 export declare const KbqListSelectionMixinBase: CanDisableCtor & HasTabIndexCtor & typeof KbqListSelectionBase;
-export declare class KbqListSelection extends KbqListSelectionMixinBase implements CanDisable, HasTabIndex, AfterContentInit, ControlValueAccessor, OnDestroy {
+export declare class KbqListSelection extends KbqListSelectionMixinBase implements CanDisable, HasTabIndex, AfterContentInit, ControlValueAccessor {
     private changeDetectorRef;
     private clipboard;
     keyManager: FocusKeyManager<KbqListOption>;
@@ -60,8 +60,7 @@ export declare class KbqListSelection extends KbqListSelectionMixinBase implemen
     get optionFocusChanges(): Observable<KbqOptionEvent>;
     get optionBlurChanges(): Observable<KbqOptionEvent>;
     _value: string[] | null;
-    /** Emits whenever the component is destroyed. */
-    private readonly destroyed;
+    private readonly destroyRef;
     private optionFocusSubscription;
     private optionBlurSubscription;
     constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, multiple: MultipleMode, clipboard: Clipboard);
@@ -72,7 +71,6 @@ export declare class KbqListSelection extends KbqListSelectionMixinBase implemen
      */
     compareWith: (o1: any, o2: any) => boolean;
     ngAfterContentInit(): void;
-    ngOnDestroy(): void;
     focus(): void;
     blur(): void;
     selectAll(): void;

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

@@ -35,16 +35,15 @@ export declare class KbqNavbarTitle implements AfterViewInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarTitle, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarTitle, "kbq-navbar-title, [kbq-navbar-title]", never, {}, {}, never, never, false, never>;
 }
-export declare class KbqNavbarBrand implements AfterContentInit, OnDestroy {
+export declare class KbqNavbarBrand implements AfterContentInit {
     private navbar;
     logo: KbqNavbarLogo;
     title: KbqNavbarTitle;
     hovered: boolean;
     get hasBento(): boolean;
-    private destroyed;
+    private readonly destroyRef;
     constructor(navbar: KbqVerticalNavbar);
     ngAfterContentInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarBrand, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqNavbarBrand, "kbq-navbar-brand, [kbq-navbar-brand]", ["kbqNavbarBrand"], {}, {}, ["logo", "title"], ["*"], false, never>;
 }

package/navbar/navbar.component.d.ts

@@ -6,8 +6,9 @@ import { KbqNavbarFocusableItem, KbqNavbarFocusableItemEvent, KbqNavbarItem, Kbq
 import * as i0 from "@angular/core";
 export type KbqNavbarContainerPositionType = 'left' | 'right';
 export declare class KbqFocusableComponent implements AfterContentInit, OnDestroy {
-    protected changeDetectorRef: ChangeDetectorRef;
-    private focusMonitor;
+    protected readonly changeDetectorRef: ChangeDetectorRef;
+    protected readonly elementRef: ElementRef;
+    protected readonly focusMonitor: FocusMonitor;
     focusableItems: QueryList<KbqNavbarFocusableItem>;
     keyManager: FocusKeyManager<KbqNavbarFocusableItem>;
     get tabIndex(): any;
@@ -15,10 +16,9 @@ export declare class KbqFocusableComponent implements AfterContentInit, OnDestro
     private _tabIndex;
     get optionFocusChanges(): Observable<KbqNavbarFocusableItemEvent>;
     get optionBlurChanges(): Observable<KbqNavbarFocusableItemEvent>;
-    protected readonly destroyed: Subject<void>;
+    private readonly destroyRef;
     private optionFocusSubscription;
     private optionBlurSubscription;
-    private focusMonitorSubscription;
     constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, focusMonitor: FocusMonitor);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
@@ -38,7 +38,9 @@ export declare class KbqNavbarContainer {
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarContainer, "kbq-navbar-container", never, {}, {}, never, never, false, never>;
 }
 export declare class KbqNavbar extends KbqFocusableComponent implements AfterViewInit, AfterContentInit, OnDestroy {
-    private elementRef;
+    protected readonly elementRef: ElementRef;
+    protected readonly changeDetectorRef: ChangeDetectorRef;
+    protected readonly focusMonitor: FocusMonitor;
     rectangleElements: QueryList<KbqNavbarRectangleElement>;
     navbarItems: QueryList<KbqNavbarItem>;
     readonly resizeStream: Subject<Event>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "18.2.0",
+    "version": "18.2.1",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -23,10 +23,10 @@
     "peerDependencies": {
         "@angular/cdk": "^18.0.0",
         "@angular/forms": "^18.0.0",
-        "@koobiq/cdk": "18.2.0",
-        "@koobiq/angular-moment-adapter": "18.2.0",
-        "@koobiq/angular-luxon-adapter": "18.2.0",
-        "@koobiq/date-formatter": "^3.1.2",
+        "@koobiq/cdk": "18.2.1",
+        "@koobiq/angular-moment-adapter": "18.2.1",
+        "@koobiq/angular-luxon-adapter": "18.2.1",
+        "@koobiq/date-formatter": "^3.1.3",
         "@koobiq/icons": "^9.0.0",
         "@koobiq/tokens-builder": "3.7.3",
         "@koobiq/design-tokens": "3.7.3",

package/schematics/ng-add/index.js

@@ -42,10 +42,10 @@ function ngAdd(options) {
         }
         // Installing dependencies
         utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^18.2.6");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.2.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.2.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.1.2");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.1.2");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.2.1");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.2.1");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.1.3");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.1.3");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^9.1.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.7.3");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.7.3");

package/select/select.component.d.ts

@@ -171,8 +171,7 @@ export declare class KbqSelect extends KbqSelectMixinBase implements AfterConten
     /** Unique id for this input. */
     private readonly uid;
     private visibleChanges;
-    /** Emits whenever the component is destroyed. */
-    private readonly destroy;
+    private readonly destroyRef;
     constructor(_changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, _renderer: Renderer2, defaultErrorStateMatcher: ErrorStateMatcher, elementRef: ElementRef, overlayContainer: OverlayContainer, _dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, parentFormField: KbqFormField, ngControl: NgControl, scrollStrategyFactory: any, localeService?: KbqLocaleService | undefined);
     ngOnInit(): void;
     ngAfterContentInit(): void;

package/tabs/paginated-tab-header.d.ts

@@ -3,7 +3,6 @@ import { Direction, Directionality } from '@angular/cdk/bidi';
 import { Platform } from '@angular/cdk/platform';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { AfterContentChecked, AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, QueryList } from '@angular/core';
-import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * The directions that scrolling can go in when the header's tabs exceed the header width. 'After'
@@ -60,8 +59,7 @@ export declare abstract class KbqPaginatedTabHeader implements AfterContentCheck
      * layout recalculations if it's known that pagination won't be required.
      */
     disablePagination: boolean;
-    /** Emits when the component is destroyed. */
-    protected readonly destroyed: Subject<void>;
+    private readonly destroyRef;
     protected vertical: boolean;
     /**
      * The number of tab labels that are displayed on the header. When this changes, the header

package/tags/tag-list.component.d.ts

@@ -145,8 +145,6 @@ export declare class KbqTagList extends KbqTagListMixinBase implements KbqFormFi
      * appropriate tag that should receive focus until the array of tags updated completely.
      */
     private lastDestroyedTagIndex;
-    /** Subject that emits when the component has been destroyed. */
-    private destroyed;
     /** Subscription to focus changes in the tags. */
     private tagFocusSubscription;
     /** Subscription to blur changes in the tags. */
@@ -155,6 +153,7 @@ export declare class KbqTagList extends KbqTagListMixinBase implements KbqFormFi
     private tagSelectionSubscription;
     /** Subscription to remove changes in tags. */
     private tagRemoveSubscription;
+    private readonly destroyRef;
     constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, defaultErrorStateMatcher: ErrorStateMatcher, dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, ngControl: NgControl);
     ngAfterContentInit(): void;
     ngOnInit(): void;

package/toast/toast.component.d.ts

@@ -27,7 +27,6 @@ export declare class KbqToastComponent implements OnDestroy {
         [x: string]: boolean;
     };
     get isFocusedOrHovered(): boolean;
-    private destroyed;
     constructor(data: KbqToastData, service: KbqToastService, elementRef: ElementRef, focusMonitor: FocusMonitor);
     ngOnDestroy(): void;
     close(): void;

package/tree/padding.directive.d.ts

@@ -1,9 +1,9 @@
 import { Directionality } from '@angular/cdk/bidi';
-import { AfterViewInit, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
+import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
 import { KbqTreeBase, KbqTreeNode } from './tree-base';
 import { KbqTreeOption } from './tree-option.component';
 import * as i0 from "@angular/core";
-export declare class KbqTreeNodePadding<T> implements OnDestroy, AfterViewInit {
+export declare class KbqTreeNodePadding<T> implements AfterViewInit {
     protected treeNode: KbqTreeNode<T>;
     protected tree: KbqTreeBase<T>;
     private renderer;
@@ -22,10 +22,8 @@ export declare class KbqTreeNodePadding<T> implements OnDestroy, AfterViewInit {
     baseLeftPadding: number;
     withIcon: boolean;
     iconWidth: number;
-    private destroyed;
     constructor(treeNode: KbqTreeNode<T>, tree: KbqTreeBase<T>, renderer: Renderer2, element: ElementRef<HTMLElement>, option: KbqTreeOption, dir: Directionality);
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     paddingIndent(): string | null;
     /**
      * This has been extracted to a util because of TS 4 and VE.

package/tree/tree-base.d.ts

@@ -1,5 +1,5 @@
 import { CollectionViewer, DataSource } from '@angular/cdk/collections';
-import { AfterContentChecked, ChangeDetectorRef, ElementRef, IterableDiffer, IterableDiffers, OnDestroy, OnInit, QueryList, TrackByFunction, ViewContainerRef } from '@angular/core';
+import { AfterContentChecked, ChangeDetectorRef, DestroyRef, ElementRef, IterableDiffer, IterableDiffers, OnDestroy, OnInit, QueryList, TrackByFunction, ViewContainerRef } from '@angular/core';
 import { IFocusableOption } from '@koobiq/cdk/a11y';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { TreeControl } from './control/tree-control';
@@ -30,8 +30,6 @@ export declare class KbqTreeBase<T> implements AfterContentChecked, CollectionVi
     }>;
     /** Differ used to find the changes in the data provided by the data source. */
     protected dataDiffer: IterableDiffer<T>;
-    /** Subject that emits when the component has been destroyed. */
-    private onDestroy;
     /** Stores the node definition that does not have a when predicate. */
     private defaultNodeDef;
     /** Data subscription */
@@ -46,6 +44,7 @@ export declare class KbqTreeBase<T> implements AfterContentChecked, CollectionVi
     get dataSource(): DataSource<T> | Observable<T[]> | T[];
     set dataSource(dataSource: DataSource<T> | Observable<T[]> | T[]);
     private _dataSource;
+    protected readonly destroyRef: DestroyRef;
     constructor(differs: IterableDiffers, changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/tree/tree-selection.component.d.ts

@@ -1,6 +1,6 @@
 import { Clipboard } from '@angular/cdk/clipboard';
 import { SelectionModel } from '@angular/cdk/collections';
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, IterableDiffer, IterableDiffers, OnDestroy, QueryList, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, IterableDiffer, IterableDiffers, QueryList, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FocusKeyManager } from '@koobiq/cdk/a11y';
 import { CanDisable, HasTabIndex, MultipleMode } from '@koobiq/components/core';
@@ -36,7 +36,7 @@ interface SelectionModelOption {
     id: number | string;
     value: string;
 }
-export declare class KbqTreeSelection extends KbqTreeBase<any> implements ControlValueAccessor, AfterContentInit, CanDisable, HasTabIndex, OnDestroy {
+export declare class KbqTreeSelection extends KbqTreeBase<any> implements ControlValueAccessor, AfterContentInit, CanDisable, HasTabIndex {
     private elementRef;
     private scheduler;
     private clipboard;
@@ -72,12 +72,10 @@ export declare class KbqTreeSelection extends KbqTreeBase<any> implements Contro
     private _tabIndex;
     get showCheckbox(): boolean;
     get isEmpty(): boolean;
-    private readonly destroy;
     private optionFocusSubscription;
     private optionBlurSubscription;
     constructor(elementRef: ElementRef, scheduler: AsyncScheduler, differs: IterableDiffers, changeDetectorRef: ChangeDetectorRef, multiple: MultipleMode, clipboard: Clipboard);
     ngAfterContentInit(): void;
-    ngOnDestroy(): void;
     focus($event: any): void;
     highlightSelectedOption(): void;
     blur(): void;

package/tree-select/tree-select.component.d.ts

@@ -166,9 +166,8 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     private scrollTop;
     /** Unique id for this input. */
     private readonly uid;
-    /** Emits whenever the component is destroyed. */
-    private readonly destroy;
     private tempValues;
+    private readonly destroyRef;
     constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, ngZone: NgZone, renderer: Renderer2, defaultErrorStateMatcher: ErrorStateMatcher, scrollStrategyFactory: any, dir: Directionality, parentForm: NgForm, parentFormGroup: FormGroupDirective, parentFormField: KbqFormField, ngControl: NgControl, localeService?: KbqLocaleService | undefined);
     ngOnInit(): void;
     ngAfterContentInit(): void;