@ethlete/cdk 2.3.2 → 2.4.0

package/lib/components/forms/components/select/components/select/components/select/select.component.d.ts

@@ -3,11 +3,15 @@ import { TemplateRef } from '@angular/core';
 import { DecoratedInputBase } from '../../../../../../utils';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../../../../directives/input/input.directive";
+import * as i2 from "@ethlete/core";
 export declare class SelectComponent extends DecoratedInputBase {
+    private readonly _animatedOverlay;
     get searchable(): boolean;
     set searchable(value: BooleanInput);
     private _searchable$;
     selectBodyTpl: TemplateRef<unknown> | null;
+    constructor();
+    mountOrUnmountSelectBody(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "et-select", never, { "searchable": { "alias": "searchable"; "required": false; }; }, {}, never, ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.InputDirective; inputs: { "autocomplete": "autocomplete"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "et-select", never, { "searchable": { "alias": "searchable"; "required": false; }; }, {}, never, ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.InputDirective; inputs: { "autocomplete": "autocomplete"; }; outputs: {}; }, { directive: typeof i2.AnimatedOverlayDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/components/forms/components/select/components/select/partials/select-body/select-body.component.d.ts

@@ -1,5 +1,7 @@
+import { AnimatedLifecycleDirective } from '@ethlete/core';
 import * as i0 from "@angular/core";
 export declare class SelectBodyComponent {
+    readonly _animatedLifecycle?: AnimatedLifecycleDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectBodyComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectBodyComponent, "et-select-body", never, {}, {}, never, never, true, never>;
 }

package/lib/components/overlay/components/toggletip/directives/toggletip/toggletip.directive.d.ts

@@ -1,38 +1,31 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { EventEmitter, InjectionToken, OnDestroy, TemplateRef } from '@angular/core';
-import { Placement as PopperPlacement } from '@popperjs/core';
+import { EventEmitter, InjectionToken, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AnimatedOverlayDirective } from '@ethlete/core';
+import { ToggletipComponent } from '../../components';
 import * as i0 from "@angular/core";
+import * as i1 from "@ethlete/core";
 type ToggletipTemplate = string | TemplateRef<unknown>;
 export declare const TOGGLETIP_DIRECTIVE: InjectionToken<ToggletipDirective>;
-export declare class ToggletipDirective implements OnDestroy {
-    private _defaultConfig;
+export declare class ToggletipDirective implements OnInit, OnDestroy {
+    private readonly _destroy$;
+    private readonly _defaultConfig;
+    readonly _animatedOverlay: AnimatedOverlayDirective<ToggletipComponent>;
     get toggletip(): ToggletipTemplate | null;
     set toggletip(v: ToggletipTemplate | null);
     private _toggletip;
     get showToggletip(): boolean;
     set showToggletip(value: BooleanInput);
     private _showToggletip;
-    placement: PopperPlacement;
     toggletipClose: EventEmitter<any>;
-    private _hostElementRef;
-    private _viewContainerRef;
-    private _overlayService;
     private _clickObserverService;
-    private _injector;
-    private _zone;
-    private _overlayRef;
-    private _portal;
-    private _toggletipRef;
-    private _popper;
     private readonly _listenerSubscriptions;
+    constructor();
+    ngOnInit(): void;
     ngOnDestroy(): void;
     private _addListeners;
     private _removeListeners;
     private _mountToggletip;
-    _animateUnmount(): void;
-    private _unmountToggletip;
-    private _createOverlay;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggletipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ToggletipDirective, "[etToggletip]", never, { "toggletip": { "alias": "etToggletip"; "required": false; }; "showToggletip": { "alias": "showToggletip"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, { "toggletipClose": "toggletipClose"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToggletipDirective, "[etToggletip]", never, { "toggletip": { "alias": "etToggletip"; "required": false; }; "showToggletip": { "alias": "showToggletip"; "required": false; }; }, { "toggletipClose": "toggletipClose"; }, never, never, true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: { "placement": "placement"; }; outputs: {}; }]>;
 }
 export {};

package/lib/components/overlay/components/tooltip/directives/tooltip/tooltip.directive.d.ts

@@ -1,44 +1,33 @@
 import { InjectionToken, OnDestroy, TemplateRef } from '@angular/core';
-import { Placement as PopperPlacement } from '@popperjs/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@ethlete/core";
 type TooltipTemplate = string | TemplateRef<unknown>;
 export declare const TOOLTIP_DIRECTIVE: InjectionToken<TooltipDirective>;
 export declare class TooltipDirective implements OnDestroy {
-    private _defaultConfig;
+    private readonly _defaultConfig;
+    private readonly _animatedOverlay;
     get tooltip(): TooltipTemplate | null;
     set tooltip(v: TooltipTemplate | null);
     private _tooltip;
-    placement: PopperPlacement;
     get tooltipAriaDescription(): string | null;
     set tooltipAriaDescription(v: string | null);
     private _tooltipAriaDescription;
     private _lastTooltipText;
-    private _hostElementRef;
-    private _viewContainerRef;
-    private _overlayService;
+    private _elementRef;
     private _ariaDescriberService;
     private _focusVisibleService;
-    private _injector;
-    private _zone;
-    private _overlayRef;
-    private _portal;
-    private _tooltipRef;
-    private _popper;
     private _willMount;
     private _hasFocus;
     private _hasHover;
-    private get _isMounted();
     private readonly _listenerSubscriptions;
+    constructor();
     ngOnDestroy(): void;
     private _updateAriaDescription;
     private _addListeners;
     private _removeListeners;
     private _mountTooltip;
-    private _animateUnmount;
-    private _unmountTooltip;
-    private _createOverlay;
     private _getTooltipText;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[etTooltip]", never, { "tooltip": { "alias": "etTooltip"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "tooltipAriaDescription": { "alias": "tooltipAriaDescription"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[etTooltip]", never, { "tooltip": { "alias": "etTooltip"; "required": false; }; "tooltipAriaDescription": { "alias": "tooltipAriaDescription"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: { "placement": "placement"; }; outputs: {}; }]>;
 }
 export {};

package/lib/components/scrollable/components/scrollable/scrollable.component.d.ts

@@ -1,9 +1,9 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { ElementRef, OnInit } from '@angular/core';
-import { NgClassType, ScrollObserverScrollState } from '@ethlete/core';
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { AfterContentInit, ElementRef, OnInit } from '@angular/core';
+import { IsActiveElementDirective, NgClassType, ScrollObserverScrollState, TypedQueryList } from '@ethlete/core';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class ScrollableComponent implements OnInit {
+export declare class ScrollableComponent implements OnInit, AfterContentInit {
     private readonly _destroy$;
     private readonly _renderer;
     private readonly _elementRef;
@@ -26,13 +26,21 @@ export declare class ScrollableComponent implements OnInit {
     get cursorDragScroll(): boolean;
     set cursorDragScroll(value: BooleanInput);
     private _cursorDragScroll;
+    get activeElementScrollMargin(): number;
+    set activeElementScrollMargin(value: NumberInput);
+    private _activeElementScrollMargin;
+    get disableActiveElementScrolling(): boolean;
+    set disableActiveElementScrolling(value: BooleanInput);
+    private _disableActiveElementScrolling;
     scrollable: ElementRef<HTMLElement>;
+    activeElements: TypedQueryList<IsActiveElementDirective> | null;
     protected readonly scrollState$: BehaviorSubject<ScrollObserverScrollState | null>;
     ngOnInit(): void;
+    ngAfterContentInit(): void;
     protected _scrollStateChanged(scrollState: ScrollObserverScrollState): void;
     protected scrollOneContainerSizeToStart(): void;
     protected scrollOneContainerSizeToEnd(): void;
     scrollOneContainerSize(direction: 'start' | 'end'): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollableComponent, "et-scrollable", never, { "itemSize": { "alias": "itemSize"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "scrollableRole": { "alias": "scrollableRole"; "required": false; }; "scrollableClass": { "alias": "scrollableClass"; "required": false; }; "renderMasks": { "alias": "renderMasks"; "required": false; }; "renderButtons": { "alias": "renderButtons"; "required": false; }; "renderScrollbars": { "alias": "renderScrollbars"; "required": false; }; "stickyButtons": { "alias": "stickyButtons"; "required": false; }; "cursorDragScroll": { "alias": "cursorDragScroll"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollableComponent, "et-scrollable", never, { "itemSize": { "alias": "itemSize"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "scrollableRole": { "alias": "scrollableRole"; "required": false; }; "scrollableClass": { "alias": "scrollableClass"; "required": false; }; "renderMasks": { "alias": "renderMasks"; "required": false; }; "renderButtons": { "alias": "renderButtons"; "required": false; }; "renderScrollbars": { "alias": "renderScrollbars"; "required": false; }; "stickyButtons": { "alias": "stickyButtons"; "required": false; }; "cursorDragScroll": { "alias": "cursorDragScroll"; "required": false; }; "activeElementScrollMargin": { "alias": "activeElementScrollMargin"; "required": false; }; "disableActiveElementScrolling": { "alias": "disableActiveElementScrolling"; "required": false; }; }, {}, ["activeElements"], ["*"], true, never>;
 }

package/lib/components/tabs/utils/paginated-tab-header.directive.d.ts

@@ -4,7 +4,6 @@ import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
 import { NgClassType, TypedQueryList } from '@ethlete/core';
-import { Subject } from 'rxjs';
 import { ScrollableComponent } from '../../scrollable';
 import * as i0 from "@angular/core";
 export type TabPaginationScrollDirection = 'after' | 'before';
@@ -25,7 +24,7 @@ export declare abstract class PaginatedTabHeaderDirective implements AfterConten
     };
     private _scrollDistance;
     private _selectedIndexChanged;
-    protected readonly _destroy$: Subject<void>;
+    protected readonly _destroy$: import("rxjs").Observable<boolean>;
     _tabLabelCount: number;
     private _scrollDistanceChanged;
     private _keyManager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "2.3.2",
+  "version": "2.4.0",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -20,10 +20,9 @@
     "@angular/common": "^15.2.1 || ^16.0.0",
     "@angular/core": "^15.2.1 || ^16.0.0",
     "@angular/cdk": "16.0.0",
-    "@ethlete/core": "1.10.1",
+    "@ethlete/core": "2.1.0",
     "@angular/animations": "16.0.0",
-    "@ethlete/query": "4.2.1",
-    "@popperjs/core": "2.11.7"
+    "@ethlete/query": "4.3.0"
   },
   "module": "fesm2022/ethlete-cdk.mjs",
   "typings": "index.d.ts",