bootstrap-vue-wrapper 2.1.15 → 2.1.17

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 E, openBlock as a, createElementBlock as i, createElementVNode as o, Fragment as b, renderList as y, normalizeClass as h, createBlock as w, 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 s = E("router-link");
   return a(), i("nav", _, [
-    s("ol", D, [
+    o("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(), w(s, {
           key: 0,
           to: n.route
         }, {
-          default: H(() => [
+          default: M(() => [
             S(l(n.title), 1)
           ]),
           _: 2
@@ -78,7 +78,7 @@ function z(e, t, r, d, v, f) {
       "was-validated": e.submitClicked
     }]),
     novalidate: "",
-    onSubmit: t[0] || (t[0] = (...o) => e.onSubmit && e.onSubmit(...o))
+    onSubmit: t[0] || (t[0] = (...s) => e.onSubmit && e.onSubmit(...s))
   }, [
     g(e.$slots, "default")
   ], 34);
@@ -124,12 +124,12 @@ function I(e) {
   function f(n) {
     n.target !== null && (r.value = v(n.target));
   }
-  function o() {
+  function s() {
     return r.value;
   }
   return {
     onInvalid: f,
-    getInvalidMessage: o,
+    getInvalidMessage: s,
     setCustomError: d
   };
 }
@@ -214,15 +214,15 @@ function Q(e, t, r, d, v, f) {
       class: "form-label",
       textContent: l(e.label)
     }, null, 8, U)) : u("", !0),
-    s("input", k({
+    o("input", k({
       id: e.id,
       ref: "inputRef",
       value: e.modelValue,
       class: "form-control"
     }, e.$attrs, {
       "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))
+      onInput: t[0] || (t[0] = (...s) => e.onInput && e.onInput(...s)),
+      onInvalid: t[1] || (t[1] = (...s) => e.onInvalid && e.onInvalid(...s))
     }), null, 16, G),
     e.validatorEnabled && e.validator.getInvalidMessage() !== null ? (a(), i("div", {
       key: 1,
@@ -340,7 +340,7 @@ function ee(e, t, r, d, v, f) {
   return a(), i("div", {
     class: h(["form-check", e.classContainer])
   }, [
-    s("input", k({
+    o("input", k({
       id: e.id,
       ref: "inputRef",
       value: e.modelValue
@@ -349,8 +349,8 @@ function ee(e, t, r, d, v, f) {
       class: "form-check-input",
       checked: e.isChecked,
       "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))
+      onInput: t[0] || (t[0] = (...s) => e.onInput && e.onInput(...s)),
+      onInvalid: t[1] || (t[1] = (...s) => e.onInvalid && e.onInvalid(...s))
     }), null, 16, X),
     e.label !== void 0 ? (a(), i("label", {
       key: 0,
@@ -443,8 +443,8 @@ const vt = /* @__PURE__ */ c(W, [["render", ee]]), te = m({
       this.validatorEnabled && this.validator.onInvalid(e);
     }
   }
-}), ne = ["for", "textContent"], ae = ["id", "value", "aria-describedby"], ie = ["textContent"], oe = ["id", "textContent"];
-function se(e, t, r, d, v, f) {
+}), ne = ["for", "textContent"], ae = ["id", "value", "aria-describedby"], ie = ["textContent"], se = ["id", "textContent"];
+function oe(e, t, r, d, v, f) {
   return a(), i(b, null, [
     e.label !== void 0 ? (a(), i("label", {
       key: 0,
@@ -452,15 +452,15 @@ function se(e, t, r, d, v, f) {
       class: "form-label",
       textContent: l(e.label)
     }, null, 8, ne)) : u("", !0),
-    s("textarea", k({
+    o("textarea", k({
       id: e.id,
       ref: "inputRef",
       value: e.modelValue
     }, e.$attrs, {
       class: "form-control",
       "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))
+      onInput: t[0] || (t[0] = (...s) => e.onInput && e.onInput(...s)),
+      onInvalid: t[1] || (t[1] = (...s) => e.onInvalid && e.onInvalid(...s))
     }), null, 16, ae),
     e.validatorEnabled && e.validator.getInvalidMessage() !== null ? (a(), i("div", {
       key: 1,
@@ -472,10 +472,10 @@ function se(e, t, r, d, v, f) {
       id: e.getHintId(),
       class: "form-text",
       textContent: l(e.hint)
-    }, null, 8, oe)) : u("", !0)
+    }, null, 8, se)) : u("", !0)
   ], 64);
 }
-const ht = /* @__PURE__ */ c(te, [["render", se]]), le = m({
+const ht = /* @__PURE__ */ c(te, [["render", oe]]), le = m({
   name: "BsPaginator",
   props: {
     /**
@@ -587,52 +587,52 @@ const ht = /* @__PURE__ */ c(te, [["render", se]]), le = m({
 }), re = { class: "pagination" }, de = ["textContent"], ue = ["textContent"], ve = ["onClick", "textContent"], he = ["textContent"], fe = ["textContent"];
 function pe(e, t, r, d, v, f) {
   return a(), i("nav", null, [
-    s("ul", re, [
-      s("li", {
+    o("ul", re, [
+      o("li", {
         class: h(["page-item page-item-first", { disabled: e.isPageActive(1) }])
       }, [
-        s("div", {
+        o("div", {
           class: "page-link",
-          onClick: t[0] || (t[0] = (o) => e.onPageClick(1)),
+          onClick: t[0] || (t[0] = (s) => e.onPageClick(1)),
           textContent: l(e.firstPageLabel)
         }, null, 8, de)
       ], 2),
-      s("li", {
+      o("li", {
         class: h(["page-item page-item-previous", { disabled: e.isPageActive(1) }])
       }, [
-        s("div", {
+        o("div", {
           class: "page-link",
-          onClick: t[1] || (t[1] = (o) => e.onPageClick(e.currentPage - 1)),
+          onClick: t[1] || (t[1] = (s) => e.onPageClick(e.currentPage - 1)),
           textContent: l(e.previousPageLabel)
         }, null, 8, ue)
       ], 2),
-      (a(!0), i(b, null, y(e.getVisiblePages(), (o, n) => (a(), i("li", {
+      (a(!0), i(b, null, y(e.getVisiblePages(), (s, n) => (a(), i("li", {
         key: n,
         class: h(["page-item page-item-number", {
-          active: e.isPageActive(o)
+          active: e.isPageActive(s)
         }])
       }, [
-        s("div", {
+        o("div", {
           class: "page-link",
-          onClick: (p) => e.onPageClick(o),
-          textContent: l(o)
+          onClick: (p) => e.onPageClick(s),
+          textContent: l(s)
         }, null, 8, ve)
       ], 2))), 128)),
-      s("li", {
+      o("li", {
         class: h(["page-item page-item-next", { disabled: e.isPageActive(e.getPageCount()) }])
       }, [
-        s("div", {
+        o("div", {
           class: "page-link",
-          onClick: t[2] || (t[2] = (o) => e.onPageClick(e.currentPage + 1)),
+          onClick: t[2] || (t[2] = (s) => e.onPageClick(e.currentPage + 1)),
           textContent: l(e.nextPageLabel)
         }, null, 8, he)
       ], 2),
-      s("li", {
+      o("li", {
         class: h(["page-item page-item-last", { disabled: e.isPageActive(e.getPageCount()) }])
       }, [
-        s("div", {
+        o("div", {
           class: "page-link",
-          onClick: t[3] || (t[3] = (o) => e.onPageClick(e.getPageCount())),
+          onClick: t[3] || (t[3] = (s) => e.onPageClick(e.getPageCount())),
           textContent: l(e.lastPageLabel)
         }, null, 8, fe)
       ], 2)
@@ -742,14 +742,14 @@ 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" }, [
-  /* @__PURE__ */ s("div", { class: "spinner-border spinner-border-sm" })
+}), ce = (e) => (L("data-v-b32962df"), e = e(), A(), e), ge = { class: "table" }, be = ["onClick"], $e = { key: 0 }, ye = ["colspan"], Ce = /* @__PURE__ */ ce(() => /* @__PURE__ */ o("div", { class: "d-flex justify-content-center p-2" }, [
+  /* @__PURE__ */ o("div", { class: "spinner-border spinner-border-sm" })
 ], -1)), ke = { key: 1 }, Ie = ["colspan"], Se = { class: "text-center text-muted small" };
-function Be(e, t, r, d, v, f) {
-  const o = M("t");
+function Pe(e, t, r, d, v, f) {
+  const s = H("t");
   return a(), i("table", ge, [
-    s("thead", null, [
-      s("tr", null, [
+    o("thead", null, [
+      o("tr", null, [
         (a(!0), i(b, null, y(e.fields, (n) => (a(), i("th", {
           key: n.key,
           class: h({
@@ -769,9 +769,9 @@ function Be(e, t, r, d, v, f) {
         ], 10, be))), 128))
       ])
     ]),
-    s("tbody", null, [
+    o("tbody", null, [
       e.isLoading ? (a(), i("tr", $e, [
-        s("td", {
+        o("td", {
           colspan: e.fields.length
         }, [
           g(e.$slots, "loading", {}, () => [
@@ -779,12 +779,12 @@ function Be(e, t, r, d, v, f) {
           ], !0)
         ], 8, ye)
       ])) : e.items.length === 0 ? (a(), i("tr", ke, [
-        s("td", {
+        o("td", {
           colspan: e.fields.length
         }, [
           g(e.$slots, "empty", {}, () => [
-            R(s("div", Se, null, 512), [
-              [o, "table.empty_text"]
+            R(o("div", Se, null, 512), [
+              [s, "table.empty_text"]
             ])
           ], !0)
         ], 8, Ie)
@@ -809,12 +809,12 @@ function Be(e, t, r, d, v, f) {
     ])
   ]);
 }
-const pt = /* @__PURE__ */ c(me, [["render", Be], ["__scopeId", "data-v-b32962df"]]), Pe = m({
+const pt = /* @__PURE__ */ c(me, [["render", Pe], ["__scopeId", "data-v-b32962df"]]), Be = 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 +822,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.
@@ -849,7 +849,7 @@ function Ee(e, t, r, d, v, f) {
     g(e.$slots, "default")
   ], 512);
 }
-const mt = /* @__PURE__ */ c(Pe, [["render", Ee]]), we = m({
+const mt = /* @__PURE__ */ c(Be, [["render", Ee]]), we = m({
   name: "BsModal",
   props: {
     /**
@@ -876,10 +876,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,30 +887,17 @@ 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 = {
+}), Me = {
   ref: "modalRef",
   class: "modal fade",
-  tabindex: "-1",
-  "aria-hidden": "true"
-}, Me = { class: "modal-content" }, Re = {
+  tabindex: "-1"
+}, He = { class: "modal-content" }, Re = {
   key: 0,
   class: "modal-header"
-}, Ae = ["textContent"], Le = /* @__PURE__ */ s("button", {
+}, Le = ["textContent"], Ae = /* @__PURE__ */ o("button", {
   type: "button",
   class: "btn-close",
   "data-bs-dismiss": "modal"
@@ -922,18 +909,18 @@ const mt = /* @__PURE__ */ c(Pe, [["render", Ee]]), we = m({
   class: "modal-footer"
 };
 function _e(e, t, r, d, v, f) {
-  return a(), i("div", He, [
-    s("div", {
+  return a(), i("div", Me, [
+    o("div", {
       class: h(["modal-dialog", e.classDialog])
     }, [
-      s("div", Me, [
+      o("div", He, [
         e.hideHeader ? u("", !0) : (a(), i("div", Re, [
           g(e.$slots, "header", {}, () => [
-            s("div", {
+            o("div", {
               class: "h5 modal-title",
               textContent: l(e.title)
-            }, null, 8, Ae),
-            Le
+            }, null, 8, Le),
+            Ae
           ])
         ])),
         e.hideBody ? u("", !0) : (a(), i("div", Ne, [
@@ -1046,22 +1033,22 @@ function Ge(e, t, r, d, v, f) {
       class: "form-label",
       textContent: l(e.label)
     }, null, 8, qe)) : u("", !0),
-    s("select", k({
+    o("select", k({
       id: e.id,
       ref: "inputRef",
       class: "form-select",
       value: e.modelValue,
       "aria-labelledby": e.hint !== void 0 ? e.getHintId() : void 0
     }, e.$attrs, {
-      onInput: t[0] || (t[0] = (...o) => e.onInput && e.onInput(...o)),
-      onInvalid: t[1] || (t[1] = (...o) => e.onInvalid && e.onInvalid(...o))
+      onInput: t[0] || (t[0] = (...s) => e.onInput && e.onInput(...s)),
+      onInvalid: t[1] || (t[1] = (...s) => e.onInvalid && e.onInvalid(...s))
     }), [
       e.placeholder !== void 0 ? (a(), i("option", Fe, l(e.placeholder), 1)) : u("", !0),
-      (a(!0), i(b, null, y(e.options, (o, n) => (a(), i("option", {
+      (a(!0), i(b, null, y(e.options, (s, n) => (a(), i("option", {
         key: n,
-        value: o.value,
-        disabled: o.disabled !== void 0 && o.disabled
-      }, l(o.text), 9, ze))), 128))
+        value: s.value,
+        disabled: s.disabled !== void 0 && s.disabled
+      }, l(s.text), 9, ze))), 128))
     ], 16, Te),
     e.validatorEnabled && e.validator.getInvalidMessage() !== null ? (a(), i("div", {
       key: 1,
@@ -1172,7 +1159,7 @@ function Ye(e, t, r, d, v, f) {
   return a(), i("div", {
     class: h(["form-check", e.classContainer])
   }, [
-    s("input", k({
+    o("input", k({
       id: e.id,
       ref: "inputRef",
       value: e.modelValue
@@ -1181,8 +1168,8 @@ function Ye(e, t, r, d, v, f) {
       class: "form-check-input",
       checked: e.isChecked,
       "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))
+      onInput: t[0] || (t[0] = (...s) => e.onInput && e.onInput(...s)),
+      onInvalid: t[1] || (t[1] = (...s) => e.onInvalid && e.onInvalid(...s))
     }), null, 16, Ke),
     e.label !== void 0 ? (a(), i("label", {
       key: 0,
@@ -1245,16 +1232,16 @@ const bt = /* @__PURE__ */ c(Je, [["render", Ye]]), Ze = m({
   class: "offcanvas",
   tabindex: "-1",
   "aria-labelledby": "offcanvasTitle"
-}, et = { class: "offcanvas-header" }, tt = ["textContent"], nt = /* @__PURE__ */ s("button", {
+}, et = { class: "offcanvas-header" }, tt = ["textContent"], nt = /* @__PURE__ */ o("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, [
+    o("div", et, [
       g(e.$slots, "header", {}, () => [
-        s("div", {
+        o("div", {
           id: "offcanvasTitle",
           class: "h5 mb-0",
           textContent: l(e.title)
@@ -1262,7 +1249,7 @@ function it(e, t, r, d, v, f) {
         nt
       ])
     ]),
-    s("div", at, [
+    o("div", at, [
       g(e.$slots, "body")
     ])
   ], 512);

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/package.json

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