bootstrap-vue-wrapper 2.3.4 → 3.0.1

package/dist/components/bs-select/BsSelect.vue.d.ts

@@ -1,11 +1,11 @@
 import { PropType, Ref } from 'vue';
-import Option from '../../types/Option.ts';
-declare const _default: import("vue").DefineComponent<{
+import { default as Option } from '../../types/Option.ts';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * Value for v-model
      */
     modelValue: {
-        type: PropType<string | number | string[] | number[] | null>;
+        type: PropType<number | string | string[] | number[] | null>;
         default: null;
     };
     /**
@@ -50,14 +50,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    inputRef: Ref<HTMLInputElement | null>;
+}>, {
+    inputRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
     validator: {
         onInvalid: (event: Event) => void;
         getInvalidMessage: () => string | null;
         setCustomError: (data: string) => void;
     };
-}, unknown, {}, {
+}, {}, {}, {
     /**
      * Hint id is generated
      */
@@ -74,12 +74,12 @@ declare const _default: import("vue").DefineComponent<{
      * @param event
      */
     onInvalid(event: Event): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Value for v-model
      */
     modelValue: {
-        type: PropType<string | number | string[] | number[] | null>;
+        type: PropType<number | string | string[] | number[] | null>;
         default: null;
     };
     /**
@@ -124,13 +124,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     label: string;
     modelValue: string | number | string[] | number[] | null;
     hint: string;
     validatorEnabled: boolean;
     placeholder: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/bs-select/BsSelect.vue2.js

@@ -1,4 +1,4 @@
-import { useValidator as r } from "../validator/Validator.js";
+import { useValidator as r } from "@zemkogabor/vue-form-validator";
 import { defineComponent as a, ref as i } from "vue";
 const d = a({
   name: "BsSelect",
@@ -7,7 +7,7 @@ const d = a({
      * Value for v-model
      */
     modelValue: {
-      type: [String, Number, Array],
+      type: [String, Number, Array, null],
       default: null
     },
     /**

package/dist/components/bs-table/BsTable.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import Field from '../../types/Field.ts';
-declare const _default: import("vue").DefineComponent<{
+import { default as Field } from '../../types/Field.ts';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * Field list
      */
@@ -12,7 +12,12 @@ declare const _default: import("vue").DefineComponent<{
      * Item list
      */
     items: {
-        type: PropType<any[]>;
+        type: PropType<{
+            [key: string]: unknown;
+            trClass?: string;
+            id?: string | number;
+            _showRowDetails?: boolean;
+        }[]>;
         required: true;
     };
     /**
@@ -57,7 +62,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, unknown, {}, {
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {
     /**
      * Is order by active by field?
      *
@@ -91,7 +100,7 @@ declare const _default: import("vue").DefineComponent<{
      * Table head clicked.
      */
     onHeadClick(field: Field): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("orderChanged" | "rowClicked")[], "orderChanged" | "rowClicked", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("orderChanged" | "rowClicked")[], "orderChanged" | "rowClicked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Field list
      */
@@ -103,7 +112,12 @@ declare const _default: import("vue").DefineComponent<{
      * Item list
      */
     items: {
-        type: PropType<any[]>;
+        type: PropType<{
+            [key: string]: unknown;
+            trClass?: string;
+            id?: string | number;
+            _showRowDetails?: boolean;
+        }[]>;
         required: true;
     };
     /**
@@ -148,15 +162,20 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
     onOrderChanged?: ((...args: any[]) => any) | undefined;
     onRowClicked?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     isLoading: boolean;
     orderBy: string;
     sortDesc: boolean;
     thClass: string;
     tdClass: string;
     rowClickable: boolean;
-}, {}>;
+    emptyText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/bs-table/BsTable.vue.js

@@ -1,16 +1,13 @@
-import y from "./BsTable.vue2.js";
-import { resolveDirective as v, openBlock as t, createElementBlock as o, createElementVNode as r, Fragment as a, renderList as c, normalizeClass as d, renderSlot as n, createTextVNode as p, toDisplayString as u, createCommentVNode as h, withDirectives as C, pushScopeId as m, popScopeId as _ } from "vue";
-import "./BsTable.vue3.js";
-import $ from "../../_virtual/_plugin-vue_export-helper.js";
-const b = (e) => (m("data-v-c310373d"), e = e(), _(), e), g = { class: "table" }, w = ["onClick"], S = { key: 0 }, f = ["colspan"], B = /* @__PURE__ */ b(() => /* @__PURE__ */ r("div", { class: "d-flex justify-content-center p-2" }, [
-  /* @__PURE__ */ r("div", { class: "spinner-border spinner-border-sm" })
-], -1)), D = { key: 1 }, I = ["colspan"], N = { class: "text-center text-muted small" }, V = ["data-id", "onClick"], A = { key: 0 }, E = ["colspan"];
-function F(e, L, O, T, j, z) {
-  const k = v("t");
-  return t(), o("table", g, [
+import h from "./BsTable.vue2.js";
+import { openBlock as t, createElementBlock as o, createElementVNode as r, Fragment as a, renderList as u, normalizeClass as d, renderSlot as l, createTextVNode as k, toDisplayString as c, createCommentVNode as y } from "vue";
+/* empty css             */
+import C from "../../_virtual/_plugin-vue_export-helper.js";
+const m = { class: "table" }, $ = ["onClick"], v = { key: 0 }, b = ["colspan"], g = { key: 1 }, w = ["colspan"], f = ["textContent"], B = ["data-id", "onClick"], _ = { key: 0 }, S = ["colspan"];
+function D(e, p, N, T, V, A) {
+  return t(), o("table", m, [
     r("thead", null, [
       r("tr", null, [
-        (t(!0), o(a, null, c(e.fields, (s) => (t(), o("th", {
+        (t(!0), o(a, null, u(e.fields, (s) => (t(), o("th", {
           key: s.key,
           class: d({
             "cursor-pointer": e.isSortableField(s),
@@ -19,67 +16,70 @@ function F(e, L, O, T, j, z) {
           }),
           onClick: (i) => e.onHeadClick(s)
         }, [
-          n(e.$slots, "tr", {}, () => [
-            p(u(s.label) + " ", 1),
+          l(e.$slots, "tr", {}, () => [
+            k(c(s.label) + " ", 1),
             e.isActiveOrderBy(s.key) && e.sortDesc !== void 0 ? (t(), o("i", {
               key: 0,
               class: d(e.getSortIconClass())
-            }, null, 2)) : h("", !0)
+            }, null, 2)) : y("", !0)
           ], !0)
-        ], 10, w))), 128))
+        ], 10, $))), 128))
       ])
     ]),
     r("tbody", null, [
-      e.isLoading ? (t(), o("tr", S, [
+      e.isLoading ? (t(), o("tr", v, [
         r("td", {
           colspan: e.fields.length
         }, [
-          n(e.$slots, "loading", {}, () => [
-            B
+          l(e.$slots, "loading", {}, () => [
+            p[0] || (p[0] = r("div", { class: "d-flex justify-content-center p-2" }, [
+              r("div", { class: "spinner-border spinner-border-sm" })
+            ], -1))
           ], !0)
-        ], 8, f)
-      ])) : e.items.length === 0 ? (t(), o("tr", D, [
+        ], 8, b)
+      ])) : e.items.length === 0 ? (t(), o("tr", g, [
         r("td", {
           colspan: e.fields.length
         }, [
-          n(e.$slots, "empty", {}, () => [
-            C(r("div", N, null, 512), [
-              [k, "table.empty_text"]
-            ])
+          l(e.$slots, "empty", {}, () => [
+            r("div", {
+              class: "text-center text-muted small",
+              textContent: c(e.emptyText)
+            }, null, 8, f)
           ], !0)
-        ], 8, I)
-      ])) : (t(!0), o(a, { key: 2 }, c(e.items, (s, i) => (t(), o(a, { key: i }, [
+        ], 8, w)
+      ])) : (t(!0), o(a, { key: 2 }, u(e.items, (s, i) => (t(), o(a, { key: i }, [
         r("tr", {
           class: d([s.trClass || "", { "cursor-pointer": e.rowClickable }]),
           "data-id": s.id,
-          onClick: (l) => e.$emit("rowClicked", s)
+          onClick: (n) => e.$emit("rowClicked", s)
         }, [
-          (t(!0), o(a, null, c(e.fields, (l) => (t(), o("td", {
-            key: l.key,
-            class: d(l.tdClass || e.tdClass)
+          (t(!0), o(a, null, u(e.fields, (n) => (t(), o("td", {
+            key: n.key,
+            class: d(n.tdClass || e.tdClass)
           }, [
-            n(e.$slots, "td", {
+            l(e.$slots, "td", {
               key: i,
-              field: l.key,
+              field: n.key,
               row: s,
-              value: l.key in s ? s[l.key] : null
+              value: n.key in s ? s[n.key] : null
             }, () => [
-              p(u(s[l.key]), 1)
+              k(c(s[n.key]), 1)
             ], !0)
           ], 2))), 128))
-        ], 10, V),
-        s._showRowDetails ? (t(), o("tr", A, [
+        ], 10, B),
+        s._showRowDetails ? (t(), o("tr", _, [
           r("td", {
             colspan: e.fields.length
           }, [
-            n(e.$slots, "row-details", { row: s }, void 0, !0)
-          ], 8, E)
-        ])) : h("", !0)
+            l(e.$slots, "row-details", { row: s }, void 0, !0)
+          ], 8, S)
+        ])) : y("", !0)
       ], 64))), 128))
     ])
   ]);
 }
-const J = /* @__PURE__ */ $(y, [["render", F], ["__scopeId", "data-v-c310373d"]]);
+const O = /* @__PURE__ */ C(h, [["render", D], ["__scopeId", "data-v-24264439"]]);
 export {
-  J as default
+  O as default
 };

package/dist/components/bs-table/BsTable.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as r } from "vue";
-const s = r({
+import { defineComponent as t } from "vue";
+const i = t({
   name: "BsTable",
   props: {
     /**
@@ -57,6 +57,10 @@ const s = r({
     rowClickable: {
       type: Boolean,
       default: !1
+    },
+    emptyText: {
+      type: String,
+      default: "No data available"
     }
   },
   emits: ["orderChanged", "rowClicked"],
@@ -111,5 +115,5 @@ const s = r({
   }
 });
 export {
-  s as default
+  i as default
 };

package/dist/components/bs-textarea/BsTextarea.vue.d.ts

@@ -1,10 +1,10 @@
 import { Ref } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * Value for v-model
      */
     modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
     /**
@@ -35,14 +35,28 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    inputRef: Ref<HTMLInputElement | null>;
+    /**
+     * Convert empty string to null
+     */
+    emptyStringToNull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Trim input value
+     */
+    trim: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    inputRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
     validator: {
         onInvalid: (event: Event) => void;
         getInvalidMessage: () => string | null;
         setCustomError: (data: string) => void;
     };
-}, unknown, {}, {
+}, {}, {}, {
     /**
      * Hint id is generated
      */
@@ -59,12 +73,12 @@ declare const _default: import("vue").DefineComponent<{
      * @param event
      */
     onInvalid(event: Event): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Value for v-model
      */
     modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
     /**
@@ -95,12 +109,28 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+    /**
+     * Convert empty string to null
+     */
+    emptyStringToNull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Trim input value
+     */
+    trim: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     label: string;
+    trim: boolean;
     modelValue: string | number;
     hint: string;
     validatorEnabled: boolean;
-}, {}>;
+    emptyStringToNull: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/bs-textarea/BsTextarea.vue2.js

@@ -1,6 +1,6 @@
-import { useValidator as a } from "../validator/Validator.js";
-import { defineComponent as i, ref as n } from "vue";
-const d = i({
+import { useValidator as a } from "@zemkogabor/vue-form-validator";
+import { defineComponent as i, ref as r } from "vue";
+const u = i({
   name: "BsTextarea",
   props: {
     /**
@@ -37,11 +37,25 @@ const d = i({
     validatorEnabled: {
       type: Boolean,
       default: !0
+    },
+    /**
+     * Convert empty string to null
+     */
+    emptyStringToNull: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Trim input value
+     */
+    trim: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["update:modelValue"],
   setup() {
-    const t = n(null);
+    const t = r(null);
     return {
       inputRef: t,
       validator: a(t)
@@ -60,8 +74,9 @@ const d = i({
      * @param event
      */
     onInput(t) {
-      const e = t.target;
-      this.$emit("update:modelValue", e.value);
+      const l = t.target;
+      let e = l.value;
+      this.trim && (e = l.value.trim()), this.emptyStringToNull && e === "" && (e = null), this.$emit("update:modelValue", e);
     },
     /**
      * On invalid event
@@ -74,5 +89,5 @@ const d = i({
   }
 });
 export {
-  d as default
+  u as default
 };

package/dist/components/bs-toast/BsToast.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {
     /**
      * Trigger toast hide event.
      */
@@ -11,8 +11,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {
      * Hidden event.
      */
     onHidden(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown")[], "hidden" | "shown", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("hidden" | "shown")[], "hidden" | "shown", import('vue').PublicProps, Readonly<{}> & Readonly<{
     onHidden?: ((...args: any[]) => any) | undefined;
     onShown?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/index.js

@@ -5,24 +5,22 @@ import { default as l } from "./components/bs-checkbox/BsCheckbox.vue.js";
 import { default as u } from "./components/bs-textarea/BsTextarea.vue.js";
 import { default as p } from "./components/bs-paginator/BsPaginator.vue.js";
 import { default as c } from "./components/bs-table/BsTable.vue.js";
-import { default as i } from "./components/bs-select/BsSelect.vue.js";
-import { default as T } from "./components/bs-radio/BsRadio.vue.js";
-import { useValidator as h } from "./components/validator/Validator.js";
-import { default as v } from "./components/bs-toast/BsToast.vue.js";
-import { default as F } from "./components/bs-modal/BsModal.vue.js";
-import { default as M } from "./components/bs-offcanvas/BsOffcanvas.vue.js";
+import { default as n } from "./components/bs-select/BsSelect.vue.js";
+import { default as i } from "./components/bs-radio/BsRadio.vue.js";
+import { default as h } from "./components/bs-toast/BsToast.vue.js";
+import { default as v } from "./components/bs-modal/BsModal.vue.js";
+import { default as F } from "./components/bs-offcanvas/BsOffcanvas.vue.js";
 export {
   o as BsBreadcrumb,
   l as BsCheckbox,
   t as BsForm,
   s as BsInput,
-  F as BsModal,
-  M as BsOffcanvas,
+  v as BsModal,
+  F as BsOffcanvas,
   p as BsPaginator,
-  T as BsRadio,
-  i as BsSelect,
+  i as BsRadio,
+  n as BsSelect,
   c as BsTable,
   u as BsTextarea,
-  v as BsToast,
-  h as useValidator
+  h as BsToast
 };

package/dist/ssr-safe.d.ts

@@ -10,4 +10,3 @@ export { default as BsRadio } from './components/bs-radio/BsRadio.vue';
 export type { default as BreadCrumbItem } from './types/BreadcrumbItem.ts';
 export type { default as Option } from './types/Option.ts';
 export type { default as Field } from './types/Field.ts';
-export { useValidator } from './components/validator/Validator.ts';

package/dist/ssr-safe.js

@@ -7,7 +7,6 @@ import { default as p } from "./components/bs-paginator/BsPaginator.vue.js";
 import { default as b } from "./components/bs-table/BsTable.vue.js";
 import { default as i } from "./components/bs-select/BsSelect.vue.js";
 import { default as T } from "./components/bs-radio/BsRadio.vue.js";
-import { useValidator as h } from "./components/validator/Validator.js";
 export {
   r as BsBreadcrumb,
   l as BsCheckbox,
@@ -17,6 +16,5 @@ export {
   T as BsRadio,
   i as BsSelect,
   b as BsTable,
-  u as BsTextarea,
-  h as useValidator
+  u as BsTextarea
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-vue-wrapper",
-  "version": "2.3.4",
+  "version": "3.0.1",
   "description": "Bootstrap 5 components in Vue3 wrapper.",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -40,35 +40,38 @@
   "author": "Gabor Zemko <gaborzemko@gmail.com>",
   "peerDependencies": {
     "@popperjs/core": "^2.0.0",
+    "@zemkogabor/vue-form-validator": "^1.2.0",
     "bootstrap": "^5.1.0",
     "bootstrap-icons": "^1.0.0",
     "sass": "^1.70.0",
-    "vue": "^3.0.0",
-    "vue-i18n": "^9.0.0",
-    "vue-router": "^4.0.0"
+    "vue": "^3.0.0"
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.2",
     "@popperjs/core": "^2.11.8",
+    "@tsconfig/node22": "^22.0.5",
     "@types/bootstrap": "^5.2.10",
-    "@types/node": "^20.11.27",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/eslint-config-typescript": "^13.0.0",
+    "@types/node": "^25.0.10",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/tsconfig": "^0.8.1",
+    "@zemkogabor/vue-form-validator": "^1.2.0",
     "bootstrap": "^5.3.3",
     "bootstrap-icons": "^1.11.3",
-    "eslint": "^8.57.0",
+    "eslint": "^9.39.2",
     "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^16.6.2",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-n": "^17.23.1",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-vue": "^9.23.0",
+    "eslint-plugin-promise": "^7.2.1",
+    "eslint-plugin-vue": "^10.6.2",
+    "lint-staged": "^16.2.7",
     "sass": "^1.71.1",
-    "typescript": "^5.4.2",
-    "vite": "^5.1.6",
-    "vite-plugin-dts": "^3.7.2",
-    "vue": "^3.4.21",
-    "vue-i18n": "^9.10.1",
+    "typescript-eslint": "^8.52.0",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^3.5.27",
     "vue-router": "^4.3.0",
-    "vue-tsc": "^2.0.6"
+    "vue-tsc": "^3.2.2"
   }
 }

package/dist/components/bs-paginator/BsPaginator.vue3.js

@@ -1 +0,0 @@
-

package/dist/components/bs-table/BsTable.vue3.js

@@ -1 +0,0 @@
-

package/dist/components/validator/Validator.d.ts

@@ -1,9 +0,0 @@
-import { Ref } from 'vue';
-/**
- * @deprecated Use @zemkogabor/vue-form-validator instead of this file.
- */
-export declare function useValidator(inputRef: Ref<HTMLInputElement | null>): {
-    onInvalid: (event: Event) => void;
-    getInvalidMessage: () => string | null;
-    setCustomError: (data: string) => void;
-};