@ethlete/cdk 3.10.0 → 3.11.0

package/lib/components/filter-overlay/components/filter-overlay-page-outlet/filter-overlay-page-outlet.component.d.ts

@@ -1,5 +1,9 @@
+import { TrackByFunction } from '@angular/core';
+import { FilterOverlayPageWithLogic } from '../../types';
 import * as i0 from "@angular/core";
 export declare class FilterOverlayPageOutletComponent {
+    protected readonly filterOverlayRef: import("../../utils").FilterOverlayRef<Record<string, import("@angular/forms").AbstractControl<any, any>>>;
+    protected readonly trackByRoute: TrackByFunction<FilterOverlayPageWithLogic>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterOverlayPageOutletComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FilterOverlayPageOutletComponent, "et-filter-overlay-page-outlet", never, {}, {}, never, never, true, never>;
 }

package/lib/components/filter-overlay/constants/filter-overlay.constants.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { FilterOverlayRef } from '../utils';
+export declare const FILTER_OVERLAY_REF: InjectionToken<FilterOverlayRef<Record<string, import("@angular/forms").AbstractControl<any, any>>>>;

package/lib/components/filter-overlay/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/components/filter-overlay/constants/public-api.d.ts

@@ -0,0 +1 @@
+export * from './filter-overlay.constants';

package/lib/components/filter-overlay/directives/filter-overlay-link/filter-overlay-link.directive.d.ts

