import{c as C,u as _,p as x,g as y,aJ as B,t as R,b as l,h as i,Q as u,aK as I,q as Q,au as w,aL as z}from"./index-iCRehgtD.js";const D={xs:8,sm:10,md:14,lg:20,xl:24},V=C({name:"QChip",props:{...x,..._,dense:Boolean,icon:String,iconRight:String,iconRemove:String,iconSelected:String,label:[String,Number],color:String,textColor:String,modelValue:{type:Boolean,default:!0},selected:{type:Boolean,default:null},square:Boolean,outline:Boolean,clickable:Boolean,removable:Boolean,removeAriaLabel:String,tabindex:[String,Number],disable:Boolean,ripple:{type:[Boolean,Object],default:!0}},emits:["update:modelValue","update:selected","remove","click"],setup(e,{slots:h,emit:a}){const{proxy:{$q:n}}=y(),b=Q(e,n),v=R(e,D),f=l(()=>e.selected===!0||e.icon!==void 0),m=l(()=>e.selected===!0?e.iconSelected||n.iconSet.chip.selected:e.icon),q=l(()=>e.iconRemove||n.iconSet.chip.remove),c=l(()=>e.disable===!1&&(e.clickable===!0||e.selected!==null)),g=l(()=>{const t=e.outline===!0&&e.color||e.textColor;return"q-chip row inline no-wrap items-center"+(e.outline===!1&&e.color!==void 0?` bg-${e.color}`:"")+(t?` text-${t} q-chip--colored`:"")+(e.disable===!0?" disabled":"")+(e.dense===!0?" q-chip--dense":"")+(e.outline===!0?" q-chip--outline":"")+(e.selected===!0?" q-chip--selected":"")+(c.value===!0?" q-chip--clickable cursor-pointer non-selectable q-hoverable":"")+(e.square===!0?" q-chip--square":"")+(b.value===!0?" q-chip--dark q-dark":"")}),s=l(()=>{const t=e.disable===!0?{tabindex:-1,"aria-disabled":"true"}:{tabindex:e.tabindex||0},o={...t,role:"button","aria-hidden":"false","aria-label":e.removeAriaLabel||n.lang.label.remove};return{chip:t,remove:o}});function S(t){t.keyCode===13&&r(t)}function r(t){e.disable||(a("update:selected",!e.selected),a("click",t))}function d(t){(t.keyCode===void 0||t.keyCode===13)&&(w(t),e.disable===!1&&(a("update:modelValue",!1),a("remove")))}function k(){const t=[];c.value===!0&&t.push(i("div",{class:"q-focus-helper"})),f.value===!0&&t.push(i(u,{class:"q-chip__icon q-chip__icon--left",name:m.value}));const o=e.label!==void 0?[i("div",{class:"ellipsis"},[e.label])]:void 0;return t.push(i("div",{class:"q-chip__content col row no-wrap items-center q-anchor--skip"},I(h.default,o))),e.iconRight&&t.push(i(u,{class:"q-chip__icon q-chip__icon--right",name:e.iconRight})),e.removable===!0&&t.push(i(u,{class:"q-chip__icon q-chip__icon--remove cursor-pointer",name:q.value,...s.value.remove,onClick:d,onKeyup:d})),t}return()=>{if(e.modelValue===!1)return;const t={class:g.value,style:v.value};return c.value===!0&&Object.assign(t,s.value.chip,{onClick:r,onKeyup:S}),B("div",t,k(),"ripple",e.ripple!==!1&&e.disable!==!0,()=>[[z,e.ripple]])}}});export{V as Q};
