bootstrap-vue-wrapper 2.1.16 → 2.1.18

package/dist/bootstrap-vue-wrapper.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, resolveComponent as E, openBlock as a, createElementBlock as i, createElementVNode as s, Fragment as b, renderList as y, normalizeClass as h, createBlock as w, withCtx as H, createTextVNode as S, toDisplayString as l, renderSlot as g, ref as C, createCommentVNode as u, mergeProps as k, resolveDirective as M, withDirectives as R, pushScopeId as A, popScopeId as L } from "vue";
+import { defineComponent as m, resolveComponent as w, openBlock as a, createElementBlock as i, createElementVNode as s, Fragment as b, renderList as y, normalizeClass as h, createBlock as E, withCtx as M, createTextVNode as S, toDisplayString as l, renderSlot as g, ref as C, createCommentVNode as u, mergeProps as k, resolveDirective as H, withDirectives as R, pushScopeId as L, popScopeId as A } from "vue";
 import { useI18n as N } from "vue-i18n";
-import { Toast as B, Modal as P, Offcanvas as V } from "bootstrap";
+import { Toast as P, Modal as B, Offcanvas as V } from "bootstrap";
 const O = m({
   name: "BsBreadcrumb",
   props: {
@@ -30,18 +30,18 @@ const O = m({
   return r;
 }, _ = { "aria-label": "breadcrumb" }, D = { class: "breadcrumb" }, q = ["textContent"];
 function T(e, t, r, d, v, f) {
-  const o = E("router-link");
+  const o = w("router-link");
   return a(), i("nav", _, [
     s("ol", D, [
       (a(!0), i(b, null, y(e.items, (n, p) => (a(), i("li", {
         key: p,
         class: h(["breadcrumb-item", { active: !e.isRouteAvailable(n) }])
       }, [
-        e.isRouteAvailable(n) ? (a(), w(o, {
+        e.isRouteAvailable(n) ? (a(), E(o, {
           key: 0,
           to: n.route
         }, {
-          default: H(() => [
+          default: M(() => [
             S(l(n.title), 1)
           ]),
           _: 2
@@ -53,7 +53,7 @@ function T(e, t, r, d, v, f) {
     ])
   ]);
 }
-const rt = /* @__PURE__ */ c(O, [["render", T]]), F = m({
+const dt = /* @__PURE__ */ c(O, [["render", T]]), F = m({
   name: "BsForm",
   emits: ["submit"],
   data() {
@@ -83,7 +83,7 @@ function z(e, t, r, d, v, f) {
     g(e.$slots, "default")
   ], 34);
 }
-const dt = /* @__PURE__ */ c(F, [["render", z]]);
+const ut = /* @__PURE__ */ c(F, [["render", z]]);
 function I(e) {
   const { t } = N(), r = C(null);
   function d(n) {
@@ -237,7 +237,7 @@ function Q(e, t, r, d, v, f) {
     }, null, 8, K)) : u("", !0)
   ], 64);
 }
-const ut = /* @__PURE__ */ c(j, [["render", Q]]), W = m({
+const vt = /* @__PURE__ */ c(j, [["render", Q]]), W = m({
   name: "BsCheckbox",
   props: {
     /**
@@ -371,7 +371,7 @@ function ee(e, t, r, d, v, f) {
     }, null, 8, x)) : u("", !0)
   ], 2);
 }
-const vt = /* @__PURE__ */ c(W, [["render", ee]]), te = m({
+const ht = /* @__PURE__ */ c(W, [["render", ee]]), te = m({
   name: "BsTextarea",
   props: {
     /**
@@ -475,7 +475,7 @@ function se(e, t, r, d, v, f) {
     }, null, 8, oe)) : u("", !0)
   ], 64);
 }
-const ht = /* @__PURE__ */ c(te, [["render", se]]), le = m({
+const ft = /* @__PURE__ */ c(te, [["render", se]]), le = m({
   name: "BsPaginator",
   props: {
     /**
@@ -639,7 +639,7 @@ function pe(e, t, r, d, v, f) {
     ])
   ]);
 }
-const ft = /* @__PURE__ */ c(le, [["render", pe], ["__scopeId", "data-v-ff85ae67"]]), me = m({
+const pt = /* @__PURE__ */ c(le, [["render", pe], ["__scopeId", "data-v-ff85ae67"]]), me = m({
   name: "BsTable",
   props: {
     /**
@@ -690,9 +690,16 @@ const ft = /* @__PURE__ */ c(le, [["render", pe], ["__scopeId", "data-v-ff85ae67
     tdClass: {
       type: String,
       default: void 0
+    },
+    /**
+     * row is clickable
+     */
+    rowClickable: {
+      type: Boolean,
+      default: !1
     }
   },
-  emits: ["orderChanged"],
+  emits: ["orderChanged", "rowClicked"],
   methods: {
     /**
      * Is order by active by field?
@@ -742,11 +749,11 @@ const ft = /* @__PURE__ */ c(le, [["render", pe], ["__scopeId", "data-v-ff85ae67
       this.isSortableField(e) && this.$emit("orderChanged", { sortDesc: this.calcSortDesc(e.key), orderBy: e.key });
     }
   }
-}), ce = (e) => (A("data-v-b32962df"), e = e(), L(), e), ge = { class: "table" }, be = ["onClick"], $e = { key: 0 }, ye = ["colspan"], Ce = /* @__PURE__ */ ce(() => /* @__PURE__ */ s("div", { class: "d-flex justify-content-center p-2" }, [
+}), ce = (e) => (L("data-v-fffb8cf0"), e = e(), A(), e), ge = { class: "table" }, be = ["onClick"], $e = { key: 0 }, ye = ["colspan"], Ce = /* @__PURE__ */ ce(() => /* @__PURE__ */ s("div", { class: "d-flex justify-content-center p-2" }, [
   /* @__PURE__ */ s("div", { class: "spinner-border spinner-border-sm" })
-], -1)), ke = { key: 1 }, Ie = ["colspan"], Se = { class: "text-center text-muted small" };
+], -1)), ke = { key: 1 }, Ie = ["colspan"], Se = { class: "text-center text-muted small" }, Pe = ["onClick"];
 function Be(e, t, r, d, v, f) {
-  const o = M("t");
+  const o = H("t");
   return a(), i("table", ge, [
     s("thead", null, [
       s("tr", null, [
@@ -790,7 +797,8 @@ function Be(e, t, r, d, v, f) {
         ], 8, Ie)
       ])) : (a(!0), i(b, { key: 2 }, y(e.items, (n, p) => (a(), i("tr", {
         key: p,
-        class: h(n.trClass)
+        class: h([n.trClass || "", { "cursor-pointer": e.rowClickable }]),
+        onClick: ($) => e.$emit("rowClicked", n)
       }, [
         (a(!0), i(b, null, y(e.fields, ($) => (a(), i("td", {
           key: $.key,
@@ -805,16 +813,16 @@ function Be(e, t, r, d, v, f) {
             S(l(n[$.key]), 1)
           ], !0)
         ], 2))), 128))
-      ], 2))), 128))
+      ], 10, Pe))), 128))
     ])
   ]);
 }
-const pt = /* @__PURE__ */ c(me, [["render", Be], ["__scopeId", "data-v-b32962df"]]), Pe = m({
+const mt = /* @__PURE__ */ c(me, [["render", Be], ["__scopeId", "data-v-fffb8cf0"]]), Ve = m({
   name: "BsToast",
   emits: ["shown", "hidden"],
   mounted() {
     const e = this.$refs.toastRef;
-    B.getOrCreateInstance(e).show(), e.addEventListener("shown.bs.toast", this.onShown), e.addEventListener("hidden.bs.toast", this.onHidden);
+    P.getOrCreateInstance(e).show(), e.addEventListener("shown.bs.toast", this.onShown), e.addEventListener("hidden.bs.toast", this.onHidden);
   },
   methods: {
     /**
@@ -822,7 +830,7 @@ const pt = /* @__PURE__ */ c(me, [["render", Be], ["__scopeId", "data-v-b32962df
      */
     hide() {
       const e = this.$refs.toastRef;
-      B.getOrCreateInstance(e).hide();
+      P.getOrCreateInstance(e).hide();
     },
     /**
      * Hidden event.
@@ -837,7 +845,7 @@ const pt = /* @__PURE__ */ c(me, [["render", Be], ["__scopeId", "data-v-b32962df
       this.$emit("hidden");
     }
   }
-}), Ve = {
+}), we = {
   ref: "toastRef",
   class: "toast hide",
   role: "alert",
@@ -845,11 +853,11 @@ const pt = /* @__PURE__ */ c(me, [["render", Be], ["__scopeId", "data-v-b32962df
   "aria-atomic": "true"
 };
 function Ee(e, t, r, d, v, f) {
-  return a(), i("div", Ve, [
+  return a(), i("div", we, [
     g(e.$slots, "default")
   ], 512);
 }
-const mt = /* @__PURE__ */ c(Pe, [["render", Ee]]), we = m({
+const ct = /* @__PURE__ */ c(Ve, [["render", Ee]]), Me = m({
   name: "BsModal",
   props: {
     /**
@@ -876,10 +884,10 @@ const mt = /* @__PURE__ */ c(Pe, [["render", Ee]]), we = m({
       default: !1
     }
   },
-  emits: ["shown", "hidden"],
+  emits: ["show", "shown", "hide", "hidden", "hidePrevented"],
   mounted() {
     const e = this.$refs.modalRef;
-    P.getOrCreateInstance(e).show(), e.addEventListener("shown.bs.modal", this.onShown), e.addEventListener("hidden.bs.modal", this.onHidden);
+    B.getOrCreateInstance(e).show(), e.addEventListener("show.bs.modal", (t) => this.$emit("show", t)), e.addEventListener("shown.bs.modal", (t) => this.$emit("shown", t)), e.addEventListener("hide.bs.modal", (t) => this.$emit("hide", t)), e.addEventListener("hidden.bs.modal", (t) => this.$emit("hidden", t)), e.addEventListener("hidePrevented.bs.modal", (t) => this.$emit("hidePrevented", t));
   },
   methods: {
     /**
@@ -887,65 +895,53 @@ const mt = /* @__PURE__ */ c(Pe, [["render", Ee]]), we = m({
      */
     hide() {
       const e = this.$refs.modalRef;
-      P.getOrCreateInstance(e).hide();
-    },
-    /**
-     * Shown event.
-     */
-    onShown() {
-      this.$emit("shown");
-    },
-    /**
-     * Hidden event.
-     */
-    onHidden() {
-      this.$emit("hidden");
+      B.getOrCreateInstance(e).hide();
     }
   }
 }), He = {
   ref: "modalRef",
   class: "modal fade",
   tabindex: "-1"
-}, Me = { class: "modal-content" }, Re = {
+}, Re = { class: "modal-content" }, Le = {
   key: 0,
   class: "modal-header"
-}, Ae = ["textContent"], Le = /* @__PURE__ */ s("button", {
+}, Ae = ["textContent"], Ne = /* @__PURE__ */ s("button", {
   type: "button",
   class: "btn-close",
   "data-bs-dismiss": "modal"
-}, null, -1), Ne = {
+}, null, -1), Oe = {
   key: 1,
   class: "modal-body"
-}, Oe = {
+}, _e = {
   key: 2,
   class: "modal-footer"
 };
-function _e(e, t, r, d, v, f) {
+function De(e, t, r, d, v, f) {
   return a(), i("div", He, [
     s("div", {
       class: h(["modal-dialog", e.classDialog])
     }, [
-      s("div", Me, [
-        e.hideHeader ? u("", !0) : (a(), i("div", Re, [
+      s("div", Re, [
+        e.hideHeader ? u("", !0) : (a(), i("div", Le, [
           g(e.$slots, "header", {}, () => [
             s("div", {
               class: "h5 modal-title",
               textContent: l(e.title)
             }, null, 8, Ae),
-            Le
+            Ne
           ])
         ])),
-        e.hideBody ? u("", !0) : (a(), i("div", Ne, [
+        e.hideBody ? u("", !0) : (a(), i("div", Oe, [
           g(e.$slots, "body")
         ])),
-        e.hideFooter ? u("", !0) : (a(), i("div", Oe, [
+        e.hideFooter ? u("", !0) : (a(), i("div", _e, [
           g(e.$slots, "footer")
         ]))
       ])
     ], 2)
   ], 512);
 }
-const ct = /* @__PURE__ */ c(we, [["render", _e]]), De = m({
+const gt = /* @__PURE__ */ c(Me, [["render", De]]), qe = m({
   name: "BsSelect",
   props: {
     /**
@@ -1031,20 +1027,20 @@ const ct = /* @__PURE__ */ c(we, [["render", _e]]), De = m({
       this.validatorEnabled && this.validator.onInvalid(e);
     }
   }
-}), qe = ["for", "textContent"], Te = ["id", "value", "aria-labelledby"], Fe = {
+}), Te = ["for", "textContent"], Fe = ["id", "value", "aria-labelledby"], ze = {
   key: 0,
   value: "",
   disabled: "",
   hidden: ""
-}, ze = ["value", "disabled"], je = ["textContent"], Ue = ["id", "textContent"];
-function Ge(e, t, r, d, v, f) {
+}, je = ["value", "disabled"], Ue = ["textContent"], Ge = ["id", "textContent"];
+function Je(e, t, r, d, v, f) {
   return a(), i(b, null, [
     e.label !== void 0 ? (a(), i("label", {
       key: 0,
       for: e.id,
       class: "form-label",
       textContent: l(e.label)
-    }, null, 8, qe)) : u("", !0),
+    }, null, 8, Te)) : u("", !0),
     s("select", k({
       id: e.id,
       ref: "inputRef",
@@ -1055,27 +1051,27 @@ function Ge(e, t, r, d, v, f) {
       onInput: t[0] || (t[0] = (...o) => e.onInput && e.onInput(...o)),
       onInvalid: t[1] || (t[1] = (...o) => e.onInvalid && e.onInvalid(...o))
     }), [
-      e.placeholder !== void 0 ? (a(), i("option", Fe, l(e.placeholder), 1)) : u("", !0),
+      e.placeholder !== void 0 ? (a(), i("option", ze, l(e.placeholder), 1)) : u("", !0),
       (a(!0), i(b, null, y(e.options, (o, n) => (a(), i("option", {
         key: n,
         value: o.value,
         disabled: o.disabled !== void 0 && o.disabled
-      }, l(o.text), 9, ze))), 128))
-    ], 16, Te),
+      }, l(o.text), 9, je))), 128))
+    ], 16, Fe),
     e.validatorEnabled && e.validator.getInvalidMessage() !== null ? (a(), i("div", {
       key: 1,
       class: "invalid-feedback",
       textContent: l(e.validator.getInvalidMessage())
-    }, null, 8, je)) : u("", !0),
+    }, null, 8, Ue)) : u("", !0),
     e.hint !== void 0 ? (a(), i("div", {
       key: 2,
       id: e.getHintId(),
       class: "form-text",
       textContent: l(e.hint)
-    }, null, 8, Ue)) : u("", !0)
+    }, null, 8, Ge)) : u("", !0)
   ], 64);
 }
-const gt = /* @__PURE__ */ c(De, [["render", Ge]]), Je = m({
+const bt = /* @__PURE__ */ c(qe, [["render", Je]]), Ke = m({
   name: "BsRadio",
   props: {
     /**
@@ -1166,8 +1162,8 @@ const gt = /* @__PURE__ */ c(De, [["render", Ge]]), Je = m({
       this.validatorEnabled && this.validator.onInvalid(e);
     }
   }
-}), Ke = ["id", "value", "checked", "aria-describedby"], Qe = ["for", "textContent"], We = ["textContent"], Xe = ["id", "textContent"];
-function Ye(e, t, r, d, v, f) {
+}), Qe = ["id", "value", "checked", "aria-describedby"], We = ["for", "textContent"], Xe = ["textContent"], Ye = ["id", "textContent"];
+function Ze(e, t, r, d, v, f) {
   return a(), i("div", {
     class: h(["form-check", e.classContainer])
   }, [
@@ -1182,27 +1178,27 @@ function Ye(e, t, r, d, v, f) {
       "aria-describedby": e.hint !== void 0 ? e.getHintId() : void 0,
       onInput: t[0] || (t[0] = (...o) => e.onInput && e.onInput(...o)),
       onInvalid: t[1] || (t[1] = (...o) => e.onInvalid && e.onInvalid(...o))
-    }), null, 16, Ke),
+    }), null, 16, Qe),
     e.label !== void 0 ? (a(), i("label", {
       key: 0,
       for: e.id,
       class: "form-check-label",
       textContent: l(e.label)
-    }, null, 8, Qe)) : u("", !0),
+    }, null, 8, We)) : u("", !0),
     e.validatorEnabled && e.validator.getInvalidMessage() !== null ? (a(), i("div", {
       key: 1,
       class: "invalid-feedback",
       textContent: l(e.validator.getInvalidMessage())
-    }, null, 8, We)) : u("", !0),
+    }, null, 8, Xe)) : u("", !0),
     e.hint !== void 0 ? (a(), i("div", {
       key: 2,
       id: e.getHintId(),
       class: "form-text",
       textContent: l(e.hint)
-    }, null, 8, Xe)) : u("", !0)
+    }, null, 8, Ye)) : u("", !0)
   ], 2);
 }
-const bt = /* @__PURE__ */ c(Je, [["render", Ye]]), Ze = m({
+const $t = /* @__PURE__ */ c(Ke, [["render", Ze]]), xe = m({
   name: "BsOffcanvas",
   props: {
     /**
@@ -1239,46 +1235,46 @@ const bt = /* @__PURE__ */ c(Je, [["render", Ye]]), Ze = m({
       this.$emit("hidden");
     }
   }
-}), xe = {
+}), et = {
   ref: "offcanvasRef",
   class: "offcanvas",
   tabindex: "-1",
   "aria-labelledby": "offcanvasTitle"
-}, et = { class: "offcanvas-header" }, tt = ["textContent"], nt = /* @__PURE__ */ s("button", {
+}, tt = { class: "offcanvas-header" }, nt = ["textContent"], at = /* @__PURE__ */ s("button", {
   type: "button",
   class: "btn-close text-reset",
   "data-bs-dismiss": "offcanvas"
-}, null, -1), at = { class: "offcanvas-body" };
-function it(e, t, r, d, v, f) {
-  return a(), i("div", xe, [
-    s("div", et, [
+}, null, -1), it = { class: "offcanvas-body" };
+function ot(e, t, r, d, v, f) {
+  return a(), i("div", et, [
+    s("div", tt, [
       g(e.$slots, "header", {}, () => [
         s("div", {
           id: "offcanvasTitle",
           class: "h5 mb-0",
           textContent: l(e.title)
-        }, null, 8, tt),
-        nt
+        }, null, 8, nt),
+        at
       ])
     ]),
-    s("div", at, [
+    s("div", it, [
       g(e.$slots, "body")
     ])
   ], 512);
 }
-const $t = /* @__PURE__ */ c(Ze, [["render", it]]);
+const yt = /* @__PURE__ */ c(xe, [["render", ot]]);
 export {
-  rt as BsBreadcrumb,
-  vt as BsCheckbox,
-  dt as BsForm,
-  ut as BsInput,
-  ct as BsModal,
-  $t as BsOffcanvas,
-  ft as BsPaginator,
-  bt as BsRadio,
-  gt as BsSelect,
-  pt as BsTable,
-  ht as BsTextarea,
-  mt as BsToast,
+  dt as BsBreadcrumb,
+  ht as BsCheckbox,
+  ut as BsForm,
+  vt as BsInput,
+  gt as BsModal,
+  yt as BsOffcanvas,
+  pt as BsPaginator,
+  $t as BsRadio,
+  bt as BsSelect,
+  mt as BsTable,
+  ft as BsTextarea,
+  ct as BsToast,
   I as useValidator
 };

package/dist/components/bs-modal/BsModal.vue.d.ts

@@ -27,15 +27,7 @@ declare const _default: import("vue").DefineComponent<{
      * Trigger modal hide event.
      */
     hide(): void;
-    /**
-     * Shown event.
-     */
-    onShown(): void;
-    /**
-     * 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" | "show" | "shown" | "hide" | "hidePrevented")[], "hidden" | "show" | "shown" | "hide" | "hidePrevented", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Modal title
      */
@@ -61,7 +53,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onHidden?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     onShown?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+    onHidePrevented?: ((...args: any[]) => any) | undefined;
 }, {
     classDialog: string | Record<string, any>;
     hideHeader: boolean;

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

@@ -50,6 +50,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    /**
+     * row is clickable
+     */
+    rowClickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, unknown, {}, {
     /**
      * Is order by active by field?
@@ -84,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
      * Table head clicked.
      */
     onHeadClick(field: Field): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "orderChanged"[], "orderChanged", 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
      */
@@ -134,13 +141,22 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    /**
+     * row is clickable
+     */
+    rowClickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOrderChanged?: ((...args: any[]) => any) | undefined;
+    onRowClicked?: ((...args: any[]) => any) | undefined;
 }, {
     isLoading: boolean;
     orderBy: string;
     sortDesc: boolean;
     thClass: string;
     tdClass: string;
+    rowClickable: boolean;
 }, {}>;
 export default _default;

package/dist/style.css

@@ -1 +1 @@
-.page-link[data-v-ff85ae67]{cursor:pointer}.page-item-first[data-v-ff85ae67],.page-item-last[data-v-ff85ae67],.page-item-number[data-v-ff85ae67]:not(.active){display:none}@media (min-width: 576px){.page-item-number[data-v-ff85ae67]:not(.active){display:block}}@media (min-width: 992px){.page-item-first[data-v-ff85ae67],.page-item-last[data-v-ff85ae67]{display:block}}.cursor-pointer[data-v-b32962df]{cursor:pointer}
+.page-link[data-v-ff85ae67]{cursor:pointer}.page-item-first[data-v-ff85ae67],.page-item-last[data-v-ff85ae67],.page-item-number[data-v-ff85ae67]:not(.active){display:none}@media (min-width: 576px){.page-item-number[data-v-ff85ae67]:not(.active){display:block}}@media (min-width: 992px){.page-item-first[data-v-ff85ae67],.page-item-last[data-v-ff85ae67]{display:block}}.cursor-pointer[data-v-fffb8cf0]{cursor:pointer}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-vue-wrapper",
-  "version": "2.1.16",
+  "version": "2.1.18",
   "description": "Bootstrap 5 components in Vue3 wrapper.",
   "module": "./dist/bootstrap-vue-wrapper.js",
   "types": "./dist/index.d.ts",