@stsdti/funky-ui-kit 1.7.2 → 1.7.4

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

@@ -13410,7 +13410,7 @@ function useAppFormElement(props2, attributes) {
     return props2.name ?? props2.label ?? props2.dataVvAs;
   });
   const computedPlaceHolder = computed(() => {
-    return props2.placeholder ?? props2.label ?? props2.name;
+    return props2.placeholder ?? props2.label;
   });
   const formElementProps = computed(() => {
     return {
@@ -27957,12 +27957,12 @@ 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 = ["disabled", "name", "placeholder", "type"];
-const _hoisted_2$G = {
-  key: 0,
+const _hoisted_1$W = { class: "flex-center-vertical form-control p-0" };
+const _hoisted_2$G = ["disabled", "name", "placeholder", "type"];
+const _hoisted_3$r = {
+  key: 1,
   class: "app-number-spinners"
 };
-const _hoisted_3$r = { class: "form-control-feedback-icon" };
 const _sfc_main$1h = {
   __name: "AppInput",
   props: /* @__PURE__ */ mergeModels({
@@ -27985,6 +27985,10 @@ const _sfc_main$1h = {
     let modelValue = useModel(__props, "modelValue");
     const props2 = __props;
     const emits = __emit;
+    const clearStyle = computed(() => ({
+      "margin-right": isTypeNumber.value ? "2px" : "8px"
+    }));
+    const isTypeNumber = computed(() => props2.type === "number");
     const { formElementProps, computedName, computedPlaceHolder } = useAppFormElement(props2);
     const attrs = useAttrs();
     const inputAttrs = computed(() => {
@@ -28024,12 +28028,12 @@ const _sfc_main$1h = {
       }
       modelValue.value = val;
     };
-    const computedClass = computed(() => {
+    computed(() => {
       return {
-        "form-control": true,
-        "disabled-element": props2.disabled,
-        "app-input--no-padding": !props2.isClearable || props2.disabled,
-        "app-input--has-spinners": props2.type === "number"
+        // 'form-control': true,
+        // 'disabled-element': props.disabled,
+        // 'app-input--no-padding': !props.isClearable || props.disabled,
+        // 'app-input--has-spinners': props.type === 'number'
       };
     });
     __expose({
@@ -28042,48 +28046,48 @@ const _sfc_main$1h = {
           renderSlot(_ctx.$slots, "help-block", {}, void 0, true)
         ]),
         default: withCtx(() => [
-          withDirectives(createElementVNode("input", mergeProps({
-            ref_key: "inputElement",
-            ref: inputElement,
-            "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : modelValue = $event),
-            disabled: _ctx.disabled,
-            name: unref(computedName),
-            placeholder: unref(computedPlaceHolder),
-            type: __props.type,
-            class: computedClass.value
-          }, inputAttrs.value, {
-            onBlur,
-            onKeyup: withKeys(onSubmit, ["enter"])
-          }), null, 16, _hoisted_1$W), [
-            [vModelDynamic, unref(modelValue)]
-          ]),
-          __props.type === "number" && !props2.disabled ? (openBlock(), createElementBlock("div", _hoisted_2$G, [
-            createElementVNode("div", {
-              class: "spinner-btn spinner-up",
-              onClick: withModifiers(increment, ["stop"])
-            }, [
-              createVNode(unref(IconCaretUpFilled), { size: 14 })
+          createElementVNode("div", _hoisted_1$W, [
+            withDirectives(createElementVNode("input", mergeProps({
+              ref_key: "inputElement",
+              ref: inputElement,
+              "onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : modelValue = $event),
+              disabled: _ctx.disabled,
+              name: unref(computedName),
+              placeholder: unref(computedPlaceHolder),
+              type: __props.type,
+              class: "input-empty no-spinner flex-1 p-1"
+            }, inputAttrs.value, {
+              onBlur,
+              onKeyup: withKeys(onSubmit, ["enter"])
+            }), null, 16, _hoisted_2$G), [
+              [vModelDynamic, unref(modelValue)]
             ]),
-            createElementVNode("div", {
-              class: "spinner-btn spinner-down",
-              onClick: withModifiers(decrement, ["stop"])
+            __props.isClearable && unref(modelValue) && !props2.disabled ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              style: normalizeStyle(clearStyle.value)
             }, [
-              createVNode(unref(IconCaretDownFilled), { size: 14 })
-            ])
-          ])) : createCommentVNode("", true),
-          __props.isClearable && unref(modelValue) && !props2.disabled ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: normalizeClass(["form-control-feedback", "form-control-feedback-end", { "has-spinners-clear-icon": __props.type === "number" }])
-          }, [
-            createElementVNode("div", _hoisted_3$r, [
               withDirectives(createElementVNode("i", {
                 class: "ph-x-circle app-cross-icon",
                 onClick: withModifiers(clearOptions, ["stop"])
               }, null, 512), [
                 [_directive_tippy, "Ștergeți opțiunile selectate"]
               ])
-            ])
-          ], 2)) : createCommentVNode("", true)
+            ], 4)) : createCommentVNode("", true),
+            isTypeNumber.value && !props2.disabled ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
+              createElementVNode("div", {
+                class: "spinner-btn spinner-up no-select cursor-pointer",
+                onClick: withModifiers(increment, ["stop"])
+              }, [
+                createVNode(unref(IconCaretUpFilled), { size: 14 })
+              ]),
+              createElementVNode("div", {
+                class: "spinner-btn spinner-down no-select cursor-pointer",
+                onClick: withModifiers(decrement, ["stop"])
+              }, [
+                createVNode(unref(IconCaretDownFilled), { size: 14 })
+              ])
+            ])) : createCommentVNode("", true)
+          ])
         ]),
         _: 2
       }, [
@@ -28099,7 +28103,7 @@ const _sfc_main$1h = {
     };
   }
 };
-const AppInput = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-f53e2b8e"]]);
+const AppInput = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-5976c38e"]]);
 const _hoisted_1$V = {
   key: 0,
   class: "app-link__label"
@@ -85976,11 +85980,11 @@ const components = {
   AppButtonGroup: _sfc_main$1K,
   AppBoard: _sfc_main,
   AppDate,
-  // New simpler name
+  // New simpler name,
   AppDateRange: _sfc_main$1E,
-  // New simpler name
+  // New simpler name,
   DayOfWeek: _sfc_main$1I,
-  // New simpler name
+  // New simpler name,
   AppDatePicker: AppDate,
   AppDatePickerRange: _sfc_main$1E,
   AppDatePickerDayOfWeek: _sfc_main$1I,