@design-factory/angular 21.1.0-next.0 → 21.1.0

package/node_modules/@agnos-ui/core/services/navManager.cjs

@@ -1,166 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("../directive-DCaXmRe_.cjs");
-const isFocusable = require("../isFocusable-DfzDLeAN.cjs");
-const textDirection = require("../textDirection-zqcZ5-eK.cjs");
-const compareDomOrder = (element1, element2) => {
-  if (element1 === element2) {
-    return 0;
-  }
-  const result = element1.compareDocumentPosition(element2);
-  if (result & Node.DOCUMENT_POSITION_FOLLOWING) {
-    return -1;
-  } else if (result & Node.DOCUMENT_POSITION_PRECEDING) {
-    return 1;
-  }
-  throw new Error("failed to compare elements");
-};
-const textInputTypes = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "password"]);
-const isTextInput = (element) => element instanceof HTMLInputElement && textInputTypes.has(element.type);
-const getKeyName = (event) => {
-  let key = event.key;
-  if (event.shiftKey) {
-    key = `Shift+${key}`;
-  }
-  if (event.altKey) {
-    key = `Alt+${key}`;
-  }
-  if (event.ctrlKey) {
-    key = `Ctrl+${key}`;
-  }
-  if (event.metaKey) {
-    key = `Meta+${key}`;
-  }
-  return key;
-};
-const isInternalInputNavigation = (event) => {
-  const { target, key } = event;
-  if (isTextInput(target) && (key === "ArrowLeft" || key === "ArrowRight" || key === "Home" || key === "End")) {
-    let startPosition;
-    if (key === "ArrowLeft" || key === "ArrowRight") {
-      const direction = textDirection.getTextDirection(target);
-      startPosition = key === (direction === "ltr" ? "ArrowLeft" : "ArrowRight");
-    } else {
-      startPosition = key === "Home";
-    }
-    const cursorPosition = target.selectionStart === target.selectionEnd ? target.selectionStart : null;
-    if (startPosition && cursorPosition !== 0 || !startPosition && cursorPosition !== target.value.length) {
-      return true;
-    }
-  }
-  return false;
-};
-const defaultSelector = (directiveElement) => [directiveElement];
-const createNavManager = () => {
-  const directiveInstances$ = utils_directive.registrationArray();
-  const elementsRefresh$ = tansu.writable({});
-  const refreshElements = (now = true) => {
-    elementsRefresh$.set({});
-    if (now) {
-      commonAncestor$();
-      elementsInDomOrder$();
-    }
-  };
-  const elements$ = tansu.computed(() => {
-    elementsRefresh$();
-    const res = [];
-    for (const item of directiveInstances$()) {
-      res.push(...item());
-    }
-    return res;
-  });
-  const commonAncestor$ = tansu.computed(() => utils_directive.computeCommonAncestor(elements$()), { equal: Object.is });
-  const elementsInDomOrder$ = tansu.computed(() => [...elements$()].sort(compareDomOrder));
-  const ancestorDirection = () => {
-    const commonAncestor = commonAncestor$();
-    return commonAncestor ? textDirection.getTextDirection(commonAncestor) : "ltr";
-  };
-  const preventDefaultIfRelevant = (value, event) => {
-    if (value) {
-      event?.preventDefault();
-    }
-    return value;
-  };
-  const focusIndex = (index, moveDirection = 0) => {
-    const array = elementsInDomOrder$();
-    while (index >= 0 && index < array.length) {
-      const newItem = array[index];
-      if (isFocusable.isFocusable(newItem)) {
-        newItem.focus();
-        if (moveDirection != 0 && isTextInput(newItem)) {
-          const changeDirection = ancestorDirection() !== textDirection.getTextDirection(newItem);
-          const position = moveDirection > 0 !== changeDirection ? 0 : newItem.value.length;
-          newItem.setSelectionRange(position, position, position === 0 ? "forward" : "backward");
-        }
-        return newItem;
-      }
-      if (moveDirection === 0) {
-        break;
-      } else {
-        index += moveDirection;
-      }
-    }
-    return null;
-  };
-  const createFocusNeighbour = (moveDirection) => ({
-    event,
-    referenceElement = event?.target ?? document.activeElement
-  } = {}) => {
-    const curIndex = referenceElement ? elementsInDomOrder$().indexOf(referenceElement) : -1;
-    if (curIndex > -1) {
-      return preventDefaultIfRelevant(focusIndex(curIndex + moveDirection, moveDirection), event);
-    }
-    return null;
-  };
-  const directive = utils_directive.browserDirective((directiveElement, config) => {
-    const onKeyDown = (event) => {
-      if (isInternalInputNavigation(event)) {
-        return;
-      }
-      const keyName = getKeyName(event);
-      const handler = config.keys?.[keyName];
-      if (handler) {
-        refreshElements(false);
-        handler({ event, directiveElement, navManager, context: config.context });
-      }
-    };
-    directiveElement.addEventListener("keydown", onKeyDown);
-    const unregister = directiveInstances$.register(() => (config?.selector ?? defaultSelector)(directiveElement));
-    return {
-      update(newConfig) {
-        config = newConfig;
-      },
-      destroy() {
-        directiveElement.removeEventListener("keydown", onKeyDown);
-        unregister();
-      }
-    };
-  });
-  const focusPrevious = createFocusNeighbour(-1);
-  const focusNext = createFocusNeighbour(1);
-  const focusFirst = ({ event } = {}) => preventDefaultIfRelevant(focusIndex(0, 1), event);
-  const focusLast = ({ event } = {}) => preventDefaultIfRelevant(focusIndex(elementsInDomOrder$().length - 1, -1), event);
-  const focusLeft = (...args) => (ancestorDirection() === "rtl" ? focusNext : focusPrevious)(...args);
-  const focusRight = (...args) => (ancestorDirection() === "rtl" ? focusPrevious : focusNext)(...args);
-  const focusFirstLeft = (...args) => (ancestorDirection() === "rtl" ? focusLast : focusFirst)(...args);
-  const focusFirstRight = (...args) => (ancestorDirection() === "rtl" ? focusFirst : focusLast)(...args);
-  const navManager = {
-    elementsInDomOrder$,
-    directive,
-    focusIndex,
-    focusPrevious,
-    focusNext,
-    focusFirst,
-    focusFirstLeft,
-    focusFirstRight,
-    focusLast,
-    focusLeft,
-    focusRight,
-    refreshElements
-  };
-  return navManager;
-};
-exports.createNavManager = createNavManager;
-exports.getKeyName = getKeyName;
-exports.isInternalInputNavigation = isInternalInputNavigation;

