ng-hub-ui-utils 1.1.0 → 1.2.0

package/fesm2022/ng-hub-ui-utils.mjs

@@ -1,7 +1,7 @@
-import { fromEvent, Observable, EMPTY, of, Subject, timer, race, isObservable } from 'rxjs';
+import { fromEvent, Observable, Subject, isObservable, EMPTY, of, timer, race } from 'rxjs';
 import { takeUntil, map, filter, withLatestFrom, endWith, take, mergeMap, tap } from 'rxjs/operators';
 import * as i0 from '@angular/core';
-import { ElementRef, TemplateRef, createComponent, inject, ApplicationRef, Injectable, Injector, ViewContainerRef, NgZone, Pipe, ChangeDetectorRef } from '@angular/core';
+import { InjectionToken, inject, Injectable, ElementRef, TemplateRef, createComponent, ApplicationRef, Pipe, ChangeDetectorRef, Injector, ViewContainerRef, NgZone } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
 
 const FOCUSABLE_ELEMENTS_SELECTOR = [
@@ -60,6 +60,274 @@ const hubFocusTrap = (zone, element, stopFocusTrap$, refocusOnClick = false) =>
     });
 };
 
+/**
+ * Converts a value to an integer using parseInt.
+ *
+ * @param {any} value - The `value` parameter in the `toInteger` function is the input value that needs to be converted to an
+ * integer.
+ *
+ * @returns Is returning the parsed integer value of the input `value`.
+ */
+function toInteger(value) {
+    return parseInt(`${value}`, 10);
+}
+function toString(value) {
+    return value !== undefined && value !== null ? `${value}` : '';
+}
+function getValueInRange(value, max, min = 0) {
+    return Math.max(Math.min(value, max), min);
+}
+function isString(value) {
+    return typeof value === 'string';
+}
+function isNumber(value) {
+    return !isNaN(toInteger(value));
+}
+function isInteger(value) {
+    return (typeof value === 'number' &&
+        isFinite(value) &&
+        Math.floor(value) === value);
+}
+function isDefined(value) {
+    return value !== undefined && value !== null;
+}
+/**
+ * Determines if two objects or values are equivalent.
+ *
+ * @param o1 Object or value to compare.
+ * @param o2 Object or value to compare.
+ * @returns true if arguments are equal.
+ */
+function equals(o1, o2) {
+    if (o1 === o2) {
+        return true;
+    }
+    if (o1 === null || o2 === null) {
+        return false;
+    }
+    if (o1 !== o1 && o2 !== o2) {
+        return true;
+    } // NaN === NaN
+    let t1 = typeof o1, t2 = typeof o2, length, key, keySet;
+    if (t1 == t2 && t1 == 'object') {
+        if (Array.isArray(o1)) {
+            if (!Array.isArray(o2)) {
+                return false;
+            }
+            if ((length = o1.length) == o2.length) {
+                for (key = 0; key < length; key++) {
+                    if (!equals(o1[key], o2[key])) {
+                        return false;
+                    }
+                }
+                return true;
+            }
+        }
+        else {
+            if (Array.isArray(o2)) {
+                return false;
+            }
+            keySet = Object.create(null);
+            for (key in o1) {
+                if (!equals(o1[key], o2[key])) {
+                    return false;
+                }
+                keySet[key] = true;
+            }
+            for (key in o2) {
+                if (!(key in keySet) && typeof o2[key] !== 'undefined') {
+                    return false;
+                }
+            }
+            return true;
+        }
+    }
+    return false;
+}
+/**
+ * Checks if a value is a Promise.
+ *
+ * @param {any} v - The parameter `v` in the `isPromise` function represents any value that is being checked to determine if it is
+ * a Promise.
+ *
+ * @returns A boolean value indicating whether the input `v` is a Promise or not. If `v` has a `then` property, it is considered
+ * a Promise and the function returns `true`. Otherwise, it returns `false`.
+ */
+function isPromise(v) {
+    return v && v.then;
+}
+/**
+ * Pads a number with a leading zero if it is a valid number.
+ *
+ * @param {number} value - The `padNumber` function takes a number as input and pads it with a leading zero if it is a valid
+ * number. If the input is not a number, it returns an empty string.
+ *
+ * @returns Takes a number as input and pads it with a leading zero if it is a valid number. If the input is a number, the function
+ * returns the input value padded with a leading zero and sliced to keep only the last two characters. If the input is not a number,
+ * an empty string is returned.
+ */
+function padNumber(value) {
+    if (isNumber(value)) {
+        return `0${value}`.slice(-2);
+    }
+    else {
+        return '';
+    }
+}
+/**
+ * Escapes special characters in a given text to be used in a regular expression.
+ *
+ * @param text - The `regExpEscape` function takes a `text` parameter as input. This function is designed to escape special
+ * characters in a given text so that it can be safely used within a regular expression pattern.
+ *
+ * @returns A new string with any special characters in the input `text` escaped with a backslash.
+ */
+function regExpEscape(text) {
+    return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
+}
+function closest(element, selector) {
+    if (!selector) {
+        return null;
+    }
+    /*
+     * In certain browsers (e.g. Edge 44.18362.449.0) HTMLDocument does
+     * not support `Element.prototype.closest`. To emulate the correct behaviour
+     * we return null when the method is missing.
+     *
+     * Note that in evergreen browsers `closest(document.documentElement, 'html')`
+     * will return the document element whilst in Edge null will be returned. This
+     * compromise was deemed good enough.
+     */
+    if (typeof element.closest === 'undefined') {
+        return null;
+    }
+    return element.closest(selector);
+}
+/**
+ * Force a browser reflow
+ *
+ * @param element element where to apply the reflow
+ */
+function reflow(element) {
+    return (element || document.body).getBoundingClientRect();
+}
+/**
+ * Creates an observable where all callbacks are executed inside a given zone
+ *
+ * @param zone
+ */
+function runInZone(zone) {
+    return (source) => {
+        return new Observable((observer) => {
+            const next = (value) => zone.run(() => observer.next(value));
+            const error = (e) => zone.run(() => observer.error(e));
+            const complete = () => zone.run(() => observer.complete());
+            return source.subscribe({ next, error, complete });
+        });
+    };
+}
+function removeAccents(str) {
+    return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+}
+/**
+ * Replaces placeholders in a string with corresponding values from a given object.
+ *
+ * @param expr a string that represents the expression to be interpolated.
+ * @param params an optional object that contains the values to be interpolated into the expr string.
+ * @returns the interpolated string.
+ */
+function interpolateString(expr = '', params = {}, templateMatcher = /{{\s?([^{}\s]*)\s?}}/g) {
+    if (!params) {
+        return expr;
+    }
+    return expr.replace(templateMatcher, (substring, b) => {
+        let r = getValue(params, b);
+        return isDefined(r) ? r : substring;
+    });
+}
+/**
+ * Retrieves the value of a nested property from an object using dot notation.
+ *
+ * @param target the object from which you want to retrieve a value.
+ * @param key a string that represents the property or nested properties of the target object.
+ * @returns the value of the specified key in the target object.
+ */
+function getValue(target, key) {
+    let keys = typeof key === 'string' ? key.split('.') : [key];
+    key = '';
+    do {
+        key += keys.shift();
+        if (isDefined(target) &&
+            isDefined(target[key]) &&
+            (typeof target[key] === 'object' || !keys.length)) {
+            target = target[key];
+            key = '';
+        }
+        else if (!keys.length) {
+            target = undefined;
+        }
+        else {
+            key += '.';
+        }
+    } while (keys.length);
+    return target;
+}
+/**
+ * Returns the active element in the given root.
+ *
+ * If the active element is inside a shadow root, it is searched recursively.
+ */
+function getActiveElement(root = document) {
+    const activeEl = root?.activeElement;
+    if (!activeEl) {
+        return null;
+    }
+    return activeEl.shadowRoot
+        ? getActiveElement(activeEl.shadowRoot)
+        : activeEl;
+}
+
+const HUB_TRANSLATION_CONFIG = new InjectionToken('HUB_TRANSLATION_CONFIG');
+
+class HubTranslationService {
+    #config = inject(HUB_TRANSLATION_CONFIG, { optional: true }) ?? {};
+    defaultTranslations = this.#config.dictionaries ?? {};
+    translations;
+    translationSource = new Subject();
+    translationObserver = this.translationSource.asObservable();
+    constructor() {
+        this.initialize();
+    }
+    initialize() {
+        const language = this.#config.language ?? this.#config.fallbackLanguage ?? 'en';
+        const fallbackLanguage = this.#config.fallbackLanguage ?? 'en';
+        const fallbackTranslations = this.defaultTranslations[fallbackLanguage] ?? {};
+        const selectedTranslations = this.defaultTranslations[language] ?? fallbackTranslations;
+        this.setTranslations(selectedTranslations);
+    }
+    /**
+     * Retrieves a value from a translations object based on a given key.
+     */
+    getTranslation(key) {
+        return getValue(this.translations, key);
+    }
+    /**
+     * Merges fallback translations with the provided translations and updates observers.
+     */
+    setTranslations(translations = {}) {
+        const fallbackLanguage = this.#config.fallbackLanguage ?? 'en';
+        const fallbackTranslations = this.defaultTranslations[fallbackLanguage] ?? {};
+        const nextTranslations = translations ?? {};
+        this.translations = { ...fallbackTranslations, ...nextTranslations };
+        this.translationSource.next(this.translations);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: HubTranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: HubTranslationService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: HubTranslationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
 /**
  * Positions an overlay container relative to an origin element.
  * The first configured position that fits within the viewport is applied.
@@ -446,136 +714,251 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
                 }]
         }] });
 
-/**
- * Converts a value to an integer using parseInt.
- *
- * @param {any} value - The `value` parameter in the `toInteger` function is the input value that needs to be converted to an
- * integer.
- *
- * @returns Is returning the parsed integer value of the input `value`.
- */
-function toInteger(value) {
-    return parseInt(`${value}`, 10);
-}
-function toString(value) {
-    return value !== undefined && value !== null ? `${value}` : '';
-}
-function getValueInRange(value, max, min = 0) {
-    return Math.max(Math.min(value, max), min);
+class GetPipe {
+    /**
+     * @param value The object to retrieve the property from.
+     * @param path The dot-separated path string to the property.
+     * @param defaultValue The value to return if the property is not found.
+     */
+    transform(value, path, defaultValue) {
+        if (typeof path !== 'string') {
+            return value;
+        }
+        return path
+            .split('.')
+            .reduce((a, c) => a && a[c] !== null && a[c] !== undefined
+            ? a[c]
+            : defaultValue || null, value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: GetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: GetPipe, isStandalone: true, name: "get" });
 }
-function isString(value) {
-    return typeof value === 'string';
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: GetPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'get',
+                    standalone: true
+                }]
+        }] });
+
+class IsObjectPipe {
+    transform(value) {
+        return typeof value === 'object';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IsObjectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: IsObjectPipe, isStandalone: true, name: "isObject" });
 }
