bitboss-ui 2.0.116 → 2.0.118

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.
Files changed (200) hide show
  1. package/dist/components/BaseColorInput/BaseColorInput.vue.d.ts +4 -0
  2. package/dist/components/BaseDatePickerInput/BaseDatePickerInput.vue.d.ts +32 -6
  3. package/dist/components/BaseNumberInput/BaseNumberInput.vue.d.ts +4 -0
  4. package/dist/components/BaseSelect/BaseSelect.vue.d.ts +33 -357
  5. package/dist/components/BaseTag/BaseTag.vue.d.ts +17 -3
  6. package/dist/components/BaseTextInput/BaseTextInput.vue.d.ts +4 -0
  7. package/dist/components/BaseTextarea/BaseTextarea.vue.d.ts +4 -0
  8. package/dist/components/BbButton/BbButton.vue.d.ts +4 -4
  9. package/dist/components/BbColorInput/BbColorInput.vue.d.ts +4 -0
  10. package/dist/components/BbDatePickerInput/BbDatePickerInput.vue.d.ts +4 -0
  11. package/dist/components/BbDropdown/BbDropdown.vue.d.ts +76 -89
  12. package/dist/components/BbDropdownButton/BbDropdownButton.vue.d.ts +75 -89
  13. package/dist/components/BbNumberInput/BbNumberInput.vue.d.ts +5 -0
  14. package/dist/components/BbRows/BbRows.vue.d.ts +70 -85
  15. package/dist/components/BbSelect/BbSelect.vue.d.ts +5 -10
  16. package/dist/components/BbTable/BbTable.vue.d.ts +63 -91
  17. package/dist/components/BbTable/types.d.ts +46 -27
  18. package/dist/components/BbTag/BbTag.vue.d.ts +4 -0
  19. package/dist/components/BbTextInput/BbTextInput.vue.d.ts +4 -0
  20. package/dist/components/BbTextarea/BbTextarea.vue.d.ts +4 -0
  21. package/dist/components/BbTooltip/BbTooltip.vue.d.ts +0 -1
  22. package/dist/components/ClearableButton.vue.d.ts +2 -0
  23. package/dist/components/CommonInputInnerContainer.vue.d.ts +9 -1
  24. package/dist/components/ListBox.vue.d.ts +40 -44
  25. package/dist/index100.js +91 -82
  26. package/dist/index101.js +35 -42
  27. package/dist/index111.js +235 -211
  28. package/dist/index113.js +6 -4
  29. package/dist/index115.js +17 -15
  30. package/dist/index117.js +14 -12
  31. package/dist/index119.js +2 -2
  32. package/dist/index121.js +59 -61
  33. package/dist/index123.js +1 -1
  34. package/dist/index125.js +1 -1
  35. package/dist/index127.js +1 -1
  36. package/dist/index128.js +1 -1
  37. package/dist/index129.js +1 -1
  38. package/dist/index13.js +2 -2
  39. package/dist/index132.js +2 -2
  40. package/dist/index133.js +2 -2
  41. package/dist/index15.js +38 -33
  42. package/dist/index17.js +3 -3
  43. package/dist/index19.js +8 -8
  44. package/dist/index206.js +126 -3
  45. package/dist/index207.js +5 -53
  46. package/dist/index208.js +127 -0
  47. package/dist/index209.js +16 -13
  48. package/dist/index21.js +16 -16
  49. package/dist/index210.js +16 -2
  50. package/dist/index211.js +19 -4
  51. package/dist/index212.js +15 -2
  52. package/dist/index213.js +2 -86
  53. package/dist/index214.js +4 -0
  54. package/dist/index215.js +40 -24
  55. package/dist/index216.js +13 -17
  56. package/dist/index217.js +18 -49
  57. package/dist/index218.js +6 -15
  58. package/dist/index219.js +15 -3
  59. package/dist/index220.js +65 -12
  60. package/dist/index222.js +13 -126
  61. package/dist/index223.js +5 -5
  62. package/dist/index224.js +2 -125
  63. package/dist/index225.js +367 -14
  64. package/dist/index226.js +3 -16
  65. package/dist/index227.js +7 -19
  66. package/dist/index228.js +8 -15
  67. package/dist/index229.js +19 -2
  68. package/dist/index23.js +116 -111
  69. package/dist/index230.js +27 -2
  70. package/dist/index231.js +3 -41
  71. package/dist/index232.js +249 -12
  72. package/dist/index233.js +50 -18
  73. package/dist/index234.js +43 -5
  74. package/dist/index235.js +5 -15
  75. package/dist/index236.js +60 -5
  76. package/dist/index237.js +3 -369
  77. package/dist/index238.js +115 -19
  78. package/dist/index239.js +4 -27
  79. package/dist/index240.js +2 -8
  80. package/dist/index241.js +4 -250
  81. package/dist/index242.js +2 -52
  82. package/dist/index243.js +80 -38
  83. package/dist/index245.js +25 -60
  84. package/dist/index246.js +17 -3
  85. package/dist/index247.js +51 -7
  86. package/dist/index248.js +15 -4
  87. package/dist/index249.js +10 -113
  88. package/dist/index25.js +7 -7
  89. package/dist/index250.js +16 -2
  90. package/dist/index251.js +2 -2
  91. package/dist/index252.js +2 -2
  92. package/dist/index253.js +1 -1
  93. package/dist/index254.js +2 -2
  94. package/dist/index256.js +2 -2
  95. package/dist/index259.js +214 -10
  96. package/dist/index260.js +9 -2
  97. package/dist/index261.js +2 -8
  98. package/dist/index262.js +9 -23
  99. package/dist/index263.js +23 -90
  100. package/dist/index264.js +92 -0
  101. package/dist/index266.js +6 -16
  102. package/dist/index267.js +16 -224
  103. package/dist/index268.js +9 -3
  104. package/dist/index269.js +11 -0
  105. package/dist/index27.js +1 -1
  106. package/dist/index270.js +8 -7
  107. package/dist/index271.js +281 -4
  108. package/dist/index272.js +6 -3
  109. package/dist/index273.js +2 -17
  110. package/dist/index274.js +2 -9
  111. package/dist/index275.js +2 -28
  112. package/dist/index276.js +2 -281
  113. package/dist/index277.js +2 -6
  114. package/dist/index278.js +2 -2
  115. package/dist/index279.js +126 -2
  116. package/dist/index280.js +431 -2
  117. package/dist/index281.js +176 -2
  118. package/dist/index282.js +2 -2
  119. package/dist/index283.js +3 -2
  120. package/dist/index285.js +5 -429
  121. package/dist/index286.js +22 -176
  122. package/dist/index288.js +7 -22
  123. package/dist/index289.js +13 -0
  124. package/dist/index29.js +48 -40
  125. package/dist/index290.js +88 -6
  126. package/dist/index291.js +200 -11
  127. package/dist/index292.js +436 -2
  128. package/dist/index293.js +127 -2
  129. package/dist/index294.js +224 -2
  130. package/dist/index295.js +2 -2
  131. package/dist/index296.js +2 -2
  132. package/dist/index297.js +1 -1
  133. package/dist/index298.js +1 -21
  134. package/dist/index299.js +4 -0
  135. package/dist/index300.js +2 -9
  136. package/dist/index301.js +25 -197
  137. package/dist/index302.js +21 -435
  138. package/dist/index304.js +3 -88
  139. package/dist/index305.js +3 -8
  140. package/dist/index306.js +17 -3
  141. package/dist/index307.js +1 -1
  142. package/dist/index308.js +3 -214
  143. package/dist/index309.js +2 -2
  144. package/dist/index31.js +2 -2
  145. package/dist/index310.js +2 -3
  146. package/dist/index311.js +5 -67
  147. package/dist/index312.js +67 -5
  148. package/dist/index313.js +3 -3
  149. package/dist/index314.js +5 -3
  150. package/dist/index315.js +7 -57
  151. package/dist/index316.js +2 -32
  152. package/dist/index317.js +3 -5
  153. package/dist/index318.js +57 -7
  154. package/dist/index320.js +32 -6
  155. package/dist/index321.js +25 -18
  156. package/dist/index322.js +7 -53
  157. package/dist/index323.js +7 -53
  158. package/dist/index324.js +17 -5
  159. package/dist/index325.js +53 -47
  160. package/dist/index326.js +53 -2
  161. package/dist/index327.js +47 -480
  162. package/dist/index328.js +482 -0
  163. package/dist/index329.js +2 -424
  164. package/dist/index33.js +8 -8
  165. package/dist/index332.js +426 -0
  166. package/dist/index35.js +4 -4
  167. package/dist/index37.js +172 -161
  168. package/dist/index39.js +4 -4
  169. package/dist/index41.js +2 -2
  170. package/dist/index43.js +8 -8
  171. package/dist/index45.js +92 -85
  172. package/dist/index47.js +40 -36
  173. package/dist/index49.js +39 -35
  174. package/dist/index53.js +1 -1
  175. package/dist/index55.js +1 -1
  176. package/dist/index57.js +2 -2
  177. package/dist/index61.js +11 -10
  178. package/dist/index67.js +14 -12
  179. package/dist/index71.js +5 -3
  180. package/dist/index75.js +37 -35
  181. package/dist/index77.js +54 -50
  182. package/dist/index79.js +2 -2
  183. package/dist/index81.js +1 -1
  184. package/dist/index82.js +11 -9
  185. package/dist/index84.js +4 -4
  186. package/dist/index86.js +2 -2
  187. package/dist/index88.js +5 -5
  188. package/dist/style.css +1 -1
  189. package/dist/types/ColumnName.d.ts +4 -0
  190. package/dist/types/Option.d.ts +2 -2
  191. package/dist/types/PrefixWith.d.ts +1 -0
  192. package/package.json +2 -2
  193. package/dist/index221.js +0 -18
  194. package/dist/index244.js +0 -7
  195. package/dist/index265.js +0 -8
  196. package/dist/index284.js +0 -128
  197. package/dist/index287.js +0 -4
  198. package/dist/index303.js +0 -129
  199. /package/dist/{index330.js → index333.js} +0 -0
  200. /package/dist/{index331.js → index334.js} +0 -0
