@stsdti/funky-ui-kit 1.1.0 → 1.2.1

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

@@ -18,7 +18,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   }
 });
 var _Util_static, _a2, 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, _l2, _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, _promise2, _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, resolveDirective, withDirectives, mergeProps, inject, useSlots, normalizeProps, guardReactiveProps, createSlots, withModifiers, withKeys, onMounted, onBeforeUnmount, getCurrentScope, onScopeDispose, toRef as toRef$1, readonly, customRef, vModelText, vShow, nextTick, h, isRef, vModelDynamic, Transition, provide, TransitionGroup, defineComponent, shallowRef, onUnmounted, isVNode, createApp, useTemplateRef, Teleport, render as render$3, toValue as toValue$2, onBeforeUpdate, 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, resolveDirective, withDirectives, mergeProps, inject, useSlots, normalizeProps, guardReactiveProps, createSlots, withModifiers, withKeys, vModelText, onMounted, onBeforeUnmount, getCurrentScope, onScopeDispose, toRef as toRef$1, readonly, customRef, vShow, nextTick, h, isRef, vModelDynamic, Transition, provide, TransitionGroup, defineComponent, shallowRef, onUnmounted, isVNode, createApp, useTemplateRef, Teleport, render as render$3, toValue as toValue$2, onBeforeUpdate, watchEffect } from "vue";
 import ToastPlugin, { useToast } from "vue-toast-notification";
 import draggable from "vuedraggable";
 const limitlessBackgroundClasses = [
@@ -9465,7 +9465,7 @@ const _hoisted_2$U = {
   key: 0,
   class: "breadcrumb-elements-item"
 };
-const _hoisted_3$D = { class: "flex-center-vertical" };
+const _hoisted_3$E = { class: "flex-center-vertical" };
 const _hoisted_4$t = {
   key: 0,
   class: "pl-5 pr-5"
@@ -9495,7 +9495,7 @@ const _sfc_main$1E = {
         __props.isLoading ? (openBlock(), createElementBlock("div", _hoisted_2$U, [
           createVNode(_sfc_main$1F, { style: { "width": "200px", "height": "20px" } })
         ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.value, (breadcrumb, index) => {
-          return openBlock(), createElementBlock("div", _hoisted_3$D, [
+          return openBlock(), createElementBlock("div", _hoisted_3$E, [
             renderSlot(_ctx.$slots, "breadcrumb", {
               index,
               item: breadcrumb
@@ -9602,9 +9602,9 @@ const _sfc_main$1D = /* @__PURE__ */ Object.assign({
       return { to: computedRoute.value };
     });
     const computedTippyProps = computed(() => {
-      if (!computedTooltip) return null;
+      if (!computedTooltip.value) return null;
       return {
-        content: computedTooltip,
+        content: computedTooltip.value,
         zIndex: computedZIndex.value
       };
     });
@@ -9909,7 +9909,7 @@ const _hoisted_2$T = {
   key: 0,
   class: "text-danger"
 };
-const _hoisted_3$C = {
+const _hoisted_3$D = {
   key: 0,
   class: "form-control-feedback-icon"
 };
@@ -10006,7 +10006,7 @@ const _sfc_main$1B = {
           createElementVNode("div", {
             class: normalizeClass(contentContainerClass.value)
           }, [
-            _ctx.leftIcon ? (openBlock(), createElementBlock("div", _hoisted_3$C, [
+            _ctx.leftIcon ? (openBlock(), createElementBlock("div", _hoisted_3$D, [
               createVNode(_component_app_icon, { value: _ctx.leftIcon }, null, 8, ["value"])
             ])) : renderSlot(_ctx.$slots, "beforeContent", { key: 1 }, void 0, true),
             createElementVNode("div", {
@@ -14465,8 +14465,8 @@ const _hoisted_1$19 = {
   class: "flex-center-vertical dp__input dp__pointer dp__input_readonly dp__input_reg",
   style: { "gap": "3px" }
 };
-const _hoisted_2$S = ["value", "placeholder", "onInput", "onKeydown", "onKeypress", "onPaste", "disabled"];
-const _hoisted_3$B = { key: 0 };
+const _hoisted_2$S = ["disabled", "placeholder", "onBlur", "onKeydown", "onKeypress", "onPaste"];
+const _hoisted_3$C = { key: 0 };
 const _hoisted_4$r = {
   key: 1,
   class: "app-form-element-placeholder"
@@ -14490,27 +14490,18 @@ const _sfc_main$1z = {
   setup(__props) {
     const modelValue = useModel(__props, "modelValue");
     const inputValue = ref("");
-    const inputElement = ref(null);
     const props2 = __props;
     const { formElementProps, computedName, computedPlaceHolder } = useAppFormElement(props2);
-    const computedClass = computed(() => {
-      return {
-        "app-date-picker": true,
-        "disabled-element": props2.disabled
-      };
-    });
+    const computedClass = computed(() => ({
+      "app-date-picker": true,
+      "disabled-element": props2.disabled
+    }));
     const isDayOfWeekVisible = computed(() => props2.showDayOfWeek && modelValue.value);
-    watch(
-      modelValue,
-      (newValue) => {
-        inputValue.value = newValue ? format$1(newValue, props2.currentFormat) : "";
-      },
-      { immediate: true }
-    );
-    const handleInput = (value) => {
-      inputValue.value = value;
-    };
+    watch(modelValue, (newValue) => {
+      inputValue.value = newValue ? format$1(newValue, props2.currentFormat) : "";
+    }, { immediate: true });
     const attemptToParseDate = (dateStr) => {
+      if (!lodashExports.isString(dateStr)) return null;
       dateStr = dateStr.replace(/[.,\-\/]/g, ".");
       const formats = [props2.currentFormat.replace("yyyy", "yy"), props2.currentFormat];
       for (const format2 of formats) {
@@ -14526,54 +14517,60 @@ const _sfc_main$1z = {
       modelValue.value = null;
       inputValue.value = null;
     };
+    const updateDate = (date2) => {
+      date2.setHours(0);
+      date2.setMinutes(0);
+      date2.setSeconds(0);
+    };
     return (_ctx, _cache2) => {
       const _component_app_date_picker_day_of_week = resolveComponent("app-date-picker-day-of-week");
-      const _component_VueDatePicker = resolveComponent("VueDatePicker");
+      const _component_vue_date_picker = resolveComponent("vue-date-picker");
       return openBlock(), createBlock(AppFormElement, normalizeProps(guardReactiveProps(unref(formElementProps))), createSlots({
         default: withCtx(() => [
-          createVNode(_component_VueDatePicker, mergeProps({
+          createVNode(_component_vue_date_picker, mergeProps({
             modelValue: modelValue.value,
-            "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => modelValue.value = $event),
+            "onUpdate:modelValue": _cache2[1] || (_cache2[1] = ($event) => modelValue.value = $event)
+          }, _ctx.$attrs, {
+            position: "left",
+            "action-row": { showSelect: true, showCancel: true, showPreview: true },
+            "auto-apply": true,
             class: computedClass.value,
+            "disabled-dates": _ctx.disabledDates,
             disabled: _ctx.disabled,
             "enable-time-picker": false,
-            format: _ctx.currentFormat,
             "format-locale": unref(locale),
+            format: _ctx.currentFormat,
             name: unref(computedName),
             placeholder: unref(computedPlaceHolder),
             "text-input": _ctx.isTypeable,
-            "action-row": { showSelect: true, showCancel: true, showPreview: true },
-            "disabled-dates": _ctx.disabledDates,
-            position: "left",
-            "auto-apply": true
-          }, _ctx.$attrs), {
-            "dp-input": withCtx(({ value, onInput, onEnter, onTab, onClear, onBlur, onKeypress, onPaste }) => [
+            onDateUpdate: updateDate
+          }), {
+            "dp-input": withCtx(({ value, isMenuOpen, onTab, onKeypress, onPaste }) => [
               createElementVNode("div", _hoisted_1$19, [
-                _cache2[2] || (_cache2[2] = createElementVNode("i", { class: "ph-calendar-blank" }, null, -1)),
+                _cache2[3] || (_cache2[3] = createElementVNode("i", { class: "ph-calendar-blank" }, null, -1)),
                 isDayOfWeekVisible.value ? (openBlock(), createBlock(_component_app_date_picker_day_of_week, {
                   key: 0,
                   language: _ctx.currentLanguage,
                   value: modelValue.value
                 }, null, 8, ["language", "value"])) : createCommentVNode("", true),
-                props2.isTypeable ? (openBlock(), createElementBlock("input", {
+                props2.isTypeable ? withDirectives((openBlock(), createElementBlock("input", {
                   key: 1,
+                  "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => inputValue.value = $event),
+                  class: "dp__input_readonly dp__input_icon_pad dp__input_reg borderless-input date-picker-input",
                   type: "text",
-                  ref_key: "inputElement",
-                  ref: inputElement,
-                  value: inputValue.value,
+                  disabled: _ctx.disabled,
                   placeholder: _ctx.placeholder,
-                  onInput: ($event) => handleInput($event.target.value),
+                  onBlur: ($event) => !isMenuOpen && applyInputValue(),
                   onKeydown: [
                     withKeys(applyInputValue, ["enter"]),
                     withKeys(onTab, ["tab"])
                   ],
-                  onBlur: applyInputValue,
                   onKeypress,
-                  onPaste,
-                  disabled: _ctx.disabled,
-                  class: "dp__input_readonly dp__input_icon_pad dp__input_reg borderless-input date-picker-input"
-                }, null, 40, _hoisted_2$S)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  modelValue.value ? (openBlock(), createElementBlock("span", _hoisted_3$B, toDisplayString(value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$r, toDisplayString(_ctx.placeholder), 1))
+                  onPaste
+                }, null, 40, _hoisted_2$S)), [
+                  [vModelText, inputValue.value]
+                ]) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  modelValue.value ? (openBlock(), createElementBlock("span", _hoisted_3$C, toDisplayString(value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$r, toDisplayString(_ctx.placeholder), 1))
                 ], 64))
               ])
             ]),
@@ -14588,11 +14585,11 @@ const _sfc_main$1z = {
               ])
             ]),
             _: 1
-          }, 16, ["modelValue", "class", "disabled", "format", "format-locale", "name", "placeholder", "text-input", "disabled-dates"]),
+          }, 16, ["modelValue", "class", "disabled-dates", "disabled", "format-locale", "format", "name", "placeholder", "text-input"]),
           _ctx.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_7$6, [
             createVNode(_sfc_main$1A, {
               modelValue: modelValue.value,
-              "onUpdate:modelValue": _cache2[1] || (_cache2[1] = ($event) => modelValue.value = $event)
+              "onUpdate:modelValue": _cache2[2] || (_cache2[2] = ($event) => modelValue.value = $event)
             }, null, 8, ["modelValue"])
           ])) : createCommentVNode("", true)
         ]),
@@ -14612,7 +14609,7 @@ const _sfc_main$1z = {
 };
 const _hoisted_1$18 = { class: "w-100" };
 const _hoisted_2$R = { class: "flex-center-vertical w-100 gap-1" };
-const _hoisted_3$A = {
+const _hoisted_3$B = {
   key: 0,
   class: "flex-center-vertical mt-1"
 };
@@ -14694,7 +14691,7 @@ const _sfc_main$1y = {
                 name: __props.endName
               }, bindableProps.value, { showEasyButtons: false }), null, 16, ["modelValue", "placeholder", "name"])
             ]),
-            _ctx.showEasyButtons ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
+            _ctx.showEasyButtons ? (openBlock(), createElementBlock("div", _hoisted_3$B, [
               createVNode(_component_app_button_group, {
                 value: unref(easyButtonsList),
                 onClick: onEasyButtonClick
@@ -14710,7 +14707,7 @@ const _sfc_main$1y = {
 };
 const _hoisted_1$17 = { class: "d-flex align-items-center" };
 const _hoisted_2$Q = { class: "mb-0 fw-normal" };
-const _hoisted_3$z = { class: "ms-auto" };
+const _hoisted_3$A = { class: "ms-auto" };
 const _sfc_main$1x = {
   __name: "AppCard",
   props: {
@@ -14814,7 +14811,7 @@ const _sfc_main$1x = {
                 createElementVNode("i", { class: "icon-more" }, null, -1)
               ])])
             ]),
-            createElementVNode("div", _hoisted_3$z, [
+            createElementVNode("div", _hoisted_3$A, [
               createElementVNode("div", {
                 class: normalizeClass([headerElementsClasses.value])
               }, [
@@ -15144,7 +15141,7 @@ function useAdaptiveDropdown(element, openDirection) {
 }
 const _hoisted_1$14 = { class: "w-100 position-relative cursor-pointer" };
 const _hoisted_2$P = ["placeholder"];
-const _hoisted_3$y = {
+const _hoisted_3$z = {
   key: 1,
   class: "flex-1 input-placeholder"
 };
@@ -15336,7 +15333,7 @@ const _sfc_main$1t = {
                 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$y, toDisplayString(props2.placeholder), 1))
+                  ], 64)) : (openBlock(), createElementBlock("span", _hoisted_3$z, toDisplayString(props2.placeholder), 1))
                 ], true)
               ], 2)),
               modelValue.value && __props.showRemoveButtons ? (openBlock(), createElementBlock("div", _hoisted_4$q, [
@@ -15415,7 +15412,7 @@ const _hoisted_2$O = {
   key: 0,
   class: "ml-10"
 };
-const _hoisted_3$x = {
+const _hoisted_3$y = {
   key: 1,
   class: "flex-center-vertical ml-5 mr-5 time-picker-icon"
 };
@@ -15585,7 +15582,7 @@ const _sfc_main$1r = {
                   onNow: onSelectNow
                 })
               ])) : createCommentVNode("", true),
-              !_ctx.disabled && __props.isClearable && modelValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$x, [
+              !_ctx.disabled && __props.isClearable && modelValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$y, [
                 withDirectives(createElementVNode("i", {
                   class: "ph-x-circle app-cross-icon",
                   onClick: withModifiers(reset2, ["stop"])
@@ -15861,7 +15858,7 @@ __publicField(_DateUtils, "stringToDateRecursive", (item, deep = false) => {
 let DateUtils = _DateUtils;
 const _hoisted_1$12 = { class: "flex-center-vertical w-100" };
 const _hoisted_2$N = { class: "app-form-group-element flex-grow-1 mr-5" };
-const _hoisted_3$w = { class: "app-form-group-element flex-grow-1" };
+const _hoisted_3$x = { class: "app-form-group-element flex-grow-1" };
 const _hoisted_4$p = {
   key: 0,
   class: "easy-buttons"
@@ -16022,7 +16019,7 @@ const _sfc_main$1q = {
                 "input-only": true
               }, null, 8, ["modelValue", "disabled", "show-day-of-week"])
             ]),
-            createElementVNode("div", _hoisted_3$w, [
+            createElementVNode("div", _hoisted_3$x, [
               createVNode(AppTimePicker, {
                 ref: "timePicker",
                 modelValue: localTime.value,
@@ -16181,7 +16178,7 @@ var IconCaretDownFilled = createVueComponent("filled", "caret-down-filled", "Ico
 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$11 = { class: "display-flex-column h-100" };
 const _hoisted_2$M = { class: "flex-center-vertical w-100 p-3" };
-const _hoisted_3$v = { class: "flex-1" };
+const _hoisted_3$w = { class: "flex-1" };
 const _hoisted_4$o = { class: "font-600 text-size-14" };
 const _hoisted_5$j = { class: "p-20 flex-1 w-100" };
 const _sfc_main$1p = {
@@ -16232,7 +16229,7 @@ const _sfc_main$1p = {
         }, [
           createElementVNode("div", _hoisted_1$11, [
             createElementVNode("div", _hoisted_2$M, [
-              createElementVNode("div", _hoisted_3$v, [
+              createElementVNode("div", _hoisted_3$w, [
                 renderSlot(_ctx.$slots, "title", {}, () => [
                   createElementVNode("div", _hoisted_4$o, toDisplayString(__props.title), 1)
                 ], true)
@@ -16257,7 +16254,7 @@ const _sfc_main$1p = {
 const AppDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__scopeId", "data-v-546ab102"]]);
 const _hoisted_1$10 = { class: "display-flex-column h-100" };
 const _hoisted_2$L = { class: "flex-center-vertical pr-20 pl-20 w-100 mt-15" };
-const _hoisted_3$u = { class: "flex-1 mb-10" };
+const _hoisted_3$v = { class: "flex-1 mb-10" };
 const _hoisted_4$n = { class: "mb-0" };
 const _hoisted_5$i = { class: "p-20 flex-1 w-100" };
 const _hoisted_6$c = { class: "flex-center p-10 w-100 gap-1" };
@@ -16321,7 +16318,7 @@ const _sfc_main$1o = {
         }, [
           createElementVNode("div", _hoisted_1$10, [
             createElementVNode("div", _hoisted_2$L, [
-              createElementVNode("div", _hoisted_3$u, [
+              createElementVNode("div", _hoisted_3$v, [
                 createElementVNode("h4", _hoisted_4$n, toDisplayString(__props.title), 1)
               ]),
               createElementVNode("i", {
@@ -22627,7 +22624,7 @@ const fileStatus = {
 };
 const _hoisted_1$$ = { class: "flex-center-vertical" };
 const _hoisted_2$K = { key: 0 };
-const _hoisted_3$t = {
+const _hoisted_3$u = {
   key: 1,
   class: "file-action-button flex-1 mr-10"
 };
@@ -22680,7 +22677,7 @@ const _sfc_main$1m = {
           style: { "font-size": "22px" }
         }, null, 2),
         __props.file ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(filename.value), 1)) : createCommentVNode("", true),
-        __props.file ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
+        __props.file ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
           props2.showPreview ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "ml-5 mr-5 action-icon",
@@ -22719,7 +22716,7 @@ const _hoisted_2$J = {
   key: 0,
   class: "flex-1"
 };
-const _hoisted_3$s = {
+const _hoisted_3$t = {
   key: 1,
   class: "flex-1"
 };
@@ -22805,7 +22802,7 @@ const _sfc_main$1l = {
               tag: "li"
             }, null, 8, ["file", "disabled", "show-preview", "show-download", "onRemove", "onDownload", "onPreview"]);
           }), 128))
-        ])) : (openBlock(), createElementBlock("div", _hoisted_3$s, toDisplayString(__props.disabled ? "Nu a fost ales niciun fișier." : "Alegeți un fișier."), 1)),
+        ])) : (openBlock(), createElementBlock("div", _hoisted_3$t, toDisplayString(__props.disabled ? "Nu a fost ales niciun fișier." : "Alegeți un fișier."), 1)),
         createElementVNode("div", _hoisted_4$l, [
           !__props.disabled ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -23006,7 +23003,7 @@ const _sfc_main$1i = {
 };
 const _hoisted_1$W = { class: "display-flex align-items-center" };
 const _hoisted_2$H = { class: "display-flex pl-10" };
-const _hoisted_3$r = {
+const _hoisted_3$s = {
   key: 1,
   class: "card list app-form-repeater-list'"
 };
@@ -23151,7 +23148,7 @@ const _sfc_main$1h = {
                   renderSlot(_ctx.$slots, "content", normalizeProps(guardReactiveProps({ index, element, removeItemAtIndex })))
                 ]),
                 _: 2
-              }, 1032, ["can-collapse", "is-collapsed", "onIsCollapsedChanged"])) : (openBlock(), createElementBlock("div", _hoisted_3$r, [
+              }, 1032, ["can-collapse", "is-collapsed", "onIsCollapsedChanged"])) : (openBlock(), createElementBlock("div", _hoisted_3$s, [
                 createElementVNode("div", _hoisted_4$k, [
                   createElementVNode("div", _hoisted_5$f, [
                     !__props.disabled && __props.isDraggable ? (openBlock(), createBlock(unref(IconMenu2), {
@@ -24447,7 +24444,7 @@ const _sfc_main$1g = {
 };
 const _hoisted_1$V = { class: "card card-table table-responsive shadow-0 mb-20 overflow-hidden" };
 const _hoisted_2$G = { class: "table table-bordered" };
-const _hoisted_3$q = ["onClick"];
+const _hoisted_3$r = ["onClick"];
 function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$V, [
     createElementVNode("table", _hoisted_2$G, [
@@ -24470,7 +24467,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$q);
+              }, null, 14, _hoisted_3$r);
             }), 256))
           ]);
         }), 128))
@@ -24484,7 +24481,7 @@ const _hoisted_2$F = {
   key: 0,
   class: "form-control-feedback form-control-feedback-end"
 };
-const _hoisted_3$p = { class: "form-control-feedback-icon" };
+const _hoisted_3$q = { class: "form-control-feedback-icon" };
 const _sfc_main$1f = {
   __name: "AppInput",
   props: /* @__PURE__ */ mergeModels({
@@ -24554,7 +24551,7 @@ const _sfc_main$1f = {
             [vModelDynamic, unref(modelValue)]
           ]),
           __props.isClearable && unref(modelValue) && !props2.disabled ? (openBlock(), createElementBlock("div", _hoisted_2$F, [
-            createElementVNode("div", _hoisted_3$p, [
+            createElementVNode("div", _hoisted_3$q, [
               withDirectives(createElementVNode("i", {
                 class: "ph-x-circle app-cross-icon",
                 onClick: withModifiers(clearOptions, ["stop"])
@@ -25104,7 +25101,7 @@ const _sfc_main$18 = {
 };
 const _hoisted_1$O = { class: "row" };
 const _hoisted_2$D = { class: "col-lg-12" };
-const _hoisted_3$o = { class: "card card-white animated fadeIn" };
+const _hoisted_3$p = { class: "card card-white animated fadeIn" };
 const _hoisted_4$j = { class: "card-header" };
 const _hoisted_5$e = { class: "card-body" };
 const _sfc_main$17 = {
@@ -25113,7 +25110,7 @@ const _sfc_main$17 = {
     return (_ctx, _cache2) => {
       return openBlock(), createElementBlock("div", _hoisted_1$O, [
         createElementVNode("div", _hoisted_2$D, [
-          createElementVNode("div", _hoisted_3$o, [
+          createElementVNode("div", _hoisted_3$p, [
             createElementVNode("div", _hoisted_4$j, [
               createVNode(_sfc_main$19, {
                 img: true,
@@ -25313,7 +25310,7 @@ function useModelWatch({ props: props2, emits, propName = "modelValue", onDataCh
 }
 const _hoisted_1$N = ["tabindex"];
 const _hoisted_2$C = ["tabindex"];
-const _hoisted_3$n = ["tabindex"];
+const _hoisted_3$o = ["tabindex"];
 const _hoisted_4$i = ["onClick", "onKeyup"];
 const _hoisted_5$d = ["tabindex"];
 const _hoisted_6$9 = ["tabindex"];
@@ -25485,7 +25482,7 @@ const _sfc_main$15 = {
               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$n))
+            }, toDisplayString(_ctx.prevText), 43, _hoisted_3$o))
           ], 2)) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
             return openBlock(), createElementBlock("li", {
@@ -25551,7 +25548,7 @@ const _sfc_main$15 = {
 };
 const _hoisted_1$M = { class: "pagination-info-label" };
 const _hoisted_2$B = { class: "text-muted d-none d-lg-block d-xl-block" };
-const _hoisted_3$m = { key: 0 };
+const _hoisted_3$n = { key: 0 };
 const _hoisted_4$h = { key: 1 };
 const _sfc_main$14 = {
   __name: "AppPaginationInfo",
@@ -25576,7 +25573,7 @@ const _sfc_main$14 = {
         createElementVNode("div", _hoisted_1$M, [
           createElementVNode("span", _hoisted_2$B, [
             createTextVNode(toDisplayString(`Inregistrari vizibile: ${props2.modelValue.from || 0} - ${props2.modelValue.to || 0}`) + " ", 1),
-            props2.modelValue.total ? (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(` din ${props2.modelValue.total}`), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$h, toDisplayString(` (total negenerat)`)))
+            props2.modelValue.total ? (openBlock(), createElementBlock("span", _hoisted_3$n, toDisplayString(` din ${props2.modelValue.total}`), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$h, toDisplayString(` (total negenerat)`)))
           ])
         ]),
         __props.canTogglePagination ? (openBlock(), createBlock(_sfc_main$1D, {
@@ -25741,7 +25738,7 @@ const _hoisted_2$z = {
   key: 0,
   class: "px-3 py-2 text-muted"
 };
-const _hoisted_3$l = { key: 1 };
+const _hoisted_3$m = { key: 1 };
 const _hoisted_4$g = ["id", "aria-disabled", "aria-selected", "onMouseenter", "onClick"];
 const _hoisted_5$c = { class: "overflow-hidden text-truncate mx-2" };
 const _hoisted_6$8 = {
@@ -25880,7 +25877,7 @@ const _sfc_main$12 = {
         class: "multiselect-container dropdown-menu show select-dropdown",
         role: "listbox"
       }, [
-        unref(isLoading2) ? (openBlock(), createElementBlock("div", _hoisted_2$z, "Loading…")) : (openBlock(), createElementBlock("div", _hoisted_3$l, [
+        unref(isLoading2) ? (openBlock(), createElementBlock("div", _hoisted_2$z, "Loading…")) : (openBlock(), createElementBlock("div", _hoisted_3$m, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleOptions), (item, idx) => {
             return openBlock(), createElementBlock("div", {
               id: getItemId(idx),
@@ -25950,7 +25947,7 @@ const _sfc_main$11 = {
 const AppRemovableTag = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-41d0ea41"]]);
 const _hoisted_1$I = { class: "app-select-content display-flex flex-column gap-1 overflow-hidden" };
 const _hoisted_2$x = ["placeholder"];
-const _hoisted_3$k = { class: "display-flex flex-row gap-1 flex-wrap overflow-hidden" };
+const _hoisted_3$l = { class: "display-flex flex-row gap-1 flex-wrap overflow-hidden" };
 const _hoisted_4$f = ["title"];
 const _hoisted_5$b = {
   key: 1,
@@ -26002,7 +25999,7 @@ const _sfc_main$10 = {
           [vShow, unref(isDropdownOpen)],
           [vModelText, unref(searchQuery)]
         ]),
-        createElementVNode("div", _hoisted_3$k, [
+        createElementVNode("div", _hoisted_3$l, [
           unref(selectedList).length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             unref(isMultiSelect) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(selectedList), (opt, idx) => {
               return openBlock(), createElementBlock("div", {
@@ -26245,7 +26242,7 @@ const _hoisted_1$G = {
   class: "d-flex flex-center-vertical"
 };
 const _hoisted_2$v = { class: "mr-auto" };
-const _hoisted_3$j = { class: "d-flex" };
+const _hoisted_3$k = { class: "d-flex" };
 const _hoisted_4$e = {
   key: 0,
   class: "icon-eye-blocked"
@@ -26306,7 +26303,7 @@ const _sfc_main$_ = {
     return (_ctx, _cache2) => {
       return __props.isLoaded ? (openBlock(), createElementBlock("div", _hoisted_1$G, [
         createElementVNode("div", _hoisted_2$v, [
-          createElementVNode("span", _hoisted_3$j, [
+          createElementVNode("span", _hoisted_3$k, [
             createVNode(_sfc_main$$, {
               modelValue: pageSizeValue.value,
               "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => pageSizeValue.value = $event),
@@ -26973,7 +26970,7 @@ const _hoisted_2$s = {
   key: 0,
   class: "p-2 text-muted flex-center-vertical gap-1"
 };
-const _hoisted_3$i = {
+const _hoisted_3$j = {
   key: 1,
   class: "p-2 text-muted flex-center-vertical gap-1"
 };
@@ -27102,7 +27099,7 @@ const _sfc_main$S = {
           }),
           _cache2[0] || (_cache2[0] = createTextVNode(" Tastati pentru a cauta... ", -1))
         ])) : createCommentVNode("", true),
-        isNoResultsVisible.value ? (openBlock(), createElementBlock("div", _hoisted_3$i, [
+        isNoResultsVisible.value ? (openBlock(), createElementBlock("div", _hoisted_3$j, [
           createVNode(unref(IconMoodEmpty), {
             size: 22,
             "stroke-width": 1.8
@@ -27118,7 +27115,7 @@ const _sfc_main$S = {
 };
 const _hoisted_1$B = { class: "app-select-content display-flex flex-column" };
 const _hoisted_2$r = { class: "flex-center-vertical" };
-const _hoisted_3$h = {
+const _hoisted_3$i = {
   key: 0,
   class: "text-muted flex-1 input-placeholder"
 };
@@ -27174,7 +27171,7 @@ const _sfc_main$R = {
     return (_ctx, _cache2) => {
       return openBlock(), createElementBlock("div", _hoisted_1$B, [
         createElementVNode("div", _hoisted_2$r, [
-          unref(isModelValueEmpty) ? (openBlock(), createElementBlock("div", _hoisted_3$h, [
+          unref(isModelValueEmpty) ? (openBlock(), createElementBlock("div", _hoisted_3$i, [
             !props2.isDropdownOpen ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createTextVNode(toDisplayString(props2.placeholder), 1)
             ], 64)) : createCommentVNode("", true)
@@ -27257,7 +27254,7 @@ const _sfc_main$R = {
 };
 const _hoisted_1$A = ["onKeyup"];
 const _hoisted_2$q = { class: "app-select-area flex-center-vertical" };
-const _hoisted_3$g = {
+const _hoisted_3$h = {
   class: "flex-center-vertical",
   style: {}
 };
@@ -27406,7 +27403,7 @@ const _sfc_main$Q = {
                   };
                 })
               ]), 1040, ["placeholder", "modelValue", "is-dropdown-open"]),
-              createElementVNode("div", _hoisted_3$g, [
+              createElementVNode("div", _hoisted_3$h, [
                 unref(isClearable) ? withDirectives((openBlock(), createElementBlock("i", {
                   key: 0,
                   class: "ph-x-circle",
@@ -27465,7 +27462,7 @@ const _hoisted_2$p = {
   key: 0,
   class: "nav nav-sidebar"
 };
-const _hoisted_3$f = { style: { "padding": "12px 20px" } };
+const _hoisted_3$g = { style: { "padding": "12px 20px" } };
 const _sfc_main$P = {
   __name: "AppSidebar",
   props: {
@@ -27517,7 +27514,7 @@ const _sfc_main$P = {
                 key: n,
                 style: { "opacity": "0.5" }
               }, [
-                createElementVNode("div", _hoisted_3$f, [
+                createElementVNode("div", _hoisted_3$g, [
                   createVNode(_component_app_placeholder_heading, {
                     img: true,
                     "img-size": "20px",
@@ -27544,7 +27541,7 @@ const _hoisted_2$o = {
   key: 0,
   class: "pr-2 flex-center-vertical"
 };
-const _hoisted_3$e = {
+const _hoisted_3$f = {
   key: 1,
   class: "pr-2 flex-grow-1 flex-column justify-content-center sidebar-header-text"
 };
@@ -27579,7 +27576,7 @@ const _sfc_main$O = {
         !__props.canCollapse || !__props.sidebarCollapsed ? (openBlock(), createElementBlock("div", _hoisted_2$o, [
           renderSlot(_ctx.$slots, "sidebar-header-img")
         ])) : createCommentVNode("", true),
-        !__props.canCollapse || !__props.sidebarCollapsed ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
+        !__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$c, [
@@ -27669,7 +27666,7 @@ const _sfc_main$N = {
 const AppSliderInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-5e3013a5"]]);
 const _hoisted_1$w = { class: "page-header" };
 const _hoisted_2$n = { class: "breadcrumb-line breadcrumb-line-light header-elements-md-inline" };
-const _hoisted_3$d = { class: "d-flex" };
+const _hoisted_3$e = { class: "d-flex" };
 const _hoisted_4$b = { class: "breadcrumb" };
 const _hoisted_5$7 = { class: "header-elements" };
 const _sfc_main$M = {
@@ -27688,7 +27685,7 @@ const _sfc_main$M = {
     return (_ctx, _cache2) => {
       return openBlock(), createElementBlock("div", _hoisted_1$w, [
         createElementVNode("div", _hoisted_2$n, [
-          createElementVNode("div", _hoisted_3$d, [
+          createElementVNode("div", _hoisted_3$e, [
             createElementVNode("div", _hoisted_4$b, [
               renderSlot(_ctx.$slots, "breadcrumbs", {}, () => [
                 createVNode(_sfc_main$1E, {
@@ -31329,7 +31326,7 @@ const _hoisted_1$v = {
   style: { "overflow-x": "auto", "flex-wrap": "wrap" }
 };
 const _hoisted_2$m = ["onClick"];
-const _hoisted_3$c = { class: "flex-center-vertical mr-5" };
+const _hoisted_3$d = { class: "flex-center-vertical mr-5" };
 const _hoisted_4$a = { class: "display-flex-column" };
 const _hoisted_5$6 = {
   key: 1,
@@ -31377,7 +31374,7 @@ const _sfc_main$K = {
             }, () => [
               createVNode(_sfc_main$1x, { style: { "margin": "2px" } }, {
                 body: withCtx(() => [
-                  createElementVNode("div", _hoisted_3$c, [
+                  createElementVNode("div", _hoisted_3$d, [
                     createElementVNode("div", _hoisted_4$a, [
                       createElementVNode("div", null, [
                         currentItem.icon ? (openBlock(), createBlock(_sfc_main$1H, {
@@ -31416,7 +31413,7 @@ const _sfc_main$K = {
 };
 const _hoisted_1$u = { key: 0 };
 const _hoisted_2$l = { class: "p-3" };
-const _hoisted_3$b = { key: 1 };
+const _hoisted_3$c = { key: 1 };
 const _hoisted_4$9 = { 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" };
@@ -31472,7 +31469,7 @@ const _sfc_main$J = {
                   (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$b, toDisplayString(currentFilter), 1))
+                  ], 64)) : (openBlock(), createElementBlock("span", _hoisted_3$c, toDisplayString(currentFilter), 1))
                 ]);
               }), 128))
             ])
@@ -31504,7 +31501,7 @@ const _sfc_main$J = {
 const AppTableFilterDetailedRow = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-6654229d"]]);
 const _hoisted_1$t = { class: "app-table-filter-body d-flex" };
 const _hoisted_2$k = { class: "flex-grow-1" };
-const _hoisted_3$a = { class: "mr-5 pl-10 flex-center-vertical" };
+const _hoisted_3$b = { class: "mr-5 pl-10 flex-center-vertical" };
 const _hoisted_4$8 = { class: "display-flex" };
 const _sfc_main$I = {
   __name: "AppTableFilter",
@@ -31556,7 +31553,7 @@ const _sfc_main$I = {
                 }, null, 8, ["modelValue"])
               ])
             ]),
-            createElementVNode("div", _hoisted_3$a, [
+            createElementVNode("div", _hoisted_3$b, [
               renderSlot(_ctx.$slots, "beforeButton"),
               renderSlot(_ctx.$slots, "button", {}, () => [
                 createElementVNode("div", _hoisted_4$8, [
@@ -31600,7 +31597,7 @@ const _sfc_main$I = {
 };
 const _hoisted_1$s = { class: "table-responsive" };
 const _hoisted_2$j = { class: "table table-striped app-table-rows" };
-const _hoisted_3$9 = {
+const _hoisted_3$a = {
   key: 0,
   class: "td-selection"
 };
@@ -31658,7 +31655,7 @@ const _sfc_main$H = {
         createElementVNode("table", _hoisted_2$j, [
           createElementVNode("thead", null, [
             createElementVNode("tr", null, [
-              __props.hasSelection ? (openBlock(), createElementBlock("th", _hoisted_3$9)) : createCommentVNode("", true),
+              __props.hasSelection ? (openBlock(), createElementBlock("th", _hoisted_3$a)) : createCommentVNode("", true),
               _ctx.$slots.actions ? (openBlock(), createElementBlock("th", _hoisted_4$7, [
                 renderSlot(_ctx.$slots, "actionsTitle", {}, () => [
                   _cache2[0] || (_cache2[0] = createTextVNode(" Acțiuni ", -1))
@@ -32272,8 +32269,9 @@ function useTable(config, emits) {
   });
   return externalContext;
 }
-const _hoisted_1$q = { class: "row" };
-const _hoisted_2$i = { class: "col-lg-12" };
+const _hoisted_1$q = { class: "position-relative" };
+const _hoisted_2$i = { class: "row" };
+const _hoisted_3$9 = { class: "col-lg-12" };
 const _sfc_main$F = {
   __name: "AppTableMagic",
   props: {
@@ -32331,7 +32329,7 @@ const _sfc_main$F = {
       }
     };
     let useTableContext = useTable({ ...props2, onEvent });
-    let { tableData, displayFilters, shouldShowFilterReset } = useTableContext;
+    let { tableData, displayFilters, shouldShowFilterReset, isLoading: isLoading2 } = useTableContext;
     let getCombinedContext = () => {
       return {
         ...appTableContext,
@@ -32372,9 +32370,10 @@ const _sfc_main$F = {
     });
     return (_ctx, _cache2) => {
       const _component_app_button_group = resolveComponent("app-button-group");
-      return openBlock(), createElementBlock("div", null, [
+      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+        unref(isLoading2) ? (openBlock(), createBlock(_sfc_main$1j, { key: 0 })) : createCommentVNode("", true),
         __props.showTableFilter ? (openBlock(), createBlock(_sfc_main$I, {
-          key: 0,
+          key: 1,
           selectedFilters: unref(displayFilters),
           onOnFilterReset: unref(useTableContext).onFilterReset,
           onOnFilterSet: unref(useTableContext).onFilterSet,
@@ -32407,8 +32406,8 @@ const _sfc_main$F = {
           } : void 0
         ]), 1032, ["selectedFilters", "onOnFilterReset", "onOnFilterSet", "onOnSearchFilterSet"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "beforeTable"),
-        createElementVNode("div", _hoisted_1$q, [
-          createElementVNode("div", _hoisted_2$i, [
+        createElementVNode("div", _hoisted_2$i, [
+          createElementVNode("div", _hoisted_3$9, [
             createVNode(_sfc_main$G, {
               ref_key: "appTable",
               ref: appTable,