@stsdti/funky-ui-kit 1.6.10 → 1.6.12

package/dist/funky-ui-kit.es.js

@@ -18,7 +18,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   }
 });
 var _Util_static, _a, getExtremumOnCurve_fn, getExtremum_fn, _b, _c, _regex, _toolbar, _colorPicker, _editor, _buttons, _altText, _l10nRemove, _EditorToolbar_static, pointerDown_fn, _EditorToolbar_instances, focusIn_fn, focusOut_fn, addListenersToElement_fn, addDeleteButton_fn, divider_get, _buttons2, _toolbar2, _uiManager, _HighlightToolbar_instances, render_fn, getLastPoint_fn, addHighlightButton_fn, _id, _baseId, _id2, _cache, _ImageManager_instances, get_fn, _commands, _locked, _maxSize, _position, _KeyboardManager_instances, serialize_fn, _abortController, _activeEditor, _allEditors, _allLayers, _altTextManager, _annotationStorage, _changedExistingAnnotations, _commandManager, _copyPasteAC, _currentDrawingSession, _currentPageIndex, _deletedAnnotationsElementIds, _draggingEditors, _editorTypes, _editorsToRescale, _enableHighlightFloatingButton, _enableUpdatedAddImage, _enableNewAltTextWhenAddingImage, _filterFactory, _focusMainContainerTimeoutId, _focusManagerAC, _highlightColors, _highlightWhenShiftUp, _highlightToolbar, _idManager, _isEnabled, _isWaiting, _keyboardManagerAC, _lastActiveElement, _mainHighlightColorPicker, _mlManager, _mode, _selectedEditors, _selectedTextNode, _pageColors, _showAllStates, _previousStates, _translation, _translationTimeoutId, _container, _viewer, _updateModeCapability, _d, _AnnotationEditorUIManager_instances, getAnchorElementForSelection_fn, getLayerForTextLayer_fn, displayHighlightToolbar_fn, selectionChange_fn, onSelectEnd_fn, addSelectionListener_fn, addFocusManager_fn, removeFocusManager_fn, addKeyboardManager_fn, removeKeyboardManager_fn, addCopyPasteListeners_fn, removeCopyPasteListeners_fn, addDragAndDropListeners_fn, dispatchUpdateStates_fn, dispatchUpdateUI_fn, enableAll_fn, disableAll_fn, addEditorToLayer_fn, lastSelectedEditor_get, isEmpty_fn, selectEditors_fn, _altText2, _altTextDecorative, _altTextButton, _altTextButtonLabel, _altTextTooltip, _altTextTooltipTimeout, _altTextWasFromKeyBoard, _badge, _editor2, _guessedText, _textWithDisclaimer, _useNewAltTextFlow, _l10nNewButton, _AltText_instances, label_get, setState_fn, _container2, _isPinching, _isPinchingStopped, _isPinchingDisabled, _onPinchStart, _onPinching, _onPinchEnd, _signal, _touchInfo, _touchManagerAC, _touchMoveAC, _TouchManager_instances, onTouchStart_fn, onTouchMove_fn, onTouchEnd_fn, _e, _accessibilityData, _allResizerDivs, _altText3, _disabled, _dragPointerId, _dragPointerType, _keepAspectRatio, _resizersDiv, _lastPointerCoords, _savedDimensions, _focusAC, _focusedResizerName, _hasBeenClicked, _initialRect, _isEditing, _isInEditMode, _isResizerEnabledForKeyboard, _moveInDOMTimeout, _prevDragX, _prevDragY, _telemetryTimeouts, _touchManager, _isDraggable, _zIndex, _AnnotationEditor_instances, translate_fn, _AnnotationEditor_static, rotatePoint_fn, getRotationMatrix_fn, createResizers_fn, resizerPointerdown_fn, resize_fn, addResizeToUndoStack_fn, resizerPointermove_fn, touchPinchStartCallback_fn, touchPinchCallback_fn, touchPinchEndCallback_fn, selectOnPointerEvent_fn, setUpDragSession_fn, addFocusListeners_fn, resizerKeydown_fn, resizerBlur_fn, resizerFocus_fn, setResizerTabIndex_fn, stopResizing_fn, _modified, _modifiedIds, _storage, _AnnotationStorage_instances, setModified_fn, _serializable, _systemFonts, _messageAC, _MessageHandler_instances, onMessage_fn, createStreamSink_fn, processStreamMessage_fn, deleteStreamController_fn, _enableHWA, _baseUrl, __cache, __defs, _docId, _document, __hcmCache, _id3, _DOMFilterFactory_instances, cache_get, hcmCache_get, defs_get, createTables_fn, createUrl_fn, addLuminosityConversion_fn, addGrayConversion_fn, createFilter_fn, appendFeFunc_fn, addTransferMapConversion_fn, addTransferMapAlphaConversion_fn, getRGB_fn, _CanvasGraphics_instances, restoreInitialState_fn, drawFilter_fn, getScaledPath_fn, _f, _port, _src, _metadataMap, _data, _isDisplay, _isPrint, _userSet, _visible, _cachedGetHash, _groups, _initialHash, _order, _OptionalContentConfig_instances, evaluateVisibilityExpression_fn, _g, _capability, _container3, _disableProcessItems, _fontInspectorEnabled, _lang, _layoutTextParams, _pageHeight, _pageWidth, _reader, _rootContainer, _rotation, _scale, _styleCache, _textContentItemsStr, _textContentSource, _textDivs, _textDivProperties, _transform, _h, _ascentCache, _canvasContexts, _canvasCtxFonts, _minFontSize, _pendingTextLayers, _TextLayer_instances, processItems_fn, appendText_fn, layout_fn, _TextLayer_static, getCtx_fn, ensureCtxFont_fn, ensureMinFontSizeComputed_fn, getAscent_fn, _docId2, _delayedCleanupTimeout, _pendingCleanup, _PDFPageProxy_instances, tryCleanup_fn, abortDelayedCleanup_fn, _listeners, _deferred, _i, _fakeWorkerId, _isWorkerDisabled, _workerPorts, _PDFWorker_instances, resolve_fn, _PDFWorker_static, mainThreadWorkerMessageHandler_get, _methodPromises, _pageCache, _pagePromises, _pageRefCache, _passwordCapability, _WorkerTransport_instances, cacheSimpleMethod_fn, _objs, _PDFObjects_instances, ensureObj_fn, _internalRenderTask, _rAF, _canvasInUse, _updates, _hasBorder, _popupElement, _AnnotationElement_instances, setRectEdited_fn, _LinkAnnotationElement_instances, setInternalLink_fn, bindAttachment_fn, bindSetOCGState_fn, _boundKeyDown, _boundHide, _boundShow, _boundToggle, _color, _container4, _contentsObj, _dateObj, _elements, _parent, _parentRect, _pinned, _popup, _position2, _rect, _richText, _titleObj, _updates2, _wasVisible, _PopupElement_instances, html_get, fontSize_get, fontColor_get, makePopupContent_fn, keyDown_fn, setPosition_fn, toggle_fn, show_fn, hide_fn, _line, _square, _circle, _polyline, _polylinesGroupElement, _polylines, _InkAnnotationElement_instances, getTransform_fn, _trigger, _FileAttachmentAnnotationElement_instances, download_fn, _accessibilityManager, _annotationCanvasMap, _editableAnnotations, _structTreeLayer, _AnnotationLayer_instances, appendElement_fn, setAnnotationCanvasMap_fn, _j, _color2, _content, _editorDivId, _editModeAC, _fontSize, _FreeTextEditor_instances, updateFontSize_fn, updateColor_fn, extractText_fn, setEditorDimensions_fn, _FreeTextEditor_static, getNodeContent_fn, setContent_fn, serializeContent_fn, deserializeContent_fn, hasElementChanged_fn, _box, _bottom, _innerMargin, _isLTR, _top, _last, _lastX, _lastY, _min, _min_dist, _scaleFactor, _thickness, _points, _MIN_DIST, _MIN_DIFF, _MIN, _FreeDrawOutliner_instances, getLastCoords_fn, toSVGPathTwoPoints_fn, toSVGPathStart_fn, toSVGPathEnd_fn, getOutlineTwoPoints_fn, getOutlineStart_fn, getOutlineEnd_fn, _box2, _bbox, _innerMargin2, _isLTR2, _points2, _scaleFactor2, _outline, _FreeDrawOutline_instances, computeMinMax_fn, _box3, _lastPoint, _verticalEdges, _intervals, _HighlightOutliner_instances, getOutlines_fn, binarySearch_fn, insert_fn, remove_fn, breakEdge_fn, _box4, _outlines, _button, _buttonSwatch, _defaultColor, _dropdown, _dropdownWasFromKeyboard, _isMainColorPicker, _editor3, _eventBus, _openDropdownAC, _uiManager2, _type, _k, _l10nColor, _ColorPicker_instances, getDropdownRoot_fn, colorSelect_fn, keyDown_fn2, openDropdown_fn, pointerDown_fn2, isDropdownVisible_get, _anchorNode, _anchorOffset, _boxes, _clipPathId, _colorPicker2, _focusOutlines, _focusNode, _focusOffset, _highlightDiv, _highlightOutlines, _id4, _isFreeHighlight, _lastPoint2, _opacity, _outlineId, _text, _thickness2, _methodOfCreation, _HighlightEditor_instances, createOutlines_fn, createFreeOutlines_fn, updateColor_fn2, updateThickness_fn, changeThickness_fn, cleanDrawLayer_fn, addToDrawLayer_fn, _HighlightEditor_static, rotateBbox_fn, keydown_fn, setCaret_fn, getRotation_fn, serializeBoxes_fn, serializeOutlines_fn, highlightMove_fn, endHighlight_fn, hasElementChanged_fn2, _svgProperties, _drawOutlines, _mustBeCommitted, _currentDraw, _currentDrawingAC, _currentDrawingOptions, _currentPointerId, _currentPointerType, _currentPointerIds, _currentMoveTimestamp, _DrawingEditor_instances, createDrawOutlines_fn, createDrawing_fn, cleanDrawLayer_fn2, addToDrawLayer_fn2, convertToParentSpace_fn, convertToDrawSpace_fn, updateBbox_fn, rotateBox_fn, _last2, _line2, _lines, _rotation2, _thickness3, _points3, _lastSVGPath, _lastIndex, _outlines2, _parentWidth, _parentHeight, _InkDrawOutliner_instances, normalizePoint_fn, _bbox2, _currentRotation, _innerMargin3, _lines2, _parentWidth2, _parentHeight2, _parentScale, _rotation3, _thickness4, _InkDrawOutline_instances, getMarginComponents_fn, getBBoxWithNoMargin_fn, computeBbox_fn, updateThickness_fn2, _viewParameters, _InkEditor_instances, hasElementChanged_fn3, _bitmap, _bitmapId, _bitmapPromise, _bitmapUrl, _bitmapFile, _bitmapFileName, _canvas, _resizeTimeoutId, _isSvg, _hasBeenAddedInUndoStack, _StampEditor_instances, getBitmapFetched_fn, getBitmapDone_fn, getBitmap_fn, createCanvas_fn, scaleBitmap_fn, drawBitmap_fn, serializeBitmap_fn, hasElementChanged_fn4, _accessibilityManager2, _allowClick, _annotationLayer, _clickAC, _editorFocusTimeoutId, _editors, _hadPointerDown, _isDisabling, _isEnabling, _drawingAC, _focusedElement, _textLayer, _textSelectionAC, _uiManager3, _l, _editorTypes2, _AnnotationEditorLayer_instances, textLayerPointerDown_fn, currentEditorType_get, createNewEditor_fn, getCenterPoint_fn, cleanup_fn, _parent2, _id5, _mapping, _toUpdate, _DrawLayer_static, _m, setBox_fn, _DrawLayer_instances, createSVG_fn, createClipPath_fn, updateProperties_fn, _classList, _disableAutoFetchTimeout, _percent, _style, _visible2, _state, _updateMatchesCountOnProgress, _visitedPagesCount, _PDFFindController_instances, onFind_fn, reset_fn, query_get, shouldDirtyMatch_fn, isEntireWord_fn, convertToRegExpString_fn, calculateMatch_fn, extractText_fn2, updatePage_fn, updateAllPages_fn, nextMatch_fn, matchesReady_fn, nextPageMatch_fn, advanceOffsetPage_fn, updateMatch_fn, onFindBarClose_fn, requestMatchesCount_fn, updateUIResultsCount_fn, updateUIState_fn, _PDFLinkService_static, isValidExplicitDest_fn, _onAppend, _eventAbortController, _AnnotationLayerBuilder_instances, updatePresentationModeState_fn, _openBlobUrls, _listeners2, _dir, _elements2, _lang2, _l10n, _L10n_static, fixupLangCode_fn, isRTL_fn, _genericl10n_GenericL10n_static, generateBundles_fn, createBundle_fn, getPaths_fn, generateBundlesFallback_fn, createBundleFallback_fn, _eventAbortController2, _PDFHistory_instances, pushOrReplaceState_fn, tryPushCurrentPosition_fn, isValidPage_fn, isValidState_fn, updateInternalState_fn, parseCurrentHash_fn, updateViewarea_fn, popState_fn, pageHide_fn, bindEvents_fn, unbindEvents_fn, _annotationLayer2, _drawLayer, _onAppend2, _structTreeLayer2, _textLayer2, _uiManager4, _opts, _drawLayer2, _promise, _treeDom, _treePromise, _elementAttributes, _rawDims, _elementsToAddToTextLayer, _StructTreeLayerBuilder_instances, setAttributes_fn, addImageInTextLayer_fn, walk_fn, _enabled, _textChildren, _textNodes, _waitingElements, _TextAccessibilityManager_static, compareElementPositions_fn, _TextAccessibilityManager_instances, addIdToAriaOwns_fn, _eventAbortController3, _enablePermissions, _onAppend3, _renderingDone, _textLayer3, _textLayers, _selectionChangeAbortController, _TextLayerBuilder_instances, bindMouse_fn, _TextLayerBuilder_static, removeGlobalSelectionListener_fn, enableGlobalSelectionListener_fn, _annotationMode, _canvasWrapper, _enableHWA2, _hasRestrictedScaling, _isEditing2, _layerProperties, _loadingId, _originalViewport, _previousRotation, _scaleRoundX, _scaleRoundY, _renderError, _renderingState, _textLayerMode, _useThumbnailCanvas, _layers, _PDFPageView_instances, addLayer_fn, setDimensions_fn, dispatchLayerRendered_fn, renderAnnotationLayer_fn, renderAnnotationEditorLayer_fn, renderDrawLayer_fn, renderXfaLayer_fn, renderTextLayer_fn, renderStructTreeLayer_fn, buildXfaTextContentItems_fn, resetCanvas_fn, finishRenderTask_fn, _closeCapability, _destroyCapability, _docProperties, _eventAbortController4, _eventBus2, _externalServices, _pdfDocument, _pdfViewer, _ready, _scripting, _willPrintCapability, _PDFScriptingManager_instances, updateFromSandbox_fn, dispatchPageOpen_fn, dispatchPageClose_fn, initScripting_fn, destroyScripting_fn, _buf, _size, _PDFPageViewBuffer_instances, destroyFirstView_fn, _buffer, _altTextManager2, _annotationEditorHighlightColors, _annotationEditorMode, _annotationEditorUIManager, _annotationMode2, _containerTopLeft, _editorUndoBar, _enableHWA3, _enableHighlightFloatingButton2, _enablePermissions2, _enableUpdatedAddImage2, _enableNewAltTextWhenAddingImage2, _eventAbortController5, _mlManager2, _switchAnnotationEditorModeAC, _switchAnnotationEditorModeTimeoutId, _getAllTextInProgress, _hiddenCopyElement, _interruptCopyCondition, _previousContainerHeight, _resizeObserver, _scrollModePageState, _scaleTimeoutId, _supportsPinchToZoom, _textLayerMode2, _PDFViewer_instances, initializePermissions_fn, onePageRenderedOrForceFetch_fn, copyCallback_fn, ensurePageViewVisible_fn, scrollIntoView_fn, isSameScale_fn, setScaleUpdatePages_fn, pageWidthScaleFactor_get, setScale_fn, resetCurrentPageView_fn, switchToEditAnnotationMode_fn, ensurePdfPageLoaded_fn, getScrollAhead_fn, updateContainerHeightCss_fn, resizeObserverCallback_fn, cleanupSwitchAnnotationEditorMode_fn;