-function isNumber(value) {
-    return !isNaN(toInteger(value));
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IsObjectPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'isObject'
+                }]
+        }] });
+
+class IsObservablePipe {
+    transform(value) {
+        return isObservable(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IsObservablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: IsObservablePipe, isStandalone: true, name: "isObservable" });
 }
-function isInteger(value) {
-    return (typeof value === 'number' &&
-        isFinite(value) &&
-        Math.floor(value) === value);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IsObservablePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'isObservable',
+                    standalone: true
+                }]
+        }] });
+
+class IsStringPipe {
+    transform(value) {
+        return typeof value === 'string';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IsStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: IsStringPipe, isStandalone: true, name: "isString" });
 }
-function isDefined(value) {
-    return value !== undefined && value !== null;
-}
-/**
- * Checks if a value is a Promise.
- *
- * @param {any} v - The parameter `v` in the `isPromise` function represents any value that is being checked to determine if it is
- * a Promise.
- *
- * @returns A boolean value indicating whether the input `v` is a Promise or not. If `v` has a `then` property, it is considered
- * a Promise and the function returns `true`. Otherwise, it returns `false`.
- */
-function isPromise(v) {
-    return v && v.then;
-}
-/**
- * Pads a number with a leading zero if it is a valid number.
- *
- * @param {number} value - The `padNumber` function takes a number as input and pads it with a leading zero if it is a valid
- * number. If the input is not a number, it returns an empty string.
- *
- * @returns Takes a number as input and pads it with a leading zero if it is a valid number. If the input is a number, the function
- * returns the input value padded with a leading zero and sliced to keep only the last two characters. If the input is not a number,
- * an empty string is returned.
- */
-function padNumber(value) {
-    if (isNumber(value)) {
-        return `0${value}`.slice(-2);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IsStringPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'isString'
+                }]
+        }] });
+
+class TranslatePipe {
+    _ref = inject(ChangeDetectorRef);
+    _translationSvc = inject(HubTranslationService);
+    value = '';
+    lastKey = null;
+    lastParams = [];
+    translationSubscription;
+    /**
+     * Updates the value of a key by interpolating the translation and marking for change detection.
+     */
+    updateValue(key, interpolateParams) {
+        const value = interpolateString(this._translationSvc.getTranslation(key), interpolateParams);
+        this.value = value !== undefined ? value : key;
+        this.lastKey = key;
+        this._ref.markForCheck();
     }
-    else {
-        return '';
+    /**
+     * Transforms a translation key with optional interpolation params.
+     */
+    transform(query, ...args) {
+        if (!query || !query.length) {
+            return query;
+        }
+        // If we ask another time for the same key, return the last value.
+        if (equals(query, this.lastKey) && equals(args, this.lastParams)) {
+            return this.value;
+        }
+        let interpolateParams = undefined;
+        if (isDefined(args[0]) && args.length) {
+            if (typeof args[0] === 'string' && args[0].length) {
+                // We accept objects written in the template such as {n:1}, {'n':1}, {n:'v'}.
+                // This converts them to valid JSON.
+                let validArgs = args[0]
+                    .replace(/(\')?([a-zA-Z0-9_]+)(\')?(\s)?:/g, '"$2":')
+                    .replace(/:(\s)?(\')(.*?)(\')/g, ':"$3"');
+                try {
+                    interpolateParams = JSON.parse(validArgs);
+                }
+                catch (e) {
+                    throw new SyntaxError(`Wrong parameter in TranslatePipe. Expected a valid Object, received: ${args[0]}`);
+                }
+            }
+            else if (typeof args[0] === 'object' && !Array.isArray(args[0])) {
+                interpolateParams = args[0];
+            }
+        }
+        // Store the query, in case it changes.
+        this.lastKey = query;
+        // Store the params, in case they change.
+        this.lastParams = args;
+        // Set the value.
+        this.updateValue(query, interpolateParams);
+        // Clean any existing subscription.
+        this._dispose();
+        if (!this.translationSubscription) {
+            this.translationSubscription =
+                this._translationSvc.translationObserver.subscribe(() => {
+                    if (this.lastKey) {
+                        this.lastKey = null;
+                        this.updateValue(query, interpolateParams);
+                    }
+                });
+        }
+        return this.value;
+    }
+    /**
+     * Clean any existing subscription to change events.
+     */
+    _dispose() {
+        if (typeof this.translationSubscription !== 'undefined') {
+            this.translationSubscription.unsubscribe();
+            this.translationSubscription = undefined;
+        }
+    }
+    ngOnDestroy() {
+        this._dispose();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: TranslatePipe, isStandalone: true, name: "translate", pure: false });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: TranslatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'translate',
+                    standalone: true,
+                    pure: false
+                }]
+        }] });
+
+class UcfirstPipe {
+    transform(value = '') {
+        return value.charAt(0).toUpperCase() + value.slice(1);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: UcfirstPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: UcfirstPipe, isStandalone: true, name: "ucfirst" });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: UcfirstPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'ucfirst',
+                    standalone: true
+                }]
+        }] });
+
 /**
- * Escapes special characters in a given text to be used in a regular expression.
+ * A standalone pipe that unwraps the value of an observable or returns the value directly if it's not an observable.
  *
- * @param text - The `regExpEscape` function takes a `text` parameter as input. This function is designed to escape special
- * characters in a given text so that it can be safely used within a regular expression pattern.
+ * @description
+ * The `UnwrapAsyncPipe` is used to unwrap the value emitted by an observable or return the value directly if it's not an observable.
+ * It subscribes to the observable and returns the emitted value. If the input is not an observable, it simply returns the value.
  *
- * @returns A new string with any special characters in the input `text` escaped with a backslash.
+ * @usageNotes
+ * ```html
+ * <div>{{ observableOrValue | unwrapAsync }}</div>
+ * ```
+ *
+ * @publicApi
  */
