fubi 1.0.0-beta.14 → 1.0.0-beta.15

package/dist/index.es.js

@@ -12,7 +12,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var __superGet = (cls, obj, key2) => __reflectGet(__getProtoOf(cls), key2, obj);
-var _previous, _callbacks, _pending, _blocking_pending, _deferred, _dirty_effects, _maybe_dirty_effects, _Batch_instances, traverse_effect_tree_fn, defer_effects_fn, resolve_fn, commit_fn, _pending2, _anchor, _hydrate_open, _props, _children, _effect, _main_effect, _pending_effect, _failed_effect, _offscreen_fragment, _local_pending_count, _pending_count, _is_creating_fallback, _effect_pending, _effect_pending_update, _effect_pending_subscriber, _Boundary_instances, hydrate_resolved_content_fn, hydrate_pending_content_fn, run_fn, show_pending_snippet_fn, update_pending_count_fn, _batches, _onscreen, _offscreen, _transition, _commit, _listeners, _observer, _options, _ResizeObserverSingleton_instances, getObserver_fn, _sources, _version, _size, _update_version, _SvelteMap_instances, source_fn, read_all_fn, _callback, _fpsLimitOption, _fpsLimit, _previousTimestamp, _frame, _fps, _running, _window, _AnimationFrames_instances, loop_fn, _current, _key, _serializer, _storage, _subscribe, _update, _proxies, _handleStorageEvent, _PersistedState_instances, deserialize_fn, serialize_fn, _options2, _element, _idle, _offset, _onScroll, _onStop, _eventListenerOptions, _behavior, _onError, _internalX, _internalY, _x, _y, _isScrolling, _arrived, _directions, _progress, _onScrollHandler, _loading, _ready, _error, _maintenance, _title, _message, _user, _loginError, _listeners2, _hovering, _focusWithin, _visible, _lastUsedFeature, _minimized, _a, _active, _id, _current2, _error2, _id2, _current3, _error3, _hasAccess, _role, _data, _error4, _filter, _query, _sort, _page, _perPage, _empty, _unlockedFolders, _canAccess, _filter2, _query2, _users, _b, _c, _url, _filter3, _valid, _current4, _pageName, _error5, _isNew, _meta, _d, _stiffness, _damping, _precision, _current5, _target, _last_value, _last_time, _inverse_mass, _momentum, _task, _deferred2, _Spring_instances, update_fn, _el, _contentScrollState, _breakpoints, _currentBreakpoint, _nextBreakpoint, _dragging, _visible2, _back, _e, _touch, _root, _name, _key2, _size2, _observed, _options3, _node, _window2, _width, _height, _subscribe2, _variant, _prefix, _opts, _currentTabStopId, _opts2, _currentFrame, _AnimationsComplete_instances, cleanup_fn, executeCallback_fn, _opts3, _enabled, _afterAnimations, _shouldRender, _triggerNode, _contentNode, _overlayNode, _descriptionNode, _contentId, _titleId, _triggerId, _descriptionId, _cancelNode, _nestedOpenCount, _sharedProps, _props2, _props3, _snippetProps, _props4, _snippetProps2, _props5, _opts4, _search, _onMatch, _getCurrentItem, _opts5, _enabled2, _isPointerInTransit, _pointerGraceArea, _GraceArea_instances, removeGraceArea_fn, createGraceArea_fn, _ignoreCloseAutoFocus, _isPointerInTransit2, _contentNode2, _triggerNode2, _search2, _timer, _handleTypeaheadSearch, _mounted, _isSub, _MenuContentState_instances, getCandidateNodes_fn, isPointerMovingToSubmenu_fn, _snippetProps3, _props6, _isFocused, _props7, _isPointerDown, _MenuItemState_instances, handleSelect_fn, _props8, _openTimer, _MenuSubTriggerState_instances, clearOpenTimer_fn, _props9, _ariaControls, _props10, _interactOutsideProp, _behaviorType, _interceptedEvents, _isResponsibleLayer, _isFocusInsideDOMTree, _documentObj, _onFocusOutside, _unsubClickListener, _handleFocus, _DismissibleLayerState_instances, addEventListeners_fn, _handleDismiss, _handleInteractOutside, _markInterceptedEvent, _markNonInterceptedEvent, _markResponsibleLayer, _isTargetWithinLayer, _resetState, isAnyEventIntercepted_fn, _onfocuscapture, _onblurcapture, _addEventListener, _onkeydown, _scopeStack, _focusHistory, _preFocusHistory, _paused, _container, _manager, _cleanupFns, _opts6, _FocusScope_instances, cleanup_fn2, handleOpenAutoFocus_fn, handleCloseAutoFocus_fn, setupEventListeners_fn, getTabbables_fn, getFirstTabbable_fn, getAllFocusables_fn, _unsubSelectionLock, _TextSelectionLayerState_instances, addEventListeners_fn2, _pointerdown, _resetSelectionLock, _factory, _subscribers, _state, _scope, _SharedState_instances, dispose_fn, _id3, _initialState, _restoreScrollDelay, _countState, _transformedStyle, _updatePositionStrategy, _arrowSize, _arrowWidth, _arrowHeight, _desiredPlacement, _boundary, _hasExplicitBoundaries, _detectOverflowOptions, _availableWidth, _availableHeight, _anchorWidth, _anchorHeight, _middleware, _placedSide, _placedAlign, _arrowX, _arrowY, _cannotCenterArrow, _contentZIndex, _arrowBaseSide, _wrapperProps, _props11, _arrowStyle, _opts7, _buffer, _exitPoint, _exitTarget, _SafePolygon_instances, onPointerMove_fn, getCorridorPolygon_fn, getSafePolygon_fn, flipSide_fn, _contentNode3, _triggerNode3, _overlayNode2, _openedViaHover, _hasInteractedWithContent, _hoverCooldown, _closeDelay, _closeTimeout, _domContext, _PopoverRootState_instances, clearCloseTimeout_fn, _snippetProps4, _props12, _interval, _cb, _timer2, _TimeoutFn_instances, clear_fn, _isOpenDelayed, _timerFn, _openTooltip, _startTimer, _clearTimer, _delayDuration, _disableHoverableContent, _disableCloseOnTriggerClick, _disabled, _ignoreNonKeyboardFocus, _contentNode4, _triggerNode4, _wasOpenDelayed, _timerFn2, _stateAttr, _handleDelayedOpen, _isPointerDown2, _hasPointerMoveOpened, _isDisabled, _transitCheckTimeout, _clearTransitCheck, _onpointerup, _onpointerdown, _onpointerenter, _onpointermove, _onpointerleave, _onfocus, _onblur, _onclick, _props13, _snippetProps5, _props14, _resolution, _current6, _visible3, _pinned, _routes, _navigating, _direction, _previous2, _current7, _next, _hasAutoNavigatedToComments, _nextCurrent, _f, _scroll, _mouse, _insideFubi, _mode, _highlightVisible, _current8, _info, _isIsolated, _highlightColor, _highlightInstant, _highlightCoords, _tagInfo, _isolationSelector, _emptyHover, _previous3, _ignoreNextClick, _hoverSelector, _isScrolling2, _filter4, _domTick, _threads, _grouped, _filters, _filteredThreads, _threadsDone, _threadsWithStatus, _isolatedThreads, _activeThreadId, _activeThread, _activeThreadReplies, _bindings, _filter5, _query3, _url2, _current9, _activeDomain, _isActive, _blocked, _bodyDimensions, _opened, _type, _query4, _selectedIndex, _anchorElement, _items, _g, _enabled3, _from, _to, _fromAnchor, _toAnchor, _isAbove, _isLeft, _isSameLevel, _isCloserToBottom, _bounds, _h, _opened2, _data2, _visible4, _shareImage, _favicon, _touchicon, _title2, _description, _i, _enableHover, _trackHover, _hoverElement, _isolateFromHover, _dismissIsolation, _handleHoverClick, _showHighlight, _goBack, _commentInputSubmit, _commentInputEscape, _navigatePicker, _confirmPicker, _cancelPicker, _createComment, _deleteComment, _updateComment, _reply, _accessFolders, _dragWindow, _openWindow, _closeWindow, _toggleWindow, _authenticate, _logout, _openAnalysis, _openMeta, _displayCommentsOverview, _displayPagesOverview, _showToolbarMenu, _accessSettings, _openOnMobile, _checks, _loading2, _visibility, _current10, _j;
+var _previous, _callbacks, _pending, _blocking_pending, _deferred, _dirty_effects, _maybe_dirty_effects, _Batch_instances, traverse_effect_tree_fn, defer_effects_fn, resolve_fn, commit_fn, _pending2, _anchor, _hydrate_open, _props, _children, _effect, _main_effect, _pending_effect, _failed_effect, _offscreen_fragment, _local_pending_count, _pending_count, _is_creating_fallback, _effect_pending, _effect_pending_update, _effect_pending_subscriber, _Boundary_instances, hydrate_resolved_content_fn, hydrate_pending_content_fn, run_fn, show_pending_snippet_fn, update_pending_count_fn, _batches, _onscreen, _offscreen, _transition, _commit, _listeners, _observer, _options, _ResizeObserverSingleton_instances, getObserver_fn, _sources, _version, _size, _update_version, _SvelteMap_instances, source_fn, read_all_fn, _callback, _fpsLimitOption, _fpsLimit, _previousTimestamp, _frame, _fps, _running, _window, _AnimationFrames_instances, loop_fn, _current, _key, _serializer, _storage, _subscribe, _update, _proxies, _handleStorageEvent, _PersistedState_instances, deserialize_fn, serialize_fn, _options2, _element, _idle, _offset, _onScroll, _onStop, _eventListenerOptions, _behavior, _onError, _internalX, _internalY, _x, _y, _isScrolling, _arrived, _directions, _progress, _onScrollHandler, _loading, _ready, _error, _maintenance, _title, _message, _user, _loginError, _listeners2, _hovering, _focusWithin, _visible, _lastUsedFeature, _minimized, _a, _active, _id, _current2, _error2, _id2, _current3, _error3, _hasAccess, _role, _data, _error4, _filter, _query, _sort, _page, _perPage, _empty, _unlockedFolders, _canAccess, _filter2, _query2, _users, _b, _c, _url, _filter3, _valid, _current4, _pageName, _error5, _isNew, _meta, _d, _stiffness, _damping, _precision, _current5, _target, _last_value, _last_time, _inverse_mass, _momentum, _task, _deferred2, _Spring_instances, update_fn, _el, _uiOpened, _contentScrollState, _breakpoints, _currentBreakpoint, _nextBreakpoint, _dragging, _visible2, _back, _e, _touch, _root, _name, _key2, _size2, _observed, _options3, _node, _window2, _width, _height, _subscribe2, _variant, _prefix, _opts, _currentTabStopId, _opts2, _currentFrame, _AnimationsComplete_instances, cleanup_fn, executeCallback_fn, _opts3, _enabled, _afterAnimations, _shouldRender, _triggerNode, _contentNode, _overlayNode, _descriptionNode, _contentId, _titleId, _triggerId, _descriptionId, _cancelNode, _nestedOpenCount, _sharedProps, _props2, _props3, _snippetProps, _props4, _snippetProps2, _props5, _opts4, _search, _onMatch, _getCurrentItem, _opts5, _enabled2, _isPointerInTransit, _pointerGraceArea, _GraceArea_instances, removeGraceArea_fn, createGraceArea_fn, _ignoreCloseAutoFocus, _isPointerInTransit2, _contentNode2, _triggerNode2, _search2, _timer, _handleTypeaheadSearch, _mounted, _isSub, _MenuContentState_instances, getCandidateNodes_fn, isPointerMovingToSubmenu_fn, _snippetProps3, _props6, _isFocused, _props7, _isPointerDown, _MenuItemState_instances, handleSelect_fn, _props8, _openTimer, _MenuSubTriggerState_instances, clearOpenTimer_fn, _props9, _ariaControls, _props10, _interactOutsideProp, _behaviorType, _interceptedEvents, _isResponsibleLayer, _isFocusInsideDOMTree, _documentObj, _onFocusOutside, _unsubClickListener, _handleFocus, _DismissibleLayerState_instances, addEventListeners_fn, _handleDismiss, _handleInteractOutside, _markInterceptedEvent, _markNonInterceptedEvent, _markResponsibleLayer, _isTargetWithinLayer, _resetState, isAnyEventIntercepted_fn, _onfocuscapture, _onblurcapture, _addEventListener, _onkeydown, _scopeStack, _focusHistory, _preFocusHistory, _paused, _container, _manager, _cleanupFns, _opts6, _FocusScope_instances, cleanup_fn2, handleOpenAutoFocus_fn, handleCloseAutoFocus_fn, setupEventListeners_fn, getTabbables_fn, getFirstTabbable_fn, getAllFocusables_fn, _unsubSelectionLock, _TextSelectionLayerState_instances, addEventListeners_fn2, _pointerdown, _resetSelectionLock, _factory, _subscribers, _state, _scope, _SharedState_instances, dispose_fn, _id3, _initialState, _restoreScrollDelay, _countState, _transformedStyle, _updatePositionStrategy, _arrowSize, _arrowWidth, _arrowHeight, _desiredPlacement, _boundary, _hasExplicitBoundaries, _detectOverflowOptions, _availableWidth, _availableHeight, _anchorWidth, _anchorHeight, _middleware, _placedSide, _placedAlign, _arrowX, _arrowY, _cannotCenterArrow, _contentZIndex, _arrowBaseSide, _wrapperProps, _props11, _arrowStyle, _opts7, _buffer, _exitPoint, _exitTarget, _SafePolygon_instances, onPointerMove_fn, getCorridorPolygon_fn, getSafePolygon_fn, flipSide_fn, _contentNode3, _triggerNode3, _overlayNode2, _openedViaHover, _hasInteractedWithContent, _hoverCooldown, _closeDelay, _closeTimeout, _domContext, _PopoverRootState_instances, clearCloseTimeout_fn, _snippetProps4, _props12, _interval, _cb, _timer2, _TimeoutFn_instances, clear_fn, _isOpenDelayed, _timerFn, _openTooltip, _startTimer, _clearTimer, _delayDuration, _disableHoverableContent, _disableCloseOnTriggerClick, _disabled, _ignoreNonKeyboardFocus, _contentNode4, _triggerNode4, _wasOpenDelayed, _timerFn2, _stateAttr, _handleDelayedOpen, _isPointerDown2, _hasPointerMoveOpened, _isDisabled, _transitCheckTimeout, _clearTransitCheck, _onpointerup, _onpointerdown, _onpointerenter, _onpointermove, _onpointerleave, _onfocus, _onblur, _onclick, _props13, _snippetProps5, _props14, _resolution, _current6, _visible3, _pinned, _routes, _navigating, _direction, _previous2, _current7, _next, _hasAutoNavigatedToComments, _nextCurrent, _f, _scroll, _mouse, _insideFubi, _mode, _highlightVisible, _current8, _info, _isIsolated, _highlightColor, _highlightInstant, _highlightCoords, _tagInfo, _isolationSelector, _emptyHover, _previous3, _ignoreNextClick, _hoverSelector, _isScrolling2, _filter4, _domTick, _threads, _grouped, _filters, _filteredThreads, _threadsDone, _threadsWithStatus, _isolatedThreads, _activeThreadId, _activeThread, _activeThreadReplies, _bindings, _filter5, _query3, _url2, _current9, _activeDomain, _isActive, _blocked, _bodyDimensions, _opened, _type, _query4, _selectedIndex, _anchorElement, _items, _g, _enabled3, _from, _to, _fromAnchor, _toAnchor, _isAbove, _isLeft, _isSameLevel, _isCloserToBottom, _bounds, _h, _opened2, _data2, _visible4, _shareImage, _favicon, _touchicon, _title2, _description, _i, _enableHover, _trackHover, _hoverElement, _isolateFromHover, _dismissIsolation, _handleHoverClick, _showHighlight, _goBack, _commentInputSubmit, _commentInputEscape, _navigatePicker, _confirmPicker, _cancelPicker, _createComment, _deleteComment, _updateComment, _reply, _accessFolders, _dragWindow, _openWindow, _closeWindow, _toggleWindow, _authenticate, _logout, _openAnalysis, _openMeta, _displayCommentsOverview, _displayPagesOverview, _showToolbarMenu, _accessSettings, _openOnMobile, _checks, _loading2, _visibility, _current10, _j;
 var is_array = Array.isArray;
 var index_of = Array.prototype.indexOf;
 var array_from = Array.from;
