@stsdti/funky-ui-kit 1.7.5 → 1.7.6

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

@@ -9483,7 +9483,7 @@ const _hoisted_2$Y = {
   class: "breadcrumb-elements-item"
 };
 const _hoisted_3$H = { class: "flex-center-vertical" };
-const _hoisted_4$w = {
+const _hoisted_4$x = {
   key: 0,
   class: "pl-5 pr-5"
 };
@@ -9517,7 +9517,7 @@ const _sfc_main$1M = {
               index,
               item: breadcrumb
             }, () => [
-              index !== 0 ? (openBlock(), createElementBlock("span", _hoisted_4$w, "/")) : createCommentVNode("", true),
+              index !== 0 ? (openBlock(), createElementBlock("span", _hoisted_4$x, "/")) : createCommentVNode("", true),
               (openBlock(), createBlock(_component_router_link, {
                 key: index,
                 class: normalizeClass(getBreadcrumbClass(breadcrumb)),
@@ -13473,9 +13473,6 @@ const appFormElementProps = {
   showError: {
     type: Boolean,
     default: true
-  },
-  leftIcon: {
-    type: String
   }
 };
 const _export_sfc = (sfc, props2) => {
@@ -13491,14 +13488,10 @@ const _hoisted_2$X = {
   class: "text-danger"
 };
 const _hoisted_3$G = {
-  key: 0,
-  class: "form-control-feedback-icon"
-};
-const _hoisted_4$v = {
   key: 0,
   class: "help-block text-danger"
 };
-const _hoisted_5$o = {
+const _hoisted_4$w = {
   key: 1,
   class: "help-block"
 };
@@ -13545,7 +13538,7 @@ const _sfc_main$1J = {
     const contentSlotClass = computed(() => {
       return {
         "display-flex flex-1 form-control-feedback": true,
-        "form-control-feedback-start": !!slots.beforeContent || props2.leftIcon
+        "form-control-feedback-start": !!slots.beforeContent
       };
     });
     const contentStyle = computed(() => {
@@ -13563,7 +13556,6 @@ const _sfc_main$1J = {
       };
     });
     return (_ctx, _cache2) => {
-      const _component_app_icon = resolveComponent("app-icon");
       const _directive_tippy = resolveDirective("tippy");
       return !_ctx.hidden ? (openBlock(), createElementBlock("div", {
         key: 0,
@@ -13588,9 +13580,7 @@ const _sfc_main$1J = {
           createElementVNode("div", {
             class: normalizeClass(contentContainerClass.value)
           }, [
-            _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),
+            renderSlot(_ctx.$slots, "beforeContent", {}, void 0, true),
             createElementVNode("div", {
               class: normalizeClass(contentSlotClass.value)
             }, [
@@ -13598,15 +13588,15 @@ const _sfc_main$1J = {
             ], 2),
             renderSlot(_ctx.$slots, "afterContent", {}, void 0, true)
           ], 2),
-          currentError.value ? (openBlock(), createElementBlock("span", _hoisted_4$v, toDisplayString(currentError.value), 1)) : createCommentVNode("", true),
-          _ctx.infoText ? (openBlock(), createElementBlock("span", _hoisted_5$o, toDisplayString(_ctx.infoText), 1)) : createCommentVNode("", true),
+          currentError.value ? (openBlock(), createElementBlock("span", _hoisted_3$G, toDisplayString(currentError.value), 1)) : createCommentVNode("", true),
+          _ctx.infoText ? (openBlock(), createElementBlock("span", _hoisted_4$w, toDisplayString(_ctx.infoText), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "help-block", {}, void 0, true)
         ], 4)
       ], 10, _hoisted_1$1h)) : createCommentVNode("", true);
     };
   }
 };
-const AppFormElement = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__scopeId", "data-v-67e91b67"]]);
+const AppFormElement = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["__scopeId", "data-v-f4028dc4"]]);
 function _typeof$1(o) {
   "@babel/helpers - typeof";
   return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
@@ -18582,7 +18572,7 @@ function useClickOutside(options = {}) {
 const _hoisted_1$1e = ["onClick"];
 const _hoisted_2$W = ["value", "disabled", "placeholder", "onBlur", "onFocus", "onInput", "onKeydown", "onKeypress", "onPaste"];
 const _hoisted_3$F = { key: 0 };
-const _hoisted_4$u = {
+const _hoisted_4$v = {
   key: 1,
   class: "app-form-element-placeholder"
 };
@@ -18714,7 +18704,7 @@ const _sfc_main$1G = {
                   onKeypress,
                   onPaste
                 }, 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))
+                  modelValue.value ? (openBlock(), createElementBlock("span", _hoisted_3$F, toDisplayString(value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$v, toDisplayString(unref(computedPlaceHolder)), 1))
                 ], 64))
               ], 8, _hoisted_1$1e)
             ]),
