@wikicasa-dev/components 2.6.8 → 2.6.9-alpha.1

package/dist/UIKit/BaseAutocomplete.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as x, useModel as F, shallowRef as d, computed as k, onBeforeMount as L, watch as f, openBlock as w, createBlock as $, normalizeClass as H, withCtx as c, createElementBlock as K, Fragment as T, renderList as z, unref as N, renderSlot as p, createElementVNode as U, createVNode as A, mergeModels as g } from "vue";
-import R from "./BaseInput.js";
-import W from "./BaseDropDown.vue.js";
+import { defineComponent as x, useModel as F, shallowRef as s, useTemplateRef as L, computed as k, onBeforeMount as T, watch as f, openBlock as w, createBlock as y, normalizeClass as H, withCtx as c, createElementBlock as K, Fragment as R, renderList as z, unref as N, renderSlot as p, createElementVNode as U, createVNode as A, mergeModels as $ } from "vue";
+import W from "./BaseInput.js";
+import j from "./BaseDropDown.vue.js";
 import '../assets/BaseDropDown.css';/* empty css                  */
-import { debounce as j } from "@wikicasa-dev/utilities";
-import q from "./BaseSelect/SelectItem.vue.js";
-import { useKeyboardController as G } from "@wikicasa-dev/vue-composables";
-const J = ["innerHTML"], ne = /* @__PURE__ */ x({
+import { debounce as q } from "@wikicasa-dev/utilities";
+import G from "./BaseSelect/SelectItem.vue.js";
+import { useKeyboardController as J } from "@wikicasa-dev/vue-composables";
+const Q = ["innerHTML"], ae = /* @__PURE__ */ x({
   __name: "BaseAutocomplete",
-  props: /* @__PURE__ */ g({
+  props: /* @__PURE__ */ $({
     isValid: { type: [Boolean, null], default: null },
     theme: { default: "" },
     label: { default: "" },
@@ -29,13 +29,13 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ g(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
-  setup(t, { expose: V, emit: B }) {
-    const u = F(t, "modelValue"), r = B, i = d(""), o = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), S = k(() => o.value.length);
-    L(() => {
-      v.value = j({ delay: 300 }, t.onInputChangeCb);
+  emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
+  setup(t, { expose: g, emit: V }) {
+    const u = F(t, "modelValue"), d = V, i = s(""), o = s([]), v = s(null), b = s(!1), n = s(!1), B = L("baseInput"), S = k(() => o.value.length);
+    T(() => {
+      v.value = q({ delay: 300 }, t.onInputChangeCb);
     });
-    const { activeIdx: m, selectedIdx: h } = G({
+    const { activeIdx: m, selectedIdx: h } = J({
       optionsLength: S,
       isDropdownOpen: n,
       disableSpaceHandler: !0
@@ -74,14 +74,14 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
           return "";
       }
     }), D = async (e) => {
-      if (i.value !== e && (r("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
+      if (i.value !== e && (d("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
         if (!e || b.value) {
           o.value = [], b.value = !1, h.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await v.value?.(null);
           return;
         }
         t.disableCb || (o.value = await v.value?.(e) || [], n.value = !!o.value.length);
       }
-    }, y = (e, l) => {
+    }, C = (e, l) => {
       t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (o.value = []), b.value = !0, i.value = e.label, u.value = e, n.value = !1, h.value = l;
     }, E = () => {
       o.value.length && t.keepState !== "closed" && (n.value = !0);
@@ -95,19 +95,19 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
     ), f(h, (e) => {
       if (e === -1 || !o.value.length) return;
       const l = o.value[e];
-      b.value && l.label === u.value?.label || y(l, e);
+      b.value && l.label === u.value?.label || C(l, e);
     }), f(
       () => t.keepState,
       (e) => {
         e === "closed" ? (n.value = !1, t.cleanupOnClose && (o.value = [])) : e === "open" && o.value.length && (n.value = !0);
       }
     ), f(n, (e) => {
-      r("update:dropdownState", e);
-    }), V({
+      d("update:dropdownState", e);
+    }), g({
       select: () => {
-        C.value?.select();
+        B.value?.select();
       }
-    }), (e, l) => (w(), $(W, {
+    }), (e, l) => (w(), y(j, {
       class: H(["uikit-autocomplete", e.$attrs["root-classes"]]),
       "data-cy": t.dataCy ? t.dataCy : `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
@@ -128,14 +128,13 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
       "activate-keyboard-controller": !1,
       "onUpdate:open": l[3] || (l[3] = (a) => n.value = a),
       onClick: l[4] || (l[4] = (a) => {
-        r("click"), E();
+        d("click"), E();
       })
     }, {
       btn_slot: c(() => [
-        A(R, {
+        A(W, {
           id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
-          ref_key: "baseInput",
-          ref: C,
+          ref: "baseInput",
           "data-cy": t.dataCy ? `ac_input_${t.dataCy}` : `ac_input_${e.$attrs.id}`,
           "label-text": t.label,
           "model-value": i.value,
@@ -151,8 +150,8 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
           ],
           "fieldset-classes": [I.value, t.fieldsetClasses],
           "onUpdate:modelValue": l[0] || (l[0] = (a) => D(a === void 0 ? "" : `${a}`)),
-          onKeydown: l[1] || (l[1] = (a) => r("keydown", a)),
-          onKeydownEnterPressed: l[2] || (l[2] = () => r("keydownEnterPressed"))
+          onKeydown: l[1] || (l[1] = (a) => d("keydown", a)),
+          onKeydownEnterPressed: l[2] || (l[2] = () => d("keydownEnterPressed"))
         }, {
           leftIcon: c(() => [
             p(e.$slots, "lefticon")
@@ -164,21 +163,24 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "input-class", "fieldset-classes"])
       ]),
       default: c(() => [
-        (w(!0), K(T, null, z(o.value, (a, s) => (w(), $(q, {
-          key: s,
-          active: N(m) === s,
+        (w(!0), K(R, null, z(o.value, (a, r) => (w(), y(G, {
+          key: r,
+          active: N(m) === r,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (P) => y(a, s),
-          onMouseover: (P) => m.value = s
+          onClick: (P) => C(
+            a,
+            r
+          ),
+          onMouseover: (P) => m.value = r
         }, {
           default: c(() => [
             p(e.$slots, "option-content", {
               option: a,
-              idx: s
+              idx: r
             }, () => [
               U("span", {
                 innerHTML: a.label
-              }, null, 8, J)
+              }, null, 8, Q)
             ])
           ]),
           _: 2
@@ -189,5 +191,5 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
   }
 });
 export {
-  ne as default
+  ae as default
 };

package/dist/UIKit/BaseInput.d.ts

@@ -1,65 +1,63 @@
-import { Nullable, InputTypeHTMLAttribute } from '@wikicasa-dev/types';
+import { InputTypeHTMLAttribute, Nullable, Numberish } from '@wikicasa-dev/types';
 import { ClassType, ClassTypeProp, FeedbackLabels } from './types';
-type __VLS_Props = {
-    id?: string;
-    inputClass?: ClassType | ClassType[];
-    labelText?: string;
-    feedback?: FeedbackLabels;
-    isValid?: Nullable<boolean>;
-    keepFloatingLabel?: boolean;
-    formatter?: Nullable<Partial<{
-        formatFn: (n: number | string) => string;
-        unFormatFn: (v: string) => string | number | null;
-    }>>;
-    labelClasses?: ClassTypeProp;
-    fieldsetClasses?: ClassTypeProp;
-    labelTextClasses?: ClassTypeProp;
-    withLeftIcon?: boolean;
-    withRightIcon?: boolean;
-    dataCy?: string;
-};
-type __VLS_ModelProps = {
-    modelValue?: string | number | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {}, __VLS_3: {
-    handleClean: () => void;
-    handleShowPasswd: () => void;
-    curType: InputTypeHTMLAttribute;
-}, __VLS_10: {}, __VLS_12: {};
-type __VLS_Slots = {} & {
-    leftIcon?: (props: typeof __VLS_1) => any;
-} & {
-    righticon?: (props: typeof __VLS_3) => any;
-} & {
-    feedback?: (props: typeof __VLS_10) => any;
-} & {
-    'under-label'?: (props: typeof __VLS_12) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
-    select: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number | undefined) => any;
-    click: (args_0: MouseEvent) => any;
-    keydown: (args_0: KeyboardEvent) => any;
-    focusin: () => any;
-    focusout: () => any;
-    keyup: (args_0: KeyboardEvent) => any;
-    keydownEnterPressed: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
-    onClick?: ((args_0: MouseEvent) => any) | undefined;
-    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-    onFocusin?: (() => any) | undefined;
-    onFocusout?: (() => any) | undefined;
-    onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-    onKeydownEnterPressed?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+export type BaseInputModelValue = Numberish | undefined;
+export type BaseInputFormatter<ModelValue extends BaseInputModelValue> = Partial<{
+    formatFn: (value: string) => string;
+    unFormatFn: (value: string) => Nullable<ModelValue>;
+}>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+declare const __VLS_export: <ModelValue extends BaseInputModelValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<({
+        id?: string;
+        inputClass?: ClassType | ClassType[];
+        labelText?: string;
+        feedback?: FeedbackLabels;
+        isValid?: Nullable<boolean>;
+        keepFloatingLabel?: boolean;
+        formatter?: Nullable<BaseInputFormatter<ModelValue>>;
+        labelClasses?: ClassTypeProp;
+        fieldsetClasses?: ClassTypeProp;
+        labelTextClasses?: ClassTypeProp;
+        withLeftIcon?: boolean;
+        withRightIcon?: boolean;
+        dataCy?: string;
+    } & {
+        modelValue?: ModelValue;
+    }) & {
+        "onUpdate:modelValue"?: ((value: ModelValue) => any) | undefined;
+        onClick?: ((args_0: MouseEvent) => any) | undefined;
+        onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+        onFocusin?: (() => any) | undefined;
+        onFocusout?: (() => any) | undefined;
+        onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+        onKeydownEnterPressed?: (() => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        select: () => void;
+    }>) => void;
+    attrs: any;
+    slots: {
+        leftIcon?: (props: {}) => any;
+    } & {
+        righticon?: (props: {
+            handleClean: () => void;
+            handleShowPasswd: () => void;
+            curType: InputTypeHTMLAttribute;
+        }) => any;
+    } & {
+        feedback?: (props: {}) => any;
+    } & {
+        'under-label'?: (props: {}) => any;
     };
+    emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "focusin") => void) & ((evt: "focusout") => void) & ((evt: "keyup", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void)) & ((event: "update:modelValue", value: ModelValue) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/UIKit/BaseInput.js

@@ -1,7 +1,7 @@
 import o from "./BaseInput.vue.js";
 import '../assets/BaseInput2.css';/* empty css               */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9dab04c5"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5a2b700e"]]);
 export {
-  m as default
+  e as default
 };

package/dist/assets/BaseInput2.css

@@ -1 +1 @@
-.input-wrapper[data-v-9dab04c5]{--icon-default-size: 44px}.invalid-bg[data-v-9dab04c5]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-9dab04c5]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-9dab04c5],.valid-bg[data-v-9dab04c5]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-9dab04c5]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-9dab04c5]>label.inline-label{left:var(--icon-default-size)}[data-v-9dab04c5] .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-9dab04c5] .text-input-icon.left{left:5px}[data-v-9dab04c5] .text-input-icon.right{right:5px}[data-v-9dab04c5] .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-9dab04c5] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-9dab04c5] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-9dab04c5]{left:4px;font-style:italic}
+.input-wrapper[data-v-5a2b700e]{--icon-default-size: 44px}.invalid-bg[data-v-5a2b700e]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-5a2b700e]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-5a2b700e],.valid-bg[data-v-5a2b700e]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-5a2b700e]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-5a2b700e]>label.inline-label{left:var(--icon-default-size)}[data-v-5a2b700e] .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-5a2b700e] .text-input-icon.left{left:5px}[data-v-5a2b700e] .text-input-icon.right{right:5px}[data-v-5a2b700e] .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-5a2b700e] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-5a2b700e] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-5a2b700e]{left:4px;font-style:italic}

package/dist/index.d.ts

@@ -34,6 +34,7 @@ export { default as BaseComplexToggle } from './UIKit/BaseComplexToggle';
 export { default as BaseDropDown } from './UIKit/BaseDropDown';
 export { default as BaseFloatingLabel } from './UIKit/BaseFloatingLabel';
 export { default as BaseInput } from './UIKit/BaseInput';
+export type { BaseInputModelValue, BaseInputFormatter, } from './UIKit/BaseInput';
 export { default as BasePagination } from './UIKit/BasePagination';
 export { default as BaseSlider } from './UIKit/BaseSlider';
 export { default as BaseTextarea } from './UIKit/BaseTextarea';

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

@@ -1,4 +1,4 @@
-import '../../../assets/swiper-thumbs.css';/* empty css                                                                                 */
+import '../../../assets/swiper-keyboard.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-thumbs.css';/* empty css                                                                                   */
+import '../../../assets/swiper-keyboard.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-thumbs.css';/* empty css                                                                                 */
+import '../../../assets/swiper-keyboard.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-thumbs.css';/* empty css                                                                               */
+import '../../../assets/swiper-keyboard.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.8",
+  "version": "2.6.9-alpha.1",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",