bootstrap-vue-wrapper 2.1.4 → 2.1.6

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

@@ -0,0 +1,114 @@
+import { defineComponent as i } from "vue";
+const r = i({
+  name: "BsPaginator",
+  props: {
+    /**
+     * Total count of items.
+     */
+    totalCount: {
+      type: Number,
+      required: !0
+    },
+    /**
+     * Page size
+     */
+    pageSize: {
+      type: Number,
+      required: !0
+    },
+    /**
+     * Current page
+     */
+    currentPage: {
+      type: Number,
+      required: !0
+    },
+    /**
+     * Max visible page
+     */
+    maxVisiblePage: {
+      type: Number,
+      default: 5
+    },
+    /**
+     * First page label
+     */
+    firstPageLabel: {
+      type: String,
+      default: "«"
+    },
+    /**
+     * Previous page label
+     */
+    previousPageLabel: {
+      type: String,
+      default: "‹"
+    },
+    /**
+     * Next page label
+     */
+    nextPageLabel: {
+      type: String,
+      default: "›"
+    },
+    /**
+     * Last page label
+     */
+    lastPageLabel: {
+      type: String,
+      default: "»"
+    }
+  },
+  emits: ["pageChanged"],
+  methods: {
+    /**
+     * Count of pages
+     *
+     * @returns {number}
+     */
+    getPageCount() {
+      return Math.ceil(this.totalCount / this.pageSize);
+    },
+    /**
+     * Visible page list
+     *
+     * @returns {*[]}
+     */
+    getVisiblePages() {
+      const e = [], t = this.getPageRange();
+      for (let a = t.beginPage; a <= t.endPage; a += 1)
+        e.push(a + 1);
+      return e;
+    },
+    /**
+     * Is page active, or not
+     *
+     * @param page
+     * @returns {boolean}
+     */
+    isPageActive(e) {
+      return e === this.currentPage;
+    },
+    /**
+     * On page click
+     */
+    onPageClick(e) {
+      this.isPageActive(e) || this.$emit("pageChanged", e);
+    },
+    /**
+     * Page range, example: 3 available page, current page 3, range is: [1, 3] (zero-based)
+     *
+     * @returns {{beginPage: number, endPage: number}}
+     */
+    getPageRange() {
+      let e = Math.max(0, this.currentPage - this.maxVisiblePage / 2), t = e + this.maxVisiblePage - 1;
+      return t >= this.getPageCount() && (t = this.getPageCount() - 1, e = Math.max(0, t - this.maxVisiblePage + 1)), {
+        beginPage: Math.floor(e),
+        endPage: Math.floor(t)
+      };
+    }
+  }
+});
+export {
+  r as default
+};

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

@@ -0,0 +1 @@
+

package/dist/components/bs-radio/BsRadio.vue.js

@@ -0,0 +1,43 @@
+import a from "./BsRadio.vue2.js";
+import { openBlock as t, createElementBlock as o, normalizeClass as r, createElementVNode as s, mergeProps as u, toDisplayString as d, createCommentVNode as l } from "vue";
+import p from "../../_virtual/_plugin-vue_export-helper.js";
+const m = ["id", "value", "checked", "aria-describedby"], v = ["for", "textContent"], f = ["textContent"], k = ["id", "textContent"];
+function b(e, n, h, C, I, c) {
+  return t(), o("div", {
+    class: r(["form-check", e.classContainer])
+  }, [
+    s("input", u({
+      id: e.id,
+      ref: "inputRef",
+      value: e.modelValue
+    }, e.$attrs, {
+      type: "radio",
+      class: "form-check-input",
+      checked: e.isChecked,
+      "aria-describedby": e.hint !== void 0 ? e.getHintId() : void 0,
+      onInput: n[0] || (n[0] = (...i) => e.onInput && e.onInput(...i)),
+      onInvalid: n[1] || (n[1] = (...i) => e.onInvalid && e.onInvalid(...i))
+    }), null, 16, m),
+    e.label !== void 0 ? (t(), o("label", {
+      key: 0,
+      for: e.id,
+      class: "form-check-label",
+      textContent: d(e.label)
+    }, null, 8, v)) : l("", !0),
+    e.validatorEnabled && e.validator.getInvalidMessage() !== null ? (t(), o("div", {
+      key: 1,
+      class: "invalid-feedback",
+      textContent: d(e.validator.getInvalidMessage())
+    }, null, 8, f)) : l("", !0),
+    e.hint !== void 0 ? (t(), o("div", {
+      key: 2,
+      id: e.getHintId(),
+      class: "form-text",
+      textContent: d(e.hint)
+    }, null, 8, k)) : l("", !0)
+  ], 2);
+}
+const B = /* @__PURE__ */ p(a, [["render", b]]);
+export {
+  B as default
+};

package/dist/components/bs-radio/BsRadio.vue2.js

