@wikicasa-dev/components 2.2.9-alpha.14 → 2.2.9-alpha.15

package/dist/UIKit/BaseButton.d.ts

@@ -16,7 +16,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     title?: string;
     dataCy?: string;
     type?: "button" | "submit" | "reset" | undefined;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {
+    getRootElement: () => HTMLButtonElement | null;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (e: Event) => any;
     mouseover: (e: Event) => any;
     mouseout: (e: Event) => any;
@@ -39,7 +41,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     onClick?: ((e: Event) => any) | undefined;
     onMouseover?: ((e: Event) => any) | undefined;
     onMouseout?: ((e: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    buttonEl: HTMLButtonElement;
+}, HTMLButtonElement>, {
     default?(_: {
         hover: boolean;
     }): any;

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

@@ -1,6 +1,6 @@
-import { defineComponent as c, ref as b, computed as l, createElementBlock as f, openBlock as v, withModifiers as s, normalizeStyle as B, normalizeClass as C, renderSlot as u, createVNode as M } from "vue";
-import z from "../../../../UIKit/StaticSpinner.js";
-const L = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], $ = /* @__PURE__ */ c({
+import { defineComponent as y, useTemplateRef as v, shallowRef as B, computed as n, createElementBlock as C, openBlock as M, withModifiers as s, normalizeStyle as h, normalizeClass as z, renderSlot as u, createVNode as L } from "vue";
+import g from "../../../../UIKit/StaticSpinner.js";
+const w = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], A = /* @__PURE__ */ y({
   __name: "BaseButton",
   props: {
     btnClass: { default: "uikit-btn-w-primary" },
@@ -16,17 +16,20 @@ const L = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
     type: {}
   },
   emits: ["mouseover", "mouseout", "click"],
-  setup(e, { emit: d }) {
-    const o = d, n = b(!1), r = l(() => e.size ? `uikit-btn-${e.size}` : ""), m = l(() => e.outlined ? "uikit-btn-outline" : ""), k = () => {
-      n.value = !0;
-    }, y = () => {
-      n.value = !1;
+  setup(e, { expose: d, emit: r }) {
+    const a = r, m = v("buttonEl"), l = B(!1), b = n(() => e.size ? `uikit-btn-${e.size}` : ""), c = n(() => e.outlined ? "uikit-btn-outline" : ""), f = () => {
+      l.value = !0;
+    }, k = () => {
+      l.value = !1;
     };
-    return (a, t) => (v(), f("button", {
-      id: a.$attrs.id,
+    return d({
+      getRootElement: () => m.value
+    }), (o, t) => (M(), C("button", {
+      ref: "buttonEl",
+      id: o.$attrs.id,
       "data-cy": e.dataCy,
       type: e.type,
-      class: C([
+      class: z([
         "uikit-btn",
         {
           "uikit-btn-empty": !e.withMinWidth,
@@ -34,33 +37,33 @@ const L = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
           "uikit-flex uikit-items-center uikit-justify-center": e.isLoading
         },
         e.btnClass,
-        r.value,
-        m.value
+        b.value,
+        c.value
       ]),
-      style: B(a.$attrs.style),
+      style: h(o.$attrs.style),
       "data-active": e.keepActive,
       disabled: e.isLoading || e.disabled,
       "aria-label": e.ariaLabel,
       title: e.title,
       onMouseover: t[0] || (t[0] = s((i) => {
-        k(), o("mouseover", i);
+        f(), a("mouseover", i);
       }, ["stop"])),
       onMouseout: t[1] || (t[1] = s((i) => {
-        y(), o("mouseout", i);
+        k(), a("mouseout", i);
       }, ["stop"])),
-      onClick: t[2] || (t[2] = (i) => o("click", i))
+      onClick: t[2] || (t[2] = (i) => a("click", i))
     }, [
-      e.isLoading ? u(a.$slots, "spinner", { key: 1 }, () => [
-        M(z, {
+      e.isLoading ? u(o.$slots, "spinner", { key: 1 }, () => [
+        L(g, {
           "stroke-color": e.outlined ? "#ACB4C3" : "#fff"
         }, null, 8, ["stroke-color"])
-      ]) : u(a.$slots, "default", {
+      ]) : u(o.$slots, "default", {
         key: 0,
-        hover: n.value
+        hover: l.value
       })
-    ], 46, L));
+    ], 46, w));
   }
 });
 export {
-  $ as default
+  A as default
 };

package/dist/packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as u, useTemplateRef as r, watch as m, nextTick as c, createElementBlock as d, openBlock as f, normalizeClass as k, renderSlot as v, createElementVNode as x } from "vue";
-const p = ["tabindex"], b = ["innerHTML"], $ = /* @__PURE__ */ u({
+import { defineComponent as u, useTemplateRef as c, watch as d, nextTick as m, createElementBlock as r, openBlock as f, normalizeClass as v, renderSlot as k, createElementVNode as x } from "vue";
+const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u({
   __name: "SelectItem",
   props: {
     label: { default: "" },
@@ -7,33 +7,34 @@ const p = ["tabindex"], b = ["innerHTML"], $ = /* @__PURE__ */ u({
     idx: { default: -1 }
   },
   emits: ["click", "mouseover"],
-  setup(l, { emit: a }) {
-    const n = a, t = l, o = r("liItem");
-    return m(
-      () => t.active,
+  setup(t, { emit: o }) {
+    const a = o, i = t, n = c("liItem");
+    return d(
+      () => i.active,
       (e) => {
-        e && c(() => {
-          o.value && o.value.focus();
+        e && m(() => {
+          n.value && n.value.focus();
         });
       },
       { immediate: !0 }
-    ), (e, i) => (f(), d("li", {
+    ), (e, l) => (f(), r("li", {
       ref: "liItem",
-      class: k(["uikit-list-none uikit-text-w-black", [
-        { "active uikit-bg-w-cultured": l.active },
+      class: v(["uikit-list-none uikit-text-w-black", [
+        { "active uikit-bg-w-cultured": t.active },
         "uikit-outline-none",
         e.$attrs.class
       ]]),
+      "data-active": t.active,
       tabindex: e.$attrs.tabindex ?? -1,
-      onClick: i[0] || (i[0] = (s) => n("click", t.idx)),
-      onMouseover: i[1] || (i[1] = (s) => n("mouseover", t.idx))
+      onClick: l[0] || (l[0] = (s) => a("click", i.idx)),
+      onMouseover: l[1] || (l[1] = (s) => a("mouseover", i.idx))
     }, [
-      v(e.$slots, "default", { itemIdx: l.idx }, () => [
+      k(e.$slots, "default", { itemIdx: t.idx }, () => [
         x("span", {
-          innerHTML: t.label
-        }, null, 8, b)
+          innerHTML: i.label
+        }, null, 8, p)
       ])
-    ], 42, p));
+    ], 42, b));
   }
 });
 export {

package/package.json

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