@wikicasa-dev/components 2.2.2-alpha.0 → 2.2.3

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-autoplay.css';/* empty css                                                                           */
+import '../assets/swiper-controller.css';/* empty css                                                                           */
 export {
   t as Autoplay
 };

package/dist/Swiper/controller.js

@@ -1,5 +1,5 @@
 import { Controller as e } from "swiper/modules";
-import '../assets/swiper-autoplay.css';/* empty css                                                                             */
+import '../assets/swiper-controller.css';/* empty css                                                                             */
 export {
   e as Controller
 };

package/dist/Swiper/keyboard.js

@@ -1,5 +1,5 @@
 import { Keyboard as m } from "swiper/modules";
-import '../assets/swiper-autoplay.css';/* empty css                                                                           */
+import '../assets/swiper-controller.css';/* empty css                                                                           */
 export {
   m as Keyboard
 };

package/dist/Swiper/thumbs.js

@@ -1,5 +1,5 @@
 import { Thumbs as p } from "swiper/modules";
-import '../assets/swiper-autoplay.css';/* empty css                                                                         */
+import '../assets/swiper-controller.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/BaseAutocomplete.d.ts

@@ -1,6 +1,7 @@
-import { Nullable, BaseAutocompleteThemes } from '@wikicasa-dev/types';
+import { Nullable } from '@wikicasa-dev/types';
 import { AccessibleSelectOptions } from './AccessibleSelect';
 import { ClassTypeProp } from './types';
+export type BaseAutocompleteThemes = "empty" | "bordered" | "all-bordered" | "all-bordered-thick" | "";
 declare const _default: <T, LabelID extends string | number | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onClick?: (() => any) | undefined;
@@ -38,6 +39,10 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
         righticon?(_: {
             handleClean: () => void;
         }): any;
