@aquera/nile-elements 1.6.0 → 1.6.2

package/src/nile-floating-panel/position-manager.ts

@@ -1,102 +0,0 @@
-import { autoUpdate, computePosition, offset, shift, flip } from '@floating-ui/dom';
-import type { Placement } from '@floating-ui/dom';
-import type { FloatingPanelPosition } from './types';
-
-export class PositionManager {
-  private cleanup: (() => void) | null = null;
-  private referenceElement: HTMLElement;
-  private floatingElement: HTMLElement;
-  private position: FloatingPanelPosition;
-  private offsetValue: number;
-  private shiftPadding: number;
-
-  constructor(
-    referenceElement: HTMLElement,
-    floatingElement: HTMLElement,
-    position: FloatingPanelPosition,
-    offsetValue: number = 8,
-    shiftPadding: number = 8
-  ) {
-    this.referenceElement = referenceElement;
-    this.floatingElement = floatingElement;
-    this.position = position;
-    this.offsetValue = offsetValue;
-    this.shiftPadding = shiftPadding;
-  }
-
-  setupAutoUpdate(): void {
-    this.cleanupAutoUpdate();
-
-    this.cleanup = autoUpdate(
-      this.referenceElement,
-      this.floatingElement,
-      () => {
-        this.reposition();
-      },
-      {
-        ancestorScroll: true,
-        ancestorResize: true,
-        elementResize: true,
-        layoutShift: true,
-        animationFrame: false,
-      }
-    );
-  }
-
-  cleanupAutoUpdate(): void {
-    if (this.cleanup) {
-      this.cleanup();
-      this.cleanup = null;
-    }
-  }
-
-  reposition(): void {
-    const placement: Placement = this.position;
-
-    computePosition(this.referenceElement, this.floatingElement, {
-      placement,
-      strategy: 'fixed',
-      middleware: [
-        offset(this.offsetValue),
-        flip(),
-        shift({
-          padding: this.shiftPadding,
-        }),
-      ],
-    }).then(({ x, y, placement: finalPlacement }) => {
-      let adjustedY = y;
-      
-      if (finalPlacement.startsWith('bottom')) {
-        adjustedY = y + 10;
-      } else if (finalPlacement.startsWith('top')) {
-        adjustedY = y - 20;
-      }
-      
-      Object.assign(this.floatingElement.style, {
-        left: `${x}px`,
-        top: `${adjustedY}px`,
-        position: 'fixed',
-      });
-    });
-  }
-
-  updatePosition(position: FloatingPanelPosition): void {
-    this.position = position;
-    this.reposition();
-  }
-
-  updateOffset(offset: number): void {
-    this.offsetValue = offset;
-    this.reposition();
-  }
-
-  updateShiftPadding(padding: number): void {
-    this.shiftPadding = padding;
-    this.reposition();
-  }
-
-  destroy(): void {
-    this.cleanupAutoUpdate();
-  }
-}
-

package/src/nile-floating-panel/style-manager.ts

@@ -1,54 +0,0 @@
-import type { CSSResultArray } from 'lit';
-import { panelContainerStyles } from './nile-floating-panel.css';
-
-export class StyleManager {
-  private injectedStyleId: string | null = null;
-  private static injectedStyleIds: Set<string> = new Set();
-
-  injectStyles(componentStyles: CSSResultArray): void {
-    const globalStyleId = 'nile-floating-panel-styles-global';
-    if (StyleManager.injectedStyleIds.has(globalStyleId)) {
-      return;
-    }
-
-    if (this.injectedStyleId && document.getElementById(this.injectedStyleId)) {
-      return;
-    }
-
-    this.injectedStyleId = globalStyleId;
-    StyleManager.injectedStyleIds.add(globalStyleId);
-
-    const cssText = this.extractCSSFromStyles(componentStyles);
-
-    const styleElement = document.createElement('style');
-    styleElement.id = globalStyleId;
-    styleElement.textContent = cssText;
-    document.head.appendChild(styleElement);
-  }
-
-  private extractCSSFromStyles(styles: CSSResultArray): string {
-    const containerStyles = panelContainerStyles.cssText || '';
-
-    const componentStyles = styles
-      .map(style => {
-        if (typeof style === 'string') {
-          return style;
-        }
-        if (style && 'cssText' in style) {
-          return (style as any).cssText;
-        }
-        return '';
-      })
-      .join('\n');
-
-    return containerStyles + '\n' + componentStyles;
-  }
-
-  cleanupStyles(): void {
-  }
-
-  getInjectedStyleId(): string | null {
-    return this.injectedStyleId;
-  }
-}
-

package/src/nile-floating-panel/types.ts

@@ -1,15 +0,0 @@
-export type FloatingPanelPosition = 'top' | 'bottom' | 'left' | 'right';
-
-export type FloatingPanelAnchor = HTMLElement | string | null;
-
-export interface FloatingPanelPositionConfig {
-  position: FloatingPanelPosition;
-  offset?: number;
-  shiftPadding?: number;
-}
-
-export interface FloatingPanelContentConfig {
-  slotContent: Node[];
-  dataContent: string;
-}
-