@wikicasa-dev/components 2.6.14-alpha.0 → 2.7.0

package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts

@@ -20,6 +20,7 @@ export interface ClearableAutocompleteProps<TID extends string | number | undefi
         offset?: number;
         width?: number;
         height?: number;
+        dataCy?: string;
     };
     keepState?: Nullable<"closed" | "open">;
     disableCb?: boolean;

package/dist/UIKit/Autocomplete/ClearableAutocomplete.vue.js

@@ -1,17 +1,17 @@
 import e from "../BaseSelect/SelectItem.js";
 import t from "../BaseDropDown.js";
-import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeModels as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onBeforeMount as p, onMounted as m, onUnmounted as h, openBlock as g, renderList as ee, renderSlot as _, shallowRef as v, toDisplayString as y, unref as b, useId as x, useModel as S, useTemplateRef as C, vModelText as w, vShow as T, watch as E, withCtx as D, withDirectives as O, withModifiers as te } from "vue";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeModels as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onBeforeMount as p, onMounted as m, onUnmounted as h, openBlock as g, renderList as _, renderSlot as v, shallowRef as y, toDisplayString as b, unref as x, useId as S, useModel as C, useTemplateRef as w, vModelText as T, vShow as ee, watch as E, withCtx as D, withDirectives as O, withModifiers as te } from "vue";
 import { debounce as ne } from "@wikicasa-dev/utilities";
 import '../../assets/ClearableAutocomplete.css';//#region lib/UIKit/Autocomplete/ClearableAutocomplete.vue?vue&type=script&setup=true&lang.ts
 var re = [
 	"id",
 	"data-cy",
 	"placeholder"
-], k = {
+], k = ["data-cy"], A = {
 	key: 1,
 	name: "loading-state",
 	class: "uikit-progress-bar-track uikit-absolute uikit-left-0 uikit-top-0 uikit-w-full"
-}, A = ["innerHTML"], j = /*@__PURE__*/ c({
+}, j = ["innerHTML"], M = /*@__PURE__*/ c({
 	__name: "ClearableAutocomplete",
 	props: /*@__PURE__*/ l({
 		dataCy: {},
@@ -54,24 +54,24 @@ var re = [
 		"update:modelValue",
 		"update:inputValue"
 	]),
-	setup(c, { expose: l, emit: j }) {
-		let M = S(c, "open"), N = S(c, "modelValue"), P = S(c, "inputValue"), F = j, I = x(), L = C("inputRef"), R = v(0), z = v(!1), B = v(!1), V = v(-1), H = v(-1), U = v(null), W = v([]), G = C("dropdownRef"), K = C("hiddenSpan"), q = C("inputWrapperRef"), J = C("clearButtonRef"), Y = () => {
-			V.value = -1, H.value = -1;
-		}, ie = () => {
-			P.value = "", N.value = null, z.value = !1, Y();
-		}, ae = async (e) => {
+	setup(c, { expose: l, emit: M }) {
+		let N = C(c, "open"), P = C(c, "modelValue"), F = C(c, "inputValue"), I = M, L = S(), R = w("inputRef"), z = y(0), B = y(!1), V = y(!1), H = y(-1), U = y(-1), W = y(null), G = y([]), ie = w("dropdownRef"), K = w("hiddenSpan"), q = w("inputWrapperRef"), J = w("clearButtonRef"), Y = () => {
+			H.value = -1, U.value = -1;
+		}, ae = () => {
+			F.value = "", P.value = null, B.value = !1, Y();
+		}, oe = async (e) => {
 			if (!e) {
-				W.value = [], M.value = !1, Y();
+				G.value = [], N.value = !1, Y();
 				return;
 			}
-			c.disableCb || (B.value = !0, W.value = await U.value?.(e)?.catch(() => []) || [], Y(), B.value = !1, M.value = !!W.value.length);
-		}, oe = (e) => {
-			F("input", e), z.value = !1;
+			c.disableCb || (V.value = !0, G.value = await W.value?.(e)?.catch(() => []) || [], Y(), V.value = !1, N.value = !!G.value.length);
+		}, se = (e) => {
+			I("input", e), B.value = !1;
 		}, X = (e = -1, t) => {
-			let n = W.value[e];
-			!n || n.id === N.value?.id || (H.value = e, c.onOptionSelectedCb?.(n, { trigger: t }), P.value = n.label, M.value = !1, N.value = n, z.value = !0, W.value = []);
+			let n = G.value[e];
+			!n || n.id === P.value?.id || (U.value = e, c.onOptionSelectedCb?.(n, { trigger: t }), F.value = n.label, N.value = !1, P.value = n, B.value = !0, G.value = []);
 		}, Z = (e) => {
-			if (!c.enableKeyboardController || !M.value || ![
+			if (!c.enableKeyboardController || !N.value || ![
 				"ArrowUp",
 				"ArrowDown",
 				"Enter",
@@ -82,11 +82,11 @@ var re = [
 				"End"
 			].includes(e.key)) return;
 			if (e.key === "Escape") {
-				V.value = H.value, M.value = !1, e.stopPropagation();
+				H.value = U.value, N.value = !1, e.stopPropagation();
 				return;
 			}
-			if (!W.value.length) return;
-			let t = W.value.length - 1;
+			if (!G.value.length) return;
+			let t = G.value.length - 1;
 			if ([
 				"ArrowUp",
 				"ArrowDown",
@@ -94,27 +94,27 @@ var re = [
 				"Home",
 				"PageDown",
 				"End"
-			].includes(e.key) && e.preventDefault(), e.key === "ArrowUp") V.value = V.value <= 0 ? t : V.value - 1;
-			else if (e.key === "ArrowDown") V.value = V.value >= t ? 0 : V.value + 1;
+			].includes(e.key) && e.preventDefault(), e.key === "ArrowUp") H.value = H.value <= 0 ? t : H.value - 1;
+			else if (e.key === "ArrowDown") H.value = H.value >= t ? 0 : H.value + 1;
 			else if (e.key === "Enter") {
-				if (V.value === -1) return;
-				e.preventDefault(), X(V.value, "enter");
-			} else e.key === "PageUp" || e.key === "Home" ? V.value = 0 : (e.key === "PageDown" || e.key === "End") && (V.value = t);
+				if (H.value === -1) return;
+				e.preventDefault(), X(H.value, "enter");
+			} else e.key === "PageUp" || e.key === "Home" ? H.value = 0 : (e.key === "PageDown" || e.key === "End") && (H.value = t);
 			e.stopPropagation();
-		}, se = (e) => {
-			F("keydown", e), Z(e);
-		}, ce = () => {
-			L.value?.select();
+		}, ce = (e) => {
+			I("keydown", e), Z(e);
 		}, le = () => {
-			L.value?.focus();
+			R.value?.select();
+		}, ue = () => {
+			R.value?.focus();
 		}, Q = null, $ = () => {
 			let e = K.value, t = q.value, n = J.value;
 			if (!e || !t) return;
 			let r = e.offsetWidth, i = t.offsetWidth, a = c.clearButton?.offset || 0, o = c.clearButton?.width || n?.offsetWidth || 0, s = i - a - o, l = Math.min(r, s);
-			l !== R.value && (R.value = l);
+			l !== z.value && (z.value = l);
 		};
 		return p(() => {
-			U.value = ne({ delay: 300 }, async (e = "") => (M.value = !0, await c.onInputChangeCb(e)));
+			W.value = ne({ delay: 300 }, async (e = "") => (N.value = !0, await c.onInputChangeCb(e)));
 		}), m(() => {
 			q.value && (Q = new ResizeObserver(() => {
 				$();
@@ -122,19 +122,19 @@ var re = [
 		}), h(() => {
 			Q?.disconnect();
 		}), E([
-			P,
+			F,
 			K,
 			J
 		], () => {
 			u($);
-		}), E(N, (e) => {
-			if (e?.label === P.value) return;
+		}), E(P, (e) => {
+			if (e?.label === F.value) return;
 			let t = e?.label || "";
-			P.value = t, t && (z.value = !0);
+			F.value = t, t && (B.value = !0);
 		}, { immediate: !0 }), l({
-			getRootElement: () => G.value?.getRootElement(),
-			select: ce,
-			focus: le
+			getRootElement: () => ie.value?.getRootElement(),
+			select: le,
+			focus: ue
 		}), (l, u) => (g(), r(t, {
 			ref: "dropdownRef",
 			class: "uikit-clearable-autocomplete",
@@ -143,22 +143,22 @@ var re = [
 			"dropdown-classes": ["uikit-z-30", c.dropdownClasses],
 			"keep-state": c.keepState === "closed" ? "closed" : "opened",
 			"activate-keyboard-controller": !1,
-			open: M.value,
-			"onUpdate:open": u[3] ||= (e) => M.value = e
+			open: N.value,
+			"onUpdate:open": u[3] ||= (e) => N.value = e
 		}, {
 			btn_slot: D(() => [o("div", {
 				class: d(["uikit-text-16", c.triggerWrapperClasses]),
-				onClick: u[2] ||= (e) => F("click", e)
+				onClick: u[2] ||= (e) => I("click", e)
 			}, [
-				_(l.$slots, "left-icon"),
+				v(l.$slots, "left-icon"),
 				o("div", {
 					ref: "inputWrapperRef",
 					class: d(["uikit-relative", c.inputWrapperClasses])
 				}, [
 					O(o("input", {
 						ref: "inputRef",
-						"onUpdate:modelValue": [u[0] ||= (e) => P.value = e, ae],
-						id: b(I),
+						"onUpdate:modelValue": [u[0] ||= (e) => F.value = e, oe],
+						id: x(L),
 						"data-cy": c.dataCy ? `ac_input_${c.dataCy}` : "",
 						type: "text",
 						autocomplete: "off",
@@ -168,12 +168,12 @@ var re = [
 							fontSize: "inherit"
 						},
 						placeholder: c.placeholder,
-						onKeydown: se,
-						onInput: oe,
+						onKeydown: ce,
+						onInput: se,
 						onClick: u[1] ||= (e) => {
-							F("inputClick", e), L.value?.select();
+							I("inputClick", e), R.value?.select();
 						}
-					}, null, 42, re), [[w, P.value]]),
+					}, null, 42, re), [[T, F.value]]),
 					o("span", {
 						ref_key: "hiddenSpan",
 						ref: K,
@@ -182,37 +182,38 @@ var re = [
 							font: "inherit",
 							fontSize: "inherit"
 						}
-					}, y(P.value), 3),
+					}, b(F.value), 3),
 					O(o("button", {
 						ref: "clearButtonRef",
 						type: "button",
 						class: d(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", c.clearButton?.classes]),
+						"data-cy": c.clearButton?.dataCy || "clear-btn",
 						"aria-label": "Clear input",
 						style: f({
-							left: `${R.value + (c.clearButton?.offset || 0)}px`,
+							left: `${z.value + (c.clearButton?.offset || 0)}px`,
 							width: c.clearButton?.width ? `${c.clearButton.width}px` : "auto",
 							height: c.clearButton?.height ? `${c.clearButton.height}px` : "auto"
 						}),
-						onClick: te(ie, ["stop"])
-					}, [_(l.$slots, "clear-icon", {}, () => [u[4] ||= s("X", -1)])], 6), [[T, z.value && R.value]])
+						onClick: te(ae, ["stop"])
+					}, [v(l.$slots, "clear-icon", {}, () => [u[4] ||= s("X", -1)])], 14, k), [[ee, B.value && z.value]])
 				], 2),
-				_(l.$slots, "right-icon")
+				v(l.$slots, "right-icon")
 			], 2)]),
 			default: D(() => [
-				B.value && !W.value.length ? _(l.$slots, "loading-state", { key: 0 }) : i("", !0),
-				B.value && W.value.length ? (g(), a("div", k, [...u[5] ||= [o("div", { class: "uikit-progress-bar-fill" }, null, -1)]])) : i("", !0),
-				W.value.length ? (g(!0), a(n, { key: 2 }, ee(W.value, (t, n) => (g(), r(e, {
+				V.value && !G.value.length ? v(l.$slots, "loading-state", { key: 0 }) : i("", !0),
+				V.value && G.value.length ? (g(), a("div", A, [...u[5] ||= [o("div", { class: "uikit-progress-bar-fill" }, null, -1)]])) : i("", !0),
+				G.value.length ? (g(!0), a(n, { key: 2 }, _(G.value, (t, n) => (g(), r(e, {
 					key: n,
-					active: V.value === n,
+					active: H.value === n,
 					class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
 					onClick: (e) => X(n, "click"),
 					onKeydown: Z,
-					onMouseover: (e) => V.value = n
+					onMouseover: (e) => H.value = n
 				}, {
-					default: D(() => [_(l.$slots, "option-content", {
+					default: D(() => [v(l.$slots, "option-content", {
 						option: t,
 						idx: n
-					}, () => [o("span", { innerHTML: t.label }, null, 8, A)])]),
+					}, () => [o("span", { innerHTML: t.label }, null, 8, j)])]),
 					_: 2
 				}, 1032, [
 					"active",
@@ -230,4 +231,4 @@ var re = [
 	}
 });
 //#endregion
-export { j as default };
+export { M as default };

package/dist/lazyModules/Swiper/Autoplay/index.js

@@ -1,3 +1,3 @@
-import '../../../assets/swiper-thumbs.css';/* empty css                                                                             */
+import '../../../assets/swiper-controller.css';/* empty css                                                                             */
 import { Autoplay as e } from "swiper/modules";
 export { e as default };

package/dist/lazyModules/Swiper/Controller/index.js

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

package/dist/lazyModules/Swiper/Keyboard/index.js

@@ -1,3 +1,3 @@
-import '../../../assets/swiper-thumbs.css';/* empty css                                                                             */
+import '../../../assets/swiper-controller.css';/* empty css                                                                             */
 import { Keyboard as e } from "swiper/modules";
 export { e as default };

package/dist/lazyModules/Swiper/Thumbs/index.js

@@ -1,3 +1,3 @@
-import '../../../assets/swiper-thumbs.css';/* empty css                                                                           */
+import '../../../assets/swiper-controller.css';/* empty css                                                                           */
 import { Thumbs as e } from "swiper/modules";
 export { e as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.6.14-alpha.0",
+  "version": "2.7.0",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -82,13 +82,13 @@
     "vitest-browser-vue": "^2.1.0",
     "vue-router": "^5.1.0",
     "vue-tsc": "^3.3.3",
-    "@wikicasa-dev/eslint-config": "0.0.0",
-    "@wikicasa-dev/tsconfig": "0.0.0",
-    "@wikicasa-dev/svg-icons": "1.3.7",
     "@wikicasa-dev/tailwind-plugins": "0.0.7",
+    "@wikicasa-dev/svg-icons": "1.3.7",
     "@wikicasa-dev/types": "2.8.0",
-    "@wikicasa-dev/utilities": "1.2.11",
-    "@wikicasa-dev/vue-composables": "0.2.0"
+    "@wikicasa-dev/eslint-config": "0.0.0",
+    "@wikicasa-dev/tsconfig": "0.0.0",
+    "@wikicasa-dev/vue-composables": "0.2.0",
+    "@wikicasa-dev/utilities": "1.2.11"
   },
   "readme": "ERROR: No README data found!",
   "scripts": {