bitboss-ui 2.0.94 → 2.0.96

package/dist/index45.js

@@ -1,26 +1,27 @@
-import { defineComponent as Y, ref as i, computed as k, toRef as B, openBlock as f, createBlock as C, normalizeClass as x, withCtx as a, renderSlot as s, createVNode as O, unref as v, createElementVNode as $, createElementBlock as ee, Fragment as te, createCommentVNode as oe, withDirectives as ne, mergeProps as le, isRef as ae, withModifiers as d, withKeys as y, vModelDynamic as re, nextTick as ie } from "vue";
+import { defineComponent as Y, ref as i, computed as k, toRef as B, openBlock as f, createBlock as C, normalizeClass as x, withCtx as a, renderSlot as s, createVNode as O, unref as v, createElementVNode as $, createElementBlock as ee, Fragment as oe, createCommentVNode as te, withDirectives as ne, mergeProps as le, isRef as ae, withModifiers as d, withKeys as y, vModelDynamic as re, nextTick as ie } from "vue";
 /* empty css       */
 /* empty css       */
 import ue from "./index128.js";
 /* empty css         */
 import { isNotNil as se } from "./index135.js";
-import { last as de } from "./index215.js";
-import { useOptions as pe } from "./index236.js";
+import { last as de } from "./index216.js";
+import { useOptions as pe } from "./index234.js";
 import ce from "./index246.js";
 /* empty css         */
 import me from "./index248.js";
 /* empty css         */
-import fe from "./index219.js";
+import fe from "./index220.js";
 /* empty css         */
