@ethlete/core 3.9.0 → 3.11.0

package/esm2022/lib/utils/signal.utils.mjs

@@ -1,72 +1,97 @@
-import { ElementRef, effect, inject } from '@angular/core';
-export const signalClasses = (el, classMap) => {
-    for (const [classString, signal] of Object.entries(classMap)) {
-        const classArray = classString.split(' ');
-        if (!classArray.length) {
-            continue;
+import { coerceElement } from '@angular/cdk/coercion';
+import { ElementRef, computed, effect, inject, isSignal, signal } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { Observable, map } from 'rxjs';
+const buildElementSignal = (el) => {
+    let mElSignal = null;
+    if (el instanceof Observable) {
+        mElSignal = toSignal(el.pipe(map((elOrRef) => coerceElement(elOrRef))), { initialValue: null });
+    }
+    else if (isSignal(el)) {
+        mElSignal = computed(() => coerceElement(el()));
+    }
+    else {
+        mElSignal = signal(coerceElement(el));
+    }
+    return mElSignal;
+};
+export const buildSignalEffects = (config) => {
+    const { map, eachItemFn, cleanupFn } = config;
+    const effectRefMap = {};
+    for (const [tokenString, signal] of Object.entries(map)) {
+        const tokenArray = tokenString.split(' ').filter((token) => !!token);
+        for (const token of tokenArray) {
+            const ref = effect(() => {
+                const value = signal();
+                eachItemFn({ key: token, value });
+            });
+            effectRefMap[token] = ref;
+        }
+    }
+    const has = (token) => token in effectRefMap;
+    const remove = (...tokens) => {
+        for (const tokenString of tokens) {
+            effectRefMap[tokenString]?.destroy();
+            cleanupFn({ key: tokenString, value: map[tokenString]?.() });
+            delete effectRefMap[tokenString];
         }
-        effect(() => {
-            const value = signal();
+    };
+    return { remove, has };
+};
+export const signalClasses = (el, classMap) => {
+    const element = buildElementSignal(el);
+    return buildSignalEffects({
+        map: classMap,
+        eachItemFn: ({ key, value }) => {
             if (value) {
-                el.classList.add(...classArray);
+                element()?.classList.add(key);
             }
             else {
-                el.classList.remove(...classArray);
+                element()?.classList.remove(key);
             }
-        });
-    }
-};
-export const signalHostClasses = (classMap) => {
-    const el = inject(ElementRef).nativeElement;
-    signalClasses(el, classMap);
+        },
+        cleanupFn: ({ key }) => element()?.classList.remove(key),
+    });
 };
+export const signalHostClasses = (classMap) => signalClasses(inject(ElementRef), classMap);
 const ALWAYS_TRUE_ATTRIBUTE_KEYS = ['disabled', 'readonly', 'required', 'checked', 'selected'];
 export const signalAttributes = (el, attributeMap) => {
-    for (const [attributeString, signal] of Object.entries(attributeMap)) {
-        effect(() => {
-            const attributeArray = attributeString.split(' ');
-            if (!attributeArray.length) {
-                return;
-            }
-            const value = signal();
+    const element = buildElementSignal(el);
+    return buildSignalEffects({
+        map: attributeMap,
+        eachItemFn: ({ key, value }) => {
             const valueString = `${value}`;
-            for (const attr of attributeArray) {
-                if (ALWAYS_TRUE_ATTRIBUTE_KEYS.includes(attr)) {
-                    if (value) {
-                        el.setAttribute(attr, '');
-                    }
-                    else {
-                        el.removeAttribute(attr);
-                    }
+            if (ALWAYS_TRUE_ATTRIBUTE_KEYS.includes(key)) {
+                if (value) {
+                    element()?.setAttribute(key, '');
                 }
                 else {
-                    el.setAttribute(attr, valueString);
+                    element()?.removeAttribute(key);
                 }
             }
-        });
-    }
-};
-export const signalHostAttributes = (attributeMap) => {
-    const el = inject(ElementRef).nativeElement;
-    signalAttributes(el, attributeMap);
-};
-export const signalStyle = (el, styleMap) => {
-    for (const [styleString, signal] of Object.entries(styleMap)) {
-        effect(() => {
-            const styleArray = styleString.split(' ');
-            if (!styleArray.length) {
-                return;
-            }
-            const value = signal();
-            const valueString = `${value}`;
-            for (const style of styleArray) {
-                el.style.setProperty(style, valueString);
+            else {
+                if (value === null || value === undefined) {
+                    element()?.removeAttribute(key);
+                }
+                else {
+                    element()?.setAttribute(key, valueString);
+                }
             }
-        });
-    }
+        },
+        cleanupFn: ({ key }) => element()?.removeAttribute(key),
+    });
 };
-export const signalHostStyle = (styleMap) => {
-    const el = inject(ElementRef).nativeElement;
-    signalStyle(el, styleMap);
+export const signalHostAttributes = (attributeMap) => signalAttributes(inject(ElementRef), attributeMap);
+export const signalStyles = (el, styleMap) => {
+    const element = buildElementSignal(el);
+    return buildSignalEffects({
+        map: styleMap,
+        eachItemFn: ({ key, value }) => {
+            const valueString = `${value}`;
+            element()?.style.setProperty(key, valueString);
+        },
+        cleanupFn: ({ key }) => element()?.style.removeProperty(key),
+    });
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmFsLnV0aWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvdXRpbHMvc2lnbmFsLnV0aWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQVUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FBNEMsRUFBZSxFQUFFLFFBQVcsRUFBRSxFQUFFO0lBQ3ZHLEtBQUssTUFBTSxDQUFDLFdBQVcsRUFBRSxNQUFNLENBQUMsSUFBSSxNQUFNLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1FBQzVELE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFFMUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUU7WUFDdEIsU0FBUztTQUNWO1FBRUQsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLE1BQU0sS0FBSyxHQUFHLE1BQU0sRUFBRSxDQUFDO1lBRXZCLElBQUksS0FBSyxFQUFFO2dCQUNULEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEdBQUcsVUFBVSxDQUFDLENBQUM7YUFDakM7aUJBQU07Z0JBQ0wsRUFBRSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsR0FBRyxVQUFVLENBQUMsQ0FBQzthQUNwQztRQUNILENBQUMsQ0FBQyxDQUFDO0tBQ0o7QUFDSCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxDQUE0QyxRQUFXLEVBQUUsRUFBRTtJQUMxRixNQUFNLEVBQUUsR0FBRyxNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDLGFBQWEsQ0FBQztJQUVyRSxhQUFhLENBQUMsRUFBRSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0FBQzlCLENBQUMsQ0FBQztBQUVGLE1BQU0sMEJBQTBCLEdBQUcsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLENBQUM7QUFFL0YsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBNEMsRUFBZSxFQUFFLFlBQWUsRUFBRSxFQUFFO0lBQzlHLEtBQUssTUFBTSxDQUFDLGVBQWUsRUFBRSxNQUFNLENBQUMsSUFBSSxNQUFNLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxFQUFFO1FBQ3BFLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDVixNQUFNLGNBQWMsR0FBRyxlQUFlLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBRWxELElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxFQUFFO2dCQUMxQixPQUFPO2FBQ1I7WUFFRCxNQUFNLEtBQUssR0FBRyxNQUFNLEVBQUUsQ0FBQztZQUN2QixNQUFNLFdBQVcsR0FBRyxHQUFHLEtBQUssRUFBRSxDQUFDO1lBRS9CLEtBQUssTUFBTSxJQUFJLElBQUksY0FBYyxFQUFFO2dCQUNqQyxJQUFJLDBCQUEwQixDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRTtvQkFDN0MsSUFBSSxLQUFLLEVBQUU7d0JBQ1QsRUFBRSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUM7cUJBQzNCO3lCQUFNO3dCQUNMLEVBQUUsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7cUJBQzFCO2lCQUNGO3FCQUFNO29CQUNMLEVBQUUsQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLFdBQVcsQ0FBQyxDQUFDO2lCQUNwQzthQUNGO1FBQ0gsQ0FBQyxDQUFDLENBQUM7S0FDSjtBQUNILENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQTRDLFlBQWUsRUFBRSxFQUFFO0lBQ2pHLE1BQU0sRUFBRSxHQUFHLE1BQU0sQ0FBMEIsVUFBVSxDQUFDLENBQUMsYUFBYSxDQUFDO0lBRXJFLGdCQUFnQixDQUFDLEVBQUUsRUFBRSxZQUFZLENBQUMsQ0FBQztBQUNyQyxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsQ0FBNEMsRUFBZSxFQUFFLFFBQVcsRUFBRSxFQUFFO0lBQ3JHLEtBQUssTUFBTSxDQUFDLFdBQVcsRUFBRSxNQUFNLENBQUMsSUFBSSxNQUFNLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1FBQzVELE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDVixNQUFNLFVBQVUsR0FBRyxXQUFXLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBRTFDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFO2dCQUN0QixPQUFPO2FBQ1I7WUFFRCxNQUFNLEtBQUssR0FBRyxNQUFNLEVBQUUsQ0FBQztZQUN2QixNQUFNLFdBQVcsR0FBRyxHQUFHLEtBQUssRUFBRSxDQUFDO1lBRS9CLEtBQUssTUFBTSxLQUFLLElBQUksVUFBVSxFQUFFO2dCQUM5QixFQUFFLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLENBQUM7YUFDMUM7UUFDSCxDQUFDLENBQUMsQ0FBQztLQUNKO0FBQ0gsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLENBQTRDLFFBQVcsRUFBRSxFQUFFO0lBQ3hGLE1BQU0sRUFBRSxHQUFHLE1BQU0sQ0FBMEIsVUFBVSxDQUFDLENBQUMsYUFBYSxDQUFDO0lBRXJFLFdBQVcsQ0FBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLENBQUM7QUFDNUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRWxlbWVudFJlZiwgU2lnbmFsLCBlZmZlY3QsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3Qgc2lnbmFsQ2xhc3NlcyA9IDxUIGV4dGVuZHMgUmVjb3JkPHN0cmluZywgU2lnbmFsPHVua25vd24+Pj4oZWw6IEhUTUxFbGVtZW50LCBjbGFzc01hcDogVCkgPT4ge1xuICBmb3IgKGNvbnN0IFtjbGFzc1N0cmluZywgc2lnbmFsXSBvZiBPYmplY3QuZW50cmllcyhjbGFzc01hcCkpIHtcbiAgICBjb25zdCBjbGFzc0FycmF5ID0gY2xhc3NTdHJpbmcuc3BsaXQoJyAnKTtcblxuICAgIGlmICghY2xhc3NBcnJheS5sZW5ndGgpIHtcbiAgICAgIGNvbnRpbnVlO1xuICAgIH1cblxuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zdCB2YWx1ZSA9IHNpZ25hbCgpO1xuXG4gICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgZWwuY2xhc3NMaXN0LmFkZCguLi5jbGFzc0FycmF5KTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGVsLmNsYXNzTGlzdC5yZW1vdmUoLi4uY2xhc3NBcnJheSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBzaWduYWxIb3N0Q2xhc3NlcyA9IDxUIGV4dGVuZHMgUmVjb3JkPHN0cmluZywgU2lnbmFsPHVua25vd24+Pj4oY2xhc3NNYXA6IFQpID0+IHtcbiAgY29uc3QgZWwgPSBpbmplY3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KEVsZW1lbnRSZWYpLm5hdGl2ZUVsZW1lbnQ7XG5cbiAgc2lnbmFsQ2xhc3NlcyhlbCwgY2xhc3NNYXApO1xufTtcblxuY29uc3QgQUxXQVlTX1RSVUVfQVRUUklCVVRFX0tFWVMgPSBbJ2Rpc2FibGVkJywgJ3JlYWRvbmx5JywgJ3JlcXVpcmVkJywgJ2NoZWNrZWQnLCAnc2VsZWN0ZWQnXTtcblxuZXhwb3J0IGNvbnN0IHNpZ25hbEF0dHJpYnV0ZXMgPSA8VCBleHRlbmRzIFJlY29yZDxzdHJpbmcsIFNpZ25hbDx1bmtub3duPj4+KGVsOiBIVE1MRWxlbWVudCwgYXR0cmlidXRlTWFwOiBUKSA9PiB7XG4gIGZvciAoY29uc3QgW2F0dHJpYnV0ZVN0cmluZywgc2lnbmFsXSBvZiBPYmplY3QuZW50cmllcyhhdHRyaWJ1dGVNYXApKSB7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIGNvbnN0IGF0dHJpYnV0ZUFycmF5ID0gYXR0cmlidXRlU3RyaW5nLnNwbGl0KCcgJyk7XG5cbiAgICAgIGlmICghYXR0cmlidXRlQXJyYXkubGVuZ3RoKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgY29uc3QgdmFsdWUgPSBzaWduYWwoKTtcbiAgICAgIGNvbnN0IHZhbHVlU3RyaW5nID0gYCR7dmFsdWV9YDtcblxuICAgICAgZm9yIChjb25zdCBhdHRyIG9mIGF0dHJpYnV0ZUFycmF5KSB7XG4gICAgICAgIGlmIChBTFdBWVNfVFJVRV9BVFRSSUJVVEVfS0VZUy5pbmNsdWRlcyhhdHRyKSkge1xuICAgICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgZWwuc2V0QXR0cmlidXRlKGF0dHIsICcnKTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZWwucmVtb3ZlQXR0cmlidXRlKGF0dHIpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBlbC5zZXRBdHRyaWJ1dGUoYXR0ciwgdmFsdWVTdHJpbmcpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBzaWduYWxIb3N0QXR0cmlidXRlcyA9IDxUIGV4dGVuZHMgUmVjb3JkPHN0cmluZywgU2lnbmFsPHVua25vd24+Pj4oYXR0cmlidXRlTWFwOiBUKSA9PiB7XG4gIGNvbnN0IGVsID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmKS5uYXRpdmVFbGVtZW50O1xuXG4gIHNpZ25hbEF0dHJpYnV0ZXMoZWwsIGF0dHJpYnV0ZU1hcCk7XG59O1xuXG5leHBvcnQgY29uc3Qgc2lnbmFsU3R5bGUgPSA8VCBleHRlbmRzIFJlY29yZDxzdHJpbmcsIFNpZ25hbDx1bmtub3duPj4+KGVsOiBIVE1MRWxlbWVudCwgc3R5bGVNYXA6IFQpID0+IHtcbiAgZm9yIChjb25zdCBbc3R5bGVTdHJpbmcsIHNpZ25hbF0gb2YgT2JqZWN0LmVudHJpZXMoc3R5bGVNYXApKSB7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIGNvbnN0IHN0eWxlQXJyYXkgPSBzdHlsZVN0cmluZy5zcGxpdCgnICcpO1xuXG4gICAgICBpZiAoIXN0eWxlQXJyYXkubGVuZ3RoKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgY29uc3QgdmFsdWUgPSBzaWduYWwoKTtcbiAgICAgIGNvbnN0IHZhbHVlU3RyaW5nID0gYCR7dmFsdWV9YDtcblxuICAgICAgZm9yIChjb25zdCBzdHlsZSBvZiBzdHlsZUFycmF5KSB7XG4gICAgICAgIGVsLnN0eWxlLnNldFByb3BlcnR5KHN0eWxlLCB2YWx1ZVN0cmluZyk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBzaWduYWxIb3N0U3R5bGUgPSA8VCBleHRlbmRzIFJlY29yZDxzdHJpbmcsIFNpZ25hbDx1bmtub3duPj4+KHN0eWxlTWFwOiBUKSA9PiB7XG4gIGNvbnN0IGVsID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmKS5uYXRpdmVFbGVtZW50O1xuXG4gIHNpZ25hbFN0eWxlKGVsLCBzdHlsZU1hcCk7XG59O1xuIl19
+export const signalHostStyles = (styleMap) => signalStyles(inject(ElementRef), styleMap);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmFsLnV0aWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvdXRpbHMvc2lnbmFsLnV0aWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RCxPQUFPLEVBQWEsVUFBVSxFQUFVLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUcsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBUXZDLE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxFQUE0QixFQUFFLEVBQUU7SUFDMUQsSUFBSSxTQUFTLEdBQWtELElBQUksQ0FBQztJQUVwRSxJQUFJLEVBQUUsWUFBWSxVQUFVLEVBQUU7UUFDNUIsU0FBUyxHQUFHLFFBQVEsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0tBQ2pHO1NBQU0sSUFBSSxRQUFRLENBQUMsRUFBRSxDQUFDLEVBQUU7UUFDdkIsU0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxhQUFhLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDO0tBQ2pEO1NBQU07UUFDTCxTQUFTLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0tBQ3ZDO0lBRUQsT0FBTyxTQUFtRCxDQUFDO0FBQzdELENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLENBQTRDLE1B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RUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO1lBQzdCLE1BQU0sV0FBVyxHQUFHLEdBQUcsS0FBSyxFQUFFLENBQUM7WUFFL0IsT0FBTyxFQUFFLEVBQUUsS0FBSyxDQUFDLFdBQVcsQ0FBQyxHQUFHLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFDakQsQ0FBQztRQUNELFNBQVMsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxDQUFDLE9BQU8sRUFBRSxFQUFFLEtBQUssQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDO0tBQzdELENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQTRDLFFBQVcsRUFBRSxFQUFFLENBQ3pGLFlBQVksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLEVBQUUsUUFBUSxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb2VyY2VFbGVtZW50IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IEVmZmVjdFJlZiwgRWxlbWVudFJlZiwgU2lnbmFsLCBjb21wdXRlZCwgZWZmZWN0LCBpbmplY3QsIGlzU2lnbmFsLCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRvU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgbWFwIH0gZnJvbSAncnhqcyc7XG5cbnR5cGUgU2lnbmFsRWxlbWVudEJpbmRpbmdUeXBlID1cbiAgfCBIVE1MRWxlbWVudFxuICB8IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XG4gIHwgT2JzZXJ2YWJsZTxIVE1MRWxlbWVudCB8IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+IHwgbnVsbCB8IHVuZGVmaW5lZD5cbiAgfCBTaWduYWw8SFRNTEVsZW1lbnQgfCBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiB8IG51bGwgfCB1bmRlZmluZWQ+O1xuXG5jb25zdCBidWlsZEVsZW1lbnRTaWduYWwgPSAoZWw6IFNpZ25hbEVsZW1lbnRCaW5kaW5nVHlwZSkgPT4ge1xuICBsZXQgbUVsU2lnbmFsOiBTaWduYWw8SFRNTEVsZW1lbnQgfCBudWxsIHwgdW5kZWZpbmVkPiB8IG51bGwgPSBudWxsO1xuXG4gIGlmIChlbCBpbnN0YW5jZW9mIE9ic2VydmFibGUpIHtcbiAgICBtRWxTaWduYWwgPSB0b1NpZ25hbChlbC5waXBlKG1hcCgoZWxPclJlZikgPT4gY29lcmNlRWxlbWVudChlbE9yUmVmKSkpLCB7IGluaXRpYWxWYWx1ZTogbnVsbCB9KTtcbiAgfSBlbHNlIGlmIChpc1NpZ25hbChlbCkpIHtcbiAgICBtRWxTaWduYWwgPSBjb21wdXRlZCgoKSA9PiBjb2VyY2VFbGVtZW50KGVsKCkpKTtcbiAgfSBlbHNlIHtcbiAgICBtRWxTaWduYWwgPSBzaWduYWwoY29lcmNlRWxlbWVudChlbCkpO1xuICB9XG5cbiAgcmV0dXJuIG1FbFNpZ25hbCBhcyBTaWduYWw8SFRNTEVsZW1lbnQgfCBudWxsIHwgdW5kZWZpbmVkPjtcbn07XG5cbmV4cG9ydCBjb25zdCBidWlsZFNpZ25hbEVmZmVjdHMgPSA8VCBleHRlbmRzIFJlY29yZDxzdHJpbmcsIFNpZ25hbDx1bmtub3duPj4+KGNvbmZpZzoge1xuICBtYXA6IFQ7XG4gIGVhY2hJdGVtRm46IChwYWlyOiB7IGtleTogc3RyaW5nOyB2YWx1ZTogdW5rbm93biB9KSA9PiB2b2lkO1xuICBjbGVhbnVwRm46IChwYWlyOiB7IGtleTogc3RyaW5nOyB2YWx1ZTogdW5rbm93biB9KSA9PiB2b2lkO1xufSkgPT4ge1xuICBjb25zdCB7IG1hcCwgZWFjaEl0ZW1GbiwgY2xlYW51cEZuIH0gPSBjb25maWc7XG5cbiAgY29uc3QgZWZmZWN0UmVmTWFwOiBSZWNvcmQ8c3RyaW5nLCBFZmZlY3RSZWY+ID0ge307XG5cbiAgZm9yIChjb25zdCBbdG9rZW5TdHJpbmcsIHNpZ25hbF0gb2YgT2JqZWN0LmVudHJpZXMobWFwKSkge1xuICAgIGNvbnN0IHRva2VuQXJyYXkgPSB0b2tlblN0cmluZy5zcGxpdCgnICcpLmZpbHRlcigodG9rZW4pID0+ICEhdG9rZW4pO1xuXG4gICAgZm9yIChjb25zdCB0b2tlbiBvZiB0b2tlbkFycmF5KSB7XG4gICAgICBjb25zdCByZWYgPSBlZmZlY3QoKCkgPT4ge1xuICAgICAgICBjb25zdCB2YWx1ZSA9IHNpZ25hbCgpO1xuICAgICAgICBlYWNoSXRlbUZuKHsga2V5OiB0b2tlbiwgdmFsdWUgfSk7XG4gICAgICB9KTtcblxuICAgICAgZWZmZWN0UmVmTWFwW3Rva2VuXSA9IHJlZjtcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYXMgPSAodG9rZW46IHN0cmluZykgPT4gdG9rZW4gaW4gZWZmZWN0UmVmTWFwO1xuXG4gIGNvbnN0IHJlbW92ZSA9ICguLi50b2tlbnM6IHN0cmluZ1tdKSA9PiB7XG4gICAgZm9yIChjb25zdCB0b2tlblN0cmluZyBvZiB0b2tlbnMpIHtcbiAgICAgIGVmZmVjdFJlZk1hcFt0b2tlblN0cmluZ10/LmRlc3Ryb3koKTtcblxuICAgICAgY2xlYW51cEZuKHsga2V5OiB0b2tlblN0cmluZywgdmFsdWU6IG1hcFt0b2tlblN0cmluZ10/LigpIH0pO1xuXG4gICAgICBkZWxldGUgZWZmZWN0UmVmTWFwW3Rva2VuU3RyaW5nXTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIHsgcmVtb3ZlLCBoYXMgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBzaWduYWxDbGFzc2VzID0gPFQgZXh0ZW5kcyBSZWNvcmQ8c3RyaW5nLCBTaWduYWw8dW5rbm93bj4+PihlbDogU2lnbmFsRWxlbWVudEJpbmRpbmdUeXBlLCBjbGFzc01hcDogVCkgPT4ge1xuICBjb25zdCBlbGVtZW50ID0gYnVpbGRFbGVtZW50U2lnbmFsKGVsKTtcblxuICByZXR1cm4gYnVpbGRTaWduYWxFZmZlY3RzKHtcbiAgICBtYXA6IGNsYXNzTWFwLFxuICAgIGVhY2hJdGVtRm46ICh7IGtleSwgdmFsdWUgfSkgPT4ge1xuICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgIGVsZW1lbnQoKT8uY2xhc3NMaXN0LmFkZChrZXkpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgZWxlbWVudCgpPy5jbGFzc0xpc3QucmVtb3ZlKGtleSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBjbGVhbnVwRm46ICh7IGtleSB9KSA9PiBlbGVtZW50KCk/LmNsYXNzTGlzdC5yZW1vdmUoa2V5KSxcbiAgfSk7XG59O1xuXG5leHBvcnQgY29uc3Qgc2lnbmFsSG9zdENsYXNzZXMgPSA8VCBleHRlbmRzIFJlY29yZDxzdHJpbmcsIFNpZ25hbDx1bmtub3duPj4+KGNsYXNzTWFwOiBUKSA9PlxuICBzaWduYWxDbGFzc2VzKGluamVjdChFbGVtZW50UmVmKSwgY2xhc3NNYXApO1xuXG5jb25zdCBBTFdBWVNfVFJVRV9BVFRSSUJVVEVfS0VZUyA9IFsnZGlzYWJsZWQnLCAncmVhZG9ubHknLCAncmVxdWlyZWQnLCAnY2hlY2tlZCcsICdzZWxlY3RlZCddO1xuXG5leHBvcnQgY29uc3Qgc2lnbmFsQXR0cmlidXRlcyA9IDxUIGV4dGVuZHMgUmVjb3JkPHN0cmluZywgU2lnbmFsPHVua25vd24+Pj4oXG4gIGVsOiBTaWduYWxFbGVtZW50QmluZGluZ1R5cGUsXG4gIGF0dHJpYnV0ZU1hcDogVCxcbikgPT4ge1xuICBjb25zdCBlbGVtZW50ID0gYnVpbGRFbGVtZW50U2lnbmFsKGVsKTtcblxuICByZXR1cm4gYnVpbGRTaWduYWxFZmZlY3RzKHtcbiAgICBtYXA6IGF0dHJpYnV0ZU1hcCxcbiAgICBlYWNoSXRlbUZuOiAoeyBrZXksIHZhbHVlIH0pID0+IHtcbiAgICAgIGNvbnN0IHZhbHVlU3RyaW5nID0gYCR7dmFsdWV9YDtcblxuICAgICAgaWYgKEFMV0FZU19UUlVFX0FUVFJJQlVURV9LRVlTLmluY2x1ZGVzKGtleSkpIHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgZWxlbWVudCgpPy5zZXRBdHRyaWJ1dGUoa2V5LCAnJyk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgZWxlbWVudCgpPy5yZW1vdmVBdHRyaWJ1dGUoa2V5KTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgaWYgKHZhbHVlID09PSBudWxsIHx8IHZhbHVlID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICBlbGVtZW50KCk/LnJlbW92ZUF0dHJpYnV0ZShrZXkpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGVsZW1lbnQoKT8uc2V0QXR0cmlidXRlKGtleSwgdmFsdWVTdHJpbmcpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfSxcbiAgICBjbGVhbnVwRm46ICh7IGtleSB9KSA9PiBlbGVtZW50ISgpPy5yZW1vdmVBdHRyaWJ1dGUoa2V5KSxcbiAgfSk7XG59O1xuXG5leHBvcnQgY29uc3Qgc2lnbmFsSG9zdEF0dHJpYnV0ZXMgPSA8VCBleHRlbmRzIFJlY29yZDxzdHJpbmcsIFNpZ25hbDx1bmtub3duPj4+KGF0dHJpYnV0ZU1hcDogVCkgPT5cbiAgc2lnbmFsQXR0cmlidXRlcyhpbmplY3QoRWxlbWVudFJlZiksIGF0dHJpYnV0ZU1hcCk7XG5cbmV4cG9ydCBjb25zdCBzaWduYWxTdHlsZXMgPSA8VCBleHRlbmRzIFJlY29yZDxzdHJpbmcsIFNpZ25hbDx1bmtub3duPj4+KGVsOiBTaWduYWxFbGVtZW50QmluZGluZ1R5cGUsIHN0eWxlTWFwOiBUKSA9PiB7XG4gIGNvbnN0IGVsZW1lbnQgPSBidWlsZEVsZW1lbnRTaWduYWwoZWwpO1xuXG4gIHJldHVybiBidWlsZFNpZ25hbEVmZmVjdHMoe1xuICAgIG1hcDogc3R5bGVNYXAsXG4gICAgZWFjaEl0ZW1GbjogKHsga2V5LCB2YWx1ZSB9KSA9PiB7XG4gICAgICBjb25zdCB2YWx1ZVN0cmluZyA9IGAke3ZhbHVlfWA7XG5cbiAgICAgIGVsZW1lbnQoKT8uc3R5bGUuc2V0UHJvcGVydHkoa2V5LCB2YWx1ZVN0cmluZyk7XG4gICAgfSxcbiAgICBjbGVhbnVwRm46ICh7IGtleSB9KSA9PiBlbGVtZW50KCk/LnN0eWxlLnJlbW92ZVByb3BlcnR5KGtleSksXG4gIH0pO1xufTtcblxuZXhwb3J0IGNvbnN0IHNpZ25hbEhvc3RTdHlsZXMgPSA8VCBleHRlbmRzIFJlY29yZDxzdHJpbmcsIFNpZ25hbDx1bmtub3duPj4+KHN0eWxlTWFwOiBUKSA9PlxuICBzaWduYWxTdHlsZXMoaW5qZWN0KEVsZW1lbnRSZWYpLCBzdHlsZU1hcCk7XG4iXX0=

package/fesm2022/ethlete-core.mjs

@@ -1,10 +1,11 @@
 import * as i0 from '@angular/core';
-import { inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, InjectionToken, assertInInjectionContext, DestroyRef, ElementRef, effect, isDevMode, Directive, Injectable, NgZone, EventEmitter, booleanAttribute, numberAttribute, Output, Injector, ViewContainerRef, signal, TemplateRef, computed, Pipe, QueryList } from '@angular/core';
+import { inject, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, InjectionToken, assertInInjectionContext, DestroyRef, ElementRef, isSignal, computed, signal, effect, isDevMode, Directive, Injectable, NgZone, EventEmitter, booleanAttribute, numberAttribute, Output, Injector, ViewContainerRef, TemplateRef, Pipe, QueryList } from '@angular/core';
 import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
-import { Subject, BehaviorSubject, takeUntil, switchMap, of, tap, Observable, combineLatest, timer, startWith, map, distinctUntilChanged, shareReplay, skip, take, debounceTime, merge, fromEvent, filter, takeWhile, pairwise, finalize } from 'rxjs';
+import { Subject, BehaviorSubject, takeUntil, switchMap, of, tap, startWith, Observable, combineLatest, timer, map, distinctUntilChanged, shareReplay, skip, take, debounceTime, merge, fromEvent, filter, takeWhile, pairwise, finalize } from 'rxjs';
 import { END, HOME, PAGE_DOWN, PAGE_UP, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
 import { FormGroup, FormArray, FormControl } from '@angular/forms';
-import { coerceCssPixelValue, coerceElement } from '@angular/cdk/coercion';
+import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
+import { coerceElement, coerceCssPixelValue } from '@angular/cdk/coercion';
 import { supportsScrollBehavior } from '@angular/cdk/platform';
 import * as i1 from '@angular/common';
 import { NgIf, DOCUMENT } from '@angular/common';
@@ -14,7 +15,6 @@ import { autoUpdate, computePosition, offset, flip, size, shift, limitShift, arr
 import { Router, NavigationEnd } from '@angular/router';
 import { __decorate, __metadata } from 'tslib';
 import { BreakpointObserver } from '@angular/cdk/layout';
-import { toObservable } from '@angular/core/rxjs-interop';
 import { debounceTime as debounceTime$1 } from 'rxjs/operators';
 
 class StructuredDataComponent {
@@ -182,6 +182,12 @@ class ActiveSelectionModel {
     }
 }
 
+function switchQueryListChanges() {
+    return function (source) {
+        return source.pipe(switchMap((value) => value?.changes.pipe(startWith(value)) ?? of(null)));
+    };
+}
+
 const nextFrame = (cb) => {
     requestAnimationFrame(() => {
         requestAnimationFrame(cb);
@@ -699,6 +705,17 @@ const createMutationObservable = (config) => {
 
 const isAttributeRenderBinding = (value) => typeof value === 'boolean';
 const isAttributeValueBinding = (value) => typeof value === 'object';
+/**
+ * @deprecated Use one of the following instead:
+ * - `signalHostAttributes`
+ * - `signalHostClasses`
+ * - `signalHostStyles`
+ * - `signalAttributes`
+ * - `signalClasses`
+ * - `signalStyles`
+ *
+ * Will be removed in v4.
+ */
 const createReactiveBindings = (...values) => {
     assertInInjectionContext(createReactiveBindings);
     const rootElementRef = inject(ElementRef);
@@ -990,6 +1007,7 @@ class SelectionModel {
         this._valueBinding$ = new BehaviorSubject(null);
         this._keyBinding$ = new BehaviorSubject(null);
         this._labelBinding$ = new BehaviorSubject(null);
+        this._disabledBinding$ = new BehaviorSubject(null);
         this._allowMultiple$ = new BehaviorSubject(false);
         this._filter$ = new BehaviorSubject('');
         this.value$ = combineLatest([this.selection$, this.valueBinding$, this.allowMultiple$]).pipe(map(([selection, valueBinding, allowMultiple]) => {
@@ -1034,6 +1052,12 @@ class SelectionModel {
     get labelBinding() {
         return this._labelBinding$.value;
     }
+    get disabledBinding$() {
+        return this._disabledBinding$.asObservable();
+    }
+    get disabledBinding() {
+        return this._disabledBinding$.value;
+    }
     get allowMultiple$() {
         return this._allowMultiple$.asObservable();
     }
@@ -1065,10 +1089,28 @@ class SelectionModel {
         this._labelBinding$.next(fnOrPropertyPath);
         return this;
     }
+    setDisabledBinding(fnOrPropertyPath) {
+        this._disabledBinding$.next(fnOrPropertyPath);
+        return this;
+    }
     setOptions(options) {
         this._options$.next(options);
         return this;
     }
+    setOptionsFromQueryList(queryList) {
+        assertInInjectionContext(this.setOptionsFromQueryList);
+        queryList.changes
+            .pipe(startWith(queryList), tap((list) => this.setOptions(list.toArray())), takeUntilDestroyed())
+            .subscribe();
+        return this;
+    }
+    setOptionsFromQueryList$(queryList$) {
+        assertInInjectionContext(this.setOptionsFromQueryList$);
+        queryList$
+            .pipe(switchQueryListChanges(), tap((list) => this.setOptions(list?.toArray() || [])), takeUntilDestroyed())
+            .subscribe();
+        return this;
+    }
     setAllowMultiple(allowMultiple) {
         this._allowMultiple$.next(allowMultiple);
         return this;
@@ -1097,6 +1139,9 @@ class SelectionModel {
     isSelected$(option) {
         return this._selection$.pipe(map(() => this.isSelected(option)));
     }
+    isDisabled$(option) {
+        return this._optionsAndSelection$.pipe(map(() => this.isDisabled(option)));
+    }
     getLabel$(option) {
         return this.labelBinding$.pipe(map((labelBinding) => this.execFnOrGetOptionProperty(option, labelBinding)));
     }
@@ -1193,6 +1238,9 @@ class SelectionModel {
     getKey(option) {
         return this.execFnOrGetOptionProperty(option, this.keyBinding);
     }
+    getDisabled(option) {
+        return this.execFnOrGetOptionProperty(option, this.disabledBinding);
+    }
     execFnOrGetOptionProperty(option, fnOrPropertyPath) {
         if (!fnOrPropertyPath || !isObject(option))
             return option;
@@ -1210,6 +1258,9 @@ class SelectionModel {
         const optionKey = this.execFnOrGetOptionProperty(option, this.keyBinding);
         return this.getOption(optionKey, this.keyBinding, this.selection) !== undefined;
     }
+    isDisabled(option) {
+        return this.execFnOrGetOptionProperty(option, this.disabledBinding);
+    }
     getFilteredOptions(filter = this.filter, options = this.options) {
         if (!filter)
             return options;
@@ -1252,6 +1303,7 @@ class SelectionModel {
             this.addSelectedOption(option);
         }
     }
+    // FIXME: Toggle should respect disabled binding if it exists
     toggleAllSelectedOptions() {
         const filteredOptions = this.getFilteredOptions();
         const unselectedOptions = filteredOptions.filter((option) => !this.isSelected(option));
@@ -1266,76 +1318,98 @@ class SelectionModel {
     }
 }
 
-const signalClasses = (el, classMap) => {
-    for (const [classString, signal] of Object.entries(classMap)) {
-        const classArray = classString.split(' ');
-        if (!classArray.length) {
-            continue;
+const buildElementSignal = (el) => {
+    let mElSignal = null;
+    if (el instanceof Observable) {
+        mElSignal = toSignal(el.pipe(map((elOrRef) => coerceElement(elOrRef))), { initialValue: null });
+    }
+    else if (isSignal(el)) {
+        mElSignal = computed(() => coerceElement(el()));
+    }
+    else {
+        mElSignal = signal(coerceElement(el));
+    }
+    return mElSignal;
+};
+const buildSignalEffects = (config) => {
+    const { map, eachItemFn, cleanupFn } = config;
+    const effectRefMap = {};
+    for (const [tokenString, signal] of Object.entries(map)) {
+        const tokenArray = tokenString.split(' ').filter((token) => !!token);
+        for (const token of tokenArray) {
+            const ref = effect(() => {
+                const value = signal();
+                eachItemFn({ key: token, value });
+            });
+            effectRefMap[token] = ref;
         }
-        effect(() => {
-            const value = signal();
+    }
+    const has = (token) => token in effectRefMap;
+    const remove = (...tokens) => {
+        for (const tokenString of tokens) {
+            effectRefMap[tokenString]?.destroy();
+            cleanupFn({ key: tokenString, value: map[tokenString]?.() });
+            delete effectRefMap[tokenString];
+        }
+    };
+    return { remove, has };
+};
+const signalClasses = (el, classMap) => {
+    const element = buildElementSignal(el);
+    return buildSignalEffects({
+        map: classMap,
+        eachItemFn: ({ key, value }) => {
             if (value) {
-                el.classList.add(...classArray);
+                element()?.classList.add(key);
             }
             else {
-                el.classList.remove(...classArray);
+                element()?.classList.remove(key);
             }
-        });
-    }
-};
-const signalHostClasses = (classMap) => {
-    const el = inject(ElementRef).nativeElement;
-    signalClasses(el, classMap);
+        },
+        cleanupFn: ({ key }) => element()?.classList.remove(key),
+    });
 };
+const signalHostClasses = (classMap) => signalClasses(inject(ElementRef), classMap);
 const ALWAYS_TRUE_ATTRIBUTE_KEYS = ['disabled', 'readonly', 'required', 'checked', 'selected'];
 const signalAttributes = (el, attributeMap) => {
-    for (const [attributeString, signal] of Object.entries(attributeMap)) {
-        effect(() => {
-            const attributeArray = attributeString.split(' ');
-            if (!attributeArray.length) {
-                return;
-            }
-            const value = signal();
+    const element = buildElementSignal(el);
+    return buildSignalEffects({
+        map: attributeMap,
+        eachItemFn: ({ key, value }) => {
             const valueString = `${value}`;
-            for (const attr of attributeArray) {
-                if (ALWAYS_TRUE_ATTRIBUTE_KEYS.includes(attr)) {
-                    if (value) {
-                        el.setAttribute(attr, '');
-                    }
-                    else {
-                        el.removeAttribute(attr);
-                    }
+            if (ALWAYS_TRUE_ATTRIBUTE_KEYS.includes(key)) {
+                if (value) {
+                    element()?.setAttribute(key, '');
                 }
                 else {
-                    el.setAttribute(attr, valueString);
+                    element()?.removeAttribute(key);
                 }
             }
-        });
-    }
-};
-const signalHostAttributes = (attributeMap) => {
-    const el = inject(ElementRef).nativeElement;
-    signalAttributes(el, attributeMap);
-};
-const signalStyle = (el, styleMap) => {
-    for (const [styleString, signal] of Object.entries(styleMap)) {
-        effect(() => {
-            const styleArray = styleString.split(' ');
-            if (!styleArray.length) {
-                return;
-            }
-            const value = signal();
-            const valueString = `${value}`;
-            for (const style of styleArray) {
-                el.style.setProperty(style, valueString);
+            else {
+                if (value === null || value === undefined) {
+                    element()?.removeAttribute(key);
+                }
+                else {
+                    element()?.setAttribute(key, valueString);
+                }
             }
-        });
-    }
+        },
+        cleanupFn: ({ key }) => element()?.removeAttribute(key),
+    });
 };
-const signalHostStyle = (styleMap) => {
-    const el = inject(ElementRef).nativeElement;
-    signalStyle(el, styleMap);
+const signalHostAttributes = (attributeMap) => signalAttributes(inject(ElementRef), attributeMap);
+const signalStyles = (el, styleMap) => {
+    const element = buildElementSignal(el);
+    return buildSignalEffects({
+        map: styleMap,
+        eachItemFn: ({ key, value }) => {
+            const valueString = `${value}`;
+            element()?.style.setProperty(key, valueString);
+        },
+        cleanupFn: ({ key }) => element()?.style.removeProperty(key),
+    });
 };
+const signalHostStyles = (styleMap) => signalStyles(inject(ElementRef), styleMap);
 
 const scrollBehaviorSupported = supportsScrollBehavior();
 let _uniqueIdCounter = 0;
@@ -1581,10 +1655,8 @@ class AnimatedLifecycleDirective {
         this._isConstructed = false;
         this._state$ = new BehaviorSubject('init');
         this.state$ = this._state$.asObservable();
-        this._bindings = createReactiveBindings({
-            attribute: 'class.et-force-invisible',
-            observable: this._state$.pipe(map((state) => state === 'init')),
-            eager: true,
+        this.hostClassBindings = signalHostClasses({
+            'et-force-invisible': toSignal(this._state$.pipe(map((state) => state === 'init'))),
         });
     }
     get state() {
@@ -3502,6 +3574,8 @@ class ObserveVisibilityDirective {
         this._elementRef = inject(ElementRef);
         this._intersectionObserverService = inject(IntersectionObserverService);
         this.visibilityChange = signal(null);
+        this.currentVisibility = this.visibilityChange.asReadonly();
+        this.currentVisibility$ = toObservable(this.currentVisibility);
         this.etObserveVisibility = new EventEmitter();
         signalHostClasses(signalVisibilityChangeClasses({
             name: 'et-observe-visibility',
@@ -4184,5 +4258,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, 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, 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, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeObserverFactory, ResizeObserverService, 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, clamp, clone, cloneFormGroup, createDestroy, createFlipAnimation, createFlipAnimationGroup, createMediaQueryObservable, createMutationObservable, createReactiveBindings, createResizeObservable, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementVisibleStates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, hasCookie, isElementVisible, isEmptyArray, isGroupMatch, isKnockoutMatch, isObjectArray, isPrimitiveArray, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, provideViewportConfig, round, routerDisableScrollTop, scrollToElement, setCookie, signalAttributes, signalClasses, signalHostAttributes, signalHostClasses, signalHostStyle, signalStyle, signalVisibilityChangeClasses, toArray, toArrayTrackByFn };
+export { ANIMATABLE_TOKEN, ANIMATED_IF_TOKEN, ANIMATED_LIFECYCLE_TOKEN, AT_LEAST_ONE_REQUIRED, ActiveSelectionModel, AnimatableDirective, AnimatedIfDirective, AnimatedLifecycleDirective, AnimatedOverlayDirective, 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, 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, RUNTIME_ERROR_NO_DATA, RepeatDirective, ResizeObserverFactory, ResizeObserverService, 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, buildSignalEffects, clamp, clone, cloneFormGroup, createDestroy, createFlipAnimation, createFlipAnimationGroup, createMediaQueryObservable, createMutationObservable, createReactiveBindings, createResizeObservable, deleteCookie, elementCanScroll, equal, forceReflow, formatRuntimeError, fromNextFrame, getCookie, getDomain, getElementVisibleStates, getFormGroupValue, getGroupMatchPoints, getGroupMatchScore, getKnockoutMatchScore, getMatchScoreSubLine, hasCookie, isElementVisible, isEmptyArray, isGroupMatch, isKnockoutMatch, isObjectArray, isPrimitiveArray, mergeSeoConfig, nextFrame, normalizeGameResultType, normalizeMatchParticipant, normalizeMatchParticipants, normalizeMatchScore, normalizeMatchState, normalizeMatchType, provideViewportConfig, round, routerDisableScrollTop, scrollToElement, setCookie, signalAttributes, signalClasses, signalHostAttributes, signalHostClasses, signalHostStyles, signalStyles, signalVisibilityChangeClasses, switchQueryListChanges, toArray, toArrayTrackByFn };
 //# sourceMappingURL=ethlete-core.mjs.map