@wikicasa-dev/components 2.2.8-alpha.20 → 2.2.8-alpha.21

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-controller.css';/* empty css                                                                           */
+import '../assets/swiper-keyboard.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-controller.css';/* empty css                                                                             */
+import '../assets/swiper-keyboard.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-controller.css';/* empty css                                                                           */
+import '../assets/swiper-keyboard.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-controller.css';/* empty css                                                                         */
+import '../assets/swiper-keyboard.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

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

@@ -1,8 +1,8 @@
-import { defineComponent as L, mergeModels as C, useId as E, useModel as h, ref as O, shallowRef as W, computed as $, useTemplateRef as T, watch as a, onBeforeMount as H, onMounted as N, onUnmounted as V, nextTick as R, createElementBlock as q, openBlock as f, withModifiers as g, normalizeClass as n, renderSlot as D, createBlock as x, createVNode as z, unref as d, withCtx as B, createElementVNode as U, createCommentVNode as j, resolveDynamicComponent as F } from "vue";
-import G from "./BaseButton.vue.js";
-import { ArrowIcon as J } from "@wikicasa-dev/svg-icons";
-import { useKeyboardController as P } from "@wikicasa-dev/vue-composables";
-const Q = ["innerHTML"], te = /* @__PURE__ */ L({
+import { defineComponent as L, mergeModels as C, useId as E, useModel as h, shallowRef as g, computed as O, useTemplateRef as W, watch as a, onBeforeMount as $, onMounted as T, onUnmounted as H, nextTick as N, createElementBlock as V, openBlock as f, normalizeClass as n, renderSlot as D, createBlock as x, createVNode as R, unref as d, withCtx as B, createElementVNode as q, createCommentVNode as z, resolveDynamicComponent as U, withModifiers as j } from "vue";
+import F from "./BaseButton.vue.js";
+import { ArrowIcon as G } from "@wikicasa-dev/svg-icons";
+import { useKeyboardController as J } from "@wikicasa-dev/vue-composables";
+const P = ["innerHTML"], ee = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "BaseDropDown",
   props: /* @__PURE__ */ C({
@@ -32,7 +32,7 @@ const Q = ["innerHTML"], te = /* @__PURE__ */ L({
     const l = t, k = E(), w = S, v = h(t, "toggleDropdown"), m = h(
       t,
       "resetKeyboardController"
-    ), o = O(!1), s = W([]), M = $(() => s.value.length), p = T("dropdown"), { activeIdx: r, selectedIdx: i } = P({
+    ), o = g(!1), s = g([]), M = O(() => s.value.length), p = W("dropdown"), { activeIdx: r, selectedIdx: i } = J({
       optionsLength: M,
       isDropdownOpen: o,
       activate: l.activateKeyboardController
@@ -61,34 +61,31 @@ const Q = ["innerHTML"], te = /* @__PURE__ */ L({
     }, K = (e) => {
       e != null && (i.value = e);
     };
-    H(() => {
-      l.closeWhenClickedOutside && document.body.addEventListener("click", b);
+    $(() => {
+      l.closeWhenClickedOutside && document.addEventListener("click", b);
     });
     const y = () => {
       p.value && (s.value = Array.from(p.value.children));
     };
-    return N(() => {
+    return T(() => {
       y();
-    }), V(() => {
-      l.closeWhenClickedOutside && document.body.removeEventListener("click", b);
+    }), H(() => {
+      l.closeWhenClickedOutside && document.removeEventListener("click", b);
     }), a(m, (e) => {
-      e && (r.value = -1, i.value = -1, R(() => {
+      e && (r.value = -1, i.value = -1, N(() => {
         y(), m.value = !1;
       }));
     }), I({
       activeIdx: r,
       selectedIdx: i
-    }), (e, u) => (f(), q("div", {
-      class: n(["uikit-relative uikit-block", e.$attrs.class]),
-      onClick: u[1] || (u[1] = g((X) => {
-        w("click"), c();
-      }, ["stop"]))
+    }), (e, u) => (f(), V("div", {
+      class: n(["uikit-relative uikit-block", e.$attrs.class])
     }, [
       D(e.$slots, "btn_slot", {
         toggleDropdown: c,
         isOpen: o.value
       }, () => [
-        z(G, {
+        R(F, {
           id: d(k),
           type: "button",
           "data-cy": t.dataCy,
@@ -97,25 +94,28 @@ const Q = ["innerHTML"], te = /* @__PURE__ */ L({
             t.btnClasses
           ]),
           "aria-expanded": o.value,
-          "btn-class": "uikit-btn-single-selection"
+          "btn-class": "uikit-btn-single-selection",
+          onClick: u[0] || (u[0] = (Q) => {
+            w("click"), c();
+          })
         }, {
           default: B(() => [
-            U("span", {
+            q("span", {
               class: n(["uikit-mr-5px", t.labelClasses]),
               innerHTML: t.btnLabel
-            }, null, 10, Q),
-            t.withArrowIcon ? (f(), x(d(J), {
+            }, null, 10, P),
+            t.withArrowIcon ? (f(), x(d(G), {
               key: 0,
               class: n(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
               width: t.arrowWidth,
               height: t.arrowWidth,
               "stroke-color": t.arrowStrokeColor
-            }, null, 8, ["class", "width", "height", "stroke-color"])) : j("", !0)
+            }, null, 8, ["class", "width", "height", "stroke-color"])) : z("", !0)
           ]),
           _: 1
         }, 8, ["id", "data-cy", "class", "aria-expanded"])
       ]),
-      (f(), x(F(t.dropdownElement), {
+      (f(), x(U(t.dropdownElement), {
         id: "dropdown_" + d(k),
         ref: "dropdown",
         "data-cy": t.dataCy && `${t.dataCy}_dropdown`,
@@ -127,7 +127,7 @@ const Q = ["innerHTML"], te = /* @__PURE__ */ L({
           { "uikit-absolute": t.isAbsolute }
         ]]),
         "aria-hidden": !o.value,
-        onClick: u[0] || (u[0] = g(() => {
+        onClick: u[1] || (u[1] = j(() => {
         }, ["stop"]))
       }, {
         default: B(() => [
@@ -146,5 +146,5 @@ const Q = ["innerHTML"], te = /* @__PURE__ */ L({
   }
 });
 export {
-  te as default
+  ee as default
 };

package/package.json

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