@ethlete/cdk 2.15.0 → 3.0.0

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

@@ -66,7 +66,6 @@ export declare class ComboboxComponent extends DecoratedInputBase implements OnI
     protected processInputEvent(event: Event): void;
     protected handleBlurEvent(): void;
     private _initDispatchFilterChanges;
-    private _initRepositionOnValueChanges;
     private _updateFilter;
     private _setFilterFromInputValue;
     private _interpretKeyHandlerResult;

package/lib/components/overlay/components/toggletip/components/toggletip/toggletip.component.d.ts

@@ -1,4 +1,4 @@
-import { InjectionToken, Injector } from '@angular/core';
+import { ElementRef, InjectionToken, Injector } from '@angular/core';
 import { AnimatedLifecycleDirective } from '@ethlete/core';
 import * as i0 from "@angular/core";
 export declare const TOGGLETIP: InjectionToken<ToggletipComponent>;
@@ -10,6 +10,7 @@ export declare class ToggletipComponent {
     protected readonly injector: Injector;
     private readonly _cdr;
     readonly _trigger: import("../../directives").ToggletipDirective;
+    readonly _elementRef: ElementRef<HTMLElement>;
     get attrAriaHidden(): boolean;
     get usesDefaultAnimation(): boolean;
     get containerClass(): string | string[] | undefined;

package/lib/components/overlay/components/toggletip/types/toggletip.types.d.ts

@@ -1,24 +1,27 @@
-import { Placement as PopperPlacement } from '@popperjs/core';
-import { Options as ArrowOptions } from '@popperjs/core/lib/modifiers/arrow';
-import { Options as OffsetOptions } from '@popperjs/core/lib/modifiers/offset';
+import { OffsetOptions, Padding, Placement } from '@floating-ui/dom';
 export interface ToggletipConfig {
     /**
      * The placement of the toggletip.
-     * @default 'auto'
+     * @default 'bottom'
      */
-    placement: PopperPlacement;
+    placement: Placement;
     /**
      * The offset of the toggletip.
      * @see https://popper.js.org/docs/v2/modifiers/offset/#offset-1
-     * @default [0, 8]
+     * @default { mainAxis: 8, crossAxis: 8 }
      */
-    offset: OffsetOptions['offset'] | Readonly<OffsetOptions['offset']> | null;
+    offset: OffsetOptions | null;
     /**
      * The arrow padding.
      * @see https://popper.js.org/docs/v2/modifiers/arrow/#padding
-     * @default 4
+     * @default 8
      */
-    arrowPadding: ArrowOptions['padding'] | null;
+    arrowPadding: Padding | null;
+    /**
+     * The viewport padding.
+     * @default 8
+     */
+    viewportPadding: Padding | null;
     /**
      * Custom class for the toggletip container.
      */

package/lib/components/overlay/components/tooltip/components/tooltip/tooltip.component.d.ts

@@ -1,4 +1,4 @@
-import { InjectionToken, Injector } from '@angular/core';
+import { ElementRef, InjectionToken, Injector } from '@angular/core';
 import { AnimatedLifecycleDirective } from '@ethlete/core';
 import * as i0 from "@angular/core";
 export declare const TOOLTIP: InjectionToken<TooltipComponent>;
@@ -10,6 +10,7 @@ export declare class TooltipComponent {
     protected readonly injector: Injector;
     private readonly _cdr;
     readonly _trigger: import("../../directives").TooltipDirective;
+    readonly _elementRef: ElementRef<HTMLElement>;
     get attrAriaHidden(): boolean;
     get usesDefaultAnimation(): boolean;
     get containerClass(): string | string[] | undefined;

package/lib/components/overlay/components/tooltip/types/tooltip.types.d.ts

@@ -1,24 +1,27 @@
-import { Placement as PopperPlacement } from '@popperjs/core';
-import { Options as ArrowOptions } from '@popperjs/core/lib/modifiers/arrow';
-import { Options as OffsetOptions } from '@popperjs/core/lib/modifiers/offset';
+import { OffsetOptions, Padding, Placement } from '@floating-ui/dom';
 export interface TooltipConfig {
     /**
      * The placement of the tooltip.
-     * @default 'auto'
+     * @default 'bottom'
      */
-    placement: PopperPlacement;
+    placement: Placement;
     /**
      * The offset of the tooltip.
      * @see https://popper.js.org/docs/v2/modifiers/offset/#offset-1
-     * @default [0, 8]
+     * @default 8
      */
-    offset: OffsetOptions['offset'] | Readonly<OffsetOptions['offset']> | null;
+    offset: OffsetOptions | null;
     /**
      * The arrow padding.
      * @see https://popper.js.org/docs/v2/modifiers/arrow/#padding
-     * @default 4
+     * @default 8
      */
-    arrowPadding: ArrowOptions['padding'] | null;
+    arrowPadding: Padding | null;
+    /**
+     * The viewport padding.
+     * @default 8
+     */
+    viewportPadding: Padding | null;
     /**
      * Custom class for the tooltip container.
      */

package/lib/public-api.d.ts

@@ -1,3 +1,4 @@
 export * from './components/public-api';
 export * from './services/public-api';
 export * from './types/public-api';
+export * from './utils/public-api';

package/lib/utils/floating-ui.utils.d.ts

@@ -0,0 +1,2 @@
+import { Placement } from '@floating-ui/dom';
+export declare const FLOATING_UI_PLACEMENTS: Placement[];

package/lib/utils/public-api.d.ts

@@ -0,0 +1 @@
+export * from './floating-ui.utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "2.15.0",
+  "version": "3.0.0",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -19,9 +19,9 @@
   "peerDependencies": {
     "@angular/common": "^15.2.1 || ^16.0.0",
     "@angular/core": "^15.2.1 || ^16.0.0",
-    "@ethlete/core": "2.8.1",
-    "@angular/animations": "16.1.5",
-    "@ethlete/query": "4.6.0"
+    "@ethlete/core": "3.0.0",
+    "@angular/animations": "16.1.6",
+    "@ethlete/query": "4.7.7"
   },
   "module": "fesm2022/ethlete-cdk.mjs",
   "typings": "index.d.ts",

package/src/lib/styles/floating-element.css

@@ -0,0 +1,10 @@
+.et-floating-element {
+  width: max-content;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.et-floating-element--hidden {
+  display: none !important;
+}

package/src/lib/styles/index.css

@@ -2,3 +2,4 @@
 @import './easing.css';
 @import './active-tab-underline.css';
 @import './cursor-drag-scroll.css';
+@import './floating-element.css';