+        'item-content'?(_: {
+            option: import('@vue/reactivity').UnwrapRefSimple<AccessibleSelectOptions<T, LabelID>>;
+            idx: number;
+        }): any;
     };
     emit: (((evt: "click") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "changedValue", args_0: string) => void)) & ((evt: "update:modelValue", value: AccessibleSelectOptions<T, LabelID> | undefined) => void);
 }>) => import('vue').VNode & {

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

@@ -1,4 +1,4 @@
-import { defineComponent as P, mergeModels as y, useModel as F, ref as d, computed as k, onBeforeMount as L, watch as f, createBlock as g, openBlock as w, normalizeClass as H, withCtx as s, createElementBlock as K, Fragment as T, renderList as z, unref as N, createElementVNode as U, createVNode as A, renderSlot as $ } from "vue";
+import { defineComponent as P, mergeModels as $, useModel as F, ref as d, computed as k, onBeforeMount as L, watch as f, createBlock as g, openBlock as w, normalizeClass as H, withCtx as c, createElementBlock as K, Fragment as T, renderList as z, unref as N, renderSlot as p, createElementVNode as U, createVNode as A } from "vue";
 import W from "../../../../UIKit/BaseInput.js";
 import j from "./BaseDropDown.vue.js";
 import { debounce as q } from "@wikicasa-dev/utilities";
@@ -6,7 +6,7 @@ import G from "./BaseSelect/SelectItem.vue.js";
 import { useKeyboardController as J } from "@wikicasa-dev/vue-composables";
 const Q = ["innerHTML"], le = /* @__PURE__ */ P({
   __name: "BaseAutocomplete",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ $({
     isValid: { type: [Boolean, null], default: null },
     theme: { default: "" },
     label: { default: "" },
@@ -28,12 +28,12 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ y(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
   setup(t, { expose: S, emit: V }) {
     const u = F(
       t,
       "modelValue"
-    ), r = V, i = d(""), a = d([]), v = d(null), c = d(!1), n = d(!1), p = d(null), B = k(() => a.value.length);
+    ), r = V, i = d(""), o = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), B = k(() => o.value.length);
     L(() => {
       v.value = q({ delay: 300 }, t.onInputChangeCb);
     });
@@ -52,7 +52,7 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
         default:
           return "";
       }
-    }), x = k(() => {
+    }), I = k(() => {
       switch (t.theme) {
         case "bordered":
           return "";
@@ -63,7 +63,7 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
         default:
           return "";
       }
-    }), I = k(() => {
+    }), M = k(() => {
       const e = "uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";
       switch (t.theme) {
         case "bordered":
@@ -75,18 +75,18 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
         default:
           return "";
       }
-    }), M = async (e) => {
+    }), x = async (e) => {
       if (i.value !== e && (r("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
-        if (!e || c.value) {
-          a.value = [], c.value = !1, h.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await v.value(null);
+        if (!e || b.value) {
+          o.value = [], b.value = !1, h.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await v.value(null);
           return;
         }
-        t.disableCb || (a.value = await v.value(e), n.value = !!a.value.length);
+        t.disableCb || (o.value = await v.value(e), n.value = !!o.value.length);
       }
-    }, C = (e, l) => {
-      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (a.value = []), c.value = !0, i.value = e.label, u.value = e, n.value = !1, h.value = l;
+    }, y = (e, l) => {
+      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (o.value = []), b.value = !0, i.value = e.label, u.value = e, n.value = !1, h.value = l;
     }, D = () => {
-      a.value.length && t.keepState !== "closed" && (n.value = !0);
+      o.value.length && t.keepState !== "closed" && (n.value = !0);
     };
     return f(
       u,
@@ -95,19 +95,19 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
       },
       { immediate: !0 }
     ), f(h, (e) => {
-      if (e === -1 || !a.value.length) return;
-      const l = a.value[e];
-      c.value && l.label === u.value?.label || C(l, e);
+      if (e === -1 || !o.value.length) return;
+      const l = o.value[e];
+      b.value && l.label === u.value?.label || y(l, e);
     }), f(
       () => t.keepState,
       (e) => {
-        e === "closed" ? (n.value = !1, t.cleanupOnClose && (a.value = [])) : e === "open" && a.value.length && (n.value = !0);
+        e === "closed" ? (n.value = !1, t.cleanupOnClose && (o.value = [])) : e === "open" && o.value.length && (n.value = !0);
       }
     ), f(n, (e) => {
       r("update:dropdownState", e);
     }), S({
       select: () => {
-        p.value?.select();
+        C.value?.select();
       }
     }), (e, l) => (w(), g(j, {
       class: H(e.$attrs["root-classes"]),
@@ -120,24 +120,24 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
         {
           "uikit-mt-10px !uikit-border !uikit-border-w-secondary !uikit-rounded-xs": !t.theme
         },
-        I.value,
+        M.value,
         "!uikit-max-h-[210px] uikit-z-30",
         t.dropdownClasses
       ],
       "open-dropdown": n.value,
-      "keep-state": !a.value.length || t.keepState === "closed" ? "closed" : "opened",
+      "keep-state": !o.value.length || t.keepState === "closed" ? "closed" : "opened",
       "close-when-clicked-outside": t.closeDropdownOnBodyPressed,
       "activate-keyboard-controller": !1,
-      "onUpdate:dropdownState": l[3] || (l[3] = (o) => n.value = o),
-      onClick: l[4] || (l[4] = (o) => {
+      "onUpdate:dropdownState": l[3] || (l[3] = (a) => n.value = a),
+      onClick: l[4] || (l[4] = (a) => {
         r("click"), D();
       })
     }, {
-      btn_slot: s(() => [
+      btn_slot: c(() => [
         A(W, {
           id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
           ref_key: "baseInput",
-          ref: p,
+          ref: C,
           "data-cy": t.dataCy ? `ac_input_${t.dataCy}` : `ac_input_${e.$attrs.id}`,
           "label-text": t.label,
           "model-value": i.value,
@@ -151,32 +151,37 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
             t.inputClasses,
             "!uikit-ml-0 !uikit-w-full"
           ],
-          "fieldset-classes": [x.value, t.fieldsetClasses],
-          "onUpdate:modelValue": l[0] || (l[0] = (o) => M(o === void 0 ? "" : `${o}`)),
-          onKeydown: l[1] || (l[1] = (o) => r("keydown", o)),
+          "fieldset-classes": [I.value, t.fieldsetClasses],
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => x(a === void 0 ? "" : `${a}`)),
+          onKeydown: l[1] || (l[1] = (a) => r("keydown", a)),
           onKeydownEnterPressed: l[2] || (l[2] = () => r("keydownEnterPressed"))
         }, {
-          leftIcon: s(() => [
-            $(e.$slots, "lefticon")
+          leftIcon: c(() => [
+            p(e.$slots, "lefticon")
           ]),
-          righticon: s(({ handleClean: o }) => [
-            $(e.$slots, "righticon", { handleClean: o })
+          righticon: c(({ handleClean: a }) => [
+            p(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: s(() => [
-        (w(!0), K(T, null, z(a.value, (o, b) => (w(), g(G, {
-          key: b,
-          active: N(m) === b,
+      default: c(() => [
+        (w(!0), K(T, null, z(o.value, (a, s) => (w(), g(G, {
+          key: s,
+          active: N(m) === s,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (E) => C(o, b),
-          onMouseover: (E) => m.value = b
+          onClick: (E) => y(a, s),
+          onMouseover: (E) => m.value = s
         }, {
-          default: s(() => [
-            U("span", {
-              innerHTML: o.label
-            }, null, 8, Q)
+          default: c(() => [
+            p(e.$slots, "item-content", {
+              option: a,
+              idx: s
+            }, () => [
+              U("span", {
+                innerHTML: a.label
+              }, null, 8, Q)
+            ])
           ]),
           _: 2
         }, 1032, ["active", "onClick", "onMouseover"]))), 128))

package/dist/types/index.d.ts

@@ -7,3 +7,4 @@ export type { AccessibleSelectOptions } from '../UIKit/AccessibleSelect';
 export type { BaseComplexToggleProps, ToggleType, } from '../UIKit/BaseComplexToggle';
 export type { SnackbarProps } from '../UIKit/BaseSnackbar';
 export type { ChartOptions, ChartData } from 'chart.js';
+export type { BaseAutocompleteThemes } from '../UIKit/BaseAutocomplete';

package/package.json

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