package/dist/index45.js CHANGED
@@ -1,19 +1,20 @@
1
- import { defineComponent as R, ref as u, computed as m, toRef as E, watch as j, openBlock as v, createBlock as k, normalizeClass as Q, withCtx as l, renderSlot as s, createVNode as I, unref as Z, createElementVNode as $, createElementBlock as G, Fragment as J, createCommentVNode as W, withDirectives as X, mergeProps as Y, withModifiers as d, withKeys as y, vModelDynamic as ee, nextTick as te } from "vue";
1
+ import { defineComponent as Q, ref as u, computed as f, toRef as E, watch as Z, openBlock as v, createBlock as k, normalizeClass as G, withCtx as n, renderSlot as s, createVNode as I, unref as $, createElementVNode as O, createElementBlock as J, Fragment as W, createCommentVNode as X, withDirectives as Y, mergeProps as ee, withModifiers as d, withKeys as y, vModelDynamic as te, nextTick as oe } from "vue";
2
2
  /* empty css */
3
3
  /* empty css */
4
- import oe from "./index128.js";
4
+ import ae from "./index128.js";
5
5
  /* empty css */
6
- import { last as ae } from "./index230.js";
7
- import { useBaseOptions as ne } from "./index217.js";
8
- import { useIndexById as le } from "./index216.js";
9
- import re from "./index254.js";
6
+ import { last as le } from "./index214.js";
7
+ import { useBaseOptions as ne } from "./index247.js";
8
+ import { useIndexById as re } from "./index246.js";
9
+ import ie from "./index254.js";
10
10
  /* empty css */
