@wikicasa-dev/components 1.9.18 → 1.9.20

package/dist/BaseInput.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, mergeModels as M, useModel as O, ref as b, watch as c, useAttrs as j, openBlock as s, createElementBlock as d, normalizeClass as m, unref as o, renderSlot as v, createElementVNode as h, withModifiers as g, withKeys as D, createBlock as G, createCommentVNode as w, Fragment as C, renderList as B } from "vue";
+import { defineComponent as N, mergeModels as M, useModel as O, ref as b, watch as h, useAttrs as j, openBlock as s, createElementBlock as d, normalizeClass as m, unref as o, renderSlot as v, createElementVNode as $, withModifiers as g, withKeys as D, createBlock as G, createCommentVNode as w, Fragment as C, renderList as B } from "vue";
 import J from "./BaseFloatingLabel.js";
 import { useFloatingLabel as Q } from "./useFloatingLabel.js";
 import { _ as R } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
@@ -29,12 +29,12 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
       setFloatingLabel: L
     } = Q(k), n = b("text"), f = b({}), p = b(null), q = () => {
       a.feedback && (f.value = a.feedback, a.feedback.valid && typeof a.feedback.valid == "string" && (f.value.valid = [a.feedback.valid]), a.feedback.invalid && typeof a.feedback.invalid == "string" && (f.value.invalid = [a.feedback.invalid]));
-    }, T = (e, i) => {
+    }, I = (e, i) => {
       if (!a.formatter || !a.formatter.formatFn)
         return l.value = e, "";
       const t = e.length ? a.formatter.formatFn(e) : e;
       return i && (i.value = t), l.value = t, t;
-    }, I = (e, i = !0) => {
+    }, T = (e, i = !0) => {
       if (i && (!a.formatter || !a.formatter.unFormatFn))
         return u.value = e, "";
       if (!i || !a.formatter || !a.formatter.unFormatFn)
@@ -42,8 +42,8 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
       const t = a.formatter.unFormatFn(e);
       return u.value = t ?? "", t;
     }, K = ({ target: e }) => {
-      const i = e, t = I(i.value);
-      T(
+      const i = e, t = T(i.value);
+      I(
         `${t}`,
         t === u.value ? i : void 0
       );
@@ -52,7 +52,7 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
     }, z = () => {
       n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
     };
-    c(
+    h(
       () => a.feedback,
       () => {
         q();
@@ -60,18 +60,18 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
       {
         immediate: !0
       }
-    ), c(
+    ), h(
       u,
       (e) => {
-        T(
+        I(
           `${e}`,
-          I(`${e}`, !1) === e ? p.value : void 0
+          T(`${e}`, !1) === e ? p.value : void 0
         ), l.value != null && l.value.length > 0 && r.value !== "floating-label" ? L() : !l.value && document && document.activeElement !== p.value && F();
       },
       {
         immediate: !0
       }
-    ), c(
+    ), h(
       () => a.keepFloatingLabel,
       (e) => {
         e ? L() : V(u.value);
@@ -85,7 +85,6 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
     }), (e, i) => (s(), d("div", {
       class: m(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px", [
         e.$attrs.class,
-        { "uikit-h-12": e.labelText },
         { "floating-label": e.labelText },
         o(r) === "floating-label" ? "floating-state" : "inline-state",
         {
@@ -103,7 +102,7 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         handleShowPasswd: z,
         curType: n.value
       }, void 0, !0),
-      h("input", {
+      $("input", {
         id: e.$attrs.id,
         ref_key: "baseInputEl",
         ref: p,
@@ -146,8 +145,8 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         ],
         onKeyup: i[5] || (i[5] = (t) => k("keyup", t))
       }, null, 42, W),
-      h("fieldset", {
-        class: m(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-py-0 uikit-text-left uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger", [
+      $("fieldset", {
+        class: m(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-py-0 uikit-text-left uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger", [
           {
             "is-invalid uikit-border-w-danger": e.isValid === !1,
             "is-valid uikit-border-w-primary": e.isValid,
@@ -157,8 +156,8 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
           e.$attrs["fieldset-classes"]
         ]])
       }, [
-        h("legend", X, [
-          h("span", {
+        $("legend", X, [
+          $("span", {
             class: m(["visible-label uikit-opacity-0", [
               { "uikit-mx-5px": e.labelText },
               {
@@ -186,12 +185,12 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         ]
       }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes"])) : w("", !0),
       v(e.$slots, "feedback", {}, () => [
-        e.isValid === !1 ? (s(!0), d(C, { key: 0 }, B(f.value.invalid, (t, $) => (s(), d("div", {
-          key: `${e.$attrs.id}_invalid_${$}`,
+        e.isValid === !1 ? (s(!0), d(C, { key: 0 }, B(f.value.invalid, (t, c) => (s(), d("div", {
+          key: `${e.$attrs.id}_invalid_${c}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
           innerHTML: t
-        }, null, 8, Z))), 128)) : e.isValid === !0 ? (s(!0), d(C, { key: 1 }, B(f.value.valid, (t, $) => (s(), d("div", {
-          key: `${e.$attrs.id}_valid_${$}`,
+        }, null, 8, Z))), 128)) : e.isValid === !0 ? (s(!0), d(C, { key: 1 }, B(f.value.valid, (t, c) => (s(), d("div", {
+          key: `${e.$attrs.id}_valid_${c}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
           innerHTML: t
         }, null, 8, U))), 128)) : w("", !0)
@@ -201,7 +200,7 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
       ])) : w("", !0)
     ], 2));
   }
-}), ne = /* @__PURE__ */ R(_, [["__scopeId", "data-v-f1952684"]]);
+}), ne = /* @__PURE__ */ R(_, [["__scopeId", "data-v-7848a5b8"]]);
 export {
   ne as default
 };

package/dist/BaseTabView.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DSlvTOkB.js";
+import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.RbxW2M0Y.js";
 export {
   f as default
 };

package/dist/UIKit/Tab/BaseTabView.vue.d.ts

@@ -14,7 +14,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<string>;
         required: true;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    tabClicked: (args_0: {
+        tabIdx: number;
+    }) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     activeIdx: import('vue').PropType<number | undefined>;
     tabListClasses: {
         type: import('vue').PropType<ClassType>;
@@ -28,7 +32,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<string>;
         required: true;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onTabClicked?: ((args_0: {
+        tabIdx: number;
+    }) => any) | undefined;
+}>, {
     tabListClasses: ClassType;
     tabsPosition: "top" | "bottom";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/assets/BaseInput.css

@@ -1 +1 @@
-.input-wrapper[data-v-f1952684]{--icon-default-size: 44px}.invalid-bg[data-v-f1952684]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-f1952684]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-f1952684],.valid-bg[data-v-f1952684]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-f1952684]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-f1952684]>label.inline-label{left:var(--icon-default-size)}[data-v-f1952684] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-f1952684] .text-input-icon.left{left:5px}[data-v-f1952684] .text-input-icon.right{right:5px}[data-v-f1952684] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-f1952684] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-f1952684] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-f1952684]{left:4px;font-style:italic}
+.input-wrapper[data-v-7848a5b8]{--icon-default-size: 44px}.invalid-bg[data-v-7848a5b8]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-7848a5b8]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-7848a5b8],.valid-bg[data-v-7848a5b8]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-7848a5b8]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-7848a5b8]>label.inline-label{left:var(--icon-default-size)}[data-v-7848a5b8] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-7848a5b8] .text-input-icon.left{left:5px}[data-v-7848a5b8] .text-input-icon.right{right:5px}[data-v-7848a5b8] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-7848a5b8] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-7848a5b8] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-7848a5b8]{left:4px;font-style:italic}

package/dist/chunks/{BaseTabView.vue_vue_type_script_setup_true_lang.DSlvTOkB.js → BaseTabView.vue_vue_type_script_setup_true_lang.RbxW2M0Y.js}

@@ -1,11 +1,11 @@
-import { defineComponent as F, mergeModels as V, useModel as w, ref as r, onMounted as D, useSlots as L, computed as M, provide as u, watch as x, openBlock as l, createElementBlock as T, normalizeClass as y, createElementVNode as E, toDisplayString as N, createBlock as c, createCommentVNode as b, Fragment as S, renderList as z, withCtx as U, resolveDynamicComponent as j } from "vue";
-import { _ as q } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
-import { _ } from "./BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js";
-import { getUID as G } from "../utils.js";
-const H = ["id"], X = /* @__PURE__ */ F({
+import { defineComponent as D, mergeModels as T, useModel as L, ref as c, onMounted as M, useSlots as E, computed as N, provide as u, watch as x, openBlock as l, createElementBlock as k, normalizeClass as y, createElementVNode as S, toDisplayString as z, createBlock as r, createCommentVNode as b, Fragment as U, renderList as j, withCtx as q, resolveDynamicComponent as G } from "vue";
+import { _ as H } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
+import { _ as C } from "./BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js";
+import { getUID as J } from "../utils.js";
+const K = ["id"], Z = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "BaseTabView",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ T({
     tabsPosition: { default: "top" },
     tabViewDescription: {},
     tabListClasses: { default: "" }
@@ -13,66 +13,66 @@ const H = ["id"], X = /* @__PURE__ */ F({
     activeIdx: { default: 0 },
     activeIdxModifiers: {}
   }),
-  emits: ["update:activeIdx"],
-  setup(k) {
-    const d = w(k, "activeIdx"), C = r(""), v = r(null), I = r(null), s = r("");
-    D(() => {
-      s.value = G();
+  emits: /* @__PURE__ */ T(["tabClicked"], ["update:activeIdx"]),
+  setup(_, { emit: I }) {
+    const g = I, d = L(_, "activeIdx"), P = c(""), v = c(null), B = c(null), s = c("");
+    M(() => {
+      s.value = J();
     });
-    const p = L(), i = (e) => e.props ?? null, m = (e) => e.type.__name === "BaseTab", f = (e, a) => ({
+    const p = E(), i = (e) => e.props ?? null, m = (e) => e.type.__name === "BaseTab", f = (e, a) => ({
       renderFn: e,
       tabId: h(a),
       "active-tab-panel-idx": i(e)?.["active-tab-panel-idx"] ?? a,
       "header-title": i(e)?.["header-title"] || "",
       class: i(e)?.class || "",
       "tab-panel-classes": i(e)?.["tab-panel-classes"] || ""
-    }), n = M(() => p.default ? p.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
+    }), n = N(() => p.default ? p.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
       m(t) && e.push(f(t, e.length));
     }) : m(a) && e.push(f(a, e.length)), e), []) : []);
     u("tabs", n), u("isTabActive", (e) => d.value === e);
-    const g = (e) => v.value === e, h = (e) => `base-tab-${e}-${s.value}`, P = (e) => `base-tab-panel-${e}-${s.value}`, B = (e) => n.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, $ = (e) => {
-      C.value = h(e);
-    }, A = (e) => {
+    const $ = (e) => v.value === e, h = (e) => `base-tab-${e}-${s.value}`, A = (e) => `base-tab-panel-${e}-${s.value}`, F = (e) => n.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, V = (e) => {
+      P.value = h(e);
+    }, w = (e) => {
       const a = n.value.at(e ?? -1);
       v.value = a?.["active-tab-panel-idx"] ?? null;
     };
     return u("handleClick", (e) => {
-      $(e), d.value = e;
+      V(e), d.value = e, g("tabClicked", { tabIdx: e });
     }), x(
       d,
       (e) => {
-        A(e ?? -1);
+        w(e ?? -1);
       },
       {
         immediate: !0
       }
-    ), (e, a) => (l(), T("div", {
+    ), (e, a) => (l(), k("div", {
       ref_key: "root",
-      ref: I,
+      ref: B,
       class: y(e.$attrs.class)
     }, [
-      E("span", {
+      S("span", {
         id: `tablist-${s.value}`,
         class: "uikit-sr-only"
-      }, N(e.tabViewDescription), 9, H),
-      e.tabsPosition === "top" ? (l(), c(_, {
+      }, z(e.tabViewDescription), 9, K),
+      e.tabsPosition === "top" ? (l(), r(C, {
         key: 0,
         uid: s.value,
         "tab-list-classes": e.tabListClasses
       }, null, 8, ["uid", "tab-list-classes"])) : b("", !0),
-      (l(!0), T(S, null, z(n.value, (t, o) => (l(), c(q, {
+      (l(!0), k(U, null, j(n.value, (t, o) => (l(), r(H, {
         key: o,
-        id: P(o),
-        "labelled-by": B(o) || "",
-        active: g(o),
+        id: A(o),
+        "labelled-by": F(o) || "",
+        active: $(o),
         class: y(t["tab-panel-classes"])
       }, {
-        default: U(() => [
-          t.renderFn.children && t.renderFn.children.default ? (l(), c(j(t.renderFn.children.default), { key: 0 })) : b("", !0)
+        default: q(() => [
+          t.renderFn.children && t.renderFn.children.default ? (l(), r(G(t.renderFn.children.default), { key: 0 })) : b("", !0)
         ]),
         _: 2
       }, 1032, ["id", "labelled-by", "active", "class"]))), 128)),
-      e.tabsPosition === "bottom" ? (l(), c(_, {
+      e.tabsPosition === "bottom" ? (l(), r(C, {
         key: 1,
         uid: s.value,
         "tab-list-classes": e.tabListClasses
@@ -81,5 +81,5 @@ const H = ["id"], X = /* @__PURE__ */ F({
   }
 });
 export {
-  X as _
+  Z as _
 };

package/dist/index.js

@@ -6,7 +6,7 @@ import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.
 import { default as d } from "./CheckboxBtn.js";
 import { _ as i } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.hSeL05pn.js";
 import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js";
-import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DSlvTOkB.js";
+import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.RbxW2M0Y.js";
 import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";
 import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BYlMCUWP.js";
 import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BZJiuA9q.js";

package/package.json

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