@@ -18758,7 +18748,7 @@ const _hoisted_1$1d = {
 };
 const _hoisted_2$V = ["disabled", "placeholder", "onBlur", "onKeydown", "onKeypress", "onPaste"];
 const _hoisted_3$E = { key: 0 };
-const _hoisted_4$t = {
+const _hoisted_4$u = {
   key: 1,
   class: "app-form-element-placeholder"
 };
@@ -18871,7 +18861,7 @@ const _sfc_main$1F = {
                 }, null, 40, _hoisted_2$V)), [
                   [vModelText, inputValue.value]
                 ]) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  modelValue.value ? (openBlock(), createElementBlock("span", _hoisted_3$E, 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$u, toDisplayString(_ctx.placeholder), 1))
                 ], 64))
               ])
             ]),
@@ -20942,7 +20932,7 @@ const _hoisted_3$B = {
   key: 1,
   class: "flex-1 input-placeholder"
 };
-const _hoisted_4$s = {
+const _hoisted_4$t = {
   key: 2,
   class: "form-control-feedback-icon clear-button"
 };
@@ -21136,7 +21126,7 @@ const _sfc_main$1z = {
                   ], 64)) : (openBlock(), createElementBlock("span", _hoisted_3$B, toDisplayString(props2.placeholder), 1))
                 ], true)
               ], 2)),
