@yuuvis/client-framework 2.5.2 → 2.6.0

package/fesm2022/yuuvis-client-framework.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { NgModule, inject, Injectable, signal, Component } from '@angular/core';
+import { NgModule, Injectable, inject, signal, Component, provideAppInitializer, NgZone } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatSnackBar, MatSnackBarRef, MAT_SNACK_BAR_DATA, MatSnackBarLabel, MatSnackBarActions, MatSnackBarAction } from '@angular/material/snack-bar';
 import * as i1 from '@angular/material/button';
@@ -17,6 +17,219 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }]
         }] });
 
+class HaloFocusService {
+    #haloEl = null;
+    #currentEl = null;
+    #rafId = null; //Request Animation Frame ID
+    #resizeObserver;
+    #mutationObserver;
+    #defaultPadding = 3;
+    #noPaddingComponents = ['yuv-shell-logo'];
+    init() {
+        this.#appendHaloElementToDOM();
+        this.#initListeners();
+        this.#initObservers();
+    }
+    #appendHaloElementToDOM() {
+        this.#haloEl = document.createElement('div');
+        this.#haloEl.id = 'focus-halo';
+        this.#haloEl.setAttribute('aria-hidden', 'true');
+        Object.assign(this.#haloEl.style, {
+            position: 'fixed',
+            pointerEvents: 'none',
+            zIndex: '9999',
+            border: '2px solid var(--ymt-primary)',
+            boxShadow: '0 0 0 4px rgba(from var(--ymt-primary) r g b / 0.2)',
+            borderRadius: '8px',
+            opacity: '0',
+            transform: 'translateZ(0)'
+            // transition: 'opacity 120ms ease, transform 120ms ease, width 120ms ease, height 120ms ease, left 120ms ease, top 120ms ease'
+        });
+        document.body.appendChild(this.#haloEl);
+    }
+    #initListeners() {
+        document.addEventListener('focus', this.#onFocus, true);
+        document.addEventListener('blur', this.#onBlur, true);
+        window.addEventListener('scroll', this.#scheduleUpdate, true);
+        window.addEventListener('resize', this.#scheduleUpdate);
+        document.addEventListener('keydown', this.#onKeydown, true);
+    }
+    #initObservers() {
+        if ('ResizeObserver' in window) {
+            this.#resizeObserver = new ResizeObserver(() => {
+                if (this.#currentEl)
+                    this.#scheduleUpdate();
+            });
+        }
+        if ('MutationObserver' in window) {
+            this.#mutationObserver = new MutationObserver(() => {
+                if (this.#currentEl)
+                    this.#scheduleUpdate();
+            });
+        }
+    }
+    #isFocusable(el) {
+        if (!el)
+            return false;
+        const h = el;
+        if (h.tabIndex >= 0)
+            return true;
+        return /^(A|BUTTON|INPUT|SELECT|TEXTAREA)$/.test(h.tagName) || h.isContentEditable;
+    }
+    #matchesFocusVisible(el) {
+        try {
+            return el.matches(':focus-visible');
+        }
+        catch {
+            return true;
+        }
+    }
+    #isElementVisible(el) {
+        const rect = el.getBoundingClientRect();
+        // Check if element has dimensions
+        if (rect.width === 0 || rect.height === 0) {
+            return false;
+        }
+        // Check computed style on element itself
+        const style = getComputedStyle(el);
+        if (style.visibility === 'hidden' || style.display === 'none' || parseFloat(style.opacity) === 0) {
+            return false;
+        }
+        // Check if element is clipped by overflow:hidden parent OR if any parent is hidden
+        return this.#isParentVisible(el, rect);
+    }
+    #isParentVisible(el, rect) {
+        let parent = el.parentElement;
+        while (parent && parent !== document.body) {
+            const parentStyle = getComputedStyle(parent);
+            // Check if parent is hidden
+            if (parentStyle.display === 'none' || parentStyle.visibility === 'hidden' || parseFloat(parentStyle.opacity) === 0) {
+                return false;
+            }
+            const parentOverflow = parentStyle.overflow + parentStyle.overflowX + parentStyle.overflowY;
+            if (parentOverflow.includes('hidden') || parentOverflow.includes('clip')) {
+                const parentRect = parent.getBoundingClientRect();
+                // Calculate intersection - if there's no visible area, element is hidden
+                const visibleRight = Math.min(rect.right, parentRect.right);
+                const visibleLeft = Math.max(rect.left, parentRect.left);
+                const visibleBottom = Math.min(rect.bottom, parentRect.bottom);
+                const visibleTop = Math.max(rect.top, parentRect.top);
+                const visibleWidth = visibleRight - visibleLeft;
+                const visibleHeight = visibleBottom - visibleTop;
+                // If no intersection or intersection is too small (less than 1px), element is not visible
+                if (visibleWidth <= 0 || visibleHeight <= 0) {
+                    return false;
+                }
+            }
+            parent = parent.parentElement;
+        }
+        return true;
+    }
+    #updateHaloRect = () => {
+        if (!this.#currentEl || !this.#haloEl || !document.contains(this.#currentEl)) {
+            this.#haloEl && (this.#haloEl.style.opacity = '0');
+            this.#currentEl = null;
+            return;
+        }
+        // Check if element is actually visible
+        if (!this.#isElementVisible(this.#currentEl)) {
+            this.#haloEl.style.opacity = '0';
+            return;
+        }
+        const rect = this.#currentEl.getBoundingClientRect();
+        const padding = this.#getTargetPadding();
+        const left = Math.floor(rect.left - padding);
+        const top = Math.floor(rect.top - padding);
+        const width = Math.ceil(rect.width + padding * 2);
+        const height = Math.ceil(rect.height + padding * 2);
+        const cs = getComputedStyle(this.#currentEl);
+        this.#haloEl.style.left = `${left}px`;
+        this.#haloEl.style.top = `${top}px`;
+        this.#haloEl.style.width = `${width}px`;
+        this.#haloEl.style.height = `${height}px`;
+        this.#haloEl.style.borderRadius = cs.borderRadius || '8px';
+        this.#haloEl.style.opacity = '1';
+    };
+    #getTargetPadding() {
+        const parent = this.#currentEl?.parentElement;
+        if (parent && this.#noPaddingComponents.includes(parent.nodeName.toLowerCase())) {
+            return 0;
+        }
+        return this.#defaultPadding;
+    }
+    #scheduleUpdate = () => {
+        if (this.#rafId != null)
+            cancelAnimationFrame(this.#rafId);
+        this.#rafId = requestAnimationFrame(this.#updateHaloRect);
+    };
+    #onKeydown = (e) => {
+        // Track arrow keys and other navigation keys that might move focused element
+        const navigationKeys = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End', 'PageUp', 'PageDown'];
+        if (this.#currentEl && navigationKeys.includes(e.key)) {
+            this.#scheduleUpdate();
+        }
+    };
+    #startTracking(target) {
+        this.#currentEl = target;
+        this.#scheduleUpdate();
+        // Track size changes on target element
+        if (this.#resizeObserver) {
+            this.#resizeObserver.observe(target);
+            // Also observe all parent elements with overflow (they might clip the element)
+            let parent = target.parentElement;
+            while (parent && parent !== document.body) {
+                const style = getComputedStyle(parent);
+                const overflow = style.overflow + style.overflowX + style.overflowY;
+                if (overflow.includes('hidden') || overflow.includes('clip') || overflow.includes('auto') || overflow.includes('scroll')) {
+                    this.#resizeObserver.observe(parent);
+                }
+                parent = parent.parentElement;
+            }
+        }
+        // Track style/attribute changes (for position, transform changes)
+        if (this.#mutationObserver) {
+            this.#mutationObserver.observe(target, {
+                attributes: true,
+                attributeFilter: ['style', 'class'],
+                subtree: false
+            });
+        }
+    }
+    #stopTracking() {
+        if (this.#resizeObserver)
+            this.#resizeObserver.disconnect();
+        if (this.#mutationObserver)
+            this.#mutationObserver.disconnect();
+    }
+    #onFocus = (e) => {
+        const target = e.target;
+        if (!this.#isFocusable(target))
+            return;
+        if (!this.#matchesFocusVisible(target)) {
+            this.#haloEl && (this.#haloEl.style.opacity = '0');
+            this.#currentEl = null;
+            return;
+        }
+        this.#stopTracking();
+        this.#startTracking(target);
+    };
+    #onBlur = (e) => {
+        if (e.target === this.#currentEl && this.#haloEl) {
+            this.#haloEl.style.opacity = '0';
+            this.#currentEl = null;
+            this.#stopTracking();
+        }
+    };
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HaloFocusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HaloFocusService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HaloFocusService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 class SnackBarService {
     #snackBar = inject(MatSnackBar);
     info(message, action) {
@@ -100,9 +313,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                     }, styles: [":host{display:flex}\n"] }]
         }] });
 
