@shival99/z-ui 2.4.5 → 2.4.6

package/fesm2022/shival99-z-ui-components-z-hover-glide.mjs

@@ -45,23 +45,32 @@ class ZHoverGlideDirective {
     _animations = [];
     _lastPointerPosition = null;
     _scrollFrame = null;
-    _prefersReducedMotion = typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    _animationGeneration = 0;
+    _prefersReducedMotion = typeof window !== 'undefined' &&
+        typeof window.matchMedia === 'function' &&
+        window.matchMedia('(prefers-reduced-motion: reduce)').matches;
     ngOnDestroy() {
         if (this._scrollFrame !== null && typeof cancelAnimationFrame === 'function') {
             cancelAnimationFrame(this._scrollFrame);
         }
-        for (const animation of this._animations) {
-            animation.cancel();
-        }
-        this._highlightEl?.remove();
+        this._cancelAnimations();
+        this._removeHighlightElements();
     }
     _onPointerOver(event) {
         if (this.zHoverGlideDisabled() || event.pointerType === 'touch') {
             return;
         }
         this._lastPointerPosition = { x: event.clientX, y: event.clientY };
-        const target = event.target?.closest(this.zHoverGlideSelector());
-        if (!target || target === this._currentTarget || !this._elementRef.nativeElement.contains(target)) {
+        const source = event.target;
+        const target = this._getTarget(source);
+        if (!target) {
+            if (this._isNestedHostTarget(source)) {
+                this._currentTarget = null;
+                this._fadeOut();
+            }
+            return;
+        }
+        if (target === this._currentTarget) {
             return;
         }
         if (target.getAttribute('aria-disabled') === 'true' || target.disabled) {
@@ -72,6 +81,15 @@ class ZHoverGlideDirective {
         this._currentTarget = target;
         this._moveTo(target);
     }
+    _onPointerOut(event) {
+        const relatedTarget = event.relatedTarget;
+        if (relatedTarget && this._elementRef.nativeElement.contains(relatedTarget)) {
+            return;
+        }
+        this._currentTarget = null;
+        this._lastPointerPosition = null;
+        this._fadeOut();
+    }
     _onPointerMove(event) {
         if (!this.zHoverGlideDisabled() && event.pointerType !== 'touch') {
             this._lastPointerPosition = { x: event.clientX, y: event.clientY };
@@ -105,12 +123,8 @@ class ZHoverGlideDirective {
             this._fadeOut();
             return;
         }
-        const elementAtPointer = document.elementFromPoint(pointer.x, pointer.y);
-        const target = elementAtPointer?.closest(this.zHoverGlideSelector());
-        if (!target ||
-            !this._elementRef.nativeElement.contains(target) ||
-            target.getAttribute('aria-disabled') === 'true' ||
-            target.disabled) {
+        const target = this._getTarget(document.elementFromPoint(pointer.x, pointer.y));
+        if (!target || target.getAttribute('aria-disabled') === 'true' || target.disabled) {
             this._currentTarget = null;
             this._fadeOut();
             return;
@@ -118,12 +132,43 @@ class ZHoverGlideDirective {
         this._currentTarget = target;
         this._moveTo(target, false);
     }
+    _getTarget(source) {
+        const target = source?.closest(this.zHoverGlideSelector());
+        if (!target) {
+            return null;
+        }
+        const container = this._elementRef.nativeElement;
+        if (!container.contains(target) || target.closest('[zhoverglide]') !== container) {
+            return null;
+        }
+        return target;
+    }
+    _isNestedHostTarget(source) {
+        const sourceElement = source;
+        if (!sourceElement) {
+            return false;
+        }
+        const nestedHost = sourceElement.closest('[zhoverglide]');
+        return nestedHost !== null && nestedHost !== this._elementRef.nativeElement;
+    }
     _ensureHighlightEl() {
+        const container = this._elementRef.nativeElement;
+        const highlights = Array.from(container.children).filter(child => child.hasAttribute('data-z-hover-glide-highlight'));
+        const current = this._highlightEl?.parentElement === container ? this._highlightEl : null;
+        for (const highlight of highlights) {
+            if (highlight !== current) {
+                this._removeHighlightElement(highlight);
+            }
+        }
+        if (current) {
+            return current;
+        }
         if (this._highlightEl) {
-            return this._highlightEl;
+            this._removeHighlightElement(this._highlightEl);
         }
         const el = this._renderer.createElement('div');
         el.setAttribute('aria-hidden', 'true');
+        el.setAttribute('data-z-hover-glide-highlight', '');
         el.style.position = 'absolute';
         el.style.top = '0';
         el.style.left = '0';
@@ -133,7 +178,6 @@ class ZHoverGlideDirective {
         el.style.pointerEvents = 'none';
         el.style.transition = this._prefersReducedMotion ? 'none' : 'opacity 120ms ease-out';
         el.className = this.zHoverGlideClass();
-        const container = this._elementRef.nativeElement;
         container.insertBefore(el, container.firstChild);
         this._highlightEl = el;
         return el;
@@ -153,10 +197,7 @@ class ZHoverGlideDirective {
         };
         const previous = this._box;
         this._box = next;
-        for (const animation of this._animations) {
-            animation.cancel();
-        }
-        this._animations = [];
+        this._cancelAnimations();
         // Size and final position are a single, un-animated write — identical cost to any other
         // re-render. Only `transform` animates from here, so the glide itself never re-triggers layout.
         el.style.width = `${next.w}px`;
@@ -170,6 +211,24 @@ class ZHoverGlideDirective {
         const scaleX = previous.w / next.w;
         const scaleY = previous.h / next.h;
         const options = { duration: 180, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' };
+        const animationGeneration = this._animationGeneration;
+        let activeAnimationCount = 0;
+        const trackAnimation = (animation) => {
+            activeAnimationCount += 1;
+            const cleanup = () => {
+                const index = this._animations.indexOf(animation);
+                if (index >= 0) {
+                    this._animations.splice(index, 1);
+                }
+                activeAnimationCount = Math.max(0, activeAnimationCount - 1);
+                if (animationGeneration === this._animationGeneration && activeAnimationCount === 0) {
+                    el.style.willChange = 'auto';
+                }
+            };
+            animation.addEventListener('finish', cleanup, { once: true });
+            animation.addEventListener('cancel', cleanup, { once: true });
+            this._animations.push(animation);
+        };
         // `will-change` only for the animation's own lifetime: pinning it permanently keeps this
         // element on its own compositor layer at rest too, which makes Chromium periodically
         // re-rasterize the item text sitting on top of it at a slightly different subpixel offset —
@@ -179,24 +238,57 @@ class ZHoverGlideDirective {
             { transform: `translate(${previous.x}px, ${previous.y}px) scale(${scaleX}, ${scaleY})` },
             { transform: `translate(${next.x}px, ${next.y}px)` },
         ], options);
-        const clearWillChange = () => {
-            el.style.willChange = 'auto';
-        };
-        transformAnimation.addEventListener('finish', clearWillChange);
-        transformAnimation.addEventListener('cancel', clearWillChange);
-        this._animations.push(transformAnimation);
+        trackAnimation(transformAnimation);
         const radius = parseFloat(getComputedStyle(el).borderTopLeftRadius) || 0;
         if (radius > 0 && (scaleX !== 1 || scaleY !== 1)) {
-            this._animations.push(el.animate(zHoverGlideRadiusKeyframes(radius, scaleX, scaleY), options));
+            trackAnimation(el.animate(zHoverGlideRadiusKeyframes(radius, scaleX, scaleY), options));
         }
     }
     _fadeOut() {
-        if (this._highlightEl) {
-            this._highlightEl.style.opacity = '0';
+        this._cancelAnimations();
+        this._box = null;
+        if (!this._highlightEl) {
+            return;
+        }
+        this._highlightEl.style.willChange = 'auto';
+        this._highlightEl.style.opacity = '0';
+    }
+    _cancelAnimations() {
+        this._animationGeneration += 1;
+        const animations = new Set(this._animations);
+        const highlight = this._highlightEl;
+        if (highlight && typeof highlight.getAnimations === 'function') {
+            for (const animation of highlight.getAnimations()) {
+                animations.add(animation);
+            }
+        }
+        for (const animation of animations) {
+            animation.cancel();
+        }
+        this._animations = [];
+        if (highlight) {
+            highlight.style.willChange = 'auto';
+        }
+    }
+    _removeHighlightElements() {
+        const container = this._elementRef.nativeElement;
+        for (const child of Array.from(container.children)) {
+            if (child.hasAttribute('data-z-hover-glide-highlight')) {
+                this._removeHighlightElement(child);
+            }
+        }
+        this._highlightEl = null;
+    }
+    _removeHighlightElement(element) {
+        if (typeof element.getAnimations === 'function') {
+            for (const animation of element.getAnimations()) {
+                animation.cancel();
+            }
         }
+        element.remove();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ZHoverGlideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: ZHoverGlideDirective, isStandalone: true, selector: "[zHoverGlide]", inputs: { zHoverGlideSelector: { classPropertyName: "zHoverGlideSelector", publicName: "zHoverGlideSelector", isSignal: true, isRequired: false, transformFunction: null }, zHoverGlideClass: { classPropertyName: "zHoverGlideClass", publicName: "zHoverGlideClass", isSignal: true, isRequired: false, transformFunction: null }, zHoverGlideDisabled: { classPropertyName: "zHoverGlideDisabled", publicName: "zHoverGlideDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "pointerover": "_onPointerOver($event)", "pointermove": "_onPointerMove($event)", "pointerleave": "_onPointerLeave()", "scroll": "_onScroll()" }, classAttribute: "relative" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: ZHoverGlideDirective, isStandalone: true, selector: "[zHoverGlide]", inputs: { zHoverGlideSelector: { classPropertyName: "zHoverGlideSelector", publicName: "zHoverGlideSelector", isSignal: true, isRequired: false, transformFunction: null }, zHoverGlideClass: { classPropertyName: "zHoverGlideClass", publicName: "zHoverGlideClass", isSignal: true, isRequired: false, transformFunction: null }, zHoverGlideDisabled: { classPropertyName: "zHoverGlideDisabled", publicName: "zHoverGlideDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "pointerover": "_onPointerOver($event)", "pointerout": "_onPointerOut($event)", "pointermove": "_onPointerMove($event)", "pointerleave": "_onPointerLeave()", "scroll": "_onScroll()" }, classAttribute: "relative" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ZHoverGlideDirective, decorators: [{
             type: Directive,
@@ -206,6 +298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                     host: {
                         class: 'relative',
                         '(pointerover)': '_onPointerOver($event)',
+                        '(pointerout)': '_onPointerOut($event)',
                         '(pointermove)': '_onPointerMove($event)',
                         '(pointerleave)': '_onPointerLeave()',
                         '(scroll)': '_onScroll()',

package/fesm2022/shival99-z-ui-components-z-hover-glide.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shival99-z-ui-components-z-hover-glide.mjs","sources":["../../../../libs/core-ui/components/z-hover-glide/z-hover-glide.util.ts","../../../../libs/core-ui/components/z-hover-glide/z-hover-glide.directive.ts","../../../../libs/core-ui/components/z-hover-glide/shival99-z-ui-components-z-hover-glide.ts"],"sourcesContent":["/** Counter-scales border-radius across a non-uniform scale() so corners don't squash into an ellipse mid-glide. */\nexport function zHoverGlideRadiusKeyframes(radius: number, scaleX: number, scaleY: number): Keyframe[] {\n  const steps = 12;\n  return Array.from({ length: steps }, (_, index) => {\n    const progress = index / (steps - 1);\n    const x = scaleX + (1 - scaleX) * progress;\n    const y = scaleY + (1 - scaleY) * progress;\n    return { borderRadius: `${radius / x}px / ${radius / y}px` };\n  });\n}\n","import { Directive, ElementRef, inject, input, OnDestroy, Renderer2 } from '@angular/core';\nimport { zTransform } from '@shival99/z-ui/utils';\nimport type { ZHoverGlideBox } from './z-hover-glide.types';\nimport { zHoverGlideRadiusKeyframes } from './z-hover-glide.util';\n\n/**\n * Shared sliding hover highlight for item lists (select options, autocomplete options, command\n * items, dropdown-menu items, ...). One absolutely-positioned box glides between hovered items\n * instead of each item toggling its own background — matches the \"motion highlight\" pattern from\n * animate-ui.\n *\n * The box's width/height are written once per move (a single layout op, same as any re-render) and\n * never transitioned — only `transform` (translate + a briefly non-1 scale) animates via the Web\n * Animations API, so the glide runs on the compositor and never re-triggers layout on the frames in\n * between, which is what a CSS `transition` on width/height would otherwise do on every tick.\n *\n * Usage: put `[zHoverGlide]` on the scrollable/list container and give each hoverable item a\n * `data-glide-item` attribute (or pass a custom `[zHoverGlideSelector]`). Works with virtualized\n * lists out of the box since it delegates from a single `pointerover` listener on the container\n * instead of binding per item.\n */\n@Directive({\n  selector: '[zHoverGlide]',\n  standalone: true,\n  host: {\n    class: 'relative',\n    '(pointerover)': '_onPointerOver($event)',\n    '(pointermove)': '_onPointerMove($event)',\n    '(pointerleave)': '_onPointerLeave()',\n    '(scroll)': '_onScroll()',\n  },\n})\nexport class ZHoverGlideDirective implements OnDestroy {\n  /** CSS selector (relative to the container) matching hoverable items. */\n  public readonly zHoverGlideSelector = input<string>('[data-glide-item]');\n\n  /** Classes applied to the sliding highlight box. */\n  public readonly zHoverGlideClass = input<string>('bg-muted rounded-(--radius-sm)');\n\n  public readonly zHoverGlideDisabled = input(false, { transform: zTransform });\n\n  private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly _renderer = inject(Renderer2);\n\n  private _highlightEl: HTMLElement | null = null;\n  private _currentTarget: HTMLElement | null = null;\n  private _box: ZHoverGlideBox | null = null;\n  private _animations: Animation[] = [];\n  private _lastPointerPosition: { x: number; y: number } | null = null;\n  private _scrollFrame: number | null = null;\n  private readonly _prefersReducedMotion =\n    typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  public ngOnDestroy(): void {\n    if (this._scrollFrame !== null && typeof cancelAnimationFrame === 'function') {\n      cancelAnimationFrame(this._scrollFrame);\n    }\n    for (const animation of this._animations) {\n      animation.cancel();\n    }\n    this._highlightEl?.remove();\n  }\n\n  protected _onPointerOver(event: PointerEvent): void {\n    if (this.zHoverGlideDisabled() || event.pointerType === 'touch') {\n      return;\n    }\n\n    this._lastPointerPosition = { x: event.clientX, y: event.clientY };\n    const target = (event.target as HTMLElement | null)?.closest(this.zHoverGlideSelector()) as HTMLElement | null;\n    if (!target || target === this._currentTarget || !this._elementRef.nativeElement.contains(target)) {\n      return;\n    }\n\n    if (target.getAttribute('aria-disabled') === 'true' || (target as HTMLButtonElement).disabled) {\n      this._currentTarget = null;\n      this._fadeOut();\n      return;\n    }\n\n    this._currentTarget = target;\n    this._moveTo(target);\n  }\n\n  protected _onPointerMove(event: PointerEvent): void {\n    if (!this.zHoverGlideDisabled() && event.pointerType !== 'touch') {\n      this._lastPointerPosition = { x: event.clientX, y: event.clientY };\n    }\n  }\n\n  protected _onScroll(): void {\n    if (this.zHoverGlideDisabled() || !this._lastPointerPosition) {\n      return;\n    }\n\n    if (typeof requestAnimationFrame !== 'function') {\n      this._syncToPointer();\n      return;\n    }\n\n    if (this._scrollFrame !== null) {\n      return;\n    }\n\n    this._scrollFrame = requestAnimationFrame(() => {\n      this._scrollFrame = null;\n      this._syncToPointer();\n    });\n  }\n\n  protected _onPointerLeave(): void {\n    this._currentTarget = null;\n    this._lastPointerPosition = null;\n    this._fadeOut();\n  }\n\n  private _syncToPointer(): void {\n    const pointer = this._lastPointerPosition;\n    if (!pointer) {\n      this._currentTarget = null;\n      this._fadeOut();\n      return;\n    }\n\n    const elementAtPointer = document.elementFromPoint(pointer.x, pointer.y) as HTMLElement | null;\n    const target = elementAtPointer?.closest(this.zHoverGlideSelector()) as HTMLElement | null;\n    if (\n      !target ||\n      !this._elementRef.nativeElement.contains(target) ||\n      target.getAttribute('aria-disabled') === 'true' ||\n      (target as HTMLButtonElement).disabled\n    ) {\n      this._currentTarget = null;\n      this._fadeOut();\n      return;\n    }\n\n    this._currentTarget = target;\n    this._moveTo(target, false);\n  }\n\n  private _ensureHighlightEl(): HTMLElement {\n    if (this._highlightEl) {\n      return this._highlightEl;\n    }\n\n    const el = this._renderer.createElement('div') as HTMLElement;\n    el.setAttribute('aria-hidden', 'true');\n    el.style.position = 'absolute';\n    el.style.top = '0';\n    el.style.left = '0';\n    el.style.margin = '0';\n    el.style.zIndex = '0';\n    el.style.opacity = '0';\n    el.style.pointerEvents = 'none';\n    el.style.transition = this._prefersReducedMotion ? 'none' : 'opacity 120ms ease-out';\n    el.className = this.zHoverGlideClass();\n\n    const container = this._elementRef.nativeElement;\n    container.insertBefore(el, container.firstChild);\n    this._highlightEl = el;\n\n    return el;\n  }\n\n  private _moveTo(target: HTMLElement, shouldAnimate = true): void {\n    const el = this._ensureHighlightEl();\n    const container = this._elementRef.nativeElement;\n    const containerRect = container.getBoundingClientRect();\n    const targetRect = target.getBoundingClientRect();\n\n    // Whole pixels only — a fractional box makes the browser re-snap subpixel rounding on every\n    // frame, which reads as the surrounding content faintly jittering.\n    const next: ZHoverGlideBox = {\n      x: Math.round(targetRect.left - containerRect.left + container.scrollLeft),\n      y: Math.round(targetRect.top - containerRect.top + container.scrollTop),\n      w: Math.round(targetRect.width),\n      h: Math.round(targetRect.height),\n    };\n\n    const previous = this._box;\n    this._box = next;\n\n    for (const animation of this._animations) {\n      animation.cancel();\n    }\n    this._animations = [];\n\n    // Size and final position are a single, un-animated write — identical cost to any other\n    // re-render. Only `transform` animates from here, so the glide itself never re-triggers layout.\n    el.style.width = `${next.w}px`;\n    el.style.height = `${next.h}px`;\n    el.style.transform = `translate(${next.x}px, ${next.y}px)`;\n    el.style.borderRadius = '';\n    el.style.opacity = '1';\n\n    if (!previous || !shouldAnimate || this._prefersReducedMotion || typeof el.animate !== 'function') {\n      return;\n    }\n\n    const scaleX = previous.w / next.w;\n    const scaleY = previous.h / next.h;\n    const options: KeyframeAnimationOptions = { duration: 180, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' };\n\n    // `will-change` only for the animation's own lifetime: pinning it permanently keeps this\n    // element on its own compositor layer at rest too, which makes Chromium periodically\n    // re-rasterize the item text sitting on top of it at a slightly different subpixel offset —\n    // seen as the text flashing blurry-then-sharp even though nothing has actually moved.\n    el.style.willChange = 'transform';\n    const transformAnimation = el.animate(\n      [\n        { transform: `translate(${previous.x}px, ${previous.y}px) scale(${scaleX}, ${scaleY})` },\n        { transform: `translate(${next.x}px, ${next.y}px)` },\n      ],\n      options\n    );\n    const clearWillChange = (): void => {\n      el.style.willChange = 'auto';\n    };\n    transformAnimation.addEventListener('finish', clearWillChange);\n    transformAnimation.addEventListener('cancel', clearWillChange);\n    this._animations.push(transformAnimation);\n\n    const radius = parseFloat(getComputedStyle(el).borderTopLeftRadius) || 0;\n    if (radius > 0 && (scaleX !== 1 || scaleY !== 1)) {\n      this._animations.push(el.animate(zHoverGlideRadiusKeyframes(radius, scaleX, scaleY), options));\n    }\n  }\n\n  private _fadeOut(): void {\n    if (this._highlightEl) {\n      this._highlightEl.style.opacity = '0';\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":"shival99-z-ui-components-z-hover-glide.mjs","sources":["../../../../libs/core-ui/components/z-hover-glide/z-hover-glide.util.ts","../../../../libs/core-ui/components/z-hover-glide/z-hover-glide.directive.ts","../../../../libs/core-ui/components/z-hover-glide/shival99-z-ui-components-z-hover-glide.ts"],"sourcesContent":["/** Counter-scales border-radius across a non-uniform scale() so corners don't squash into an ellipse mid-glide. */\nexport function zHoverGlideRadiusKeyframes(radius: number, scaleX: number, scaleY: number): Keyframe[] {\n  const steps = 12;\n  return Array.from({ length: steps }, (_, index) => {\n    const progress = index / (steps - 1);\n    const x = scaleX + (1 - scaleX) * progress;\n    const y = scaleY + (1 - scaleY) * progress;\n    return { borderRadius: `${radius / x}px / ${radius / y}px` };\n  });\n}\n","import { Directive, ElementRef, inject, input, OnDestroy, Renderer2 } from '@angular/core';\nimport { zTransform } from '@shival99/z-ui/utils';\nimport type { ZHoverGlideBox } from './z-hover-glide.types';\nimport { zHoverGlideRadiusKeyframes } from './z-hover-glide.util';\n\n/**\n * Shared sliding hover highlight for item lists (select options, autocomplete options, command\n * items, dropdown-menu items, ...). One absolutely-positioned box glides between hovered items\n * instead of each item toggling its own background — matches the \"motion highlight\" pattern from\n * animate-ui.\n *\n * The box's width/height are written once per move (a single layout op, same as any re-render) and\n * never transitioned — only `transform` (translate + a briefly non-1 scale) animates via the Web\n * Animations API, so the glide runs on the compositor and never re-triggers layout on the frames in\n * between, which is what a CSS `transition` on width/height would otherwise do on every tick.\n *\n * Usage: put `[zHoverGlide]` on the scrollable/list container and give each hoverable item a\n * `data-glide-item` attribute (or pass a custom `[zHoverGlideSelector]`). Works with virtualized\n * lists out of the box since it delegates from a single `pointerover` listener on the container\n * instead of binding per item.\n */\n@Directive({\n  selector: '[zHoverGlide]',\n  standalone: true,\n  host: {\n    class: 'relative',\n    '(pointerover)': '_onPointerOver($event)',\n    '(pointerout)': '_onPointerOut($event)',\n    '(pointermove)': '_onPointerMove($event)',\n    '(pointerleave)': '_onPointerLeave()',\n    '(scroll)': '_onScroll()',\n  },\n})\nexport class ZHoverGlideDirective implements OnDestroy {\n  /** CSS selector (relative to the container) matching hoverable items. */\n  public readonly zHoverGlideSelector = input<string>('[data-glide-item]');\n\n  /** Classes applied to the sliding highlight box. */\n  public readonly zHoverGlideClass = input<string>('bg-muted rounded-(--radius-sm)');\n\n  public readonly zHoverGlideDisabled = input(false, { transform: zTransform });\n\n  private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly _renderer = inject(Renderer2);\n\n  private _highlightEl: HTMLElement | null = null;\n  private _currentTarget: HTMLElement | null = null;\n  private _box: ZHoverGlideBox | null = null;\n  private _animations: Animation[] = [];\n  private _lastPointerPosition: { x: number; y: number } | null = null;\n  private _scrollFrame: number | null = null;\n  private _animationGeneration = 0;\n  private readonly _prefersReducedMotion =\n    typeof window !== 'undefined' &&\n    typeof window.matchMedia === 'function' &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  public ngOnDestroy(): void {\n    if (this._scrollFrame !== null && typeof cancelAnimationFrame === 'function') {\n      cancelAnimationFrame(this._scrollFrame);\n    }\n    this._cancelAnimations();\n    this._removeHighlightElements();\n  }\n\n  protected _onPointerOver(event: PointerEvent): void {\n    if (this.zHoverGlideDisabled() || event.pointerType === 'touch') {\n      return;\n    }\n\n    this._lastPointerPosition = { x: event.clientX, y: event.clientY };\n    const source = event.target as HTMLElement | null;\n    const target = this._getTarget(source);\n    if (!target) {\n      if (this._isNestedHostTarget(source)) {\n        this._currentTarget = null;\n        this._fadeOut();\n      }\n      return;\n    }\n\n    if (target === this._currentTarget) {\n      return;\n    }\n\n    if (target.getAttribute('aria-disabled') === 'true' || (target as HTMLButtonElement).disabled) {\n      this._currentTarget = null;\n      this._fadeOut();\n      return;\n    }\n\n    this._currentTarget = target;\n    this._moveTo(target);\n  }\n\n  protected _onPointerOut(event: PointerEvent): void {\n    const relatedTarget = event.relatedTarget as Node | null;\n    if (relatedTarget && this._elementRef.nativeElement.contains(relatedTarget)) {\n      return;\n    }\n\n    this._currentTarget = null;\n    this._lastPointerPosition = null;\n    this._fadeOut();\n  }\n\n  protected _onPointerMove(event: PointerEvent): void {\n    if (!this.zHoverGlideDisabled() && event.pointerType !== 'touch') {\n      this._lastPointerPosition = { x: event.clientX, y: event.clientY };\n    }\n  }\n\n  protected _onScroll(): void {\n    if (this.zHoverGlideDisabled() || !this._lastPointerPosition) {\n      return;\n    }\n\n    if (typeof requestAnimationFrame !== 'function') {\n      this._syncToPointer();\n      return;\n    }\n\n    if (this._scrollFrame !== null) {\n      return;\n    }\n\n    this._scrollFrame = requestAnimationFrame(() => {\n      this._scrollFrame = null;\n      this._syncToPointer();\n    });\n  }\n\n  protected _onPointerLeave(): void {\n    this._currentTarget = null;\n    this._lastPointerPosition = null;\n    this._fadeOut();\n  }\n\n  private _syncToPointer(): void {\n    const pointer = this._lastPointerPosition;\n    if (!pointer) {\n      this._currentTarget = null;\n      this._fadeOut();\n      return;\n    }\n\n    const target = this._getTarget(document.elementFromPoint(pointer.x, pointer.y));\n    if (!target || target.getAttribute('aria-disabled') === 'true' || (target as HTMLButtonElement).disabled) {\n      this._currentTarget = null;\n      this._fadeOut();\n      return;\n    }\n\n    this._currentTarget = target;\n    this._moveTo(target, false);\n  }\n\n  private _getTarget(source: EventTarget | null): HTMLElement | null {\n    const target = (source as HTMLElement | null)?.closest(this.zHoverGlideSelector()) as HTMLElement | null;\n    if (!target) {\n      return null;\n    }\n\n    const container = this._elementRef.nativeElement;\n    if (!container.contains(target) || target.closest('[zhoverglide]') !== container) {\n      return null;\n    }\n\n    return target;\n  }\n\n  private _isNestedHostTarget(source: EventTarget | null): boolean {\n    const sourceElement = source as HTMLElement | null;\n    if (!sourceElement) {\n      return false;\n    }\n\n    const nestedHost = sourceElement.closest('[zhoverglide]');\n    return nestedHost !== null && nestedHost !== this._elementRef.nativeElement;\n  }\n\n  private _ensureHighlightEl(): HTMLElement {\n    const container = this._elementRef.nativeElement;\n    const highlights = Array.from(container.children).filter(child =>\n      child.hasAttribute('data-z-hover-glide-highlight')\n    ) as HTMLElement[];\n    const current = this._highlightEl?.parentElement === container ? this._highlightEl : null;\n\n    for (const highlight of highlights) {\n      if (highlight !== current) {\n        this._removeHighlightElement(highlight);\n      }\n    }\n\n    if (current) {\n      return current;\n    }\n\n    if (this._highlightEl) {\n      this._removeHighlightElement(this._highlightEl);\n    }\n\n    const el = this._renderer.createElement('div') as HTMLElement;\n    el.setAttribute('aria-hidden', 'true');\n    el.setAttribute('data-z-hover-glide-highlight', '');\n    el.style.position = 'absolute';\n    el.style.top = '0';\n    el.style.left = '0';\n    el.style.margin = '0';\n    el.style.zIndex = '0';\n    el.style.opacity = '0';\n    el.style.pointerEvents = 'none';\n    el.style.transition = this._prefersReducedMotion ? 'none' : 'opacity 120ms ease-out';\n    el.className = this.zHoverGlideClass();\n\n    container.insertBefore(el, container.firstChild);\n    this._highlightEl = el;\n\n    return el;\n  }\n\n  private _moveTo(target: HTMLElement, shouldAnimate = true): void {\n    const el = this._ensureHighlightEl();\n    const container = this._elementRef.nativeElement;\n    const containerRect = container.getBoundingClientRect();\n    const targetRect = target.getBoundingClientRect();\n\n    // Whole pixels only — a fractional box makes the browser re-snap subpixel rounding on every\n    // frame, which reads as the surrounding content faintly jittering.\n    const next: ZHoverGlideBox = {\n      x: Math.round(targetRect.left - containerRect.left + container.scrollLeft),\n      y: Math.round(targetRect.top - containerRect.top + container.scrollTop),\n      w: Math.round(targetRect.width),\n      h: Math.round(targetRect.height),\n    };\n\n    const previous = this._box;\n    this._box = next;\n\n    this._cancelAnimations();\n\n    // Size and final position are a single, un-animated write — identical cost to any other\n    // re-render. Only `transform` animates from here, so the glide itself never re-triggers layout.\n    el.style.width = `${next.w}px`;\n    el.style.height = `${next.h}px`;\n    el.style.transform = `translate(${next.x}px, ${next.y}px)`;\n    el.style.borderRadius = '';\n    el.style.opacity = '1';\n\n    if (!previous || !shouldAnimate || this._prefersReducedMotion || typeof el.animate !== 'function') {\n      return;\n    }\n\n    const scaleX = previous.w / next.w;\n    const scaleY = previous.h / next.h;\n    const options: KeyframeAnimationOptions = { duration: 180, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' };\n    const animationGeneration = this._animationGeneration;\n    let activeAnimationCount = 0;\n\n    const trackAnimation = (animation: Animation): void => {\n      activeAnimationCount += 1;\n      const cleanup = (): void => {\n        const index = this._animations.indexOf(animation);\n        if (index >= 0) {\n          this._animations.splice(index, 1);\n        }\n        activeAnimationCount = Math.max(0, activeAnimationCount - 1);\n        if (animationGeneration === this._animationGeneration && activeAnimationCount === 0) {\n          el.style.willChange = 'auto';\n        }\n      };\n      animation.addEventListener('finish', cleanup, { once: true });\n      animation.addEventListener('cancel', cleanup, { once: true });\n      this._animations.push(animation);\n    };\n\n    // `will-change` only for the animation's own lifetime: pinning it permanently keeps this\n    // element on its own compositor layer at rest too, which makes Chromium periodically\n    // re-rasterize the item text sitting on top of it at a slightly different subpixel offset —\n    // seen as the text flashing blurry-then-sharp even though nothing has actually moved.\n    el.style.willChange = 'transform';\n    const transformAnimation = el.animate(\n      [\n        { transform: `translate(${previous.x}px, ${previous.y}px) scale(${scaleX}, ${scaleY})` },\n        { transform: `translate(${next.x}px, ${next.y}px)` },\n      ],\n      options\n    );\n    trackAnimation(transformAnimation);\n\n    const radius = parseFloat(getComputedStyle(el).borderTopLeftRadius) || 0;\n    if (radius > 0 && (scaleX !== 1 || scaleY !== 1)) {\n      trackAnimation(el.animate(zHoverGlideRadiusKeyframes(radius, scaleX, scaleY), options));\n    }\n  }\n\n  private _fadeOut(): void {\n    this._cancelAnimations();\n    this._box = null;\n    if (!this._highlightEl) {\n      return;\n    }\n\n    this._highlightEl.style.willChange = 'auto';\n    this._highlightEl.style.opacity = '0';\n  }\n\n  private _cancelAnimations(): void {\n    this._animationGeneration += 1;\n    const animations = new Set(this._animations);\n    const highlight = this._highlightEl;\n\n    if (highlight && typeof highlight.getAnimations === 'function') {\n      for (const animation of highlight.getAnimations()) {\n        animations.add(animation);\n      }\n    }\n\n    for (const animation of animations) {\n      animation.cancel();\n    }\n\n    this._animations = [];\n    if (highlight) {\n      highlight.style.willChange = 'auto';\n    }\n  }\n\n  private _removeHighlightElements(): void {\n    const container = this._elementRef.nativeElement;\n    for (const child of Array.from(container.children)) {\n      if (child.hasAttribute('data-z-hover-glide-highlight')) {\n        this._removeHighlightElement(child as HTMLElement);\n      }\n    }\n    this._highlightEl = null;\n  }\n\n  private _removeHighlightElement(element: HTMLElement): void {\n    if (typeof element.getAnimations === 'function') {\n      for (const animation of element.getAnimations()) {\n        animation.cancel();\n      }\n    }\n    element.remove();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;SACgB,0BAA0B,CAAC,MAAc,EAAE,MAAc,EAAE,MAAc,EAAA;IACvF,MAAM,KAAK,GAAG,EAAE;AAChB,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,KAAI;QAChD,MAAM,QAAQ,GAAG,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC;QACpC,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,IAAI,QAAQ;QAC1C,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,IAAI,QAAQ;AAC1C,QAAA,OAAO,EAAE,YAAY,EAAE,CAAA,EAAG,MAAM,GAAG,CAAC,CAAA,KAAA,EAAQ,MAAM,GAAG,CAAC,CAAA,EAAA,CAAI,EAAE;AAC9D,IAAA,CAAC,CAAC;AACJ;;ACJA;;;;;;;;;;;;;;;AAeG;MAaU,oBAAoB,CAAA;;IAEf,mBAAmB,GAAG,KAAK,CAAS,mBAAmB;4FAAC;;IAGxD,gBAAgB,GAAG,KAAK,CAAS,gCAAgC;yFAAC;IAElE,mBAAmB,GAAG,KAAK,CAAC,KAAK,2FAAI,SAAS,EAAE,UAAU,EAAA,CAAG;AAE5D,IAAA,WAAW,GAAG,MAAM,CAA0B,UAAU,CAAC;AACzD,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;IAEtC,YAAY,GAAuB,IAAI;IACvC,cAAc,GAAuB,IAAI;IACzC,IAAI,GAA0B,IAAI;IAClC,WAAW,GAAgB,EAAE;IAC7B,oBAAoB,GAAoC,IAAI;IAC5D,YAAY,GAAkB,IAAI;IAClC,oBAAoB,GAAG,CAAC;AACf,IAAA,qBAAqB,GACpC,OAAO,MAAM,KAAK,WAAW;AAC7B,QAAA,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;AACvC,QAAA,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO;IAExD,WAAW,GAAA;QAChB,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,IAAI,OAAO,oBAAoB,KAAK,UAAU,EAAE;AAC5E,YAAA,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAC;QACzC;QACA,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,wBAAwB,EAAE;IACjC;AAEU,IAAA,cAAc,CAAC,KAAmB,EAAA;QAC1C,IAAI,IAAI,CAAC,mBAAmB,EAAE,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE;YAC/D;QACF;AAEA,QAAA,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE;AAClE,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA4B;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;QACtC,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,IAAI,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE;AACpC,gBAAA,IAAI,CAAC,cAAc,GAAG,IAAI;gBAC1B,IAAI,CAAC,QAAQ,EAAE;YACjB;YACA;QACF;AAEA,QAAA,IAAI,MAAM,KAAK,IAAI,CAAC,cAAc,EAAE;YAClC;QACF;AAEA,QAAA,IAAI,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,IAAK,MAA4B,CAAC,QAAQ,EAAE;AAC7F,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;YAC1B,IAAI,CAAC,QAAQ,EAAE;YACf;QACF;AAEA,QAAA,IAAI,CAAC,cAAc,GAAG,MAAM;AAC5B,QAAA,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;IACtB;AAEU,IAAA,aAAa,CAAC,KAAmB,EAAA;AACzC,QAAA,MAAM,aAAa,GAAG,KAAK,CAAC,aAA4B;AACxD,QAAA,IAAI,aAAa,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;YAC3E;QACF;AAEA,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI;AAC1B,QAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI;QAChC,IAAI,CAAC,QAAQ,EAAE;IACjB;AAEU,IAAA,cAAc,CAAC,KAAmB,EAAA;AAC1C,QAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE;AAChE,YAAA,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE;QACpE;IACF;IAEU,SAAS,GAAA;QACjB,IAAI,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;YAC5D;QACF;AAEA,QAAA,IAAI,OAAO,qBAAqB,KAAK,UAAU,EAAE;YAC/C,IAAI,CAAC,cAAc,EAAE;YACrB;QACF;AAEA,QAAA,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE;YAC9B;QACF;AAEA,QAAA,IAAI,CAAC,YAAY,GAAG,qBAAqB,CAAC,MAAK;AAC7C,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;YACxB,IAAI,CAAC,cAAc,EAAE;AACvB,QAAA,CAAC,CAAC;IACJ;IAEU,eAAe,GAAA;AACvB,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI;AAC1B,QAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI;QAChC,IAAI,CAAC,QAAQ,EAAE;IACjB;IAEQ,cAAc,GAAA;AACpB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB;QACzC,IAAI,CAAC,OAAO,EAAE;AACZ,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;YAC1B,IAAI,CAAC,QAAQ,EAAE;YACf;QACF;AAEA,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAC/E,QAAA,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,IAAK,MAA4B,CAAC,QAAQ,EAAE;AACxG,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;YAC1B,IAAI,CAAC,QAAQ,EAAE;YACf;QACF;AAEA,QAAA,IAAI,CAAC,cAAc,GAAG,MAAM;AAC5B,QAAA,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC;IAC7B;AAEQ,IAAA,UAAU,CAAC,MAA0B,EAAA;QAC3C,MAAM,MAAM,GAAI,MAA6B,EAAE,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAuB;QACxG,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,OAAO,IAAI;QACb;AAEA,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;AAChD,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,SAAS,EAAE;AAChF,YAAA,OAAO,IAAI;QACb;AAEA,QAAA,OAAO,MAAM;IACf;AAEQ,IAAA,mBAAmB,CAAC,MAA0B,EAAA;QACpD,MAAM,aAAa,GAAG,MAA4B;QAClD,IAAI,CAAC,aAAa,EAAE;AAClB,YAAA,OAAO,KAAK;QACd;QAEA,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,eAAe,CAAC;QACzD,OAAO,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,CAAC,WAAW,CAAC,aAAa;IAC7E;IAEQ,kBAAkB,GAAA;AACxB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;QAChD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAK,IAC5D,KAAK,CAAC,YAAY,CAAC,8BAA8B,CAAC,CAClC;AAClB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,aAAa,KAAK,SAAS,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI;AAEzF,QAAA,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE;AAClC,YAAA,IAAI,SAAS,KAAK,OAAO,EAAE;AACzB,gBAAA,IAAI,CAAC,uBAAuB,CAAC,SAAS,CAAC;YACzC;QACF;QAEA,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,OAAO;QAChB;AAEA,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,YAAY,CAAC;QACjD;QAEA,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAgB;AAC7D,QAAA,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACtC,QAAA,EAAE,CAAC,YAAY,CAAC,8BAA8B,EAAE,EAAE,CAAC;AACnD,QAAA,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;AAC9B,QAAA,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG;AAClB,QAAA,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG;AACnB,QAAA,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG;AACrB,QAAA,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG;AACrB,QAAA,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG;AACtB,QAAA,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM;AAC/B,QAAA,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,qBAAqB,GAAG,MAAM,GAAG,wBAAwB;AACpF,QAAA,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE;QAEtC,SAAS,CAAC,YAAY,CAAC,EAAE,EAAE,SAAS,CAAC,UAAU,CAAC;AAChD,QAAA,IAAI,CAAC,YAAY,GAAG,EAAE;AAEtB,QAAA,OAAO,EAAE;IACX;AAEQ,IAAA,OAAO,CAAC,MAAmB,EAAE,aAAa,GAAG,IAAI,EAAA;AACvD,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE;AACpC,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;AAChD,QAAA,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE;AACvD,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,qBAAqB,EAAE;;;AAIjD,QAAA,MAAM,IAAI,GAAmB;AAC3B,YAAA,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,GAAG,SAAS,CAAC,UAAU,CAAC;AAC1E,YAAA,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,GAAG,SAAS,CAAC,SAAS,CAAC;YACvE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;YAC/B,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC;SACjC;AAED,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI;AAC1B,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;QAEhB,IAAI,CAAC,iBAAiB,EAAE;;;QAIxB,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,CAAC,CAAA,EAAA,CAAI;QAC9B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAA,EAAA,CAAI;AAC/B,QAAA,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAC,CAAC,CAAA,IAAA,EAAO,IAAI,CAAC,CAAC,KAAK;AAC1D,QAAA,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE;AAC1B,QAAA,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG;AAEtB,QAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,qBAAqB,IAAI,OAAO,EAAE,CAAC,OAAO,KAAK,UAAU,EAAE;YACjG;QACF;QAEA,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;QAClC,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;QAClC,MAAM,OAAO,GAA6B,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,gCAAgC,EAAE;AACrG,QAAA,MAAM,mBAAmB,GAAG,IAAI,CAAC,oBAAoB;QACrD,IAAI,oBAAoB,GAAG,CAAC;AAE5B,QAAA,MAAM,cAAc,GAAG,CAAC,SAAoB,KAAU;YACpD,oBAAoB,IAAI,CAAC;YACzB,MAAM,OAAO,GAAG,MAAW;gBACzB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC;AACjD,gBAAA,IAAI,KAAK,IAAI,CAAC,EAAE;oBACd,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;gBACnC;gBACA,oBAAoB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,oBAAoB,GAAG,CAAC,CAAC;gBAC5D,IAAI,mBAAmB,KAAK,IAAI,CAAC,oBAAoB,IAAI,oBAAoB,KAAK,CAAC,EAAE;AACnF,oBAAA,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;gBAC9B;AACF,YAAA,CAAC;AACD,YAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAC7D,YAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAC7D,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC;AAClC,QAAA,CAAC;;;;;AAMD,QAAA,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW;AACjC,QAAA,MAAM,kBAAkB,GAAG,EAAE,CAAC,OAAO,CACnC;AACE,YAAA,EAAE,SAAS,EAAE,CAAA,UAAA,EAAa,QAAQ,CAAC,CAAC,CAAA,IAAA,EAAO,QAAQ,CAAC,CAAC,CAAA,UAAA,EAAa,MAAM,CAAA,EAAA,EAAK,MAAM,GAAG,EAAE;YACxF,EAAE,SAAS,EAAE,CAAA,UAAA,EAAa,IAAI,CAAC,CAAC,CAAA,IAAA,EAAO,IAAI,CAAC,CAAC,CAAA,GAAA,CAAK,EAAE;SACrD,EACD,OAAO,CACR;QACD,cAAc,CAAC,kBAAkB,CAAC;AAElC,QAAA,MAAM,MAAM,GAAG,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC;AACxE,QAAA,IAAI,MAAM,GAAG,CAAC,KAAK,MAAM,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC,CAAC,EAAE;AAChD,YAAA,cAAc,CAAC,EAAE,CAAC,OAAO,CAAC,0BAA0B,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;QACzF;IACF;IAEQ,QAAQ,GAAA;QACd,IAAI,CAAC,iBAAiB,EAAE;AACxB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB;QACF;QAEA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;QAC3C,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG;IACvC;IAEQ,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,oBAAoB,IAAI,CAAC;QAC9B,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;AAC5C,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY;QAEnC,IAAI,SAAS,IAAI,OAAO,SAAS,CAAC,aAAa,KAAK,UAAU,EAAE;YAC9D,KAAK,MAAM,SAAS,IAAI,SAAS,CAAC,aAAa,EAAE,EAAE;AACjD,gBAAA,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC;YAC3B;QACF;AAEA,QAAA,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE;YAClC,SAAS,CAAC,MAAM,EAAE;QACpB;AAEA,QAAA,IAAI,CAAC,WAAW,GAAG,EAAE;QACrB,IAAI,SAAS,EAAE;AACb,YAAA,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;QACrC;IACF;IAEQ,wBAAwB,GAAA;AAC9B,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;AAChD,QAAA,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE;AAClD,YAAA,IAAI,KAAK,CAAC,YAAY,CAAC,8BAA8B,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,uBAAuB,CAAC,KAAoB,CAAC;YACpD;QACF;AACA,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI;IAC1B;AAEQ,IAAA,uBAAuB,CAAC,OAAoB,EAAA;AAClD,QAAA,IAAI,OAAO,OAAO,CAAC,aAAa,KAAK,UAAU,EAAE;YAC/C,KAAK,MAAM,SAAS,IAAI,OAAO,CAAC,aAAa,EAAE,EAAE;gBAC/C,SAAS,CAAC,MAAM,EAAE;YACpB;QACF;QACA,OAAO,CAAC,MAAM,EAAE;IAClB;uGAxTW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,aAAA,EAAA,wBAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,aAAA,EAAA,wBAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAZhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,eAAe,EAAE,wBAAwB;AACzC,wBAAA,cAAc,EAAE,uBAAuB;AACvC,wBAAA,eAAe,EAAE,wBAAwB;AACzC,wBAAA,gBAAgB,EAAE,mBAAmB;AACrC,wBAAA,UAAU,EAAE,aAAa;AAC1B,qBAAA;AACF,iBAAA;;;AChCD;;AAEG;;"}