@vue-interface/tag-field 1.0.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2025 Justin Kimbrell
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,43 @@
+# Searchable Select Field
+
+The `tag-field` component provides flexible and customizable searchable input field with tags that have customizable sizes, states, and colors.
+
+## Installation
+
+```bash
+pnpm i @vue-interface/tag-field
+```
+
+```bash
+yarn add @vue-interface/tag-field
+```
+
+```bash
+npm i @vue-interface/tag-field
+```
+
+```bash
+bun i @vue-interface/tag-field
+```
+
+## Basic Usage
+
+```vue
+<TagField v-model="selected" :options="languages"></TagField>
+<TagField :options="options" placeholder="Type to search..." label="Placeholder"></TagField>
+<TagField :options="options" label="Descriptive Text Field" help-text="Some helpful text goes here."></TagField>
+<TagField :options="options" label="Readonly" placeholder="Type something here..." readonly></TagField>
+<TagField :options="options" label="Disabled" disabled></TagField>
+<TagField :options="options" placeholder="Disabled" label="Disabled (Placeholder)" disabled></TagField>
+<TagField :options="options" label="Clearable" placeholder="Clearable" clearable></TagField>
+```
+
+Use the `plaintext` prop to use a plaintext version.
+
+```vue
+<TagField :options="options" placeholder="Click to search..." :model-value="['Tag']" label="Plaintext" plaintext></TagField>
+<TagField :options="options" label="Plaintext Readonly" :model-value="['Tag']" plaintext readonly></TagField>
+<TagField :options="options" label="Plaintext Disabled" :model-value="['Tag']" plaintext disabled></TagField>
+``
+
+For more comprehensive documentation and examples, please visit the [online documentation](https://vue-interface.github.io/packages/tag-field/).

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { default as TagField } from './src/TagField.vue';
+export * from './src/TagField.vue';
+export { TagField };

package/dist/src/TagField.vue.d.ts

@@ -0,0 +1,114 @@
+import { FormControlProps, FormControlSlots } from '@vue-interface/form-control';
+import { IFuseOptions } from 'fuse.js';
+import { HTMLAttributes } from 'vue';
+export type TagFieldSizePrefix = 'form-control';
+export type TagFieldProps<T, Value> = /* @vue-ignore */ FormControlProps<HTMLAttributes, TagFieldSizePrefix, T[], Value[]> & {
+    options?: T[];
+    fuseOptions?: IFuseOptions<T>;
+    display?: (option: T) => string;
+    format?: (value: string) => T;
+    allowCustom?: boolean;
+    addTagLabel?: string;
+    noResultsText?: string;
+    showNoResults?: boolean;
+    clearable?: boolean;
+};
+declare const _default: <T, Value>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onInput?: ((event: Event) => any) | undefined;
+        readonly onSelect?: ((event: Event) => any) | undefined;
+        readonly onClick?: ((event: MouseEvent) => any) | undefined;
+        readonly onSubmit?: ((event: Event) => any) | undefined;
+        readonly onReset?: ((event: Event) => any) | undefined;
+        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+        readonly onFocusin?: ((event: FocusEvent) => any) | undefined;
+        readonly onFocusout?: ((event: FocusEvent) => any) | undefined;
+        readonly onDoubleclick?: ((event: MouseEvent) => any) | undefined;
+        readonly onContextmenu?: ((event: MouseEvent) => any) | undefined;
+        readonly onMousedown?: ((event: MouseEvent) => any) | undefined;
+        readonly onMouseup?: ((event: MouseEvent) => any) | undefined;
+        readonly onMouseover?: ((event: MouseEvent) => any) | undefined;
+        readonly onMouseout?: ((event: MouseEvent) => any) | undefined;
+        readonly onMouseenter?: ((event: MouseEvent) => any) | undefined;
+        readonly onMouseleave?: ((event: MouseEvent) => any) | undefined;
+        readonly onMousemove?: ((event: MouseEvent) => any) | undefined;
+        readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        readonly onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+        readonly onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+        readonly onSelectionchange?: ((event: Event) => any) | undefined;
+        readonly onInvalid?: ((event: Event) => any) | undefined;
+        readonly onScroll?: ((event: Event) => any) | undefined;
+        readonly onWheel?: ((event: WheelEvent) => any) | undefined;
+        readonly onCopy?: ((event: ClipboardEvent) => any) | undefined;
+        readonly onCut?: ((event: ClipboardEvent) => any) | undefined;
+        readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
+        readonly onTouchstart?: ((event: TouchEvent) => any) | undefined;
+        readonly onTouchend?: ((event: TouchEvent) => any) | undefined;
+        readonly onTouchmove?: ((event: TouchEvent) => any) | undefined;
+        readonly onTouchcancel?: ((event: TouchEvent) => any) | undefined;
+        readonly onChange?: ((event: Event) => any) | undefined;
+        readonly onBeforeinput?: ((event: Event) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onCopy" | "onCut" | "onPaste" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onInput" | "onReset" | "onSubmit" | "onInvalid" | "onKeydown" | "onKeypress" | "onKeyup" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onSelect" | "onScroll" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onClick" | "onContextmenu" | "onWheel" | "onDoubleclick" | "onSelectionchange" | "onUpdate:modelValue"> & ({
+        modelValue?: T[];
+    } & {
+        activity?: boolean;
+        disabled?: boolean;
+        error?: import('@vue-interface/form-control').FormControlErrorProp;
+        errors?: import('@vue-interface/form-control').FormControlErrorPropArray | import('@vue-interface/form-control').FormControlErrorPropRecord;
+        feedback?: import('@vue-interface/form-control').FormControlFeedbackProp;
+        formControlClass?: string;
+        helpText?: string;
+        id?: string;
+        indicator?: import('vue').Component;
+        indicatorSize?: import('@vue-interface/sizeable').ComponentSize<import('@vue-interface/activity-indicator').ActivityIndicatorSizePrefix>;
+        invalid?: boolean;
+        label?: string;
+        labelClass?: string;
+        modelValue?: T[] | undefined;
+        name?: string;
+        plaintext?: boolean;
+        size?: import('@vue-interface/form-control').FormControlSize<"form-control"> | undefined;
+        color?: string;
+        readonly?: boolean;
+        valid?: boolean;
+        value?: Value[] | undefined;
+    } & Omit<HTMLAttributes, "size"> & {
+        options?: T[] | undefined;
+        fuseOptions?: IFuseOptions<T> | undefined;
+        display?: ((option: T) => string) | undefined;
+        format?: ((value: string) => T) | undefined;
+        allowCustom?: boolean;
+        addTagLabel?: string;
+        noResultsText?: string;
+        showNoResults?: boolean;
+        clearable?: boolean;
+    }) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<FormControlSlots<"form-control", T[]> & {
+        default(props: {
+            option: T;
+            display?: (option: T) => string;
+        }): any;
+        'no-results'(props: {
+            input: string | undefined;
+        }): any;
+    }> & FormControlSlots<"form-control", T[]> & {
+        default(props: {
+            option: T;
+            display?: (option: T) => string;
+        }): any;
+        'no-results'(props: {
+            input: string | undefined;
+        }): any;
+    };
+    emit: (((evt: "input", event: Event) => void) & ((evt: "select", event: Event) => void) & ((evt: "click", event: MouseEvent) => void) & ((evt: "submit", event: Event) => void) & ((evt: "reset", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "focusin", event: FocusEvent) => void) & ((evt: "focusout", event: FocusEvent) => void) & ((evt: "doubleclick", event: MouseEvent) => void) & ((evt: "contextmenu", event: MouseEvent) => void) & ((evt: "mousedown", event: MouseEvent) => void) & ((evt: "mouseup", event: MouseEvent) => void) & ((evt: "mouseover", event: MouseEvent) => void) & ((evt: "mouseout", event: MouseEvent) => void) & ((evt: "mouseenter", event: MouseEvent) => void) & ((evt: "mouseleave", event: MouseEvent) => void) & ((evt: "mousemove", event: MouseEvent) => void) & ((evt: "keydown", event: KeyboardEvent) => void) & ((evt: "keyup", event: KeyboardEvent) => void) & ((evt: "keypress", event: KeyboardEvent) => void) & ((evt: "selectionchange", event: Event) => void) & ((evt: "invalid", event: Event) => void) & ((evt: "scroll", event: Event) => void) & ((evt: "wheel", event: WheelEvent) => void) & ((evt: "copy", event: ClipboardEvent) => void) & ((evt: "cut", event: ClipboardEvent) => void) & ((evt: "paste", event: ClipboardEvent) => void) & ((evt: "touchstart", event: TouchEvent) => void) & ((evt: "touchend", event: TouchEvent) => void) & ((evt: "touchmove", event: TouchEvent) => void) & ((evt: "touchcancel", event: TouchEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "beforeinput", event: Event) => void)) & ((evt: "update:modelValue", value: T[]) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/tag-field.js

@@ -0,0 +1,383 @@
+import { openBlock as r, createElementBlock as d, createElementVNode as f, defineComponent as xe, useModel as Be, useTemplateRef as W, ref as B, computed as T, watch as ae, toRaw as Fe, unref as u, onBeforeMount as Ae, onBeforeUnmount as Ke, normalizeClass as L, renderSlot as k, toDisplayString as y, createCommentVNode as h, normalizeProps as F, guardReactiveProps as A, mergeProps as ze, withModifiers as a, Fragment as re, renderList as se, createBlock as R, withCtx as K, createTextVNode as H, createVNode as S, withDirectives as Ie, withKeys as c, vModelText as Oe, Transition as Ve, mergeModels as De } from "vue";
+import { ActivityIndicator as Le } from "@vue-interface/activity-indicator";
+import { Badge as Re } from "@vue-interface/badge";
+import { useFormControl as Se, FormControlErrors as Ne, FormControlFeedback as je } from "@vue-interface/form-control";
+import Pe from "fuse.js";
+import { isEqual as z } from "lodash-es";
+function Ue(I, N) {
+  return r(), d("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    f("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M12 4.5v15m7.5-7.5h-15"
+    })
+  ]);
+}
+function ue(I, N) {
+  return r(), d("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    f("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M6 18 18 6M6 6l12 12"
+    })
+  ]);
+}
+const qe = ["for"], Ge = { class: "form-control-inner" }, Je = { class: "flex flex-wrap gap-2 mr-2 flex-1" }, We = ["placeholder", "onKeydown"], He = { class: "form-control-activity-indicator" }, Qe = {
+  invalid: "",
+  class: "invalid-feedback"
+}, Xe = {
+  valid: "",
+  class: "valid-feedback"
+}, Ye = {
+  key: 0,
+  class: "form-help"
+}, Ze = ["onMouseup"], _e = { class: "truncate" }, et = {
+  key: 1,
+  class: "py-2 px-4 text-neutral-400 dark:text-neutral-500"
+}, st = /* @__PURE__ */ xe({
+  inheritAttrs: !1,
+  __name: "TagField",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: /* @__PURE__ */ De(["blur", "focus", "focusin", "focusout", "click", "doubleclick", "contextmenu", "mousedown", "mouseup", "mouseover", "mouseout", "mouseenter", "mouseleave", "mousemove", "keydown", "keyup", "keypress", "select", "selectionchange", "invalid", "submit", "reset", "scroll", "wheel", "copy", "cut", "paste", "touchstart", "touchend", "touchmove", "touchcancel", "change", "input", "beforeinput"], ["update:modelValue"]),
+  setup(I, { emit: N }) {
+    const s = I, n = Be(I, "modelValue"), ie = N, {
+      controlAttributes: E,
+      formGroupClasses: de,
+      listeners: ve
+    } = Se({ model: n, props: s, emit: ie }), j = W("wrapperEl"), O = W("inputEl"), P = W("tagEl"), l = B(), v = B([]), b = B(!1), i = B(), V = B(s.options), U = T(() => !s.disabled && !s.readonly), q = T(() => s.clearable && (!!l.value || !!n.value?.length) && U.value), ce = T(() => typeof s.options == "object" && s.options?.[0] ? Object.keys(s.options?.[0]) : []), Q = pe(s.options), fe = T(() => b.value && (p.value.length || l.value)), D = T(() => v.value.map((e) => (n.value ?? []).findIndex((t) => z(t, e))));
+    ae(() => s.options, () => {
+      V.value = s.options;
+    }), ae(l, () => {
+      b.value = !0, i.value = void 0, m();
+    });
+    function pe(e) {
+      return new Pe(e, s.fuseOptions ?? {
+        includeScore: !0,
+        threshold: 0.45,
+        keys: ce.value
+      });
+    }
+    const p = T(() => {
+      const e = V.value.filter((t) => !(n.value ?? []).find((o) => z(o, Fe(u(t)))));
+      return l.value ? (Q.setCollection(e), Q.search(l.value).map(({ item: t }) => t)) : e;
+    });
+    function G(e) {
+      const t = s.format?.(e) ?? e;
+      V.value.find((o) => z(o, t)) || (V.value.push(t), M(t), l.value = void 0);
+    }
+    function M(e) {
+      n.value = [...n.value ?? [], e], l.value = void 0, i.value = void 0;
+    }
+    function X(e) {
+      const t = [...n.value ?? []];
+      t.splice(t.indexOf(e), 1), x(e), n.value = t;
+    }
+    function C(e, t = !1) {
+      t || m(e), $(e) ? x(e) : Z(e);
+    }
+    function me(e) {
+      const t = n.value ?? [], o = t.indexOf(e), g = D.value[D.value.length - 1], w = $(e) ? x : Z;
+      if (g === void 0) {
+        C(e);
+        return;
+      }
+      let J = [];
+      o > g ? J = t.slice(g, o + 1) : o < g && (J = t.slice(o, g + 1));
+      for (const Me of J)
+        w(Me);
+    }
+    function ge() {
+      l.value || (v.value = [...n.value ?? []]);
+    }
+    function m(e) {
+      if (!e)
+        v.value = [];
+      else {
+        const t = v.value.filter(
+          (o) => !z(o, e)
+        );
+        for (const o of t)
+          x(o);
+      }
+      Y();
+    }
+    function Y() {
+      if (P.value)
+        for (const e of P.value)
+          e?.$el?.blur();
+    }
+    function $(e) {
+      return !!v.value.find((t) => z(t, e));
+    }
+    function Z(e) {
+      $(e) || v.value.push(e);
+    }
+    function x(e) {
+      $(e) && v.value.splice(v.value.indexOf(e), 1), Y();
+    }
+    function _() {
+      n.value = (n.value ?? []).filter((e) => !$(e)), v.value = [];
+    }
+    function ke() {
+      O.value?.focus(), !l.value && (v.value.length ? _() : n.value?.length && X(n.value[n.value.length - 1]));
+    }
+    function we(e) {
+      i.value !== void 0 ? M(p.value[i.value]) : p.value.length ? M(p.value[0]) : s.allowCustom && l.value && G(l.value), e.preventDefault();
+    }
+    function ye(e) {
+      i.value !== void 0 && (M(p.value[i.value]), e.preventDefault());
+    }
+    function he() {
+      i.value ? i.value-- : i.value = p.value.length - 1;
+    }
+    function be() {
+      i.value === void 0 || i.value === p.value.length - 1 ? i.value = 0 : i.value++;
+    }
+    function ee(e = !1) {
+      if (!n.value?.length || l.value)
+        return;
+      const t = Math.min(...D.value, n.value.length) - 1;
+      n.value[t] ? C(n.value[t], e) : m();
+    }
+    function te(e = !1) {
+      if (!n.value?.length || l.value)
+        return;
+      const t = Math.max(...D.value, -1) + 1;
+      n.value[t] ? C(n.value[t], e) : m();
+    }
+    function Ce() {
+      b.value ? b.value = !1 : m();
+    }
+    function $e() {
+      s.allowCustom && l.value && G(l.value), b.value = !1, m();
+    }
+    function Te() {
+      b.value = !0, m();
+    }
+    function Ee() {
+      l.value && G(l.value);
+    }
+    function oe() {
+      U.value && (l.value = void 0, n.value = []);
+    }
+    function ne(e) {
+      e.target && (j.value == e.target || j.value?.contains(e.target) || m());
+    }
+    function le(e) {
+      switch (e.key) {
+        case "Backspace":
+          v.value.length && (_(), e.preventDefault());
+          break;
+        case "Escape":
+          b.value || m();
+      }
+    }
+    return Ae(() => {
+      document.addEventListener("click", ne), document.addEventListener("keydown", le);
+    }), Ke(() => {
+      document.removeEventListener("click", ne), document.removeEventListener("keydown", le);
+    }), (e, t) => (r(), d("div", {
+      ref_key: "wrapperEl",
+      ref: j,
+      class: L(["tag-field", [u(de), { "has-clear-button": q.value }]])
+    }, [
+      k(e.$slots, "label", {}, () => [
+        e.label ? (r(), d("label", {
+          key: 0,
+          class: L(e.labelClass),
+          for: u(E).id
+        }, y(e.label), 11, qe)) : h("", !0)
+      ]),
+      f("div", Ge, [
+        k(e.$slots, "control", F(A({ controlAttributes: u(E), listeners: u(ve) })), () => [
+          e.$slots.icon ? (r(), d("div", {
+            key: 0,
+            class: "form-control-inner-icon",
+            onClick: t[0] || (t[0] = (o) => O.value?.focus())
+          }, [
+            k(e.$slots, "icon")
+          ])) : h("", !0),
+          f("div", ze(u(E), {
+            class: "form-control flex",
+            onClick: t[8] || (t[8] = a((o) => O.value?.focus(), ["self"]))
+          }), [
+            f("div", Je, [
+              (r(!0), d(re, null, se(n.value, (o, g) => (r(), R(u(Re), {
+                ref_for: !0,
+                ref_key: "tagEl",
+                ref: P,
+                key: `tag-${g}`,
+                tabindex: "-1",
+                size: "badge-[.95em]",
+                class: L(["badge-neutral-100 dark:badge-neutral-500", {
+                  "badge-blue-600!": $(o)
+                }]),
+                closeable: "",
+                onMousedown: t[2] || (t[2] = a(() => {
+                }, ["prevent"])),
+                onClose: (w) => X(o),
+                onFocus: (w) => C(o),
+                onBlur: (w) => x(o),
+                onClick: [
+                  a((w) => C(o, !0), ["exact", "meta"]),
+                  a((w) => C(o), ["exact"]),
+                  a((w) => me(o), ["exact", "shift"])
+                ]
+              }, {
+                "close-icon": K(() => [
+                  S(u(ue), {
+                    class: "size-[1.25em]",
+                    onMousedown: t[1] || (t[1] = a(() => {
+                    }, ["prevent"]))
+                  })
+                ]),
+                default: K(() => [
+                  k(e.$slots, "default", {
+                    option: o,
+                    display: e.display
+                  }, () => [
+                    H(y(e.display?.(o) ?? o), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["class", "onClose", "onFocus", "onBlur", "onClick"]))), 128)),
+              Ie(f("input", {
+                ref_key: "inputEl",
+                ref: O,
+                "onUpdate:modelValue": t[3] || (t[3] = (o) => l.value = o),
+                placeholder: e.placeholder,
+                class: "bg-transparent outline-none flex-1 min-w-0",
+                onKeydown: [
+                  c(a(ke, ["exact"]), ["delete"]),
+                  c(a(ge, ["exact", "meta"]), ["a"]),
+                  c(a(we, ["exact"]), ["enter"]),
+                  c(a(ye, ["exact"]), ["space"]),
+                  c(a(he, ["exact"]), ["arrow-up"]),
+                  c(a(be, ["exact"]), ["arrow-down"]),
+                  t[4] || (t[4] = c(a((o) => ee(), ["exact"]), ["arrow-left"])),
+                  t[5] || (t[5] = c(a((o) => ee(!0), ["exact", "shift"]), ["arrow-left"])),
+                  t[6] || (t[6] = c(a((o) => te(), ["exact"]), ["arrow-right"])),
+                  t[7] || (t[7] = c(a((o) => te(!0), ["exact", "shift"]), ["arrow-right"])),
+                  c(Ce, ["esc"])
+                ],
+                onBlur: $e,
+                onFocus: Te
+              }, null, 40, We), [
+                [Oe, l.value]
+              ])
+            ])
+          ], 16)
+        ]),
+        f("div", He, [
+          k(e.$slots, "activity", F(A({ canClear: q.value, clear: oe, isInteractive: U.value })), () => [
+            q.value ? (r(), d("button", {
+              key: 0,
+              type: "button",
+              class: "tag-field-clear-button",
+              onClick: a(oe, ["stop"])
+            }, [
+              S(u(ue), { class: "size-[1.25em]" })
+            ])) : (r(), R(Ve, {
+              key: 1,
+              name: "tag-field-fade"
+            }, {
+              default: K(() => [
+                e.activity && e.indicator ? (r(), R(u(Le), {
+                  key: "activity",
+                  type: e.indicator,
+                  size: e.indicatorSize
+                }, null, 8, ["type", "size"])) : h("", !0)
+              ]),
+              _: 1
+            }))
+          ])
+        ])
+      ]),
+      k(e.$slots, "errors", F(A({ error: e.error, errors: e.errors, id: u(E).id, name: e.name })), () => [
+        e.error || e.errors ? (r(), R(u(Ne), {
+          key: 0,
+          id: u(E).id,
+          name: e.name,
+          error: e.error,
+          errors: e.errors
+        }, {
+          default: K(({ error: o }) => [
+            f("div", Qe, y(o), 1)
+          ]),
+          _: 1
+        }, 8, ["id", "name", "error", "errors"])) : h("", !0)
+      ]),
+      k(e.$slots, "feedback", F(A({ feedback: e.feedback })), () => [
+        S(u(je), { feedback: e.feedback }, {
+          default: K(({ feedback: o }) => [
+            f("div", Xe, y(o), 1)
+          ]),
+          _: 1
+        }, 8, ["feedback"])
+      ]),
+      k(e.$slots, "help", F(A({ helpText: e.helpText })), () => [
+        e.helpText ? (r(), d("small", Ye, y(e.helpText), 1)) : h("", !0)
+      ]),
+      fe.value ? (r(), d("div", {
+        key: 0,
+        tabindex: "-1",
+        class: "tag-field-dropdown",
+        onMousedown: t[11] || (t[11] = a(() => {
+        }, ["prevent", "stop"]))
+      }, [
+        (r(!0), d(re, null, se(p.value, (o, g) => (r(), d("button", {
+          key: `option-${JSON.stringify(o)}`,
+          type: "button",
+          tabindex: "-1",
+          class: L({
+            "bg-neutral-100 dark:bg-neutral-800": i.value === g
+          }),
+          onMousedown: t[9] || (t[9] = a(() => {
+          }, ["prevent"])),
+          onMouseup: (w) => M(o)
+        }, [
+          f("div", _e, y(e.display?.(o) ?? o), 1)
+        ], 42, Ze))), 128)),
+        e.allowCustom && l.value ? (r(), d("button", {
+          key: 0,
+          class: "flex items-center gap-1",
+          type: "button",
+          onMousedown: t[10] || (t[10] = a(() => {
+          }, ["prevent"])),
+          onMouseup: Ee
+        }, [
+          S(u(Ue), { class: "size-4" }),
+          H(" " + y(e.addTagLabel), 1)
+        ], 32)) : h("", !0),
+        e.showNoResults && !p.value.length && !e.allowCustom ? (r(), d("div", et, [
+          k(e.$slots, "no-results", { input: l.value }, () => [
+            H(y(e.noResultsText), 1)
+          ])
+        ])) : h("", !0)
+      ], 32)) : h("", !0)
+    ], 2));
+  }
+});
+export {
+  st as TagField
+};
+//# sourceMappingURL=tag-field.js.map

package/dist/tag-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-field.js","sources":["../../../node_modules/.pnpm/@heroicons+vue@2.2.0_vue@3.5.27_typescript@5.9.3_/node_modules/@heroicons/vue/24/outline/esm/PlusIcon.js","../../../node_modules/.pnpm/@heroicons+vue@2.2.0_vue@3.5.27_typescript@5.9.3_/node_modules/@heroicons/vue/24/outline/esm/XMarkIcon.js","../src/TagField.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M12 4.5v15m7.5-7.5h-15\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M6 18 18 6M6 6l12 12\"\n    })\n  ]))\n}","<script setup lang=\"ts\" generic=\"T, Value\">\nimport { PlusIcon, XMarkIcon } from '@heroicons/vue/24/outline';\nimport { ActivityIndicator } from '@vue-interface/activity-indicator';\nimport { Badge } from '@vue-interface/badge';\nimport type { FormControlEvents, FormControlProps, FormControlSlots } from '@vue-interface/form-control';\nimport { FormControlErrors, FormControlFeedback, useFormControl } from '@vue-interface/form-control';\nimport type { IFuseOptions } from 'fuse.js';\nimport Fuse from 'fuse.js';\nimport { isEqual } from 'lodash-es';\nimport { type HTMLAttributes, computed, onBeforeMount, onBeforeUnmount, ref, toRaw, unref, useTemplateRef, watch, type Ref } from 'vue';\n\nexport type TagFieldSizePrefix = 'form-control';\n\nexport type TagFieldProps<T, Value> = /* @vue-ignore */ FormControlProps<\n    HTMLAttributes,\n    TagFieldSizePrefix,\n    T[],\n    Value[]\n> & {\n    options?: T[];\n    fuseOptions?: IFuseOptions<T>;\n    display?: (option: T) => string;\n    format?: (value: string) => T;\n    allowCustom?: boolean;\n    addTagLabel?: string;\n    noResultsText?: string;\n    showNoResults?: boolean;\n    clearable?: boolean;\n};\n\nconst props = withDefaults(defineProps<TagFieldProps<T, Value>>(), {\n    formControlClass: 'form-control',\n    labelClass: 'form-label',\n    size: 'form-control-md',\n    allowCustom: false,\n    addTagLabel: 'Add Tag',\n    noResultsText: 'No results found',\n    showNoResults: true,\n    clearable: false,\n    options: () => [],\n});\n\ndefineOptions({\n    inheritAttrs: false\n});\n\nconst model = defineModel<T[]>();\n\ndefineSlots<FormControlSlots<TagFieldSizePrefix, T[]> & {\n    default(props: { option: T; display?: (option: T) => string }): any;\n    'no-results'(props: { input: string | undefined }): any;\n}>();\n\nconst emit = defineEmits<FormControlEvents>();\n\nconst {\n    controlAttributes,\n    formGroupClasses,\n    listeners\n} = useFormControl<HTMLAttributes, TagFieldSizePrefix, T[]|undefined, Value[]>({ model, props, emit });\n\nconst wrapperEl = useTemplateRef('wrapperEl');\nconst inputEl = useTemplateRef('inputEl');\nconst tagEl = useTemplateRef('tagEl');\n\nconst input = ref<string>();\nconst selected = ref<T[]>([]) as Ref<T[]>;\nconst hasFocus = ref(false);\nconst focusIndex = ref<number>();\nconst options = ref(props.options) as Ref<T[]>;\n\nconst isInteractive = computed(() => !props.disabled && !props.readonly);\n\nconst canClear = computed(() => {\n    return props.clearable && (!!input.value || !!model.value?.length) && isInteractive.value;\n});\n\nconst keys = computed(() => {\n    return typeof props.options === 'object' && props.options?.[0]\n        ? Object.keys(props.options?.[0])\n        : [];\n});\n\nconst fuse: Fuse<T> = createFuse(props.options);\n\nconst showOptions = computed(() => {\n    return hasFocus.value && (filtered.value.length || input.value);\n});\n\nconst selectedIndexes = computed(() => {\n    return selected.value.map(tag => {\n        return (model.value ?? []).findIndex(item => isEqual(item, tag));\n    });\n});\n\nwatch(() => props.options, () => {\n    options.value = props.options;\n});\n\nwatch(input, () => {\n    hasFocus.value = true;\n    focusIndex.value = undefined;\n\n    deactivateTags();\n});\n\nfunction createFuse(items: T[]) {\n    return new Fuse(items, props.fuseOptions ?? {\n        includeScore: true,\n        threshold: .45,\n        keys: keys.value\n    });\n}\n\nconst filtered = computed<T[]>(() => {\n    const items = options.value.filter(option => {\n        return !(model.value ?? []).find(item => {\n            return isEqual(item, toRaw(unref(option)));\n        });\n    });\n\n    if(!input.value) {\n        return items;\n    }\n\n    fuse.setCollection(items as T[]);\n\n    return fuse.search(input.value).map(({ item }) => item);\n});\n\nfunction addCustomTag(value: string) {\n    const tag = props.format?.(value) ?? value as T;\n\n    if(!options.value.find(option => isEqual(option, tag))) {\n        options.value.push(tag);\n\n        addTag(tag);\n\n        input.value = undefined;\n    }\n}\n\nfunction addTag(tag: T) {\n    model.value = [...(model.value ?? []), tag];\n    input.value = undefined;\n    focusIndex.value = undefined;\n}\n\nfunction removeTag(tag: T) {\n    const value = [...(model.value ?? [])];\n\n    value.splice(value.indexOf(tag), 1);\n\n    deactivateTag(tag);\n\n    model.value = value;\n}\n\nfunction toggleActiveTag(tag: T, multiple = false) {\n    if(!multiple) {\n        deactivateTags(tag);\n    }\n\n    if(!isTagActive(tag)) {\n        activateTag(tag);\n    }\n    else {\n        deactivateTag(tag);\n    }\n}\n\nfunction toggleActiveTagRange(tag: T) {\n    const items = model.value ?? [];\n    const index = items.indexOf(tag);\n    const lastSelectedIndex = selectedIndexes.value[selectedIndexes.value.length - 1];\n    const fn = !isTagActive(tag) ? activateTag : deactivateTag;\n\n    if(lastSelectedIndex === undefined) {\n        toggleActiveTag(tag);\n\n        return;\n    }\n\n    let range: T[] = [];\n\n    if(index > lastSelectedIndex) {\n        range = items.slice(lastSelectedIndex, index + 1);\n    }\n    else if(index < lastSelectedIndex) {\n        range = items.slice(index, lastSelectedIndex + 1);\n    }\n\n    for(const tag of range) {\n        fn(tag);\n    }\n}\n\nfunction selectAllTags() {\n    if(input.value) {\n        return;\n    }\n\n    selected.value = [...(model.value ?? [])];\n}\n\nfunction deactivateTags(omit?: T) {\n    if(!omit) {\n        selected.value = [];\n    }\n    else {\n        const tags = selected.value.filter(\n            item => !isEqual(item, omit)\n        );\n\n        for(const tag of tags) {\n            deactivateTag(tag);\n        }\n    }\n\n    blurTags();\n}\n\nfunction blurTags() {\n    if(!tagEl.value) {\n        return;\n    }\n\n    for(const tag of tagEl.value) {\n        (tag?.$el as HTMLElement | undefined)?.blur();\n    }\n}\n\nfunction isTagActive(tag: T) {\n    return !!selected.value.find(item => isEqual(item, tag));\n}\n\nfunction activateTag(tag: T) {\n    if(!isTagActive(tag)) {\n        selected.value.push(tag);\n    }\n}\n\nfunction deactivateTag(tag: T) {\n    if(isTagActive(tag)) {\n        selected.value.splice(selected.value.indexOf(tag), 1);\n    }\n\n    blurTags();\n}\n\nfunction removeActiveTags() {\n    model.value = (model.value ?? []).filter(tag => {\n        return !isTagActive(tag);\n    });\n\n    selected.value = [];\n}\n\nfunction onBackspace() {\n    inputEl.value?.focus();\n\n    if(input.value) {\n        return;\n    }\n\n    if(selected.value.length) {\n        removeActiveTags();\n    }\n    else if(model.value?.length) {\n        removeTag(model.value[model.value.length - 1]);\n    }\n}\n\nfunction onKeydownEnter(e: KeyboardEvent) {\n    if(focusIndex.value !== undefined) {\n        addTag(filtered.value[focusIndex.value]);\n    }\n    else if(filtered.value.length) {\n        addTag(filtered.value[0]);\n    }\n    else if(props.allowCustom && input.value) {\n        addCustomTag(input.value);\n    }\n\n    e.preventDefault();\n}\n\nfunction onKeydownSpace(e: KeyboardEvent) {\n    if(focusIndex.value === undefined) {\n        return;\n    }\n\n    addTag(filtered.value[focusIndex.value]);\n\n    e.preventDefault();\n}\n\nfunction onKeydownUp() {\n    if(!focusIndex.value) {\n        focusIndex.value = filtered.value.length - 1;\n    }\n    else {\n        focusIndex.value--;\n    }\n}\n\nfunction onKeydownDown() {\n    if(focusIndex.value === undefined || focusIndex.value === filtered.value.length - 1) {\n        focusIndex.value = 0;\n    }\n    else {\n        focusIndex.value++;\n    }\n}\n\nfunction onKeydownLeft(multiple: boolean = false) {\n    if(!model.value?.length || input.value) {\n        return;\n    }\n\n    const nextIndex = Math.min(...selectedIndexes.value, model.value.length) - 1;\n\n    if(model.value[nextIndex]) {\n        toggleActiveTag(model.value[nextIndex], multiple);\n    }\n    else {\n        deactivateTags();\n    }\n}\n\nfunction onKeydownRight(multiple: boolean = false) {\n    if(!model.value?.length || input.value) {\n        return;\n    }\n\n    const nextIndex = Math.max(...selectedIndexes.value, -1) + 1;\n\n    if(model.value[nextIndex]) {\n        toggleActiveTag(model.value[nextIndex], multiple);\n    }\n    else {\n        deactivateTags();\n    }\n}\n\nfunction onEscape() {\n    if(hasFocus.value) {\n        hasFocus.value = false;\n    }\n    else {\n        deactivateTags();\n    }\n}\n\nfunction onBlur() {\n    if(props.allowCustom && input.value) {\n        addCustomTag(input.value);\n    }\n\n    hasFocus.value = false;\n\n    deactivateTags();\n}\n\nfunction onFocus() {\n    hasFocus.value = true;\n\n    deactivateTags();\n}\n\nfunction onClickAddTag() {\n    if(input.value) {\n        addCustomTag(input.value);\n    }\n}\n\nfunction clear() {\n    if (!isInteractive.value) return;\n    input.value = undefined;\n    model.value = [];\n}\n\nfunction onClickOutsideWrapper(e: MouseEvent) {\n    if(!e.target) {\n        return;\n    }\n\n    if(!(wrapperEl.value == e.target || wrapperEl.value?.contains(e.target as Element))) {\n        deactivateTags();\n    }\n}\n\nfunction onDocumentKeydown(e: KeyboardEvent) {\n    switch (e.key) {\n    case 'Backspace':\n        if(selected.value.length) {\n            removeActiveTags();\n            e.preventDefault();\n        }\n        break;\n    case 'Escape':\n        if(!hasFocus.value) {\n            deactivateTags();\n        }\n    }\n}\n\nonBeforeMount(() => {\n    document.addEventListener('click', onClickOutsideWrapper);\n    document.addEventListener('keydown', onDocumentKeydown);\n});\n\nonBeforeUnmount(() => {\n    document.removeEventListener('click', onClickOutsideWrapper);\n    document.removeEventListener('keydown', onDocumentKeydown);\n});\n</script>\n\n<template>\n    <div\n        ref=\"wrapperEl\"\n        class=\"tag-field\"\n        :class=\"[formGroupClasses, { 'has-clear-button': canClear }]\">\n        <slot name=\"label\">\n            <label\n                v-if=\"label\"\n                :class=\"labelClass\"\n                :for=\"controlAttributes.id\">\n                {{ label }}\n            </label>\n        </slot>\n\n        <div class=\"form-control-inner\">\n            <slot\n                name=\"control\"\n                v-bind=\"{ controlAttributes, listeners }\">\n                <div\n                    v-if=\"$slots.icon\"\n                    class=\"form-control-inner-icon\"\n                    @click=\"inputEl?.focus()\">\n                    <slot name=\"icon\" />\n                </div>\n                <div\n                    v-bind=\"controlAttributes\"\n                    class=\"form-control flex\"\n                    @click.self=\"inputEl?.focus()\">\n                    <div class=\"flex flex-wrap gap-2 mr-2 flex-1\">\n                        <Badge\n                            v-for=\"(tag, i) in model\"\n                            ref=\"tagEl\"\n                            :key=\"`tag-${i}`\"\n                            tabindex=\"-1\"\n                            size=\"badge-[.95em]\"\n                            class=\"badge-neutral-100 dark:badge-neutral-500\"\n                            :class=\"{\n                                'badge-blue-600!': isTagActive(tag),\n                            }\"\n                            closeable\n                            @mousedown.prevent\n                            @close=\"removeTag(tag)\"\n                            @focus=\"toggleActiveTag(tag)\"\n                            @blur=\"deactivateTag(tag)\"\n                            @click.exact.meta=\"toggleActiveTag(tag, true)\"\n                            @click.exact=\"toggleActiveTag(tag)\"\n                            @click.exact.shift=\"toggleActiveTagRange(tag)\">\n                            <slot :option=\"tag\" :display=\"display\">\n                                {{ display?.(tag) ?? tag }}\n                            </slot>\n                            <template #close-icon>\n                                <XMarkIcon class=\"size-[1.25em]\" @mousedown.prevent />\n                            </template>\n                        </Badge>\n\n                        <input\n                            ref=\"inputEl\"\n                            v-model=\"input\"\n                            :placeholder=\"placeholder\"\n                            class=\"bg-transparent outline-none flex-1 min-w-0\"\n                            @keydown.exact.delete=\"onBackspace\"\n                            @keydown.exact.meta.a=\"selectAllTags\"\n                            @keydown.exact.enter=\"onKeydownEnter\"\n                            @keydown.exact.space=\"onKeydownSpace\"\n                            @keydown.exact.arrow-up=\"onKeydownUp\"\n                            @keydown.exact.arrow-down=\"onKeydownDown\"\n                            @keydown.exact.arrow-left=\"onKeydownLeft()\"\n                            @keydown.exact.shift.arrow-left=\"onKeydownLeft(true)\"\n                            @keydown.exact.arrow-right=\"onKeydownRight()\"\n                            @keydown.exact.shift.arrow-right=\"onKeydownRight(true)\"\n                            @keydown.esc=\"onEscape\"\n                            @blur=\"onBlur\"\n                            @focus=\"onFocus\">\n                    </div>\n                </div>\n            </slot>\n\n            <div class=\"form-control-activity-indicator\">\n                <slot name=\"activity\" v-bind=\"{ canClear, clear, isInteractive }\">\n                    <button\n                        v-if=\"canClear\"\n                        type=\"button\"\n                        class=\"tag-field-clear-button\"\n                        @click.stop=\"clear\">\n                        <XMarkIcon class=\"size-[1.25em]\" />\n                    </button>\n                    <Transition name=\"tag-field-fade\" v-else>\n                        <ActivityIndicator\n                            v-if=\"activity && indicator\"\n                            key=\"activity\"\n                            :type=\"indicator\"\n                            :size=\"indicatorSize\" />\n                    </Transition>\n                </slot>\n            </div>\n        </div>\n\n        <slot\n            name=\"errors\"\n            v-bind=\"{ error, errors, id: controlAttributes.id, name }\">\n            <FormControlErrors\n                v-if=\"!!(error || errors)\"\n                :id=\"controlAttributes.id\"\n                v-slot=\"{ error: err }\"\n                :name=\"name\"\n                :error=\"error\"\n                :errors=\"errors\">\n                <div\n                    invalid\n                    class=\"invalid-feedback\">\n                    {{ err }}\n                </div>\n            </FormControlErrors>\n        </slot>\n\n        <slot\n            name=\"feedback\"\n            v-bind=\"{ feedback }\">\n            <FormControlFeedback\n                v-slot=\"{ feedback: fb }\"\n                :feedback=\"feedback\">\n                <div\n                    valid\n                    class=\"valid-feedback\">\n                    {{ fb }}\n                </div>\n            </FormControlFeedback>\n        </slot>\n\n        <slot\n            name=\"help\"\n            v-bind=\"{ helpText }\">\n            <small\n                v-if=\"helpText\"\n                class=\"form-help\">\n                {{ helpText }}\n            </small>\n        </slot>\n\n        <div\n            v-if=\"showOptions\"\n            tabindex=\"-1\"\n            class=\"tag-field-dropdown\"\n            @mousedown.prevent.stop>\n            <button\n                v-for=\"(option, i) in filtered\"\n                :key=\"`option-${JSON.stringify(option)}`\"\n                type=\"button\"\n                tabindex=\"-1\"\n                :class=\"{\n                    ['bg-neutral-100 dark:bg-neutral-800']: focusIndex === i\n                }\"\n                @mousedown.prevent\n                @mouseup=\"addTag(option)\">\n                <div class=\"truncate\">\n                    {{ display?.(option) ?? option }}\n                </div>\n            </button>\n            <button\n                v-if=\"allowCustom && input\"\n                class=\"flex items-center gap-1\"\n                type=\"button\"\n                @mousedown.prevent\n                @mouseup=\"onClickAddTag\">\n                <PlusIcon class=\"size-4\" /> {{ addTagLabel }}\n            </button>\n            <div\n                v-if=\"showNoResults && !filtered.length && !allowCustom\"\n                class=\"py-2 px-4 text-neutral-400 dark:text-neutral-500\">\n                <slot name=\"no-results\" :input=\"input\">\n                    {{ noResultsText }}\n                </slot>\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","model","_useModel","emit","__emit","controlAttributes","formGroupClasses","listeners","useFormControl","wrapperEl","useTemplateRef","inputEl","tagEl","input","ref","selected","hasFocus","focusIndex","options","isInteractive","computed","canClear","keys","fuse","createFuse","showOptions","filtered","selectedIndexes","tag","item","isEqual","watch","deactivateTags","items","Fuse","option","toRaw","unref","addCustomTag","value","addTag","removeTag","deactivateTag","toggleActiveTag","multiple","isTagActive","activateTag","toggleActiveTagRange","index","lastSelectedIndex","fn","range","selectAllTags","omit","tags","blurTags","removeActiveTags","onBackspace","onKeydownEnter","onKeydownSpace","onKeydownUp","onKeydownDown","onKeydownLeft","nextIndex","onKeydownRight","onEscape","onBlur","onFocus","onClickAddTag","clear","onClickOutsideWrapper","onDocumentKeydown","onBeforeMount","onBeforeUnmount","_normalizeClass","_unref","_renderSlot","label","labelClass","_hoisted_1","_hoisted_2","_normalizeProps","_guardReactiveProps","$slots","$event","_mergeProps","_withModifiers","_hoisted_3","_Fragment","_renderList","i","_createBlock","Badge","_createVNode","XMarkIcon","display","placeholder","_hoisted_5","_Transition","activity","indicator","ActivityIndicator","indicatorSize","error","errors","name","FormControlErrors","_withCtx","err","_hoisted_6","_toDisplayString","feedback","FormControlFeedback","fb","_hoisted_7","helpText","_hoisted_8","_hoisted_10","allowCustom","PlusIcon","_createTextVNode","addTagLabel","showNoResults","_hoisted_11","noResultsText"],"mappings":"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","x_google_ignoreList":[0,1]}