@ethlete/core 3.10.0 → 3.11.1

package/lib/directives/animated-lifecycle/animated-lifecycle.directive.d.ts

@@ -12,7 +12,10 @@ export declare class AnimatedLifecycleDirective implements AfterViewInit {
     private _state$;
     readonly state$: import("rxjs").Observable<AnimatedLifecycleState>;
     get state(): AnimatedLifecycleState;
-    private readonly _bindings;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     ngAfterViewInit(): void;
     enter(config?: {
         onlyTransition?: boolean;

package/lib/directives/animated-overlay/animated-overlay.directive.d.ts

@@ -1,6 +1,7 @@
 import { OverlayRef } from '@angular/cdk/overlay';
 import { ComponentPortal, ComponentType } from '@angular/cdk/portal';
 import { ComponentRef, ElementRef, StaticProvider } from '@angular/core';
+import { ProvideThemeDirective } from '@ethlete/theming';
 import { OffsetOptions, Padding, Placement } from '@floating-ui/dom';
 import { Subject } from 'rxjs';
 import { AnimatedLifecycleDirective } from '../animated-lifecycle';
@@ -10,6 +11,7 @@ export interface AnimatedOverlayComponentBase {
     _elementRef?: ElementRef<HTMLElement>;
     _animatedLifecycle?: AnimatedLifecycleDirective;
     _markForCheck?: () => void;
+    _setThemeFromProvider?: (provider: ProvideThemeDirective) => void;
 }
 export declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponentBase> {
     private readonly _destroy$;
@@ -80,6 +82,7 @@ export declare class AnimatedOverlayDirective<T extends AnimatedOverlayComponent
         providers?: StaticProvider[];
         data?: Partial<T>;
         mirrorWidth?: boolean;
+        themeProvider?: ProvideThemeDirective | null;
     }): T | undefined;
     unmount(): void;
     beforeOpened(): Subject<void>;

package/lib/utils/angular.utils.d.ts

@@ -0,0 +1,3 @@
+import { Observable } from 'rxjs';
+import { TypedQueryList } from '../types';
+export declare function switchQueryListChanges(): <T extends TypedQueryList<unknown> | null | undefined>(source: Observable<T>) => Observable<T>;

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

@@ -1,4 +1,5 @@
 export * from './active-selection-model.utils';
+export * from './angular.utils';
 export * from './animation.utils';
 export * from './clamp.util';
 export * from './clone.util';

package/lib/utils/reactive-binding.util.d.ts

@@ -16,5 +16,16 @@ export interface ReactiveBindingResult {
     remove: (...attributes: string[]) => void;
     push: (value: ReactiveAttributes) => void;
 }
+/**
+ * @deprecated Use one of the following instead:
+ * - `signalHostAttributes`
+ * - `signalHostClasses`
+ * - `signalHostStyles`
+ * - `signalAttributes`
+ * - `signalClasses`
+ * - `signalStyles`
+ *
+ * Will be removed in v4.
+ */
 export declare const createReactiveBindings: (...values: ReactiveAttributes[]) => ReactiveBindingResult;
 export {};

package/lib/utils/selection-model.utils.d.ts

@@ -1,3 +1,5 @@
+import { Observable } from 'rxjs';
+import { TypedQueryList } from '../types';
 export type SelectionModelTypes = string | number | Record<string, unknown> | unknown;
 export type SelectionModelPropertyPath = string;
 export type SelectionModelOptionValueFn<T extends SelectionModelTypes = any> = (option: T) => unknown;
@@ -15,45 +17,52 @@ export type SelectionModelOptionValueFn<T extends SelectionModelTypes = any> = (
  */
 export type SelectionModelBinding<T extends SelectionModelTypes = any> = SelectionModelPropertyPath | SelectionModelOptionValueFn<T>;
 export declare class SelectionModel<T extends SelectionModelTypes = unknown> {
-    get selection$(): import("rxjs").Observable<T[]>;
+    get selection$(): Observable<T[]>;
     get selection(): T[];
     private readonly _selection$;
-    get options$(): import("rxjs").Observable<T[]>;
+    get options$(): Observable<T[]>;
     get options(): T[];
     private readonly _options$;
-    get valueBinding$(): import("rxjs").Observable<SelectionModelBinding<T> | null>;
+    get valueBinding$(): Observable<SelectionModelBinding<T> | null>;
     get valueBinding(): SelectionModelBinding<T> | null;
     private readonly _valueBinding$;
-    get keyBinding$(): import("rxjs").Observable<SelectionModelBinding<T> | null>;
+    get keyBinding$(): Observable<SelectionModelBinding<T> | null>;
     get keyBinding(): SelectionModelBinding<T> | null;
     private readonly _keyBinding$;
-    get labelBinding$(): import("rxjs").Observable<SelectionModelBinding<T> | null>;
+    get labelBinding$(): Observable<SelectionModelBinding<T> | null>;
     get labelBinding(): SelectionModelBinding<T> | null;
     private readonly _labelBinding$;
-    get allowMultiple$(): import("rxjs").Observable<boolean>;
+    get disabledBinding$(): Observable<SelectionModelBinding<T> | null>;
+    get disabledBinding(): SelectionModelBinding<T> | null;
+    private readonly _disabledBinding$;
+    get allowMultiple$(): Observable<boolean>;
     get allowMultiple(): boolean;
     private readonly _allowMultiple$;
-    get filter$(): import("rxjs").Observable<string>;
+    get filter$(): Observable<string>;
     get filter(): string;
     private readonly _filter$;
-    readonly value$: import("rxjs").Observable<unknown>;
-    readonly filteredOptions$: import("rxjs").Observable<T[]>;
+    readonly value$: Observable<unknown>;
+    readonly filteredOptions$: Observable<T[]>;
     private readonly _optionsAndSelection$;
     setSelection(selection: T | T[]): this;
     setValueBinding(fnOrPropertyPath: SelectionModelBinding<T> | null): this;
     setKeyBinding(fnOrPropertyPath: SelectionModelBinding<T> | null): this;
     setLabelBinding(fnOrPropertyPath: SelectionModelBinding<T> | null): this;
+    setDisabledBinding(fnOrPropertyPath: SelectionModelBinding<T> | null): this;
     setOptions(options: T[]): this;
+    setOptionsFromQueryList(queryList: TypedQueryList<T>): this;
+    setOptionsFromQueryList$(queryList$: Observable<TypedQueryList<T> | null | undefined>): this;
     setAllowMultiple(allowMultiple: boolean): this;
     setFilter(filter: string | null): void;
     reset(): void;
-    getOptionByValue$(value: unknown): import("rxjs").Observable<T | undefined>;
-    getOptionByLabel$(label: string): import("rxjs").Observable<T | undefined>;
-    getOptionByKey$(key: string): import("rxjs").Observable<T | undefined>;
-    isSelected$(option: T): import("rxjs").Observable<boolean>;
-    getLabel$(option: T): import("rxjs").Observable<unknown>;
-    getValue$(option: T): import("rxjs").Observable<unknown>;
-    getKey$(option: T): import("rxjs").Observable<unknown>;
+    getOptionByValue$(value: unknown): Observable<T | undefined>;
+    getOptionByLabel$(label: string): Observable<T | undefined>;
+    getOptionByKey$(key: string): Observable<T | undefined>;
+    isSelected$(option: T): Observable<boolean>;
+    isDisabled$(option: T): Observable<unknown>;
+    getLabel$(option: T): Observable<unknown>;
+    getValue$(option: T): Observable<unknown>;
+    getKey$(option: T): Observable<unknown>;
     getOptionByValue(value: unknown): T | undefined;
     getOptionByLabel(label: string): T | undefined;
     getOptionByKey(key: string): T | undefined;
@@ -75,9 +84,11 @@ export declare class SelectionModel<T extends SelectionModelTypes = unknown> {
     getLabel(option: T): unknown;
     getValue(option: T): unknown;
     getKey(option: T): unknown;
+    getDisabled(option: T): unknown;
     execFnOrGetOptionProperty(option: T, fnOrPropertyPath: SelectionModelBinding<T> | null): unknown;
     getOptionProperty(option: T, propertyPath: string | null): unknown;
     isSelected(option: T): boolean;
+    isDisabled(option: T): unknown;
     getFilteredOptions(filter?: string, options?: T[]): T[];
     addSelectedOption(option: T): void;
     removeSelectedOption(option: T): void;

package/lib/utils/signal.utils.d.ts

@@ -1,7 +1,42 @@
-import { Signal } from '@angular/core';
-export declare const signalClasses: <T extends Record<string, Signal<unknown>>>(el: HTMLElement, classMap: T) => void;
-export declare const signalHostClasses: <T extends Record<string, Signal<unknown>>>(classMap: T) => void;
-export declare const signalAttributes: <T extends Record<string, Signal<unknown>>>(el: HTMLElement, attributeMap: T) => void;
-export declare const signalHostAttributes: <T extends Record<string, Signal<unknown>>>(attributeMap: T) => void;
-export declare const signalStyle: <T extends Record<string, Signal<unknown>>>(el: HTMLElement, styleMap: T) => void;
-export declare const signalHostStyle: <T extends Record<string, Signal<unknown>>>(styleMap: T) => void;
+import { ElementRef, Signal } from '@angular/core';
+import { Observable, map } from 'rxjs';
+type SignalElementBindingType = HTMLElement | ElementRef<HTMLElement> | Observable<HTMLElement | ElementRef<HTMLElement> | null | undefined> | Signal<HTMLElement | ElementRef<HTMLElement> | null | undefined>;
+export declare const buildSignalEffects: <T extends Record<string, Signal<unknown>>>(config: {
+    map: T;
+    eachItemFn: (pair: {
+        key: string;
+        value: unknown;
+    }) => void;
+    cleanupFn: (pair: {
+        key: string;
+        value: unknown;
+    }) => void;
+}) => {
+    remove: (...tokens: string[]) => void;
+    has: (token: string) => boolean;
+};
+export declare const signalClasses: <T extends Record<string, Signal<unknown>>>(el: SignalElementBindingType, classMap: T) => {
+    remove: (...tokens: string[]) => void;
+    has: (token: string) => boolean;
+};
+export declare const signalHostClasses: <T extends Record<string, Signal<unknown>>>(classMap: T) => {
+    remove: (...tokens: string[]) => void;
+    has: (token: string) => boolean;
+};
+export declare const signalAttributes: <T extends Record<string, Signal<unknown>>>(el: SignalElementBindingType, attributeMap: T) => {
+    remove: (...tokens: string[]) => void;
+    has: (token: string) => boolean;
+};
+export declare const signalHostAttributes: <T extends Record<string, Signal<unknown>>>(attributeMap: T) => {
+    remove: (...tokens: string[]) => void;
+    has: (token: string) => boolean;
+};
+export declare const signalStyles: <T extends Record<string, Signal<unknown>>>(el: SignalElementBindingType, styleMap: T) => {
+    remove: (...tokens: string[]) => void;
+    has: (token: string) => boolean;
+};
+export declare const signalHostStyles: <T extends Record<string, Signal<unknown>>>(styleMap: T) => {
+    remove: (...tokens: string[]) => void;
+    has: (token: string) => boolean;
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/core",
-  "version": "3.10.0",
+  "version": "3.11.1",
   "dependencies": {
     "tslib": "^2.5.0"
   },
@@ -10,7 +10,8 @@
     "@angular/platform-browser": "16.2.5",
     "@ethlete/types": "1.4.0",
     "rxjs": "7.8.1",
-    "@angular/cdk": "16.2.6",
+    "@angular/cdk": "16.2.7",
+    "@ethlete/theming": "2.2.1",
     "@floating-ui/dom": "1.5.3",
     "@angular/router": "16.2.5",
     "@angular/forms": "16.2.5"