n8n-editor-ui/dist/assets/useIntersectionObserver-legacy-DhQuUrIr.js

Workflow Editor UI for n8n

;
(function () {
  System.register(["./vue.runtime.esm-bundler-legacy--Sn1h8On.js"], function (_export, _context) {
    "use strict";

    var ref, onBeforeUnmount;
    //#region src/app/composables/useIntersectionObserver.ts
    /**
    * Composable for observing element intersections with automatic cleanup
    *
    * @example
    * const { observe } = useIntersectionObserver({
    *   root: containerRef,
    *   onIntersect: () => loadMore(),
    * });
    *
    * // Observe last item in list
    * observe(lastItemElement);
    */
    function useIntersectionObserver(options) {
      const observer = ref(null);
      /**
      * Stop observing and clean up the observer
      */
      const disconnect = () => {
        if (observer.value) {
          observer.value.disconnect();
          observer.value = null;
        }
      };
      /**
      * Start observing an element for intersection
      * Automatically cleans up any existing observer before creating a new one
      */
      const observe = element => {
        if (!element) return;
        disconnect();
        observer.value = new IntersectionObserver(([entry]) => {
          if (entry.isIntersecting) {
            options.onIntersect();
            if (options.once !== false) disconnect();
          }
        }, {
          root: options.root.value,
          threshold: options.threshold ?? .01
        });
        observer.value.observe(element);
      };
      onBeforeUnmount(() => {
        disconnect();
      });
      return {
        observer,
        observe,
        disconnect
      };
    }

    //#endregion
    _export("t", useIntersectionObserver);
    return {
      setters: [function (_vueRuntimeEsmBundlerLegacy003Js) {
        ref = _vueRuntimeEsmBundlerLegacy003Js.It;
        onBeforeUnmount = _vueRuntimeEsmBundlerLegacy003Js.J;
      }],
      execute: function () {}
    };
  });
})();