-              modelValue.value && __props.showRemoveButtons ? (openBlock(), createElementBlock("div", _hoisted_4$s, [
+              modelValue.value && __props.showRemoveButtons ? (openBlock(), createElementBlock("div", _hoisted_4$t, [
                 withDirectives(createElementVNode("i", {
                   class: "ph-x-circle app-cross-icon",
                   onClick: withModifiers(onDeleteInput, ["stop"])
@@ -21677,7 +21667,7 @@ let DateUtils = _DateUtils;
 const _hoisted_1$17 = { class: "flex-center-vertical w-100" };
 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 = {
+const _hoisted_4$s = {
   key: 0,
   class: "easy-buttons"
 };
@@ -21850,7 +21840,7 @@ const _sfc_main$1w = {
                 "input-only": true
               }, null, 8, ["modelValue", "disabled", "minute-options"])
             ]),
-            _ctx.showEasyButtons ? (openBlock(), createElementBlock("div", _hoisted_4$r, [
+            _ctx.showEasyButtons ? (openBlock(), createElementBlock("div", _hoisted_4$s, [
               createVNode(_sfc_main$1H, {
                 modelValue: localValue.value,
                 "onUpdate:modelValue": _cache2[2] || (_cache2[2] = ($event) => localValue.value = $event)
@@ -22006,7 +21996,7 @@ var IconSquareCheckFilled = createVueComponent("filled", "square-check-filled",
 const _hoisted_1$16 = { class: "display-flex-column h-100" };
 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_4$r = { class: "font-600 text-size-14" };
 const _hoisted_5$k = { class: "p-20 flex-1 w-100" };
 const _sfc_main$1v = {
   __name: "AppDrawer",
@@ -22063,7 +22053,7 @@ const _sfc_main$1v = {
             createElementVNode("div", _hoisted_2$P, [
               createElementVNode("div", _hoisted_3$y, [
                 renderSlot(_ctx.$slots, "title", {}, () => [
-                  createElementVNode("div", _hoisted_4$q, toDisplayString(__props.title), 1)
+                  createElementVNode("div", _hoisted_4$r, toDisplayString(__props.title), 1)
                 ], true)
               ]),
               createVNode(unref(IconX), {
@@ -22087,7 +22077,7 @@ const AppDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["__scopeId", "data
 const _hoisted_1$15 = { class: "display-flex-column h-100" };
 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_4$q = { 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" };
 const _sfc_main$1u = {
@@ -22151,7 +22141,7 @@ const _sfc_main$1u = {
           createElementVNode("div", _hoisted_1$15, [
             createElementVNode("div", _hoisted_2$O, [
               createElementVNode("div", _hoisted_3$x, [
-                createElementVNode("h4", _hoisted_4$p, toDisplayString(__props.title), 1)
+                createElementVNode("h4", _hoisted_4$q, toDisplayString(__props.title), 1)
               ]),
               createElementVNode("i", {
                 class: "icon-x cursor-pointer",
@@ -22790,7 +22780,7 @@ const AppModal = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["__scopeId", "data-
 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$w = ["innerHTML"];
-const _hoisted_4$o = {
+const _hoisted_4$p = {
   key: 1,
   class: "mb-0 app-alert-modal-text"
 };
@@ -22874,7 +22864,7 @@ const _sfc_main$1r = {
                 key: 0,
                 class: "app-alert-modal-text",
                 innerHTML: __props.text
-              }, null, 8, _hoisted_3$w)) : (openBlock(), createElementBlock("p", _hoisted_4$o, toDisplayString(__props.text), 1))
+              }, null, 8, _hoisted_3$w)) : (openBlock(), createElementBlock("p", _hoisted_4$p, toDisplayString(__props.text), 1))
             ]),
             createElementVNode("div", _hoisted_5$i, [
               __props.showCancelButton ? (openBlock(), createBlock(_sfc_main$1L, {
@@ -26109,7 +26099,7 @@ const _hoisted_3$v = {
   key: 1,
   class: "file-action-button flex-1 mr-10"
 };
-const _hoisted_4$n = { class: "ph-eye" };
+const _hoisted_4$o = { class: "ph-eye" };
 const _hoisted_5$h = { class: "ph-download" };
 const _hoisted_6$b = { class: "ph-x-circle" };
 const _sfc_main$1o = {
@@ -26164,7 +26154,7 @@ const _sfc_main$1o = {
             class: "ml-5 mr-5 action-icon",
             onClick: _cache2[0] || (_cache2[0] = () => emits("preview", __props.file))
           }, [
-            withDirectives(createElementVNode("i", _hoisted_4$n, null, 512), [
+            withDirectives(createElementVNode("i", _hoisted_4$o, null, 512), [
               [_directive_tippy, "Vizualizați fișierul"]
             ])
           ])) : createCommentVNode("", true),
@@ -26201,7 +26191,7 @@ const _hoisted_3$u = {
   key: 1,
   class: "flex-1"
 };
-const _hoisted_4$m = { class: "btn-group" };
+const _hoisted_4$n = { class: "btn-group" };
 const _hoisted_5$g = ["accept", "disabled"];
 const _sfc_main$1n = {
   __name: "AppFileInput",
@@ -26284,7 +26274,7 @@ const _sfc_main$1n = {
             }, null, 8, ["file", "disabled", "show-preview", "show-download", "onRemove", "onDownload", "onPreview"]);
           }), 128))
         ])) : (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, [
+        createElementVNode("div", _hoisted_4$n, [
           !__props.disabled ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "btn-container",
@@ -26488,7 +26478,7 @@ const _hoisted_3$t = {
   key: 1,
   class: "card list app-form-repeater-list'"
 };
-const _hoisted_4$l = { class: "d-flex py-2 px-1" };
+const _hoisted_4$m = { class: "d-flex py-2 px-1" };
 const _hoisted_5$f = { class: "flex-center mx-2" };
 const _hoisted_6$a = { class: "px-1" };
 const _hoisted_7$5 = { class: "flex-grow-1" };
@@ -26630,7 +26620,7 @@ const _sfc_main$1j = {
                 ]),
                 _: 2
               }, 1032, ["can-collapse", "is-collapsed", "onIsCollapsedChanged"])) : (openBlock(), createElementBlock("div", _hoisted_3$t, [
-                createElementVNode("div", _hoisted_4$l, [
+                createElementVNode("div", _hoisted_4$m, [
                   createElementVNode("div", _hoisted_5$f, [
                     !__props.disabled && __props.isDraggable ? (openBlock(), createBlock(unref(IconMenu2), {
                       key: 0,
@@ -27957,10 +27947,13 @@ function _sfc_render$1(_ctx, _cache2, $props, $setup, $data, $options) {
   ]);
 }
 const AppColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1]]);
-const _hoisted_1$W = { class: "flex-center-vertical form-control p-0" };
+const _hoisted_1$W = {
+  key: 0,
+  class: "app-control-left-icon"
+};
 const _hoisted_2$G = ["disabled", "name", "placeholder", "type"];
 const _hoisted_3$r = {
-  key: 1,
+  key: 2,
   class: "app-number-spinners"
 };
 const _sfc_main$1h = {
@@ -27974,6 +27967,10 @@ const _sfc_main$1h = {
       type: Boolean,
       default: true
     },
+    leftIcon: {
+      type: String,
+      default: null
+    },
     ...appFormElementProps
   }, {
     "modelValue": {},
@@ -27988,6 +27985,18 @@ const _sfc_main$1h = {
     const clearStyle = computed(() => ({
       "margin-right": isTypeNumber.value ? "2px" : "8px"
     }));
+    const inputClass = computed(() => ({
+      "input-empty no-spinner flex-1": true,
+      "pl-15": !props2.leftIcon
+    }));
+    const inputContainerClass = computed(() => {
+      return {
+        "flex-center-vertical form-control": true,
+        "p-0": !props2.leftIcon,
+        "no-padding-right": !!props2.leftIcon,
+        "gap-1": !!props2.leftIcon
+      };
+    });
     const isTypeNumber = computed(() => props2.type === "number");
     const { formElementProps, computedName, computedPlaceHolder } = useAppFormElement(props2);
     const attrs = useAttrs();
@@ -28028,25 +28037,23 @@ const _sfc_main$1h = {
       }
       modelValue.value = val;
     };
-    computed(() => {
-      return {
-        // 'form-control': true,
-        // 'disabled-element': props.disabled,
-        // 'app-input--no-padding': !props.isClearable || props.disabled,
-        // 'app-input--has-spinners': props.type === 'number'
-      };
-    });
     __expose({
       focus
     });
     return (_ctx, _cache2) => {
+      const _component_app_icon = resolveComponent("app-icon");
       const _directive_tippy = resolveDirective("tippy");
       return openBlock(), createBlock(AppFormElement, normalizeProps(guardReactiveProps(unref(formElementProps))), createSlots({
         "help-block": withCtx(() => [
           renderSlot(_ctx.$slots, "help-block", {}, void 0, true)
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$W, [
+          createElementVNode("div", {
+            class: normalizeClass(inputContainerClass.value)
+          }, [
+            __props.leftIcon ? (openBlock(), createElementBlock("div", _hoisted_1$W, [
+              createVNode(_component_app_icon, { value: __props.leftIcon }, null, 8, ["value"])
+            ])) : createCommentVNode("", true),
             withDirectives(createElementVNode("input", mergeProps({
               ref_key: "inputElement",
               ref: inputElement,
@@ -28055,7 +28062,7 @@ const _sfc_main$1h = {
               name: unref(computedName),
               placeholder: unref(computedPlaceHolder),
               type: __props.type,
-              class: "input-empty no-spinner flex-1 p-1"
+              class: inputClass.value
             }, inputAttrs.value, {
               onBlur,
               onKeyup: withKeys(onSubmit, ["enter"])
@@ -28063,7 +28070,7 @@ const _sfc_main$1h = {
               [vModelDynamic, unref(modelValue)]
             ]),
             __props.isClearable && unref(modelValue) && !props2.disabled ? (openBlock(), createElementBlock("div", {
-              key: 0,
+              key: 1,
               style: normalizeStyle(clearStyle.value)
             }, [
               withDirectives(createElementVNode("i", {
@@ -28087,7 +28094,7 @@ const _sfc_main$1h = {
                 createVNode(unref(IconCaretDownFilled), { size: 14 })
               ])
             ])) : createCommentVNode("", true)
-          ])
+          ], 2)
         ]),
         _: 2
       }, [
@@ -28103,7 +28110,7 @@ const _sfc_main$1h = {
     };
   }
 };
-const AppInput = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-5976c38e"]]);
+const AppInput = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-7ca0aee1"]]);
 const _hoisted_1$V = {
   key: 0,
   class: "app-link__label"
@@ -28632,7 +28639,7 @@ const _sfc_main$1a = {
 const _hoisted_1$Q = { class: "row" };
 const _hoisted_2$E = { class: "col-lg-12" };
 const _hoisted_3$q = { class: "card card-white animated fadeIn" };
-const _hoisted_4$k = { class: "card-header" };
+const _hoisted_4$l = { class: "card-header" };
 const _hoisted_5$e = { class: "card-body" };
 const _sfc_main$19 = {
   __name: "AppPlaceholderCard",
@@ -28641,7 +28648,7 @@ const _sfc_main$19 = {
       return openBlock(), createElementBlock("div", _hoisted_1$Q, [
         createElementVNode("div", _hoisted_2$E, [
           createElementVNode("div", _hoisted_3$q, [
-            createElementVNode("div", _hoisted_4$k, [
+            createElementVNode("div", _hoisted_4$l, [
               createVNode(_sfc_main$1b, {
                 img: true,
                 "img-size": "23px",
@@ -28841,7 +28848,7 @@ function useModelWatch({ props: props2, emits, propName = "modelValue", onDataCh
 const _hoisted_1$P = ["tabindex"];
 const _hoisted_2$D = ["tabindex"];
 const _hoisted_3$p = ["tabindex"];
-const _hoisted_4$j = ["onClick", "onKeyup"];
+const _hoisted_4$k = ["onClick", "onKeyup"];
 const _hoisted_5$d = ["tabindex"];
 const _hoisted_6$9 = ["tabindex"];
 const _hoisted_7$4 = ["tabindex"];
@@ -29037,7 +29044,7 @@ const _sfc_main$17 = {
                 tabindex: "0",
                 onClick: ($event) => handlePageSelected(page.index),
                 onKeyup: withKeys(($event) => handlePageSelected(page.index), ["enter"])
-              }, toDisplayString(page.content), 43, _hoisted_4$j))
+              }, toDisplayString(page.content), 43, _hoisted_4$k))
             ], 2);
           }), 128)),
           !(lastPageSelected() && _ctx.hidePrevNext) ? (openBlock(), createElementBlock("li", {
@@ -29079,7 +29086,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$o = { key: 0 };
-const _hoisted_4$i = { key: 1 };
+const _hoisted_4$j = { key: 1 };
 const _sfc_main$16 = {
   __name: "AppPaginationInfo",
   props: {
@@ -29103,7 +29110,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$o, 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$j, toDisplayString(` (total negenerat)`)))
           ])
         ]),
         __props.canTogglePagination ? (openBlock(), createBlock(_sfc_main$1L, {
@@ -29298,7 +29305,7 @@ const _hoisted_2$A = {
   class: "px-3 py-2 text-muted"
 };
 const _hoisted_3$n = { key: 1 };
-const _hoisted_4$h = ["aria-disabled", "aria-selected", "onMouseenter", "onClick"];
+const _hoisted_4$i = ["aria-disabled", "aria-selected", "onMouseenter", "onClick"];
 const _hoisted_5$c = { class: "overflow-hidden text-truncate mx-2" };
 const _hoisted_6$8 = {
   key: 0,
@@ -29366,7 +29373,7 @@ const _sfc_main$14 = {
                   createVNode(_sfc_main$15, { option: item }, null, 8, ["option"])
                 ], true)
               ])
-            ], 46, _hoisted_4$h);
+            ], 46, _hoisted_4$i);
           }), 128)),
           !unref(visibleOptions) || unref(visibleOptions).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6$8, "No results")) : createCommentVNode("", true)
         ]))
@@ -29415,7 +29422,7 @@ const _hoisted_3$m = {
   key: 0,
   class: "display-flex flex-row gap-1 flex-wrap overflow-hidden"
 };
-const _hoisted_4$g = ["title"];
+const _hoisted_4$h = ["title"];
 const _hoisted_5$b = {
   key: 1,
   class: "overflow-hidden text-truncate"
@@ -29497,7 +29504,7 @@ const _sfc_main$12 = {
                 ]),
                 _: 2
               }, 1032, ["onOnRemove"])
-            ], 8, _hoisted_4$g);
+            ], 8, _hoisted_4$h);
           }), 128)) : (openBlock(), createElementBlock("div", _hoisted_5$b, [
             renderSlot(_ctx.$slots, "option-selected", {
               label: getOptionLabel(unref(selectedList)[0]),
@@ -29523,8 +29530,12 @@ 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$l = { class: "flex-center-vertical" };
+const _hoisted_2$x = {
+  key: 0,
+  class: "app-control-left-icon"
+};
+const _hoisted_3$l = { class: "app-select-area flex-1 flex-center-vertical overflow-hidden" };
+const _hoisted_4$g = { class: "flex-center-vertical" };
 const _sfc_main$11 = {
   __name: "AppSelectNew",
   props: /* @__PURE__ */ mergeModels({
@@ -29536,7 +29547,8 @@ const _sfc_main$11 = {
     placeholder: { default: "Tastează pentru a căuta..." },
     shouldClearSearchOnSelect: { type: Boolean, default: false },
     debounce: { type: Number, default: 500 },
-    shouldFetchOnOpen: { type: Boolean, default: false }
+    shouldFetchOnOpen: { type: Boolean, default: false },
+    leftIcon: { type: String, default: null }
   }, {
     "modelValue": {},
     "modelModifiers": {}
@@ -29551,7 +29563,8 @@ const _sfc_main$11 = {
     const mainClass = computed(() => {
       return {
         "disabled-element": props2.disabled,
-        "app-select form-control d-flex": true
+        "app-select form-control d-flex": true,
+        "gap-1": !!props2.leftIcon
       };
     });
     const { formElementProps } = useAppFormElement(props2);
@@ -29559,6 +29572,7 @@ const _sfc_main$11 = {
       emits("mounted", context);
     });
     return (_ctx, _cache2) => {
+      const _component_app_icon = resolveComponent("app-icon");
       const _directive_tippy = resolveDirective("tippy");
       return openBlock(), createBlock(AppFormElement, normalizeProps(guardReactiveProps(unref(formElementProps))), createSlots({
         default: withCtx(() => [
@@ -29569,7 +29583,10 @@ const _sfc_main$11 = {
             onClick: _cache2[1] || (_cache2[1] = withModifiers((...args) => unref(toggleDropdown) && unref(toggleDropdown)(...args), ["stop"])),
             onKeydown: _cache2[2] || (_cache2[2] = withModifiers((...args) => unref(context).onKeydown && unref(context).onKeydown(...args), ["stop"]))
           }, [
-            createElementVNode("div", _hoisted_2$x, [
+            __props.leftIcon ? (openBlock(), createElementBlock("div", _hoisted_2$x, [
+              createVNode(_component_app_icon, { value: __props.leftIcon }, null, 8, ["value"])
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_3$l, [
               createVNode(AppSelectNewContent, {
                 placeholder: __props.placeholder,
                 onFilter: unref(fetchDebounced)
@@ -29605,7 +29622,7 @@ const _sfc_main$11 = {
               ]),
               _: 3
             }, 8, ["anchor", "is-open"]),
-            createElementVNode("div", _hoisted_3$l, [
+            createElementVNode("div", _hoisted_4$g, [
               __props.isClearable && !unref(isModelValueEmpty) ? withDirectives((openBlock(), createElementBlock("i", {
                 key: 0,
                 class: "ph-x-circle",
@@ -30435,7 +30452,10 @@ const _sfc_main$T = {
   }
 };
 const _hoisted_1$C = ["onKeyup"];
-const _hoisted_2$r = { class: "app-select-area flex-center-vertical" };
+const _hoisted_2$r = {
+  key: 0,
+  class: "app-control-left-icon"
+};
 const _hoisted_3$h = {
   class: "flex-center-vertical",
   style: {}
@@ -30450,6 +30470,10 @@ const _sfc_main$S = {
      * This gets called after every search change
      */
     getOptions: {},
+    leftIcon: {
+      type: String,
+      default: null
+    },
     ...sharedProps,
     ...appFormElementProps
   }, {
@@ -30510,6 +30534,12 @@ const _sfc_main$S = {
         rotated: isDropdownOpen.value
       };
     });
+    const selectAreaClass = computed(() => {
+      return {
+        "app-select-area flex-center-vertical": true,
+        "gap-1": !!props2.leftIcon
+      };
+    });
     const mainClass = computed(() => {
       return {
         "disabled-element": props2.disabled,
@@ -30552,6 +30582,7 @@ const _sfc_main$S = {
     });
     const { formElementProps } = useAppFormElement(props2);
     return (_ctx, _cache2) => {
+      const _component_app_icon = resolveComponent("app-icon");
       const _directive_tippy = resolveDirective("tippy");
       return openBlock(), createBlock(AppFormElement, normalizeProps(guardReactiveProps(unref(formElementProps))), createSlots({
         default: withCtx(() => [
@@ -30568,7 +30599,12 @@ const _sfc_main$S = {
               withKeys(withModifiers(onKeyEscape, ["prevent"]), ["esc"])
             ]
           }, [
-            createElementVNode("div", _hoisted_2$r, [
+            createElementVNode("div", {
+              class: normalizeClass(selectAreaClass.value)
+            }, [
+              __props.leftIcon ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
+                createVNode(_component_app_icon, { value: __props.leftIcon }, null, 8, ["value"])
+              ])) : createCommentVNode("", true),
               createVNode(_sfc_main$T, mergeProps({
                 modelValue: modelValue.value,
                 "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => modelValue.value = $event),
@@ -30599,7 +30635,7 @@ const _sfc_main$S = {
                   class: normalizeClass(computedIconClass.value)
                 }, null, 8, ["class"])
               ])
-            ]),
+            ], 2),
             appSelect.value ? (openBlock(), createBlock(_sfc_main$1A, {
               key: 0,
               anchor: appSelect.value,
@@ -42827,6 +42863,10 @@ const selectOldProps = {
 const _sfc_main$q = {
   __name: "AppSelectBoolean",
   props: /* @__PURE__ */ mergeModels({
+    leftIcon: {
+      type: String,
+      default: null
+    },
     ...selectOldProps,
     ...sharedProps,
     ...appFormElementProps