@aotearoan/neon/dist/components/user-input/search-filter/NeonSearchFilter.vue.cjs.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

"use strict";const d=require("./NeonSearchFilter.cjs.js"),o=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),u={class:"neon-search-filter__title"};function p(e,l,h,m,C,k){const n=o.resolveComponent("neon-button"),s=o.resolveComponent("neon-field-group"),i=o.resolveComponent("neon-input"),r=o.resolveComponent("neon-stack"),a=o.resolveComponent("neon-dropdown");return o.openBlock(),o.createBlock(a,{modelValue:e.open,"onUpdate:modelValue":l[3]||(l[3]=t=>e.open=t),class:"neon-search-filter"},{"dropdown-button":o.withCtx(()=>[e.modelValue!==""?(o.openBlock(),o.createBlock(s,{key:0,"indicator-style":"external"},{default:o.withCtx(()=>[o.createVNode(n,{color:e.color,disabled:e.disabled,label:e.computedLabel,size:e.size,title:e.editTitle,"button-style":"solid",onClick:e.onOpen},null,8,["color","disabled","label","size","title","onClick"]),o.createVNode(n,{color:e.color,disabled:e.disabled,size:e.size,title:e.clearTitle,"button-style":"solid",icon:"close",onClick:l[0]||(l[0]=t=>e.updateSearch(""))},null,8,["color","disabled","size","title"])]),_:1})):(o.openBlock(),o.createBlock(n,{key:1,disabled:e.disabled,label:e.label,size:e.size,"button-style":"outline",color:"high-contrast",icon:"search","icon-position":"right",onClick:e.onOpen},null,8,["disabled","label","size","onClick"]))]),default:o.withCtx(()=>[o.createVNode(r,{class:"neon-search-filter__content"},{default:o.withCtx(()=>[o.createVNode(r,{gap:"m"},{default:o.withCtx(()=>[o.createElementVNode("span",u,o.toDisplayString(e.label),1),o.createVNode(i,{ref:"searchElement",icon:e.search===""?"search":"times","model-value":e.search,placeholder:e.placeholder,color:"high-contrast",onIconClick:l[1]||(l[1]=t=>e.onSearchClear()),"onUpdate:modelValue":e.onSearchChange},null,8,["icon","model-value","placeholder","onUpdate:modelValue"])]),_:1}),o.createVNode(n,{"button-style":e.isDirty?"solid":"outline",disabled:e.searchCount===0,label:e.computedShowLabel,class:"neon-search-filter__cta",color:"high-contrast","full-width":"",onClick:l[2]||(l[2]=t=>e.updateSearch(e.search))},null,8,["button-style","disabled","label"])]),_:1})]),_:1},8,["modelValue"])}const b=c(d,[["render",p]]);module.exports=b;
//# sourceMappingURL=NeonSearchFilter.vue.cjs.js.map