package/node_modules/@agnos-ui/core/services/navManager.d.ts

@@ -1,144 +0,0 @@
-import { type ReadableSignal } from '@amadeus-it-group/tansu';
-import type { Directive, SSRHTMLElement } from '../types';
-/**
- * A type representing a function that determines the neighboring element to focus on.
- * @returns The next HTMLElement to focus on, or null if no suitable element is found.
- */
-export type FocusNeighbour = (arg?: {
-    event?: Event;
-    referenceElement?: HTMLElement | null;
-}) => HTMLElement | null;
-/**
- * A type representing a function that focuses on the end element.
- * @returns The HTMLElement that was focused, or null if no element was focused.
- */
-export type FocusEnd = (arg?: {
-    event?: Event;
-}) => HTMLElement | null;
-/**
- * Represents a navigation manager that handles focusable elements in the DOM.
- *
- * @template T - The type of the configuration for the navigation manager items.
- */
-export type NavManager<T> = {
-    /**
-     * Store containing the navigable elements in DOM order
-     */
-    elementsInDomOrder$: ReadableSignal<HTMLElement[]>;
-    /**
-     * Directive to attach the nav manager
-     */
-    directive: Directive<NavManagerItemConfig<T>, SSRHTMLElement>;
-    /**
-     * Refresh the elements list.
-     * @param now force the instant refresh of the elements
-     */
-    refreshElements: (now?: boolean) => void;
-    /**
-     * Focus the element at the given idex.
-     * If the element at the given index is not focusable, use the moveDirection to step into the next focusable element.
-     * @param index the index of the element to focus
-     * @param moveDirection a move direction
-     * @returns the new focusable element if found, null otherwise
-     */
-    focusIndex: (index: number, moveDirection: -1 | 0 | 1) => HTMLElement | null;
-    /**
-     * Focus the previous element, respecting the ancestor direction.
-     */
-    focusPrevious: FocusNeighbour;
-    /**
-     * Focus the next element, respecting the ancestor direction.
-     */
-    focusNext: FocusNeighbour;
-    /**
-     * Focus the first element, respecting the ancestor direction.
-     */
-    focusFirst: FocusEnd;
-    /**
-     * Focus the element at the left-end of the list.
-     */
-    focusFirstLeft: FocusEnd;
-    /**
-     * Focus the element at the right-end of the list.
-     */
-    focusFirstRight: FocusEnd;
-    /**
-     * Focus the last element, respecting the ancestor direction.
-     */
-    focusLast: FocusEnd;
-    /**
-     * Focus the next focusable element to the left of the currently focused element.
-     */
-    focusLeft: FocusNeighbour;
-    /**
-     * Focus the next focusable element to the right of the currently focused element.
-     */
-    focusRight: FocusNeighbour;
-};
-/**
- * Returns the key name given the keyboard event. The key name is built using event.key (such as ArrowLeft, PageDown...),
- * prefixed with the modifiers. If present, modifiers are always in the same order: Meta+Ctrl+Alt+Shift+...
- * @param event - keyboard event
- * @returns the name of the key, including modifiers
- */
-export declare const getKeyName: (event: KeyboardEvent) => string;
-/**
- * Returns true if the keyboard event is an ArrowLeft, ArrowRight, Home or End key press that should make the cursor move inside
- * the input and false otherwise (i.e. the key is not ArrowLeft, ArrowRight, Home or End key, or that would not make the cursor move
- * because it is already at one end of the input)
- * @param event - keyboard event
- * @returns true if the keyboard event is an ArrowLeft, ArrowRight, Home or End key press that should make the cursor move inside
- * the input and false otherwise.
- */
-export declare const isInternalInputNavigation: (event: KeyboardEvent) => boolean;
-/**
- * Type of a key handler of the navigation manager.
- * A key handler receives an object as its parameter, with the following properties:
- * - event: key event
- * - directiveElement: DOM element which has the navigation manager directive
- * - navManager: navigation manager instance
- * @template T - The type of the context object, defaults to `any`.
- */
-export type NavManagerKeyHandler<T = any> = (info: {
-    directiveElement: HTMLElement;
-    event: Event;
-    navManager: NavManager<T>;
-    context?: T;
-}) => void;
-/**
- * Configuration object for a navigation manager item.
- *
- * @template T - The type of the context object.
- */
-export interface NavManagerItemConfig<T = any> {
-    /**
-     * Map of key handlers.
-     * The key in the map should match the result of calling {@link getKeyName} on the key event (for example "ArrowLeft" or "Ctrl+PageDown").
-     * The value in the map is the corresponding key handler.
-     */
-    keys?: Record<string, NavManagerKeyHandler<T>>;
-    /**
-     * Function returning DOM elements to include in the navigation manager.
-     * It receives as a parameter the DOM element on which the navigation manager directive is used.
-     * If not specified, the default selector function only returns the element on which the navigation manager directive is used.
-     */
-    selector?: (directiveElement: HTMLElement) => Iterable<HTMLElement>;
-    /**
-     *
-     */
-    context?: T;
-}
-/**
- * Returns a new instance of the navigation manager.
- *
- * The navigation manager simplifies keyboard navigation for a set of DOM elements.
- * It provides a directive to use on some DOM elements, both to add the keydown event handler and to specify which elements should be managed
- * (either by directly putting the directive on those elements, or by putting the directive on a parent element and
- * specifying which child elements should be included through a selector function).
- *
- * It provides some utilities to move the focus between those elements (focusFirst/focusLast, focusLeft/focusRight, focusPrevious/focusNext).
- *
- * @template T - The type of the context object used in the navigation manager.
- * @returns An object containing methods and properties for managing focus navigation.
- */
-export declare const createNavManager: <T>() => NavManager<T>;

