vue-instantsearch
Version:
👀 Lightning-fast Algolia search for Vue apps
3 lines (2 loc) • 3.35 kB
JavaScript
import t from"./SearchInput.vue_rollup-plugin-vue=script.js";export default(function(t,e,r,o,a,i,n,s){var l=("function"==typeof r?r.options:r)||{};return l.__file="SearchInput.vue",l.render||(l.render=t.render,l.staticRenderFns=t.staticRenderFns,l._compiled=!0,a&&(l.functional=!0)),l._scopeId=o,l}({render:function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("form",{class:t.suit("form"),attrs:{action:"",role:"search",novalidate:""},on:{submit:function(e){return e.preventDefault(),t.onFormSubmit.apply(null,arguments)},reset:function(e){return e.preventDefault(),t.onFormReset.apply(null,arguments)}}},[r("input",{ref:"input",class:t.suit("input"),attrs:{type:"search",autocorrect:"off",autocapitalize:"off",autocomplete:"off",spellcheck:"false",required:"",maxlength:"512","aria-label":"Search",placeholder:t.placeholder,autofocus:t.autofocus},domProps:{value:t.value||t.modelValue},on:{focus:function(e){return t.$emit("focus",e)},blur:function(e){return t.$emit("blur",e)},input:function(e){t.$emit("input",e.target.value),t.$emit("update:modelValue",e.target.value)}}}),t._v(" "),r("button",{class:t.suit("submit"),attrs:{type:"submit",title:t.submitTitle,hidden:t.showLoadingIndicator&&t.shouldShowLoadingIndicator}},[t._t("submit-icon",function(){return[r("svg",{class:t.suit("submitIcon"),attrs:{"aria-hidden":"true",role:"img",xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 40 40"}},[r("path",{attrs:{d:"M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z",fillRule:"evenodd"}})])]})],2),t._v(" "),r("button",{class:t.suit("reset"),attrs:{type:"reset",title:t.resetTitle,hidden:!t.value&&!t.modelValue||t.showLoadingIndicator&&t.shouldShowLoadingIndicator}},[t._t("reset-icon",function(){return[r("svg",{class:t.suit("resetIcon"),staticStyle:{width:"1em",height:"1em"},attrs:{"aria-hidden":"true",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"}},[r("path",{attrs:{d:"M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z",fillRule:"evenodd"}})])]})],2),t._v(" "),t.showLoadingIndicator?r("span",{class:t.suit("loadingIndicator"),attrs:{hidden:!t.shouldShowLoadingIndicator}},[t._t("loading-indicator",function(){return[r("svg",{class:t.suit("loadingIcon"),attrs:{role:"img","aria-label":"Results are loading",width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",stroke:"#444",viewBox:"0 0 38 38"}},[r("g",{attrs:{fill:"none","fill-rule":"evenodd"}},[r("g",{attrs:{transform:"translate(1 1)","stroke-width":"2"}},[r("circle",{attrs:{"stroke-opacity":".5",cx:"18",cy:"18",r:"18"}}),t._v(" "),r("path",{attrs:{d:"M36 18c0-9.94-8.06-18-18-18"}},[r("animateTransform",{attrs:{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"1s",repeatCount:"indefinite"}})],1)])])])]})],2):t._e()])},staticRenderFns:[]},0,t,void 0,!1));
//# sourceMappingURL=SearchInput.vue.js.map