bitboss-ui 2.0.95 → 2.0.97

package/dist/index47.js

@@ -1,4 +1,4 @@
-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 { 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 "./index210.js";
 import E from "./index208.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,4 +1,4 @@
-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 { 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 "./index208.js";
 /* empty css         */
 import k from "./index210.js";
@@ -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/index55.js

@@ -1,5 +1,5 @@
 import { defineComponent as z, computed as b, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as h, guardReactiveProps as k, renderSlot as y } from "vue";
-import { isCssColor as _ } from "./index227.js";
+import { isCssColor as _ } from "./index225.js";
 import { wait as C } from "./index132.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,

package/dist/index57.js

@@ -1,5 +1,5 @@
 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";
-import { isCssColor as r } from "./index227.js";
+import { isCssColor as r } from "./index225.js";
 import { isNil as B } from "./index130.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",

package/dist/index61.js

@@ -7,8 +7,8 @@ import r from "./index127.js";
 /* empty css         */
 import P from "./index129.js";
 /* empty css         */
-import { pickBy as $ } from "./index251.js";
-import { noop as A } from "./index252.js";
+import { pickBy as $ } from "./index252.js";
+import { noop as A } from "./index253.js";
 const T = {
   key: 2,
   class: "bb-button__loading-label sr-only"

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 {

package/dist/index71.js

@@ -10,6 +10,7 @@ const E = /* @__PURE__ */ m({
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
     errors: {},
@@ -37,7 +38,7 @@ const E = /* @__PURE__ */ m({
   },
   emits: ["active", "error", "focus", "inactive", "update:modelValue"],
   setup(i, { emit: n }) {
-    const t = i, o = n, a = u(!1), s = c(() => t.persistentHint || a.value), d = {
+    const t = i, o = n, a = u(!1), s = c(() => t.persistentHint || a.value), p = {
       onError: (e) => o("error", e),
       onFocus: (e) => o("focus", e),
       onActive: () => {
@@ -51,6 +52,7 @@ const E = /* @__PURE__ */ m({
     return (e, V) => (h(), f(k, {
       id: e.id,
       class: "bb-date-picker-input",
+      compact: e.compact,
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -66,16 +68,17 @@ const E = /* @__PURE__ */ m({
       label: l((r) => [
         b(e.$slots, "label", v(y(r)))
       ]),
-      input: l(({ id: r, hasErrors: p }) => [
+      input: l(({ id: r, hasErrors: d }) => [
         w(B, g({
           id: r,
           "allow-writing": e.allowWriting,
           "append:icon": e.$props["append:icon"],
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          compact: e.compact,
           disabled: e.disabled,
           "first-day-of-week": e.firstDayOfWeek,
-          "has-errors": p,
+          "has-errors": d,
           loading: e.loading,
           max: e.max,
           min: e.min,
@@ -88,10 +91,10 @@ const E = /* @__PURE__ */ m({
           required: e.required,
           selectable: e.selectable,
           width: e.width
-        }, d), null, 16, ["id", "allow-writing", "append:icon", "autocomplete", "autofocus", "disabled", "first-day-of-week", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "range", "readonly", "required", "selectable", "width"])
+        }, p), null, 16, ["id", "allow-writing", "append:icon", "autocomplete", "autofocus", "compact", "disabled", "first-day-of-week", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "range", "readonly", "required", "selectable", "width"])
       ]),
       _: 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 {

package/dist/index75.js

@@ -1,12 +1,12 @@
 import { defineComponent as X, computed as A, ref as y, openBlock as h, createElementBlock as T, mergeProps as B, createElementVNode as H, renderSlot as w, normalizeProps as Y, guardReactiveProps as Z, unref as $, createVNode as C, withCtx as O, normalizeStyle as x, Fragment as K, renderList as ee, createBlock as P, createCommentVNode as N, toDisplayString as te } from "vue";
-import { findRightIndex as I } from "./index253.js";
+import { findRightIndex as I } from "./index278.js";
 import { useId as ne } from "./index8.js";
 import { wait as oe } from "./index132.js";
 import { useIntersectionObserver as ae } from "./index133.js";
 import le from "./index13.js";
 /* empty css        */
-import V from "./index254.js";
-import se from "./index255.js";
+import V from "./index279.js";
+import se from "./index273.js";
 /* empty css         */
 import j from "./index127.js";
 /* empty css         */