-import { useAttrs, isReactive, watch, unref, computed, reactive, mergeModels, useModel, createBlock, openBlock, resolveDynamicComponent, getCurrentInstance, resolveComponent, createElementBlock, createCommentVNode, normalizeClass, normalizeStyle, withCtx, renderSlot, createElementVNode, toDisplayString, ref, createVNode, Fragment, renderList, createTextVNode, defineComponent, onMounted, nextTick, h, shallowRef, onUnmounted, isRef, isVNode, createApp, withDirectives, mergeProps, inject, useSlots, resolveDirective, normalizeProps, guardReactiveProps, createSlots, withModifiers, withKeys, vModelText, onBeforeUnmount, getCurrentScope, onScopeDispose, readonly, toRef as toRef$1, customRef, shallowReadonly, Teleport, vShow, useTemplateRef, Transition, render as render$2, markRaw, vModelDynamic, provide, TransitionGroup, toValue as toValue$3, onBeforeUpdate, mergeDefaults, watchEffect } from "vue";
+import { useAttrs, isReactive, watch, unref, computed, reactive, mergeModels, useModel, createBlock, openBlock, resolveDynamicComponent, getCurrentInstance, resolveComponent, createElementBlock, createCommentVNode, normalizeClass, normalizeStyle, withCtx, renderSlot, createElementVNode, toDisplayString, ref, createVNode, Fragment, renderList, createTextVNode, defineComponent, onMounted, nextTick, h, shallowRef, onUnmounted, isRef, isVNode, createApp, withDirectives, mergeProps, inject, useSlots, resolveDirective, getCurrentScope, onScopeDispose, readonly, toValue as toValue$3, onBeforeUnmount, normalizeProps, guardReactiveProps, createSlots, withModifiers, withKeys, vModelText, shallowReadonly, Teleport, vShow, useTemplateRef, Transition, render as render$2, markRaw, vModelDynamic, provide, TransitionGroup, onBeforeUpdate, mergeDefaults, toRef, watchEffect } from "vue";
 import draggable from "vuedraggable";
 const limitlessBackgroundClasses = [
   "bg-indigo-400",
@@ -9478,11 +9478,11 @@ const _sfc_main$1N = {
   }
 };
 const _hoisted_1$1i = { class: "breadcrumb" };
