@redvars/peacock 3.8.4 → 3.8.6

package/dist/floating-controller-CZYwnRVu.js

@@ -0,0 +1,185 @@
+import { a as autoUpdate, o as offset, f as flip, s as shift, b as arrow, c as computePosition } from './floating-ui.dom-oQieRCpS.js';
+
+class FloatingController {
+    constructor(host, options = {}) {
+        this.reference = null;
+        this.floating = null;
+        this.arrowElement = null;
+        this.cleanup = null;
+        this.isHostConnected = false;
+        this.isOpen = false;
+        this.toggle = () => {
+            this.isOpen ? this.close() : this.open();
+        };
+        this.handleContextMenu = (e) => {
+            e.preventDefault();
+            this.open();
+        };
+        this.handleFocusOut = (e) => {
+            if (!this.reference || this.reference.contains(e.relatedTarget))
+                return;
+            this.close();
+        };
+        this.handleOutsideClick = (e) => {
+            if (this.isOpen &&
+                this.reference &&
+                this.floating &&
+                !this.isEventInsideElement(e, this.reference) &&
+                !this.isEventInsideElement(e, this.floating)) {
+                this.close();
+            }
+        };
+        this.open = () => {
+            if (this.isOpen)
+                return;
+            this.isOpen = true;
+            this.options.onOpenChange(this.isOpen);
+            this.host.requestUpdate();
+            this.updatePosition();
+        };
+        this.close = () => {
+            if (!this.isOpen)
+                return;
+            this.isOpen = false;
+            this.options.onOpenChange(this.isOpen);
+            this.cleanup?.();
+            this.cleanup = null;
+            this.host.requestUpdate();
+        };
+        this.options = {
+            placement: options.placement || 'bottom',
+            strategy: options.strategy || 'absolute',
+            offset: options.offset ?? 8,
+            trigger: options.trigger || 'hover',
+            closeOnClickOutside: options.closeOnClickOutside ?? true,
+            onOpenChange: options.onOpenChange ?? (() => undefined),
+        };
+        this.host = host;
+        this.host.addController(this);
+    }
+    hostConnected() {
+        this.isHostConnected = true;
+        if (this.options.closeOnClickOutside) {
+            document.addEventListener('mousedown', this.handleOutsideClick);
+        }
+    }
+    hostDisconnected() {
+        this.isHostConnected = false;
+        this.cleanup?.();
+        this.removeEventListeners();
+        document.removeEventListener('mousedown', this.handleOutsideClick);
+    }
+    setElements(reference, floating, arrowElement) {
+        this.cleanup?.();
+        this.cleanup = null;
+        this.removeEventListeners();
+        this.reference = reference;
+        this.floating = floating;
+        this.arrowElement = arrowElement || null;
+        this.setupEventListeners();
+        if (this.isOpen) {
+            this.updatePosition();
+        }
+    }
+    setOptions(options) {
+        const previousTrigger = this.options.trigger;
+        const previousCloseOnClickOutside = this.options.closeOnClickOutside;
+        this.options = {
+            ...this.options,
+            ...options,
+            onOpenChange: options.onOpenChange ?? this.options.onOpenChange,
+        };
+        if (this.reference && previousTrigger !== this.options.trigger) {
+            this.removeEventListeners();
+            this.setupEventListeners();
+        }
+        if (this.isHostConnected && previousCloseOnClickOutside !== this.options.closeOnClickOutside) {
+            document.removeEventListener('mousedown', this.handleOutsideClick);
+            if (this.options.closeOnClickOutside) {
+                document.addEventListener('mousedown', this.handleOutsideClick);
+            }
+        }
+        if (this.isOpen) {
+            this.updatePosition();
+        }
+    }
+    setupEventListeners() {
+        if (!this.reference)
+            return;
+        if (this.options.trigger === 'hover' || this.options.trigger === 'hover-focus') {
+            this.reference.addEventListener('mouseenter', this.open);
+            this.reference.addEventListener('mouseleave', this.close);
+        }
+        if (this.options.trigger === 'click') {
+            this.reference.addEventListener('click', this.toggle);
+        }
+        if (this.options.trigger === 'context-menu') {
+            this.reference.addEventListener('contextmenu', this.handleContextMenu);
+        }
+        if (this.options.trigger === 'focus' || this.options.trigger === 'hover-focus') {
+            this.reference.addEventListener('focusin', this.open);
+            this.reference.addEventListener('focusout', this.handleFocusOut);
+        }
+    }
+    removeEventListeners() {
+        if (!this.reference)
+            return;
+        this.reference.removeEventListener('mouseenter', this.open);
+        this.reference.removeEventListener('mouseleave', this.close);
+        this.reference.removeEventListener('click', this.toggle);
+        this.reference.removeEventListener('contextmenu', this.handleContextMenu);
+        this.reference.removeEventListener('focusin', this.open);
+        this.reference.removeEventListener('focusout', this.handleFocusOut);
+    }
+    isEventInsideElement(event, element) {
+        return event.composedPath().some(target => target === element);
+    }
+    updatePosition() {
+        if (!this.reference || !this.floating)
+            return;
+        this.cleanup = autoUpdate(this.reference, this.floating, () => {
+            if (!this.reference || !this.floating)
+                return;
+            const middleware = [
+                offset(this.options.offset),
+                flip(),
+                shift({ padding: 5 }),
+            ];
+            if (this.arrowElement) {
+                middleware.push(arrow({ element: this.arrowElement }));
+            }
+            computePosition(this.reference, this.floating, {
+                placement: this.options.placement,
+                strategy: this.options.strategy,
+                middleware,
+            }).then(({ x, y, placement, middlewareData }) => {
+                if (!this.floating)
+                    return;
+                Object.assign(this.floating.style, {
+                    left: `${x}px`,
+                    top: `${y}px`,
+                    position: this.options.strategy,
+                });
+                if (this.arrowElement && middlewareData.arrow) {
+                    const { x: ax, y: ay } = middlewareData.arrow;
+                    const staticSide = {
+                        top: 'bottom',
+                        right: 'left',
+                        bottom: 'top',
+                        left: 'right',
+                    }[placement.split('-')[0]];
+                    Object.assign(this.arrowElement.style, {
+                        left: ax != null ? `${ax}px` : '',
+                        top: ay != null ? `${ay}px` : '',
+                        right: '',
+                        bottom: '',
+                        [staticSide]: '-4px',
+                    });
+                }
+            });
+        });
+    }
+}
+
+export { FloatingController as F };
+//# sourceMappingURL=floating-controller-CZYwnRVu.js.map