+/**
+ * Provides and initializes the HaloFocusService.
+ * By calling this function in your ApplicationConfig providers,
+ * the Halo Focus feature will be activated, allowing users to see a visual focus indicator.
+ * The service will be initialized outside Angular zone for optimal performance.
+ *
+ * @returns EnvironmentProviders
+ */
+function provideHaloFocus() {
+    return provideAppInitializer(() => {
+        const zone = inject(NgZone);
+        const haloFocus = inject(HaloFocusService);
+        zone.runOutsideAngular(() => haloFocus.init());
+    });
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SnackBarComponent, SnackBarService, YuuvisClientFrameworkModule };
+export { HaloFocusService, SnackBarComponent, SnackBarService, YuuvisClientFrameworkModule, provideHaloFocus };
 //# sourceMappingURL=yuuvis-client-framework.mjs.map

package/fesm2022/yuuvis-client-framework.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-framework.mjs","sources":["../../../../../libs/yuuvis/client-framework/src/lib/yuuvis-client-framework.module.ts","../../../../../libs/yuuvis/client-framework/src/lib/services/snack-bar/snack-bar.service.ts","../../../../../libs/yuuvis/client-framework/src/yuuvis-client-framework.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class YuuvisClientFrameworkModule {}\n","import { Component, inject, Injectable, signal } from '@angular/core';\nimport { MAT_SNACK_BAR_DATA, MatSnackBar, MatSnackBarAction, MatSnackBarActions, MatSnackBarLabel, MatSnackBarRef } from '@angular/material/snack-bar';\nimport { SnackBarData, SnackBarLevel, SnackBarOptions } from './snack-bar.interface';\nimport { MatButtonModule } from '@angular/material/button';\n@Injectable({\n  providedIn: 'root'\n})\nexport class SnackBarService {\n  #snackBar = inject(MatSnackBar);\n\n  info(message: string, action?: string): MatSnackBarRef<SnackBarComponent> {\n    return this.snack(message, { action, level: 'info' });\n  }\n\n  success(message: string, action?: string): MatSnackBarRef<SnackBarComponent> {\n    return this.snack(message, { action, level: 'success' });\n  }\n\n  warning(message: string, action?: string): MatSnackBarRef<SnackBarComponent> {\n    return this.snack(message, { action, level: 'warning' });\n  }\n\n  danger(message: string, action?: string): MatSnackBarRef<SnackBarComponent> {\n    return this.snack(message, { action, level: 'danger' });\n  }\n\n  snack(message: string, options: SnackBarOptions): MatSnackBarRef<SnackBarComponent> {\n    return this.#snackBar.openFromComponent(SnackBarComponent, {\n      data: {\n        level: options.level,\n        message,\n        action: options.action\n      },\n      duration: options.duration || 3000,\n      horizontalPosition: options.horizontalPosition,\n      verticalPosition: options.verticalPosition,\n      panelClass: ['yuv-snack-bar', 'level-' + options.level]\n    });\n  }\n}\n\n@Component({\n  selector: 'yuv-snack-bar-component',\n  template: `\n    <span matSnackBarLabel (click)=\"dismiss()\"> {{ message() }} </span>\n    @let a = action();\n    @if (a) {\n      <span matSnackBarActions>\n        <button mat-button matSnackBarAction (click)=\"dismiss(!!a)\">{{ action() }}</button>\n      </span>\n    }\n  `,\n  styles: `\n    :host {\n      display: flex;\n    }\n  `,\n  imports: [MatButtonModule, MatSnackBarLabel, MatSnackBarActions, MatSnackBarAction],\n  host: {\n    '[class.info]': \"level() === 'info'\",\n    '[class.success]': \"level() === 'success'\",\n    '[class.warning]': \"level() === 'warning'\",\n    '[class.danger]': \"level() === 'danger'\"\n  }\n})\nexport class SnackBarComponent {\n  #snackBarRef = inject(MatSnackBarRef);\n  #snackData = inject<SnackBarData>(MAT_SNACK_BAR_DATA);\n  level = signal<SnackBarLevel>(this.#snackData.level);\n  message = signal<string>(this.#snackData.message);\n  action = signal<string | undefined>(this.#snackData.action);\n\n  dismiss(withAction = false) {\n    if (withAction) {\n      this.#snackBarRef.dismissWithAction();\n    } else if (!this.action()) {\n      this.#snackBarRef.dismiss();\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yuuvis-client-framework.mjs","sources":["../../../../../libs/yuuvis/client-framework/src/lib/yuuvis-client-framework.module.ts","../../../../../libs/yuuvis/client-framework/src/lib/services/halo-focus/halo-focus.service.ts","../../../../../libs/yuuvis/client-framework/src/lib/services/snack-bar/snack-bar.service.ts","../../../../../libs/yuuvis/client-framework/src/lib/providers/halo-focus/provide-halo-focus.ts","../../../../../libs/yuuvis/client-framework/src/yuuvis-client-framework.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class YuuvisClientFrameworkModule {}\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class HaloFocusService {\n  #haloEl: HTMLDivElement | null = null;\n  #currentEl: HTMLElement | null = null;\n  #rafId: number | null = null; //Request Animation Frame ID\n  #resizeObserver?: ResizeObserver;\n  #mutationObserver?: MutationObserver;\n\n  readonly #defaultPadding = 3;\n  readonly #noPaddingComponents = ['yuv-shell-logo'];\n\n  init() {\n    this.#appendHaloElementToDOM();\n    this.#initListeners();\n    this.#initObservers();\n  }\n\n  #appendHaloElementToDOM(): void {\n    this.#haloEl = document.createElement('div');\n    this.#haloEl.id = 'focus-halo';\n    this.#haloEl.setAttribute('aria-hidden', 'true');\n    Object.assign(this.#haloEl.style, {\n      position: 'fixed',\n      pointerEvents: 'none',\n      zIndex: '9999',\n      border: '2px solid var(--ymt-primary)',\n      boxShadow: '0 0 0 4px rgba(from var(--ymt-primary) r g b / 0.2)',\n      borderRadius: '8px',\n      opacity: '0',\n      transform: 'translateZ(0)'\n      // transition: 'opacity 120ms ease, transform 120ms ease, width 120ms ease, height 120ms ease, left 120ms ease, top 120ms ease'\n    });\n    document.body.appendChild(this.#haloEl);\n  }\n\n  #initListeners(): void {\n    document.addEventListener('focus', this.#onFocus, true);\n    document.addEventListener('blur', this.#onBlur, true);\n    window.addEventListener('scroll', this.#scheduleUpdate, true);\n    window.addEventListener('resize', this.#scheduleUpdate);\n    document.addEventListener('keydown', this.#onKeydown, true);\n  }\n\n  #initObservers(): void {\n    if ('ResizeObserver' in window) {\n      this.#resizeObserver = new ResizeObserver(() => {\n        if (this.#currentEl) this.#scheduleUpdate();\n      });\n    }\n\n    if ('MutationObserver' in window) {\n      this.#mutationObserver = new MutationObserver(() => {\n        if (this.#currentEl) this.#scheduleUpdate();\n      });\n    }\n  }\n\n  #isFocusable(el: Element | null): el is HTMLElement {\n    if (!el) return false;\n    const h = el as HTMLElement;\n    if (h.tabIndex >= 0) return true;\n    return /^(A|BUTTON|INPUT|SELECT|TEXTAREA)$/.test(h.tagName) || h.isContentEditable;\n  }\n\n  #matchesFocusVisible(el: HTMLElement): boolean {\n    try {\n      return el.matches(':focus-visible');\n    } catch {\n      return true;\n    }\n  }\n\n  #isElementVisible(el: HTMLElement): boolean {\n    const rect = el.getBoundingClientRect();\n\n    // Check if element has dimensions\n    if (rect.width === 0 || rect.height === 0) {\n      return false;\n    }\n\n    // Check computed style on element itself\n    const style = getComputedStyle(el);\n    if (style.visibility === 'hidden' || style.display === 'none' || parseFloat(style.opacity) === 0) {\n      return false;\n    }\n\n    // Check if element is clipped by overflow:hidden parent OR if any parent is hidden\n    return this.#isParentVisible(el, rect);\n  }\n\n  #isParentVisible(el: HTMLElement, rect: DOMRect): boolean {\n    let parent = el.parentElement;\n    while (parent && parent !== document.body) {\n      const parentStyle = getComputedStyle(parent);\n\n      // Check if parent is hidden\n      if (parentStyle.display === 'none' || parentStyle.visibility === 'hidden' || parseFloat(parentStyle.opacity) === 0) {\n        return false;\n      }\n\n      const parentOverflow = parentStyle.overflow + parentStyle.overflowX + parentStyle.overflowY;\n\n      if (parentOverflow.includes('hidden') || parentOverflow.includes('clip')) {\n        const parentRect = parent.getBoundingClientRect();\n        // Calculate intersection - if there's no visible area, element is hidden\n        const visibleRight = Math.min(rect.right, parentRect.right);\n        const visibleLeft = Math.max(rect.left, parentRect.left);\n        const visibleBottom = Math.min(rect.bottom, parentRect.bottom);\n        const visibleTop = Math.max(rect.top, parentRect.top);\n\n        const visibleWidth = visibleRight - visibleLeft;\n        const visibleHeight = visibleBottom - visibleTop;\n\n        // If no intersection or intersection is too small (less than 1px), element is not visible\n        if (visibleWidth <= 0 || visibleHeight <= 0) {\n          return false;\n        }\n      }\n      parent = parent.parentElement;\n    }\n    return true;\n  }\n\n  #updateHaloRect = () => {\n    if (!this.#currentEl || !this.#haloEl || !document.contains(this.#currentEl)) {\n      this.#haloEl && (this.#haloEl.style.opacity = '0');\n      this.#currentEl = null;\n      return;\n    }\n\n    // Check if element is actually visible\n    if (!this.#isElementVisible(this.#currentEl)) {\n      this.#haloEl.style.opacity = '0';\n      return;\n    }\n\n    const rect = this.#currentEl.getBoundingClientRect();\n    const padding = this.#getTargetPadding();\n\n    const left = Math.floor(rect.left - padding);\n    const top = Math.floor(rect.top - padding);\n    const width = Math.ceil(rect.width + padding * 2);\n    const height = Math.ceil(rect.height + padding * 2);\n\n    const cs = getComputedStyle(this.#currentEl);\n    this.#haloEl.style.left = `${left}px`;\n    this.#haloEl.style.top = `${top}px`;\n    this.#haloEl.style.width = `${width}px`;\n    this.#haloEl.style.height = `${height}px`;\n    this.#haloEl.style.borderRadius = cs.borderRadius || '8px';\n    this.#haloEl.style.opacity = '1';\n  };\n\n  #getTargetPadding(): number {\n    const parent = this.#currentEl?.parentElement;\n    if (parent && this.#noPaddingComponents.includes(parent.nodeName.toLowerCase())) {\n      return 0;\n    }\n    return this.#defaultPadding;\n  }\n\n  #scheduleUpdate = () => {\n    if (this.#rafId != null) cancelAnimationFrame(this.#rafId);\n    this.#rafId = requestAnimationFrame(this.#updateHaloRect);\n  };\n\n  #onKeydown = (e: KeyboardEvent) => {\n    // Track arrow keys and other navigation keys that might move focused element\n    const navigationKeys = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End', 'PageUp', 'PageDown'];\n    if (this.#currentEl && navigationKeys.includes(e.key)) {\n      this.#scheduleUpdate();\n    }\n  };\n\n  #startTracking(target: HTMLElement) {\n    this.#currentEl = target;\n    this.#scheduleUpdate();\n\n    // Track size changes on target element\n    if (this.#resizeObserver) {\n      this.#resizeObserver.observe(target);\n\n      // Also observe all parent elements with overflow (they might clip the element)\n      let parent = target.parentElement;\n      while (parent && parent !== document.body) {\n        const style = getComputedStyle(parent);\n        const overflow = style.overflow + style.overflowX + style.overflowY;\n        if (overflow.includes('hidden') || overflow.includes('clip') || overflow.includes('auto') || overflow.includes('scroll')) {\n          this.#resizeObserver.observe(parent);\n        }\n        parent = parent.parentElement;\n      }\n    }\n\n    // Track style/attribute changes (for position, transform changes)\n    if (this.#mutationObserver) {\n      this.#mutationObserver.observe(target, {\n        attributes: true,\n        attributeFilter: ['style', 'class'],\n        subtree: false\n      });\n    }\n  }\n\n  #stopTracking() {\n    if (this.#resizeObserver) this.#resizeObserver.disconnect();\n    if (this.#mutationObserver) this.#mutationObserver.disconnect();\n  }\n\n  #onFocus = (e: FocusEvent) => {\n    const target = e.target as HTMLElement;\n    if (!this.#isFocusable(target)) return;\n    if (!this.#matchesFocusVisible(target)) {\n      this.#haloEl && (this.#haloEl.style.opacity = '0');\n      this.#currentEl = null;\n      return;\n    }\n    this.#stopTracking();\n    this.#startTracking(target);\n  };\n\n  #onBlur = (e: FocusEvent) => {\n    if ((e.target as HTMLElement) === this.#currentEl && this.#haloEl) {\n      this.#haloEl.style.opacity = '0';\n      this.#currentEl = null;\n      this.#stopTracking();\n    }\n  };\n\n  /** Optional: allow manual control from directives/components */\n  // public showFor(el: HTMLElement) {\n  //   this.#currentEl = el;\n  //   this.#scheduleUpdate();\n  //   if (this.#ro) {\n  //     this.#ro.disconnect();\n  //     this.#ro.observe(el);\n  //   }\n  // }\n\n  // public hide() {\n  //   if (this.#haloEl) this.#haloEl.style.opacity = '0';\n  //   this.#currentEl = null;\n  //   if (this.#ro) this.#ro.disconnect();\n  // }\n}\n","import { Component, inject, Injectable, signal } from '@angular/core';\nimport { MAT_SNACK_BAR_DATA, MatSnackBar, MatSnackBarAction, MatSnackBarActions, MatSnackBarLabel, MatSnackBarRef } from '@angular/material/snack-bar';\nimport { SnackBarData, SnackBarLevel, SnackBarOptions } from './snack-bar.interface';\nimport { MatButtonModule } from '@angular/material/button';\n@Injectable({\n  providedIn: 'root'\n})\nexport class SnackBarService {\n  #snackBar = inject(MatSnackBar);\n\n  info(message: string, action?: string): MatSnackBarRef<SnackBarComponent> {\n    return this.snack(message, { action, level: 'info' });\n  }\n\n  success(message: string, action?: string): MatSnackBarRef<SnackBarComponent> {\n    return this.snack(message, { action, level: 'success' });\n  }\n\n  warning(message: string, action?: string): MatSnackBarRef<SnackBarComponent> {\n    return this.snack(message, { action, level: 'warning' });\n  }\n\n  danger(message: string, action?: string): MatSnackBarRef<SnackBarComponent> {\n    return this.snack(message, { action, level: 'danger' });\n  }\n\n  snack(message: string, options: SnackBarOptions): MatSnackBarRef<SnackBarComponent> {\n    return this.#snackBar.openFromComponent(SnackBarComponent, {\n      data: {\n        level: options.level,\n        message,\n        action: options.action\n      },\n      duration: options.duration || 3000,\n      horizontalPosition: options.horizontalPosition,\n      verticalPosition: options.verticalPosition,\n      panelClass: ['yuv-snack-bar', 'level-' + options.level]\n    });\n  }\n}\n\n@Component({\n  selector: 'yuv-snack-bar-component',\n  template: `\n    <span matSnackBarLabel (click)=\"dismiss()\"> {{ message() }} </span>\n    @let a = action();\n    @if (a) {\n      <span matSnackBarActions>\n        <button mat-button matSnackBarAction (click)=\"dismiss(!!a)\">{{ action() }}</button>\n      </span>\n    }\n  `,\n  styles: `\n    :host {\n      display: flex;\n    }\n  `,\n  imports: [MatButtonModule, MatSnackBarLabel, MatSnackBarActions, MatSnackBarAction],\n  host: {\n    '[class.info]': \"level() === 'info'\",\n    '[class.success]': \"level() === 'success'\",\n    '[class.warning]': \"level() === 'warning'\",\n    '[class.danger]': \"level() === 'danger'\"\n  }\n})\nexport class SnackBarComponent {\n  #snackBarRef = inject(MatSnackBarRef);\n  #snackData = inject<SnackBarData>(MAT_SNACK_BAR_DATA);\n  level = signal<SnackBarLevel>(this.#snackData.level);\n  message = signal<string>(this.#snackData.message);\n  action = signal<string | undefined>(this.#snackData.action);\n\n  dismiss(withAction = false) {\n    if (withAction) {\n      this.#snackBarRef.dismissWithAction();\n    } else if (!this.action()) {\n      this.#snackBarRef.dismiss();\n    }\n  }\n}\n","import { EnvironmentProviders, inject, NgZone, provideAppInitializer } from '@angular/core';\nimport { HaloFocusService } from '../../services';\n\n/**\n * Provides and initializes the HaloFocusService.\n * By calling this function in your ApplicationConfig providers,\n * the Halo Focus feature will be activated, allowing users to see a visual focus indicator.\n * The service will be initialized outside Angular zone for optimal performance.\n *\n * @returns EnvironmentProviders\n */\nexport function provideHaloFocus(): EnvironmentProviders {\n  return provideAppInitializer(() => {\n    const zone = inject(NgZone);\n    const haloFocus = inject(HaloFocusService);\n    zone.runOutsideAngular(() => haloFocus.init());\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/forms/lib/elements/datetime/datetime.component.d.ts

@@ -34,6 +34,7 @@ export declare class DatetimeComponent extends AbstractMatFormField<Date | null>
     writeValue(value: any): void;
     registerOnChange(fn: () => void): void;
     registerOnTouched(): void;
+    setDisabledState?(isDisabled: boolean): void;
     onValueChange(e: any): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatetimeComponent, never>;

package/index.d.ts

@@ -1,3 +1,3 @@
 export * from './lib/yuuvis-client-framework.module';
-export * from './lib/services/snack-bar/snack-bar.service';
-export * from './lib/services/snack-bar/snack-bar.interface';
+export * from './lib/services';
+export * from './lib/providers';

package/lib/providers/halo-focus/provide-halo-focus.d.ts

@@ -0,0 +1,10 @@
+import { EnvironmentProviders } from '@angular/core';
+/**
+ * Provides and initializes the HaloFocusService.
+ * By calling this function in your ApplicationConfig providers,
+ * the Halo Focus feature will be activated, allowing users to see a visual focus indicator.
+ * The service will be initialized outside Angular zone for optimal performance.
+ *
+ * @returns EnvironmentProviders
+ */
+export declare function provideHaloFocus(): EnvironmentProviders;

package/lib/providers/index.d.ts

@@ -0,0 +1 @@
+export * from './halo-focus/provide-halo-focus';

package/lib/services/halo-focus/halo-focus.service.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class HaloFocusService {
+    #private;
+    init(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HaloFocusService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<HaloFocusService>;
+}

package/lib/services/index.d.ts

@@ -0,0 +1,3 @@
+export * from './halo-focus/halo-focus.service';
+export * from './snack-bar/snack-bar.interface';
+export * from './snack-bar/snack-bar.service';

package/list/lib/list-item.directive.d.ts

@@ -1,4 +1,5 @@
 import { Highlightable } from '@angular/cdk/a11y';
+import { AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Directive for list items. It is used in the `yuvList` component
@@ -12,7 +13,7 @@ import * as i0 from "@angular/core";
  * </yuv-list>
  * ```
  */
-export declare class ListItemDirective implements Highlightable {
+export declare class ListItemDirective implements Highlightable, AfterViewInit {
     #private;
     onClick?: (evt: MouseEvent) => void;
     disabled?: boolean | undefined;
@@ -26,9 +27,14 @@ export declare class ListItemDirective implements Highlightable {
     selected: import("@angular/core").InputSignal<boolean>;
     selectedInput: import("@angular/core").WritableSignal<any>;
     activeInput: import("@angular/core").WritableSignal<any>;
+    focusableChildren: Element[];
+    focusedIndex: number;
     onHostClick(evt: MouseEvent): void;
     setActiveStyles(): void;
     setInactiveStyles(): void;
+    focusNext(): void;
+    focusPrevious(): void;
+    ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListItemDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ListItemDirective, "[yuvListItem]", never, { "disabled": { "alias": "disabled"; "required": false; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuuvis/client-framework",
-  "version": "2.5.2",
+  "version": "2.6.0",
   "author": "OPTIMAL SYSTEMS GmbH <npm@optimal-systems.de>",
   "license": "MIT",
   "peerDependencies": {
@@ -8,16 +8,16 @@
     "@angular/common": "^19.2.1",
     "@angular/core": "^19.2.1",
     "angular-gridster2": "^19.0.0",
-    "@yuuvis/client-core": "^2.5.2",
-    "@yuuvis/client-shell-core": "^2.5.2",
+    "@yuuvis/client-core": "^2.6.0",
+    "@yuuvis/client-shell-core": "^2.6.0",
     "ng-dynamic-component": "^10.8.2",
     "modern-normalize": "^3.0.1"
   },
   "dependencies": {
     "@angular/material": "^19.2.15",
     "@ngrx/signals": "^19.2.0",
-    "@yuuvis/material": "2.5.2",
-    "@yuuvis/media-viewer": "^2.0.11",
+    "@yuuvis/material": "2.6.0",
+    "@yuuvis/media-viewer": "^2.0.12",
     "angular-split": "^19.0.0",
     "vis-network": "^10.0.2",
     "tslib": "^2.3.0"
@@ -36,14 +36,14 @@
       "types": "./actions/index.d.ts",
       "default": "./fesm2022/yuuvis-client-framework-actions.mjs"
     },
-    "./autocomplete": {
-      "types": "./autocomplete/index.d.ts",
-      "default": "./fesm2022/yuuvis-client-framework-autocomplete.mjs"
-    },
     "./app-bar": {
       "types": "./app-bar/index.d.ts",
       "default": "./fesm2022/yuuvis-client-framework-app-bar.mjs"
     },
+    "./autocomplete": {
+      "types": "./autocomplete/index.d.ts",
+      "default": "./fesm2022/yuuvis-client-framework-autocomplete.mjs"
+    },
     "./clipboard": {
       "types": "./clipboard/index.d.ts",
       "default": "./fesm2022/yuuvis-client-framework-clipboard.mjs"

package/simple-search/lib/models/index.d.ts

@@ -0,0 +1 @@
+export * from './object-type-aggregation.model';

package/simple-search/lib/models/object-type-aggregation.model.d.ts

@@ -0,0 +1,14 @@
+export interface ObjectTypeAggregation {
+    /**
+     * id of a found object type
+     */
+    objectTypeId: string;
+    /**
+     * label of an object
+     */
+    label: string;
+    /**
+     * number of objects found
+     */
+    count: number;
+}

package/simple-search/lib/simple-search/simple-search.component.d.ts

@@ -1,31 +1,16 @@
-import { EventEmitter } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SearchQuery, TranslateService } from '@yuuvis/client-core';
+import { ObjectTypeAggregation } from '../models';
 import * as i0 from "@angular/core";
-export interface ObjectTypeAggregation {
-    /**
-     * id of a found object type
-     */
-    objectTypeId: string;
-    /**
-     * label of an object
-     */
-    label: string;
-    /**
-     * number of objects found
-     */
-    count: number;
-}
-export declare class SimpleSearchComponent {
+export declare class SimpleSearchComponent implements AfterViewInit {
     #private;
     readonly translate: TranslateService;
-    private _query;
     /**
      * The search query
      */
     set query(q: SearchQuery | null);
     get query(): SearchQuery | null;
-    form: FormGroup;
     /**
      * Emitted once the user submits the search
      */
@@ -40,11 +25,16 @@ export declare class SimpleSearchComponent {
     targetSelectionChanged: EventEmitter<(string | number)[]>;
     queryChange: EventEmitter<SearchQuery>;
     typeAggregation: EventEmitter<ObjectTypeAggregation[]>;
-    constructor();
-    search(): void;
-    aggregate(all?: boolean): void;
-    clear($event: Event): void;
-    private _processAggregateResult;
+    searchInput: ElementRef<HTMLInputElement>;
+    form: FormGroup;
+    private _query;
+    ngAfterViewInit(): void;
+    private subscribeToTargetsChanges;
+    private subscribeToSearchFormChanges;
+    private aggregate;
+    onSearch(): void;
+    onClear($event: Event): void;
+    private handleAggregateResult;
     static ɵfac: i0.ɵɵFactoryDeclaration<SimpleSearchComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SimpleSearchComponent, "yuv-simple-search", never, { "query": { "alias": "query"; "required": false; }; }, { "querySubmit": "querySubmit"; "clearInput": "clearInput"; "targetSelectionChanged": "targetSelectionChanged"; "queryChange": "queryChange"; "typeAggregation": "typeAggregation"; }, never, never, true, never>;
 }

package/split-view/lib/split-area-cover.directive.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+/**
+ * Directive to add a cover overlay to a split area during dragging.
+ * This is useful when the split area contains elements like iframes
+ * that can capture drag events and interfere with the split view's
+ * dragging functionality.
+ * The overlay will be transparent and therefore not recognized by
+ * the user, but will capture the drag events.
+ */
+export declare class SplitAreaCoverDirective {
+    #private;
+    yuvSplitAreaCover: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplitAreaCoverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitAreaCoverDirective, "[yuvSplitAreaCover]", never, { "yuvSplitAreaCover": { "alias": "yuvSplitAreaCover"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}