-const _hoisted_2$X = {
+const _hoisted_2$Y = {
   key: 0,
   class: "breadcrumb-elements-item"
 };
-const _hoisted_3$I = { class: "flex-center-vertical" };
+const _hoisted_3$H = { class: "flex-center-vertical" };
 const _hoisted_4$w = {
   key: 0,
   class: "pl-5 pr-5"
@@ -9509,10 +9509,10 @@ const _sfc_main$1M = {
     return (_ctx, _cache2) => {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", _hoisted_1$1i, [
-        __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_2$X, [
+        __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_2$Y, [
           createVNode(_sfc_main$1N, { style: { "width": "200px", "height": "20px" } })
         ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.value, (breadcrumb, index) => {
-          return openBlock(), createElementBlock("div", _hoisted_3$I, [
+          return openBlock(), createElementBlock("div", _hoisted_3$H, [
             renderSlot(_ctx.$slots, "breadcrumb", {
               index,
               item: breadcrumb
@@ -12803,7 +12803,7 @@ function useSingleton(instances, optionalProps) {
 function toValue$2(r) {
   return typeof r === "function" ? r() : unref(r);
 }
-function unrefElement$3(elRef) {
+function unrefElement$2(elRef) {
   var _a2, _b2;
   const plain = toValue$2(elRef);
   return (_b2 = (_a2 = plain) === null || _a2 === void 0 ? void 0 : _a2.$el) !== null && _b2 !== void 0 ? _b2 : plain;
@@ -12886,7 +12886,7 @@ const TippyComponent = defineComponent({
       }
       return options;
     };
-    let target = () => unrefElement$3(elem);
+    let target = () => unrefElement$2(elem);
     if (props2.to) {
       if (typeof Element !== "undefined" && props2.to instanceof Element) {
         target = () => props2.to;
@@ -13486,11 +13486,11 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const _hoisted_1$1h = ["name"];
-const _hoisted_2$W = {
+const _hoisted_2$X = {
   key: 0,
   class: "text-danger"
 };
-const _hoisted_3$H = {
+const _hoisted_3$G = {
   key: 0,
   class: "form-control-feedback-icon"
 };
@@ -13576,7 +13576,7 @@ const _sfc_main$1J = {
           style: normalizeStyle(labelStyle.value)
         }, [
           createTextVNode(toDisplayString(unref(computedLabel)) + " ", 1),
-          _ctx.isRequired ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$W, [..._cache2[0] || (_cache2[0] = [
+          _ctx.isRequired ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$X, [..._cache2[0] || (_cache2[0] = [
             createTextVNode(" * ", -1)
           ])])), [
             [_directive_tippy, "Camp obligatoriu"]
@@ -13588,7 +13588,7 @@ const _sfc_main$1J = {
           createElementVNode("div", {
             class: normalizeClass(contentContainerClass.value)
           }, [
-            _ctx.leftIcon ? (openBlock(), createElementBlock("div", _hoisted_3$H, [
+            _ctx.leftIcon ? (openBlock(), createElementBlock("div", _hoisted_3$G, [
               createVNode(_component_app_icon, { value: _ctx.leftIcon }, null, 8, ["value"])
             ])) : renderSlot(_ctx.$slots, "beforeContent", { key: 1 }, void 0, true),
             createElementVNode("div", {
@@ -18068,9 +18068,520 @@ const _sfc_main$1H = {
     };
   }
 };
+function tryOnScopeDispose(fn7) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn7);
+    return true;
+  }
+  return false;
+}
+function toValue$1(r) {
+  return typeof r === "function" ? r() : unref(r);
+}
+const isClient$1 = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const toString$2 = Object.prototype.toString;
+const isObject$4 = (val) => toString$2.call(val) === "[object Object]";
+const noop$2 = () => {
+};
+const isIOS = /* @__PURE__ */ getIsIOS();
+function getIsIOS() {
+  var _a2, _b2;
+  return isClient$1 && ((_a2 = window == null ? void 0 : window.navigator) == null ? void 0 : _a2.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_b2 = window == null ? void 0 : window.navigator) == null ? void 0 : _b2.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function createFilterWrapper(filter2, fn7) {
+  function wrapper(...args) {
+    return new Promise((resolve, reject) => {
+      Promise.resolve(filter2(() => fn7.apply(this, args), { fn: fn7, thisArg: this, args })).then(resolve).catch(reject);
+    });
+  }
+  return wrapper;
+}
+const bypassFilter = (invoke) => {
+  return invoke();
+};
+function debounceFilter(ms, options = {}) {
+  let timer;
+  let maxTimer;
+  let lastRejector = noop$2;
+  const _clearTimeout = (timer2) => {
+    clearTimeout(timer2);
+    lastRejector();
+    lastRejector = noop$2;
+  };
+  const filter2 = (invoke) => {
+    const duration = toValue$1(ms);
+    const maxDuration = toValue$1(options.maxWait);
+    if (timer)
+      _clearTimeout(timer);
+    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
+      if (maxTimer) {
+        _clearTimeout(maxTimer);
+        maxTimer = null;
+      }
+      return Promise.resolve(invoke());
+    }
+    return new Promise((resolve, reject) => {
+      lastRejector = options.rejectOnCancel ? reject : resolve;
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer)
+            _clearTimeout(timer);
+          maxTimer = null;
+          resolve(invoke());
+        }, maxDuration);
+      }
+      timer = setTimeout(() => {
+        if (maxTimer)
+          _clearTimeout(maxTimer);
+        maxTimer = null;
+        resolve(invoke());
+      }, duration);
+    });
+  };
+  return filter2;
+}
+function pausableFilter(extendFilter = bypassFilter) {
+  const isActive = ref(true);
+  function pause() {
+    isActive.value = false;
+  }
+  function resume() {
+    isActive.value = true;
+  }
+  const eventFilter = (...args) => {
+    if (isActive.value)
+      extendFilter(...args);
+  };
+  return { isActive: readonly(isActive), pause, resume, eventFilter };
+}
+function getLifeCycleTarget(target) {
+  return getCurrentInstance();
+}
+function watchWithFilter(source, cb, options = {}) {
+  const {
+    eventFilter = bypassFilter,
+    ...watchOptions
+  } = options;
+  return watch(
+    source,
+    createFilterWrapper(
+      eventFilter,
+      cb
+    ),
+    watchOptions
+  );
+}
+function watchPausable(source, cb, options = {}) {
+  const {
+    eventFilter: filter2,
+    ...watchOptions
+  } = options;
+  const { eventFilter, pause, resume, isActive } = pausableFilter(filter2);
+  const stop2 = watchWithFilter(
+    source,
+    cb,
+    {
+      ...watchOptions,
+      eventFilter
+    }
+  );
+  return { stop: stop2, pause, resume, isActive };
+}
+function tryOnMounted(fn7, sync = true, target) {
+  const instance = getLifeCycleTarget();
+  if (instance)
+    onMounted(fn7, target);
+  else if (sync)
+    fn7();
+  else
+    nextTick(fn7);
+}
+function watchDebounced(source, cb, options = {}) {
+  const {
+    debounce: debounce2 = 0,
+    maxWait = void 0,
+    ...watchOptions
+  } = options;
+  return watchWithFilter(
+    source,
+    cb,
+    {
+      ...watchOptions,
+      eventFilter: debounceFilter(debounce2, { maxWait })
+    }
+  );
+}
+function unrefElement$1(elRef) {
+  var _a2;
+  const plain = toValue$1(elRef);
+  return (_a2 = plain == null ? void 0 : plain.$el) != null ? _a2 : plain;
+}
+const defaultWindow$1 = isClient$1 ? window : void 0;
+function useEventListener$1(...args) {
+  let target;
+  let events2;
+  let listeners;
+  let options;
+  if (typeof args[0] === "string" || Array.isArray(args[0])) {
+    [events2, listeners, options] = args;
+    target = defaultWindow$1;
+  } else {
+    [target, events2, listeners, options] = args;
+  }
+  if (!target)
+    return noop$2;
+  if (!Array.isArray(events2))
+    events2 = [events2];
+  if (!Array.isArray(listeners))
+    listeners = [listeners];
+  const cleanups = [];
+  const cleanup = () => {
+    cleanups.forEach((fn7) => fn7());
+    cleanups.length = 0;
+  };
+  const register = (el, event, listener, options2) => {
+    el.addEventListener(event, listener, options2);
+    return () => el.removeEventListener(event, listener, options2);
+  };
+  const stopWatch = watch(
+    () => [unrefElement$1(target), toValue$1(options)],
+    ([el, options2]) => {
+      cleanup();
+      if (!el)
+        return;
+      const optionsClone = isObject$4(options2) ? { ...options2 } : options2;
+      cleanups.push(
+        ...events2.flatMap((event) => {
+          return listeners.map((listener) => register(el, event, listener, optionsClone));
+        })
+      );
+    },
+    { immediate: true, flush: "post" }
+  );
+  const stop2 = () => {
+    stopWatch();
+    cleanup();
+  };
+  tryOnScopeDispose(stop2);
+  return stop2;
+}
+let _iOSWorkaround = false;
+function onClickOutside$1(target, handler, options = {}) {
+  const { window: window2 = defaultWindow$1, ignore = [], capture = true, detectIframe = false } = options;
+  if (!window2)
+    return noop$2;
+  if (isIOS && !_iOSWorkaround) {
+    _iOSWorkaround = true;
+    Array.from(window2.document.body.children).forEach((el) => el.addEventListener("click", noop$2));
+    window2.document.documentElement.addEventListener("click", noop$2);
+  }
+  let shouldListen = true;
+  const shouldIgnore = (event) => {
+    return ignore.some((target2) => {
+      if (typeof target2 === "string") {
+        return Array.from(window2.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));
+      } else {
+        const el = unrefElement$1(target2);
+        return el && (event.target === el || event.composedPath().includes(el));
+      }
+    });
+  };
+  const listener = (event) => {
+    const el = unrefElement$1(target);
+    if (!el || el === event.target || event.composedPath().includes(el))
+      return;
+    if (event.detail === 0)
+      shouldListen = !shouldIgnore(event);
+    if (!shouldListen) {
+      shouldListen = true;
+      return;
+    }
+    handler(event);
+  };
+  const cleanup = [
+    useEventListener$1(window2, "click", listener, { passive: true, capture }),
+    useEventListener$1(window2, "pointerdown", (e2) => {
+      const el = unrefElement$1(target);
+      shouldListen = !shouldIgnore(e2) && !!(el && !e2.composedPath().includes(el));
+    }, { passive: true }),
+    detectIframe && useEventListener$1(window2, "blur", (event) => {
+      setTimeout(() => {
+        var _a2;
+        const el = unrefElement$1(target);
+        if (((_a2 = window2.document.activeElement) == null ? void 0 : _a2.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(window2.document.activeElement))) {
+          handler(event);
+        }
+      }, 0);
+    })
+  ].filter(Boolean);
+  const stop2 = () => cleanup.forEach((fn7) => fn7());
+  return stop2;
+}
+const _global$1 = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+const globalKey = "__vueuse_ssr_handlers__";
+const handlers$1 = /* @__PURE__ */ getHandlers();
+function getHandlers() {
+  if (!(globalKey in _global$1))
+    _global$1[globalKey] = _global$1[globalKey] || {};
+  return _global$1[globalKey];
+}
+function getSSRHandler(key, fallback) {
+  return handlers$1[key] || fallback;
+}
+function guessSerializerType(rawInit) {
+  return rawInit == null ? "any" : rawInit instanceof Set ? "set" : rawInit instanceof Map ? "map" : rawInit instanceof Date ? "date" : typeof rawInit === "boolean" ? "boolean" : typeof rawInit === "string" ? "string" : typeof rawInit === "object" ? "object" : !Number.isNaN(rawInit) ? "number" : "any";
+}
+const StorageSerializers = {
+  boolean: {
+    read: (v) => v === "true",
+    write: (v) => String(v)
+  },
+  object: {
+    read: (v) => JSON.parse(v),
+    write: (v) => JSON.stringify(v)
+  },
+  number: {
+    read: (v) => Number.parseFloat(v),
+    write: (v) => String(v)
+  },
+  any: {
+    read: (v) => v,
+    write: (v) => String(v)
+  },
+  string: {
+    read: (v) => v,
+    write: (v) => String(v)
+  },
+  map: {
+    read: (v) => new Map(JSON.parse(v)),
+    write: (v) => JSON.stringify(Array.from(v.entries()))
+  },
+  set: {
+    read: (v) => new Set(JSON.parse(v)),
+    write: (v) => JSON.stringify(Array.from(v))
+  },
+  date: {
+    read: (v) => new Date(v),
+    write: (v) => v.toISOString()
+  }
+};
+const customStorageEventName = "vueuse-storage";
+function useStorage(key, defaults2, storage, options = {}) {
+  var _a2;
+  const {
+    flush = "pre",
+    deep = true,
+    listenToStorageChanges = true,
+    writeDefaults = true,
+    mergeDefaults: mergeDefaults2 = false,
+    shallow,
+    window: window2 = defaultWindow$1,
+    eventFilter,
+    onError = (e2) => {
+      console.error(e2);
+    },
+    initOnMounted
+  } = options;
+  const data = (shallow ? shallowRef : ref)(typeof defaults2 === "function" ? defaults2() : defaults2);
+  if (!storage) {
+    try {
+      storage = getSSRHandler("getDefaultStorage", () => {
+        var _a22;
+        return (_a22 = defaultWindow$1) == null ? void 0 : _a22.localStorage;
+      })();
+    } catch (e2) {
+      onError(e2);
+    }
+  }
+  if (!storage)
+    return data;
+  const rawInit = toValue$1(defaults2);
+  const type = guessSerializerType(rawInit);
+  const serializer = (_a2 = options.serializer) != null ? _a2 : StorageSerializers[type];
+  const { pause: pauseWatch, resume: resumeWatch } = watchPausable(
+    data,
+    () => write2(data.value),
+    { flush, deep, eventFilter }
+  );
+  if (window2 && listenToStorageChanges) {
+    tryOnMounted(() => {
+      useEventListener$1(window2, "storage", update2);
+      useEventListener$1(window2, customStorageEventName, updateFromCustomEvent);
+      if (initOnMounted)
+        update2();
+    });
+  }
+  if (!initOnMounted)
+    update2();
+  function dispatchWriteEvent(oldValue, newValue) {
+    if (window2) {
+      window2.dispatchEvent(new CustomEvent(customStorageEventName, {
+        detail: {
+          key,
+          oldValue,
+          newValue,
+          storageArea: storage
+        }
+      }));
+    }
+  }
+  function write2(v) {
+    try {
+      const oldValue = storage.getItem(key);
+      if (v == null) {
+        dispatchWriteEvent(oldValue, null);
+        storage.removeItem(key);
+      } else {
+        const serialized = serializer.write(v);
+        if (oldValue !== serialized) {
+          storage.setItem(key, serialized);
+          dispatchWriteEvent(oldValue, serialized);
+        }
+      }
+    } catch (e2) {
+      onError(e2);
+    }
+  }
+  function read2(event) {
+    const rawValue = event ? event.newValue : storage.getItem(key);
+    if (rawValue == null) {
+      if (writeDefaults && rawInit != null)
+        storage.setItem(key, serializer.write(rawInit));
+      return rawInit;
+    } else if (!event && mergeDefaults2) {
+      const value = serializer.read(rawValue);
+      if (typeof mergeDefaults2 === "function")
+        return mergeDefaults2(value, rawInit);
+      else if (type === "object" && !Array.isArray(value))
+        return { ...rawInit, ...value };
+      return value;
+    } else if (typeof rawValue !== "string") {
+      return rawValue;
+    } else {
+      return serializer.read(rawValue);
+    }
+  }
+  function update2(event) {
+    if (event && event.storageArea !== storage)
+      return;
+    if (event && event.key == null) {
+      data.value = rawInit;
+      return;
+    }
+    if (event && event.key !== key)
+      return;
+    pauseWatch();
+    try {
+      if ((event == null ? void 0 : event.newValue) !== serializer.write(data.value))
+        data.value = read2(event);
+    } catch (e2) {
+      onError(e2);
+    } finally {
+      if (event)
+        nextTick(resumeWatch);
+      else
+        resumeWatch();
+    }
+  }
+  function updateFromCustomEvent(event) {
+    update2(event.detail);
+  }
+  return data;
+}
+function useLocalStorage(key, initialValue, options = {}) {
+  const { window: window2 = defaultWindow$1 } = options;
+  return useStorage(key, initialValue, window2 == null ? void 0 : window2.localStorage, options);
+}
+function useWindowScroll(options = {}) {
+  const { window: window2 = defaultWindow$1, behavior = "auto" } = options;
+  if (!window2) {
+    return {
+      x: ref(0),
+      y: ref(0)
+    };
+  }
+  const internalX = ref(window2.scrollX);
+  const internalY = ref(window2.scrollY);
+  const x2 = computed({
+    get() {
+      return internalX.value;
+    },
+    set(x22) {
+      scrollTo({ left: x22, behavior });
+    }
+  });
+  const y3 = computed({
+    get() {
+      return internalY.value;
+    },
+    set(y22) {
+      scrollTo({ top: y22, behavior });
+    }
+  });
+  useEventListener$1(
+    window2,
+    "scroll",
+    () => {
+      internalX.value = window2.scrollX;
+      internalY.value = window2.scrollY;
+    },
+    {
+      capture: false,
+      passive: true
+    }
+  );
+  return { x: x2, y: y3 };
+}
+const popupStack = ref([]);
+function useClickOutside(options = {}) {
+  const id = Symbol("click-outside");
+  const { target, handler, isOpen = true, isEnabled = true, ignore = [] } = options;
+  let stop2 = null;
+  const isActive = computed(() => Boolean(toValue$3(isOpen) && toValue$3(isEnabled)));
+  const isTopPopup = computed(() => {
+    var _a2;
+    return ((_a2 = popupStack.value.at(-1)) == null ? void 0 : _a2.id) === id;
+  });
+  const removeFromStack = () => {
+    popupStack.value = popupStack.value.filter((item) => item.id !== id);
+  };
+  const stopListening = async () => {
+    stop2 == null ? void 0 : stop2();
+    stop2 = null;
+    await sleep(10);
+    removeFromStack();
+  };
+  const startListening = () => {
+    popupStack.value.push({ id, target });
+    if (!toValue$3(target) || !handler) {
+      return;
+    }
+    stop2 = onClickOutside$1(
+      target,
+      (event) => {
+        if (isTopPopup.value) handler(event);
+      },
+      { ignore }
+    );
+  };
+  watch(
+    [isActive, () => toValue$3(target)],
+    async ([active]) => {
+      active ? startListening() : await stopListening();
+    },
+    { immediate: true }
+  );
+  onBeforeUnmount(() => stopListening());
+  return {
+    isTopPopup,
+    popupStack,
+    stop: stopListening
+  };
+}
 const _hoisted_1$1e = ["onClick"];
-const _hoisted_2$V = ["value", "disabled", "placeholder", "onBlur", "onFocus", "onInput", "onKeydown", "onKeypress", "onPaste"];
-const _hoisted_3$G = { key: 0 };
+const _hoisted_2$W = ["value", "disabled", "placeholder", "onBlur", "onFocus", "onInput", "onKeydown", "onKeypress", "onPaste"];
+const _hoisted_3$F = { key: 0 };
 const _hoisted_4$u = {
   key: 1,
   class: "app-form-element-placeholder"
@@ -18147,6 +18658,8 @@ const _sfc_main$1G = {
         preview: ((_a2 = attrs.formats) == null ? void 0 : _a2.preview) ?? props2.dateFormat
       };
     });
+    const isMenuOpen = ref(false);
+    useClickOutside({ isOpen: isMenuOpen });
     return (_ctx, _cache2) => {
       const _component_vue_date_picker = resolveComponent("vue-date-picker");
       const _directive_tippy = resolveDirective("tippy");
@@ -18169,14 +18682,16 @@ const _sfc_main$1G = {
             weekStart: __props.weekStart,
             "day-names": ["Lu", "Ma", "Mi", "Jo", "Vi", "Sâ", "Du"],
             locale: unref(locale),
-            teleport: __props.teleport
+            teleport: __props.teleport,
+            onClosed: _cache2[1] || (_cache2[1] = ($event) => isMenuOpen.value = false),
+            onOpen: _cache2[2] || (_cache2[2] = ($event) => isMenuOpen.value = true)
           }), createSlots({
             "dp-input": withCtx(({ value, onInput, onEnter, onTab, onBlur, onFocus, onKeypress, onPaste, openMenu }) => [
               createElementVNode("div", {
                 class: "app-date-input dp__input dp__pointer dp__input_readonly dp__input_reg",
                 onClick: openMenu
               }, [
-                _cache2[2] || (_cache2[2] = createElementVNode("i", { class: "ph-calendar-blank" }, null, -1)),
+                _cache2[4] || (_cache2[4] = createElementVNode("i", { class: "ph-calendar-blank" }, null, -1)),
                 isDayOfWeekVisible.value ? (openBlock(), createBlock(_sfc_main$1I, {
                   key: 0,
                   language: __props.currentLanguage,
@@ -18198,8 +18713,8 @@ const _sfc_main$1G = {
                   ],
                   onKeypress,
                   onPaste
-                }, null, 40, _hoisted_2$V)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  modelValue.value ? (openBlock(), createElementBlock("span", _hoisted_3$G, toDisplayString(value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$u, toDisplayString(unref(computedPlaceHolder)), 1))
+                }, null, 40, _hoisted_2$W)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  modelValue.value ? (openBlock(), createElementBlock("span", _hoisted_3$F, toDisplayString(value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$u, toDisplayString(unref(computedPlaceHolder)), 1))
                 ], 64))
               ], 8, _hoisted_1$1e)
             ]),
@@ -18227,7 +18742,7 @@ const _sfc_main$1G = {
           __props.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_7$7, [
             createVNode(_sfc_main$1H, {
               modelValue: modelValue.value,
-              "onUpdate:modelValue": _cache2[1] || (_cache2[1] = ($event) => modelValue.value = $event)
+              "onUpdate:modelValue": _cache2[3] || (_cache2[3] = ($event) => modelValue.value = $event)
             }, null, 8, ["modelValue"])
           ])) : createCommentVNode("", true)
         ]),
@@ -18236,13 +18751,13 @@ const _sfc_main$1G = {
     };
   }
 };
-const AppDate = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["__scopeId", "data-v-247a0a64"]]);
+const AppDate = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["__scopeId", "data-v-dbda72e2"]]);
 const _hoisted_1$1d = {
   class: "flex-center-vertical dp__input dp__pointer dp__input_readonly dp__input_reg",
   style: { "gap": "3px" }
 };
-const _hoisted_2$U = ["disabled", "placeholder", "onBlur", "onKeydown", "onKeypress", "onPaste"];
-const _hoisted_3$F = { key: 0 };
+const _hoisted_2$V = ["disabled", "placeholder", "onBlur", "onKeydown", "onKeypress", "onPaste"];
+const _hoisted_3$E = { key: 0 };
 const _hoisted_4$t = {
   key: 1,
   class: "app-form-element-placeholder"
@@ -18266,6 +18781,7 @@ const _sfc_main$1F = {
   setup(__props) {
     const modelValue = useModel(__props, "modelValue");
     const inputValue = ref("");
+    const isMenuOpen = ref(false);
     const props2 = __props;
     const { formElementProps, computedName, computedPlaceHolder } = useAppFormElement(props2);
     const computedClass = computed(() => ({
@@ -18302,6 +18818,9 @@ const _sfc_main$1F = {
       date2.setMinutes(0);
       date2.setSeconds(0);
     };
+    useClickOutside({
+      isOpen: isMenuOpen
+    });
     return (_ctx, _cache2) => {
       const _component_app_date_picker_day_of_week = resolveComponent("app-date-picker-day-of-week");
       const _component_vue_date_picker = resolveComponent("vue-date-picker");
@@ -18323,11 +18842,13 @@ const _sfc_main$1F = {
             name: unref(computedName),
             placeholder: unref(computedPlaceHolder),
             "text-input": _ctx.isTypeable,
-            onDateUpdate: updateDate
+            onDateUpdate: updateDate,
+            onClosed: _cache2[2] || (_cache2[2] = ($event) => isMenuOpen.value = false),
+            onOpen: _cache2[3] || (_cache2[3] = ($event) => isMenuOpen.value = true)
           }), {
-            "dp-input": withCtx(({ value, isMenuOpen, onTab, onKeypress, onPaste }) => [
+            "dp-input": withCtx(({ value, isMenuOpen: isMenuOpen2, onTab, onKeypress, onPaste }) => [
               createElementVNode("div", _hoisted_1$1d, [
-                _cache2[3] || (_cache2[3] = createElementVNode("i", { class: "ph-calendar-blank" }, null, -1)),
+                _cache2[5] || (_cache2[5] = createElementVNode("i", { class: "ph-calendar-blank" }, null, -1)),
                 isDayOfWeekVisible.value ? (openBlock(), createBlock(_component_app_date_picker_day_of_week, {
                   key: 0,
                   language: _ctx.currentLanguage,
@@ -18340,17 +18861,17 @@ const _sfc_main$1F = {
                   type: "text",
                   disabled: _ctx.disabled,
                   placeholder: _ctx.placeholder,
-                  onBlur: ($event) => !isMenuOpen && applyInputValue(),
+                  onBlur: ($event) => !isMenuOpen2 && applyInputValue(),
                   onKeydown: [
                     withKeys(applyInputValue, ["enter"]),
                     withKeys(onTab, ["tab"])
                   ],
                   onKeypress,
                   onPaste
-                }, null, 40, _hoisted_2$U)), [
+                }, null, 40, _hoisted_2$V)), [
                   [vModelText, inputValue.value]
                 ]) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  modelValue.value ? (openBlock(), createElementBlock("span", _hoisted_3$F, toDisplayString(value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$t, toDisplayString(_ctx.placeholder), 1))
+                  modelValue.value ? (openBlock(), createElementBlock("span", _hoisted_3$E, toDisplayString(value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$t, toDisplayString(_ctx.placeholder), 1))
                 ], 64))
               ])
             ]),
@@ -18369,7 +18890,7 @@ const _sfc_main$1F = {
           _ctx.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_7$6, [
             createVNode(_sfc_main$1H, {
               modelValue: modelValue.value,
-              "onUpdate:modelValue": _cache2[2] || (_cache2[2] = ($event) => modelValue.value = $event)
+              "onUpdate:modelValue": _cache2[4] || (_cache2[4] = ($event) => modelValue.value = $event)
             }, null, 8, ["modelValue"])
           ])) : createCommentVNode("", true)
         ]),
@@ -18388,8 +18909,8 @@ const _sfc_main$1F = {
   }
 };
 const _hoisted_1$1c = { class: "w-100" };
-const _hoisted_2$T = { class: "flex-center-vertical w-100 gap-1" };
-const _hoisted_3$E = {
+const _hoisted_2$U = { class: "flex-center-vertical w-100 gap-1" };
+const _hoisted_3$D = {
   key: 0,
   class: "flex-center-vertical mt-1"
 };
@@ -18452,7 +18973,7 @@ const _sfc_main$1E = {
       return openBlock(), createBlock(AppFormElement, normalizeProps(guardReactiveProps(unref(formElementProps))), {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$1c, [
-            createElementVNode("div", _hoisted_2$T, [
+            createElementVNode("div", _hoisted_2$U, [
               createVNode(_component_app_date, mergeProps({
                 modelValue: modelValueStart.value,
                 "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => modelValueStart.value = $event),
@@ -18470,7 +18991,7 @@ const _sfc_main$1E = {
                 name: __props.endName || _ctx.$attrs["name-end"] || "end"
               }, bindableProps.value, { "show-easy-buttons": false }), null, 16, ["modelValue", "placeholder", "name"])
             ]),
-            _ctx.showEasyButtons ? (openBlock(), createElementBlock("div", _hoisted_3$E, [
+            _ctx.showEasyButtons ? (openBlock(), createElementBlock("div", _hoisted_3$D, [
               createVNode(_component_app_button_group, {
                 value: unref(easyButtonsList),
                 onClick: onEasyButtonClick
@@ -18485,8 +19006,8 @@ const _sfc_main$1E = {
   }
 };
 const _hoisted_1$1b = { class: "d-flex align-items-center" };
-const _hoisted_2$S = { class: "mb-0 fw-normal" };
-const _hoisted_3$D = { class: "ms-auto" };
+const _hoisted_2$T = { class: "mb-0 fw-normal" };
+const _hoisted_3$C = { class: "ms-auto" };
 const _sfc_main$1D = {
   __name: "AppCard",
   props: {
@@ -18584,7 +19105,7 @@ const _sfc_main$1D = {
           onClick: collapseBody
         }, [
           createElementVNode("div", _hoisted_1$1b, [
-            createElementVNode("div", _hoisted_2$S, [
+            createElementVNode("div", _hoisted_2$T, [
               renderSlot(_ctx.$slots, "title"),
               createElementVNode("div", {
                 class: "header-elements-toggle d-none",
@@ -18593,7 +19114,7 @@ const _sfc_main$1D = {
                 createElementVNode("i", { class: "icon-more" }, null, -1)
               ])])
             ]),
-            createElementVNode("div", _hoisted_3$D, [
+            createElementVNode("div", _hoisted_3$C, [
               createElementVNode("div", {
                 class: normalizeClass([headerElementsClasses.value])
               }, [
@@ -18686,481 +19207,6 @@ function _sfc_render$3(_ctx, _cache2) {
   return openBlock(), createBlock(_component_router_view);
 }
 const AppChild = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$3], ["__scopeId", "data-v-f1bb4de2"]]);
-function tryOnScopeDispose(fn7) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn7);
-    return true;
-  }
-  return false;
-}
-function toValue$1(r) {
-  return typeof r === "function" ? r() : unref(r);
-}
-const isClient$1 = typeof window !== "undefined" && typeof document !== "undefined";
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-const toString$2 = Object.prototype.toString;
-const isObject$4 = (val) => toString$2.call(val) === "[object Object]";
-const noop$2 = () => {
-};
-const isIOS = /* @__PURE__ */ getIsIOS();
-function getIsIOS() {
-  var _a2, _b2;
-  return isClient$1 && ((_a2 = window == null ? void 0 : window.navigator) == null ? void 0 : _a2.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_b2 = window == null ? void 0 : window.navigator) == null ? void 0 : _b2.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
-}
-function createFilterWrapper(filter2, fn7) {
-  function wrapper(...args) {
-    return new Promise((resolve, reject) => {
-      Promise.resolve(filter2(() => fn7.apply(this, args), { fn: fn7, thisArg: this, args })).then(resolve).catch(reject);
-    });
-  }
-  return wrapper;
-}
-const bypassFilter = (invoke) => {
-  return invoke();
-};
-function debounceFilter(ms, options = {}) {
-  let timer;
-  let maxTimer;
-  let lastRejector = noop$2;
-  const _clearTimeout = (timer2) => {
-    clearTimeout(timer2);
-    lastRejector();
-    lastRejector = noop$2;
-  };
-  const filter2 = (invoke) => {
-    const duration = toValue$1(ms);
-    const maxDuration = toValue$1(options.maxWait);
-    if (timer)
-      _clearTimeout(timer);
-    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
-      if (maxTimer) {
-        _clearTimeout(maxTimer);
-        maxTimer = null;
-      }
-      return Promise.resolve(invoke());
-    }
-    return new Promise((resolve, reject) => {
-      lastRejector = options.rejectOnCancel ? reject : resolve;
-      if (maxDuration && !maxTimer) {
-        maxTimer = setTimeout(() => {
-          if (timer)
-            _clearTimeout(timer);
-          maxTimer = null;
-          resolve(invoke());
-        }, maxDuration);
-      }
-      timer = setTimeout(() => {
-        if (maxTimer)
-          _clearTimeout(maxTimer);
-        maxTimer = null;
-        resolve(invoke());
-      }, duration);
-    });
-  };
-  return filter2;
-}
-function pausableFilter(extendFilter = bypassFilter) {
-  const isActive = ref(true);
-  function pause() {
-    isActive.value = false;
-  }
-  function resume() {
-    isActive.value = true;
-  }
-  const eventFilter = (...args) => {
-    if (isActive.value)
-      extendFilter(...args);
-  };
-  return { isActive: readonly(isActive), pause, resume, eventFilter };
-}
-const directiveHooks = {
-  mounted: "mounted",
-  unmounted: "unmounted"
-};
-function getLifeCycleTarget(target) {
-  return getCurrentInstance();
-}
-function toRef(...args) {
-  if (args.length !== 1)
-    return toRef$1(...args);
-  const r = args[0];
-  return typeof r === "function" ? readonly(customRef(() => ({ get: r, set: noop$2 }))) : ref(r);
-}
-function watchWithFilter(source, cb, options = {}) {
-  const {
-    eventFilter = bypassFilter,
-    ...watchOptions
-  } = options;
-  return watch(
-    source,
-    createFilterWrapper(
-      eventFilter,
-      cb
-    ),
-    watchOptions
-  );
-}
-function watchPausable(source, cb, options = {}) {
-  const {
-    eventFilter: filter2,
-    ...watchOptions
-  } = options;
-  const { eventFilter, pause, resume, isActive } = pausableFilter(filter2);
-  const stop2 = watchWithFilter(
-    source,
-    cb,
-    {
-      ...watchOptions,
-      eventFilter
-    }
-  );
-  return { stop: stop2, pause, resume, isActive };
-}
-function tryOnMounted(fn7, sync = true, target) {
-  const instance = getLifeCycleTarget();
-  if (instance)
-    onMounted(fn7, target);
-  else if (sync)
-    fn7();
-  else
-    nextTick(fn7);
-}
-function watchDebounced(source, cb, options = {}) {
-  const {
-    debounce: debounce2 = 0,
-    maxWait = void 0,
-    ...watchOptions
-  } = options;
-  return watchWithFilter(
-    source,
-    cb,
-    {
-      ...watchOptions,
-      eventFilter: debounceFilter(debounce2, { maxWait })
-    }
-  );
-}
-function unrefElement$2(elRef) {
-  var _a2;
-  const plain = toValue$1(elRef);
-  return (_a2 = plain == null ? void 0 : plain.$el) != null ? _a2 : plain;
-}
-const defaultWindow$2 = isClient$1 ? window : void 0;
-function useEventListener$2(...args) {
-  let target;
-  let events2;
-  let listeners;
-  let options;
-  if (typeof args[0] === "string" || Array.isArray(args[0])) {
-    [events2, listeners, options] = args;
-    target = defaultWindow$2;
-  } else {
-    [target, events2, listeners, options] = args;
-  }
-  if (!target)
-    return noop$2;
-  if (!Array.isArray(events2))
-    events2 = [events2];
-  if (!Array.isArray(listeners))
-    listeners = [listeners];
-  const cleanups = [];
-  const cleanup = () => {
-    cleanups.forEach((fn7) => fn7());
-    cleanups.length = 0;
-  };
-  const register = (el, event, listener, options2) => {
-    el.addEventListener(event, listener, options2);
-    return () => el.removeEventListener(event, listener, options2);
-  };
-  const stopWatch = watch(
-    () => [unrefElement$2(target), toValue$1(options)],
-    ([el, options2]) => {
-      cleanup();
-      if (!el)
-        return;
-      const optionsClone = isObject$4(options2) ? { ...options2 } : options2;
-      cleanups.push(
-        ...events2.flatMap((event) => {
-          return listeners.map((listener) => register(el, event, listener, optionsClone));
-        })
-      );
-    },
-    { immediate: true, flush: "post" }
-  );
-  const stop2 = () => {
-    stopWatch();
-    cleanup();
-  };
-  tryOnScopeDispose(stop2);
-  return stop2;
-}
-let _iOSWorkaround$1 = false;
-function onClickOutside$2(target, handler, options = {}) {
-  const { window: window2 = defaultWindow$2, ignore = [], capture = true, detectIframe = false } = options;
-  if (!window2)
-    return noop$2;
-  if (isIOS && !_iOSWorkaround$1) {
-    _iOSWorkaround$1 = true;
-    Array.from(window2.document.body.children).forEach((el) => el.addEventListener("click", noop$2));
-    window2.document.documentElement.addEventListener("click", noop$2);
-  }
-  let shouldListen = true;
-  const shouldIgnore = (event) => {
-    return ignore.some((target2) => {
-      if (typeof target2 === "string") {
-        return Array.from(window2.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));
-      } else {
-        const el = unrefElement$2(target2);
-        return el && (event.target === el || event.composedPath().includes(el));
-      }
-    });
-  };
-  const listener = (event) => {
-    const el = unrefElement$2(target);
-    if (!el || el === event.target || event.composedPath().includes(el))
-      return;
-    if (event.detail === 0)
-      shouldListen = !shouldIgnore(event);
-    if (!shouldListen) {
-      shouldListen = true;
-      return;
-    }
-    handler(event);
-  };
-  const cleanup = [
-    useEventListener$2(window2, "click", listener, { passive: true, capture }),
-    useEventListener$2(window2, "pointerdown", (e2) => {
-      const el = unrefElement$2(target);
-      shouldListen = !shouldIgnore(e2) && !!(el && !e2.composedPath().includes(el));
-    }, { passive: true }),
-    detectIframe && useEventListener$2(window2, "blur", (event) => {
-      setTimeout(() => {
-        var _a2;
-        const el = unrefElement$2(target);
-        if (((_a2 = window2.document.activeElement) == null ? void 0 : _a2.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(window2.document.activeElement))) {
-          handler(event);
-        }
-      }, 0);
-    })
-  ].filter(Boolean);
-  const stop2 = () => cleanup.forEach((fn7) => fn7());
-  return stop2;
-}
-const _global$1 = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-const globalKey = "__vueuse_ssr_handlers__";
-const handlers$1 = /* @__PURE__ */ getHandlers();
-function getHandlers() {
-  if (!(globalKey in _global$1))
-    _global$1[globalKey] = _global$1[globalKey] || {};
-  return _global$1[globalKey];
-}
-function getSSRHandler(key, fallback) {
-  return handlers$1[key] || fallback;
-}
-function guessSerializerType(rawInit) {
-  return rawInit == null ? "any" : rawInit instanceof Set ? "set" : rawInit instanceof Map ? "map" : rawInit instanceof Date ? "date" : typeof rawInit === "boolean" ? "boolean" : typeof rawInit === "string" ? "string" : typeof rawInit === "object" ? "object" : !Number.isNaN(rawInit) ? "number" : "any";
-}
-const StorageSerializers = {
-  boolean: {
-    read: (v) => v === "true",
-    write: (v) => String(v)
-  },
-  object: {
-    read: (v) => JSON.parse(v),
-    write: (v) => JSON.stringify(v)
-  },
-  number: {
-    read: (v) => Number.parseFloat(v),
-    write: (v) => String(v)
-  },
-  any: {
-    read: (v) => v,
-    write: (v) => String(v)
-  },
-  string: {
-    read: (v) => v,
-    write: (v) => String(v)
-  },
-  map: {
-    read: (v) => new Map(JSON.parse(v)),
-    write: (v) => JSON.stringify(Array.from(v.entries()))
-  },
-  set: {
-    read: (v) => new Set(JSON.parse(v)),
-    write: (v) => JSON.stringify(Array.from(v))
-  },
-  date: {
-    read: (v) => new Date(v),
-    write: (v) => v.toISOString()
-  }
-};
-const customStorageEventName = "vueuse-storage";
-function useStorage(key, defaults2, storage, options = {}) {
-  var _a2;
-  const {
-    flush = "pre",
-    deep = true,
-    listenToStorageChanges = true,
-    writeDefaults = true,
-    mergeDefaults: mergeDefaults2 = false,
-    shallow,
-    window: window2 = defaultWindow$2,
-    eventFilter,
-    onError = (e2) => {
-      console.error(e2);
-    },
-    initOnMounted
-  } = options;
-  const data = (shallow ? shallowRef : ref)(typeof defaults2 === "function" ? defaults2() : defaults2);
-  if (!storage) {
-    try {
-      storage = getSSRHandler("getDefaultStorage", () => {
-        var _a22;
-        return (_a22 = defaultWindow$2) == null ? void 0 : _a22.localStorage;
-      })();
-    } catch (e2) {
-      onError(e2);
-    }
-  }
-  if (!storage)
-    return data;
-  const rawInit = toValue$1(defaults2);
-  const type = guessSerializerType(rawInit);
-  const serializer = (_a2 = options.serializer) != null ? _a2 : StorageSerializers[type];
-  const { pause: pauseWatch, resume: resumeWatch } = watchPausable(
-    data,
-    () => write2(data.value),
-    { flush, deep, eventFilter }
-  );
-  if (window2 && listenToStorageChanges) {
-    tryOnMounted(() => {
-      useEventListener$2(window2, "storage", update2);
-      useEventListener$2(window2, customStorageEventName, updateFromCustomEvent);
-      if (initOnMounted)
-        update2();
-    });
-  }
-  if (!initOnMounted)
-    update2();
-  function dispatchWriteEvent(oldValue, newValue) {
-    if (window2) {
-      window2.dispatchEvent(new CustomEvent(customStorageEventName, {
-        detail: {
-          key,
-          oldValue,
-          newValue,
-          storageArea: storage
-        }
-      }));
-    }
-  }
-  function write2(v) {
-    try {
-      const oldValue = storage.getItem(key);
-      if (v == null) {
-        dispatchWriteEvent(oldValue, null);
-        storage.removeItem(key);
-      } else {
-        const serialized = serializer.write(v);
-        if (oldValue !== serialized) {
-          storage.setItem(key, serialized);
-          dispatchWriteEvent(oldValue, serialized);
-        }
-      }
-    } catch (e2) {
-      onError(e2);
-    }
-  }
-  function read2(event) {
-    const rawValue = event ? event.newValue : storage.getItem(key);
-    if (rawValue == null) {
-      if (writeDefaults && rawInit != null)
-        storage.setItem(key, serializer.write(rawInit));
-      return rawInit;
-    } else if (!event && mergeDefaults2) {
-      const value = serializer.read(rawValue);
-      if (typeof mergeDefaults2 === "function")
-        return mergeDefaults2(value, rawInit);
-      else if (type === "object" && !Array.isArray(value))
-        return { ...rawInit, ...value };
-      return value;
-    } else if (typeof rawValue !== "string") {
-      return rawValue;
-    } else {
-      return serializer.read(rawValue);
-    }
-  }
-  function update2(event) {
-    if (event && event.storageArea !== storage)
-      return;
-    if (event && event.key == null) {
-      data.value = rawInit;
-      return;
-    }
-    if (event && event.key !== key)
-      return;
-    pauseWatch();
-    try {
-      if ((event == null ? void 0 : event.newValue) !== serializer.write(data.value))
-        data.value = read2(event);
-    } catch (e2) {
-      onError(e2);
-    } finally {
-      if (event)
-        nextTick(resumeWatch);
-      else
-        resumeWatch();
-    }
-  }
-  function updateFromCustomEvent(event) {
-    update2(event.detail);
-  }
-  return data;
-}
-function useLocalStorage(key, initialValue, options = {}) {
-  const { window: window2 = defaultWindow$2 } = options;
-  return useStorage(key, initialValue, window2 == null ? void 0 : window2.localStorage, options);
-}
-function useWindowScroll(options = {}) {
-  const { window: window2 = defaultWindow$2, behavior = "auto" } = options;
-  if (!window2) {
-    return {
-      x: ref(0),
-      y: ref(0)
-    };
-  }
-  const internalX = ref(window2.scrollX);
-  const internalY = ref(window2.scrollY);
-  const x2 = computed({
-    get() {
-      return internalX.value;
-    },
-    set(x22) {
-      scrollTo({ left: x22, behavior });
-    }
-  });
-  const y3 = computed({
-    get() {
-      return internalY.value;
-    },
-    set(y22) {
-      scrollTo({ top: y22, behavior });
-    }
-  });
-  useEventListener$2(
-    window2,
-    "scroll",
-    () => {
-      internalX.value = window2.scrollX;
-      internalY.value = window2.scrollY;
-    },
-    {
-      capture: false,
-      passive: true
-    }
-  );
-  return { x: x2, y: y3 };
-}
 const min = Math.min;
 const max = Math.max;
 const round = Math.round;
@@ -20891,8 +20937,8 @@ const _sfc_main$1A = {
   }
 };
 const _hoisted_1$19 = { class: "w-100 position-relative cursor-pointer" };
-const _hoisted_2$R = ["placeholder"];
-const _hoisted_3$C = {
+const _hoisted_2$S = ["placeholder"];
+const _hoisted_3$B = {
   key: 1,
   class: "flex-1 input-placeholder"
 };
@@ -21005,11 +21051,16 @@ const _sfc_main$1z = {
     const onDeleteInput = () => {
       modelValue.value = null;
     };
-    onClickOutside$2(grid, (event) => {
-      if (!showGrid.value || event.target === searchField.value) {
-        return;
-      }
-      close2();
+    useClickOutside({
+      target: grid,
+      handler: () => {
+        if (!showGrid.value) {
+          return;
+        }
+        close2();
+      },
+      isOpen: showGrid,
+      ignore: [input, searchField]
     });
     const inputClass = computed(() => ({
       "w-100 form-control": true,
@@ -21072,7 +21123,7 @@ const _sfc_main$1z = {
                 class: "mb-0 no-hover flex-1 form-control",
                 placeholder: props2.placeholder,
                 onKeyup: withKeys(onKeyEnter, ["enter"])
-              }, null, 40, _hoisted_2$R)), [
+              }, null, 40, _hoisted_2$S)), [
                 [vModelText, searchValue.value]
               ]) : (openBlock(), createElementBlock("div", {
                 key: 1,
@@ -21082,7 +21133,7 @@ const _sfc_main$1z = {
                 renderSlot(_ctx.$slots, "default", { item: modelValue.value }, () => [
                   modelValue.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createTextVNode(toDisplayString(getDisplayValue2(modelValue.value)), 1)
-                  ], 64)) : (openBlock(), createElementBlock("span", _hoisted_3$C, toDisplayString(props2.placeholder), 1))
+                  ], 64)) : (openBlock(), createElementBlock("span", _hoisted_3$B, toDisplayString(props2.placeholder), 1))
                 ], true)
               ], 2)),
               modelValue.value && __props.showRemoveButtons ? (openBlock(), createElementBlock("div", _hoisted_4$s, [
@@ -21136,7 +21187,7 @@ const _sfc_main$1z = {
     };
   }
 };
-const AppGridPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__scopeId", "data-v-c041b904"]]);
+const AppGridPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__scopeId", "data-v-12dbbc29"]]);
 const EMIT_SUB_HOUR = "sub-hour";
 const EMIT_NOW = "now";
 const EMIT_ADD_HOUR = "add-hour";
@@ -21167,11 +21218,11 @@ const _hoisted_1$18 = {
   class: "display-block w-100",
   style: {}
 };
-const _hoisted_2$Q = {
+const _hoisted_2$R = {
   key: 0,
   class: "ml-10"
 };
-const _hoisted_3$B = {
+const _hoisted_3$A = {
   key: 1,
   class: "flex-center-vertical ml-5 mr-5 time-picker-icon"
 };
@@ -21340,14 +21391,14 @@ const _sfc_main$1x = {
                 class: "app-grid-picker-minute app-form-group-element flex-grow-1",
                 "display-by": "value"
               }, null, 8, ["modelValue", "disabled", "options"]),
-              _ctx.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_2$Q, [
+              _ctx.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_2$R, [
                 createVNode(_sfc_main$1y, {
                   onAddHour,
                   onSubHour,
                   onNow: onSelectNow
                 })
               ])) : createCommentVNode("", true),
-              !_ctx.disabled && __props.isClearable && modelValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$B, [
+              !_ctx.disabled && __props.isClearable && modelValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
                 withDirectives(createElementVNode("i", {
                   class: "ph-x-circle app-cross-icon",
                   onClick: withModifiers(reset2, ["stop"])
@@ -21624,8 +21675,8 @@ __publicField(_DateUtils, "isOlderThan", (timestamp, minutes) => {
 });
 let DateUtils = _DateUtils;
 const _hoisted_1$17 = { class: "flex-center-vertical w-100" };
-const _hoisted_2$P = { class: "app-form-group-element flex-grow-1 mr-5" };
-const _hoisted_3$A = { class: "app-form-group-element flex-grow-1" };
+const _hoisted_2$Q = { class: "app-form-group-element flex-grow-1 mr-5" };
+const _hoisted_3$z = { class: "app-form-group-element flex-grow-1" };
 const _hoisted_4$r = {
   key: 0,
   class: "easy-buttons"
@@ -21779,7 +21830,7 @@ const _sfc_main$1w = {
         ]),
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$17, [
-            createElementVNode("div", _hoisted_2$P, [
+            createElementVNode("div", _hoisted_2$Q, [
               createVNode(_sfc_main$1F, {
                 modelValue: localDate.value,
                 "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => localDate.value = $event),
@@ -21789,7 +21840,7 @@ const _sfc_main$1w = {
                 "input-only": true
               }, null, 8, ["modelValue", "disabled", "show-day-of-week"])
             ]),
-            createElementVNode("div", _hoisted_3$A, [
+            createElementVNode("div", _hoisted_3$z, [
               createVNode(AppTimePicker, {
                 ref: "timePicker",
                 modelValue: localTime.value,
@@ -21953,23 +22004,26 @@ var IconCaretUpFilled = createVueComponent("filled", "caret-up-filled", "IconCar
  */
 var IconSquareCheckFilled = createVueComponent("filled", "square-check-filled", "IconSquareCheckFilled", [["path", { "d": "M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z", "key": "svg-0" }]]);
 const _hoisted_1$16 = { class: "display-flex-column h-100" };
-const _hoisted_2$O = { class: "flex-center-vertical w-100 p-3" };
-const _hoisted_3$z = { class: "flex-1" };
+const _hoisted_2$P = { class: "flex-center-vertical w-100 p-3" };
+const _hoisted_3$y = { class: "flex-1" };
 const _hoisted_4$q = { class: "font-600 text-size-14" };
 const _hoisted_5$k = { class: "p-20 flex-1 w-100" };
 const _sfc_main$1v = {
   __name: "AppDrawer",
-  props: {
+  props: /* @__PURE__ */ mergeModels({
     title: {},
     width: {
       default: "600px"
     }
-  },
-  emits: ["mounted"],
+  }, {
+    "modelValue": { default: false },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["mounted"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emits = __emit;
-    const isExpanded = ref(false);
+    const isExpanded = useModel(__props, "modelValue");
     const toggle2 = () => {
       isExpanded.value = !isExpanded.value;
     };
@@ -21990,22 +22044,24 @@ const _sfc_main$1v = {
     onMounted(() => {
       emits("mounted", externalContext);
     });
+    const drawer = useTemplateRef("drawer");
+    useClickOutside({ target: drawer, handler: hide3, isOpen: isExpanded });
     return (_ctx, _cache2) => {
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("div", {
           id: "content-overlay",
           ref: "overlay",
-          class: normalizeClass({ active: isExpanded.value }),
-          onClick: hide3
+          class: normalizeClass({ active: isExpanded.value })
         }, null, 2),
         createElementVNode("div", {
-          ref: "drawer",
+          ref_key: "drawer",
+          ref: drawer,
           class: normalizeClass(["filter-sidebar", drawerClass.value]),
           style: normalizeStyle(drawerStyle.value)
         }, [
           createElementVNode("div", _hoisted_1$16, [
-            createElementVNode("div", _hoisted_2$O, [
-              createElementVNode("div", _hoisted_3$z, [
+            createElementVNode("div", _hoisted_2$P, [
+              createElementVNode("div", _hoisted_3$y, [
                 renderSlot(_ctx.$slots, "title", {}, () => [
                   createElementVNode("div", _hoisted_4$q, toDisplayString(__props.title), 1)
                 ], true)
@@ -22027,10 +22083,10 @@ const _sfc_main$1v = {
     };
   }
 };
-const AppDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__scopeId", "data-v-15e2a1ca"]]);
+const AppDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__scopeId", "data-v-7b902216"]]);
 const _hoisted_1$15 = { class: "display-flex-column h-100" };
-const _hoisted_2$N = { class: "flex-center-vertical pr-20 pl-20 w-100 mt-15" };
-const _hoisted_3$y = { class: "flex-1 mb-10" };
+const _hoisted_2$O = { class: "flex-center-vertical pr-20 pl-20 w-100 mt-15" };
+const _hoisted_3$x = { class: "flex-1 mb-10" };
 const _hoisted_4$p = { class: "mb-0" };
 const _hoisted_5$j = { class: "p-20 flex-1 w-100" };
 const _hoisted_6$c = { class: "flex-center p-10 w-100 gap-1" };
@@ -22093,8 +22149,8 @@ const _sfc_main$1u = {
           class: normalizeClass(["filter-sidebar", { active: isExpanded.value }])
         }, [
           createElementVNode("div", _hoisted_1$15, [
-            createElementVNode("div", _hoisted_2$N, [
-              createElementVNode("div", _hoisted_3$y, [
+            createElementVNode("div", _hoisted_2$O, [
+              createElementVNode("div", _hoisted_3$x, [
                 createElementVNode("h4", _hoisted_4$p, toDisplayString(__props.title), 1)
               ]),
               createElementVNode("i", {
@@ -22591,6 +22647,10 @@ const _sfc_main$1t = {
   }
 };
 const _hoisted_1$14 = {
+  class: "app-modal-overlay",
+  style: { "z-index": "99999" }
+};
+const _hoisted_2$N = {
   "aria-modal": "true",
   class: "modal fade show display-block",
   tabindex: "-1"
@@ -22631,17 +22691,13 @@ const _sfc_main$1s = {
     const props2 = __props;
     const emits = __emit;
     const modal = useTemplateRef("modal");
-    const overlay = useTemplateRef("overlay");
     const show2 = () => {
       emits("show");
       isVisible.value = true;
     };
     const hide3 = () => {
-      const top2 = getHighestOverlay();
-      if (top2 && overlay.value === top2) {
-        emits("hide");
-        isVisible.value = false;
-      }
+      emits("hide");
+      isVisible.value = false;
     };
     let isFullyRendered = false;
     watch(isVisible, async (newValue) => {
@@ -22651,8 +22707,14 @@ const _sfc_main$1s = {
         isFullyRendered = true;
       }
     });
-    onClickOutside$2(modal, () => {
-      return isFullyRendered && isVisible.value && props2.clickToClose ? hide3() : null;
+    const { isTopPopup } = useClickOutside({
+      target: modal,
+      handler: () => {
+        if (isFullyRendered && isVisible.value && props2.clickToClose) {
+          hide3();
+        }
+      },
+      isOpen: isVisible
     });
     const modalStyle = computed(() => {
       const width = props2.modalWidthValue ?? props2.width;
@@ -22678,20 +22740,8 @@ const _sfc_main$1s = {
       document.body.style.overflow = "";
       document.body.style.paddingRight = "";
     }
-    function isElementVisible(element) {
-      if (!element) {
-        return false;
-      }
-      const style = window.getComputedStyle(element);
-      return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0";
-    }
-    function getHighestOverlay() {
-      const overlays = Array.from(document.querySelectorAll(".app-modal-overlay"));
-      const visibleOverlays = overlays.filter(isElementVisible);
-      return visibleOverlays.length ? visibleOverlays.pop() : null;
-    }
     function onKeydown(event) {
-      if (event.key !== "Escape" || !isVisible.value) {
+      if (event.key !== "Escape" || !isVisible.value || !isTopPopup.value) {
         return;
       }
       event.preventDefault();
@@ -22711,13 +22761,8 @@ const _sfc_main$1s = {
     return (_ctx, _cache2) => {
       return openBlock(), createBlock(Transition, { name: "fadeHeight" }, {
         default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            ref_key: "overlay",
-            ref: overlay,
-            class: "app-modal-overlay",
-            style: { "z-index": "99999" }
-          }, [
-            createElementVNode("div", _hoisted_1$14, [
+          withDirectives(createElementVNode("div", _hoisted_1$14, [
+            createElementVNode("div", _hoisted_2$N, [
               createElementVNode("div", {
                 ref_key: "modal",
                 ref: modal,
@@ -22741,10 +22786,10 @@ const _sfc_main$1s = {
     };
   }
 };
-const AppModal = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__scopeId", "data-v-a20a5773"]]);
+const AppModal = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__scopeId", "data-v-4065aede"]]);
 const _hoisted_1$13 = { class: "app-alert-modal rounded-3 shadow p-3" };
 const _hoisted_2$M = { class: "mb-2 fw-semibold" };
-const _hoisted_3$x = ["innerHTML"];
+const _hoisted_3$w = ["innerHTML"];
 const _hoisted_4$o = {
   key: 1,
   class: "mb-0 app-alert-modal-text"
@@ -22829,7 +22874,7 @@ const _sfc_main$1r = {
                 key: 0,
                 class: "app-alert-modal-text",
                 innerHTML: __props.text
-              }, null, 8, _hoisted_3$x)) : (openBlock(), createElementBlock("p", _hoisted_4$o, toDisplayString(__props.text), 1))
+              }, null, 8, _hoisted_3$w)) : (openBlock(), createElementBlock("p", _hoisted_4$o, toDisplayString(__props.text), 1))
             ]),
             createElementVNode("div", _hoisted_5$i, [
               __props.showCancelButton ? (openBlock(), createBlock(_sfc_main$1L, {
@@ -26060,7 +26105,7 @@ const fileStatus = {
 };
 const _hoisted_1$11 = { class: "flex-center-vertical" };
 const _hoisted_2$L = { key: 0 };
-const _hoisted_3$w = {
+const _hoisted_3$v = {
   key: 1,
   class: "file-action-button flex-1 mr-10"
 };
@@ -26113,7 +26158,7 @@ const _sfc_main$1o = {
           style: { "font-size": "22px" }
         }, null, 2),
         __props.file ? (openBlock(), createElementBlock("div", _hoisted_2$L, toDisplayString(filename.value), 1)) : createCommentVNode("", true),
-        __props.file ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
+        __props.file ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
           props2.showPreview ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "ml-5 mr-5 action-icon",
@@ -26152,7 +26197,7 @@ const _hoisted_2$K = {
   key: 0,
   class: "flex-1"
 };
-const _hoisted_3$v = {
+const _hoisted_3$u = {
   key: 1,
   class: "flex-1"
 };
@@ -26238,7 +26283,7 @@ const _sfc_main$1n = {
               onPreview: () => emits("preview", file)
             }, null, 8, ["file", "disabled", "show-preview", "show-download", "onRemove", "onDownload", "onPreview"]);
           }), 128))
-        ])) : (openBlock(), createElementBlock("div", _hoisted_3$v, toDisplayString(__props.disabled ? "Nu a fost ales niciun fișier." : "Alegeți un fișier."), 1)),
+        ])) : (openBlock(), createElementBlock("div", _hoisted_3$u, toDisplayString(__props.disabled ? "Nu a fost ales niciun fișier." : "Alegeți un fișier."), 1)),
         createElementVNode("div", _hoisted_4$m, [
           !__props.disabled ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -26439,7 +26484,7 @@ const _sfc_main$1k = {
 };
 const _hoisted_1$Y = { class: "display-flex align-items-center" };
 const _hoisted_2$I = { class: "display-flex pl-10" };
-const _hoisted_3$u = {
+const _hoisted_3$t = {
   key: 1,
   class: "card list app-form-repeater-list'"
 };
@@ -26584,7 +26629,7 @@ const _sfc_main$1j = {
                   renderSlot(_ctx.$slots, "content", normalizeProps(guardReactiveProps({ index, element, removeItemAtIndex })))
                 ]),
                 _: 2
-              }, 1032, ["can-collapse", "is-collapsed", "onIsCollapsedChanged"])) : (openBlock(), createElementBlock("div", _hoisted_3$u, [
+              }, 1032, ["can-collapse", "is-collapsed", "onIsCollapsedChanged"])) : (openBlock(), createElementBlock("div", _hoisted_3$t, [
                 createElementVNode("div", _hoisted_4$l, [
                   createElementVNode("div", _hoisted_5$f, [
                     !__props.disabled && __props.isDraggable ? (openBlock(), createBlock(unref(IconMenu2), {
@@ -27880,7 +27925,7 @@ const _sfc_main$1i = {
 };
 const _hoisted_1$X = { class: "card card-table table-responsive shadow-0 mb-20 overflow-hidden" };
 const _hoisted_2$H = { class: "table table-bordered" };
-const _hoisted_3$t = ["onClick"];
+const _hoisted_3$s = ["onClick"];
 function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$X, [
     createElementVNode("table", _hoisted_2$H, [
@@ -27903,7 +27948,7 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
                 class: normalizeClass($setup.tdClass(colorShade)),
                 style: normalizeStyle($setup.cellStyle(colorShade)),
                 onClick: ($event) => $setup.selectColor(colorShade)
-              }, null, 14, _hoisted_3$t);
+              }, null, 14, _hoisted_3$s);
             }), 256))
           ]);
         }), 128))
@@ -27917,7 +27962,7 @@ const _hoisted_2$G = {
   key: 0,
   class: "app-number-spinners"
 };
-const _hoisted_3$s = { class: "form-control-feedback-icon" };
+const _hoisted_3$r = { class: "form-control-feedback-icon" };
 const _sfc_main$1h = {
   __name: "AppInput",
   props: /* @__PURE__ */ mergeModels({
@@ -28030,7 +28075,7 @@ const _sfc_main$1h = {
             key: 1,
             class: normalizeClass(["form-control-feedback", "form-control-feedback-end", { "has-spinners-clear-icon": __props.type === "number" }])
           }, [
-            createElementVNode("div", _hoisted_3$s, [
+            createElementVNode("div", _hoisted_3$r, [
               withDirectives(createElementVNode("i", {
                 class: "ph-x-circle app-cross-icon",
                 onClick: withModifiers(clearOptions, ["stop"])
@@ -28582,7 +28627,7 @@ const _sfc_main$1a = {
 };
 const _hoisted_1$Q = { class: "row" };
 const _hoisted_2$E = { class: "col-lg-12" };
-const _hoisted_3$r = { class: "card card-white animated fadeIn" };
+const _hoisted_3$q = { class: "card card-white animated fadeIn" };
 const _hoisted_4$k = { class: "card-header" };
 const _hoisted_5$e = { class: "card-body" };
 const _sfc_main$19 = {
@@ -28591,7 +28636,7 @@ const _sfc_main$19 = {
     return (_ctx, _cache2) => {
       return openBlock(), createElementBlock("div", _hoisted_1$Q, [
         createElementVNode("div", _hoisted_2$E, [
-          createElementVNode("div", _hoisted_3$r, [
+          createElementVNode("div", _hoisted_3$q, [
             createElementVNode("div", _hoisted_4$k, [
               createVNode(_sfc_main$1b, {
                 img: true,
@@ -28791,7 +28836,7 @@ function useModelWatch({ props: props2, emits, propName = "modelValue", onDataCh
 }
 const _hoisted_1$P = ["tabindex"];
 const _hoisted_2$D = ["tabindex"];
-const _hoisted_3$q = ["tabindex"];
+const _hoisted_3$p = ["tabindex"];
 const _hoisted_4$j = ["onClick", "onKeyup"];
 const _hoisted_5$d = ["tabindex"];
 const _hoisted_6$9 = ["tabindex"];
@@ -28963,7 +29008,7 @@ const _sfc_main$17 = {
               tabindex: firstPageSelected() ? -1 : 0,
               onClick: _cache2[4] || (_cache2[4] = ($event) => prevPage()),
               onKeyup: _cache2[5] || (_cache2[5] = withKeys(($event) => prevPage(), ["enter"]))
-            }, toDisplayString(_ctx.prevText), 43, _hoisted_3$q))
+            }, toDisplayString(_ctx.prevText), 43, _hoisted_3$p))
           ], 2)) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
             return openBlock(), createElementBlock("li", {
@@ -29029,7 +29074,7 @@ const _sfc_main$17 = {
 };
 const _hoisted_1$O = { class: "pagination-info-label" };
 const _hoisted_2$C = { class: "text-muted d-none d-lg-block d-xl-block" };
-const _hoisted_3$p = { key: 0 };
+const _hoisted_3$o = { key: 0 };
 const _hoisted_4$i = { key: 1 };
 const _sfc_main$16 = {
   __name: "AppPaginationInfo",
@@ -29054,7 +29099,7 @@ const _sfc_main$16 = {
         createElementVNode("div", _hoisted_1$O, [
           createElementVNode("span", _hoisted_2$C, [
             createTextVNode(toDisplayString(`Inregistrari vizibile: ${props2.modelValue.from || 0} - ${props2.modelValue.to || 0}`) + " ", 1),
-            props2.modelValue.total ? (openBlock(), createElementBlock("span", _hoisted_3$p, toDisplayString(` din ${props2.modelValue.total}`), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$i, toDisplayString(` (total negenerat)`)))
+            props2.modelValue.total ? (openBlock(), createElementBlock("span", _hoisted_3$o, toDisplayString(` din ${props2.modelValue.total}`), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$i, toDisplayString(` (total negenerat)`)))
           ])
         ]),
         __props.canTogglePagination ? (openBlock(), createBlock(_sfc_main$1L, {
@@ -29222,227 +29267,6 @@ function useSelectNew(modelValue, config) {
   provide(SelectNewSymbol, api);
   return api;
 }
-function unrefElement$1(elRef) {
-  var _a2;
-  const plain = toValue$1(elRef);
-  return (_a2 = plain == null ? void 0 : plain.$el) != null ? _a2 : plain;
-}
-const defaultWindow$1 = isClient$1 ? window : void 0;
-function useEventListener$1(...args) {
-  let target;
-  let events2;
-  let listeners;
-  let options;
-  if (typeof args[0] === "string" || Array.isArray(args[0])) {
-    [events2, listeners, options] = args;
-    target = defaultWindow$1;
-  } else {
-    [target, events2, listeners, options] = args;
-  }
-  if (!target)
-    return noop$2;
-  if (!Array.isArray(events2))
-    events2 = [events2];
-  if (!Array.isArray(listeners))
-    listeners = [listeners];
-  const cleanups = [];
-  const cleanup = () => {
-    cleanups.forEach((fn7) => fn7());
-    cleanups.length = 0;
-  };
-  const register = (el, event, listener, options2) => {
-    el.addEventListener(event, listener, options2);
-    return () => el.removeEventListener(event, listener, options2);
-  };
-  const stopWatch = watch(
-    () => [unrefElement$1(target), toValue$1(options)],
-    ([el, options2]) => {
-      cleanup();
-      if (!el)
-        return;
-      const optionsClone = isObject$4(options2) ? { ...options2 } : options2;
-      cleanups.push(
-        ...events2.flatMap((event) => {
-          return listeners.map((listener) => register(el, event, listener, optionsClone));
-        })
-      );
-    },
-    { immediate: true, flush: "post" }
-  );
-  const stop2 = () => {
-    stopWatch();
-    cleanup();
-  };
-  tryOnScopeDispose(stop2);
-  return stop2;
-}
-let _iOSWorkaround = false;
-function onClickOutside$1(target, handler, options = {}) {
-  const { window: window2 = defaultWindow$1, ignore = [], capture = true, detectIframe = false } = options;
-  if (!window2)
-    return noop$2;
-  if (isIOS && !_iOSWorkaround) {
-    _iOSWorkaround = true;
-    Array.from(window2.document.body.children).forEach((el) => el.addEventListener("click", noop$2));
-    window2.document.documentElement.addEventListener("click", noop$2);
-  }
-  let shouldListen = true;
-  const shouldIgnore = (event) => {
-    return ignore.some((target2) => {
-      if (typeof target2 === "string") {
-        return Array.from(window2.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));
-      } else {
-        const el = unrefElement$1(target2);
-        return el && (event.target === el || event.composedPath().includes(el));
-      }
-    });
-  };
-  const listener = (event) => {
-    const el = unrefElement$1(target);
-    if (!el || el === event.target || event.composedPath().includes(el))
-      return;
-    if (event.detail === 0)
-      shouldListen = !shouldIgnore(event);
-    if (!shouldListen) {
-      shouldListen = true;
-      return;
-    }
-    handler(event);
-  };
-  const cleanup = [
-    useEventListener$1(window2, "click", listener, { passive: true, capture }),
-    useEventListener$1(window2, "pointerdown", (e2) => {
-      const el = unrefElement$1(target);
-      shouldListen = !shouldIgnore(e2) && !!(el && !e2.composedPath().includes(el));
-    }, { passive: true }),
-    detectIframe && useEventListener$1(window2, "blur", (event) => {
-      setTimeout(() => {
-        var _a2;
-        const el = unrefElement$1(target);
-        if (((_a2 = window2.document.activeElement) == null ? void 0 : _a2.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(window2.document.activeElement))) {
-          handler(event);
-        }
-      }, 0);
-    })
-  ].filter(Boolean);
-  const stop2 = () => cleanup.forEach((fn7) => fn7());
-  return stop2;
-}
-const vOnClickOutside = {
-  [directiveHooks.mounted](el, binding) {
-    const capture = !binding.modifiers.bubble;
-    if (typeof binding.value === "function") {
-      el.__onClickOutside_stop = onClickOutside$1(el, binding.value, { capture });
-    } else {
-      const [handler, options] = binding.value;
-      el.__onClickOutside_stop = onClickOutside$1(el, handler, Object.assign({ capture }, options));
-    }
-  },
-  [directiveHooks.unmounted](el) {
-    el.__onClickOutside_stop();
-  }
-};
-function resolveElement(el) {
-  if (typeof Window !== "undefined" && el instanceof Window)
-    return el.document.documentElement;
-  if (typeof Document !== "undefined" && el instanceof Document)
-    return el.documentElement;
-  return el;
-}
-function checkOverflowScroll(ele) {
-  const style = window.getComputedStyle(ele);
-  if (style.overflowX === "scroll" || style.overflowY === "scroll" || style.overflowX === "auto" && ele.clientWidth < ele.scrollWidth || style.overflowY === "auto" && ele.clientHeight < ele.scrollHeight) {
-    return true;
-  } else {
-    const parent = ele.parentNode;
-    if (!parent || parent.tagName === "BODY")
-      return false;
-    return checkOverflowScroll(parent);
-  }
-}
-function preventDefault(rawEvent) {
-  const e2 = rawEvent || window.event;
-  const _target = e2.target;
-  if (checkOverflowScroll(_target))
-    return false;
-  if (e2.touches.length > 1)
-    return true;
-  if (e2.preventDefault)
-    e2.preventDefault();
-  return false;
-}
-const elInitialOverflow = /* @__PURE__ */ new WeakMap();
-function useScrollLock(element, initialState = false) {
-  const isLocked = ref(initialState);
-  let stopTouchMoveListener = null;
-  let initialOverflow = "";
-  watch(toRef(element), (el) => {
-    const target = resolveElement(toValue$1(el));
-    if (target) {
-      const ele = target;
-      if (!elInitialOverflow.get(ele))
-        elInitialOverflow.set(ele, ele.style.overflow);
-      if (ele.style.overflow !== "hidden")
-        initialOverflow = ele.style.overflow;
-      if (ele.style.overflow === "hidden")
-        return isLocked.value = true;
-      if (isLocked.value)
-        return ele.style.overflow = "hidden";
-    }
-  }, {
-    immediate: true
-  });
-  const lock = () => {
-    const el = resolveElement(toValue$1(element));
-    if (!el || isLocked.value)
-      return;
-    if (isIOS) {
-      stopTouchMoveListener = useEventListener$1(
-        el,
-        "touchmove",
-        (e2) => {
-          preventDefault(e2);
-        },
-        { passive: false }
-      );
-    }
-    el.style.overflow = "hidden";
-    isLocked.value = true;
-  };
-  const unlock = () => {
-    const el = resolveElement(toValue$1(element));
-    if (!el || !isLocked.value)
-      return;
-    isIOS && (stopTouchMoveListener == null ? void 0 : stopTouchMoveListener());
-    el.style.overflow = initialOverflow;
-    elInitialOverflow.delete(el);
-    isLocked.value = false;
-  };
-  tryOnScopeDispose(unlock);
-  return computed({
-    get() {
-      return isLocked.value;
-    },
-    set(v) {
-      if (v)
-        lock();
-      else unlock();
-    }
-  });
-}
-function onScrollLock() {
-  let isMounted = false;
-  const state = ref(false);
-  return (el, binding) => {
-    state.value = binding.value;
-    if (isMounted)
-      return;
-    isMounted = true;
-    const isLocked = useScrollLock(el, binding.value);
-    watch(state, (v) => isLocked.value = v);
-  };
-}
-onScrollLock();
 const _hoisted_1$N = { class: "select-item d-flex align-items-center my-auto" };
 const _hoisted_2$B = { class: "select-item-text text-truncate" };
 const _sfc_main$15 = {
@@ -29469,7 +29293,7 @@ const _hoisted_2$A = {
   key: 0,
   class: "px-3 py-2 text-muted"
 };
-const _hoisted_3$o = { key: 1 };
+const _hoisted_3$n = { key: 1 };
 const _hoisted_4$h = ["aria-disabled", "aria-selected", "onMouseenter", "onClick"];
 const _hoisted_5$c = { class: "overflow-hidden text-truncate mx-2" };
 const _hoisted_6$8 = {
@@ -29480,6 +29304,7 @@ const _sfc_main$14 = {
   __name: "AppSelectNewDropdown",
   setup(__props) {
     const { selectId, visibleOptions, isLoading, toggleOption, isOptionSelected, isDropdownOpen, isItemDisabled, closeDropdown, displayBy, activeIndex } = inject(SelectNewSymbol);
+    const dropdown = ref(null);
     const itemWrapperClass = (item, idx) => {
       return {
         "dropdown-item d-flex align-items-center gap-2 px-0": true,
@@ -29495,6 +29320,12 @@ const _sfc_main$14 = {
       };
     };
     const getOptionLabel = (option) => lodashExports.isObject(option) ? lodashExports.get(option, displayBy.value, "") : option;
+    useClickOutside({
+      target: dropdown,
+      handler: closeDropdown,
+      isOpen: isDropdownOpen,
+      ignore: [`#${selectId}`]
+    });
     watch(
       isDropdownOpen,
       (open3) => {
@@ -29502,12 +29333,14 @@ const _sfc_main$14 = {
       { immediate: true }
     );
     return (_ctx, _cache2) => {
-      return withDirectives((openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock("div", {
         id: unref(selectId),
+        ref_key: "dropdown",
+        ref: dropdown,
         class: "multiselect-container dropdown-menu show select-dropdown",
         role: "listbox"
       }, [
-        unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_2$A, "Loading…")) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
+        unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_2$A, "Loading…")) : (openBlock(), createElementBlock("div", _hoisted_3$n, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleOptions), (item, idx) => {
             return openBlock(), createElementBlock("div", {
               key: idx,
@@ -29533,13 +29366,11 @@ const _sfc_main$14 = {
           }), 128)),
           !unref(visibleOptions) || unref(visibleOptions).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6$8, "No results")) : createCommentVNode("", true)
         ]))
-      ], 8, _hoisted_1$M)), [
-        [unref(vOnClickOutside), unref(closeDropdown)]
-      ]);
+      ], 8, _hoisted_1$M);
     };
   }
 };
-const AppSelectNewDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-95f7766f"]]);
+const AppSelectNewDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-aadaea92"]]);
 const _hoisted_1$L = { class: "select2-selection__choice flex-center-vertical" };
 const _hoisted_2$z = { class: "flex-1 choice-text overflow-hidden text-truncate" };
 const _sfc_main$13 = {
@@ -29576,7 +29407,7 @@ const _sfc_main$13 = {
 const AppRemovableTag = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-01abf8e6"]]);
 const _hoisted_1$K = { class: "app-select-content display-flex flex-column gap-1 overflow-hidden" };
 const _hoisted_2$y = ["placeholder"];
-const _hoisted_3$n = {
+const _hoisted_3$m = {
   key: 0,
   class: "display-flex flex-row gap-1 flex-wrap overflow-hidden"
 };
@@ -29630,7 +29461,7 @@ const _sfc_main$12 = {
           [vShow, unref(isDropdownOpen)],
           [vModelText, unref(searchQuery)]
         ]),
-        unref(selectedList).length ? (openBlock(), createElementBlock("div", _hoisted_3$n, [
+        unref(selectedList).length ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
           unref(isMultiSelect) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(selectedList), (opt, idx) => {
             return openBlock(), createElementBlock("div", {
               key: idx,
@@ -29689,7 +29520,7 @@ const _sfc_main$12 = {
 const AppSelectNewContent = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-d0b57778"]]);
 const _hoisted_1$J = ["id"];
 const _hoisted_2$x = { class: "app-select-area flex-1 flex-center-vertical overflow-hidden" };
-const _hoisted_3$m = { class: "flex-center-vertical" };
+const _hoisted_3$l = { class: "flex-center-vertical" };
 const _sfc_main$11 = {
   __name: "AppSelectNew",
   props: /* @__PURE__ */ mergeModels({
@@ -29770,7 +29601,7 @@ const _sfc_main$11 = {
               ]),
               _: 3
             }, 8, ["anchor", "is-open"]),
-            createElementVNode("div", _hoisted_3$m, [
+            createElementVNode("div", _hoisted_3$l, [
               __props.isClearable && !unref(isModelValueEmpty) ? withDirectives((openBlock(), createElementBlock("i", {
                 key: 0,
                 class: "ph-x-circle",
@@ -29801,7 +29632,7 @@ const _hoisted_1$I = {
   class: "d-flex flex-center-vertical"
 };
 const _hoisted_2$w = { class: "mr-auto" };
-const _hoisted_3$l = { class: "d-flex" };
+const _hoisted_3$k = { class: "d-flex" };
 const _hoisted_4$f = {
   key: 0,
   class: "icon-eye-blocked"
@@ -29862,7 +29693,7 @@ const _sfc_main$10 = {
     return (_ctx, _cache2) => {
       return __props.isLoaded ? (openBlock(), createElementBlock("div", _hoisted_1$I, [
         createElementVNode("div", _hoisted_2$w, [
-          createElementVNode("span", _hoisted_3$l, [
+          createElementVNode("span", _hoisted_3$k, [
             createVNode(_sfc_main$11, {
               modelValue: pageSizeValue.value,
               "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => pageSizeValue.value = $event),
@@ -30308,7 +30139,7 @@ const _hoisted_2$t = {
   key: 0,
   class: "p-2 text-muted flex-center-vertical gap-1"
 };
-const _hoisted_3$k = {
+const _hoisted_3$j = {
   key: 1,
   class: "p-2 text-muted flex-center-vertical gap-1"
 };
@@ -30321,6 +30152,10 @@ const _sfc_main$U = {
     shouldFetchOnMount: {
       default: false
     },
+    clickOutsideIgnore: {
+      type: Array,
+      default: () => []
+    },
     ...sharedProps,
     search: {}
   }, {
@@ -30380,6 +30215,12 @@ const _sfc_main$U = {
       focusedOption.value = option;
     };
     const appSelectDropdown = ref(null);
+    useClickOutside({
+      target: appSelectDropdown,
+      handler: closeModal,
+      isOpen: isDropdownOpen,
+      ignore: props2.clickOutsideIgnore
+    });
     watch(isDropdownOpen, async (newValue) => {
       var _a2;
       if (!newValue || !props2.shouldScrollToSelectedOption) {
@@ -30437,7 +30278,7 @@ const _sfc_main$U = {
           }),
           _cache2[0] || (_cache2[0] = createTextVNode(" Tastati pentru a cauta... ", -1))
         ])) : createCommentVNode("", true),
-        isNoResultsVisible.value ? (openBlock(), createElementBlock("div", _hoisted_3$k, [
+        isNoResultsVisible.value ? (openBlock(), createElementBlock("div", _hoisted_3$j, [
           createVNode(unref(IconMoodEmpty), {
             size: 22,
             "stroke-width": 1.8
@@ -30445,15 +30286,14 @@ const _sfc_main$U = {
           _cache2[1] || (_cache2[1] = createTextVNode(" Cautarea nu a returnat nici un rezultat... ", -1))
         ])) : createCommentVNode("", true)
       ], 40, _hoisted_1$E)), [
-        [vShow, isDropdownOpen.value],
-        [unref(vOnClickOutside), closeModal]
+        [vShow, isDropdownOpen.value]
       ]);
     };
   }
 };
 const _hoisted_1$D = { class: "app-select-content display-flex flex-column" };
 const _hoisted_2$s = { class: "flex-center-vertical" };
-const _hoisted_3$j = {
+const _hoisted_3$i = {
   key: 0,
   class: "text-muted flex-1 input-placeholder"
 };
@@ -30509,7 +30349,7 @@ const _sfc_main$T = {
     return (_ctx, _cache2) => {
       return openBlock(), createElementBlock("div", _hoisted_1$D, [
         createElementVNode("div", _hoisted_2$s, [
-          unref(isModelValueEmpty) ? (openBlock(), createElementBlock("div", _hoisted_3$j, [
+          unref(isModelValueEmpty) ? (openBlock(), createElementBlock("div", _hoisted_3$i, [
             !props2.isDropdownOpen ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createTextVNode(toDisplayString(props2.placeholder), 1)
             ], 64)) : createCommentVNode("", true)
@@ -30592,7 +30432,7 @@ const _sfc_main$T = {
 };
 const _hoisted_1$C = ["onKeyup"];
 const _hoisted_2$r = { class: "app-select-area flex-center-vertical" };
-const _hoisted_3$i = {
+const _hoisted_3$h = {
   class: "flex-center-vertical",
   style: {}
 };
@@ -30742,7 +30582,7 @@ const _sfc_main$S = {
                   };
                 })
               ]), 1040, ["modelValue", "is-dropdown-open", "placeholder"]),
-              createElementVNode("div", _hoisted_3$i, [
+              createElementVNode("div", _hoisted_3$h, [
                 unref(isClearable) ? withDirectives((openBlock(), createElementBlock("i", {
                   key: 0,
                   class: "ph-x-circle",
@@ -30773,7 +30613,8 @@ const _sfc_main$S = {
                   "hovered-option": hoveredOption.value,
                   "onUpdate:hoveredOption": _cache2[5] || (_cache2[5] = ($event) => hoveredOption.value = $event),
                   search: search.value,
-                  list: filteredOptions.value
+                  list: filteredOptions.value,
+                  "click-outside-ignore": [appSelect.value]
                 }, unref(sharedPropValues)), createSlots({ _: 2 }, [
                   renderList(Object.keys(_ctx.$slots), (slot) => {
                     return {
@@ -30783,7 +30624,7 @@ const _sfc_main$S = {
                       ])
                     };
                   })
-                ]), 1040, ["modelValue", "is-dropdown-open", "hovered-option", "search", "list"]), [
+                ]), 1040, ["modelValue", "is-dropdown-open", "hovered-option", "search", "list", "click-outside-ignore"]), [
                   [vShow, isDropdownOpen.value]
                 ])
               ]),
@@ -30810,7 +30651,7 @@ const _hoisted_2$q = {
   key: 0,
   class: "nav nav-sidebar"
 };
-const _hoisted_3$h = { style: { "padding": "12px 20px" } };
+const _hoisted_3$g = { style: { "padding": "12px 20px" } };
 const _sfc_main$R = {
   __name: "AppSidebar",
   props: {
@@ -30862,7 +30703,7 @@ const _sfc_main$R = {
                 key: n,
                 style: { "opacity": "0.5" }
               }, [
-                createElementVNode("div", _hoisted_3$h, [
+                createElementVNode("div", _hoisted_3$g, [
                   createVNode(_component_app_placeholder_heading, {
                     img: true,
                     "img-size": "20px",
@@ -30889,7 +30730,7 @@ const _hoisted_2$p = {
   key: 0,
   class: "pr-2 flex-center-vertical"
 };
-const _hoisted_3$g = {
+const _hoisted_3$f = {
   key: 1,
   class: "pr-2 flex-grow-1 flex-column justify-content-center sidebar-header-text"
 };
@@ -30924,7 +30765,7 @@ const _sfc_main$Q = {
         !__props.canCollapse || !__props.sidebarCollapsed ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
           renderSlot(_ctx.$slots, "sidebar-header-img")
         ])) : createCommentVNode("", true),
-        !__props.canCollapse || !__props.sidebarCollapsed ? (openBlock(), createElementBlock("div", _hoisted_3$g, [
+        !__props.canCollapse || !__props.sidebarCollapsed ? (openBlock(), createElementBlock("div", _hoisted_3$f, [
           renderSlot(_ctx.$slots, "sidebar-header-text")
         ])) : createCommentVNode("", true),
         __props.canCollapse ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
@@ -31016,7 +30857,7 @@ const _sfc_main$P = {
 const AppSliderInput = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-caf401d2"]]);
 const _hoisted_1$y = { class: "page-header" };
 const _hoisted_2$o = { class: "breadcrumb-line breadcrumb-line-light header-elements-md-inline" };
-const _hoisted_3$f = { class: "d-flex" };
+const _hoisted_3$e = { class: "d-flex" };
 const _hoisted_4$c = { class: "breadcrumb" };
 const _hoisted_5$7 = { class: "header-elements" };
 const _sfc_main$O = {
@@ -31035,7 +30876,7 @@ const _sfc_main$O = {
     return (_ctx, _cache2) => {
       return openBlock(), createElementBlock("div", _hoisted_1$y, [
         createElementVNode("div", _hoisted_2$o, [
-          createElementVNode("div", _hoisted_3$f, [
+          createElementVNode("div", _hoisted_3$e, [
             createElementVNode("div", _hoisted_4$c, [
               renderSlot(_ctx.$slots, "breadcrumbs", {}, () => [
                 createVNode(_sfc_main$1M, {
@@ -31111,7 +30952,7 @@ const _hoisted_1$x = {
   style: { "overflow-x": "auto", "flex-wrap": "wrap" }
 };
 const _hoisted_2$n = ["onClick"];
-const _hoisted_3$e = { class: "flex-center-vertical mr-5" };
+const _hoisted_3$d = { class: "flex-center-vertical mr-5" };
 const _hoisted_4$b = { class: "display-flex-column" };
 const _hoisted_5$6 = {
   key: 1,
@@ -31159,7 +31000,7 @@ const _sfc_main$M = {
             }, () => [
               createVNode(_sfc_main$1D, { style: { "margin": "2px" } }, {
                 body: withCtx(() => [
-                  createElementVNode("div", _hoisted_3$e, [
+                  createElementVNode("div", _hoisted_3$d, [
                     createElementVNode("div", _hoisted_4$b, [
                       createElementVNode("div", null, [
                         currentItem.icon ? (openBlock(), createBlock(_sfc_main$1P, {
@@ -31198,7 +31039,7 @@ const _sfc_main$M = {
 };
 const _hoisted_1$w = { key: 0 };
 const _hoisted_2$m = { class: "p-3" };
-const _hoisted_3$d = { key: 1 };
+const _hoisted_3$c = { key: 1 };
 const _hoisted_4$a = { class: "app-table-row-filters" };
 const _hoisted_5$5 = { class: "app-table-row-filters-number bg-primary flex-shrink-0" };
 const _hoisted_6$4 = { class: "break-normal" };
@@ -31254,7 +31095,7 @@ const _sfc_main$L = {
                   (currentFilter == null ? void 0 : currentFilter.field) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createElementVNode("span", null, toDisplayString(currentFilter.field) + ": ", 1),
                     createElementVNode("span", null, toDisplayString(currentFilter.value), 1)
-                  ], 64)) : (openBlock(), createElementBlock("span", _hoisted_3$d, toDisplayString(currentFilter), 1))
+                  ], 64)) : (openBlock(), createElementBlock("span", _hoisted_3$c, toDisplayString(currentFilter), 1))
                 ]);
               }), 128))
             ])
@@ -31286,7 +31127,7 @@ const _sfc_main$L = {
 const AppTableFilterDetailedRow = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-6654229d"]]);
 const _hoisted_1$v = { class: "app-table-filter-body d-flex" };
 const _hoisted_2$l = { class: "flex-grow-1" };
-const _hoisted_3$c = { class: "mr-5 pl-10 flex-center-vertical" };
+const _hoisted_3$b = { class: "mr-5 pl-10 flex-center-vertical" };
 const _hoisted_4$9 = { class: "display-flex" };
 const _sfc_main$K = {
   __name: "AppTableFilter",
@@ -31338,7 +31179,7 @@ const _sfc_main$K = {
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            createElementVNode("div", _hoisted_3$c, [
+            createElementVNode("div", _hoisted_3$b, [
               renderSlot(_ctx.$slots, "beforeButton"),
               renderSlot(_ctx.$slots, "button", {}, () => [
                 createElementVNode("div", _hoisted_4$9, [
@@ -31382,7 +31223,7 @@ const _sfc_main$K = {
 };
 const _hoisted_1$u = { class: "table-responsive" };
 const _hoisted_2$k = { class: "table table-striped app-table-rows" };
-const _hoisted_3$b = {
+const _hoisted_3$a = {
   key: 0,
   class: "td-selection"
 };
@@ -31440,7 +31281,7 @@ const _sfc_main$J = {
         createElementVNode("table", _hoisted_2$k, [
           createElementVNode("thead", null, [
             createElementVNode("tr", null, [
-              __props.hasSelection ? (openBlock(), createElementBlock("th", _hoisted_3$b)) : createCommentVNode("", true),
+              __props.hasSelection ? (openBlock(), createElementBlock("th", _hoisted_3$a)) : createCommentVNode("", true),
               _ctx.$slots.actions ? (openBlock(), createElementBlock("th", _hoisted_4$8, [
                 renderSlot(_ctx.$slots, "actionsTitle", {}, () => [
                   _cache2[0] || (_cache2[0] = createTextVNode(" Acțiuni ", -1))
@@ -32041,7 +31882,7 @@ function useTable(config, emits) {
 }
 const _hoisted_1$s = { class: "position-relative" };
 const _hoisted_2$j = { class: "row" };
-const _hoisted_3$a = { class: "col-lg-12" };
+const _hoisted_3$9 = { class: "col-lg-12" };
 const _sfc_main$H = {
   __name: "AppTableMagic",
   props: {
@@ -32177,7 +32018,7 @@ const _sfc_main$H = {
         ]), 1032, ["selected-filters", "onOnFilterReset", "onOnFilterSet", "onOnSearchFilterSet"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "beforeTable"),
         createElementVNode("div", _hoisted_2$j, [
-          createElementVNode("div", _hoisted_3$a, [
+          createElementVNode("div", _hoisted_3$9, [
             createVNode(_sfc_main$I, {
               ref_key: "appTable",
               ref: appTable,
@@ -32581,7 +32422,7 @@ const _sfc_main$C = {
 };
 const _hoisted_1$p = { class: "flex-column" };
 const _hoisted_2$g = { class: "app-toolbar-top navbar navbar-dark navbar-static py-1" };
-const _hoisted_3$9 = { class: "flex-center-vertical" };
+const _hoisted_3$8 = { class: "flex-center-vertical" };
 const _hoisted_4$7 = { class: "app-toolbar-bottom page-header page-header-light shadow flex-center-vertical justify-content-between display-flex-column flex-lg-row" };
 const _sfc_main$B = {
   __name: "AppToolbar",
@@ -32594,7 +32435,7 @@ const _sfc_main$B = {
     return (_ctx, _cache2) => {
       return openBlock(), createElementBlock("div", _hoisted_1$p, [
         createElementVNode("div", _hoisted_2$g, [
-          createElementVNode("div", _hoisted_3$9, [
+          createElementVNode("div", _hoisted_3$8, [
             createVNode(_sfc_main$1L, {
               type: "button",
               class: "btn-transparent px-2",
@@ -32768,10 +32609,6 @@ const _hoisted_2$e = {
   key: 0,
   class: "nav-item nav-item-dropdown-lg dropdown ms-lg-2"
 };
-const _hoisted_3$8 = {
-  class: "dropdown-menu dropdown-menu-end show cursor-pointer",
-  "data-bs-popper": "static"
-};
 const _sfc_main$x = {
   __name: "AppDropdown",
   props: {
@@ -32779,27 +32616,42 @@ const _sfc_main$x = {
   },
   setup(__props) {
     const isDropdownOpen = ref(false);
+    const dropdownMenu = ref(null);
+    const dropdownHeader = ref(null);
     const toggleDropdown = () => {
       isDropdownOpen.value = !isDropdownOpen.value;
     };
     const closeModal = () => {
       isDropdownOpen.value = false;
     };
+    useClickOutside({
+      target: dropdownMenu,
+      handler: closeModal,
+      isOpen: isDropdownOpen,
+      ignore: [dropdownHeader]
+    });
     return (_ctx, _cache2) => {
       const _component_app_button = resolveComponent("app-button");
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1$l, [
           createElementVNode("a", {
+            ref_key: "dropdownHeader",
+            ref: dropdownHeader,
             class: "navbar-nav-link rounded-pill p-1 cursor-pointer mr-5",
             "data-bs-toggle": "dropdown",
             onClick: toggleDropdown
           }, [
             renderSlot(_ctx.$slots, "dropdown-header")
-          ]),
+          ], 512),
           renderSlot(_ctx.$slots, "dropdown-header-icon")
         ]),
         isDropdownOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
-          withDirectives((openBlock(), createElementBlock("div", _hoisted_3$8, [
+          createElementVNode("div", {
+            ref_key: "dropdownMenu",
+            ref: dropdownMenu,
+            class: "dropdown-menu dropdown-menu-end show cursor-pointer",
+            "data-bs-popper": "static"
+          }, [
             renderSlot(_ctx.$slots, "dropdown-content", {}, () => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (option, index) => {
                 return openBlock(), createElementBlock("div", { key: index }, [
@@ -32810,9 +32662,7 @@ const _sfc_main$x = {
                 ]);
               }), 128))
             ])
-          ])), [
-            [unref(vOnClickOutside), closeModal]
-          ])
+          ], 512)
         ])) : createCommentVNode("", true)
       ], 64);
     };
@@ -41930,7 +41780,7 @@ var St = {
 }), jr = ["data-dp-mobile"], Mr = /* @__PURE__ */ defineComponent({
   __name: "VueDatePicker",
   setup(e2, { expose: t2 }) {
-    let { rootEmit: l, setState: d3, inputValue: p, modelValue: m3, rootProps: h4, defaults: { inline: g, config: x2, textInput: T2, range: E2, multiDates: D2, teleport: j, floatingConfig: M3, flow: ee } } = $(), { validateDate: te, isValidTime: z2 } = ht(), { menuTransition: B2, showTransition: V } = pt(), { isMobile: re2 } = Kt(), { findNextFocusableElement: H3, getNumVal: U } = Wt(), q2 = useSlots(), J = ref(false), se = ref(g.value.enabled), ce = ref(g.value.enabled || h4.centered), le = toRef$1(h4, "modelValue"), ue = toRef$1(h4, "timezone"), de = useTemplateRef("dp-menu-wrap"), fe = useTemplateRef("dp-menu"), pe = useTemplateRef("input-cmp"), me = useTemplateRef("picker-wrapper"), he = useTemplateRef("menu-arrow"), ge = ref(false), _e2 = ref(false), ve = ref(false), ye = ref(true), { floatingStyles: be, middlewareData: Y2, placement: xe, y: Se } = useFloating(pe, de, {
+    let { rootEmit: l, setState: d3, inputValue: p, modelValue: m3, rootProps: h4, defaults: { inline: g, config: x2, textInput: T2, range: E2, multiDates: D2, teleport: j, floatingConfig: M3, flow: ee } } = $(), { validateDate: te, isValidTime: z2 } = ht(), { menuTransition: B2, showTransition: V } = pt(), { isMobile: re2 } = Kt(), { findNextFocusableElement: H3, getNumVal: U } = Wt(), q2 = useSlots(), J = ref(false), se = ref(g.value.enabled), ce = ref(g.value.enabled || h4.centered), le = toRef(h4, "modelValue"), ue = toRef(h4, "timezone"), de = useTemplateRef("dp-menu-wrap"), fe = useTemplateRef("dp-menu"), pe = useTemplateRef("input-cmp"), me = useTemplateRef("picker-wrapper"), he = useTemplateRef("menu-arrow"), ge = ref(false), _e2 = ref(false), ve = ref(false), ye = ref(true), { floatingStyles: be, middlewareData: Y2, placement: xe, y: Se } = useFloating(pe, de, {
       strategy: M3.value.strategy,
       placement: M3.value.placement,
       middleware: ((e3) => (M3.value.flip && e3.push(flip(typeof M3.value.flip == "object" ? M3.value.flip : {})), M3.value.shift && e3.push(shift(typeof M3.value.shift == "object" ? M3.value.shift : {})), M3.value.arrow && e3.push(arrow({ element: M3.value.arrow === true ? he : M3.value.arrow })), e3))([offset(M3.value.offset)]),
@@ -86600,6 +86450,7 @@ export {
   toPathString,
   urlToBooleanOption,
   useAppFormElement,
+  useClickOutside,
   useForm,
   useFormOld as useFormFunky,
   useFormValidation,