-function regExpEscape(text) {
-    return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
-}
-function closest(element, selector) {
-    if (!selector) {
-        return null;
+class UnwrapAsyncPipe {
+    #cdr = inject(ChangeDetectorRef);
+    /**
+     * The unwrapped value of the observable or the direct value.
+     */
+    value = null;
+    /**
+     * The subscription to the observable.
+     */
+    subscription = null;
+    /**
+     * Performs cleanup tasks when the pipe is destroyed.
+     */
+    ngOnDestroy() {
+        this.unsubscribe();
     }
-    /*
-     * In certain browsers (e.g. Edge 44.18362.449.0) HTMLDocument does
-     * not support `Element.prototype.closest`. To emulate the correct behaviour
-     * we return null when the method is missing.
+    /**
+     * Transforms the input value.
      *
-     * Note that in evergreen browsers `closest(document.documentElement, 'html')`
-     * will return the document element whilst in Edge null will be returned. This
-     * compromise was deemed good enough.
+     * @param value The input value to transform. It can be an observable or a direct value.
+     * @returns The unwrapped value of the observable or the direct value.
      */
-    if (typeof element.closest === 'undefined') {
-        return null;
+    transform(value) {
+        if (value instanceof Observable) {
+            this.unsubscribe();
+            this.subscription = value.subscribe((result) => {
+                this.value = result;
+                this.#cdr.markForCheck();
+            });
+        }
+        else {
+            // Clean up subscription when switching to direct value
+            this.unsubscribe();
+            this.value = value;
+        }
+        return this.value;
     }
-    return element.closest(selector);
-}
-/**
- * Force a browser reflow
- *
- * @param element element where to apply the reflow
- */
-function reflow(element) {
-    return (element || document.body).getBoundingClientRect();
-}
-/**
- * Creates an observable where all callbacks are executed inside a given zone
- *
- * @param zone
- */
-function runInZone(zone) {
-    return (source) => {
-        return new Observable((observer) => {
-            const next = (value) => zone.run(() => observer.next(value));
-            const error = (e) => zone.run(() => observer.error(e));
-            const complete = () => zone.run(() => observer.complete());
-            return source.subscribe({ next, error, complete });
-        });
-    };
-}
-function removeAccents(str) {
-    return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
-}
-/**
- * Returns the active element in the given root.
- *
- * If the active element is inside a shadow root, it is searched recursively.
- */
-function getActiveElement(root = document) {
-    const activeEl = root?.activeElement;
-    if (!activeEl) {
-        return null;
+    /**
+     * Unsubscribes from the current subscription.
+     */
+    unsubscribe() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+            this.subscription = null;
+        }
     }
-    return activeEl.shadowRoot
-        ? getActiveElement(activeEl.shadowRoot)
-        : activeEl;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: UnwrapAsyncPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: UnwrapAsyncPipe, isStandalone: true, name: "unwrapAsync", pure: false });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: UnwrapAsyncPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'unwrapAsync',
+                    standalone: true,
+                    pure: false
+                }]
+        }] });
 
 function getTransitionDurationMs(element) {
     const { transitionDelay, transitionDuration } = window.getComputedStyle(element);
@@ -763,163 +1146,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
-class GetPipe {
-    /**
-     * @param value The object to retrieve the property from.
-     * @param path The dot-separated path string to the property.
-     * @param defaultValue The value to return if the property is not found.
-     */
-    transform(value, path, defaultValue) {
-        if (typeof path !== 'string') {
-            return value;
-        }
-        return path
-            .split('.')
-            .reduce((a, c) => a && a[c] !== null && a[c] !== undefined
-            ? a[c]
-            : defaultValue || null, value);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: GetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: GetPipe, isStandalone: true, name: "get" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: GetPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'get',
-                    standalone: true
-                }]
-        }] });
-
-class IsObjectPipe {
-    transform(value) {
-        return typeof value === 'object';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IsObjectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: IsObjectPipe, isStandalone: true, name: "isObject" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IsObjectPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'isObject'
-                }]
-        }] });
-
-class IsObservablePipe {
-    transform(value) {
-        return isObservable(value);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IsObservablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: IsObservablePipe, isStandalone: true, name: "isObservable" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IsObservablePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'isObservable',
-                    standalone: true
-                }]
-        }] });
-
-class IsStringPipe {
-    transform(value) {
-        return typeof value === 'string';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IsStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: IsStringPipe, isStandalone: true, name: "isString" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: IsStringPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'isString'
-                }]
-        }] });
-
-class UcfirstPipe {
-    transform(value = '') {
-        return value.charAt(0).toUpperCase() + value.slice(1);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: UcfirstPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: UcfirstPipe, isStandalone: true, name: "ucfirst" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: UcfirstPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'ucfirst',
-                    standalone: true
-                }]
-        }] });
-
-/**
- * A standalone pipe that unwraps the value of an observable or returns the value directly if it's not an observable.
- *
- * @description
- * The `UnwrapAsyncPipe` is used to unwrap the value emitted by an observable or return the value directly if it's not an observable.
- * It subscribes to the observable and returns the emitted value. If the input is not an observable, it simply returns the value.
- *
- * @usageNotes
- * ```html
- * <div>{{ observableOrValue | unwrapAsync }}</div>
- * ```
- *
- * @publicApi
- */
-class UnwrapAsyncPipe {
-    #cdr = inject(ChangeDetectorRef);
-    /**
-     * The unwrapped value of the observable or the direct value.
-     */
-    value = null;
-    /**
-     * The subscription to the observable.
-     */
-    subscription = null;
-    /**
-     * Performs cleanup tasks when the pipe is destroyed.
-     */
-    ngOnDestroy() {
-        this.unsubscribe();
-    }
-    /**
-     * Transforms the input value.
-     *
-     * @param value The input value to transform. It can be an observable or a direct value.
-     * @returns The unwrapped value of the observable or the direct value.
-     */
-    transform(value) {
-        if (value instanceof Observable) {
-            this.unsubscribe();
-            this.subscription = value.subscribe((result) => {
-                this.value = result;
-                this.#cdr.markForCheck();
-            });
-        }
-        else {
-            // Clean up subscription when switching to direct value
-            this.unsubscribe();
-            this.value = value;
-        }
-        return this.value;
-    }
-    /**
-     * Unsubscribes from the current subscription.
-     */
-    unsubscribe() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-            this.subscription = null;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: UnwrapAsyncPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.3", ngImport: i0, type: UnwrapAsyncPipe, isStandalone: true, name: "unwrapAsync", pure: false });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: UnwrapAsyncPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'unwrapAsync',
-                    standalone: true,
-                    pure: false
-                }]
-        }] });
-
 /*
  * Public API Surface of utils
  */