@@ -2,6 +2,10 @@ import { InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare const FILTER_OVERLAY_LINK_TOKEN: InjectionToken<FilterOverlayLinkDirective>;
 export declare class FilterOverlayLinkDirective {
+    protected readonly filterOverlayRef: import("../../utils").FilterOverlayRef<Record<string, import("@angular/forms").AbstractControl<any, any>>>;
+    set _path(value: string | string[]);
+    readonly path: import("@angular/core").WritableSignal<string>;
+    navigate(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterOverlayLinkDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FilterOverlayLinkDirective, "[etFilterOverlayLink]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FilterOverlayLinkDirective, "[etFilterOverlayLink]", never, { "_path": { "alias": "etFilterOverlayLink"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/filter-overlay/directives/filter-overlay-reset/filter-overlay-reset.directive.d.ts

@@ -2,6 +2,10 @@ import { InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare const FILTER_OVERLAY_RESET_TOKEN: InjectionToken<FilterOverlayResetDirective>;
 export declare class FilterOverlayResetDirective {
+    protected readonly filterOverlayRef: import("../../utils").FilterOverlayRef<Record<string, import("@angular/forms").AbstractControl<any, any>>>;
+    disabled: boolean;
+    reset(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterOverlayResetDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FilterOverlayResetDirective, "[etFilterOverlayReset]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FilterOverlayResetDirective, "[etFilterOverlayReset]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
 }

package/lib/components/filter-overlay/directives/filter-overlay-submit/filter-overlay-submit.directive.d.ts

@@ -2,6 +2,10 @@ import { InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare const FILTER_OVERLAY_SUBMIT_TOKEN: InjectionToken<FilterOverlaySubmitDirective>;
 export declare class FilterOverlaySubmitDirective {
+    protected readonly filterOverlayRef: import("../../utils").FilterOverlayRef<Record<string, import("@angular/forms").AbstractControl<any, any>>>;
+    disabled: boolean;
+    submit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterOverlaySubmitDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FilterOverlaySubmitDirective, "[etFilterOverlaySubmit]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FilterOverlaySubmitDirective, "[etFilterOverlaySubmit]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
 }

package/lib/components/filter-overlay/public-api.d.ts

@@ -1,3 +1,4 @@
 export * from './components/public-api';
 export * from './directives/public-api';
 export * from './filter-overlay.imports';
+export * from './services/public-api';

package/lib/components/filter-overlay/services/filter-overlay.service.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType } from '@angular/cdk/overlay';
+import { FormGroup } from '@angular/forms';
+import { FilterOverlayConfig } from '../types';
+import { FilterOverlayRef } from '../utils';
+import * as i0 from "@angular/core";
+export declare class FilterOverlayService {
+    private readonly _overlayService;
+    private readonly _injector;
+    readonly positions: import("../../overlay").OverlayPositionBuilder;
+    open<T, D, F extends FormGroup<any>>(component: ComponentType<T>, config: FilterOverlayConfig<F, D>): FilterOverlayRef<Record<string, import("@angular/forms").AbstractControl<any, any>>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterOverlayService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FilterOverlayService>;
+}

package/lib/components/filter-overlay/services/public-api.d.ts

@@ -0,0 +1 @@
+export * from './filter-overlay.service';

package/lib/components/filter-overlay/types/filter-overlay-config.types.d.ts

@@ -0,0 +1,26 @@
+import { ComponentType } from '@angular/cdk/portal';
+import { Signal } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { OverlayConfig } from '../../overlay';
+export interface FilterOverlayPage {
+    component: ComponentType<unknown>;
+    /**
+     * The route of the page.
+     *
+     * @example
+     * "" // The root route
+     * "two" // The route "two"
+     */
+    route: string;
+    inputs?: Record<string, unknown>;
+}
+export interface FilterOverlayPageWithLogic extends FilterOverlayPage {
+    isActive: Signal<boolean>;
+}
+export interface FilterOverlayConfig<F extends FormGroup<any> = FormGroup<any>, D = unknown> {
+    form: F;
+    defaultFormValue?: ReturnType<F['getRawValue']>;
+    initialRoute?: string;
+    pages: FilterOverlayPage[];
+    overlay: OverlayConfig<D>;
+}

package/lib/components/filter-overlay/types/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/components/filter-overlay/types/public-api.d.ts

@@ -0,0 +1 @@
+export * from './filter-overlay-config.types';

package/lib/components/filter-overlay/utils/filter-overlay-ref.d.ts

@@ -0,0 +1,16 @@
+import { AbstractControl, FormGroup } from '@angular/forms';
+import { OverlayRef } from '../../overlay';
+import { FilterOverlayConfig, FilterOverlayPageWithLogic } from '../types';
+export declare class FilterOverlayRef<F extends Record<string, AbstractControl> = Record<string, AbstractControl>> {
+    private readonly _config;
+    private readonly _currentRoute;
+    readonly currentRoute: import("@angular/core").Signal<string>;
+    readonly _pages: import("@angular/core").Signal<FilterOverlayPageWithLogic[]>;
+    readonly form: FormGroup<F>;
+    _overlayRef: OverlayRef | null;
+    constructor(_config: FilterOverlayConfig);
+    navigateTo(route: string | string[]): void;
+    submit(): void;
+    reset(): void;
+    _buildRoute(route: string | string[]): string;
+}

package/lib/components/filter-overlay/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/components/filter-overlay/utils/public-api.d.ts

@@ -0,0 +1 @@
+export * from './filter-overlay-ref';

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

@@ -8,5 +8,5 @@ export declare class ComboboxComponent extends DecoratedInputBase {
     protected readonly combobox: ComboboxDirective;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "et-combobox", never, {}, {}, never, ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.InputDirective; inputs: { "placeholder": "placeholder"; }; outputs: {}; }, { directive: typeof i3.ComboboxDirective; inputs: { "options": "options"; "initialValue": "initialValue"; "filterInternal": "filterInternal"; "loading": "loading"; "error": "error"; "emptyText": "emptyText"; "placeholder": "placeholder"; "multiple": "multiple"; "bindLabel": "bindLabel"; "bindValue": "bindValue"; "allowCustomValues": "allowCustomValues"; "selectedOptionComponent": "selectedOptionComponent"; "optionComponent": "optionComponent"; "bodyErrorComponent": "bodyErrorComponent"; "bodyLoadingComponent": "bodyLoadingComponent"; "bodyEmptyComponent": "bodyEmptyComponent"; "bodyMoreItemsHintComponent": "bodyMoreItemsHintComponent"; "showBodyMoreItemsHint": "showBodyMoreItemsHint"; }; outputs: { "filterChange": "filterChange"; }; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "et-combobox", never, {}, {}, never, ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.InputDirective; inputs: { "placeholder": "placeholder"; }; outputs: {}; }, { directive: typeof i3.ComboboxDirective; inputs: { "options": "options"; "initialValue": "initialValue"; "filterInternal": "filterInternal"; "loading": "loading"; "error": "error"; "emptyText": "emptyText"; "placeholder": "placeholder"; "multiple": "multiple"; "bindLabel": "bindLabel"; "bindValue": "bindValue"; "allowCustomValues": "allowCustomValues"; "selectedOptionComponent": "selectedOptionComponent"; "optionComponent": "optionComponent"; "bodyErrorComponent": "bodyErrorComponent"; "bodyLoadingComponent": "bodyLoadingComponent"; "bodyEmptyComponent": "bodyEmptyComponent"; "bodyMoreItemsHintComponent": "bodyMoreItemsHintComponent"; "showBodyMoreItemsHint": "showBodyMoreItemsHint"; "bodyEmptyText": "bodyEmptyText"; "bodyMoreItemsHintText": "bodyMoreItemsHintText"; }; outputs: { "filterChange": "filterChange"; }; }]>;
 }

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

@@ -1,6 +1,6 @@
 import { Direction } from '@angular/cdk/bidi';
 import { PositionStrategy, ScrollStrategy } from '@angular/cdk/overlay';
-import { Injector, ViewContainerRef } from '@angular/core';
+import { Injector, StaticProvider, ViewContainerRef } from '@angular/core';
 import { Breakpoint } from '@ethlete/core';
 /** Options for where to set focus to automatically on overlay open */
 export type OverlayAutoFocusTarget = 'dialog' | 'first-tabbable' | 'first-heading';
@@ -62,6 +62,10 @@ export interface OverlayBreakpointConfig {
     overlayClass?: string | string[];
     /** Custom class for the backdrop. */
     backdropClass?: string | string[];
+    /** Custom class for the document (`<html>` element). */
+    documentClass?: string | string[];
+    /** Custom class for the `<body>` element */
+    bodyClass?: string | string[];
     /** Position overrides. */
     position?: OverlayPosition;
     /** Determine if and in what direction the overlay should be able to be dragged to dismiss it. */
@@ -172,4 +176,8 @@ export interface OverlayConfig<D = unknown> {
      * @default true
      */
     closeOnNavigation?: boolean;
+    /**
+     * Extra providers to be made available to the overlay.
+     */
+    providers?: StaticProvider[];
 }

package/lib/components/overlay/components/overlay/utils/overlay-position-builder.d.ts

@@ -1,4 +1,10 @@
 import { OverlayBreakpointConfig, OverlayBreakpointConfigEntry } from '../types';
+export declare const ET_OVERLAY_LEFT_SHEET_CLASS = "et-overlay--left-sheet";
+export declare const ET_OVERLAY_RIGHT_SHEET_CLASS = "et-overlay--right-sheet";
+export declare const ET_OVERLAY_TOP_SHEET_CLASS = "et-overlay--top-sheet";
+export declare const ET_OVERLAY_BOTTOM_SHEET_CLASS = "et-overlay--bottom-sheet";
+export declare const ET_OVERLAY_DIALOG_CLASS = "et-overlay--dialog";
+export declare const ET_OVERLAY_FULL_SCREEN_DIALOG_CLASS = "et-overlay--full-screen-dialog";
 export declare class OverlayPositionBuilder {
     private readonly _overlay;
     readonly DEFAULTS: {
@@ -21,6 +27,7 @@ export declare class OverlayPositionBuilder {
             minWidth: undefined;
             containerClass: string;
             positionStrategy: import("@angular/cdk/overlay").GlobalPositionStrategy;
+            documentClass: string;
         };
         bottomSheet: {
             width: string;
@@ -79,6 +86,10 @@ export declare class OverlayPositionBuilder {
         bottomSheet?: OverlayBreakpointConfig;
         dialog?: OverlayBreakpointConfig;
     }): OverlayBreakpointConfigEntry[];
+    transformingFullScreenDialogToRightSheet(customConfig?: {
+        fullScreenDialog?: OverlayBreakpointConfig;
+        rightSheet?: OverlayBreakpointConfig;
+    }): OverlayBreakpointConfigEntry[];
     dialog(customConfig?: OverlayBreakpointConfig): OverlayBreakpointConfigEntry[];
     fullScreenDialog(customConfig?: OverlayBreakpointConfig): OverlayBreakpointConfigEntry[];
     bottomSheet(customConfig?: OverlayBreakpointConfig): OverlayBreakpointConfigEntry[];

package/lib/components/overlay/components/overlay/utils/overlay-ref.d.ts

@@ -30,5 +30,5 @@ export declare class OverlayRef<T = any, R = any> {
     removePanelClass(classes: string | string[]): this;
     getState(): OverlayState;
     private _finishOverlayClose;
-    _closeOverlayVia<R>(ref: OverlayRef<R>, interactionType: FocusOrigin, result?: R): void;
+    _closeOverlayVia(interactionType: FocusOrigin, result?: R): void;
 }

package/lib/components/overlay/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "3.10.0",
+  "version": "3.11.0",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -19,8 +19,8 @@
   "peerDependencies": {
     "@angular/common": "^15.2.1 || ^16.0.0",
     "@angular/core": "^15.2.1 || ^16.0.0",
-    "@ethlete/core": "3.4.0",
-    "@angular/animations": "16.2.4",
+    "@ethlete/core": "3.5.0",
+    "@angular/animations": "16.2.5",
     "@ethlete/query": "4.13.0"
   },
   "module": "fesm2022/ethlete-cdk.mjs",

package/src/lib/styles/cdk.css

@@ -5,12 +5,14 @@
 .cdk-overlay-pane {
   display: grid;
   grid-template-rows: minmax(0, 1fr);
+  grid-template-columns: minmax(0, 1fr);
 }
 
 .et-force-invisible {
   opacity: 0 !important;
 }
 
-.cdk-global-scrollblock {
+.et-global-no-overscroll,
+.et-global-no-overscroll body {
   overscroll-behavior: none;
 }