bitboss-ui 2.0.165 → 2.0.166

package/dist/index67.js

@@ -1,115 +1,43 @@
-import { defineComponent as c, ref as b, computed as h, openBlock as f, createBlock as y, withCtx as a, renderSlot as l, 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";
-/* empty css        */
-const E = /* @__PURE__ */ c({
-  __name: "BbColorInput",
+import { defineComponent as i, createElementBlock as o, openBlock as a, createElementVNode as t, createCommentVNode as p, renderSlot as b, createTextVNode as m, toDisplayString as u, withModifiers as d, unref as _ } from "vue";
+import { useLocale as f } from "./index216.js";
+const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
+  __name: "BbChip",
   props: {
-    "append:icon": {},
-    autocomplete: {},
-    autofocus: {},
-    clearable: { type: Boolean },
-    compact: { type: Boolean },
-    direction: {},
-    disabled: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
-    id: {},
-    label: {},
-    labelPosition: {},
-    loading: { type: Boolean },
-    modelValue: {},
-    name: {},
-    persistentHint: { type: Boolean },
-    placeholder: {},
-    "prepend:icon": {},
-    readonly: { type: Boolean },
-    required: { type: Boolean },
-    reverse: { type: Boolean }
+    text: {},
+    clearable: { type: Boolean, default: !0 },
+    clearableLabel: {}
   },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(s, { emit: i }) {
-    const r = s, o = i, n = b(!1), d = h(() => r.persistentHint || n.value), t = {
-      onBlur: (e) => {
-        n.value = !1, o("blur", e);
-      },
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => {
-        n.value = !0, o("focus", e);
-      },
-      onInput: (e) => o("input", e),
-      onKeydown: (e) => o("keydown", e),
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e),
-      "onUpdate:modelValue": (e) => o("update:modelValue", e)
+  emits: ["click:clear"],
+  setup(w, { emit: r }) {
+    const n = r, { t: s } = f(), c = (e) => {
+      n("click:clear", e);
     };
-    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,
-      "hide-label": e.hideLabel,
-      hint: e.hint,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "model-value": e.modelValue,
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": d.value
-    }, {
-      label: a((p) => [
-        l(e.$slots, "label", v(B(p)))
+    return (e, l) => (a(), o("span", h, [
+      t("span", L, [
+        b(e.$slots, "default", {}, () => [
+          m(u(e.text), 1)
+        ])
       ]),
-      input: a(({ id: p, hasErrors: u, ariaDescribedby: m }) => [
-        w(k, g({
-          id: p,
-          "append:icon": r["append:icon"],
-          "aria-describedby": m,
-          autocomplete: e.autocomplete,
-          autofocus: e.autofocus,
-          clearable: e.clearable,
-          compact: e.compact,
-          disabled: e.disabled,
-          "has-errors": u,
-          loading: e.loading,
-          "model-value": e.modelValue,
-          name: e.name,
-          placeholder: e.placeholder,
-          "prepend:icon": r["prepend:icon"],
-          readonly: e.readonly,
-          required: e.required
-        }, t), {
-          "append-outer": a(() => [
-            l(e.$slots, "append-outer")
-          ]),
-          append: a(() => [
-            l(e.$slots, "append")
-          ]),
-          prefix: a(() => [
-            l(e.$slots, "prefix")
-          ]),
-          suffix: a(() => [
-            l(e.$slots, "suffix")
-          ]),
-          prepend: a(() => [
-            l(e.$slots, "prepend")
-          ]),
-          "prepend-outer": a(() => [
-            l(e.$slots, "prepend-outer")
-          ]),
-          _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required"])
-      ]),
-      _: 3
-    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+      e.clearable ? (a(), o("button", {
+        key: 0,
+        "aria-label": e.clearableLabel || _(s)("chip.clearLabel").value,
+        class: "bb-chip__clear-button",
+        type: "button",
+        onClick: d(c, ["stop", "prevent"])
+      }, l[0] || (l[0] = [
+        t("svg", {
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          t("path", {
+            d: "M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z",
+            fill: "currentColor"
+          })
+        ], -1)
+      ]), 8, k)) : p("", !0)
+    ]));
   }
 });
 export {
-  E as default
+  B as default
 };

package/dist/index69.js

@@ -1,89 +1,46 @@
-import { defineComponent as g, openBlock as r, createBlock as i, unref as e, createSlots as x, withCtx as s, createElementVNode as C, createElementBlock as b, createVNode as V, toDisplayString as a, createCommentVNode as c, createTextVNode as k } from "vue";
-import { state as t, processMessage as l } from "./index6.js";
-import $ from "./index25.js";
-/* empty css        */
-import h from "./index129.js";
-/* empty css         */
-import v from "./index61.js";
-/* empty css        */
-const z = { class: "bb-confirm__content" }, N = {
-  key: 0,
-  class: "bb-confirm__spinner"
-}, w = {
-  key: 1,
-  class: "bb-confirm__text"
-}, F = /* @__PURE__ */ g({
-  __name: "BbConfirm",
-  setup(T) {
-    const B = (m) => {
-      l(m);
-    };
-    return (m, n) => {
-      var u, f, d, _;
-      return r(), i($, {
-        "model-value": e(t).processing,
-        "overlay-classes": [
-          "bb-confirm",
-          `bb-confirm--${((u = e(t).current) == null ? void 0 : u.theme) || "default"}`
-        ],
-        persistent: e(t).yesBusy || e(t).noBusy || e(t).loading,
-        "show-close": !(e(t).yesBusy || e(t).noBusy || e(t).loading),
-        size: (f = e(t).current) == null ? void 0 : f.size,
-        title: (d = e(t).current) == null ? void 0 : d.title,
-        "onUpdate:modelValue": B
-      }, x({
-        default: s(() => [
-          C("div", z, [
-            e(t).loading ? (r(), b("div", N, [
-              V(h, { size: "36" })
-            ])) : e(t).current ? (r(), b("div", w, a(e(t).current.text), 1)) : c("", !0)
-          ])
-        ]),
-        _: 2
-      }, [
-        ((_ = e(t).current) == null ? void 0 : _.actions) !== !1 && !e(t).loading ? {
-          name: "footer",
-          fn: s(() => {
-            var p, y;
-            return [
-              ((p = e(t).current) == null ? void 0 : p.no) !== !1 ? (r(), i(v, {
-                key: 0,
-                "auto-loading": "",
-                class: "bb-confirm__no",
-                inert: e(t).yesBusy,
-                onClick: n[0] || (n[0] = (o) => e(l)(!1))
-              }, {
-                default: s(() => {
-                  var o;
-                  return [
-                    k(a((o = e(t).current) == null ? void 0 : o.noText), 1)
-                  ];
-                }),
-                _: 1
-              }, 8, ["inert"])) : c("", !0),
-              ((y = e(t).current) == null ? void 0 : y.yes) !== !1 ? (r(), i(v, {
-                key: 1,
-                "auto-loading": "",
-                class: "bb-confirm__yes",
-                inert: e(t).noBusy,
-                onClick: n[1] || (n[1] = (o) => e(l)(!0))
-              }, {
-                default: s(() => {
-                  var o;
-                  return [
-                    k(a((o = e(t).current) == null ? void 0 : o.yesText), 1)
-                  ];
-                }),
-                _: 1
-              }, 8, ["inert"])) : c("", !0)
-            ];
-          }),
-          key: "0"
-        } : void 0
-      ]), 1032, ["model-value", "overlay-classes", "persistent", "show-close", "size", "title"]);
-    };
+import { defineComponent as p, ref as o, watch as d, computed as m, createBlock as n, openBlock as s, resolveDynamicComponent as r, normalizeProps as b, guardReactiveProps as f, withCtx as u, normalizeStyle as v, renderSlot as y, createCommentVNode as g } from "vue";
+const B = /* @__PURE__ */ p({
+  __name: "BbCollapsible",
+  props: {
+    eager: { type: Boolean },
+    transitionDuration: { default: 250 },
+    modelValue: { type: Boolean },
+    tag: { default: "div" }
+  },
+  setup(i) {
+    const l = i, c = o(l.modelValue), t = o(c.value);
+    d(
+      () => l.modelValue,
+      (e) => {
+        e && !t.value && (t.value = !0);
+      }
+    );
+    const a = m(() => ({
+      class: {
+        "bb-collapsible": !0,
+        "bb-collapsible--open": l.modelValue,
+        "bb-collapsible--closed": !l.modelValue
+      },
+      style: {
+        transitionDuration: l.transitionDuration + "ms"
+      }
+    }));
+    return (e, V) => (s(), n(r(e.tag), b(f(a.value)), {
+      default: u(() => [
+        (s(), n(r(e.tag), {
+          class: "bb-collapsible__content",
+          style: v(a.value.style)
+        }, {
+          default: u(() => [
+            e.eager || t.value ? y(e.$slots, "default", { key: 0 }) : g("", !0)
+          ]),
+          _: 3
+        }, 8, ["style"]))
+      ]),
+      _: 3
+    }, 16));
   }
 });
 export {
-  F as default
+  B as default
 };

package/dist/index7.js

@@ -1,5 +1,5 @@
-import { getAsPercentage as p } from "./index131.js";
-import { wait as w } from "./index130.js";
+import { getAsPercentage as p } from "./index136.js";
+import { wait as w } from "./index135.js";
 import { ref as c, computed as o, onBeforeUnmount as H } from "vue";
 const Y = ({
   duration: t,

package/dist/index71.js

@@ -1,12 +1,11 @@
-import { defineComponent as u, ref as c, computed as f, openBlock as b, createBlock as h, withCtx as o, renderSlot as a, normalizeProps as v, guardReactiveProps as y, createVNode as w, mergeProps as g } from "vue";
-import B from "./index23.js";
-/* empty css        */
+import { defineComponent as c, ref as b, computed as h, createBlock as f, openBlock as y, withCtx as a, createVNode as v, mergeProps as B, renderSlot as l, normalizeProps as w, guardReactiveProps as g } from "vue";
 import $ from "./index27.js";
 /* empty css        */
-const E = /* @__PURE__ */ u({
-  __name: "BbDatePickerInput",
+import k from "./index15.js";
+/* empty css        */
+const E = /* @__PURE__ */ c({
+  __name: "BbColorInput",
   props: {
-    allowWriting: { type: [Boolean, String], default: !0 },
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
@@ -15,7 +14,6 @@ const E = /* @__PURE__ */ u({
     direction: {},
     disabled: { type: Boolean },
     errors: {},
-    firstDayOfWeek: {},
     hasErrors: { type: Boolean },
     hideLabel: { type: Boolean },
     hint: {},
@@ -23,36 +21,35 @@ const E = /* @__PURE__ */ u({
     label: {},
     labelPosition: {},
     loading: { type: Boolean },
-    max: {},
-    min: {},
     modelValue: {},
     name: {},
     persistentHint: { type: Boolean },
     placeholder: {},
     "prepend:icon": {},
-    range: { type: Boolean },
     readonly: { type: Boolean },
     required: { type: Boolean },
-    reverse: { type: Boolean },
-    selectable: {},
-    width: {}
+    reverse: { type: Boolean }
   },
-  emits: ["active", "error", "focus", "inactive", "update:modelValue"],
-  setup(i, { emit: p }) {
-    const s = i, r = p, l = c(!1), t = f(() => s.persistentHint || l.value), d = {
-      onError: (e) => r("error", e),
-      onFocus: (e) => r("focus", e),
-      onActive: () => {
-        l.value = !0, r("active");
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(s, { emit: i }) {
+    const r = s, o = i, n = b(!1), d = h(() => r.persistentHint || n.value), t = {
+      onBlur: (e) => {
+        n.value = !1, o("blur", e);
       },
-      onInactive: () => {
-        l.value = !1, r("inactive");
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => {
+        n.value = !0, o("focus", e);
       },
-      "onUpdate:modelValue": (e) => r("update:modelValue", e)
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
-    return (e, k) => (b(), h($, {
+    return (e, V) => (y(), f($, {
       id: e.id,
-      class: "bb-date-picker-input",
+      class: "bb-color-input",
       compact: e.compact,
       direction: e.direction,
       errors: e.errors,
@@ -64,56 +61,50 @@ const E = /* @__PURE__ */ u({
       "model-value": e.modelValue,
       name: e.name,
       reverse: e.reverse,
-      "show-hint": t.value
+      "show-hint": d.value
     }, {
-      label: o((n) => [
-        a(e.$slots, "label", v(y(n)))
+      label: a((p) => [
+        l(e.$slots, "label", w(g(p)))
       ]),
-      input: o(({ id: n, hasErrors: m }) => [
-        w(B, g({
-          id: n,
-          "allow-writing": e.allowWriting,
-          "append:icon": e.$props["append:icon"],
+      input: a(({ id: p, hasErrors: u, ariaDescribedby: m }) => [
+        v(k, B({
+          id: p,
+          "append:icon": r["append:icon"],
+          "aria-describedby": m,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
           clearable: e.clearable,
           compact: e.compact,
           disabled: e.disabled,
-          "first-day-of-week": e.firstDayOfWeek,
-          "has-errors": m,
+          "has-errors": u,
           loading: e.loading,
-          max: e.max,
-          min: e.min,
           "model-value": e.modelValue,
           name: e.name,
           placeholder: e.placeholder,
-          "prepend:icon": e.$props["prepend:icon"],
-          range: e.range,
+          "prepend:icon": r["prepend:icon"],
           readonly: e.readonly,
-          required: e.required,
-          selectable: e.selectable,
-          width: e.width
-        }, d), {
-          "prepend-outer": o(() => [
-            a(e.$slots, "prepend-outer")
+          required: e.required
+        }, t), {
+          "append-outer": a(() => [
+            l(e.$slots, "append-outer")
           ]),
-          prepend: o(() => [
-            a(e.$slots, "prepend")
+          append: a(() => [
+            l(e.$slots, "append")
           ]),
-          prefix: o(() => [
-            a(e.$slots, "prefix")
+          prefix: a(() => [
+            l(e.$slots, "prefix")
           ]),
-          suffix: o(() => [
-            a(e.$slots, "suffix")
+          suffix: a(() => [
+            l(e.$slots, "suffix")
           ]),
-          append: o(() => [
-            a(e.$slots, "append")
+          prepend: a(() => [
+            l(e.$slots, "prepend")
           ]),
-          "append-outer": o(() => [
-            a(e.$slots, "append-outer")
+          "prepend-outer": a(() => [
+            l(e.$slots, "prepend-outer")
           ]),
           _: 2
-        }, 1040, ["id", "allow-writing", "append:icon", "autocomplete", "autofocus", "clearable", "compact", "disabled", "first-day-of-week", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "range", "readonly", "required", "selectable", "width"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required"])
       ]),
       _: 3
     }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));

package/dist/index73.js

@@ -1,60 +1,89 @@
-import { defineComponent as d, computed as u, openBlock as m, createBlock as f, mergeProps as y, withCtx as l, renderSlot as t, normalizeProps as a, guardReactiveProps as r } from "vue";
+import { defineComponent as g, createBlock as i, openBlock as r, unref as e, createSlots as x, withCtx as s, createElementVNode as C, createElementBlock as b, createCommentVNode as a, createVNode as V, toDisplayString as c, createTextVNode as k } from "vue";
+import { state as t, processMessage as l } from "./index6.js";
 import $ from "./index25.js";
 /* empty css        */
-const g = /* @__PURE__ */ d({
-  __name: "BbDialog",
-  props: {
-    closeLabel: {},
-    compact: { type: Boolean },
-    disabled: { type: Boolean },
-    eager: { type: Boolean },
-    panelClasses: {},
-    overlayClasses: {},
-    persistent: { type: Boolean },
-    showClose: { type: Boolean, default: !0 },
-    title: {},
-    transition: {},
-    transitionDuration: {},
-    size: {},
-    description: {},
-    focusTarget: {},
-    fullscreen: { type: [Boolean, String] },
-    modelValue: { type: [Boolean, null] }
-  },
-  emits: ["shown", "hidden", "update:modelValue"],
-  setup(i) {
-    const n = i, p = u(() => {
-      let e = ["bb-dialog"];
-      return n.overlayClasses && (e = e.concat(n.overlayClasses)), e;
-    });
-    return (e, s) => (m(), f($, y(e.$props, {
-      "overlay-classes": p.value,
-      onHidden: s[0] || (s[0] = () => e.$emit("hidden")),
-      onShown: s[1] || (s[1] = () => e.$emit("shown")),
-      "onUpdate:modelValue": s[2] || (s[2] = (o) => e.$emit("update:modelValue", o))
-    }), {
-      close: l((o) => [
-        t(e.$slots, "close", a(r(o)))
-      ]),
-      default: l((o) => [
-        t(e.$slots, "default", a(r(o)))
-      ]),
-      description: l((o) => [
-        t(e.$slots, "description", a(r(o)))
-      ]),
-      footer: l((o) => [
-        t(e.$slots, "footer", a(r(o)))
-      ]),
-      header: l((o) => [
-        t(e.$slots, "header", a(r(o)))
-      ]),
-      title: l((o) => [
-        t(e.$slots, "title", a(r(o)))
-      ]),
-      _: 3
-    }, 16, ["overlay-classes"]));
+import h from "./index113.js";
+/* empty css         */
+import v from "./index61.js";
+/* empty css        */
+const z = { class: "bb-confirm__content" }, N = {
+  key: 0,
+  class: "bb-confirm__spinner"
+}, w = {
+  key: 1,
+  class: "bb-confirm__text"
+}, F = /* @__PURE__ */ g({
+  __name: "BbConfirm",
+  setup(T) {
+    const B = (m) => {
+      l(m);
+    };
+    return (m, n) => {
+      var u, f, d, _;
+      return r(), i($, {
+        "model-value": e(t).processing,
+        "overlay-classes": [
+          "bb-confirm",
+          `bb-confirm--${((u = e(t).current) == null ? void 0 : u.theme) || "default"}`
+        ],
+        persistent: e(t).yesBusy || e(t).noBusy || e(t).loading,
+        "show-close": !(e(t).yesBusy || e(t).noBusy || e(t).loading),
+        size: (f = e(t).current) == null ? void 0 : f.size,
+        title: (d = e(t).current) == null ? void 0 : d.title,
+        "onUpdate:modelValue": B
+      }, x({
+        default: s(() => [
+          C("div", z, [
+            e(t).loading ? (r(), b("div", N, [
+              V(h, { size: "36" })
+            ])) : e(t).current ? (r(), b("div", w, c(e(t).current.text), 1)) : a("", !0)
+          ])
+        ]),
+        _: 2
+      }, [
+        ((_ = e(t).current) == null ? void 0 : _.actions) !== !1 && !e(t).loading ? {
+          name: "footer",
+          fn: s(() => {
+            var p, y;
+            return [
+              ((p = e(t).current) == null ? void 0 : p.no) !== !1 ? (r(), i(v, {
+                key: 0,
+                "auto-loading": "",
+                class: "bb-confirm__no",
+                inert: e(t).yesBusy,
+                onClick: n[0] || (n[0] = (o) => e(l)(!1))
+              }, {
+                default: s(() => {
+                  var o;
+                  return [
+                    k(c((o = e(t).current) == null ? void 0 : o.noText), 1)
+                  ];
+                }),
+                _: 1
+              }, 8, ["inert"])) : a("", !0),
+              ((y = e(t).current) == null ? void 0 : y.yes) !== !1 ? (r(), i(v, {
+                key: 1,
+                "auto-loading": "",
+                class: "bb-confirm__yes",
+                inert: e(t).noBusy,
+                onClick: n[1] || (n[1] = (o) => e(l)(!0))
+              }, {
+                default: s(() => {
+                  var o;
+                  return [
+                    k(c((o = e(t).current) == null ? void 0 : o.yesText), 1)
+                  ];
+                }),
+                _: 1
+              }, 8, ["inert"])) : a("", !0)
+            ];
+          }),
+          key: "0"
+        } : void 0
+      ]), 1032, ["model-value", "overlay-classes", "persistent", "show-close", "size", "title"]);
+    };
   }
 });
 export {
-  g as default
+  F as default
 };