import{ac as S,P as u,Y as V,$ as I,R as j,Q as M,o as l,f as i,l as D,v as L,i as r,D as N,ad as W,k as m,F as x,B as y,t as f,j as w,J as k,m as T,ae as U,af as z,u as A}from"./vendor.7e4e5e39.js";import{_ as b}from"./plugin-vue_export-helper.21dcd24c.js";const F={props:{name:{type:String,default:""},modelValue:{type:Array,default:()=>[]},options:{type:[Array,Boolean],default:!1},allowCustom:{type:Boolean,default:!0},showCount:{type:Boolean,default:!1}},setup(n,{emit:a}){const s=S(n,"modelValue"),e=u(""),g=Math.random().toString(36).substring(7),v=o=>{if(!!o&&!(!n.allowCustom&&!n.options.includes(o))){if(s.value.includes(o)){_(o);return}s.value.push(o),e.value=""}},t=o=>{s.value.splice(o,1)},d=u(null),_=o=>{d.value=o,setTimeout(()=>d.value=null,1e3),e.value=""},h=u(10),c=u(null),p=()=>{const o=15;h.value=c.value.clientWidth+o,c.value.scrollTo(c.value.scrollWidth,0),a("update:modelValue",s.value)};V(s,()=>I(p),{deep:!0}),j(p);const B=M(()=>n.options?n.options.filter(o=>!s.value.includes(o)):!1);return{tags:s,newTag:e,addTag:v,removeTag:t,paddingLeft:h,tagsUl:c,availableOptions:B,id:g,duplicate:d}}},C=n=>(U("data-v-18efd4bd"),n=n(),z(),n),K=["list"],O=["id"],R=["value"],E={ref:"tagsUl",class:"tags"},J={class:"inline-flex rounded-full items-center py-0.5 pl-2.5 pr-1 text-sm font-medium bg-orange text-indigo-300"},P=["onClick"],Q=C(()=>r("span",{class:"sr-only"},"\u0423\u0434\u0430\u043B\u0438\u0442\u044C",-1)),Y=C(()=>r("svg",{class:"h-2 w-2",stroke:"currentColor",fill:"none",viewBox:"0 0 8 8"},[r("path",{"stroke-linecap":"round","stroke-width":"1.5",d:"M1 1l6 6m0-6L1 7"})],-1)),q=[Q,Y],G={key:1,class:"count"},H=T(" tags ");function X(n,a,s,e,g,v){return l(),i("div",{class:k(["relative",{"with-count":s.showCount}])},[D(r("input",{"onUpdate:modelValue":a[0]||(a[0]=t=>e.newTag=t),type:"text",list:e.id,placeholder:"\u0422\u0435\u0433\u0438",class:"w-full focus:ring-4 focus:ring-offset-1 focus:ring-orange focus:ring-opacity-20 focus:ring-offset-orange focus:border-transparent text-gray border border-indigo-300 bg-indigo-200 rounded-md",autocomplete:"off",style:N({"padding-left":`${e.paddingLeft}px`}),onKeydown:a[1]||(a[1]=W(m(t=>e.addTag(e.newTag),["prevent"]),["enter"])),onBlur:a[2]||(a[2]=m(t=>e.addTag(e.newTag),["prevent"]))},null,44,K),[[L,e.newTag]]),s.options?(l(),i("datalist",{key:0,id:e.id},[(l(!0),i(x,null,y(e.availableOptions,t=>(l(),i("option",{key:t,value:t},f(t),9,R))),128))],8,O)):w("",!0),r("ul",E,[(l(!0),i(x,null,y(e.tags,(t,d)=>(l(),i("li",{key:t,class:k(["",{"duplicate-shake":t===e.duplicate}])},[r("span",J,[T(f(t)+" ",1),r("button",{type:"button",class:"flex-shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center text-indigo-300 hover:bg-indigo-200 hover:text-white focus:outline-none focus:bg-indigo-200 focus:text-white",onClick:_=>e.removeTag(d)},q,8,P)])],2))),128))],512),s.showCount?(l(),i("div",G,[r("span",null,f(e.tags.length),1),H])):w("",!0)],2)}var ae=b(F,[["render",X],["__scopeId","data-v-18efd4bd"]]);const Z={},$={class:"mt-2 flex items-center"},ee=A('