bootstrap-vue-wrapper 2.3.3 → 2.3.4

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

@@ -1,18 +1,18 @@
 import y from "./BsTable.vue2.js";
-import { resolveDirective as v, openBlock as t, createElementBlock as o, createElementVNode as r, Fragment as d, renderList as c, normalizeClass as a, renderSlot as n, createTextVNode as p, toDisplayString as u, createCommentVNode as h, withDirectives as m, pushScopeId as C, popScopeId as _ } from "vue";
+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) => (C("data-v-17dfe1d3"), e = e(), _(), e), f = { class: "table" }, g = ["onClick"], w = { key: 0 }, S = ["colspan"], B = /* @__PURE__ */ b(() => /* @__PURE__ */ r("div", { class: "d-flex justify-content-center p-2" }, [
+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", f, [
+  return t(), o("table", g, [
     r("thead", null, [
       r("tr", null, [
-        (t(!0), o(d, null, c(e.fields, (s) => (t(), o("th", {
+        (t(!0), o(a, null, c(e.fields, (s) => (t(), o("th", {
           key: s.key,
-          class: a({
+          class: d({
             "cursor-pointer": e.isSortableField(s),
             "text-decoration-underline": e.isActiveOrderBy(s.key),
             thClass: e.thClass
@@ -23,40 +23,40 @@ function F(e, L, O, T, j, z) {
             p(u(s.label) + " ", 1),
             e.isActiveOrderBy(s.key) && e.sortDesc !== void 0 ? (t(), o("i", {
               key: 0,
-              class: a(e.getSortIconClass())
+              class: d(e.getSortIconClass())
             }, null, 2)) : h("", !0)
           ], !0)
-        ], 10, g))), 128))
+        ], 10, w))), 128))
       ])
     ]),
     r("tbody", null, [
-      e.isLoading ? (t(), o("tr", w, [
+      e.isLoading ? (t(), o("tr", S, [
         r("td", {
           colspan: e.fields.length
         }, [
           n(e.$slots, "loading", {}, () => [
             B
           ], !0)
-        ], 8, S)
+        ], 8, f)
       ])) : e.items.length === 0 ? (t(), o("tr", D, [
         r("td", {
           colspan: e.fields.length
         }, [
           n(e.$slots, "empty", {}, () => [
-            m(r("div", N, null, 512), [
+            C(r("div", N, null, 512), [
               [k, "table.empty_text"]
             ])
           ], !0)
         ], 8, I)
-      ])) : (t(!0), o(d, { key: 2 }, c(e.items, (s, i) => (t(), o(d, { key: i }, [
+      ])) : (t(!0), o(a, { key: 2 }, c(e.items, (s, i) => (t(), o(a, { key: i }, [
         r("tr", {
-          class: a([s.trClass || "", { "cursor-pointer": e.rowClickable }]),
+          class: d([s.trClass || "", { "cursor-pointer": e.rowClickable }]),
           "data-id": s.id,
           onClick: (l) => e.$emit("rowClicked", s)
         }, [
-          (t(!0), o(d, null, c(e.fields, (l) => (t(), o("td", {
+          (t(!0), o(a, null, c(e.fields, (l) => (t(), o("td", {
             key: l.key,
-            class: a(e.tdClass)
+            class: d(l.tdClass || e.tdClass)
           }, [
             n(e.$slots, "td", {
               key: i,
@@ -79,7 +79,7 @@ function F(e, L, O, T, j, z) {
     ])
   ]);
 }
-const J = /* @__PURE__ */ $(y, [["render", F], ["__scopeId", "data-v-17dfe1d3"]]);
+const J = /* @__PURE__ */ $(y, [["render", F], ["__scopeId", "data-v-c310373d"]]);
 export {
   J as 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-17dfe1d3]{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-c310373d]{cursor:pointer}

package/dist/types/Field.d.ts

@@ -2,4 +2,5 @@ export default interface Field {
     key: string;
     label: string;
     sort?: boolean;
+    tdClass?: string;
 }

package/package.json

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

package/CHANGELOG.md

@@ -1,81 +0,0 @@
-# Changelog
-
-## [2.0.0] - 2024-02-01
-**Major Changes**
-- Codebase Rewrite: The entire codebase has been rewritten in TypeScript, providing stronger type guarantees, improved maintainability, and enhanced developer experience.
-- `BsTable` template `item` property renamed to `value`
-- `hideValidationMessage` property has been removed. Instead, use the `validatorEnabled` property to disable validation.
-
-**New Features:**
-- Development Support Enhancements: Introduced a dedicated examples directory within the development (dev) folder, offering a comprehensive suite of examples to assist developers in understanding and utilizing the library's capabilities more effectively.
-
-**Improvements:**
-- Validator Component Overhaul: Rethought and redesigned the validator component. It is no longer implemented as a mixin. Instead, it is now a standalone component utilizing the Composition API, aligning with modern Vue.js best practices and improving its reusability and composability in applications.
-
-**Fixes:**
-- Bug Fixes: Addressed various bugs and issues identified in the previous versions, enhancing the stability and reliability of the library.
-
-**Migrate from 1.x to 2.x:**
-
-If you want to display the validation message elsewhere, not directly below the input, this could previously be achieved as follows:
-```
-<div class="input-group">
-  <bs-input
-    id="customerNameInput"
-    ref="customerNameInputRef"
-    v-model="customerName"
-    type="text"
-    :hide-validation-message="true"
-    minlength="3"
-    @invalid="onCustomerNameInvalid"
-  />
-  <button
-    class="btn btn-primary rounded-end"
-    type="submit"
-  >
-    Search
-  </button>
-  <div v-if="customerNameInvalidMessage !== null" class="invalid-feedback">
-    {{ customerNameInvalidMessage }}
-  </div>
-</div>
-
-...
-
-/**
- * @param invalidMessage
- */
-onCustomerNameInvalid(invalidMessage) {
-  this.customerNameInvalidMessage = invalidMessage
-},
-```
-
-In version 2.x, it can be done like this:
-```
-<div class="input-group">
-  <bs-input
-    id="customerNameInput"
-    ref="customerNameInputRef"
-    v-model="customerName"
-    type="text"
-    minlength="3"
-    :validator-enabled="false"
-    @invalid="customerNameValidator.onInvalid"
-  />
-  <button
-    class="btn btn-primary rounded-end"
-    type="submit"
-  >
-    Search
-  </button>
-  <div v-if="customerNameValidator.getInvalidMessage() !== null" class="invalid-feedback">
-    {{ customerNameValidator.getInvalidMessage() }}
-  </div>
-</div>
-
-...
-  
-setup() {
-  const customerNameValidator = useValidator(customerNameInputRef)
-}
-```