@wikicasa-dev/components 1.8.18 → 1.9.1

package/dist/BaseAutocomplete.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.hlLBDl0A.js";
+import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CMkn7bj5.js";
 export {
   f as default
 };

package/dist/assets/BaseCard.css

@@ -1 +1 @@
-.card[data-v-f1252e69]{--card-height: 240px;position:relative;z-index:0;display:flex;max-width:930px;overflow:hidden;border-radius:20px;--tw-shadow: 0 0 8px #2222221F;--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 576px){.card[data-v-f1252e69]{height:var(--card-height)}}.card .card-body[data-v-f1252e69]{width:100%;padding:10px 15px}.card .card-img[data-v-f1252e69]{height:var(--card-height);width:100%;max-width:none}@media (min-width: 576px){.card .card-img[data-v-f1252e69]{max-width:300px}}.card.vertical[data-v-f1252e69]{flex-direction:column}@media not all and (min-width: 576px){.card.vertical[data-v-f1252e69]{min-height:100px;min-width:335px}}@media (min-width: 576px){.card.vertical[data-v-f1252e69]{height:-moz-fit-content;height:fit-content}}.card.vertical .card-img[data-v-f1252e69]{width:100%;max-width:100%}@media not all and (min-width: 576px){.card.vertical .card-img[data-v-f1252e69]{max-width:100%}}.map-card[data-v-f1252e69]{max-height:100px;max-width:370px}.map-card .card-img[data-v-f1252e69]{max-height:110px;max-width:120px}.card.news-card[data-v-f1252e69]{height:100px}@media not all and (min-width: 576px){.card.news-card[data-v-f1252e69]{width:320px}}@media (min-width: 576px){.card.news-card[data-v-f1252e69]{height:270px;flex-direction:column}}@media not all and (min-width: 576px){.card.news-card .card-img[data-v-f1252e69]{width:100px;height:100px}}@media (min-width: 576px){.card.news-card .card-img[data-v-f1252e69]{height:150px;max-width:100%}}
+.card[data-v-f1252e69]{--card-height: 240px;position:relative;z-index:0;display:flex;max-width:930px;overflow:hidden;border-radius:20px;--tw-shadow: 0 0 8px #2222221F;--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 576px){.card[data-v-f1252e69]{height:var(--card-height)}}.card .card-body[data-v-f1252e69]{width:100%;padding:10px 15px}.card .card-img[data-v-f1252e69]{height:var(--card-height);width:100%;max-width:none}@media (min-width: 576px){.card .card-img[data-v-f1252e69]{max-width:300px}}.card.vertical[data-v-f1252e69]{flex-direction:column}@media not all and (min-width: 576px){.card.vertical[data-v-f1252e69]{min-height:100px;min-width:335px}}@media (min-width: 576px){.card.vertical[data-v-f1252e69]{height:-moz-fit-content;height:fit-content}}.card.vertical .card-img[data-v-f1252e69]{width:100%;max-width:100%}@media not all and (min-width: 576px){.card.vertical .card-img[data-v-f1252e69]{max-width:100%}}.card.mini[data-v-f1252e69]{max-height:100px;max-width:370px}.card.mini .card-img[data-v-f1252e69]{max-height:110px;max-width:120px}.card.news-card[data-v-f1252e69]{height:100px}@media not all and (min-width: 576px){.card.news-card[data-v-f1252e69]{width:320px}}@media (min-width: 576px){.card.news-card[data-v-f1252e69]{height:270px;flex-direction:column}}@media not all and (min-width: 576px){.card.news-card .card-img[data-v-f1252e69]{width:100px;height:100px}}@media (min-width: 576px){.card.news-card .card-img[data-v-f1252e69]{height:150px;max-width:100%}}

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.hlLBDl0A.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.CMkn7bj5.js}

@@ -1,24 +1,24 @@
-import { defineComponent as L, mergeModels as S, useModel as H, ref as u, computed as k, onBeforeMount as K, watch as f, openBlock as y, createBlock as V, normalizeClass as z, withCtx as c, createVNode as N, renderSlot as B, createElementBlock as U, Fragment as A, renderList as F, unref as W, createElementVNode as j } from "vue";
+import { defineComponent as L, mergeModels as B, useModel as H, ref as s, computed as k, onBeforeMount as K, watch as f, openBlock as y, createBlock as S, normalizeClass as z, withCtx as c, createVNode as A, renderSlot as V, createElementBlock as N, Fragment as U, renderList as F, unref as W, createElementVNode as j } from "vue";
 import q from "../BaseInput.js";
 import { _ as G } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.CLzTJaGp.js";
 import "./js.cookie.CkZE2oaL.js";
 import { _ as J } from "./SelectItem.vue_vue_type_script_setup_true_lang.Colhxc7n.js";
 import { useKeyboardController as Q } from "../useKeyboardController.js";
-function R(a, v) {
-  return (...m) => new Promise((l, d) => {
-    a.id && clearTimeout(a.id), a.id = setTimeout(() => {
+function R(r, m) {
+  return (...v) => new Promise((l, d) => {
+    r.id && clearTimeout(r.id), r.id = setTimeout(() => {
       try {
-        const i = v(...m);
+        const i = m(...v);
         l(i);
       } catch (i) {
         d(i);
       }
-    }, a.delay);
+    }, r.delay);
   });
 }
 const X = ["innerHTML"], oe = /* @__PURE__ */ L({
   __name: "BaseAutocomplete",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ B({
     border: { type: Boolean, default: !0 },
     isValid: { default: null },
     theme: { default: "" },
@@ -38,9 +38,9 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
-  setup(a, { expose: v, emit: m }) {
-    const l = a, d = H(a, "modelValue"), i = m, s = u(""), n = u([]), h = u(null), p = u(!1), o = u(!1), g = u(null), O = k(() => n.value.length);
+  emits: /* @__PURE__ */ B(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
+  setup(r, { expose: m, emit: v }) {
+    const l = r, d = H(r, "modelValue"), i = v, u = s(""), n = s([]), h = s(null), p = s(!1), o = s(!1), g = s(null), O = k(() => n.value.length);
     K(() => {
       h.value = R({ delay: 300 }, l.onInputChangeCb);
     });
@@ -83,7 +83,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
           return "";
       }
     }), D = async (e) => {
-      if (s.value !== e && (i("changedValue", e), s.value = e, !!l.onInputChangeCb)) {
+      if (console.log("BaseAutocomplete", { v: e }), u.value !== e && (i("changedValue", e), u.value = e, !!l.onInputChangeCb)) {
         if (!e || p.value) {
           n.value = [], p.value = !1, C.value = -1, w.value = -1, d.value && (d.value.label = ""), o.value = !1, await h.value(null);
           return;
@@ -91,14 +91,14 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
         l.disableCb || (n.value = await h.value(e), o.value = !!n.value.length);
       }
     }, $ = (e, t) => {
-      l.onOptionSelectedCb && l.onOptionSelectedCb(e), l.cleanupOnClose && (n.value = []), p.value = !0, s.value = e.label, d.value = e, o.value = !1, C.value = t;
+      l.onOptionSelectedCb && l.onOptionSelectedCb(e), l.cleanupOnClose && (n.value = []), p.value = !0, u.value = e.label, d.value = e, o.value = !1, C.value = t;
     }, E = () => {
       n.value.length && l.keepState !== "closed" && (o.value = !0);
     };
     return f(
       d,
       (e, t) => {
-        e !== t && (s.value = e?.label || "");
+        e === t || e?.label === u.value || (u.value = e?.label || "");
       },
       { immediate: !0 }
     ), f(C, (e) => {
@@ -112,11 +112,11 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
       }
     ), f(o, (e) => {
       i("update:dropdownState", e);
-    }), v({
+    }), m({
       select: () => {
         g.value?.select();
       }
-    }), (e, t) => (y(), V(G, {
+    }), (e, t) => (y(), S(G, {
       class: z(e.$attrs["root-classes"]),
       "data-cy": `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
@@ -133,20 +133,20 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
       ],
       "open-dropdown": o.value,
       "keep-state": !n.value.length || l.keepState === "closed" ? "closed" : "opened",
-      "onUpdate:dropdownState": t[3] || (t[3] = (r) => o.value = r),
-      onClick: t[4] || (t[4] = (r) => {
+      "onUpdate:dropdownState": t[3] || (t[3] = (a) => o.value = a),
+      onClick: t[4] || (t[4] = (a) => {
         i("click"), E();
       }),
       "close-when-clicked-outside": e.closeDropdownOnBodyPressed
     }, {
       btn_slot: c(() => [
-        N(q, {
+        A(q, {
           id: `ac_input_${e.$attrs.id}`,
           ref_key: "baseInput",
           ref: g,
           "data-cy": `ac_input_${e.$attrs.id}`,
           "label-text": e.label,
-          "model-value": s.value,
+          "model-value": u.value,
           "is-valid": e.isValid,
           disabled: e.$attrs.disabled,
           placeholder: e.$attrs.placeholder,
@@ -158,30 +158,30 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
             "!uikit-ml-0 !uikit-w-full"
           ],
           "fieldset-classes": [I.value, e.$attrs["fieldset-classes"]],
-          "onUpdate:modelValue": t[0] || (t[0] = (r) => D(r === void 0 ? "" : `${r}`)),
-          onKeydown: t[1] || (t[1] = (r) => i("keydown", r)),
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => D(a === void 0 ? "" : `${a}`)),
+          onKeydown: t[1] || (t[1] = (a) => i("keydown", a)),
           onKeydownEnterPressed: t[2] || (t[2] = () => i("keydownEnterPressed"))
         }, {
           leftIcon: c(() => [
-            B(e.$slots, "lefticon")
+            V(e.$slots, "lefticon")
           ]),
-          righticon: c(({ handleClean: r }) => [
-            B(e.$slots, "righticon", { handleClean: r })
+          righticon: c(({ handleClean: a }) => [
+            V(e.$slots, "righticon", { handleClean: a })
           ]),
           _: 3
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "input-class", "fieldset-classes"])
       ]),
       default: c(() => [
-        (y(!0), U(A, null, F(n.value, (r, b) => (y(), V(J, {
+        (y(!0), N(U, null, F(n.value, (a, b) => (y(), S(J, {
           key: b,
           active: W(w) === b,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (T) => $(r, b),
+          onClick: (T) => $(a, b),
           onMouseover: (T) => w.value = b
         }, {
           default: c(() => [
             j("span", {
-              innerHTML: r.label
+              innerHTML: a.label
             }, null, 8, X)
           ]),
           _: 2

package/dist/index.js

@@ -11,7 +11,7 @@ import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang
 import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BYlMCUWP.js";
 import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.CM86-jVN.js";
 import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
-import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.hlLBDl0A.js";
+import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CMkn7bj5.js";
 import { _ as D } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
 import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
 import { default as O } from "./BaseCard.js";

package/dist/types.d.ts

@@ -11,5 +11,5 @@ export type TabType = {
     renderFn: any;
     tabId: string;
 } & BaseTabProps;
-export type CardTypes = "map-card" | "vertical" | "news" | "";
+export type CardTypes = "mini" | "vertical" | "news" | "";
 export type CardRootTypes = "div" | "article";

package/package.json

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