@wikicasa-dev/components 2.1.4-alpha.22 → 2.1.4-alpha.24

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

@@ -23,44 +23,44 @@ const R = ["innerHTML"], X = /* @__PURE__ */ O({
     openModifiers: {}
   }),
   emits: /* @__PURE__ */ v(["click", "update:dropdownState", "update:selectedIdx"], ["update:open"]),
-  setup(o, { emit: P }) {
-    const M = S(), c = P, i = E(o, "open"), t = w(!1), s = w([]), A = H(() => s.value.length), p = L("dropdown"), { activeIdx: k, selectedIdx: d } = z({
+  setup(t, { emit: P }) {
+    const M = S(), c = P, i = E(t, "open"), o = w(!1), s = w([]), A = H(() => s.value.length), p = L("dropdown"), { activeIdx: k, selectedIdx: d } = z({
       optionsLength: A,
-      isDropdownOpen: t,
-      activate: o.activateKeyboardController,
-      disableSpaceHandler: o.disableSpaceHandler
+      isDropdownOpen: o,
+      activate: t.activateKeyboardController,
+      disableSpaceHandler: t.disableSpaceHandler
     }), f = () => {
-      t.value = !1, i.value !== void 0 && (i.value = !1);
+      o.value = !1, i.value !== void 0 && (i.value = !1);
     }, u = () => {
-      i.value === void 0 && (t.value = !t.value);
+      i.value === void 0 && (o.value = !o.value);
     }, m = (e) => {
       e != null && (k.value = e);
     }, D = (e) => {
       e != null && (d.value = e);
     };
     return $(() => {
-      o.closeWhenClickedOutside && document.body.addEventListener("click", f);
+      t.closeWhenClickedOutside && document.body.addEventListener("click", f);
     }), K(() => {
       p.value && (s.value = p.value.children || []);
     }), T(() => {
-      o.closeWhenClickedOutside && document.body.removeEventListener("click", f);
+      t.closeWhenClickedOutside && document.body.removeEventListener("click", f);
     }), b(d, (e) => {
       e !== -1 && (s.value[e].querySelector("a")?.click(), c("update:selectedIdx", e));
     }), b(
       i,
       (e) => {
-        e !== void 0 && (t.value = e);
+        e !== void 0 && (o.value = e);
       },
       { immediate: !0 }
     ), (e, l) => (a(), y("div", {
-      class: "uikit-relative uikit-block",
+      class: "uikit-base-dropdown uikit-relative uikit-block",
       onClick: l[1] || (l[1] = h((U) => {
         c("click"), u();
       }, ["stop"]))
     }, [
       C(e.$slots, "button", {
         toggleDropdown: u,
-        isOpen: t.value,
+        isOpen: o.value,
         setActiveIdx: m
       }, () => [
         W(V, {
@@ -70,7 +70,7 @@ const R = ["innerHTML"], X = /* @__PURE__ */ O({
             "uikit-w-full uikit-truncate uikit-gap-2xs",
             e.btnProps?.classes
           ]),
-          "aria-expanded": t.value,
+          "aria-expanded": o.value,
           "btn-class": e.btnProps?.type ?? "single-selection"
         }, {
           default: I(() => [
@@ -81,7 +81,7 @@ const R = ["innerHTML"], X = /* @__PURE__ */ O({
             }, null, 10, R)) : B("", !0),
             e.withArrowIcon ? (a(), g(r(q), {
               key: 1,
-              class: n(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t.value ? "uikit-rotate-180" : "", e.arrowProps?.classes]]),
+              class: n(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [o.value ? "uikit-rotate-180" : "", e.arrowProps?.classes]]),
               width: e.arrowProps?.width ?? 12,
               height: e.arrowProps?.height ?? 12,
               "stroke-color": e.arrowProps?.strokeColor ?? "#222"
@@ -94,19 +94,19 @@ const R = ["innerHTML"], X = /* @__PURE__ */ O({
         id: "dropdown_" + r(M),
         ref: "dropdown",
         "data-cy": e.dataCy && `${e.dataCy}_dropdown`,
-        class: n(["uikit-border-w-lightgray uikit-m-0 uikit-mt-xs uikit-rounded-2xs uikit-max-h-[112px] uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-no-scrollbar", [
+        class: n(["dropdown-content uikit-border-w-lightgray uikit-m-0 uikit-mt-xs uikit-rounded-2xs uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-no-scrollbar", [
           e.dropdownClasses,
-          t.value ? "uikit-flex" : "uikit-hidden",
+          o.value ? "uikit-flex" : "uikit-hidden",
           { "uikit-bottom-[55px]": e.direction === "up" },
           { "uikit-absolute": e.isAbsolute }
         ]]),
-        "aria-hidden": !t.value,
+        "aria-hidden": !o.value,
         onClick: l[0] || (l[0] = h(() => {
         }, ["stop"]))
       }, {
         default: I(() => [
           C(e.$slots, "default", {
-            isOpen: t.value,
+            isOpen: o.value,
             toggleDropdown: u,
             activeIdx: r(k),
             selectedIdx: r(d),

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

@@ -1,10 +1,11 @@
 import { defineComponent as E, mergeModels as C, useModel as O, ref as k, watch as y, createElementBlock as w, openBlock as s, createElementVNode as M, createVNode as p, withCtx as n, Fragment as h, renderList as D, createBlock as U, createTextVNode as x, toDisplayString as V, renderSlot as P } from "vue";
 import R from "./BaseButton.vue.js";
 import B from "./BaseInput.vue.js";
-import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
+import '../../../../assets/packages/components/lib/UIKit/BaseDropDown.css';import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
 import I from "./BaseDropDown.vue.js";
+/* empty css                  */
 import L from "./BaseSelect/SelectItem.vue.js";
-const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330px] uikit-flex-col uikit-justify-between uikit-rounded-2xs uikit-bg-white uikit-pt-md" }, z = { class: "uikit-relative uikit-flex uikit-gap-x-md uikit-border-b uikit-border-solid uikit-border-w-lightgray uikit-px-md uikit-pb-xs" }, F = { class: "uikit-z-10 uikit-h-[55px] uikit-bg-w-cultured uikit-px-md uikit-py-xs" }, Q = /* @__PURE__ */ E({
+const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330px] uikit-flex-col uikit-justify-between uikit-rounded-2xs uikit-bg-white uikit-pt-md" }, z = { class: "uikit-relative uikit-flex uikit-gap-x-md uikit-border-b uikit-border-solid uikit-border-w-lightgray uikit-px-md uikit-pb-xs" }, F = { class: "uikit-z-10 uikit-h-[55px] uikit-bg-w-cultured uikit-px-md uikit-py-xs" }, W = /* @__PURE__ */ E({
   __name: "InputDropdown",
   props: /* @__PURE__ */ C({
     leftSelectOptions: { default: () => [] },
@@ -148,5 +149,5 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
   }
 });
 export {
-  Q as default
+  W as default
 };

package/package.json

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