@@ -8042,6 +8042,7 @@ class Win extends Module {
   constructor() {
     super();
     __privateAdd(this, _el, /* @__PURE__ */ state());
+    __privateAdd(this, _uiOpened, /* @__PURE__ */ state(false));
     __privateAdd(this, _contentScrollState, /* @__PURE__ */ state());
     __publicField(this, "height", new Spring(0, { stiffness: 0.2, damping: 0.4 }));
     __privateAdd(this, _breakpoints, /* @__PURE__ */ state(proxy$1({
@@ -8140,6 +8141,12 @@ class Win extends Module {
   set el(value) {
     set(__privateGet(this, _el), value, true);
   }
+  get uiOpened() {
+    return get$2(__privateGet(this, _uiOpened));
+  }
+  set uiOpened(value) {
+    set(__privateGet(this, _uiOpened), value, true);
+  }
   get contentScrollState() {
     return get$2(__privateGet(this, _contentScrollState));
   }
@@ -8257,6 +8264,7 @@ class Win extends Module {
   }
 }
 _el = new WeakMap();
+_uiOpened = new WeakMap();
 _contentScrollState = new WeakMap();
 _breakpoints = new WeakMap();
 _currentBreakpoint = new WeakMap();
@@ -18788,8 +18796,6 @@ function SmallButton($$anchor, $$props) {
   ]);
   var button = root$r();
   attribute_effect(button, () => ({
-    "data-fubi-allow-click": true,
-    "data-fubi-ignore": true,
     class: [
       "flex-center gap-4 text-sm/none font-medium rounded-[10px] superellipse active:scale-95 cursor-pointer",
       "transition-[background-color,scale] duration-100 ease-out will-change-[background-color,scale] focus-visible",
@@ -19669,7 +19675,7 @@ delegate(["click"]);
 var root_1$k = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 function DropdownMenu_1($$anchor, $$props) {
   push($$props, true);
-  getModules();
+  const { win } = getModules();
   let opened = prop($$props, "opened", 15, false), side = prop($$props, "side", 3, "bottom"), sideOffset = prop($$props, "sideOffset", 3, 4), align = prop($$props, "align", 3, "end"), origin = prop($$props, "origin", 3, "origin-top-right"), rest = /* @__PURE__ */ rest_props($$props, [
     "$$slots",
     "$$events",
@@ -19683,6 +19689,9 @@ function DropdownMenu_1($$anchor, $$props) {
     "child",
     "trigger"
   ]);
+  user_effect(() => {
+    win.uiOpened = opened();
+  });
   var fragment = comment();
   var node = first_child(fragment);
   component(node, () => Menu, ($$anchor2, DropdownMenu_Root) => {
@@ -19745,6 +19754,7 @@ function DropdownMenu_1($$anchor, $$props) {
                     get sideOffset() {
                       return sideOffset();
                     },
+                    "data-fubi-ignore-all": true,
                     get class() {
                       return get$2($0);
                     },
@@ -21950,12 +21960,19 @@ function CommentForm($$anchor, $$props) {
   async function handleSubmit(e2) {
     var _a2;
     e2.preventDefault();
+    console.log("Handling comment form submission...", {
+      pickerOpened: picker.opened,
+      contentLength: get$2(content).length
+    });
     if (picker.opened) return;
     if (get$2(content).length === 0) return;
     const { name, version } = getBrowserInfo();
     const { width, height } = getResolution();
-    const selector = hover.mode.selector;
-    if (!selector) return;
+    const selector = hover.isolationSelector;
+    if (!selector) {
+      console.log("No isolation selector, mode:", hover.mode);
+      return;
+    }
     const meta = !!((_a2 = hover.info) == null ? void 0 : _a2.meta);
     bus.emit("comment-input:submit", {
       page: pages.current.id,
@@ -22749,7 +22766,7 @@ function Settings2($$anchor, $$props) {
             append($$anchor4, fragment_3);
           });
           var div = sibling(node_2, 2);
-          div.textContent = `Version ${"1.0.0-beta.14"}`;
+          div.textContent = `Version ${"1.0.0-beta.15"}`;
           append($$anchor3, fragment_2);
         },
         $$slots: { default: true }
@@ -23541,7 +23558,8 @@ class Hover extends Module {
       this.handleHoverElement(target, 0);
       return;
     }
-    if (e2.target === document.documentElement) {
+    if (this.modules.win.uiOpened) {
+      this.log.info("Click on html (Bits UI backdrop), ignoring.");
       return;
     }
     if ((this.mode.type === "isolated" || this.mode.type === "replying") && this.can.dismissIsolation && !this.insideFubi) {
@@ -23947,6 +23965,10 @@ class Comments extends CollectionModule {
     });
     this.modules.keys.bind("Enter", (e2) => {
       if (e2.shiftKey) return;
+      this.log.info("Enter key pressed, checking for focused comment inputs... focused?", {
+        newComment: this.modules.inputs.isFocused("new-comment"),
+        reply: this.modules.inputs.isFocused("reply")
+      });
       if (this.modules.inputs.isFocused("new-comment")) {
         e2.preventDefault();
         this.modules.inputs.submit("new-comment");
@@ -24393,7 +24415,7 @@ class Elements extends Module {
     return (element.tagName || element.nodeName).toLowerCase();
   }
   getPath(element) {
-    if (!element || element.nodeType === Node.ELEMENT_NODE) return "";
+    if (!element || element.nodeType !== Node.ELEMENT_NODE) return "";
     const cached = this.pathCache.get(element);
     if (cached) return cached;
     const segments = [];
@@ -25870,10 +25892,11 @@ const createApp = (params) => {
 var root_1$7 = /* @__PURE__ */ from_html(`<div class="flex w-full items-center gap-6"><div></div> </div>`);
 var root_3$2 = /* @__PURE__ */ from_html(`<p class="whitespace-nowrap"> <span> </span></p>`);
 var root_2$3 = /* @__PURE__ */ from_html(`<details open><summary class="text-amber-500 hover:underline pb-4 mt-8 border-b border-amber-500/30"> </summary> <!></details>`);
-var root$6 = /* @__PURE__ */ from_html(`<div class="hidden fixed z-51 bottom-8 touch:top-8 w-200 touch:bottom-auto max-w-250 left-8 bg-black text-white/50 p-8 font-mono rounded-lg text-[10px]/none flex flex-col space-y-8 divide-white/10 [&amp;_span]:text-white"><div class="text-amber-500 pb-4 mt-8 border-b border-amber-500/30"><p>Modules</p></div> <!> <!></div>`);
+var root$6 = /* @__PURE__ */ from_html(`<div class="fixed z-51 bottom-8 touch:top-8 w-200 touch:bottom-auto max-w-250 left-8 bg-black text-white/50 p-8 font-mono rounded-lg text-[10px]/none flex flex-col space-y-8 divide-white/10 [&amp;_span]:text-white"><div class="text-amber-500 pb-4 mt-8 border-b border-amber-500/30"><p>Modules</p></div> <!> <!></div>`);
 function Debug($$anchor, $$props) {
   push($$props, true);
   const {
+    win,
     hover,
     auth,
     pages,
@@ -25894,7 +25917,7 @@ function Debug($$anchor, $$props) {
     ["Comments", comments]
   ];
   const infos = /* @__PURE__ */ user_derived(() => {
-    var _a2, _b2;
+    var _a2, _b2, _c2;
     return [
       /* {
       	name: "Project",
@@ -25932,6 +25955,7 @@ function Debug($$anchor, $$props) {
           ["Page isNew", pages.isNew]
         ]
       },
+      { name: "Window", values: [["uiOpened", win == null ? void 0 : win.uiOpened]] },
       /*
       {
       	name: "Coworkers",
@@ -25988,6 +26012,7 @@ function Debug($$anchor, $$props) {
         values: [
           ["enabled", hover == null ? void 0 : hover.enabled],
           ["mode", hover == null ? void 0 : hover.mode.type],
+          ["selector", (_c2 = hover == null ? void 0 : hover.mode) == null ? void 0 : _c2.selector],
           ["isolated", hover == null ? void 0 : hover.isIsolated],
           ["inside", hover == null ? void 0 : hover.insideFubi],
           [