-import ve from "./index221.js";
+import ve from "./index222.js";
 const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], qe = /* @__PURE__ */ Y({
   __name: "BaseTag",
   props: {
     "append:icon": {},
     ariaDescribedby: {},
-    autocomplete: {},
+    autocomplete: { default: "off" },
     autofocus: {},
     comma: { type: Boolean },
+    compact: { type: Boolean },
     disabled: { type: Boolean },
     divider: { default: "Enter" },
     hasErrors: { type: Boolean },
@@ -32,85 +33,85 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
     name: {},
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean }
   },
   emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
   setup(D, { emit: I }) {
-    const t = D, l = I;
-    if (t.multiple && !Array.isArray(t.modelValue))
+    const o = D, l = I;
+    if (o.multiple && !Array.isArray(o.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const b = i(null), T = i(null), L = k(() => t.placeholder), V = i(null), w = i(null), r = k(
-      () => t.comma ? V.value : w.value
+    const b = i(null), T = i(null), L = k(() => o.placeholder), V = i(null), w = i(null), r = k(
+      () => o.comma ? V.value : w.value
     ), p = i(null), E = () => {
       p.value instanceof HTMLInputElement && p.value.focus();
-    }, N = !t.multiple && se(t.modelValue) || t.multiple && !!t.modelValue.length, q = i([]), {
-      query: o,
+    }, N = !o.multiple && se(o.modelValue) || o.multiple && !!o.modelValue.length, q = i([]), {
+      query: t,
       alignQueryToState: A,
       addCurrentQueryToManualItems: K,
       selectedOptions: u,
       selectOption: M,
       unselectOption: P,
-      valueIsSelected: _,
-      manualItems: S
+      valueIsSelected: S,
+      manualItems: _
     } = pe({
       emit: l,
       itemText: void 0,
       itemValue: void 0,
-      modelValue: B(t, "modelValue"),
-      multiple: t.multiple,
+      modelValue: B(o, "modelValue"),
+      multiple: o.multiple,
       resetQueryOnOptionSelected: !0,
       stash: !1,
-      items: B(t, "modelValue"),
+      items: B(o, "modelValue"),
       enforceCoherence: !1,
       prefill: N,
       modelValueDebounceTime: 0,
       dependencies: q,
       depsDebounceTime: 0,
       queryDebounceTime: 0,
-      disabled: B(t, "disabled")
+      disabled: B(o, "disabled")
     }), g = i(!1), F = () => {
       g.value = !0;
     }, H = () => {
       g.value = !1, l("inactive");
-    }, h = k(() => !(t.readonly || t.disabled || !r.value && t.multiple)), Q = (e) => {
+    }, h = k(() => !(o.readonly || o.disabled || !r.value && o.multiple)), Q = (e) => {
       var n;
-      h.value && (!t.multiple || o.value || (e.preventDefault(), u.value.length && ((n = r.value) == null || n.focusPrevious())));
+      h.value && (!o.multiple || t.value || (e.preventDefault(), u.value.length && ((n = r.value) == null || n.focusPrevious())));
     }, R = (e) => {
       var n;
-      h.value && (!t.multiple || o.value || (e.preventDefault(), u.value.length && ((n = r.value) == null || n.focusNext())));
+      h.value && (!o.multiple || t.value || (e.preventDefault(), u.value.length && ((n = r.value) == null || n.focusNext())));
     }, U = async () => {
       var e, n;
-      !h.value || o.value || !u.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await ie(), (n = r.value) == null || n.focusPrevious());
+      !h.value || t.value || !u.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await ie(), (n = r.value) == null || n.focusPrevious());
     }, z = () => {
       var e;
       (e = r.value) == null || e.blur();
     }, Z = async (e) => {
       var n;
-      if (l("keydown", e), t.readonly || t.disabled) {
+      if (l("keydown", e), o.readonly || o.disabled) {
         e.preventDefault();
         return;
       }
-      if (/^[A-Za-z0-9]$/.test(e.key) && ((n = r.value) == null || n.blur()), e.key === t.divider || e.key === "Unidentified" && o.value.includes(t.divider)) {
-        if (t.divider.length === 1 && o.value.includes(t.divider)) {
-          const m = o.value.split(t.divider)[0];
+      if (/^[A-Za-z0-9]$/.test(e.key) && ((n = r.value) == null || n.blur()), e.key === o.divider || e.key === "Unidentified" && t.value.includes(o.divider)) {
+        if (o.divider.length === 1 && t.value.includes(o.divider)) {
+          const m = t.value.split(o.divider)[0];
           if (m)
-            o.value = m;
+            t.value = m;
           else {
-            o.value = "";
+            t.value = "";
             return;
           }
         }
-        if (!o.value) {
+        if (!t.value) {
           l("keydown", e);
           return;
         }
-        if (e.preventDefault(), _(o.value))
-          l("duplicate", o.value), o.value = "";
+        if (e.preventDefault(), S(t.value))
+          l("duplicate", t.value), t.value = "";
         else {
-          if (t.max && u.value.length >= t.max)
+          if (o.max && u.value.length >= o.max)
             return;
-          K(), j(de(S.value));
+          K(), j(de(_.value));
         }
       }
     }, j = (e) => {
@@ -120,7 +121,7 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
     }, J = (e) => {
       l("focus", e), F(), document.addEventListener("click", c), document.addEventListener("focusin", c);
     }, W = (e) => {
-      l("click", e), !(t.disabled || t.readonly) && p.value instanceof HTMLElement && p.value.focus();
+      l("click", e), !(o.disabled || o.readonly) && p.value instanceof HTMLElement && p.value.focus();
     }, c = async (e) => {
       if (e.target instanceof Node && b.value && !b.value.$el.contains(e.target)) {
         H(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), A();
@@ -141,7 +142,8 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
         "bb-base-tag--disabled": e.disabled,
         "bb-base-tag--loading": e.loading,
         "bb-base-tag--errors": e.hasErrors,
-        "bb-base-tag--readonly": e.readonly
+        "bb-base-tag--readonly": e.readonly,
+        "bb-base-tag--compact": e.compact
       }),
       onClick: W
     }, {
@@ -155,8 +157,8 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
         O(fe, {
           ref_key: "innerContainer",
           ref: T,
-          "append:icon": t["append:icon"],
-          "prepend:icon": t["prepend:icon"],
+          "append:icon": o["append:icon"],
+          "prepend:icon": o["prepend:icon"],
           "prevent-focus": !0
         }, {
           prepend: a(() => [
@@ -175,7 +177,7 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
             O(v(ue), { tag: "span" }, {
               default: a(() => [
                 $("span", ye, [
-                  e.multiple ? (f(), ee(te, { key: 0 }, [
+                  e.multiple ? (f(), ee(oe, { key: 0 }, [
                     e.comma ? (f(), C(me, {
                       key: 0,
                       ref_key: "commaBox",
@@ -188,13 +190,13 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
                       options: v(u),
                       "onOption:unselected": G
                     }, null, 8, ["options"]))
-                  ], 64)) : oe("", !0),
+                  ], 64)) : te("", !0),
                   ne($("input", le({
                     id: e.id,
                     ref_key: "input",
                     ref: p
                   }, X, {
-                    "onUpdate:modelValue": n[0] || (n[0] = (m) => ae(o) ? o.value = m : null),
+                    "onUpdate:modelValue": n[0] || (n[0] = (m) => ae(t) ? t.value = m : null),
                     "aria-describedby": e.ariaDescribedby,
                     autocomplete: e.autocomplete,
                     autofocus: e.autofocus,
@@ -214,7 +216,7 @@ const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describe
                       y(d(R, ["stop"]), ["right"])
                     ]
                   }), null, 16, be), [
-                    [re, v(o)]
+                    [re, v(t)]
                   ])
                 ])
               ]),

package/dist/index47.js

@@ -1,6 +1,6 @@
-import { defineComponent as w, ref as g, computed as u, onMounted as y, watch as V, nextTick as k, openBlock as x, createBlock as B, normalizeClass as $, withCtx as r, renderSlot as t, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
-import v from "./index221.js";
-import E from "./index219.js";
+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";
+import v from "./index222.js";
+import E from "./index220.js";
 /* empty css         */
 import G from "./index128.js";
 /* empty css         */
@@ -12,6 +12,7 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
     autocomplete: {},
     autoGrow: { type: Boolean },
     autofocus: {},
+    compact: { type: Boolean },
     disabled: { type: Boolean },
     hasErrors: { type: Boolean },
     id: {},
@@ -20,7 +21,7 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
     name: {},
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     rows: {}
   },
@@ -31,28 +32,29 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
       throw new Error(
         "Textarea: You cannot set rows and auto-grow attributes together. You either use rows and let the user resize or define a minimum height in CSS with auto-grow."
       );
-    const n = g(null), c = u(() => ({
+    const n = y(null), c = u(() => ({
       "bb-base-textarea": !0,
       "bb-base-textarea--auto-grow": o.autoGrow,
       "bb-base-textarea--disabled": o.disabled,
       "bb-base-textarea--errors": o.hasErrors,
       "bb-base-textarea--loading": o.loading,
-      "bb-base-textarea--readonly": o.readonly
+      "bb-base-textarea--readonly": o.readonly,
+      "bb-base-textarea--compact": o.compact
     })), m = u(
       () => o.modelValue ? o.modelValue : ""
     );
-    y(() => {
-      o.autoGrow && o.modelValue && s();
-    }), V(
+    g(() => {
+      o.autoGrow && o.modelValue && l();
+    }), B(
       () => o.modelValue,
       () => {
-        o.autoGrow && k(s);
+        o.autoGrow && x(l);
       }
     );
     function b(e) {
       if (e.stopPropagation(), e.target instanceof HTMLTextAreaElement) {
-        let l = e.target.value;
-        a("input", e), a("update:modelValue", l || null);
+        let s = e.target.value;
+        a("input", e), a("update:modelValue", s || null);
       }
     }
     function f(e) {
@@ -66,38 +68,38 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
       onMousedown: (e) => a("mousedown", e),
       onMouseup: (e) => a("mouseup", e)
     };
-    function s() {
+    function l() {
       n.value && (n.value.style.height = "0px", n.value.style.height = `${n.value.scrollHeight}px`);
     }
-    return (e, l) => (x(), B(v, {
+    return (e, s) => (V(), k(v, {
       class: $(c.value)
     }, {
-      "prepend-outer": r(() => [
-        t(e.$slots, "prepend-outer")
+      "prepend-outer": t(() => [
+        r(e.$slots, "prepend-outer")
       ]),
-      "append-outer": r(() => [
-        t(e.$slots, "append-outer")
+      "append-outer": t(() => [
+        r(e.$slots, "append-outer")
       ]),
-      default: r(() => [
+      default: t(() => [
         i(E, {
           "append:icon": o["append:icon"],
           "prepend:icon": o["prepend:icon"]
         }, {
-          prepend: r(() => [
-            t(e.$slots, "prepend")
+          prepend: t(() => [
+            r(e.$slots, "prepend")
           ]),
-          prefix: r(() => [
-            t(e.$slots, "prefix")
+          prefix: t(() => [
+            r(e.$slots, "prefix")
           ]),
-          append: r(() => [
-            t(e.$slots, "append")
+          append: t(() => [
+            r(e.$slots, "append")
           ]),
-          suffix: r(() => [
-            t(e.$slots, "suffix")
+          suffix: t(() => [
+            r(e.$slots, "suffix")
           ]),
-          default: r(() => [
+          default: t(() => [
             i(G, { tag: "span" }, {
-              default: r(() => [
+              default: t(() => [
                 C("textarea", T({
                   id: e.id,
                   ref_key: "textarea",

package/dist/index49.js

@@ -1,7 +1,7 @@
-import { defineComponent as m, computed as b, openBlock as c, createElementBlock as f, Fragment as y, createVNode as p, normalizeClass as h, withCtx as n, renderSlot as r, createElementVNode as l, mergeProps as g } from "vue";
-import B from "./index219.js";
+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";
+import B from "./index220.js";
 /* empty css         */
-import k from "./index221.js";
+import k from "./index222.js";
 const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], V = /* @__PURE__ */ m({
   __name: "BaseTextInput",
   props: {
@@ -9,6 +9,7 @@ const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     ariaDescribedby: {},
     autocomplete: {},
     autofocus: {},
+    compact: { type: Boolean },
     disabled: { type: Boolean },
     hasErrors: { type: Boolean },
     id: {},
@@ -17,18 +18,19 @@ const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     name: {},
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     type: { default: "text" }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(s, { emit: d }) {
-    const a = s, o = d, u = b(() => ({
+    const a = s, o = d, u = c(() => ({
       "bb-base-text-input": !0,
       "bb-base-text-input--disabled": a.disabled,
       "bb-base-text-input--errors": a.hasErrors,
       "bb-base-text-input--loading": a.loading,
-      "bb-base-text-input--readonly": a.readonly
+      "bb-base-text-input--readonly": a.readonly,
+      "bb-base-text-input--compact": a.compact
     })), i = {
       onBlur: (e) => o("blur", e),
       onChange: (e) => o("change", e),
@@ -41,32 +43,32 @@ const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
       onMousedown: (e) => o("mousedown", e),
       onMouseup: (e) => o("mouseup", e)
     };
-    return (e, t) => (c(), f(y, null, [
-      p(k, {
+    return (e, p) => (b(), f(y, null, [
+      r(k, {
         class: h(u.value)
       }, {
         "prepend-outer": n(() => [
-          r(e.$slots, "prepend-outer")
+          t(e.$slots, "prepend-outer")
         ]),
         "append-outer": n(() => [
-          r(e.$slots, "append-outer")
+          t(e.$slots, "append-outer")
         ]),
         default: n(() => [
-          p(B, {
+          r(B, {
             "append:icon": a["append:icon"],
             "prepend:icon": a["prepend:icon"]
           }, {
             prepend: n(() => [
-              r(e.$slots, "prepend")
+              t(e.$slots, "prepend")
             ]),
             prefix: n(() => [
-              r(e.$slots, "prefix")
+              t(e.$slots, "prefix")
             ]),
             append: n(() => [
-              r(e.$slots, "append")
+              t(e.$slots, "append")
             ]),
             suffix: n(() => [
-              r(e.$slots, "suffix")
+              t(e.$slots, "suffix")
             ]),
             default: n(() => [
               l("input", g({
@@ -92,7 +94,7 @@ const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
         ]),
         _: 3
       }, 8, ["class"]),
-      t[0] || (t[0] = l("span", null, null, -1))
+      p[0] || (p[0] = l("span", null, null, -1))
     ], 64));
   }
 });

package/dist/index63.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as f, computed as v, openBlock as y, createBlock as k, withCtx as r, renderSlot as n, normalizeProps as w, guardReactiveProps as B, createVNode as V, mergeProps as i } from "vue";
+import { defineComponent as c, ref as f, computed as y, openBlock as v, createBlock as k, withCtx as n, renderSlot as r, normalizeProps as B, guardReactiveProps as w, createVNode as V, mergeProps as i } from "vue";
 import g from "./index17.js";
 /* empty css        */
 import P from "./index27.js";
@@ -24,7 +24,7 @@ const E = /* @__PURE__ */ c({
     modelValue: {},
     name: {},
     persistentHint: { type: Boolean },
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     reverse: { type: Boolean, default: !0 },
     submitWhenFalse: { type: Boolean },
@@ -32,7 +32,7 @@ const E = /* @__PURE__ */ c({
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(s, { emit: t }) {
-    const u = s, o = t, a = f(!1), d = v(() => u.persistentHint || a.value), p = {
+    const u = s, o = t, a = f(!1), d = y(() => u.persistentHint || a.value), p = {
       onBlur: (e) => {
         a.value = !1, o("blur", e);
       },
@@ -47,7 +47,7 @@ const E = /* @__PURE__ */ c({
       onMouseup: (e) => o("mouseup", e),
       "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
-    return (e, C) => (y(), k(P, {
+    return (e, C) => (v(), k(P, {
       id: e.id,
       class: "bb-checkbox",
       direction: e.direction,
@@ -64,10 +64,10 @@ const E = /* @__PURE__ */ c({
       "show-hint": d.value,
       tag: "label"
     }, {
-      label: r((l) => [
-        n(e.$slots, "label", w(B(l)))
+      label: n((l) => [
+        r(e.$slots, "label", B(w(l)))
       ]),
-      input: r(({ id: l, hasErrors: m, ariaDescribedby: b }) => [
+      input: n(({ id: l, hasErrors: m, ariaDescribedby: b }) => [
         V(g, i({
           id: l,
           "aria-describedby": b,
@@ -85,8 +85,8 @@ const E = /* @__PURE__ */ c({
           "submit-when-false": e.submitWhenFalse,
           "true-value": e.trueValue
         }, p), {
-          icon: r((h) => [
-            n(e.$slots, "icon", i(h, { text: e.label }))
+          icon: n((h) => [
+            r(e.$slots, "icon", i(h, { text: e.label }))
           ]),
           _: 2
         }, 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "false-value", "has-errors", "indeterminate", "model-value", "name", "readonly", "required", "submit-when-false", "true-value"])

package/dist/index65.js

@@ -8,6 +8,7 @@ const E = /* @__PURE__ */ f({
   props: {
     autofocus: {},
     color: {},
+    compact: { type: Boolean },
     dependencies: {},
     depsDebounceTime: {},
     disabled: { type: Boolean },
@@ -30,12 +31,12 @@ const E = /* @__PURE__ */ f({
     name: {},
     noDataText: {},
     persistentHint: { type: Boolean },
-    readonly: {},
+    readonly: { type: Boolean },
     reverse: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(t, { emit: p }) {
-    const u = t, n = p, s = v(!1), m = g(() => u.persistentHint || s.value), c = {
+  setup(d, { emit: p }) {
+    const m = d, n = p, s = v(!1), u = g(() => m.persistentHint || s.value), c = {
       onBlur: (e) => n("blur", e),
       onChange: (e) => n("change", e),
       onClick: (e) => n("click", e),
@@ -54,6 +55,7 @@ const E = /* @__PURE__ */ f({
     return (e, k) => (y(), B(V, {
       id: e.id,
       class: "bb-checkbox-group",
+      compact: e.compact,
       direction: "vertical",
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -63,15 +65,15 @@ const E = /* @__PURE__ */ f({
       "label-tag": "legend",
       name: e.name,
       reverse: e.reverse,
-      "show-hint": m.value,
+      "show-hint": u.value,
       tag: "fieldset"
     }, {
-      label: a((d) => [
-        i(e.$slots, "legend", l(r(d)))
+      label: a((t) => [
+        i(e.$slots, "legend", l(r(t)))
       ]),
-      input: a(({ id: d, hasErrors: b, ariaDescribedby: h }) => [
+      input: a(({ id: t, hasErrors: b, ariaDescribedby: h }) => [
         $(T, w({
-          id: d,
+          id: t,
           "aria-describedby": h,
           autofocus: e.autofocus,
           color: e.color,
@@ -121,7 +123,7 @@ const E = /* @__PURE__ */ f({
         }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "max", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly"])
       ]),
       _: 3
-    }, 8, ["id", "errors", "has-errors", "hide-label", "hint", "label", "name", "reverse", "show-hint"]));
+    }, 8, ["id", "compact", "errors", "has-errors", "hide-label", "hint", "label", "name", "reverse", "show-hint"]));
   }
 });
 export {

package/dist/index67.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as h, computed as b, openBlock as f, createBlock as y, withCtx as r, renderSlot as n, normalizeProps as v, guardReactiveProps as B, createVNode as w, mergeProps as g } from "vue";
+import { defineComponent as c, ref as h, computed as b, openBlock as f, createBlock as y, withCtx as a, renderSlot as n, normalizeProps as v, guardReactiveProps as B, createVNode as w, mergeProps as g } from "vue";
 import $ from "./index27.js";
 /* empty css        */
 import k from "./index15.js";
@@ -9,6 +9,7 @@ const E = /* @__PURE__ */ c({
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
     errors: {},
@@ -24,13 +25,13 @@ const E = /* @__PURE__ */ c({
     persistentHint: { type: Boolean },
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     reverse: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(i, { emit: d }) {
-    const a = i, o = d, l = h(!1), p = b(() => a.persistentHint || l.value), u = {
+  setup(s, { emit: i }) {
+    const r = s, o = i, l = h(!1), d = b(() => r.persistentHint || l.value), t = {
       onBlur: (e) => {
         l.value = !1, o("blur", e);
       },
@@ -48,6 +49,7 @@ const E = /* @__PURE__ */ c({
     return (e, V) => (f(), y($, {
       id: e.id,
       class: "bb-color-input",
+      compact: e.compact,
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -58,51 +60,52 @@ const E = /* @__PURE__ */ c({
       "model-value": e.modelValue,
       name: e.name,
       reverse: e.reverse,
-      "show-hint": p.value
+      "show-hint": d.value
     }, {
-      label: r((s) => [
-        n(e.$slots, "label", v(B(s)))
+      label: a((p) => [
+        n(e.$slots, "label", v(B(p)))
       ]),
-      input: r(({ id: s, hasErrors: t, ariaDescribedby: m }) => [
+      input: a(({ id: p, hasErrors: u, ariaDescribedby: m }) => [
         w(k, g({
-          id: s,
-          "append:icon": a["append:icon"],
+          id: p,
+          "append:icon": r["append:icon"],
           "aria-describedby": m,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          compact: e.compact,
           disabled: e.disabled,
-          "has-errors": t,
+          "has-errors": u,
           loading: e.loading,
           "model-value": e.modelValue,
           name: e.name,
           placeholder: e.placeholder,
-          "prepend:icon": a["prepend:icon"],
+          "prepend:icon": r["prepend:icon"],
           readonly: e.readonly,
           required: e.required
-        }, u), {
-          "append-outer": r(() => [
+        }, t), {
+          "append-outer": a(() => [
             n(e.$slots, "append-outer")
           ]),
-          append: r(() => [
+          append: a(() => [
             n(e.$slots, "append")
           ]),
-          prefix: r(() => [
+          prefix: a(() => [
             n(e.$slots, "prefix")
           ]),
-          suffix: r(() => [
+          suffix: a(() => [
             n(e.$slots, "suffix")
           ]),
-          prepend: r(() => [
+          prepend: a(() => [
             n(e.$slots, "prepend")
           ]),
-          "prepend-outer": r(() => [
+          "prepend-outer": a(() => [
             n(e.$slots, "prepend-outer")
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required"])
       ]),
       _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {