@ethlete/core 4.21.4 → 4.22.0

package/fesm2022/ethlete-core.mjs

@@ -2803,12 +2803,6 @@ const controlValueSignalWithPrevious = (control, options) => {
  * @deprecated Use `controlValueSignal` instead with `debounceTime` set to `300` and `debounceFirst` set to `true`.
  */
 const debouncedControlValueSignal = (control, options) => controlValueSignal(control, options ?? { debounceTime: 300, debounceFirst: true });
-const injectOrRunInContext = (fn, config) => {
-    if (config?.injector) {
-        return runInInjectionContext(config.injector, fn);
-    }
-    return fn();
-};
 const transformOrReturn = (src, config) => {
     const transformer = config?.transform;
     if (transformer) {
@@ -2816,61 +2810,166 @@ const transformOrReturn = (src, config) => {
     }
     return src;
 };
+/** Inject the current router event */
+const injectRouterEvent = () => {
+    const router = inject(Router);
+    return toSignal(router.events, { initialValue: null });
+};
+/**
+ * Inject the current url.
+ * The url includes query params as well as the fragment. Use `injectRoute` instead if you are not intrusted in those.
+ * @example "/my-page?query=1&param=true#fragment"
+ */
+const injectUrl = () => {
+    const event = injectRouterEvent();
+    const router = inject(Router);
+    const url = signal(router.url);
+    effect(() => {
+        const currentEvent = event();
+        untracked(() => {
+            if (currentEvent instanceof NavigationEnd) {
+                url.set(currentEvent.urlAfterRedirects);
+            }
+        });
+    });
+    return url.asReadonly();
+};
+/**
+ * Inject the current route
+ * @example "/my-page"
+ */
+const injectRoute = () => {
+    const url = injectUrl();
+    return computed(() => {
+        const fullUrl = url();
+        const urlWithoutQueryParams = fullUrl.split('?')[0] ?? '';
+        const withoutFragment = urlWithoutQueryParams.split('#')[0] ?? '';
+        return withoutFragment;
+    });
+};
+const createRouterState = (router) => {
+    let route = router.routerState.snapshot.root;
+    while (route.firstChild) {
+        route = route.firstChild;
+    }
+    const { data, params, queryParams, title, fragment } = route;
+    return {
+        data,
+        pathParams: params,
+        queryParams,
+        title: title ?? null,
+        fragment,
+    };
+};
+/**
+ * Inject the complete router state. This includes the current route data, path params, query params, title and fragment.
+ */
+const injectRouterState = () => {
+    const url = injectUrl();
+    const router = inject(Router);
+    const routerState = signal(createRouterState(router));
+    effect(() => {
+        url();
+        untracked(() => routerState.set(createRouterState(router)));
+    });
+    return routerState.asReadonly();
+};
 /** Inject a signal containing the current route fragment (the part after the # inside the url if present) */
 const injectFragment = (config) => {
-    return injectOrRunInContext(() => {
-        const routerStateService = inject(RouterStateService);
-        const src = toSignal(routerStateService.fragment$, { initialValue: routerStateService.fragment });
-        return transformOrReturn(src, config);
-    }, config);
+    const routerState = injectRouterState();
+    const fragment = computed(() => routerState().fragment);
+    return transformOrReturn(fragment, config);
 };
 /** Inject all currently available query parameters as a signal */
-const injectQueryParams = (config) => {
-    return injectOrRunInContext(() => {
-        const routerStateService = inject(RouterStateService);
-        return toSignal(routerStateService.queryParams$, { initialValue: routerStateService.queryParams });
-    }, config);
+const injectQueryParams = () => {
+    const routerState = injectRouterState();
+    const queryParams = computed(() => routerState().queryParams);
+    return queryParams;
 };
 /** Inject all currently available route data as a signal */
-const injectRouteData = (config) => {
-    return injectOrRunInContext(() => {
-        const routerStateService = inject(RouterStateService);
-        return toSignal(routerStateService.data$, { initialValue: routerStateService.data });
-    }, config);
+const injectRouteData = () => {
+    const routerState = injectRouterState();
+    const data = computed(() => routerState().data);
+    return data;
 };
 /** Inject the current route title as a signal */
 const injectRouteTitle = (config) => {
-    return injectOrRunInContext(() => {
-        const routerStateService = inject(RouterStateService);
-        const src = toSignal(routerStateService.title$, { initialValue: routerStateService.title });
-        return transformOrReturn(src, config);
-    }, config);
+    const routerState = injectRouterState();
+    const title = computed(() => routerState().title);
+    return transformOrReturn(title, config);
 };
 /** Inject all currently available path parameters as a signal */
-const injectPathParams = (config) => {
-    return injectOrRunInContext(() => {
-        const routerStateService = inject(RouterStateService);
-        return toSignal(routerStateService.pathParams$, { initialValue: routerStateService.pathParams });
-    }, config);
+const injectPathParams = () => {
+    const routerState = injectRouterState();
+    const pathParams = computed(() => routerState().pathParams);
+    return pathParams;
 };
 /** Inject a specific query parameter as a signal */
 const injectQueryParam = (key, config) => {
-    const queryParams = injectQueryParams(config);
+    const queryParams = injectQueryParams();
     const src = computed(() => queryParams()[key] ?? null);
     return transformOrReturn(src, config);
 };
 /** Inject a specific route data item as a signal */
 const injectRouteDataItem = (key, config) => {
-    const data = injectRouteData(config);
+    const data = injectRouteData();
     const src = computed(() => data()[key] ?? null);
     return transformOrReturn(src, config);
 };
 /** Inject a specific path parameter as a signal */
 const injectPathParam = (key, config) => {
-    const pathParams = injectPathParams(config);
+    const pathParams = injectPathParams();
     const src = computed(() => pathParams()[key] ?? null);
     return transformOrReturn(src, config);
 };
+/**
+ * Inject query params that changed during navigation. Unchanged query params will be ignored.
+ * Removed query params will be represented by the symbol `ET_PROPERTY_REMOVED`.
+ */
+const injectQueryParamChanges = () => {
+    const queryParams = injectQueryParams();
+    const prevQueryParams = previousSignalValue(queryParams);
+    return computed(() => {
+        const current = queryParams();
+        const previous = prevQueryParams() ?? {};
+        const changes = {};
+        const allKeys = new Set([
+            ...Object.keys(previous),
+            ...Object.keys(current),
+        ]);
+        for (const key of allKeys) {
+            if (!equal(previous[key], current[key])) {
+                const val = current[key] === undefined ? ET_PROPERTY_REMOVED : current[key];
+                changes[key] = val;
+            }
+        }
+        return changes;
+    });
+};
+/**
+ * Inject path params that changed during navigation. Unchanged path params will be ignored.
+ * Removed path params will be represented by the symbol `ET_PROPERTY_REMOVED`.
+ */
+const injectPathParamChanges = () => {
+    const pathParams = injectPathParams();
+    const prevPathParams = previousSignalValue(pathParams);
+    return computed(() => {
+        const current = pathParams();
+        const previous = prevPathParams() ?? {};
+        const changes = {};
+        const allKeys = new Set([
+            ...Object.keys(previous),
+            ...Object.keys(current),
+        ]);
+        for (const key of allKeys) {
+            if (!equal(previous[key], current[key])) {
+                const val = current[key] === undefined ? ET_PROPERTY_REMOVED : current[key];
+                changes[key] = val;
+            }
+        }
+        return changes;
+    });
+};
 const createIsRenderedSignal = () => {
     const value = signal(false);
     nextFrame(() => {
@@ -5804,5 +5903,5 @@ const Validators = {
  * Generated bundle index. Do not edit.
  */
 
-export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AT_LEAST_ONE_REQUIRED, ActiveSelectionModel, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, CURSOR_DRAG_SCROLLING_CLASS, CURSOR_DRAG_SCROLLING_PREPARED_CLASS, ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEBUG_TOKEN, DEFAULT_VIEWPORT_CONFIG, DELAYABLE_TOKEN, DebugDirective, DelayableDirective, ET_PROPERTY_REMOVED, FocusVisibleService, IS_ACTIVE_ELEMENT, IS_ARRAY_NOT_EMPTY, IS_ELEMENT, IS_EMAIL, InferMimeTypePipe, IntersectionObserverFactory, IntersectionObserverService, IsActiveElementDirective, IsArrayNotEmpty, IsElementDirective, IsEmail, KeyPressManager, LetContext, LetDirective, MUST_MATCH, Memo, MustMatch, MutationObserverFactory, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OBSERVE_SCROLL_STATE, OBSERVE_VISIBILITY_TOKEN, ObserveContentDirective, ObserveResizeDirective, ObserveScrollStateDirective, ObserveVisibilityDirective, PropsDirective, ROOT_BOUNDARY_TOKEN, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeObserverFactory, ResizeObserverService, RootBoundaryDirective, RouterStateService, RuntimeError, SCROLL_OBSERVER_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_IGNORE_TARGET_CLASS, SCROLL_OBSERVER_LAST_ELEMENT_CLASS, SCROLL_OBSERVER_OBSERVING_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_OBSERVING_LAST_ELEMENT_CLASS, SEO_DIRECTIVE_TOKEN, ScrollObserverFirstElementDirective, ScrollObserverIgnoreTargetDirective, ScrollObserverLastElementDirective, SelectionModel, SeoDirective, SmartBlockScrollStrategy, StructuredDataComponent, ToArrayPipe, TypedQueryList, VIEWPORT_CONFIG, ValidateAtLeastOneRequired, Validators, ViewportService, areScrollStatesEqual, bindProps, boundingClientRectToElementRect, buildSignalEffects, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, createCanAnimateSignal, createComponentId, createDependencyStash, createDestroy, createElementDictionary, createElementDimensions, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createMediaQueryObservable, createMutationObservable, createPropHandlers, createProps, createReactiveBindings, createResizeObservable, createSetup, debouncedControlValueSignal, deferredSignal, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getIntersectionInfo, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, hasCookie, inferMimeType, injectBreakpointIsMatched, injectCurrentBreakpoint, injectFragment, injectHostElement, injectIs2Xl, injectIsLg, injectIsMd, injectIsSm, injectIsXl, injectIsXs, injectObserveBreakpoint, injectOrRunInContext, injectPathParam, injectPathParams, injectQueryParam, injectQueryParams, injectRouteData, injectRouteDataItem, injectRouteTitle, injectTemplateRef, isArray, isElementVisible, isEmptyArray, isGroupMatch, isKnockoutMatch, isObject, isObjectArray, isPrimitiveArray, maybeSignalValue, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, previousSignalValue, provideViewportConfig, round, routerDisableScrollTop, scrollToElement, setCookie, signalAttributes, signalClasses, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, signalVisibilityChangeClasses, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, transformOrReturn, unbindProps, useCursorDragScroll };
+export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AT_LEAST_ONE_REQUIRED, ActiveSelectionModel, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, CURSOR_DRAG_SCROLLING_CLASS, CURSOR_DRAG_SCROLLING_PREPARED_CLASS, ClickObserverFactory, ClickObserverService, ClickOutsideDirective, ContentObserverService, CursorDragScrollDirective, DEBUG_TOKEN, DEFAULT_VIEWPORT_CONFIG, DELAYABLE_TOKEN, DebugDirective, DelayableDirective, ET_PROPERTY_REMOVED, FocusVisibleService, IS_ACTIVE_ELEMENT, IS_ARRAY_NOT_EMPTY, IS_ELEMENT, IS_EMAIL, InferMimeTypePipe, IntersectionObserverFactory, IntersectionObserverService, IsActiveElementDirective, IsArrayNotEmpty, IsElementDirective, IsEmail, KeyPressManager, LetContext, LetDirective, MUST_MATCH, Memo, MustMatch, MutationObserverFactory, NormalizeGameResultTypePipe, NormalizeMatchParticipantsPipe, NormalizeMatchScorePipe, NormalizeMatchStatePipe, NormalizeMatchTypePipe, OBSERVE_SCROLL_STATE, OBSERVE_VISIBILITY_TOKEN, ObserveContentDirective, ObserveResizeDirective, ObserveScrollStateDirective, ObserveVisibilityDirective, PropsDirective, ROOT_BOUNDARY_TOKEN, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeObserverFactory, ResizeObserverService, RootBoundaryDirective, RouterStateService, RuntimeError, SCROLL_OBSERVER_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_IGNORE_TARGET_CLASS, SCROLL_OBSERVER_LAST_ELEMENT_CLASS, SCROLL_OBSERVER_OBSERVING_FIRST_ELEMENT_CLASS, SCROLL_OBSERVER_OBSERVING_LAST_ELEMENT_CLASS, SEO_DIRECTIVE_TOKEN, ScrollObserverFirstElementDirective, ScrollObserverIgnoreTargetDirective, ScrollObserverLastElementDirective, SelectionModel, SeoDirective, SmartBlockScrollStrategy, StructuredDataComponent, ToArrayPipe, TypedQueryList, VIEWPORT_CONFIG, ValidateAtLeastOneRequired, Validators, ViewportService, areScrollStatesEqual, bindProps, boundingClientRectToElementRect, buildSignalEffects, clamp, clone, cloneFormGroup, computedTillFalsy, computedTillTruthy, controlValueSignal, controlValueSignalWithPrevious, createCanAnimateSignal, createComponentId, createDependencyStash, createDestroy, createElementDictionary, createElementDimensions, createFlipAnimation, createFlipAnimationGroup, createHostProps, createIsRenderedSignal, createMediaQueryObservable, createMutationObservable, createPropHandlers, createProps, createReactiveBindings, createResizeObservable, createSetup, debouncedControlValueSignal, deferredSignal, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementScrollCoordinates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getIntersectionInfo, getKnockoutMatchScore, getMatchScoreSubLine, getObjectProperty, hasCookie, inferMimeType, injectBreakpointIsMatched, injectCurrentBreakpoint, injectFragment, injectHostElement, injectIs2Xl, injectIsLg, injectIsMd, injectIsSm, injectIsXl, injectIsXs, injectObserveBreakpoint, injectPathParam, injectPathParamChanges, injectPathParams, injectQueryParam, injectQueryParamChanges, injectQueryParams, injectRoute, injectRouteData, injectRouteDataItem, injectRouteTitle, injectRouterEvent, injectRouterState, injectTemplateRef, injectUrl, isArray, isElementVisible, isEmptyArray, isGroupMatch, isKnockoutMatch, isObject, isObjectArray, isPrimitiveArray, maybeSignalValue, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, previousSignalValue, provideViewportConfig, round, routerDisableScrollTop, scrollToElement, setCookie, signalAttributes, signalClasses, signalElementChildren, signalElementDimensions, signalElementIntersection, signalElementMutations, signalElementScrollState, signalHostAttributes, signalHostClasses, signalHostElementDimensions, signalHostElementIntersection, signalHostElementMutations, signalHostElementScrollState, signalHostStyles, signalIsRendered, signalStyles, signalVisibilityChangeClasses, switchQueryListChanges, syncSignal, templateComputed, toArray, toArrayTrackByFn, transformOrReturn, unbindProps, useCursorDragScroll };
 //# sourceMappingURL=ethlete-core.mjs.map