@@ -0,0 +1,97 @@
+import { useValidator as t } from "../validator/Validator.js";
+import { defineComponent as i, ref as a } from "vue";
+const d = i({
+  name: "BsRadio",
+  props: {
+    /**
+     * Radio value
+     */
+    value: {
+      type: [String, Number],
+      default: null
+    },
+    /**
+     * Value for v-model
+     */
+    modelValue: {
+      type: [String, Number],
+      default: null
+    },
+    /**
+     * Html id
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Label for input
+     */
+    label: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Attribute hint
+     */
+    hint: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Input container div class.
+     */
+    classContainer: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Enable or disable validator
+     */
+    validatorEnabled: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup() {
+    const e = a(null);
+    return {
+      inputRef: e,
+      validator: t(e)
+    };
+  },
+  computed: {
+    /**
+     * Radio is checked or not.
+     */
+    isChecked() {
+      return this.modelValue === this.value;
+    }
+  },
+  methods: {
+    /**
+     * Hint id is generated
+     */
+    getHintId() {
+      return this.id + "Hint";
+    },
+    /**
+     * On input event
+     */
+    onInput() {
+      this.$emit("update:modelValue", this.value);
+    },
+    /**
+     * On invalid event
+     *
+     * @param event
+     */
+    onInvalid(e) {
+      this.validatorEnabled && this.validator.onInvalid(e);
+    }
+  }
+});
+export {
+  d as default
+};

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

@@ -0,0 +1,50 @@
+import s from "./BsSelect.vue2.js";
+import { openBlock as t, createElementBlock as n, Fragment as d, toDisplayString as l, createCommentVNode as a, createElementVNode as u, mergeProps as v, renderList as p } from "vue";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+const f = ["for", "textContent"], b = ["id", "value", "aria-labelledby"], I = {
+  key: 0,
+  value: "",
+  disabled: "",
+  hidden: ""
+}, g = ["value"], h = ["textContent"], k = ["id", "textContent"];
+function y(e, i, C, $, B, E) {
+  return t(), n(d, null, [
+    e.label !== void 0 ? (t(), n("label", {
+      key: 0,
+      for: e.id,
+      class: "form-label",
+      textContent: l(e.label)
+    }, null, 8, f)) : a("", !0),
+    u("select", v({
+      id: e.id,
+      ref: "inputRef",
+      class: "form-select",
+      value: e.modelValue,
+      "aria-labelledby": e.hint !== void 0 ? e.getHintId() : void 0
+    }, e.$attrs, {
+      onInput: i[0] || (i[0] = (...o) => e.onInput && e.onInput(...o)),
+      onInvalid: i[1] || (i[1] = (...o) => e.onInvalid && e.onInvalid(...o))
+    }), [
+      e.placeholder !== void 0 ? (t(), n("option", I, l(e.placeholder), 1)) : a("", !0),
+      (t(!0), n(d, null, p(e.options, (o, r) => (t(), n("option", {
+        key: r,
+        value: o.value
+      }, l(o.text), 9, g))), 128))
+    ], 16, b),
+    e.validatorEnabled && e.validator.getInvalidMessage() !== null ? (t(), n("div", {
+      key: 1,
+      class: "invalid-feedback",
+      textContent: l(e.validator.getInvalidMessage())
+    }, null, 8, h)) : a("", !0),
+    e.hint !== void 0 ? (t(), n("div", {
+      key: 2,
+      id: e.getHintId(),
+      class: "form-text",
+      textContent: l(e.hint)
+    }, null, 8, k)) : a("", !0)
+  ], 64);
+}
+const N = /* @__PURE__ */ m(s, [["render", y]]);
+export {
+  N as default
+};

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

@@ -0,0 +1,92 @@
+import { useValidator as r } from "../validator/Validator.js";
+import { defineComponent as a, ref as i } from "vue";
+const d = a({
+  name: "BsSelect",
+  props: {
+    /**
+     * Value for v-model
+     */
+    modelValue: {
+      type: [String, Number, Array],
+      default: null
+    },
+    /**
+     * Html id
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Label for input
+     */
+    label: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Attribute hint
+     */
+    hint: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Options
+     */
+    options: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * Placeholder
+     */
+    placeholder: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Enable or disable validator
+     */
+    validatorEnabled: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup() {
+    const t = i(null);
+    return {
+      inputRef: t,
+      validator: r(t)
+    };
+  },
+  methods: {
+    /**
+     * Hint id is generated
+     */
+    getHintId() {
+      return this.id + "Hint";
+    },
+    /**
+     * On input event
+     *
+     * @param event
+     */
+    onInput(t) {
+      const e = t.target;
+      this.$emit("update:modelValue", e.value);
+    },
+    /**
+     * On invalid event
+     *
+     * @param event
+     */
+    onInvalid(t) {
+      this.validatorEnabled && this.validator.onInvalid(t);
+    }
+  }
+});
+export {
+  d as default
+};

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

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

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

@@ -0,0 +1,108 @@
+import { defineComponent as r } from "vue";
+const s = r({
+  name: "BsTable",
+  props: {
+    /**
+     * Field list
+     */
+    fields: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * Item list
+     */
+    items: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * Items loading
+     */
+    isLoading: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Order by field name
+     */
+    orderBy: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Sort is descending or ascending
+     */
+    sortDesc: {
+      type: Boolean,
+      default: void 0
+    },
+    /**
+     * th element css lass
+     */
+    thClass: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * td element css class
+     */
+    tdClass: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["orderChanged"],
+  methods: {
+    /**
+     * Is order by active by field?
+     *
+     * @param fieldKey
+     * @returns {boolean}
+     */
+    isActiveOrderBy(e) {
+      return e === this.orderBy;
+    },
+    /**
+     * Is field sortable?
+     *
+     * @param field
+     * @returns {boolean}
+     */
+    isSortableField(e) {
+      return e.sort === void 0 || e.sort;
+    },
+    /**
+     * Sort icon class.
+     *
+     * @returns {string}
+     */
+    getSortIconClass() {
+      if (this.sortDesc === void 0)
+        throw new Error("Sort desc value is null, cannot calculate the sort icon!");
+      return this.sortDesc ? "bi bi-caret-up-fill" : "bi bi-caret-down-fill";
+    },
+    /**
+     * Calcuate sort desc value on click
+     * Returns null if there is no sortDesc value.
+     */
+    calcSortDesc(e) {
+      return this.sortDesc === void 0 ? null : this.isOrderByChanged(e) ? !1 : !this.sortDesc;
+    },
+    /**
+     * Is order by changed?
+     */
+    isOrderByChanged(e) {
+      return this.orderBy !== e;
+    },
+    /**
+     * Table head clicked.
+     */
+    onHeadClick(e) {
+      this.isSortableField(e) && this.$emit("orderChanged", { sortDesc: this.calcSortDesc(e.key), orderBy: e.key });
+    }
+  }
+});
+export {
+  s as default
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,39 @@
+import r from "./BsTextarea.vue2.js";
+import { openBlock as n, createElementBlock as o, Fragment as d, toDisplayString as i, createCommentVNode as a, createElementVNode as s, mergeProps as u } from "vue";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+const v = ["for", "textContent"], f = ["id", "value", "aria-describedby"], p = ["textContent"], b = ["id", "textContent"];
+function I(e, t, g, C, k, y) {
+  return n(), o(d, null, [
+    e.label !== void 0 ? (n(), o("label", {
+      key: 0,
+      for: e.id,
+      class: "form-label",
+      textContent: i(e.label)
+    }, null, 8, v)) : a("", !0),
+    s("textarea", u({
+      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] = (...l) => e.onInput && e.onInput(...l)),
+      onInvalid: t[1] || (t[1] = (...l) => e.onInvalid && e.onInvalid(...l))
+    }), null, 16, f),
+    e.validatorEnabled && e.validator.getInvalidMessage() !== null ? (n(), o("div", {
+      key: 1,
+      class: "invalid-feedback",
+      textContent: i(e.validator.getInvalidMessage())
+    }, null, 8, p)) : a("", !0),
+    e.hint !== void 0 ? (n(), o("div", {
+      key: 2,
+      id: e.getHintId(),
+      class: "form-text",
+      textContent: i(e.hint)
+    }, null, 8, b)) : a("", !0)
+  ], 64);
+}
+const E = /* @__PURE__ */ m(r, [["render", I]]);
+export {
+  E as default
+};

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

@@ -0,0 +1,78 @@
+import { useValidator as a } from "../validator/Validator.js";
+import { defineComponent as i, ref as n } from "vue";
+const d = i({
+  name: "BsTextarea",
+  props: {
+    /**
+     * Value for v-model
+     */
+    modelValue: {
+      type: [String, Number],
+      default: null
+    },
+    /**
+     * Html id
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Label for textarea
+     */
+    label: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Attribute hint
+     */
+    hint: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Enable or disable validator
+     */
+    validatorEnabled: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup() {
+    const t = n(null);
+    return {
+      inputRef: t,
+      validator: a(t)
+    };
+  },
+  methods: {
+    /**
+     * Hint id is generated
+     */
+    getHintId() {
+      return this.id + "Hint";
+    },
+    /**
+     * On input event
+     *
+     * @param event
+     */
+    onInput(t) {
+      const e = t.target;
+      this.$emit("update:modelValue", e.value);
+    },
+    /**
+     * On invalid event
+     *
+     * @param event
+     */
+    onInvalid(t) {
+      this.validatorEnabled && this.validator.onInvalid(t);
+    }
+  }
+});
+export {
+  d as default
+};