bootstrap-vue-wrapper 1.9.3 → 1.9.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bootstrap-vue-wrapper",
3
- "version": "1.9.3",
3
+ "version": "1.9.5",
4
4
  "description": "Bootstrap 5 components in Vue3 warapper.",
5
5
  "author": "Gabor Zemko <gaborzemko@gmail.com>",
6
6
  "homepage": "https://github.com/zemkogabor/bootstrap-vue-wrapper",
@@ -2,7 +2,7 @@
2
2
  <div class="form-check" :class="classContainer">
3
3
  <input
4
4
  :id="id"
5
- ref="validationTarget"
5
+ ref="inputRef"
6
6
  :value="modelValue"
7
7
  v-bind="$attrs"
8
8
  type="checkbox"
@@ -7,7 +7,7 @@
7
7
  />
8
8
  <input
9
9
  :id="id"
10
- ref="validationTarget"
10
+ ref="inputRef"
11
11
  :value="modelValue"
12
12
  class="form-control"
13
13
  v-bind="$attrs"
@@ -7,7 +7,7 @@
7
7
  >
8
8
  <div class="modal-dialog" :class="classDialog">
9
9
  <div class="modal-content">
10
- <div class="modal-header">
10
+ <div v-if="!hideHeader" class="modal-header">
11
11
  <div class="h5 modal-title" v-text="title" />
12
12
  <button
13
13
  type="button"
@@ -15,10 +15,10 @@
15
15
  data-bs-dismiss="modal"
16
16
  />
17
17
  </div>
18
- <div class="modal-body">
18
+ <div v-if="!hideBody" class="modal-body">
19
19
  <slot name="body" />
20
20
  </div>
21
- <div class="modal-footer">
21
+ <div v-if="!hideFooter" class="modal-footer">
22
22
  <slot name="footer" />
23
23
  </div>
24
24
  </div>
@@ -43,6 +43,18 @@ export default {
43
43
  type: [String, Object],
44
44
  default: null,
45
45
  },
46
+ hideHeader: {
47
+ type: Boolean,
48
+ default: false,
49
+ },
50
+ hideBody: {
51
+ type: Boolean,
52
+ default: false,
53
+ },
54
+ hideFooter: {
55
+ type: Boolean,
56
+ default: false,
57
+ },
46
58
  },
47
59
  emits: ['shown', 'hidden'],
48
60
  mounted() {
@@ -2,7 +2,7 @@
2
2
  <div class="form-check" :class="classContainer">
3
3
  <input
4
4
  :id="id"
5
- ref="validationTarget"
5
+ ref="inputRef"
6
6
  :value="modelValue"
7
7
  v-bind="$attrs"
8
8
  type="radio"
@@ -7,7 +7,7 @@
7
7
  />
8
8
  <select
9
9
  :id="id"
10
- ref="validationTarget"
10
+ ref="inputRef"
11
11
  class="form-select"
12
12
  :value="modelValue"
13
13
  :aria-labelledby="hint !== null ? getHintId() : null"
@@ -7,7 +7,7 @@
7
7
  />
8
8
  <textarea
9
9
  :id="id"
10
- ref="validationTarget"
10
+ ref="inputRef"
11
11
  :value="modelValue"
12
12
  v-bind="$attrs"
13
13
  class="form-control"
@@ -27,7 +27,7 @@ export default {
27
27
  * @param data
28
28
  */
29
29
  setCustomError(data) {
30
- const validationTarget = this.$refs.validationTarget
30
+ const validationTarget = this.$refs.inputRef
31
31
 
32
32
  if (data !== null) {
33
33
  validationTarget.setCustomValidity(data)