@koobiq/components 18.2.0 → 18.2.1

package/fesm2022/koobiq-components-core.mjs

@@ -1,6 +1,6 @@
 import { trigger, state, style, transition, animate, group } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { InjectionToken, isDevMode, NgModule, Optional, Inject, inject, LOCALE_ID, Injectable, Pipe, Directive, ContentChildren, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, EventEmitter, ViewChild, Output, Renderer2, ChangeDetectorRef, TemplateRef, ElementRef, NgZone, ViewContainerRef, Version } from '@angular/core';
+import { InjectionToken, isDevMode, NgModule, Optional, Inject, inject, LOCALE_ID, Injectable, Pipe, Directive, ContentChildren, DestroyRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, EventEmitter, ViewChild, Output, Renderer2, ChangeDetectorRef, TemplateRef, ElementRef, NgZone, ViewContainerRef, Version } from '@angular/core';
 import { BidiModule, Directionality } from '@angular/cdk/bidi';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i1 from '@koobiq/date-adapter';
@@ -9,10 +9,11 @@ import { DateFormatter as DateFormatter$1 } from '@koobiq/date-formatter';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { BehaviorSubject, Subject, Subscription, pairwise } from 'rxjs';
 import * as i1$1 from '@angular/cdk/a11y';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { SPACE, ENTER, TAB, ESCAPE, HOME, END } from '@koobiq/cdk/keycodes';
-import { takeUntil, distinctUntilChanged, delay } from 'rxjs/operators';
 import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
+import { distinctUntilChanged, delay } from 'rxjs/operators';
 
 var AnimationCurves;
 (function (AnimationCurves) {
@@ -1638,7 +1639,7 @@ class KbqOptionActionComponent extends KbqOptionActionMixinBase {
         this.focusMonitor = focusMonitor;
         this.option = option;
         this.hasFocus = false;
-        this.destroy = new Subject();
+        this.destroyRef = inject(DestroyRef);
         this.focusMonitor.monitor(this.elementRef.nativeElement);
     }
     ngAfterViewInit() {
@@ -1646,15 +1647,13 @@ class KbqOptionActionComponent extends KbqOptionActionMixinBase {
             return;
         }
         this.option.dropdownTrigger.restoreFocus = false;
-        this.option.dropdownTrigger.dropdownClosed.pipe(takeUntil(this.destroy)).subscribe(() => {
+        this.option.dropdownTrigger.dropdownClosed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             this.preventShowingTooltip();
             const destroyReason = this.option.dropdownTrigger.lastDestroyReason === 'keydown' ? 'keyboard' : 'program';
             this.focus(destroyReason);
         });
     }
     ngOnDestroy() {
-        this.destroy.next();
-        this.destroy.complete();
         this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);
     }
     focus(origin, options) {
@@ -2554,6 +2553,7 @@ class KbqPopUpTrigger {
         this.scrollDispatcher = inject(ScrollDispatcher);
         this.hostView = inject(ViewContainerRef);
         this.direction = inject(Directionality, { optional: true });
+        this.destroyRef = inject(DestroyRef);
         this.isOpen = false;
         this.enterDelay = 0;
         this.leaveDelay = 0;
@@ -2562,7 +2562,6 @@ class KbqPopUpTrigger {
         this.visible = false;
         this.listeners = new Map();
         this.availablePositions = POSITION_MAP;
-        this.destroyed = new Subject();
         this.detach = () => {
             if (this.overlayRef?.hasAttached()) {
                 this.overlayRef.detach();
@@ -2603,8 +2602,6 @@ class KbqPopUpTrigger {
         this.overlayRef?.dispose();
         this.listeners.forEach(this.removeEventListener);
         this.listeners.clear();
-        this.destroyed.next();
-        this.destroyed.complete();
     }
     updatePlacement(value) {
         if (POSITION_TO_CSS_MAP[value]) {
@@ -2656,10 +2653,12 @@ class KbqPopUpTrigger {
         this.detach();
         this.portal = this.portal || new ComponentPortal(this.getOverlayHandleComponentType(), this.hostView);
         this.instance = this.overlayRef.attach(this.portal).instance;
-        this.instance.afterHidden().pipe(takeUntil(this.destroyed)).subscribe(this.detach);
+        this.instance.afterHidden().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(this.detach);
         this.updateClassMap();
         this.updateData();
-        this.instance.visibleChange.pipe(takeUntil(this.destroyed), distinctUntilChanged()).subscribe((value) => {
+        this.instance.visibleChange
+            .pipe(distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
+            .subscribe((value) => {
             this.visible = value;
             this.visibleChange.emit(value);
             this.isOpen = value;
@@ -2686,7 +2685,7 @@ class KbqPopUpTrigger {
             .withPositions([...EXTENDED_OVERLAY_POSITIONS])
             .withLockedPosition()
             .withScrollableContainers(this.scrollDispatcher.getAncestorScrollContainers(this.elementRef));
-        this.strategy.positionChanges.pipe(takeUntil(this.destroyed)).subscribe(this.onPositionChange);
+        this.strategy.positionChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(this.onPositionChange);
         this.overlayRef = this.overlay.create({
             ...this.overlayConfig,
             direction: this.direction || undefined,
@@ -2694,7 +2693,7 @@ class KbqPopUpTrigger {
             scrollStrategy: this.scrollStrategy()
         });
         this.subscribeOnClosingActions();
-        this.overlayRef.detachments().pipe(takeUntil(this.destroyed)).subscribe(this.detach);
+        this.overlayRef.detachments().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(this.detach);
         return this.overlayRef;
     }
     resetOrigin() {
@@ -2778,7 +2777,7 @@ class KbqPopUpTrigger {
     subscribeOnClosingActions() {
         this.closingActionsSubscription?.unsubscribe();
         this.closingActionsSubscription = this.closingActions()
-            .pipe(takeUntil(this.destroyed))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .pipe(delay(0))
             .subscribe((event) => {
             if (event?.type === 'click' && event.kbqPopoverPreventHide) {
@@ -3185,7 +3184,7 @@ const KBQ_VALIDATION = new InjectionToken('KbqUseValidation', {
     factory: () => ({ useValidation: true })
 });
 
-const VERSION = new Version('18.1.0+sha-a864eb67');
+const VERSION = new Version('18.2.1+sha-782536d');
 
 /**
  * Generated bundle index. Do not edit.