@@ -928,5 +1154,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ContentRef, FOCUSABLE_ELEMENTS_SELECTOR, GetPipe, IsObjectPipe, IsObservablePipe, IsStringPipe, OverlayPosition, OverlayRef, OverlayService, PopupService, ScrollBar, UcfirstPipe, UnwrapAsyncPipe, closest, getActiveElement, getFocusableBoundaryElements, getValueInRange, hubCompleteTransition, hubFocusTrap, hubRunTransition, isDefined, isInteger, isNumber, isPromise, isString, padNumber, reflow, regExpEscape, removeAccents, runInZone, toInteger, toString };
+export { ContentRef, FOCUSABLE_ELEMENTS_SELECTOR, GetPipe, HUB_TRANSLATION_CONFIG, HubTranslationService, IsObjectPipe, IsObservablePipe, IsStringPipe, OverlayPosition, OverlayRef, OverlayService, PopupService, ScrollBar, TranslatePipe, UcfirstPipe, UnwrapAsyncPipe, closest, equals, getActiveElement, getFocusableBoundaryElements, getValue, getValueInRange, hubCompleteTransition, hubFocusTrap, hubRunTransition, interpolateString, isDefined, isInteger, isNumber, isPromise, isString, padNumber, reflow, regExpEscape, removeAccents, runInZone, toInteger, toString };
 //# sourceMappingURL=ng-hub-ui-utils.mjs.map