bitboss-ui 2.0.38 → 2.0.40

package/dist/index45.js

@@ -1,122 +1,212 @@
-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 "./index223.js";
-import E from "./index221.js";
+import { defineComponent as Y, ref as r, computed as k, toRef as B, openBlock as m, createBlock as C, normalizeClass as x, withCtx as a, renderSlot as u, 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 s, withKeys as y, vModelDynamic as ie, nextTick as re } from "vue";
+/* empty css       */
+/* empty css       */
+import ue from "./index127.js";
 /* empty css         */
-import G from "./index123.js";
+import { isNotNil as se } from "./index134.js";
+import { last as de } from "./index225.js";
+import { useOptions as pe } from "./index207.js";
+import ce from "./index243.js";
 /* empty css         */
-const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "rows", "value"], z = /* @__PURE__ */ w({
-  __name: "BaseTextarea",
+import fe from "./index245.js";
+/* empty css         */
+import me from "./index235.js";
+/* empty css         */
+import ve from "./index237.js";
+const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Ne = /* @__PURE__ */ Y({
+  __name: "BaseTag",
   props: {
     "append:icon": {},
     ariaDescribedby: {},
     autocomplete: {},
-    autoGrow: { type: Boolean },
     autofocus: {},
+    comma: { type: Boolean },
     disabled: { type: Boolean },
+    divider: { default: "Enter" },
     hasErrors: { type: Boolean },
     id: {},
     loading: { type: Boolean },
     modelValue: {},
+    multiple: { type: Boolean, default: !0 },
     name: {},
     placeholder: {},
     "prepend:icon": {},
     readonly: {},
-    required: { type: Boolean },
-    rows: {}
+    required: { type: Boolean }
   },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(d, { emit: p }) {
-    const o = d, a = p;
-    if (o.rows && o.autoGrow)
-      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(() => ({
-      "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
-    })), m = u(
-      () => o.modelValue ? o.modelValue : ""
-    );
-    y(() => {
-      o.autoGrow && o.modelValue && l();
-    }), V(
-      () => o.modelValue,
-      () => {
-        o.autoGrow && k(l);
+  emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
+  setup(I, { emit: D }) {
+    const t = I, l = D;
+    if (t.multiple && !Array.isArray(t.modelValue))
+      throw new Error('Multiple is set to "true" but modelValue is not an array.');
+    const b = r(null), T = r(null), L = k(() => t.placeholder), V = r(null), w = r(null), i = k(
+      () => t.comma ? V.value : w.value
+    ), d = r(null), E = () => {
+      d.value instanceof HTMLInputElement && d.value.focus();
+    }, K = !t.multiple && se(t.modelValue) || t.multiple && !!t.modelValue.length, N = r([]), {
+      query: o,
+      alignQueryToState: q,
+      addCurrentQueryToManualItems: A,
+      selectedOptions: p,
+      selectOption: M,
+      unselectOption: P,
+      valueIsSelected: _,
+      manualItems: S
+    } = pe({
+      emit: l,
+      itemText: void 0,
+      itemValue: void 0,
+      modelValue: B(t, "modelValue"),
+      multiple: t.multiple,
+      resetQueryOnOptionSelected: !0,
+      stash: !1,
+      items: B(t, "modelValue"),
+      enforceCoherence: !1,
+      prefill: K,
+      modelValueDebounceTime: 0,
+      dependencies: N,
+      depsDebounceTime: 0,
+      queryDebounceTime: 0,
+      disabled: B(t, "disabled")
+    }), g = r(!1), F = () => {
+      g.value = !0;
+    }, H = () => {
+      g.value = !1, l("inactive");
+    }, h = k(() => !(t.readonly || t.disabled || !i.value && t.multiple)), Q = (e) => {
+      var n;
+      h.value && (!t.multiple || o.value || (e.preventDefault(), p.value.length && ((n = i.value) == null || n.focusPrevious())));
+    }, R = (e) => {
+      var n;
+      h.value && (!t.multiple || o.value || (e.preventDefault(), p.value.length && ((n = i.value) == null || n.focusNext())));
+    }, U = async () => {
+      var e, n;
+      !h.value || o.value || !p.value.length || ((e = i.value) != null && e.getHighlighted() && i.value.confirmOption(), await re(), (n = i.value) == null || n.focusPrevious());
+    }, z = () => {
+      var e;
+      (e = i.value) == null || e.blur();
+    }, Z = async (e) => {
+      var n;
+      if (l("keyup", e), t.readonly || t.disabled) {
+        e.preventDefault();
+        return;
+      }
+      if (/^[A-Za-z0-9]$/.test(e.key) && ((n = i.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 f = o.value.split(t.divider)[0];
+          if (f)
+            o.value = f;
+          else {
+            o.value = "";
+            return;
+          }
+        }
+        if (!o.value) return;
+        _(o.value) ? (l("duplicate", o.value), o.value = "") : (A(), j(de(S.value)));
       }
-    );
-    function b(e) {
-      if (e.stopPropagation(), e.target instanceof HTMLTextAreaElement) {
-        let s = e.target.value;
-        a("input", e), a("update:modelValue", s || null);
+    }, j = (e) => {
+      M(e), E(), t.multiple || close();
+    }, G = (e) => {
+      P(e), E();
+    }, J = (e) => {
+      l("focus", e), F(), document.addEventListener("click", c), document.addEventListener("focusin", c);
+    }, W = (e) => {
+      l("click", e), !(t.disabled || t.readonly) && d.value instanceof HTMLElement && d.value.focus();
+    }, c = async (e) => {
+      if (e.target instanceof Node && b.value && !b.value.$el.contains(e.target)) {
+        close(), H(), document.removeEventListener("click", c), document.removeEventListener("focusin", c), q();
+        return;
       }
-    }
-    function f(e) {
-      e.stopPropagation(), e.target instanceof HTMLTextAreaElement && a("keydown", e);
-    }
-    const h = {
-      onBlur: (e) => a("blur", e),
-      onChange: (e) => a("change", e),
-      onClick: (e) => a("click", e),
-      onFocus: (e) => a("focus", e),
-      onMousedown: (e) => a("mousedown", e),
-      onMouseup: (e) => a("mouseup", e)
+    }, X = {
+      onBlur: (e) => l("blur", e),
+      onChange: (e) => l("change", e),
+      onKeydown: (e) => l("keydown", e),
+      onInput: (e) => l("input", e)
     };
-    function l() {
-      n.value && (n.value.style.height = "0px", n.value.style.height = `${n.value.scrollHeight}px`);
-    }
-    return (e, s) => (x(), B(v, {
-      class: $(c.value)
+    return (e, n) => (m(), C(ve, {
+      ref_key: "outerContainer",
+      ref: b,
+      class: x({
+        "bb-base-tag": !0,
+        "bb-base-tag--active": g.value,
+        "bb-base-tag--disabled": e.disabled,
+        "bb-base-tag--loading": e.loading,
+        "bb-base-tag--errors": e.hasErrors,
+        "bb-base-tag--readonly": e.readonly
+      }),
+      onClick: W
     }, {
-      "prepend-outer": r(() => [
-        t(e.$slots, "prepend-outer")
+      "prepend-outer": a(() => [
+        u(e.$slots, "prepend-outer")
       ]),
-      "append-outer": r(() => [
-        t(e.$slots, "append-outer")
+      "append-outer": a(() => [
+        u(e.$slots, "append-outer")
       ]),
-      default: r(() => [
-        i(E, {
-          "append:icon": o["append:icon"],
-          "prepend:icon": o["prepend:icon"]
+      default: a(() => [
+        O(me, {
+          ref_key: "innerContainer",
+          ref: T,
+          "append:icon": t["append:icon"],
+          "prepend:icon": t["prepend:icon"],
+          "prevent-focus": !0
         }, {
-          prepend: r(() => [
-            t(e.$slots, "prepend")
+          prepend: a(() => [
+            u(e.$slots, "prepend")
           ]),
-          prefix: r(() => [
-            t(e.$slots, "prefix")
+          prefix: a(() => [
+            u(e.$slots, "prefix")
           ]),
-          append: r(() => [
-            t(e.$slots, "append")
+          append: a(() => [
+            u(e.$slots, "append")
           ]),
-          suffix: r(() => [
-            t(e.$slots, "suffix")
+          suffix: a(() => [
+            u(e.$slots, "suffix")
           ]),
-          default: r(() => [
-            i(G, null, {
-              default: r(() => [
-                C("textarea", T({
-                  id: e.id,
-                  ref_key: "textarea",
-                  ref: n,
-                  "aria-describedby": e.ariaDescribedby,
-                  autocomplete: e.autocomplete,
-                  autofocus: e.autofocus,
-                  class: "bb-base-textarea__input scrollbar-border",
-                  disabled: e.disabled,
-                  name: e.name,
-                  placeholder: e.placeholder,
-                  readonly: e.readonly,
-                  required: e.required,
-                  rows: e.rows,
-                  value: m.value
-                }, h, {
-                  onInput: b,
-                  onKeydown: f
-                }), null, 16, M)
+          default: a(() => [
+            O(v(ue), { tag: "span" }, {
+              default: a(() => [
+                $("span", ye, [
+                  e.multiple ? (m(), ee(te, { key: 0 }, [
+                    e.comma ? (m(), C(fe, {
+                      key: 0,
+                      ref_key: "commaBox",
+                      ref: V,
+                      options: v(p)
+                    }, null, 8, ["options"])) : (m(), C(ce, {
+                      key: 1,
+                      ref_key: "chipsBox",
+                      ref: w,
+                      options: v(p),
+                      "onOption:unselected": G
+                    }, null, 8, ["options"]))
+                  ], 64)) : oe("", !0),
+                  ne($("input", le({
+                    id: e.id,
+                    ref_key: "input",
+                    ref: d
+                  }, X, {
+                    "onUpdate:modelValue": n[0] || (n[0] = (f) => ae(o) ? o.value = f : null),
+                    "aria-describedby": e.ariaDescribedby,
+                    autocomplete: e.autocomplete,
+                    autofocus: e.autofocus,
+                    class: "bb-base-tag__text-input",
+                    disabled: e.disabled,
+                    "enter-key-hint": "next",
+                    placeholder: L.value,
+                    readonly: e.readonly,
+                    required: e.required && !e.multiple || e.multiple && !e.modelValue.length,
+                    type: "text",
+                    onFocus: s(J, ["stop"]),
+                    onKeydown: [
+                      y(s(U, ["stop"]), ["delete"]),
+                      y(s(Q, ["stop"]), ["left"]),
+                      y(s(z, ["stop", "prevent"]), ["esc"]),
+                      y(s(R, ["stop"]), ["right"])
+                    ],
+                    onKeyup: s(Z, ["stop"])
+                  }), null, 16, be), [
+                    [ie, v(o)]
+                  ])
+                ])
               ]),
               _: 1
             })
@@ -129,5 +219,5 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
   }
 });
 export {
-  z as default
+  Ne as default
 };

package/dist/index47.js

@@ -1,13 +1,16 @@
-import { defineComponent as i, computed as c, openBlock as m, createElementBlock as b, Fragment as f, createVNode as r, normalizeClass as y, withCtx as n, renderSlot as t, createElementVNode as p, mergeProps as h } from "vue";
-import g from "./index221.js";
+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 "./index237.js";
+import E from "./index235.js";
 /* empty css         */
-import B from "./index223.js";
-const k = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], w = /* @__PURE__ */ p("span", null, null, -1), q = /* @__PURE__ */ i({
-  __name: "BaseTextInput",
+import G from "./index127.js";
+/* empty css         */
+const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "rows", "value"], z = /* @__PURE__ */ w({
+  __name: "BaseTextarea",
   props: {
     "append:icon": {},
     ariaDescribedby: {},
     autocomplete: {},
+    autoGrow: { type: Boolean },
     autofocus: {},
     disabled: { type: Boolean },
     hasErrors: { type: Boolean },
@@ -19,83 +22,112 @@ const k = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     "prepend:icon": {},
     readonly: {},
     required: { type: Boolean },
-    type: { default: "text" }
+    rows: {}
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(s, { emit: l }) {
-    const a = s, o = l, d = 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
-    })), u = {
-      onBlur: (e) => o("blur", e),
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => o("focus", e),
-      onKeydown: (e) => o("keydown", e),
-      onInput: (e) => {
-        e.target instanceof HTMLInputElement && o("update:modelValue", e.target.value || null), o("input", e);
-      },
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e)
+  setup(d, { emit: p }) {
+    const o = d, a = p;
+    if (o.rows && o.autoGrow)
+      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(() => ({
+      "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
+    })), m = u(
+      () => o.modelValue ? o.modelValue : ""
+    );
+    y(() => {
+      o.autoGrow && o.modelValue && l();
+    }), V(
+      () => o.modelValue,
+      () => {
+        o.autoGrow && k(l);
+      }
+    );
+    function b(e) {
+      if (e.stopPropagation(), e.target instanceof HTMLTextAreaElement) {
+        let s = e.target.value;
+        a("input", e), a("update:modelValue", s || null);
+      }
+    }
+    function f(e) {
+      e.stopPropagation(), e.target instanceof HTMLTextAreaElement && a("keydown", e);
+    }
+    const h = {
+      onBlur: (e) => a("blur", e),
+      onChange: (e) => a("change", e),
+      onClick: (e) => a("click", e),
+      onFocus: (e) => a("focus", e),
+      onMousedown: (e) => a("mousedown", e),
+      onMouseup: (e) => a("mouseup", e)
     };
-    return (e, C) => (m(), b(f, null, [
-      r(B, {
-        class: y(d.value)
-      }, {
-        "prepend-outer": n(() => [
-          t(e.$slots, "prepend-outer")
-        ]),
-        "append-outer": n(() => [
-          t(e.$slots, "append-outer")
-        ]),
-        default: n(() => [
-          r(g, {
-            "append:icon": a["append:icon"],
-            "prepend:icon": a["prepend:icon"]
-          }, {
-            prepend: n(() => [
-              t(e.$slots, "prepend")
-            ]),
-            prefix: n(() => [
-              t(e.$slots, "prefix")
-            ]),
-            append: n(() => [
-              t(e.$slots, "append")
-            ]),
-            suffix: n(() => [
-              t(e.$slots, "suffix")
-            ]),
-            default: n(() => [
-              p("input", h({
-                id: e.id,
-                ref: "input",
-                "aria-describedby": e.ariaDescribedby,
-                "aria-invalid": e.hasErrors ? !0 : void 0,
-                autocomplete: e.autocomplete,
-                autofocus: e.autofocus,
-                class: "bb-base-text-input__input",
-                disabled: e.disabled,
-                name: e.name,
-                placeholder: e.placeholder,
-                readonly: e.readonly,
-                required: e.required,
-                size: "1",
-                type: e.type,
-                value: e.modelValue
-              }, u), null, 16, k)
-            ]),
-            _: 3
-          }, 8, ["append:icon", "prepend:icon"])
-        ]),
-        _: 3
-      }, 8, ["class"]),
-      w
-    ], 64));
+    function l() {
+      n.value && (n.value.style.height = "0px", n.value.style.height = `${n.value.scrollHeight}px`);
+    }
+    return (e, s) => (x(), B(v, {
+      class: $(c.value)
+    }, {
+      "prepend-outer": r(() => [
+        t(e.$slots, "prepend-outer")
+      ]),
+      "append-outer": r(() => [
+        t(e.$slots, "append-outer")
+      ]),
+      default: r(() => [
+        i(E, {
+          "append:icon": o["append:icon"],
+          "prepend:icon": o["prepend:icon"]
+        }, {
+          prepend: r(() => [
+            t(e.$slots, "prepend")
+          ]),
+          prefix: r(() => [
+            t(e.$slots, "prefix")
+          ]),
+          append: r(() => [
+            t(e.$slots, "append")
+          ]),
+          suffix: r(() => [
+            t(e.$slots, "suffix")
+          ]),
+          default: r(() => [
+            i(G, null, {
+              default: r(() => [
+                C("textarea", T({
+                  id: e.id,
+                  ref_key: "textarea",
+                  ref: n,
+                  "aria-describedby": e.ariaDescribedby,
+                  autocomplete: e.autocomplete,
+                  autofocus: e.autofocus,
+                  class: "bb-base-textarea__input scrollbar-border",
+                  disabled: e.disabled,
+                  name: e.name,
+                  placeholder: e.placeholder,
+                  readonly: e.readonly,
+                  required: e.required,
+                  rows: e.rows,
+                  value: m.value
+                }, h, {
+                  onInput: b,
+                  onKeydown: f
+                }), null, 16, M)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        }, 8, ["append:icon", "prepend:icon"])
+      ]),
+      _: 3
+    }, 8, ["class"]));
   }
 });
 export {
-  q as default
+  z as default
 };