package/node_modules/@agnos-ui/core/services/navManager.js

@@ -1,166 +0,0 @@
-import { writable, computed } from "@amadeus-it-group/tansu";
-import { u as registrationArray, A as computeCommonAncestor, d as browserDirective } from "../directive-Bsreu2z1.js";
-import { i as isFocusable } from "../isFocusable-Ckwus82R.js";
-import { g as getTextDirection } from "../textDirection-cNgt24LJ.js";
-const compareDomOrder = (element1, element2) => {
-  if (element1 === element2) {
-    return 0;
-  }
-  const result = element1.compareDocumentPosition(element2);
-  if (result & Node.DOCUMENT_POSITION_FOLLOWING) {
-    return -1;
-  } else if (result & Node.DOCUMENT_POSITION_PRECEDING) {
-    return 1;
-  }
-  throw new Error("failed to compare elements");
-};
-const textInputTypes = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "password"]);
-const isTextInput = (element) => element instanceof HTMLInputElement && textInputTypes.has(element.type);
-const getKeyName = (event) => {
-  let key = event.key;
-  if (event.shiftKey) {
-    key = `Shift+${key}`;
-  }
-  if (event.altKey) {
-    key = `Alt+${key}`;
-  }
-  if (event.ctrlKey) {
-    key = `Ctrl+${key}`;
-  }
-  if (event.metaKey) {
-    key = `Meta+${key}`;
-  }
-  return key;
-};
-const isInternalInputNavigation = (event) => {
-  const { target, key } = event;
-  if (isTextInput(target) && (key === "ArrowLeft" || key === "ArrowRight" || key === "Home" || key === "End")) {
-    let startPosition;
-    if (key === "ArrowLeft" || key === "ArrowRight") {
-      const direction = getTextDirection(target);
-      startPosition = key === (direction === "ltr" ? "ArrowLeft" : "ArrowRight");
-    } else {
-      startPosition = key === "Home";
-    }
-    const cursorPosition = target.selectionStart === target.selectionEnd ? target.selectionStart : null;
-    if (startPosition && cursorPosition !== 0 || !startPosition && cursorPosition !== target.value.length) {
-      return true;
-    }
-  }
-  return false;
-};
-const defaultSelector = (directiveElement) => [directiveElement];
-const createNavManager = () => {
-  const directiveInstances$ = registrationArray();
-  const elementsRefresh$ = writable({});
-  const refreshElements = (now = true) => {
-    elementsRefresh$.set({});
-    if (now) {
-      commonAncestor$();
-      elementsInDomOrder$();
-    }
-  };
-  const elements$ = computed(() => {
-    elementsRefresh$();
-    const res = [];
-    for (const item of directiveInstances$()) {
-      res.push(...item());
-    }
-    return res;
-  });
-  const commonAncestor$ = computed(() => computeCommonAncestor(elements$()), { equal: Object.is });
-  const elementsInDomOrder$ = computed(() => [...elements$()].sort(compareDomOrder));
-  const ancestorDirection = () => {
-    const commonAncestor = commonAncestor$();
-    return commonAncestor ? getTextDirection(commonAncestor) : "ltr";
-  };
-  const preventDefaultIfRelevant = (value, event) => {
-    if (value) {
-      event?.preventDefault();
-    }
-    return value;
-  };
-  const focusIndex = (index, moveDirection = 0) => {
-    const array = elementsInDomOrder$();
-    while (index >= 0 && index < array.length) {
-      const newItem = array[index];
-      if (isFocusable(newItem)) {
-        newItem.focus();
-        if (moveDirection != 0 && isTextInput(newItem)) {
-          const changeDirection = ancestorDirection() !== getTextDirection(newItem);
-          const position = moveDirection > 0 !== changeDirection ? 0 : newItem.value.length;
-          newItem.setSelectionRange(position, position, position === 0 ? "forward" : "backward");
-        }
-        return newItem;
-      }
-      if (moveDirection === 0) {
-        break;
-      } else {
-        index += moveDirection;
-      }
-    }
-    return null;
-  };
-  const createFocusNeighbour = (moveDirection) => ({
-    event,
-    referenceElement = event?.target ?? document.activeElement
-  } = {}) => {
-    const curIndex = referenceElement ? elementsInDomOrder$().indexOf(referenceElement) : -1;
-    if (curIndex > -1) {
-      return preventDefaultIfRelevant(focusIndex(curIndex + moveDirection, moveDirection), event);
-    }
-    return null;
-  };
-  const directive = browserDirective((directiveElement, config) => {
-    const onKeyDown = (event) => {
-      if (isInternalInputNavigation(event)) {
-        return;
-      }
-      const keyName = getKeyName(event);
-      const handler = config.keys?.[keyName];
-      if (handler) {
-        refreshElements(false);
-        handler({ event, directiveElement, navManager, context: config.context });
-      }
-    };
-    directiveElement.addEventListener("keydown", onKeyDown);
-    const unregister = directiveInstances$.register(() => (config?.selector ?? defaultSelector)(directiveElement));
-    return {
-      update(newConfig) {
-        config = newConfig;
-      },
-      destroy() {
-        directiveElement.removeEventListener("keydown", onKeyDown);
-        unregister();
-      }
-    };
-  });
-  const focusPrevious = createFocusNeighbour(-1);
-  const focusNext = createFocusNeighbour(1);
-  const focusFirst = ({ event } = {}) => preventDefaultIfRelevant(focusIndex(0, 1), event);
-  const focusLast = ({ event } = {}) => preventDefaultIfRelevant(focusIndex(elementsInDomOrder$().length - 1, -1), event);
-  const focusLeft = (...args) => (ancestorDirection() === "rtl" ? focusNext : focusPrevious)(...args);
-  const focusRight = (...args) => (ancestorDirection() === "rtl" ? focusPrevious : focusNext)(...args);
-  const focusFirstLeft = (...args) => (ancestorDirection() === "rtl" ? focusLast : focusFirst)(...args);
-  const focusFirstRight = (...args) => (ancestorDirection() === "rtl" ? focusFirst : focusLast)(...args);
-  const navManager = {
-    elementsInDomOrder$,
-    directive,
-    focusIndex,
-    focusPrevious,
-    focusNext,
-    focusFirst,
-    focusFirstLeft,
-    focusFirstRight,
-    focusLast,
-    focusLeft,
-    focusRight,
-    refreshElements
-  };
-  return navManager;
-};
-export {
-  createNavManager,
-  getKeyName,
-  isInternalInputNavigation
-};