package/dist/floating-controller-CZYwnRVu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-controller-CZYwnRVu.js","sources":["../../src/__internal/controllers/floating-controller.ts"],"sourcesContent":["import {\n  computePosition,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  arrow,\n  Placement,\n  Strategy,\n  Middleware,\n} from '@floating-ui/dom';\nimport { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport type TriggerType =\n  | 'hover'\n  | 'click'\n  | 'context-menu'\n  | 'manual'\n  | 'focus'\n  | 'hover-focus';\n\nexport interface FloatingOptions {\n  placement?: Placement;\n  strategy?: Strategy;\n  offset?: number;\n  trigger?: TriggerType;\n  closeOnClickOutside?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport class FloatingController implements ReactiveController {\n  private host: ReactiveControllerHost;\n  \n  private reference: HTMLElement | null = null;\n  \n  private floating: HTMLElement | null = null;\n  \n  private arrowElement: HTMLElement | null = null;\n\n  private cleanup: (() => void) | null = null;\n\n  private options: Required<FloatingOptions>;\n\n  private isHostConnected = false;\n  \n  public isOpen = false;\n\n  constructor(host: ReactiveControllerHost, options: FloatingOptions = {}) {\n    this.options = {\n      placement: options.placement || 'bottom',\n      strategy: options.strategy || 'absolute',\n      offset: options.offset ?? 8,\n      trigger: options.trigger || 'hover',\n      closeOnClickOutside: options.closeOnClickOutside ?? true,\n      onOpenChange: options.onOpenChange ?? (() => undefined),\n    };\n    this.host = host;\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    this.isHostConnected = true;\n    if (this.options.closeOnClickOutside) {\n      document.addEventListener('mousedown', this.handleOutsideClick);\n    }\n  }\n\n  hostDisconnected() {\n    this.isHostConnected = false;\n    this.cleanup?.();\n    this.removeEventListeners();\n    document.removeEventListener('mousedown', this.handleOutsideClick);\n  }\n\n  setElements(reference: HTMLElement, floating: HTMLElement, arrowElement?: HTMLElement) {\n    this.cleanup?.();\n    this.cleanup = null;\n    this.removeEventListeners();\n    this.reference = reference;\n    this.floating = floating;\n    this.arrowElement = arrowElement || null;\n    this.setupEventListeners();\n    if (this.isOpen) {\n      this.updatePosition();\n    }\n  }\n\n  setOptions(options: Partial<FloatingOptions>) {\n    const previousTrigger = this.options.trigger;\n    const previousCloseOnClickOutside = this.options.closeOnClickOutside;\n\n    this.options = {\n      ...this.options,\n      ...options,\n      onOpenChange: options.onOpenChange ?? this.options.onOpenChange,\n    };\n\n    if (this.reference && previousTrigger !== this.options.trigger) {\n      this.removeEventListeners();\n      this.setupEventListeners();\n    }\n\n    if (this.isHostConnected && previousCloseOnClickOutside !== this.options.closeOnClickOutside) {\n      document.removeEventListener('mousedown', this.handleOutsideClick);\n      if (this.options.closeOnClickOutside) {\n        document.addEventListener('mousedown', this.handleOutsideClick);\n      }\n    }\n\n    if (this.isOpen) {\n      this.updatePosition();\n    }\n  }\n\n  private setupEventListeners() {\n    if (!this.reference) return;\n\n    if (this.options.trigger === 'hover' || this.options.trigger === 'hover-focus') {\n      this.reference.addEventListener('mouseenter', this.open);\n      this.reference.addEventListener('mouseleave', this.close);\n    }\n\n    if (this.options.trigger === 'click') {\n      this.reference.addEventListener('click', this.toggle);\n    }\n\n    if (this.options.trigger === 'context-menu') {\n      this.reference.addEventListener('contextmenu', this.handleContextMenu);\n    }\n\n    if (this.options.trigger === 'focus' || this.options.trigger === 'hover-focus') {\n      this.reference.addEventListener('focusin', this.open);\n      this.reference.addEventListener('focusout', this.handleFocusOut);\n    }\n  }\n\n  private removeEventListeners() {\n    if (!this.reference) return;\n    this.reference.removeEventListener('mouseenter', this.open);\n    this.reference.removeEventListener('mouseleave', this.close);\n    this.reference.removeEventListener('click', this.toggle);\n    this.reference.removeEventListener('contextmenu', this.handleContextMenu);\n    this.reference.removeEventListener('focusin', this.open);\n    this.reference.removeEventListener('focusout', this.handleFocusOut);\n  }\n\n  private toggle = () => {\n    this.isOpen ? this.close() : this.open()\n  };\n\n  private handleContextMenu = (e: MouseEvent) => {\n    e.preventDefault();\n    this.open();\n  };\n\n  private handleFocusOut = (e: FocusEvent) => {\n    if (!this.reference || this.reference.contains(e.relatedTarget as Node)) return;\n    this.close();\n  };\n\n  private isEventInsideElement(event: Event, element: HTMLElement) {\n    return event.composedPath().some(target => target === element);\n  }\n\n  private handleOutsideClick = (e: MouseEvent) => {\n    if (\n      this.isOpen &&\n      this.reference &&\n      this.floating &&\n      !this.isEventInsideElement(e, this.reference) &&\n      !this.isEventInsideElement(e, this.floating)\n    ) {\n      this.close();\n    }\n  };\n\n  open = () => {\n    if (this.isOpen) return;\n    this.isOpen = true;\n    this.options.onOpenChange(this.isOpen);\n    this.host.requestUpdate();\n    this.updatePosition();\n  };\n\n  close = () => {\n    if (!this.isOpen) return;\n    this.isOpen = false;\n    this.options.onOpenChange(this.isOpen);\n    this.cleanup?.();\n    this.cleanup = null;\n    this.host.requestUpdate();\n  };\n\n  private updatePosition() {\n    if (!this.reference || !this.floating) return;\n\n    this.cleanup = autoUpdate(this.reference, this.floating, () => {\n      if (!this.reference || !this.floating) return;\n\n      const middleware: Middleware[] = [\n        offset(this.options.offset),\n        flip(),\n        shift({ padding: 5 }),\n      ];\n\n      if (this.arrowElement) {\n        middleware.push(arrow({ element: this.arrowElement }));\n      }\n\n      computePosition(this.reference, this.floating, {\n        placement: this.options.placement,\n        strategy: this.options.strategy,\n        middleware,\n      }).then(({ x, y, placement, middlewareData }) => {\n        if (!this.floating) return;\n\n        Object.assign(this.floating.style, {\n          left: `${x}px`,\n          top: `${y}px`,\n          position: this.options.strategy,\n        });\n\n        if (this.arrowElement && middlewareData.arrow) {\n          const { x: ax, y: ay } = middlewareData.arrow;\n          const staticSide = {\n            top: 'bottom',\n            right: 'left',\n            bottom: 'top',\n            left: 'right',\n          }[placement.split('-')[0]]!;\n\n          Object.assign(this.arrowElement.style, {\n            left: ax != null ? `${ax}px` : '',\n            top: ay != null ? `${ay}px` : '',\n            right: '',\n            bottom: '',\n            [staticSide]: '-4px',\n          });\n        }\n      });\n    });\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/{floating-controller-CnUZnOhK.js → floating-ui.dom-oQieRCpS.js}

@@ -1622,186 +1622,5 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-class FloatingController {
-    constructor(host, options = {}) {
-        this.reference = null;
-        this.floating = null;
-        this.arrowElement = null;
-        this.cleanup = null;
-        this.isHostConnected = false;
-        this.isOpen = false;
-        this.toggle = () => {
-            this.isOpen ? this.close() : this.open();
-        };
-        this.handleContextMenu = (e) => {
-            e.preventDefault();
-            this.open();
-        };
-        this.handleFocusOut = (e) => {
-            if (!this.reference || this.reference.contains(e.relatedTarget))
-                return;
-            this.close();
-        };
-        this.handleOutsideClick = (e) => {
-            if (this.isOpen &&
-                this.reference &&
-                this.floating &&
-                !this.isEventInsideElement(e, this.reference) &&
-                !this.isEventInsideElement(e, this.floating)) {
-                this.close();
-            }
-        };
-        this.open = () => {
-            if (this.isOpen)
-                return;
-            this.isOpen = true;
-            this.options.onOpenChange(this.isOpen);
-            this.host.requestUpdate();
-            this.updatePosition();
-        };
-        this.close = () => {
-            if (!this.isOpen)
-                return;
-            this.isOpen = false;
-            this.options.onOpenChange(this.isOpen);
-            this.cleanup?.();
-            this.cleanup = null;
-            this.host.requestUpdate();
-        };
-        this.options = {
-            placement: options.placement || 'bottom',
-            strategy: options.strategy || 'absolute',
-            offset: options.offset ?? 8,
-            trigger: options.trigger || 'hover',
-            closeOnClickOutside: options.closeOnClickOutside ?? true,
-            onOpenChange: options.onOpenChange ?? (() => undefined),
-        };
-        this.host = host;
-        this.host.addController(this);
-    }
-    hostConnected() {
-        this.isHostConnected = true;
-        if (this.options.closeOnClickOutside) {
-            document.addEventListener('mousedown', this.handleOutsideClick);
-        }
-    }
-    hostDisconnected() {
-        this.isHostConnected = false;
-        this.cleanup?.();
-        this.removeEventListeners();
-        document.removeEventListener('mousedown', this.handleOutsideClick);
-    }
-    setElements(reference, floating, arrowElement) {
-        this.cleanup?.();
-        this.cleanup = null;
-        this.removeEventListeners();
-        this.reference = reference;
-        this.floating = floating;
-        this.arrowElement = arrowElement || null;
-        this.setupEventListeners();
-        if (this.isOpen) {
-            this.updatePosition();
-        }
-    }
-    setOptions(options) {
-        const previousTrigger = this.options.trigger;
-        const previousCloseOnClickOutside = this.options.closeOnClickOutside;
-        this.options = {
-            ...this.options,
-            ...options,
-            onOpenChange: options.onOpenChange ?? this.options.onOpenChange,
-        };
-        if (this.reference && previousTrigger !== this.options.trigger) {
-            this.removeEventListeners();
-            this.setupEventListeners();
-        }
-        if (this.isHostConnected && previousCloseOnClickOutside !== this.options.closeOnClickOutside) {
-            document.removeEventListener('mousedown', this.handleOutsideClick);
-            if (this.options.closeOnClickOutside) {
-                document.addEventListener('mousedown', this.handleOutsideClick);
-            }
-        }
-        if (this.isOpen) {
-            this.updatePosition();
-        }
-    }
-    setupEventListeners() {
-        if (!this.reference)
-            return;
-        if (this.options.trigger === 'hover' || this.options.trigger === 'hover-focus') {
-            this.reference.addEventListener('mouseenter', this.open);
-            this.reference.addEventListener('mouseleave', this.close);
-        }
-        if (this.options.trigger === 'click') {
-            this.reference.addEventListener('click', this.toggle);
-        }
-        if (this.options.trigger === 'context-menu') {
-            this.reference.addEventListener('contextmenu', this.handleContextMenu);
-        }
-        if (this.options.trigger === 'focus' || this.options.trigger === 'hover-focus') {
-            this.reference.addEventListener('focusin', this.open);
-            this.reference.addEventListener('focusout', this.handleFocusOut);
-        }
-    }
-    removeEventListeners() {
-        if (!this.reference)
-            return;
-        this.reference.removeEventListener('mouseenter', this.open);
-        this.reference.removeEventListener('mouseleave', this.close);
-        this.reference.removeEventListener('click', this.toggle);
-        this.reference.removeEventListener('contextmenu', this.handleContextMenu);
-        this.reference.removeEventListener('focusin', this.open);
-        this.reference.removeEventListener('focusout', this.handleFocusOut);
-    }
-    isEventInsideElement(event, element) {
-        return event.composedPath().some(target => target === element);
-    }
-    updatePosition() {
-        if (!this.reference || !this.floating)
-            return;
-        this.cleanup = autoUpdate(this.reference, this.floating, () => {
-            if (!this.reference || !this.floating)
-                return;
-            const middleware = [
-                offset(this.options.offset),
-                flip(),
-                shift({ padding: 5 }),
-            ];
-            if (this.arrowElement) {
-                middleware.push(arrow({ element: this.arrowElement }));
-            }
-            computePosition(this.reference, this.floating, {
-                placement: this.options.placement,
-                strategy: this.options.strategy,
-                middleware,
-            }).then(({ x, y, placement, middlewareData }) => {
-                if (!this.floating)
-                    return;
-                Object.assign(this.floating.style, {
-                    left: `${x}px`,
-                    top: `${y}px`,
-                    position: this.options.strategy,
-                });
-                if (this.arrowElement && middlewareData.arrow) {
-                    const { x: ax, y: ay } = middlewareData.arrow;
-                    const staticSide = {
-                        top: 'bottom',
-                        right: 'left',
-                        bottom: 'top',
-                        left: 'right',
-                    }[placement.split('-')[0]];
-                    Object.assign(this.arrowElement.style, {
-                        left: ax != null ? `${ax}px` : '',
-                        top: ay != null ? `${ay}px` : '',
-                        right: '',
-                        bottom: '',
-                        [staticSide]: '-4px',
-                    });
-                }
-            });
-        });
-    }
-}
-
-export { FloatingController as F };
-//# sourceMappingURL=floating-controller-CnUZnOhK.js.map
+export { autoUpdate as a, arrow as b, computePosition as c, flip as f, offset as o, shift as s };
+//# sourceMappingURL=floating-ui.dom-oQieRCpS.js.map