@wikicasa-dev/components 2.1.4-alpha.15 → 2.1.4-alpha.16

package/dist/UIKit/BaseAutocomplete.d.ts

@@ -26,6 +26,8 @@ declare const _default: <T, LabelID extends string | number | undefined, TCompon
         fieldsetClasses?: ClassTypeProp;
         placeholder?: string;
         dataCy?: string;
+        withBorder?: boolean;
+        withCleanBtn?: boolean;
     }) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         select: () => void;

package/dist/lib/UIKit/BaseAutocomplete.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, mergeModels as y, useModel as A, ref as c, computed as g, onBeforeMount as L, watch as m, createBlock as C, openBlock as v, normalizeClass as z, withCtx as p, createElementBlock as G, Fragment as H, renderList as K, unref as $, createCommentVNode as N, createElementVNode as B, resolveDynamicComponent as F, createVNode as T, createSlots as j, withDirectives as W, vShow as X, renderSlot as q } from "vue";
+import { defineComponent as P, mergeModels as y, useModel as A, ref as c, computed as g, onBeforeMount as L, watch as m, createBlock as C, openBlock as v, normalizeClass as z, withCtx as p, createElementBlock as G, Fragment as H, renderList as K, unref as B, createCommentVNode as N, createElementVNode as $, resolveDynamicComponent as F, createVNode as T, createSlots as j, renderSlot as W, withDirectives as X, vShow as q } from "vue";
 import J from "./BaseInput.vue.js";
 import '../../assets/lib/UIKit/BaseInput.css';/* empty css               */
 import Q from "./BaseDropDown.vue.js";
@@ -19,7 +19,9 @@ const x = ["onClick"], _ = ["innerHTML"], ue = /* @__PURE__ */ P({
     inputClasses: {},
     fieldsetClasses: {},
     placeholder: { default: "" },
-    dataCy: { default: "" }
+    dataCy: { default: "" },
+    withBorder: { type: Boolean, default: !0 },
+    withCleanBtn: { type: Boolean, default: !0 }
   }, {
     modelValue: {
       default() {
@@ -106,40 +108,43 @@ const x = ["onClick"], _ = ["innerHTML"], ue = /* @__PURE__ */ P({
           placeholder: e.placeholder,
           "input-class": [e.inputClasses, "!uikit-text"],
           "fieldset-classes": [e.fieldsetClasses],
+          "with-border": e.withBorder,
           "onUpdate:modelValue": t[0] || (t[0] = (l) => I(l === void 0 ? "" : `${l}`)),
           onKeydown: t[1] || (t[1] = (l) => s("keydown", l)),
           onKeydownEnterPressed: t[2] || (t[2] = () => s("keydownEnterPressed"))
-        }, j({
-          rightIcon: p(({ handleClean: l }) => [
-            W(B("span", {
-              class: "text-input-icon right uikit-flex uikit-size-md uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-w-lightgray uikit-text uikit-font-semibold uikit-text-white",
-              onClick: l
-            }, "X", 8, x), [
-              [X, $(r) !== -1]
-            ])
-          ]),
-          _: 2
-        }, [
+        }, j({ _: 2 }, [
           e.$slots.leftIcon ? {
             name: "leftIcon",
             fn: p(() => [
-              q(e.$slots, "leftIcon")
+              W(e.$slots, "leftIcon")
             ]),
             key: "0"
+          } : void 0,
+          e.withCleanBtn ? {
+            name: "rightIcon",
+            fn: p(({ handleClean: l }) => [
+              X($("span", {
+                class: "text-input-icon right uikit-flex uikit-size-md uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-w-lightgray uikit-text uikit-font-semibold uikit-text-white",
+                onClick: l
+              }, "X", 8, x), [
+                [q, B(r) !== -1]
+              ])
+            ]),
+            key: "1"
           } : void 0
-        ]), 1032, ["id", "data-cy", "model-value", "is-valid", "disabled", "placeholder", "input-class", "fieldset-classes"])
+        ]), 1032, ["id", "data-cy", "model-value", "is-valid", "disabled", "placeholder", "input-class", "fieldset-classes", "with-border"])
       ]),
       default: p(() => [
         (v(!0), G(H, null, K(a.value, (l, f) => (v(), C(Y, {
           key: f,
-          active: $(k) === f,
+          active: B(k) === f,
           class: "uikit-relative uikit-flex uikit-gap-x-xs uikit-rounded-[5px] uikit-p-md uikit-py-xs uikit-text after:uikit-absolute after:uikit-bottom-0 after:uikit-left-1/2 after:uikit-h-[1px] after:uikit-w-[95%] after:-uikit-translate-x-1/2 after:uikit-bg-w-lightgray after:uikit-content-[''] after:last:uikit-hidden hover:uikit-cursor-pointer",
           onClick: (U) => w(l, f),
           onMouseover: (U) => k.value = f
         }, {
           default: p(() => [
             l.icon ? (v(), C(F(l.icon), { key: 0 })) : N("", !0),
-            B("span", {
+            $("span", {
               innerHTML: l.label
             }, null, 8, _)
           ]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.1.4-alpha.15",
+  "version": "2.1.4-alpha.16",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",