package/node_modules/@agnos-ui/core/services/pointerdownPosition.cjs

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../directive-DCaXmRe_.cjs");
-const utils_func = require("../utils/func.cjs");
-const createPointerdownPositionDirective = (onStart) => utils_directive.browserDirective((element, arg) => {
-  let activePointerId = null;
-  let activeHandlers = null;
-  let removePointerMoveEvent = utils_func.noop;
-  let removePointerUpEvent = utils_func.noop;
-  let removePointerCancelEvent = utils_func.noop;
-  const onMove = (e) => {
-    if (e.pointerId === activePointerId) {
-      e.preventDefault();
-      activeHandlers?.onMove?.(e);
-    }
-  };
-  const endCurrent = (e) => {
-    removePointerMoveEvent();
-    removePointerUpEvent();
-    removePointerCancelEvent();
-    removePointerMoveEvent = utils_func.noop;
-    removePointerUpEvent = utils_func.noop;
-    removePointerCancelEvent = utils_func.noop;
-    const handlers = activeHandlers;
-    activeHandlers = null;
-    activePointerId = null;
-    handlers?.onEnd?.(e);
-  };
-  const onEnd = (e) => {
-    if (e.pointerId === activePointerId) {
-      e.preventDefault();
-      endCurrent(e);
-    }
-  };
-  const removePointerDownEvent = utils_directive.addEvent(element, "pointerdown", (e) => {
-    if (activeHandlers) {
-      endCurrent();
-    }
-    const pointerId = e.pointerId;
-    const startResult = onStart(e, arg);
-    if (startResult) {
-      e.preventDefault();
-      activePointerId = pointerId;
-      activeHandlers = startResult;
-      removePointerMoveEvent = utils_directive.addEvent(document, "pointermove", onMove);
-      removePointerUpEvent = utils_directive.addEvent(document, "pointerup", onEnd);
-      removePointerCancelEvent = utils_directive.addEvent(document, "pointercancel", onEnd);
-    }
-  });
-  return {
-    update(newArg) {
-      arg = newArg;
-    },
-    destroy() {
-      removePointerDownEvent();
-      endCurrent();
-    }
-  };
-});
-exports.createPointerdownPositionDirective = createPointerdownPositionDirective;