11
- import ie from "./index256.js";
11
+ import ue from "./index256.js";
12
12
  /* empty css */
13
- import ue from "./index207.js";
13
+ import se from "./index220.js";
14
14
  /* empty css */
15
- import se from "./index209.js";
16
- const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], $e = /* @__PURE__ */ R({
15
+ import de from "./index222.js";
16
+ import { isEmpty as pe } from "./index224.js";
17
+ const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Le = /* @__PURE__ */ Q({
17
18
  __name: "BaseTag",
18
19
  props: {
19
20
  "append:icon": {},
@@ -21,6 +22,7 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
21
22
  autocomplete: { default: "off" },
22
23
  autofocus: {},
23
24
  comma: { type: Boolean },
25
+ clearable: { type: Boolean },
24
26
  compact: { type: Boolean },
25
27
  disabled: { type: Boolean },
26
28
  divider: { default: "Enter" },
@@ -37,19 +39,19 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
37
39
  required: { type: Boolean }
38
40
  },
39
41
  emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
40
- setup(O, { emit: D }) {
41
- const t = O, n = D;
42
+ setup(D, { emit: L }) {
43
+ const t = D, l = L;
42
44
  if (t.multiple && !Array.isArray(t.modelValue))
43
45
  throw new Error('Multiple is set to "true" but modelValue is not an array.');
44
- const b = u(null), L = u(null), B = u(null), V = u(null), r = m(
46
+ const b = u(null), A = u(null), B = u(null), V = u(null), r = f(
45
47
  () => t.comma ? B.value : V.value
46
- ), p = u(null), A = () => {
48
+ ), p = u(null), H = () => {
47
49
  p.value instanceof HTMLInputElement && p.value.focus();
48
- }, o = u(""), i = m(() => K.value.filter((e) => e.selected)), { data: w, get: H } = le({
50
+ }, o = u(""), i = f(() => T.value.filter((e) => e.selected)), { data: w, get: K } = re({
49
51
  items: E(t, "modelValue")
50
- }), { options: K } = ne({
52
+ }), { options: T } = ne({
51
53
  disabled: E(t, "disabled"),
52
- items: m(() => [].concat(t.modelValue)),
54
+ items: f(() => [].concat(t.modelValue)),
53
55
  itemText: void 0,
54
56
  itemValue: void 0,
55
57
  max: t.max,
@@ -61,84 +63,87 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
61
63
  return;
62
64
  }
63
65
  let e;
64
- i.value && (e = ae(i.value)), o.value = (e == null ? void 0 : e.text) || "";
65
- }, T = async (e) => {
66
+ i.value && (e = le(i.value)), o.value = (e == null ? void 0 : e.text) || "";
67
+ }, q = async (e) => {
66
68
  if (t.multiple) {
67
69
  const a = { ...w.value };
68
- delete a[e.valueHash], n("update:modelValue", Object.values(a));
70
+ delete a[e.valueHash], l("update:modelValue", Object.values(a));
69
71
  } else
70
- n("update:modelValue", null);
71
- A();
72
+ l("update:modelValue", null);
73
+ H();
72
74
  };
73
- j(
75
+ Z(
74
76
  () => t.modelValue,
75
77
  async () => {
76
78
  C();
77
79
  }
78
80
  );
79
- const g = u(!1), q = () => {
81
+ const g = u(!1), M = () => {
80
82
  g.value = !0;
81
- }, M = () => {
82
- g.value = !1, n("inactive");
83
- }, h = m(() => !(t.readonly || t.disabled || !r.value && t.multiple)), N = (e) => {
83
+ }, N = () => {
84
+ g.value = !1, l("inactive");
85
+ }, h = f(() => !(t.readonly || t.disabled || !r.value && t.multiple)), P = (e) => {
84
86
  var a;
85
87
  h.value && (!t.multiple || o.value || (e.preventDefault(), i.value.length && ((a = r.value) == null || a.focusPrevious())));
86
- }, _ = (e) => {
88
+ }, z = (e) => {
87
89
  var a;
88
90
  h.value && (!t.multiple || o.value || (e.preventDefault(), i.value.length && ((a = r.value) == null || a.focusNext())));
89
- }, P = async () => {
91
+ }, F = async () => {
90
92
  var e, a;
91
- !h.value || o.value || !i.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await te(), (a = r.value) == null || a.focusPrevious());
92
- }, x = () => {
93
+ !h.value || o.value || !i.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await oe(), (a = r.value) == null || a.focusPrevious());
94
+ }, S = () => {
93
95
  var e;
94
96
  (e = r.value) == null || e.blur();
95
- }, z = async (e) => {
97
+ }, U = async (e) => {
96
98
  var a;
97
- if (n("keydown", e), t.readonly || t.disabled) {
99
+ if (l("keydown", e), t.readonly || t.disabled) {
98
100
  e.preventDefault();
99
101
  return;
100
102
  }
101
103
  if (/^[A-Za-z0-9]$/.test(e.key) && ((a = r.value) == null || a.blur()), e.key === t.divider || e.key === "Unidentified" && o.value.includes(t.divider)) {
102
104
  if (t.divider.length === 1 && o.value.includes(t.divider)) {
103
- const f = o.value.split(t.divider)[0];
104
- if (f)
105
- o.value = f;
105
+ const m = o.value.split(t.divider)[0];
106
+ if (m)
107
+ o.value = m;
106
108
  else {
107
109
  o.value = "";
108
110
  return;
109
111
  }
110
112
  }
111
113
  if (!o.value) {
112
- n("keydown", e);
114
+ l("keydown", e);
113
115
  return;
114
116
  }
115
- if (e.preventDefault(), H(o.value))
116
- n("duplicate", o.value), o.value = "";
117
+ if (e.preventDefault(), K(o.value))
118
+ l("duplicate", o.value), o.value = "";
117
119
  else {
118
120
  if (t.max && i.value.length >= t.max)
119
121
  return;
120
- t.multiple ? n("update:modelValue", t.modelValue.concat(o.value)) : n("update:modelValue", o.value);
122
+ t.multiple ? l("update:modelValue", t.modelValue.concat(o.value)) : l("update:modelValue", o.value);
121
123
  }
122
124
  }
123
- }, F = (e) => {
124
- n("focus", e), q(), document.addEventListener("click", c), document.addEventListener("focusin", c);
125
- }, S = (e) => {
126
- n("click", e), !(t.disabled || t.readonly) && p.value instanceof HTMLElement && p.value.focus();
125
+ }, _ = (e) => {
126
+ l("focus", e), M(), document.addEventListener("click", c), document.addEventListener("focusin", c);
127
+ }, R = (e) => {
128
+ l("click", e), !(t.disabled || t.readonly) && p.value instanceof HTMLElement && p.value.focus();
127
129
  }, c = async (e) => {
128
130
  if (e.target instanceof Node && b.value && !b.value.$el.contains(e.target)) {
129
- M(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), C();
131
+ N(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), C();
130
132
  return;
131
133
  }
132
- }, U = {
133
- onBlur: (e) => n("blur", e),
134
- onChange: (e) => n("change", e),
135
- onKeyup: (e) => n("keyup", e),
136
- onInput: (e) => n("input", e)
134
+ }, j = {
135
+ onBlur: (e) => l("blur", e),
136
+ onChange: (e) => l("change", e),
137
+ onKeyup: (e) => l("keyup", e),
138
+ onInput: (e) => l("input", e)
139
+ }, x = () => {
140
+ let e = null;
141
+ t.multiple && (e = []), l("update:modelValue", e);
137
142
  };
138
- return (e, a) => (v(), k(se, {
143
+ return (e, a) => (v(), k(de, {
139
144
  ref_key: "outerContainer",
140
145
  ref: b,
141
- class: Q({
146
+ class: G({
142
147
  "bb-base-tag": !0,
143
148
  "bb-base-tag--active": g.value,
144
149
  "bb-base-tag--disabled": e.disabled,
@@ -147,58 +152,60 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
147
152
  "bb-base-tag--readonly": e.readonly,
148
153
  "bb-base-tag--compact": e.compact
149
154
  }),
150
- onClick: S
155
+ onClick: R
151
156
  }, {
152
- "prepend-outer": l(() => [
157
+ "prepend-outer": n(() => [
153
158
  s(e.$slots, "prepend-outer")
154
159
  ]),
155
- "append-outer": l(() => [
160
+ "append-outer": n(() => [
156
161
  s(e.$slots, "append-outer")
157
162
  ]),
158
- default: l(() => [
159
- I(ue, {
163
+ default: n(() => [
164
+ I(se, {
160
165
  ref_key: "innerContainer",
161
- ref: L,
166
+ ref: A,
162
167
  "append:icon": t["append:icon"],
168
+ clearable: e.clearable && !$(pe)(e.modelValue),
163
169
  "prepend:icon": t["prepend:icon"],
164
- "prevent-focus": !0
170
+ "prevent-focus": !0,
171
+ "onClick:clear": x
165
172
  }, {
166
- prepend: l(() => [
173
+ prepend: n(() => [
167
174
  s(e.$slots, "prepend")
168
175
  ]),
169
- prefix: l(() => [
176
+ prefix: n(() => [
170
177
  s(e.$slots, "prefix")
171
178
  ]),
172
- append: l(() => [
179
+ append: n(() => [
173
180
  s(e.$slots, "append")
174
181
  ]),
175
- suffix: l(() => [
182
+ suffix: n(() => [
176
183
  s(e.$slots, "suffix")
177
184
  ]),
178
- default: l(() => [
179
- I(Z(oe), { tag: "span" }, {
180
- default: l(() => [
181
- $("span", de, [
182
- e.multiple ? (v(), G(J, { key: 0 }, [
183
- e.comma ? (v(), k(ie, {
185
+ default: n(() => [
186
+ I($(ae), { tag: "span" }, {
187
+ default: n(() => [
188
+ O("span", ce, [
189
+ e.multiple ? (v(), J(W, { key: 0 }, [
190
+ e.comma ? (v(), k(ue, {
184
191
  key: 0,
185
192
  ref_key: "commaBox",
186
193
  ref: B,
187
194
  options: i.value
188
- }, null, 8, ["options"])) : (v(), k(re, {
195
+ }, null, 8, ["options"])) : (v(), k(ie, {
189
196
  key: 1,
190
197
  ref_key: "chipsBox",
191
198
  ref: V,
192
199
  options: i.value,
193
- "onOption:unselected": T
200
+ "onOption:unselected": q
194
201
  }, null, 8, ["options"]))
195
- ], 64)) : W("", !0),
196
- X($("input", Y({
202
+ ], 64)) : X("", !0),
203
+ Y(O("input", ee({
197
204
  id: e.id,
198
205
  ref_key: "input",
199
206
  ref: p
200
- }, U, {
201
- "onUpdate:modelValue": a[0] || (a[0] = (f) => o.value = f),
207
+ }, j, {
208
+ "onUpdate:modelValue": a[0] || (a[0] = (m) => o.value = m),
202
209
  "aria-describedby": e.ariaDescribedby,
203
210
  autocomplete: e.autocomplete,
204
211
  autofocus: e.autofocus,
@@ -210,16 +217,16 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
210
217
  required: e.required && (!e.multiple || !e.modelValue.length),
211
218
  size: "1",
212
219
  type: "text",
213
- onFocus: d(F, ["stop"]),
220
+ onFocus: d(_, ["stop"]),
214
221
  onKeydown: [
215
- d(z, ["stop"]),
216
- y(d(P, ["stop"]), ["delete"]),
217
- y(d(N, ["stop"]), ["left"]),
218
- y(d(x, ["stop", "prevent"]), ["esc"]),
219
- y(d(_, ["stop"]), ["right"])
222
+ d(U, ["stop"]),
223
+ y(d(F, ["stop"]), ["delete"]),
224
+ y(d(P, ["stop"]), ["left"]),
225
+ y(d(S, ["stop", "prevent"]), ["esc"]),
226
+ y(d(z, ["stop"]), ["right"])
220
227
  ]
221
- }), null, 16, pe), [
222
- [ee, o.value]
228
+ }), null, 16, me), [
229
+ [te, o.value]
223
230
  ])
224
231
  ])
225
232
  ]),
@@ -227,12 +234,12 @@ const de = { class: "bb-base-tag__input-container" }, pe = ["id", "aria-describe
227
234
  })
228
235
  ]),
229
236
  _: 3
230
- }, 8, ["append:icon", "prepend:icon"])
237
+ }, 8, ["append:icon", "clearable", "prepend:icon"])
231
238
  ]),
232
239
  _: 3
233
240
  }, 8, ["class"]));
234
241
  }
235
242
  });
236
243
  export {
237
- $e as default
244
+ Le as default
238
245
  };
package/dist/index47.js CHANGED
@@ -1,10 +1,11 @@
1
- import { defineComponent as w, ref as y, computed as u, onMounted as g, watch as B, nextTick as x, openBlock as V, createBlock as k, normalizeClass as $, withCtx as t, renderSlot as r, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
2
- import v from "./index209.js";
3
- import E from "./index207.js";
1
+ import { defineComponent as h, ref as y, computed as u, onMounted as g, watch as B, nextTick as V, openBlock as $, createBlock as k, normalizeClass as C, withCtx as r, renderSlot as t, createVNode as i, unref as T, createElementVNode as v, mergeProps as x } from "vue";
2
+ import E from "./index222.js";
3
+ import G from "./index220.js";
4
4
  /* empty css */
5
- import G from "./index128.js";
5
+ import M from "./index128.js";
6
6
  /* empty css */
7
- const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "rows", "value"], z = /* @__PURE__ */ w({
7
+ import { isNotNil as q } from "./index134.js";
8
+ const H = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "rows", "value"], Y = /* @__PURE__ */ h({
8
9
  __name: "BaseTextarea",
9
10
  props: {
10
11
  "append:icon": {},
@@ -12,6 +13,7 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
12
13
  autocomplete: {},
13
14
  autoGrow: { type: Boolean },
14
15
  autofocus: {},
16
+ clearable: { type: Boolean },
15
17
  compact: { type: Boolean },
16
18
  disabled: { type: Boolean },
17
19
  hasErrors: { type: Boolean },
@@ -44,23 +46,23 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
44
46
  () => o.modelValue ? o.modelValue : ""
45
47
  );
46
48
  g(() => {
47
- o.autoGrow && o.modelValue && l();
49
+ o.autoGrow && o.modelValue && s();
48
50
  }), B(
49
51
  () => o.modelValue,
50
52
  () => {
51
- o.autoGrow && x(l);
53
+ o.autoGrow && V(s);
52
54
  }
53
55
  );
54
56
  function b(e) {
55
57
  if (e.stopPropagation(), e.target instanceof HTMLTextAreaElement) {
56
- let s = e.target.value;
57
- a("input", e), a("update:modelValue", s || null);
58
+ let l = e.target.value;
59
+ a("input", e), a("update:modelValue", l || null);
58
60
  }
59
61
  }
60
62
  function f(e) {
61
63
  e.stopPropagation(), e.target instanceof HTMLTextAreaElement && a("keydown", e);
62
64
  }
63
- const h = {
65
+ const w = {
64
66
  onBlur: (e) => a("blur", e),
65
67
  onChange: (e) => a("change", e),
66
68
  onClick: (e) => a("click", e),
@@ -68,39 +70,41 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
68
70
  onMousedown: (e) => a("mousedown", e),
69
71
  onMouseup: (e) => a("mouseup", e)
70
72
  };
71
- function l() {
73
+ function s() {
72
74
  n.value && (n.value.style.height = "0px", n.value.style.height = `${n.value.scrollHeight}px`);
73
75
  }
74
- return (e, s) => (V(), k(v, {
75
- class: $(c.value)
76
+ return (e, l) => ($(), k(E, {
77
+ class: C(c.value)
76
78
  }, {
77
- "prepend-outer": t(() => [
78
- r(e.$slots, "prepend-outer")
79
+ "prepend-outer": r(() => [
80
+ t(e.$slots, "prepend-outer")
79
81
  ]),
80
- "append-outer": t(() => [
81
- r(e.$slots, "append-outer")
82
+ "append-outer": r(() => [
83
+ t(e.$slots, "append-outer")
82
84
  ]),
83
- default: t(() => [
84
- i(E, {
85
+ default: r(() => [
86
+ i(G, {
85
87
  "append:icon": o["append:icon"],
86
- "prepend:icon": o["prepend:icon"]
88
+ clearable: e.clearable && T(q)(e.modelValue),
89
+ "prepend:icon": o["prepend:icon"],
90
+ "onClick:clear": l[0] || (l[0] = (N) => e.$emit("update:modelValue", null))
87
91
  }, {
88
- prepend: t(() => [
89
- r(e.$slots, "prepend")
92
+ prepend: r(() => [
93
+ t(e.$slots, "prepend")
90
94
  ]),
91
- prefix: t(() => [
92
- r(e.$slots, "prefix")
95
+ prefix: r(() => [
96
+ t(e.$slots, "prefix")
93
97
  ]),
94
- append: t(() => [
95
- r(e.$slots, "append")
98
+ append: r(() => [
99
+ t(e.$slots, "append")
96
100
  ]),
97
- suffix: t(() => [
98
- r(e.$slots, "suffix")
101
+ suffix: r(() => [
102
+ t(e.$slots, "suffix")
99
103
  ]),
100
- default: t(() => [
101
- i(G, { tag: "span" }, {
102
- default: t(() => [
103
- C("textarea", T({
104
+ default: r(() => [
105
+ i(M, { tag: "span" }, {
106
+ default: r(() => [
107
+ v("textarea", x({
104
108
  id: e.id,
105
109
  ref_key: "textarea",
106
110
  ref: n,
@@ -115,21 +119,21 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
115
119
  required: e.required,
116
120
  rows: e.rows,
117
121
  value: m.value
118
- }, h, {
122
+ }, w, {
119
123
  onInput: b,
120
124
  onKeydown: f
121
- }), null, 16, M)
125
+ }), null, 16, H)
122
126
  ]),
123
127
  _: 1
124
128
  })
125
129
  ]),
126
130
  _: 3
127
- }, 8, ["append:icon", "prepend:icon"])
131
+ }, 8, ["append:icon", "clearable", "prepend:icon"])
128
132
  ]),
129
133
  _: 3
130
134
  }, 8, ["class"]));
131
135
  }
132
136
  });
133
137
  export {
134
- z as default
138
+ Y as default
135
139
  };
package/dist/index49.js CHANGED
@@ -1,14 +1,16 @@
1
- import { defineComponent as m, computed as c, openBlock as b, createElementBlock as f, Fragment as y, createVNode as r, normalizeClass as h, withCtx as n, renderSlot as t, createElementVNode as l, mergeProps as g } from "vue";
2
- import B from "./index207.js";
1
+ import { defineComponent as m, computed as b, openBlock as c, createElementBlock as f, Fragment as y, createVNode as r, normalizeClass as B, withCtx as n, renderSlot as l, unref as g, createElementVNode as p, mergeProps as h } from "vue";
2
+ import $ from "./index220.js";
3
3
  /* empty css */
4
- import k from "./index209.js";
5
- const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], V = /* @__PURE__ */ m({
4
+ import k from "./index222.js";
5
+ import { isNotNil as C } from "./index134.js";
6
+ const V = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], M = /* @__PURE__ */ m({
6
7
  __name: "BaseTextInput",
7
8
  props: {
8
9
  "append:icon": {},
9
10
  ariaDescribedby: {},
10
11
  autocomplete: {},
11
12
  autofocus: {},
13
+ clearable: { type: Boolean },
12
14
  compact: { type: Boolean },
13
15
  disabled: { type: Boolean },
14
16
  hasErrors: { type: Boolean },
@@ -23,55 +25,57 @@ const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
23
25
  type: { default: "text" }
24
26
  },
25
27
  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
26
- setup(s, { emit: d }) {
27
- const a = s, o = d, u = c(() => ({
28
+ setup(s, { emit: u }) {
29
+ const o = s, a = u, d = b(() => ({
28
30
  "bb-base-text-input": !0,
29
- "bb-base-text-input--disabled": a.disabled,
30
- "bb-base-text-input--errors": a.hasErrors,
31
- "bb-base-text-input--loading": a.loading,
32
- "bb-base-text-input--readonly": a.readonly,
33
- "bb-base-text-input--compact": a.compact
31
+ "bb-base-text-input--disabled": o.disabled,
32
+ "bb-base-text-input--errors": o.hasErrors,
33
+ "bb-base-text-input--loading": o.loading,
34
+ "bb-base-text-input--readonly": o.readonly,
35
+ "bb-base-text-input--compact": o.compact
34
36
  })), i = {
35
- onBlur: (e) => o("blur", e),
36
- onChange: (e) => o("change", e),
37
- onClick: (e) => o("click", e),
38
- onFocus: (e) => o("focus", e),
39
- onKeydown: (e) => o("keydown", e),
37
+ onBlur: (e) => a("blur", e),
38
+ onChange: (e) => a("change", e),
39
+ onClick: (e) => a("click", e),
40
+ onFocus: (e) => a("focus", e),
41
+ onKeydown: (e) => a("keydown", e),
40
42
  onInput: (e) => {
41
- e.target instanceof HTMLInputElement && o("update:modelValue", e.target.value || null), o("input", e);
43
+ e.target instanceof HTMLInputElement && a("update:modelValue", e.target.value || null), a("input", e);
42
44
  },
43
- onMousedown: (e) => o("mousedown", e),
44
- onMouseup: (e) => o("mouseup", e)
45
+ onMousedown: (e) => a("mousedown", e),
46
+ onMouseup: (e) => a("mouseup", e)
45
47
  };
46
- return (e, p) => (b(), f(y, null, [
48
+ return (e, t) => (c(), f(y, null, [
47
49
  r(k, {
48
- class: h(u.value)
50
+ class: B(d.value)
49
51
  }, {
50
52
  "prepend-outer": n(() => [
51
- t(e.$slots, "prepend-outer")
53
+ l(e.$slots, "prepend-outer")
52
54
  ]),
53
55
  "append-outer": n(() => [
54
- t(e.$slots, "append-outer")
56
+ l(e.$slots, "append-outer")
55
57
  ]),
56
58
  default: n(() => [
57
- r(B, {
58
- "append:icon": a["append:icon"],
59
- "prepend:icon": a["prepend:icon"]
59
+ r($, {
60
+ "append:icon": o["append:icon"],
61
+ clearable: o.clearable && g(C)(o.modelValue),
62
+ "prepend:icon": o["prepend:icon"],
63
+ "onClick:clear": t[0] || (t[0] = (v) => e.$emit("update:modelValue", null))
60
64
  }, {
61
65
  prepend: n(() => [
62
- t(e.$slots, "prepend")
66
+ l(e.$slots, "prepend")
63
67
  ]),
64
68
  prefix: n(() => [
65
- t(e.$slots, "prefix")
69
+ l(e.$slots, "prefix")
66
70
  ]),
67
71
  append: n(() => [
68
- t(e.$slots, "append")
72
+ l(e.$slots, "append")
69
73
  ]),
70
74
  suffix: n(() => [
71
- t(e.$slots, "suffix")
75
+ l(e.$slots, "suffix")
72
76
  ]),
73
77
  default: n(() => [
74
- l("input", g({
78
+ p("input", h({
75
79
  id: e.id,
76
80
  ref: "input",
77
81
  "aria-describedby": e.ariaDescribedby,
@@ -87,17 +91,17 @@ const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
87
91
  size: "1",
88
92
  type: e.type,
89
93
  value: e.modelValue
90
- }, i), null, 16, w)
94
+ }, i), null, 16, V)
91
95
  ]),
92
96
  _: 3
93
- }, 8, ["append:icon", "prepend:icon"])
97
+ }, 8, ["append:icon", "clearable", "prepend:icon"])
94
98
  ]),
95
99
  _: 3
96
100
  }, 8, ["class"]),
97
- p[0] || (p[0] = l("span", null, null, -1))
101
+ t[1] || (t[1] = p("span", null, null, -1))
98
102
  ], 64));
99
103
  }
100
104
  });
101
105
  export {
102
- V as default
106
+ M as default
103
107
  };
package/dist/index53.js CHANGED
@@ -3,7 +3,7 @@ import B from "./index126.js";
3
3
  /* empty css */
4
4
  import L from "./index127.js";
5
5
  /* empty css */
6
- import { useLocale as g } from "./index232.js";
6
+ import { useLocale as g } from "./index216.js";
7
7
  const $ = {
8
8
  class: "bb-alert__inner-container",
9
9
  role: "alert"
package/dist/index55.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as b, computed as z, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as _, guardReactiveProps as h, renderSlot as k } from "vue";
2
- import { isCssColor as y } from "./index210.js";
2
+ import { isCssColor as y } from "./index240.js";
3
3
  import { wait as C } from "./index130.js";
4
4
  const w = ["alt", "sizes", "src", "srcset"], B = {
5
5
  key: 1,
package/dist/index57.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as p, useSlots as d, computed as n, openBlock as m, createElementBlock as u, normalizeClass as g, createElementVNode as s, renderSlot as l, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
2
- import { isCssColor as r } from "./index210.js";
3
- import { isNil as B } from "./index251.js";
2
+ import { isCssColor as r } from "./index240.js";
3
+ import { isNil as B } from "./index252.js";
4
4
  const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
5
5
  __name: "BbBadge",
6
6
  props: {