diff options
Diffstat (limited to 'resources/lib/codex/modules/CdxSearchInput.cjs')
| -rw-r--r-- | resources/lib/codex/modules/CdxSearchInput.cjs | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/resources/lib/codex/modules/CdxSearchInput.cjs b/resources/lib/codex/modules/CdxSearchInput.cjs index 1d3b7e36d27a..8918379a9fc7 100644 --- a/resources/lib/codex/modules/CdxSearchInput.cjs +++ b/resources/lib/codex/modules/CdxSearchInput.cjs @@ -1 +1 @@ -"use strict";const t=require("vue"),p=require("./Icon.js"),c=require("./CdxButton.cjs"),m=require("./CdxTextInput.cjs"),b=require("./useModelWrapper.cjs"),f=require("./useSplitAttributes.cjs"),h=require("./useFieldData.cjs"),i=require("./constants.js"),C=require("./_plugin-vue_export-helper.js"),S=i.makeStringTypeValidator(i.ValidationStatusTypes),y=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:c,CdxTextInput:m},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},buttonLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:S}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:o,attrs:a}){const s=b(t.toRef(e,"modelValue"),o),{computedDisabled:l}=h(t.toRef(e,"disabled")),d=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel})),{rootClasses:r,rootStyle:u,otherAttrs:n}=f(a,d);return{wrappedModel:s,computedDisabled:l,rootClasses:r,rootStyle:u,otherAttrs:n,handleSubmit:()=>{o("submit-click",s.value)},searchIcon:p.A7}},methods:{focus(){this.$refs.textInput.focus()}}}),V={class:"cdx-search-input__input-wrapper"};function I(e,o,a,s,l,d){const r=t.resolveComponent("cdx-text-input"),u=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",V,[t.createVNode(r,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":o[0]||(o[0]=n=>e.wrappedModel=n),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:o[1]||(o[1]=n=>e.$emit("input",n)),onChange:o[2]||(o[2]=n=>e.$emit("change",n)),onFocus:o[3]||(o[3]=n=>e.$emit("focus",n)),onBlur:o[4]||(o[4]=n=>e.$emit("blur",n))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.buttonLabel?(t.openBlock(),t.createBlock(u,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("v-if",!0)],6)}const g=C._export_sfc(y,[["render",I]]);module.exports=g; +"use strict";const t=require("vue"),m=require("./Icon.js"),b=require("./CdxButton.cjs"),f=require("./CdxTextInput.cjs"),h=require("./useModelWrapper.cjs"),S=require("./useSplitAttributes.cjs"),y=require("./useFieldData.cjs"),C=require("./useI18n.cjs"),i=require("./constants.js"),B=require("./_plugin-vue_export-helper.js"),V=i.makeStringTypeValidator(i.ValidationStatusTypes),I=t.defineComponent({name:"CdxSearchInput",components:{CdxButton:b,CdxTextInput:f},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},useButton:{type:Boolean,default:!1},buttonLabel:{type:String,default:""},disabled:{type:Boolean,default:!1},status:{type:String,default:"default",validator:V}},emits:["update:modelValue","submit-click","input","change","focus","blur"],setup(e,{emit:n,attrs:r}){const s=h(t.toRef(e,"modelValue"),n),{computedDisabled:l}=y(t.toRef(e,"disabled")),d=t.computed(()=>({"cdx-search-input--has-end-button":!!e.buttonLabel||e.useButton})),{rootClasses:u,rootStyle:a,otherAttrs:o}=S(r,d),c=C("cdx-search-input-search-button-label",()=>e.buttonLabel||"Search"),p=t.computed(()=>e.useButton||e.buttonLabel.length>0);return{wrappedModel:s,computedDisabled:l,rootClasses:u,rootStyle:a,otherAttrs:o,handleSubmit:()=>{n("submit-click",s.value)},searchIcon:m.A7,translatedSearchButtonLabel:c,useButtonOrLabel:p}},methods:{focus(){this.$refs.textInput.focus()}}}),g={class:"cdx-search-input__input-wrapper"};function x(e,n,r,s,l,d){const u=t.resolveComponent("cdx-text-input"),a=t.resolveComponent("cdx-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["cdx-search-input",e.rootClasses]),style:t.normalizeStyle(e.rootStyle)},[t.createElementVNode("div",g,[t.createVNode(u,t.mergeProps({ref:"textInput",modelValue:e.wrappedModel,"onUpdate:modelValue":n[0]||(n[0]=o=>e.wrappedModel=o),class:"cdx-search-input__text-input","input-type":"search","start-icon":e.searchIcon,disabled:e.computedDisabled,status:e.status},e.otherAttrs,{onKeydown:t.withKeys(e.handleSubmit,["enter"]),onInput:n[1]||(n[1]=o=>e.$emit("input",o)),onChange:n[2]||(n[2]=o=>e.$emit("change",o)),onFocus:n[3]||(n[3]=o=>e.$emit("focus",o)),onBlur:n[4]||(n[4]=o=>e.$emit("blur",o))}),null,16,["modelValue","start-icon","disabled","status","onKeydown"]),t.renderSlot(e.$slots,"default")]),e.useButtonOrLabel?(t.openBlock(),t.createBlock(a,{key:0,class:"cdx-search-input__end-button",disabled:e.computedDisabled,onClick:e.handleSubmit},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.translatedSearchButtonLabel),1)]),_:1},8,["disabled","onClick"])):t.createCommentVNode("v-if",!0)],6)}const k=B._export_sfc(I,[["render",x]]);module.exports=k; |