package/node_modules/@agnos-ui/core/services/pointerdownPosition.d.ts

@@ -1,42 +0,0 @@
-import type { Directive } from '../types';
-/**
- * Configuration options for tracking pointer position after a pointerdown event.
- */
-export interface PointerPositionHandlers {
-    /**
-     * Callback function invoked when the mouse moves after a pointerdown event.
-     * @param position - The current mouse position information including origin and current coordinates.
-     */
-    onMove?: (event: PointerEvent) => void;
-    /**
-     * Callback function invoked when the move ends after a pointerdown event.
-     */
-    onEnd?: (event?: PointerEvent) => void;
-}
-/**
- * Creates a directive for tracking pointer position during drag operations.
- *
- * This function sets up event listeners that track pointer movements from an initial pointerdown event
- * through pointermover and pointerup events. It provides a directive that can be attached to DOM elements
- * to enable drag tracking functionality.
- *
- * @param onStart - Callback function invoked when the pointerdown event happens.
- *
- * @returns The pointerdownPositionDirective that can be applied to elements.
- *
- * @example
- * ```typescript
- * const pointerPositionDirective = createPointerdownPositionDirective((event) => {
- *   console.log(`Drag started at (${event.clientX}, ${event.clientY})`);
- *   return {
- *     onMove: (event) => {
- *       console.log(`Dragging: ${event.clientX}, dy=${event.clientY}`);
- *     },
- *     onEnd: () => {
- *       console.log(`Drag ended`);
- *     }
- *   };
- * });
- * ```
- */
-export declare const createPointerdownPositionDirective: <T = void>(onStart: (position: PointerEvent, arg: T) => PointerPositionHandlers | undefined) => Directive<T>;

