@wikicasa-dev/components 2.6.12 → 2.6.13

package/dist/UIKit/BaseDropDown.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as T, useId as N, useModel as I, shallowRef as R, computed as V, useTemplateRef as A, onMounted as z, onUnmounted as P, watch as v, nextTick as q, openBlock as m, createElementBlock as F, normalizeClass as d, renderSlot as x, unref as l, createVNode as U, withCtx as B, createElementVNode as j, createBlock as L, createCommentVNode as G, resolveDynamicComponent as J, mergeProps as Q, mergeModels as D } from "vue";
+import { defineComponent as N, useId as T, useModel as I, shallowRef as R, computed as V, useTemplateRef as x, onMounted as z, onUnmounted as P, watch as v, nextTick as q, openBlock as m, createElementBlock as F, normalizeClass as s, renderSlot as A, unref as l, createVNode as U, withCtx as B, createElementVNode as j, createBlock as L, createCommentVNode as G, resolveDynamicComponent as J, mergeProps as Q, mergeModels as D } from "vue";
 import X from "./BaseButton.vue.js";
 import { ArrowIcon as Y } from "@wikicasa-dev/svg-icons";
 import { useKeyboardController as Z } from "../composables/mock.js";
-const _ = ["innerHTML"], le = /* @__PURE__ */ T({
+const _ = ["innerHTML"], le = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "BaseDropDown",
   props: /* @__PURE__ */ D({
@@ -30,12 +30,12 @@ const _ = ["innerHTML"], le = /* @__PURE__ */ T({
   }),
   emits: /* @__PURE__ */ D(["click"], ["update:resetKeyboardController", "update:open"]),
   setup(t, { expose: S, emit: M }) {
-    const n = t, y = N(), O = M, w = I(
+    const n = t, y = T(), O = M, w = I(
       t,
       "resetKeyboardController"
     ), o = I(t, "open");
     let C = !1;
-    const s = R([]), W = V(() => s.value.length), u = A("container"), c = A("dropdown"), { activeIdx: a, selectedIdx: i, onKeyDownHandler: $ } = Z({
+    const u = R([]), W = V(() => u.value.length), a = x("container"), c = x("dropdown"), { activeIdx: i, selectedIdx: r, onKeyDownHandler: $ } = Z({
       optionsLength: W,
       isDropdownOpen: o,
       global: !1,
@@ -43,74 +43,74 @@ const _ = ["innerHTML"], le = /* @__PURE__ */ T({
     }), b = () => {
       o.value = !1;
     }, h = ({ target: e }) => {
-      u.value?.contains(e) || b();
-    }, p = (e) => {
-      o.value && (u.value?.contains(e.target) || b());
+      a.value?.contains(e) || b();
+    }, p = ({ target: e }) => {
+      o.value && e instanceof Node && (a.value?.contains(e) || a.value && e.contains(a.value) || b());
     }, H = (e) => {
       n.activateKeyboardController && $(e);
     }, f = () => {
       n.keepState === "closed" && !o.value || n.keepState === "opened" && o.value || (o.value = !o.value);
-    }, g = (e) => {
-      e != null && (a.value = e);
     }, K = (e) => {
       e != null && (i.value = e);
+    }, g = (e) => {
+      e != null && (r.value = e);
     }, E = () => {
-      c.value && (s.value = Array.from(c.value.children));
+      c.value && (u.value = Array.from(c.value.children));
     };
     return z(() => {
       E();
     }), P(() => {
       n.closeWhenClickedOutside && (document.removeEventListener("click", h), document.removeEventListener("focusin", p));
     }), v(w, (e) => {
-      e && (a.value = -1, i.value = -1, q(() => {
+      e && (i.value = -1, r.value = -1, q(() => {
         E(), w.value = !1;
       }));
     }), v(o, (e) => {
       !e || C || !n.closeWhenClickedOutside || (document.addEventListener("click", h), document.addEventListener("focusin", p), C = !0);
-    }), v(i, (e) => {
-      e !== -1 && s.value[e]?.querySelector("a")?.click();
+    }), v(r, (e) => {
+      e !== -1 && u.value[e]?.querySelector("a")?.click();
     }), S({
-      activeIdx: a,
-      selectedIdx: i,
-      getRootElement: () => u.value,
+      activeIdx: i,
+      selectedIdx: r,
+      getRootElement: () => a.value,
       getContentElement: () => c.value
-    }), (e, r) => (m(), F("div", {
+    }), (e, d) => (m(), F("div", {
       ref: "container",
-      class: d(["uikit-relative uikit-block", e.$attrs.class]),
+      class: s(["uikit-relative uikit-block", e.$attrs.class]),
       onKeydown: H
     }, [
-      x(e.$slots, "btn_slot", {
+      A(e.$slots, "btn_slot", {
         toggleDropdown: f,
         isOpen: o.value,
-        activeIdx: l(a),
-        setActiveIdx: g,
-        setSelectedIdx: K
+        activeIdx: l(i),
+        setActiveIdx: K,
+        setSelectedIdx: g
       }, () => [
         U(X, {
           id: l(y),
           type: "button",
           "data-cy": t.dataCy,
-          class: d([
+          class: s([
             "!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
             t.btnClasses
           ]),
           "aria-expanded": o.value,
           "btn-class": "uikit-btn-single-selection",
-          onClick: r[0] || (r[0] = (k) => {
+          onClick: d[0] || (d[0] = (k) => {
             O("click"), f();
           }),
-          onKeydown: r[1] || (r[1] = (k) => {
+          onKeydown: d[1] || (d[1] = (k) => {
             Array.isArray(t.closeKeys) && !t.closeKeys.includes(k.key) || k.stopPropagation();
           })
         }, {
           default: B(() => [
             j("span", {
-              class: d(["uikit-mr-5px", t.labelClasses]),
+              class: s(["uikit-mr-5px", t.labelClasses]),
               innerHTML: t.btnLabel
             }, null, 10, _),
             t.withArrowIcon ? (m(), L(l(Y), {
               key: 0,
-              class: d(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
+              class: s(["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
@@ -130,16 +130,17 @@ const _ = ["innerHTML"], le = /* @__PURE__ */ T({
           { "uikit-absolute": t.isAbsolute }
         ]],
         "aria-hidden": !o.value,
-        "data-side": t.direction
+        "data-side": t.direction,
+        tabindex: "-1"
       }, t.dropdownAttrs), {
         default: B(() => [
-          x(e.$slots, "default", {
+          A(e.$slots, "default", {
             isOpen: o.value,
             toggleDropdown: f,
-            activeIdx: l(a),
-            selectedIdx: l(i),
-            setActiveIdx: g,
-            setSelectedIdx: K
+            activeIdx: l(i),
+            selectedIdx: l(r),
+            setActiveIdx: K,
+            setSelectedIdx: g
           })
         ]),
         _: 3

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

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

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.6.12",
+  "version": "2.6.13",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -43,7 +43,7 @@
   "homepage": "https://bitbucket.org/wikicasa/wikicasa-fe#readme",
   "peerDependencies": {
     "@wikicasa-dev/svg-icons": "^1.3.7",
-    "@wikicasa-dev/types": "^2.6.0",
+    "@wikicasa-dev/types": "^2.8.0",
     "@wikicasa-dev/utilities": "^1.2.11",
     "@wikicasa-dev/vue-composables": "^0.2.0",
     "date-fns": "^4.0.0",
@@ -82,13 +82,13 @@
     "vitest-browser-vue": "^2.1.0",
     "vue-router": "^5.1.0",
     "vue-tsc": "^3.3.3",
-    "@wikicasa-dev/tsconfig": "0.0.0",
-    "@wikicasa-dev/svg-icons": "1.3.7",
     "@wikicasa-dev/eslint-config": "0.0.0",
     "@wikicasa-dev/tailwind-plugins": "0.0.7",
-    "@wikicasa-dev/vue-composables": "0.2.0",
+    "@wikicasa-dev/svg-icons": "1.3.7",
+    "@wikicasa-dev/tsconfig": "0.0.0",
     "@wikicasa-dev/utilities": "1.2.11",
-    "@wikicasa-dev/types": "2.6.0"
+    "@wikicasa-dev/vue-composables": "0.2.0",
+    "@wikicasa-dev/types": "2.8.0"
   },
   "readme": "ERROR: No README data found!",
   "scripts": {