@vue-interface/tag-field 1.0.0

package/dist/tag-field.umd.cjs

@@ -0,0 +1,2 @@
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@vue-interface/activity-indicator"),require("@vue-interface/badge"),require("@vue-interface/form-control"),require("fuse.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","@vue-interface/activity-indicator","@vue-interface/badge","@vue-interface/form-control","fuse.js","lodash-es"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.TagField={},s.Vue,s.VueInterfaceActivityIndicator,s.VueInterfaceBadge,s.VueInterfaceFormControl,s.FuseJs,s.LodashEs))})(this,(function(s,e,U,J,v,G,h){"use strict";function W(B,T){return e.openBlock(),e.createElementBlock("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"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})])}function z(B,T){return e.openBlock(),e.createElementBlock("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"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18 18 6M6 6l12 12"})])}const H=["for"],Q={class:"form-control-inner"},X={class:"flex flex-wrap gap-2 mr-2 flex-1"},Y=["placeholder","onKeydown"],Z={class:"form-control-activity-indicator"},_={invalid:"",class:"invalid-feedback"},ee={valid:"",class:"valid-feedback"},te={key:0,class:"form-help"},oe=["onMouseup"],ne={class:"truncate"},re={key:1,class:"py-2 px-4 text-neutral-400 dark:text-neutral-500"},le=e.defineComponent({inheritAttrs:!1,__name:"TagField",props:{modelValue:{},modelModifiers:{}},emits:e.mergeModels(["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(B,{emit:T}){const i=B,r=e.useModel(B,"modelValue"),ie=T,{controlAttributes:y,formGroupClasses:ae,listeners:se}=v.useFormControl({model:r,props:i,emit:ie}),V=e.useTemplateRef("wrapperEl"),E=e.useTemplateRef("inputEl"),N=e.useTemplateRef("tagEl"),l=e.ref(),c=e.ref([]),m=e.ref(!1),a=e.ref(),C=e.ref(i.options),$=e.computed(()=>!i.disabled&&!i.readonly),S=e.computed(()=>i.clearable&&(!!l.value||!!r.value?.length)&&$.value),ce=e.computed(()=>typeof i.options=="object"&&i.options?.[0]?Object.keys(i.options?.[0]):[]),F=fe(i.options),de=e.computed(()=>m.value&&(d.value.length||l.value)),M=e.computed(()=>c.value.map(t=>(r.value??[]).findIndex(o=>h.isEqual(o,t))));e.watch(()=>i.options,()=>{C.value=i.options}),e.watch(l,()=>{m.value=!0,a.value=void 0,f()});function fe(t){return new G(t,i.fuseOptions??{includeScore:!0,threshold:.45,keys:ce.value})}const d=e.computed(()=>{const t=C.value.filter(o=>!(r.value??[]).find(n=>h.isEqual(n,e.toRaw(e.unref(o)))));return l.value?(F.setCollection(t),F.search(l.value).map(({item:o})=>o)):t});function x(t){const o=i.format?.(t)??t;C.value.find(n=>h.isEqual(n,o))||(C.value.push(o),g(o),l.value=void 0)}function g(t){r.value=[...r.value??[],t],l.value=void 0,a.value=void 0}function D(t){const o=[...r.value??[]];o.splice(o.indexOf(t),1),b(t),r.value=o}function k(t,o=!1){o||f(t),w(t)?b(t):R(t)}function ue(t){const o=r.value??[],n=o.indexOf(t),u=M.value[M.value.length-1],p=w(t)?b:R;if(u===void 0){k(t);return}let K=[];n>u?K=o.slice(u,n+1):n<u&&(K=o.slice(n,u+1));for(const Ce of K)p(Ce)}function pe(){l.value||(c.value=[...r.value??[]])}function f(t){if(!t)c.value=[];else{const o=c.value.filter(n=>!h.isEqual(n,t));for(const n of o)b(n)}I()}function I(){if(N.value)for(const t of N.value)t?.$el?.blur()}function w(t){return!!c.value.find(o=>h.isEqual(o,t))}function R(t){w(t)||c.value.push(t)}function b(t){w(t)&&c.value.splice(c.value.indexOf(t),1),I()}function P(){r.value=(r.value??[]).filter(t=>!w(t)),c.value=[]}function me(){E.value?.focus(),!l.value&&(c.value.length?P():r.value?.length&&D(r.value[r.value.length-1]))}function ke(t){a.value!==void 0?g(d.value[a.value]):d.value.length?g(d.value[0]):i.allowCustom&&l.value&&x(l.value),t.preventDefault()}function we(t){a.value!==void 0&&(g(d.value[a.value]),t.preventDefault())}function he(){a.value?a.value--:a.value=d.value.length-1}function ye(){a.value===void 0||a.value===d.value.length-1?a.value=0:a.value++}function q(t=!1){if(!r.value?.length||l.value)return;const o=Math.min(...M.value,r.value.length)-1;r.value[o]?k(r.value[o],t):f()}function A(t=!1){if(!r.value?.length||l.value)return;const o=Math.max(...M.value,-1)+1;r.value[o]?k(r.value[o],t):f()}function ge(){m.value?m.value=!1:f()}function be(){i.allowCustom&&l.value&&x(l.value),m.value=!1,f()}function Be(){m.value=!0,f()}function Ee(){l.value&&x(l.value)}function L(){$.value&&(l.value=void 0,r.value=[])}function O(t){t.target&&(V.value==t.target||V.value?.contains(t.target)||f())}function j(t){switch(t.key){case"Backspace":c.value.length&&(P(),t.preventDefault());break;case"Escape":m.value||f()}}return e.onBeforeMount(()=>{document.addEventListener("click",O),document.addEventListener("keydown",j)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",O),document.removeEventListener("keydown",j)}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperEl",ref:V,class:e.normalizeClass(["tag-field",[e.unref(ae),{"has-clear-button":S.value}]])},[e.renderSlot(t.$slots,"label",{},()=>[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(t.labelClass),for:e.unref(y).id},e.toDisplayString(t.label),11,H)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Q,[e.renderSlot(t.$slots,"control",e.normalizeProps(e.guardReactiveProps({controlAttributes:e.unref(y),listeners:e.unref(se)})),()=>[t.$slots.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:"form-control-inner-icon",onClick:o[0]||(o[0]=n=>E.value?.focus())},[e.renderSlot(t.$slots,"icon")])):e.createCommentVNode("",!0),e.createElementVNode("div",e.mergeProps(e.unref(y),{class:"form-control flex",onClick:o[8]||(o[8]=e.withModifiers(n=>E.value?.focus(),["self"]))}),[e.createElementVNode("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(n,u)=>(e.openBlock(),e.createBlock(e.unref(J.Badge),{ref_for:!0,ref_key:"tagEl",ref:N,key:`tag-${u}`,tabindex:"-1",size:"badge-[.95em]",class:e.normalizeClass(["badge-neutral-100 dark:badge-neutral-500",{"badge-blue-600!":w(n)}]),closeable:"",onMousedown:o[2]||(o[2]=e.withModifiers(()=>{},["prevent"])),onClose:p=>D(n),onFocus:p=>k(n),onBlur:p=>b(n),onClick:[e.withModifiers(p=>k(n,!0),["exact","meta"]),e.withModifiers(p=>k(n),["exact"]),e.withModifiers(p=>ue(n),["exact","shift"])]},{"close-icon":e.withCtx(()=>[e.createVNode(e.unref(z),{class:"size-[1.25em]",onMousedown:o[1]||(o[1]=e.withModifiers(()=>{},["prevent"]))})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{option:n,display:t.display},()=>[e.createTextVNode(e.toDisplayString(t.display?.(n)??n),1)])]),_:2},1032,["class","onClose","onFocus","onBlur","onClick"]))),128)),e.withDirectives(e.createElementVNode("input",{ref_key:"inputEl",ref:E,"onUpdate:modelValue":o[3]||(o[3]=n=>l.value=n),placeholder:t.placeholder,class:"bg-transparent outline-none flex-1 min-w-0",onKeydown:[e.withKeys(e.withModifiers(me,["exact"]),["delete"]),e.withKeys(e.withModifiers(pe,["exact","meta"]),["a"]),e.withKeys(e.withModifiers(ke,["exact"]),["enter"]),e.withKeys(e.withModifiers(we,["exact"]),["space"]),e.withKeys(e.withModifiers(he,["exact"]),["arrow-up"]),e.withKeys(e.withModifiers(ye,["exact"]),["arrow-down"]),o[4]||(o[4]=e.withKeys(e.withModifiers(n=>q(),["exact"]),["arrow-left"])),o[5]||(o[5]=e.withKeys(e.withModifiers(n=>q(!0),["exact","shift"]),["arrow-left"])),o[6]||(o[6]=e.withKeys(e.withModifiers(n=>A(),["exact"]),["arrow-right"])),o[7]||(o[7]=e.withKeys(e.withModifiers(n=>A(!0),["exact","shift"]),["arrow-right"])),e.withKeys(ge,["esc"])],onBlur:be,onFocus:Be},null,40,Y),[[e.vModelText,l.value]])])],16)]),e.createElementVNode("div",Z,[e.renderSlot(t.$slots,"activity",e.normalizeProps(e.guardReactiveProps({canClear:S.value,clear:L,isInteractive:$.value})),()=>[S.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"tag-field-clear-button",onClick:e.withModifiers(L,["stop"])},[e.createVNode(e.unref(z),{class:"size-[1.25em]"})])):(e.openBlock(),e.createBlock(e.Transition,{key:1,name:"tag-field-fade"},{default:e.withCtx(()=>[t.activity&&t.indicator?(e.openBlock(),e.createBlock(e.unref(U.ActivityIndicator),{key:"activity",type:t.indicator,size:t.indicatorSize},null,8,["type","size"])):e.createCommentVNode("",!0)]),_:1}))])])]),e.renderSlot(t.$slots,"errors",e.normalizeProps(e.guardReactiveProps({error:t.error,errors:t.errors,id:e.unref(y).id,name:t.name})),()=>[t.error||t.errors?(e.openBlock(),e.createBlock(e.unref(v.FormControlErrors),{key:0,id:e.unref(y).id,name:t.name,error:t.error,errors:t.errors},{default:e.withCtx(({error:n})=>[e.createElementVNode("div",_,e.toDisplayString(n),1)]),_:1},8,["id","name","error","errors"])):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"feedback",e.normalizeProps(e.guardReactiveProps({feedback:t.feedback})),()=>[e.createVNode(e.unref(v.FormControlFeedback),{feedback:t.feedback},{default:e.withCtx(({feedback:n})=>[e.createElementVNode("div",ee,e.toDisplayString(n),1)]),_:1},8,["feedback"])]),e.renderSlot(t.$slots,"help",e.normalizeProps(e.guardReactiveProps({helpText:t.helpText})),()=>[t.helpText?(e.openBlock(),e.createElementBlock("small",te,e.toDisplayString(t.helpText),1)):e.createCommentVNode("",!0)]),de.value?(e.openBlock(),e.createElementBlock("div",{key:0,tabindex:"-1",class:"tag-field-dropdown",onMousedown:o[11]||(o[11]=e.withModifiers(()=>{},["prevent","stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(n,u)=>(e.openBlock(),e.createElementBlock("button",{key:`option-${JSON.stringify(n)}`,type:"button",tabindex:"-1",class:e.normalizeClass({"bg-neutral-100 dark:bg-neutral-800":a.value===u}),onMousedown:o[9]||(o[9]=e.withModifiers(()=>{},["prevent"])),onMouseup:p=>g(n)},[e.createElementVNode("div",ne,e.toDisplayString(t.display?.(n)??n),1)],42,oe))),128)),t.allowCustom&&l.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"flex items-center gap-1",type:"button",onMousedown:o[10]||(o[10]=e.withModifiers(()=>{},["prevent"])),onMouseup:Ee},[e.createVNode(e.unref(W),{class:"size-4"}),e.createTextVNode(" "+e.toDisplayString(t.addTagLabel),1)],32)):e.createCommentVNode("",!0),t.showNoResults&&!d.value.length&&!t.allowCustom?(e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(t.$slots,"no-results",{input:l.value},()=>[e.createTextVNode(e.toDisplayString(t.noResultsText),1)])])):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)],2))}});s.TagField=le,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=tag-field.umd.cjs.map

package/dist/tag-field.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-field.umd.cjs","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","e","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":"qnBAEe,SAASA,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAAA,UAAU,EAAIC,EAAAA,mBAAoB,MAAO,CAC/C,MAAO,6BACP,KAAM,OACN,QAAS,YACT,eAAgB,MAChB,OAAQ,eACR,cAAe,OACf,YAAa,MACjB,EAAK,CACDC,EAAAA,mBAAoB,OAAQ,CAC1B,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,wBACT,CAAK,CACL,CAAG,CACH,CChBe,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAAA,UAAU,EAAIC,EAAAA,mBAAoB,MAAO,CAC/C,MAAO,6BACP,KAAM,OACN,QAAS,YACT,eAAgB,MAChB,OAAQ,eACR,cAAe,OACf,YAAa,MACjB,EAAK,CACDC,EAAAA,mBAAoB,OAAQ,CAC1B,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,sBACT,CAAK,CACL,CAAG,CACH,g4BCYA,MAAMC,EAAQC,EAgBRC,EAAQC,EAAAA,uBAAiB,EAOzBC,GAAOC,EAEP,CACF,kBAAAC,EACA,iBAAAC,GACA,UAAAC,EAAA,EACAC,EAAAA,eAA2E,CAAE,MAAAP,EAAO,MAAAF,EAAO,KAAAI,GAAM,EAE/FM,EAAYC,EAAAA,eAAe,WAAW,EACtCC,EAAUD,EAAAA,eAAe,SAAS,EAClCE,EAAQF,EAAAA,eAAe,OAAO,EAE9BG,EAAQC,EAAAA,IAAA,EACRC,EAAWD,EAAAA,IAAS,EAAE,EACtBE,EAAWF,EAAAA,IAAI,EAAK,EACpBG,EAAaH,EAAAA,IAAA,EACbI,EAAUJ,EAAAA,IAAIf,EAAM,OAAO,EAE3BoB,EAAgBC,EAAAA,SAAS,IAAM,CAACrB,EAAM,UAAY,CAACA,EAAM,QAAQ,EAEjEsB,EAAWD,EAAAA,SAAS,IACfrB,EAAM,YAAc,CAAC,CAACc,EAAM,OAAS,CAAC,CAACZ,EAAM,OAAO,SAAWkB,EAAc,KACvF,EAEKG,GAAOF,EAAAA,SAAS,IACX,OAAOrB,EAAM,SAAY,UAAYA,EAAM,UAAU,CAAC,EACvD,OAAO,KAAKA,EAAM,UAAU,CAAC,CAAC,EAC9B,CAAA,CACT,EAEKwB,EAAgBC,GAAWzB,EAAM,OAAO,EAExC0B,GAAcL,EAAAA,SAAS,IAClBJ,EAAS,QAAUU,EAAS,MAAM,QAAUb,EAAM,MAC5D,EAEKc,EAAkBP,EAAAA,SAAS,IACtBL,EAAS,MAAM,IAAIa,IACd3B,EAAM,OAAS,IAAI,UAAU4B,GAAQC,EAAAA,QAAQD,EAAMD,CAAG,CAAC,CAClE,CACJ,EAEDG,QAAM,IAAMhC,EAAM,QAAS,IAAM,CAC7BmB,EAAQ,MAAQnB,EAAM,OAC1B,CAAC,EAEDgC,EAAAA,MAAMlB,EAAO,IAAM,CACfG,EAAS,MAAQ,GACjBC,EAAW,MAAQ,OAEnBe,EAAA,CACJ,CAAC,EAED,SAASR,GAAWS,EAAY,CAC5B,OAAO,IAAIC,EAAKD,EAAOlC,EAAM,aAAe,CACxC,aAAc,GACd,UAAW,IACX,KAAMuB,GAAK,KAAA,CACd,CACL,CAEA,MAAMI,EAAWN,EAAAA,SAAc,IAAM,CACjC,MAAMa,EAAQf,EAAQ,MAAM,OAAOiB,GACxB,EAAElC,EAAM,OAAS,CAAA,GAAI,KAAK4B,GACtBC,EAAAA,QAAQD,EAAMO,EAAAA,MAAMC,EAAAA,MAAMF,CAAM,CAAC,CAAC,CAC5C,CACJ,EAED,OAAItB,EAAM,OAIVU,EAAK,cAAcU,CAAY,EAExBV,EAAK,OAAOV,EAAM,KAAK,EAAE,IAAI,CAAC,CAAE,KAAAgB,CAAA,IAAWA,CAAI,GAL3CI,CAMf,CAAC,EAED,SAASK,EAAaC,EAAe,CACjC,MAAMX,EAAM7B,EAAM,SAASwC,CAAK,GAAKA,EAEjCrB,EAAQ,MAAM,QAAeY,UAAQK,EAAQP,CAAG,CAAC,IACjDV,EAAQ,MAAM,KAAKU,CAAG,EAEtBY,EAAOZ,CAAG,EAEVf,EAAM,MAAQ,OAEtB,CAEA,SAAS2B,EAAOZ,EAAQ,CACpB3B,EAAM,MAAQ,CAAC,GAAIA,EAAM,OAAS,CAAA,EAAK2B,CAAG,EAC1Cf,EAAM,MAAQ,OACdI,EAAW,MAAQ,MACvB,CAEA,SAASwB,EAAUb,EAAQ,CACvB,MAAMW,EAAQ,CAAC,GAAItC,EAAM,OAAS,CAAA,CAAG,EAErCsC,EAAM,OAAOA,EAAM,QAAQX,CAAG,EAAG,CAAC,EAElCc,EAAcd,CAAG,EAEjB3B,EAAM,MAAQsC,CAClB,CAEA,SAASI,EAAgBf,EAAQgB,EAAW,GAAO,CAC3CA,GACAZ,EAAeJ,CAAG,EAGlBiB,EAAYjB,CAAG,EAIfc,EAAcd,CAAG,EAHjBkB,EAAYlB,CAAG,CAKvB,CAEA,SAASmB,GAAqBnB,EAAQ,CAClC,MAAMK,EAAQhC,EAAM,OAAS,CAAA,EACvB+C,EAAQf,EAAM,QAAQL,CAAG,EACzBqB,EAAoBtB,EAAgB,MAAMA,EAAgB,MAAM,OAAS,CAAC,EAC1EuB,EAAML,EAAYjB,CAAG,EAAkBc,EAAdI,EAE/B,GAAGG,IAAsB,OAAW,CAChCN,EAAgBf,CAAG,EAEnB,MACJ,CAEA,IAAIuB,EAAa,CAAA,EAEdH,EAAQC,EACPE,EAAQlB,EAAM,MAAMgB,EAAmBD,EAAQ,CAAC,EAE5CA,EAAQC,IACZE,EAAQlB,EAAM,MAAMe,EAAOC,EAAoB,CAAC,GAGpD,UAAUrB,MAAOuB,EACbD,EAAGtB,EAAG,CAEd,CAEA,SAASwB,IAAgB,CAClBvC,EAAM,QAITE,EAAS,MAAQ,CAAC,GAAId,EAAM,OAAS,CAAA,CAAG,EAC5C,CAEA,SAAS+B,EAAeqB,EAAU,CAC9B,GAAG,CAACA,EACAtC,EAAS,MAAQ,CAAA,MAEhB,CACD,MAAMuC,EAAOvC,EAAS,MAAM,OACxBc,GAAQ,CAACC,UAAQD,EAAMwB,CAAI,CAAA,EAG/B,UAAUzB,KAAO0B,EACbZ,EAAcd,CAAG,CAEzB,CAEA2B,EAAA,CACJ,CAEA,SAASA,GAAW,CAChB,GAAI3C,EAAM,MAIV,UAAUgB,KAAOhB,EAAM,MAClBgB,GAAK,KAAiC,KAAA,CAE/C,CAEA,SAASiB,EAAYjB,EAAQ,CACzB,MAAO,CAAC,CAACb,EAAS,MAAM,KAAKc,GAAQC,EAAAA,QAAQD,EAAMD,CAAG,CAAC,CAC3D,CAEA,SAASkB,EAAYlB,EAAQ,CACrBiB,EAAYjB,CAAG,GACfb,EAAS,MAAM,KAAKa,CAAG,CAE/B,CAEA,SAASc,EAAcd,EAAQ,CACxBiB,EAAYjB,CAAG,GACdb,EAAS,MAAM,OAAOA,EAAS,MAAM,QAAQa,CAAG,EAAG,CAAC,EAGxD2B,EAAA,CACJ,CAEA,SAASC,GAAmB,CACxBvD,EAAM,OAASA,EAAM,OAAS,IAAI,OAAO2B,GAC9B,CAACiB,EAAYjB,CAAG,CAC1B,EAEDb,EAAS,MAAQ,CAAA,CACrB,CAEA,SAAS0C,IAAc,CACnB9C,EAAQ,OAAO,MAAA,EAEZ,CAAAE,EAAM,QAINE,EAAS,MAAM,OACdyC,EAAA,EAEIvD,EAAM,OAAO,QACjBwC,EAAUxC,EAAM,MAAMA,EAAM,MAAM,OAAS,CAAC,CAAC,EAErD,CAEA,SAASyD,GAAeC,EAAkB,CACnC1C,EAAW,QAAU,OACpBuB,EAAOd,EAAS,MAAMT,EAAW,KAAK,CAAC,EAEnCS,EAAS,MAAM,OACnBc,EAAOd,EAAS,MAAM,CAAC,CAAC,EAEpB3B,EAAM,aAAec,EAAM,OAC/ByB,EAAazB,EAAM,KAAK,EAG5B8C,EAAE,eAAA,CACN,CAEA,SAASC,GAAeD,EAAkB,CACnC1C,EAAW,QAAU,SAIxBuB,EAAOd,EAAS,MAAMT,EAAW,KAAK,CAAC,EAEvC0C,EAAE,eAAA,EACN,CAEA,SAASE,IAAc,CACf5C,EAAW,MAIXA,EAAW,QAHXA,EAAW,MAAQS,EAAS,MAAM,OAAS,CAKnD,CAEA,SAASoC,IAAgB,CAClB7C,EAAW,QAAU,QAAaA,EAAW,QAAUS,EAAS,MAAM,OAAS,EAC9ET,EAAW,MAAQ,EAGnBA,EAAW,OAEnB,CAEA,SAAS8C,EAAcnB,EAAoB,GAAO,CAC9C,GAAG,CAAC3C,EAAM,OAAO,QAAUY,EAAM,MAC7B,OAGJ,MAAMmD,EAAY,KAAK,IAAI,GAAGrC,EAAgB,MAAO1B,EAAM,MAAM,MAAM,EAAI,EAExEA,EAAM,MAAM+D,CAAS,EACpBrB,EAAgB1C,EAAM,MAAM+D,CAAS,EAAGpB,CAAQ,EAGhDZ,EAAA,CAER,CAEA,SAASiC,EAAerB,EAAoB,GAAO,CAC/C,GAAG,CAAC3C,EAAM,OAAO,QAAUY,EAAM,MAC7B,OAGJ,MAAMmD,EAAY,KAAK,IAAI,GAAGrC,EAAgB,MAAO,EAAE,EAAI,EAExD1B,EAAM,MAAM+D,CAAS,EACpBrB,EAAgB1C,EAAM,MAAM+D,CAAS,EAAGpB,CAAQ,EAGhDZ,EAAA,CAER,CAEA,SAASkC,IAAW,CACblD,EAAS,MACRA,EAAS,MAAQ,GAGjBgB,EAAA,CAER,CAEA,SAASmC,IAAS,CACXpE,EAAM,aAAec,EAAM,OAC1ByB,EAAazB,EAAM,KAAK,EAG5BG,EAAS,MAAQ,GAEjBgB,EAAA,CACJ,CAEA,SAASoC,IAAU,CACfpD,EAAS,MAAQ,GAEjBgB,EAAA,CACJ,CAEA,SAASqC,IAAgB,CAClBxD,EAAM,OACLyB,EAAazB,EAAM,KAAK,CAEhC,CAEA,SAASyD,GAAQ,CACRnD,EAAc,QACnBN,EAAM,MAAQ,OACdZ,EAAM,MAAQ,CAAA,EAClB,CAEA,SAASsE,EAAsBZ,EAAe,CACtCA,EAAE,SAIDlD,EAAU,OAASkD,EAAE,QAAUlD,EAAU,OAAO,SAASkD,EAAE,MAAiB,GAC7E3B,EAAA,EAER,CAEA,SAASwC,EAAkBb,EAAkB,CACzC,OAAQA,EAAE,IAAA,CACV,IAAK,YACE5C,EAAS,MAAM,SACdyC,EAAA,EACAG,EAAE,eAAA,GAEN,MACJ,IAAK,SACG3C,EAAS,OACTgB,EAAA,CACJ,CAER,CAEAyC,OAAAA,EAAAA,cAAc,IAAM,CAChB,SAAS,iBAAiB,QAASF,CAAqB,EACxD,SAAS,iBAAiB,UAAWC,CAAiB,CAC1D,CAAC,EAEDE,EAAAA,gBAAgB,IAAM,CAClB,SAAS,oBAAoB,QAASH,CAAqB,EAC3D,SAAS,oBAAoB,UAAWC,CAAiB,CAC7D,CAAC,wBAIG3E,EAAAA,mBA6KM,MAAA,SA5KE,YAAJ,IAAIY,EACJ,MAAKkE,EAAAA,eAAA,CAAC,YAAW,CACRC,EAAAA,MAAAtE,EAAA,sBAAwCe,EAAA,KAAA,CAAQ,CAAA,CAAA,CAAA,GACzDwD,EAAAA,WAOOnF,oBAPP,IAOO,CALOoF,EAAAA,qBADVjF,EAAAA,mBAKQ,QAAA,OAHH,uBAAOkF,EAAAA,UAAU,EACjB,IAAKH,EAAAA,MAAAvE,CAAA,EAAkB,EAAA,oBACrByE,EAAAA,KAAK,EAAA,GAAAE,CAAA,iCAIhBlF,EAAAA,mBAiFM,MAjFNmF,EAiFM,CAhFFJ,EAAAA,WA4DOnF,EAAA,OAAA,UAAAwF,EAAAA,eAAAC,EAAAA,mBAAA,CAAA,kBA1DOP,EAAAA,MAAAvE,CAAA,EAAiB,UAAEuE,EAAAA,MAAArE,EAAA,KAFjC,IA4DO,CAxDO6E,EAAAA,OAAO,oBADjBvF,EAAAA,mBAKM,MAAA,OAHF,MAAM,0BACL,QAAKF,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA0F,GAAE1E,EAAA,OAAS,MAAA,EAAK,GACtBkE,aAAoBnF,EAAA,OAAA,MAAA,CAAA,gCAExBI,EAAAA,mBAkDM,MAlDNwF,EAAAA,WAkDMV,EAAAA,MAAAvE,CAAA,EAjDuB,CACzB,MAAM,oBACL,QAAKV,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA4F,EAAAA,cAAAF,GAAO1E,EAAA,OAAS,MAAA,EAAK,CAAA,MAAA,CAAA,EAAA,IAC3Bb,EAAAA,mBA6CM,MA7CN0F,EA6CM,EA5CF5F,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAwBQ4F,WAAA,KAAAC,EAAAA,WAvBezF,EAAA,MAAK,CAAhB2B,EAAK+D,mBADjBC,EAAAA,YAwBQhB,EAAAA,MAAAiB,EAAAA,KAAA,EAAA,oBAtBA,QAAJ,IAAIjF,EACH,WAAY+E,CAAC,GACd,SAAS,KACT,KAAK,gBACL,wBAAM,2CAA0C,CACa,kBAAA9C,EAAYjB,CAAG,CAAA,IAG5E,UAAA,GACC,wCAAD,IAAA,CAAA,EAAkB,CAAA,SAAA,CAAA,GACjB,QAAKyD,GAAE5C,EAAUb,CAAG,EACpB,QAAKyD,GAAE1C,EAAgBf,CAAG,EAC1B,OAAIyD,GAAE3C,EAAcd,CAAG,EACvB,QAAK,CAAa2D,gBAAAF,GAAA1C,EAAgBf,EAAG,EAAA,EAAA,CAAA,QAAA,MAAA,CAAA,EACxB2D,EAAAA,cAAAF,GAAA1C,EAAgBf,CAAG,EAAA,CAAA,OAAA,CAAA,EACb2D,EAAAA,cAAAF,GAAAtC,GAAqBnB,CAAG,EAAA,CAAA,QAAA,OAAA,CAAA,CAAA,IAIjC,uBACP,IAAsD,CAAtDkE,cAAsDlB,EAAAA,MAAAmB,CAAA,EAAA,CAA3C,MAAM,gBAAiB,wCAAD,IAAA,CAAA,EAAkB,CAAA,SAAA,CAAA,EAAA,uBAJvD,IAEO,CAFPlB,aAEOnF,EAAA,OAAA,UAAA,CAFA,OAAQkC,EAAM,QAASoE,EAAAA,OAAAA,EAA9B,IAEO,qCADAA,EAAAA,UAAUpE,CAAG,GAAKA,CAAG,EAAA,CAAA,CAAA,0FAOhC9B,EAAAA,mBAiBqB,QAAA,SAhBb,UAAJ,IAAIa,uCACKE,EAAK,MAAAwE,GACb,YAAaY,EAAAA,YACd,MAAM,6CACL,UAAO,4BAAexC,GAAW,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,6BACXL,GAAa,CAAA,QAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,6BACdM,GAAc,CAAA,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA,6BACdE,GAAc,CAAA,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA,6BACXC,GAAW,CAAA,OAAA,CAAA,EAAA,CAAA,UAAA,CAAA,6BACTC,GAAa,CAAA,OAAA,CAAA,EAAA,CAAA,YAAA,CAAA,4CACbC,EAAA,EAAa,CAAA,OAAA,CAAA,EAAA,CAAA,YAAA,CAAA,6CACPA,EAAa,EAAA,EAAA,CAAA,QAAA,OAAA,CAAA,EAAA,CAAA,YAAA,CAAA,6CAClBE,EAAA,EAAc,CAAA,OAAA,CAAA,EAAA,CAAA,aAAA,CAAA,6CACRA,EAAc,EAAA,EAAA,CAAA,QAAA,OAAA,CAAA,EAAA,CAAA,aAAA,CAAA,cAClCC,GAAQ,CAAA,KAAA,CAAA,CAAA,EACrB,OAAAC,GACA,QAAAC,EAAA,4BAfQvD,EAAA,KAAK,CAAA,YAoB9Bf,EAAAA,mBAiBM,MAjBNoG,EAiBM,CAhBFrB,EAAAA,WAeOnF,oEAfyB2B,EAAA,MAAQ,MAAAiD,EAAO,cAAEnD,EAAA,SAAjD,IAeO,CAbOE,EAAA,qBADVxB,EAAAA,mBAMS,SAAA,OAJL,KAAK,SACL,MAAM,yBACL,wBAAYyE,EAAK,CAAA,MAAA,CAAA,CAAA,GAClBwB,EAAAA,YAAmClB,EAAAA,MAAAmB,CAAA,EAAA,CAAxB,MAAM,gBAAe,CAAA,mBAEpCH,EAAAA,YAMaO,aAAA,OAND,KAAK,gBAAA,qBACb,IAI4B,CAHlBC,EAAAA,UAAYC,EAAAA,yBADtBT,EAAAA,YAI4BhB,QAAA0B,EAAAA,iBAAA,EAAA,CAFxB,IAAI,WACH,KAAMD,EAAAA,UACN,KAAME,EAAAA,aAAAA,sEAM3B1B,aAgBOnF,EAAA,OAAA,SAAAwF,EAAAA,eAAAC,EAAAA,mBAAA,CAAA,MAdOqB,EAAAA,MAAK,OAAEC,EAAAA,OAAM,GAAM7B,QAAAvE,CAAA,EAAkB,GAAE,KAAEqG,EAAAA,KAAI,CAAA,EAF3D,IAgBO,CAZUF,EAAAA,OAASC,EAAAA,sBADtBb,EAAAA,YAYoBhB,QAAA+B,EAAAA,iBAAA,EAAA,OAVf,GAAI/B,EAAAA,MAAAvE,CAAA,EAAkB,GAEtB,KAAMqG,EAAAA,KACN,MAAOF,EAAAA,MACP,OAAQC,EAAAA,MAAAA,GACT,QAAAG,EAAAA,QAAA,CAIM,OARWC,KAAG,CAIpB/G,EAAAA,mBAIM,MAJNgH,EAIMC,EAAAA,gBADCF,CAAG,EAAA,CAAA,CAAA,yEAKlBhC,EAAAA,WAYOnF,EAAA,OAAA,WAAAwF,EAAAA,eAAAC,EAAAA,mBAAA,CAAA,SAVO6B,EAAAA,QAAAA,CAAQ,CAAA,EAFtB,IAYO,CATHlB,EAAAA,YAQsBlB,EAAAA,MAAAqC,qBAAA,EAAA,CANjB,SAAUD,EAAAA,UAAQ,CACnB,QAAAJ,EAAAA,QAAA,CAIM,UANcM,KAAE,CAEtBpH,EAAAA,mBAIM,MAJNqH,GAIMJ,EAAAA,gBADCG,CAAE,EAAA,CAAA,CAAA,0BAKjBrC,EAAAA,WAQOnF,EAAA,OAAA,OAAAwF,EAAAA,eAAAC,EAAAA,mBAAA,CAAA,SANOiC,EAAAA,QAAAA,CAAQ,CAAA,EAFtB,IAQO,CAJOA,EAAAA,wBADVvH,EAAAA,mBAIQ,QAJRwH,GAIQN,EAAAA,gBADDK,EAAAA,QAAQ,EAAA,CAAA,iCAKT3F,GAAA,qBADV5B,EAAAA,mBAkCM,MAAA,OAhCF,SAAS,KACT,MAAM,qBACL,0CAAD,IAAA,CAAA,EAAuB,CAAA,UAAA,MAAA,CAAA,EAAA,IACvBD,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAaS4F,WAAA,KAAAC,EAAAA,WAZiBhE,EAAA,MAAQ,CAAtBS,EAAQwD,mBADpB9F,EAAAA,mBAaS,SAAA,CAXJ,IAAG,UAAY,KAAK,UAAUsC,CAAM,CAAA,GACrC,KAAK,SACL,SAAS,KACR,MAAKwC,EAAAA,eAAA,CAAgE,qCAAA1D,EAAA,QAAe0E,CAAA,GAGpF,wCAAD,IAAA,CAAA,EAAkB,CAAA,SAAA,CAAA,GACjB,UAAON,GAAE7C,EAAOL,CAAM,CAAA,GACvBrC,qBAEM,MAFNwH,GAEMP,kBADCf,YAAU7D,CAAM,GAAKA,CAAM,EAAA,CAAA,CAAA,iBAI5BoF,EAAAA,aAAe1G,EAAA,qBADzBhB,EAAAA,mBAOS,SAAA,OALL,MAAM,0BACN,KAAK,SACJ,0CAAD,IAAA,CAAA,EAAkB,CAAA,SAAA,CAAA,GACjB,UAASwE,EAAA,GACVyB,EAAAA,YAA2BlB,EAAAA,MAAA4C,CAAA,EAAA,CAAjB,MAAM,SAAQ,EAAGC,EAAAA,gBAAA,sBAAIC,EAAAA,WAAW,EAAA,CAAA,CAAA,mCAGpCC,EAAAA,eAAa,CAAKjG,EAAA,MAAS,SAAW6F,EAAAA,aADhD3H,EAAAA,UAAA,EAAAC,qBAMM,MANN+H,GAMM,CAHF/C,aAEOnF,EAAA,OAAA,aAAA,CAFkB,MAAOmB,EAAA,KAAA,EAAhC,IAEO,qCADAgH,EAAAA,aAAa,EAAA,CAAA,CAAA","x_google_ignoreList":[0,1]}

package/dist/vite.config.d.ts

@@ -0,0 +1,3 @@
+import { ConfigEnv } from 'vite';
+declare const _default: ({ command }: ConfigEnv) => import('vite').UserConfig;
+export default _default;

package/index.css

@@ -0,0 +1,6 @@
+@import "tailwindcss";
+@import "@vue-interface/activity-indicator/css";
+@import "@vue-interface/form-control/css";
+@import "@vue-interface/badge/css";
+
+@import "./src/css/tag-field.css";

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@vue-interface/tag-field",
+  "version": "1.0.0",
+  "description": "A Vue tag field component.",
+  "type": "module",
+  "main": "./dist/tag-field.umd.cjs",
+  "module": "./dist/tag-field.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./index.ts",
+      "types": "./dist/index.d.ts",
+      "style": "./index.css",
+      "import": "./dist/tag-field.js",
+      "require": "./dist/tag-field.umd.cjs"
+    }
+  },
+  "browserslist": "last 2 versions, > 0.5%, ie >= 11",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vue-interface/vue-interface.github.io"
+  },
+  "keywords": [
+    "Tag",
+    "Input",
+    "Field",
+    "Vue",
+    "Component",
+    "Tailwind"
+  ],
+  "author": "Justin Kimbrell",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/vue-interface/vue-interface.github.io"
+  },
+  "homepage": "https://vue-interface.github.io/packages/tag-field",
+  "readme": "README.md",
+  "files": [
+    "src",
+    "dist",
+    "index.css",
+    "README.md",
+    "LICENSE"
+  ],
+  "peerDependencies": {
+    "@heroicons/vue": "2.2.0",
+    "fuse.js": "^7.1.0",
+    "lodash-es": "^4.17.23",
+    "vue": "^3.3.4",
+    "@vue-interface/badge": "3.1.4",
+    "@vue-interface/sizeable": "2.0.0",
+    "@vue-interface/activity-indicator": "3.0.8",
+    "@vue-interface/form-control": "2.0.23"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc && vite build",
+    "preview": "vite preview"
+  }
+}