vue-instantsearch 4.13.1 → 4.13.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +6 -6
- package/src/components/HierarchicalMenuList.vue +1 -2
- package/src/components/SearchInput.vue +8 -4
- package/src/components/__tests__/HierarchicalMenu.js +0 -343
- package/src/components/__tests__/__snapshots__/HierarchicalMenu.js.snap +0 -568
- package/vue2/cjs/index.js +1 -1
- package/vue2/cjs/index.js.map +1 -1
- package/vue2/es/package.json.js +1 -1
- package/vue2/es/src/components/HierarchicalMenuList.vue.js +1 -1
- package/vue2/es/src/components/SearchInput.vue.js +1 -1
- package/vue2/es/src/components/SearchInput.vue_rollup-plugin-vue=script.js +1 -1
- package/vue2/umd/index.js +1 -1
- package/vue2/umd/index.js.map +1 -1
- package/vue3/cjs/index.js +1 -1
- package/vue3/cjs/index.js.map +1 -1
- package/vue3/es/package.json.js +1 -1
- package/vue3/es/src/components/HierarchicalMenuList.vue.js +1 -1
- package/vue3/es/src/components/HierarchicalMenuList.vue_vue&type=script&lang.js.map +1 -1
- package/vue3/es/src/components/{HierarchicalMenuList.vue_vue&type=template&id=eb2af574&lang.js → HierarchicalMenuList.vue_vue&type=template&id=420e1cd4&lang.js} +2 -2
- package/vue3/es/src/components/HierarchicalMenuList.vue_vue&type=template&id=420e1cd4&lang.js.map +1 -0
- package/vue3/es/src/components/SearchInput.vue.js +1 -1
- package/vue3/es/src/components/SearchInput.vue_vue&type=script&lang.js +1 -1
- package/vue3/es/src/components/SearchInput.vue_vue&type=script&lang.js.map +1 -1
- package/vue3/es/src/components/SearchInput.vue_vue&type=template&id=3a66396c&lang.js +2 -0
- package/vue3/es/src/components/SearchInput.vue_vue&type=template&id=3a66396c&lang.js.map +1 -0
- package/vue3/umd/index.js +1 -1
- package/vue3/umd/index.js.map +1 -1
- package/vue3/es/src/components/HierarchicalMenuList.vue_vue&type=template&id=eb2af574&lang.js.map +0 -1
- package/vue3/es/src/components/SearchInput.vue_vue&type=template&id=2e14ab6e&lang.js +0 -2
- package/vue3/es/src/components/SearchInput.vue_vue&type=template&id=2e14ab6e&lang.js.map +0 -1
package/vue3/es/package.json.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var r="4.13.
|
|
1
|
+
var r="4.13.2";export{r as version};
|
|
2
2
|
//# sourceMappingURL=package.json.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"./HierarchicalMenuList.vue_vue&type=script&lang.js";import{render as r}from"./HierarchicalMenuList.vue_vue&type=template&id=
|
|
1
|
+
import e from"./HierarchicalMenuList.vue_vue&type=script&lang.js";import{render as r}from"./HierarchicalMenuList.vue_vue&type=template&id=420e1cd4&lang.js";e.render=r;export default e;
|
|
2
2
|
//# sourceMappingURL=HierarchicalMenuList.vue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HierarchicalMenuList.vue_vue&type=script&lang.js","sources":["../../../../src/components/HierarchicalMenuList.vue"],"sourcesContent":["<template>\n <ul\n v-if=\"items.length > 0\"\n :class=\"[\n suit('list'),\n level > 0 && suit('list', 'child'),\n suit('list', `lvl${level}`),\n ]\"\n >\n <li\n v-for=\"item in items\"\n :key=\"item.value\"\n :class=\"[\n suit('item'),\n item.
|
|
1
|
+
{"version":3,"file":"HierarchicalMenuList.vue_vue&type=script&lang.js","sources":["../../../../src/components/HierarchicalMenuList.vue"],"sourcesContent":["<template>\n <ul\n v-if=\"items.length > 0\"\n :class=\"[\n suit('list'),\n level > 0 && suit('list', 'child'),\n suit('list', `lvl${level}`),\n ]\"\n >\n <li\n v-for=\"item in items\"\n :key=\"item.value\"\n :class=\"[\n suit('item'),\n item.isRefined && suit('item', 'selected'),\n item.data && item.data.length > 0 && suit('item', 'parent'),\n ]\"\n >\n <a\n :href=\"createURL(item.value)\"\n :class=\"[suit('link'), item.isRefined && suit('link', 'selected')]\"\n @click.prevent=\"refine(item.value)\"\n >\n <span :class=\"suit('label')\">{{ item.label }}</span>\n <span :class=\"suit('count')\">{{ item.count }}</span>\n </a>\n <hierarchical-menu-list\n v-if=\"item.data\"\n :items=\"item.data\"\n :level=\"level + 1\"\n :refine=\"refine\"\n :createURL=\"createURL\"\n :suit=\"suit\"\n />\n </li>\n </ul>\n</template>\n\n<script>\nexport default {\n name: 'HierarchicalMenuList',\n props: {\n items: {\n type: Array,\n required: true,\n },\n level: {\n type: Number,\n required: true,\n },\n refine: {\n type: Function,\n required: true,\n },\n createURL: {\n type: Function,\n required: true,\n },\n suit: {\n type: Function,\n required: true,\n },\n },\n};\n</script>\n"],"names":["name","props","items","type","Array","required","level","Number","refine","Function","createURL","suit"],"mappings":"cAuCe,CACbA,KAAM,uBACNC,MAAO,CACLC,MAAO,CACLC,KAAMC,MACNC,UAAU,GAEZC,MAAO,CACLH,KAAMI,OACNF,UAAU,GAEZG,OAAQ,CACNL,KAAMM,SACNJ,UAAU,GAEZK,UAAW,CACTP,KAAMM,SACNJ,UAAU,GAEZM,KAAM,CACJR,KAAMM,SACNJ,UAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{resolveComponent as e,openBlock as t,createElementBlock as i,normalizeClass as l,Fragment as s,renderList as a,createElementVNode as n,withModifiers as u,toDisplayString as r,createBlock as c,createCommentVNode as v}from"vue";var f=["href","onClick"];function m(m,o,d,h,k,p){var R=e("hierarchical-menu-list",!0);return d.items.length>0?(t(),i("ul",{key:0,class:l([d.suit("list"),d.level>0&&d.suit("list","child"),d.suit("list","lvl"+d.level)])},[(t(!0),i(s,null,a(d.items,function(e){return t(),i("li",{key:e.value,class:l([d.suit("item"),e.
|
|
2
|
-
//# sourceMappingURL=HierarchicalMenuList.vue_vue&type=template&id=
|
|
1
|
+
import{resolveComponent as e,openBlock as t,createElementBlock as i,normalizeClass as l,Fragment as s,renderList as a,createElementVNode as n,withModifiers as u,toDisplayString as r,createBlock as c,createCommentVNode as v}from"vue";var f=["href","onClick"];function m(m,o,d,h,k,p){var R=e("hierarchical-menu-list",!0);return d.items.length>0?(t(),i("ul",{key:0,class:l([d.suit("list"),d.level>0&&d.suit("list","child"),d.suit("list","lvl"+d.level)])},[(t(!0),i(s,null,a(d.items,function(e){return t(),i("li",{key:e.value,class:l([d.suit("item"),e.isRefined&&d.suit("item","selected"),e.data&&e.data.length>0&&d.suit("item","parent")])},[n("a",{href:d.createURL(e.value),class:l([d.suit("link"),e.isRefined&&d.suit("link","selected")]),onClick:u(function(t){return d.refine(e.value)},["prevent"])},[n("span",{class:l(d.suit("label"))},r(e.label),3),n("span",{class:l(d.suit("count"))},r(e.count),3)],10,f),e.data?(t(),c(R,{key:0,items:e.data,level:d.level+1,refine:d.refine,createURL:d.createURL,suit:d.suit},null,8,["items","level","refine","createURL","suit"])):v("",!0)],2)}),128))],2)):v("",!0)}export{m as render};
|
|
2
|
+
//# sourceMappingURL=HierarchicalMenuList.vue_vue&type=template&id=420e1cd4&lang.js.map
|
package/vue3/es/src/components/HierarchicalMenuList.vue_vue&type=template&id=420e1cd4&lang.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HierarchicalMenuList.vue_vue&type=template&id=420e1cd4&lang.js","sources":["../../../../src/components/HierarchicalMenuList.vue?vue&type=template&id=420e1cd4&lang.js"],"sourcesContent":["<template>\n <ul\n v-if=\"items.length > 0\"\n :class=\"[\n suit('list'),\n level > 0 && suit('list', 'child'),\n suit('list', `lvl${level}`),\n ]\"\n >\n <li\n v-for=\"item in items\"\n :key=\"item.value\"\n :class=\"[\n suit('item'),\n item.isRefined && suit('item', 'selected'),\n item.data && item.data.length > 0 && suit('item', 'parent'),\n ]\"\n >\n <a\n :href=\"createURL(item.value)\"\n :class=\"[suit('link'), item.isRefined && suit('link', 'selected')]\"\n @click.prevent=\"refine(item.value)\"\n >\n <span :class=\"suit('label')\">{{ item.label }}</span>\n <span :class=\"suit('count')\">{{ item.count }}</span>\n </a>\n <hierarchical-menu-list\n v-if=\"item.data\"\n :items=\"item.data\"\n :level=\"level + 1\"\n :refine=\"refine\"\n :createURL=\"createURL\"\n :suit=\"suit\"\n />\n </li>\n </ul>\n</template>\n\n<script>\nexport default {\n name: 'HierarchicalMenuList',\n props: {\n items: {\n type: Array,\n required: true,\n },\n level: {\n type: Number,\n required: true,\n },\n refine: {\n type: Function,\n required: true,\n },\n createURL: {\n type: Function,\n required: true,\n },\n suit: {\n type: Function,\n required: true,\n },\n },\n};\n</script>\n"],"names":["$props","length","_createElementBlock","class","item","key","value","_createElementVNode","href","isRefined","onClick","label","count","data","_createBlock","items","level","refine","createURL","suit"],"mappings":"sUAEUA,QAAMC,cADdC,cAEGC,kGAMDD,WACiBF,iBAARI,cADTF,QAEGG,IAAKD,EAAKE,MACVH,oHAMDI,OACGC,KAAMR,YAAUI,EAAKE,OACrBH,SAAQH,eAAcI,EAAKK,WAAaT,4BACxCU,6BAAeV,SAAOI,EAAKE,uBAE5BC,UAAOJ,QAAOH,oBAAkBI,EAAKO,UACrCJ,UAAOJ,QAAOH,oBAAkBI,EAAKQ,iBAG/BR,EAAKS,UADbC,WAEGC,MAAOX,EAAKS,KACZG,MAAOhB,UACPiB,OAAQjB,SACRkB,UAAWlB,YACXmB,KAAMnB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"./SearchInput.vue_vue&type=script&lang.js";import{render as t}from"./SearchInput.vue_vue&type=template&id=
|
|
1
|
+
import e from"./SearchInput.vue_vue&type=script&lang.js";import{render as t}from"./SearchInput.vue_vue&type=template&id=3a66396c&lang.js";e.render=t;export default e;
|
|
2
2
|
//# sourceMappingURL=SearchInput.vue.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createSuitMixin as e}from"../mixins/suit.js";export default{name:"SearchInput",mixins:[e({name:"SearchBox"})],props:{placeholder:{type:String,default:"Search here…"},autofocus:{type:Boolean,default:!1},showLoadingIndicator:{type:Boolean,default:!1},shouldShowLoadingIndicator:{type:Boolean,default:!1},submitTitle:{type:String,default:"Search"},resetTitle:{type:String,default:"Clear"},value:{type:String,required:!1,default:void 0},modelValue:{type:String,required:!1,default:void 0}},emits:["input","update:modelValue","blur","focus","reset"],data:function(){return{query:""}},methods:{isFocused:function(){return document.activeElement===this.$refs.input},onFormSubmit:function(){this.$refs.input.blur()},onFormReset:function(){this.$emit("input",""),this.$emit("update:modelValue",""),this.$emit("reset")}}};
|
|
1
|
+
import{createSuitMixin as e}from"../mixins/suit.js";export default{name:"SearchInput",mixins:[e({name:"SearchBox"})],props:{placeholder:{type:String,default:"Search here…"},autofocus:{type:Boolean,default:!1},showLoadingIndicator:{type:Boolean,default:!1},shouldShowLoadingIndicator:{type:Boolean,default:!1},submitTitle:{type:String,default:"Search"},resetTitle:{type:String,default:"Clear"},value:{type:String,required:!1,default:void 0},modelValue:{type:String,required:!1,default:void 0}},emits:["input","update:modelValue","blur","focus","reset"],data:function(){return{query:""}},methods:{isFocused:function(){return document.activeElement===this.$refs.input},onInput:function(e){"compositionend"!==e.type&&e.isComposing||(this.$emit("input",e.target.value),this.$emit("update:modelValue",e.target.value))},onFormSubmit:function(){this.$refs.input.blur()},onFormReset:function(){this.$emit("input",""),this.$emit("update:modelValue",""),this.$emit("reset")}}};
|
|
2
2
|
//# sourceMappingURL=SearchInput.vue_vue&type=script&lang.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.vue_vue&type=script&lang.js","sources":["../../../../src/components/SearchInput.vue"],"sourcesContent":["<template>\n <form\n action=\"\"\n role=\"search\"\n novalidate\n :class=\"suit('form')\"\n @submit.prevent=\"onFormSubmit\"\n @reset.prevent=\"onFormReset\"\n >\n <!-- :value/@input allows us to pass v-model to the component in v2 -->\n <!-- :modelValue/@update:modelValue allows us to pass v-model to the component in v3 -->\n <input\n type=\"search\"\n autocorrect=\"off\"\n autocapitalize=\"off\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n maxlength=\"512\"\n aria-label=\"Search\"\n :placeholder=\"placeholder\"\n :autofocus=\"autofocus\"\n :class=\"suit('input')\"\n :value=\"value || modelValue\"\n @focus=\"$emit('focus', $event)\"\n @blur=\"$emit('blur', $event)\"\n @input=\"
|
|
1
|
+
{"version":3,"file":"SearchInput.vue_vue&type=script&lang.js","sources":["../../../../src/components/SearchInput.vue"],"sourcesContent":["<template>\n <form\n action=\"\"\n role=\"search\"\n novalidate\n :class=\"suit('form')\"\n @submit.prevent=\"onFormSubmit\"\n @reset.prevent=\"onFormReset\"\n >\n <!-- :value/@input allows us to pass v-model to the component in v2 -->\n <!-- :modelValue/@update:modelValue allows us to pass v-model to the component in v3 -->\n <input\n type=\"search\"\n autocorrect=\"off\"\n autocapitalize=\"off\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n maxlength=\"512\"\n aria-label=\"Search\"\n :placeholder=\"placeholder\"\n :autofocus=\"autofocus\"\n :class=\"suit('input')\"\n :value=\"value || modelValue\"\n @focus=\"$emit('focus', $event)\"\n @blur=\"$emit('blur', $event)\"\n @input=\"onInput($event)\"\n @compositionend=\"onInput($event)\"\n ref=\"input\"\n />\n <button\n type=\"submit\"\n :title=\"submitTitle\"\n :class=\"suit('submit')\"\n :hidden=\"showLoadingIndicator && shouldShowLoadingIndicator\"\n >\n <slot name=\"submit-icon\">\n <svg\n aria-hidden=\"true\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 40 40\"\n :class=\"suit('submitIcon')\"\n >\n <path\n 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\"\n />\n </svg>\n </slot>\n </button>\n\n <button\n type=\"reset\"\n :title=\"resetTitle\"\n :class=\"suit('reset')\"\n :hidden=\"\n (!value && !modelValue) ||\n (showLoadingIndicator && shouldShowLoadingIndicator)\n \"\n >\n <slot name=\"reset-icon\">\n <svg\n aria-hidden=\"true\"\n height=\"10\"\n viewBox=\"0 0 20 20\"\n :class=\"suit('resetIcon')\"\n width=\"10\"\n >\n <path\n 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\"\n />\n </svg>\n </slot>\n </button>\n\n <span\n v-if=\"showLoadingIndicator\"\n :hidden=\"!shouldShowLoadingIndicator\"\n :class=\"suit('loadingIndicator')\"\n >\n <slot name=\"loading-indicator\">\n <svg\n :aria-hidden=\"!shouldShowLoadingIndicator\"\n aria-label=\"Results are loading\"\n width=\"16\"\n height=\"16\"\n stroke=\"#444\"\n viewBox=\"0 0 38 38\"\n :class=\"suit('loadingIcon')\"\n >\n <g fill=\"none\" fill-rule=\"evenodd\">\n <g transform=\"translate(1 1)\" stroke-width=\"2\">\n <circle stroke-opacity=\".5\" cx=\"18\" cy=\"18\" r=\"18\" />\n <path d=\"M36 18c0-9.94-8.06-18-18-18\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"1s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </g>\n </g>\n </svg>\n </slot>\n </span>\n </form>\n</template>\n\n<script>\nimport { createSuitMixin } from '../mixins/suit';\n\nexport default {\n name: 'SearchInput',\n mixins: [createSuitMixin({ name: 'SearchBox' })],\n props: {\n placeholder: {\n type: String,\n default: 'Search here…',\n },\n autofocus: {\n type: Boolean,\n default: false,\n },\n showLoadingIndicator: {\n type: Boolean,\n default: false,\n },\n shouldShowLoadingIndicator: {\n type: Boolean,\n default: false,\n },\n submitTitle: {\n type: String,\n default: 'Search',\n },\n resetTitle: {\n type: String,\n default: 'Clear',\n },\n value: {\n type: String,\n required: false,\n default: undefined,\n },\n modelValue: {\n type: String,\n required: false,\n default: undefined,\n },\n },\n emits: ['input', 'update:modelValue', 'blur', 'focus', 'reset'],\n data() {\n return {\n query: '',\n };\n },\n methods: {\n isFocused() {\n return document.activeElement === this.$refs.input;\n },\n onInput(event) {\n if (event.type === 'compositionend' || !event.isComposing) {\n this.$emit('input', event.target.value);\n this.$emit('update:modelValue', event.target.value);\n }\n },\n onFormSubmit() {\n const input = this.$refs.input;\n input.blur();\n },\n onFormReset() {\n this.$emit('input', '');\n this.$emit('update:modelValue', '');\n this.$emit('reset');\n },\n },\n};\n</script>\n"],"names":["name","mixins","createSuitMixin","props","placeholder","type","String","default","autofocus","Boolean","showLoadingIndicator","shouldShowLoadingIndicator","submitTitle","resetTitle","value","required","undefined","modelValue","emits","data","query","methods","isFocused","document","activeElement","this","$refs","input","onInput","event","isComposing","$emit","target","onFormSubmit","blur","onFormReset"],"mappings":"kEAiHe,CACbA,KAAM,cACNC,OAAQ,CAACC,EAAgB,CAAEF,KAAM,eACjCG,MAAO,CACLC,YAAa,CACXC,KAAMC,OACNC,QAAS,gBAEXC,UAAW,CACTH,KAAMI,QACNF,SAAS,GAEXG,qBAAsB,CACpBL,KAAMI,QACNF,SAAS,GAEXI,2BAA4B,CAC1BN,KAAMI,QACNF,SAAS,GAEXK,YAAa,CACXP,KAAMC,OACNC,QAAS,UAEXM,WAAY,CACVR,KAAMC,OACNC,QAAS,SAEXO,MAAO,CACLT,KAAMC,OACNS,UAAU,EACVR,aAASS,GAEXC,WAAY,CACVZ,KAAMC,OACNS,UAAU,EACVR,aAASS,IAGbE,MAAO,CAAC,QAAS,oBAAqB,OAAQ,QAAS,SACvDC,gBACE,MAAO,CACLC,MAAO,KAGXC,QAAS,CACPC,qBACE,OAAOC,SAASC,gBAAkBC,KAAKC,MAAMC,OAE/CC,iBAAQC,GACa,mBAAfA,EAAMxB,MAA8BwB,EAAMC,cAC5CL,KAAKM,MAAM,QAASF,EAAMG,OAAOlB,OACjCW,KAAKM,MAAM,oBAAqBF,EAAMG,OAAOlB,SAGjDmB,wBACgBR,KAAKC,MAAMC,MACnBO,QAERC,uBACEV,KAAKM,MAAM,QAAS,IACpBN,KAAKM,MAAM,oBAAqB,IAChCN,KAAKM,MAAM"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{openBlock as t,createElementBlock as o,normalizeClass as e,withModifiers as n,createElementVNode as i,renderSlot as a,createCommentVNode as r,createStaticVNode as l}from"vue";var u=["placeholder","autofocus","value"],s=["title","hidden"],c=[i("path",{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"},null,-1)],d=["title","hidden"],h=[i("path",{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"},null,-1)],f=["hidden"],m=["aria-hidden"],p=[l('<g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle stroke-opacity=".5" cx="18" cy="18" r="18"></circle><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"></animateTransform></path></g></g>',1)];function g(l,g,v,b,w,I){return t(),o("form",{action:"",role:"search",novalidate:"",class:e(l.suit("form")),onSubmit:g[4]||(g[4]=n(function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return I.onFormSubmit&&I.onFormSubmit.apply(I,t)},["prevent"])),onReset:g[5]||(g[5]=n(function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return I.onFormReset&&I.onFormReset.apply(I,t)},["prevent"]))},[i("input",{type:"search",autocorrect:"off",autocapitalize:"off",autocomplete:"off",spellcheck:"false",maxlength:"512","aria-label":"Search",placeholder:v.placeholder,autofocus:v.autofocus,class:e(l.suit("input")),value:v.value||v.modelValue,onFocus:g[0]||(g[0]=function(t){return l.$emit("focus",t)}),onBlur:g[1]||(g[1]=function(t){return l.$emit("blur",t)}),onInput:g[2]||(g[2]=function(t){return I.onInput(t)}),onCompositionend:g[3]||(g[3]=function(t){return I.onInput(t)}),ref:"input"},null,42,u),i("button",{type:"submit",title:v.submitTitle,class:e(l.suit("submit")),hidden:v.showLoadingIndicator&&v.shouldShowLoadingIndicator},[a(l.$slots,"submit-icon",{},function(){return[(t(),o("svg",{"aria-hidden":"true",width:"10",height:"10",viewBox:"0 0 40 40",class:e(l.suit("submitIcon"))},c,2))]})],10,s),i("button",{type:"reset",title:v.resetTitle,class:e(l.suit("reset")),hidden:!v.value&&!v.modelValue||v.showLoadingIndicator&&v.shouldShowLoadingIndicator},[a(l.$slots,"reset-icon",{},function(){return[(t(),o("svg",{"aria-hidden":"true",height:"10",viewBox:"0 0 20 20",class:e(l.suit("resetIcon")),width:"10"},h,2))]})],10,d),v.showLoadingIndicator?(t(),o("span",{key:0,hidden:!v.shouldShowLoadingIndicator,class:e(l.suit("loadingIndicator"))},[a(l.$slots,"loading-indicator",{},function(){return[(t(),o("svg",{"aria-hidden":!v.shouldShowLoadingIndicator,"aria-label":"Results are loading",width:"16",height:"16",stroke:"#444",viewBox:"0 0 38 38",class:e(l.suit("loadingIcon"))},p,10,m))]})],10,f)):r("",!0)],34)}export{g as render};
|
|
2
|
+
//# sourceMappingURL=SearchInput.vue_vue&type=template&id=3a66396c&lang.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.vue_vue&type=template&id=3a66396c&lang.js","sources":["../../../../src/components/SearchInput.vue?vue&type=template&id=3a66396c&lang.js"],"sourcesContent":["<template>\n <form\n action=\"\"\n role=\"search\"\n novalidate\n :class=\"suit('form')\"\n @submit.prevent=\"onFormSubmit\"\n @reset.prevent=\"onFormReset\"\n >\n <!-- :value/@input allows us to pass v-model to the component in v2 -->\n <!-- :modelValue/@update:modelValue allows us to pass v-model to the component in v3 -->\n <input\n type=\"search\"\n autocorrect=\"off\"\n autocapitalize=\"off\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n maxlength=\"512\"\n aria-label=\"Search\"\n :placeholder=\"placeholder\"\n :autofocus=\"autofocus\"\n :class=\"suit('input')\"\n :value=\"value || modelValue\"\n @focus=\"$emit('focus', $event)\"\n @blur=\"$emit('blur', $event)\"\n @input=\"onInput($event)\"\n @compositionend=\"onInput($event)\"\n ref=\"input\"\n />\n <button\n type=\"submit\"\n :title=\"submitTitle\"\n :class=\"suit('submit')\"\n :hidden=\"showLoadingIndicator && shouldShowLoadingIndicator\"\n >\n <slot name=\"submit-icon\">\n <svg\n aria-hidden=\"true\"\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 40 40\"\n :class=\"suit('submitIcon')\"\n >\n <path\n 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\"\n />\n </svg>\n </slot>\n </button>\n\n <button\n type=\"reset\"\n :title=\"resetTitle\"\n :class=\"suit('reset')\"\n :hidden=\"\n (!value && !modelValue) ||\n (showLoadingIndicator && shouldShowLoadingIndicator)\n \"\n >\n <slot name=\"reset-icon\">\n <svg\n aria-hidden=\"true\"\n height=\"10\"\n viewBox=\"0 0 20 20\"\n :class=\"suit('resetIcon')\"\n width=\"10\"\n >\n <path\n 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\"\n />\n </svg>\n </slot>\n </button>\n\n <span\n v-if=\"showLoadingIndicator\"\n :hidden=\"!shouldShowLoadingIndicator\"\n :class=\"suit('loadingIndicator')\"\n >\n <slot name=\"loading-indicator\">\n <svg\n :aria-hidden=\"!shouldShowLoadingIndicator\"\n aria-label=\"Results are loading\"\n width=\"16\"\n height=\"16\"\n stroke=\"#444\"\n viewBox=\"0 0 38 38\"\n :class=\"suit('loadingIcon')\"\n >\n <g fill=\"none\" fill-rule=\"evenodd\">\n <g transform=\"translate(1 1)\" stroke-width=\"2\">\n <circle stroke-opacity=\".5\" cx=\"18\" cy=\"18\" r=\"18\" />\n <path d=\"M36 18c0-9.94-8.06-18-18-18\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"1s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </g>\n </g>\n </svg>\n </slot>\n </span>\n </form>\n</template>\n\n<script>\nimport { createSuitMixin } from '../mixins/suit';\n\nexport default {\n name: 'SearchInput',\n mixins: [createSuitMixin({ name: 'SearchBox' })],\n props: {\n placeholder: {\n type: String,\n default: 'Search here…',\n },\n autofocus: {\n type: Boolean,\n default: false,\n },\n showLoadingIndicator: {\n type: Boolean,\n default: false,\n },\n shouldShowLoadingIndicator: {\n type: Boolean,\n default: false,\n },\n submitTitle: {\n type: String,\n default: 'Search',\n },\n resetTitle: {\n type: String,\n default: 'Clear',\n },\n value: {\n type: String,\n required: false,\n default: undefined,\n },\n modelValue: {\n type: String,\n required: false,\n default: undefined,\n },\n },\n emits: ['input', 'update:modelValue', 'blur', 'focus', 'reset'],\n data() {\n return {\n query: '',\n };\n },\n methods: {\n isFocused() {\n return document.activeElement === this.$refs.input;\n },\n onInput(event) {\n if (event.type === 'compositionend' || !event.isComposing) {\n this.$emit('input', event.target.value);\n this.$emit('update:modelValue', event.target.value);\n }\n },\n onFormSubmit() {\n const input = this.$refs.input;\n input.blur();\n },\n onFormReset() {\n this.$emit('input', '');\n this.$emit('update:modelValue', '');\n this.$emit('reset');\n },\n },\n};\n</script>\n"],"names":["_createElementVNode","d","_createElementBlock","action","role","novalidate","class","_ctx","onSubmit","$options","onReset","type","autocorrect","autocapitalize","autocomplete","spellcheck","maxlength","aria-label","placeholder","$props","autofocus","value","onFocus","$event","onBlur","onInput","onCompositionend","ref","title","hidden","_renderSlot","aria-hidden","width","height","viewBox","stroke"],"mappings":"wPA2CUA,UACEC,EAAE,sbAuBJD,UACEC,EAAE,knBAnEZC,UACEC,OAAO,GACPC,KAAK,SACLC,WAAA,GACCC,QAAOC,gBACPC,gGAAgBC,yDAChBC,+FAAeD,yDAIhBT,WACEW,KAAK,SACLC,YAAY,MACZC,eAAe,MACfC,aAAa,MACbC,WAAW,QACXC,UAAU,MACVC,aAAW,SACVC,YAAaC,cACbC,UAAWD,YACXb,QAAOC,iBACPc,MAAOF,SAASA,aAChBG,uCAAOf,gBAAegB,KACtBC,sCAAMjB,eAAcgB,KACpBE,uCAAOhB,UAAQc,KACfG,gDAAgBjB,UAAQc,KACzBI,IAAI,oBAEN3B,YACEW,KAAK,SACJiB,MAAOT,cACPb,QAAOC,kBACPsB,OAAQV,wBAAwBA,+BAEjCW,mDACE5B,SACE6B,cAAY,OACZC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACP5B,QAAOC,uCASdP,YACEW,KAAK,QACJiB,MAAOT,aACPb,QAAOC,iBACPsB,uFAKDC,kDACE5B,SACE6B,cAAY,OACZE,OAAO,KACPC,QAAQ,YACP5B,QAAOC,qBACRyB,MAAM,sBAUJb,4BADRjB,gBAEG2B,QAASV,6BACTb,QAAOC,8BAERuB,yDACE5B,SACG6B,eAAcZ,6BACfF,aAAW,sBACXe,MAAM,KACNC,OAAO,KACPE,OAAO,OACPD,QAAQ,YACP5B,QAAOC"}
|