package/node_modules/@agnos-ui/core/services/pointerdownPosition.js

@@ -1,60 +0,0 @@
-import { d as browserDirective, w as addEvent } from "../directive-Bsreu2z1.js";
-import { noop } from "../utils/func.js";
-const createPointerdownPositionDirective = (onStart) => browserDirective((element, arg) => {
-  let activePointerId = null;
-  let activeHandlers = null;
-  let removePointerMoveEvent = noop;
-  let removePointerUpEvent = noop;
-  let removePointerCancelEvent = noop;
-  const onMove = (e) => {
-    if (e.pointerId === activePointerId) {
-      e.preventDefault();
-      activeHandlers?.onMove?.(e);
-    }
-  };
-  const endCurrent = (e) => {
-    removePointerMoveEvent();
-    removePointerUpEvent();
-    removePointerCancelEvent();
-    removePointerMoveEvent = noop;
-    removePointerUpEvent = noop;
-    removePointerCancelEvent = noop;
-    const handlers = activeHandlers;
-    activeHandlers = null;
-    activePointerId = null;
-    handlers?.onEnd?.(e);
-  };
-  const onEnd = (e) => {
-    if (e.pointerId === activePointerId) {
-      e.preventDefault();
-      endCurrent(e);
-    }
-  };
-  const removePointerDownEvent = addEvent(element, "pointerdown", (e) => {
-    if (activeHandlers) {
-      endCurrent();
-    }
-    const pointerId = e.pointerId;
-    const startResult = onStart(e, arg);
-    if (startResult) {
-      e.preventDefault();
-      activePointerId = pointerId;
-      activeHandlers = startResult;
-      removePointerMoveEvent = addEvent(document, "pointermove", onMove);
-      removePointerUpEvent = addEvent(document, "pointerup", onEnd);
-      removePointerCancelEvent = addEvent(document, "pointercancel", onEnd);
-    }
-  });
-  return {
-    update(newArg) {
-      arg = newArg;
-    },
-    destroy() {
-      removePointerDownEvent();
-      endCurrent();
-    }
-  };
-});
-export {
-  createPointerdownPositionDirective
-};

package/node_modules/@agnos-ui/core/services/portal.cjs

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../directive-DCaXmRe_.cjs");
-const portal = utils_directive.browserDirective(
-  (content, newArg) => {
-    let arg;
-    let replaceComment;
-    const removeReplaceComment = () => {
-      if (replaceComment) {
-        replaceComment.parentNode?.replaceChild(content, replaceComment);
-        replaceComment = null;
-      }
-    };
-    const update = (newArg2) => {
-      if (newArg2 !== arg && (newArg2?.container !== arg?.container || newArg2?.insertBefore !== arg?.insertBefore)) {
-        arg = newArg2;
-        const container = arg?.container ?? arg?.insertBefore?.parentElement;
-        if (container) {
-          const insertBefore = arg?.insertBefore ?? null;
-          const moveNeeded = content.parentElement !== container || content.nextSibling !== insertBefore;
-          if (moveNeeded) {
-            if (!replaceComment) {
-              replaceComment = content.parentNode?.insertBefore(content.ownerDocument.createComment("portal"), content);
-            }
-            container.insertBefore(content, insertBefore);
-          }
-        } else {
-          removeReplaceComment();
-        }
-      }
-    };
-    update(newArg);
-    return {
-      update,
-      destroy: () => {
-        removeReplaceComment();
-        content.parentNode?.removeChild(content);
-      }
-    };
-  }
-);
-exports.portal = portal;