npm - vue-instantsearch - Versions diffs - 4.17.0 → 4.17.2 - Mend

vue-instantsearch 4.17.0 → 4.17.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.

Files changed (40) hide show

package/src/components/__tests__/__snapshots__/RatingMenu.js.snap DELETED Viewed

@@ -1,487 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`renders correctly 1`] = `
-<div class="ais-RatingMenu">
-  <svg style="display: none;"
-       xmlns="http://www.w3.org/2000/svg"
-  >
-    <symbol id="ais-RatingMenu-starSymbol"
-            viewbox="0 0 24 24"
-    >
-      <path d="M12 .288l2.833 8.718h9.167l-7.417 5.389 2.833 8.718-7.416-5.388-7.417 5.388 2.833-8.718-7.416-5.389h9.167z">
-      </path>
-    </symbol>
-    <symbol id="ais-RatingMenu-starEmptySymbol"
-            viewbox="0 0 24 24"
-    >
-      <path d="M12 6.76l1.379 4.246h4.465l-3.612 2.625 1.379 4.246-3.611-2.625-3.612 2.625 1.379-4.246-3.612-2.625h4.465l1.38-4.246zm0-6.472l-2.833 8.718h-9.167l7.416 5.389-2.833 8.718 7.417-5.388 7.416 5.388-2.833-8.718 7.417-5.389h-9.167l-2.833-8.718z">
-      </path>
-    </symbol>
-  </svg>
-  <ul class="ais-RatingMenu-list">
-    <li class="ais-RatingMenu-item">
-      <a aria-label="1 &amp; Up"
-         class="ais-RatingMenu-link"
-         href="#"
-      >
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <span aria-hidden="true"
-              class="ais-RatingMenu-label"
-        >
-          &amp; Up
-        </span>
-        <span class="ais-RatingMenu-count">
-          20
-        </span>
-      </a>
-    </li>
-    <li class="ais-RatingMenu-item">
-      <a aria-label="2 &amp; Up"
-         class="ais-RatingMenu-link"
-         href="#"
-      >
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <span aria-hidden="true"
-              class="ais-RatingMenu-label"
-        >
-          &amp; Up
-        </span>
-        <span class="ais-RatingMenu-count">
-          3
-        </span>
-      </a>
-    </li>
-    <li class="ais-RatingMenu-item">
-      <a aria-label="3 &amp; Up"
-         class="ais-RatingMenu-link"
-         href="#"
-      >
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <span aria-hidden="true"
-              class="ais-RatingMenu-label"
-        >
-          &amp; Up
-        </span>
-        <span class="ais-RatingMenu-count">
-          2000
-        </span>
-      </a>
-    </li>
-    <li class="ais-RatingMenu-item">
-      <a aria-label="4 &amp; Up"
-         class="ais-RatingMenu-link"
-         href="#"
-      >
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <span aria-hidden="true"
-              class="ais-RatingMenu-label"
-        >
-          &amp; Up
-        </span>
-        <span class="ais-RatingMenu-count">
-          8
-        </span>
-      </a>
-    </li>
-  </ul>
-</div>
-`;
-exports[`renders correctly when refined 1`] = `
-<div class="ais-RatingMenu">
-  <svg style="display: none;"
-       xmlns="http://www.w3.org/2000/svg"
-  >
-    <symbol id="ais-RatingMenu-starSymbol"
-            viewbox="0 0 24 24"
-    >
-      <path d="M12 .288l2.833 8.718h9.167l-7.417 5.389 2.833 8.718-7.416-5.388-7.417 5.388 2.833-8.718-7.416-5.389h9.167z">
-      </path>
-    </symbol>
-    <symbol id="ais-RatingMenu-starEmptySymbol"
-            viewbox="0 0 24 24"
-    >
-      <path d="M12 6.76l1.379 4.246h4.465l-3.612 2.625 1.379 4.246-3.611-2.625-3.612 2.625 1.379-4.246-3.612-2.625h4.465l1.38-4.246zm0-6.472l-2.833 8.718h-9.167l7.416 5.389-2.833 8.718 7.417-5.388 7.416 5.388-2.833-8.718 7.417-5.389h-9.167l-2.833-8.718z">
-      </path>
-    </symbol>
-  </svg>
-  <ul class="ais-RatingMenu-list">
-    <li class="ais-RatingMenu-item">
-      <a aria-label="1 &amp; Up"
-         class="ais-RatingMenu-link"
-         href="#"
-      >
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <span aria-hidden="true"
-              class="ais-RatingMenu-label"
-        >
-          &amp; Up
-        </span>
-        <span class="ais-RatingMenu-count">
-          20
-        </span>
-      </a>
-    </li>
-    <li class="ais-RatingMenu-item">
-      <a aria-label="2 &amp; Up"
-         class="ais-RatingMenu-link"
-         href="#"
-      >
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <span aria-hidden="true"
-              class="ais-RatingMenu-label"
-        >
-          &amp; Up
-        </span>
-        <span class="ais-RatingMenu-count">
-          3
-        </span>
-      </a>
-    </li>
-    <li class="ais-RatingMenu-item">
-      <a aria-label="3 &amp; Up"
-         class="ais-RatingMenu-link"
-         href="#"
-      >
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <span aria-hidden="true"
-              class="ais-RatingMenu-label"
-        >
-          &amp; Up
-        </span>
-        <span class="ais-RatingMenu-count">
-          2000
-        </span>
-      </a>
-    </li>
-    <li class="ais-RatingMenu-item ais-RatingMenu-item--selected">
-      <a aria-label="4 &amp; Up"
-         class="ais-RatingMenu-link"
-         href="#"
-      >
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--full"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starSymbol">
-          </use>
-        </svg>
-        <svg aria-hidden="true"
-             class="ais-RatingMenu-starIcon ais-RatingMenu-starIcon--empty"
-             height="24"
-             width="24"
-        >
-          <use xlink:href="#ais-RatingMenu-starEmptySymbol">
-          </use>
-        </svg>
-        <span aria-hidden="true"
-              class="ais-RatingMenu-label"
-        >
-          &amp; Up
-        </span>
-        <span class="ais-RatingMenu-count">
-          8
-        </span>
-      </a>
-    </li>
-  </ul>
-</div>
-`;

package/vue3/es/src/components/InfiniteHits.vue_vue&type=template&id=39939af3&lang.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{openBlock as e,createElementBlock as t,normalizeClass as s,renderSlot as i,createElementVNode as n,createCommentVNode as r,Fragment as a,renderList as o,createTextVNode as u,toDisplayString as l}from"vue";var c=["disabled"],d=["onClick","onAuxclick"],f=["disabled"];function v(v,P,g,k,x,b){return v.state?(e(),t("div",{key:0,class:s(v.suit())},[g.showPrevious?i(v.$slots,"loadPrevious",{key:0,refinePrevious:b.refinePrevious,page:v.state.results.page,isFirstPage:v.state.isFirstPage},function(){return[n("button",{class:s([v.suit("loadPrevious"),v.state.isFirstPage&&v.suit("loadPrevious","disabled")]),disabled:v.state.isFirstPage,onClick:P[0]\|\|(P[0]=function(e){return b.refinePrevious()})}," Show previous results ",10,c)]}):r("",!0),i(v.$slots,"default",{items:b.items,results:v.state.results,isLastPage:v.state.isLastPage,refinePrevious:b.refinePrevious,refineNext:b.refineNext,refine:b.refineNext,insights:v.state.insights,sendEvent:v.state.sendEvent},function(){return[n("ol",{class:s(v.suit("list"))},[(e(!0),t(a,null,o(b.items,function(n,r){return e(),t("li",{class:s(v.suit("item")),key:n.objectID,onClick:function(e){return v.state.sendEvent("click:internal",n,"Hit Clicked")},onAuxclick:function(e){return v.state.sendEvent("click:internal",n,"Hit Clicked")}},[i(v.$slots,"item",{item:n,index:r,insights:v.state.insights,sendEvent:v.state.sendEvent},function(){return[u(" objectID: "+l(n.objectID)+", index: "+l(r),1)]})],42,d)}),128))],2),i(v.$slots,"loadMore",{refineNext:b.refineNext,refine:b.refineNext,page:v.state.results.page,isLastPage:v.state.isLastPage},function(){return[n("button",{class:s([v.suit("loadMore"),v.state.isLastPage&&v.suit("loadMore","disabled")]),disabled:v.state.isLastPage,onClick:P[1]\|\|(P[1]=function(e){return b.refineNext()})}," Show more results ",10,f)]})]})],2)):r("",!0)}export{v as render};
2	- //# sourceMappingURL=InfiniteHits.vue_vue&type=template&id=39939af3&lang.js.map

package/vue3/es/src/components/InfiniteHits.vue_vue&type=template&id=39939af3&lang.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"InfiniteHits.vue_vue&type=template&id=39939af3&lang.js","sources":["../../../../src/components/InfiniteHits.vue?vue&type=template&id=39939af3&lang.js"],"sourcesContent":["<template>\n <div v-if=\"state\" :class=\"suit()\">\n <slot\n v-if=\"showPrevious\"\n name=\"loadPrevious\"\n :refine-previous=\"refinePrevious\"\n :page=\"state.results.page\"\n :is-first-page=\"state.isFirstPage\"\n >\n <button\n :class=\"[\n suit('loadPrevious'),\n state.isFirstPage && suit('loadPrevious', 'disabled'),\n ]\"\n :disabled=\"state.isFirstPage\"\n @click=\"refinePrevious()\"\n >\n Show previous results\n </button>\n </slot>\n\n <slot\n :items=\"items\"\n :results=\"state.results\"\n :is-last-page=\"state.isLastPage\"\n :refine-previous=\"refinePrevious\"\n :refine-next=\"refineNext\"\n :refine=\"refineNext\"\n :insights=\"state.insights\"\n :send-event=\"state.sendEvent\"\n >\n <ol :class=\"suit('list')\">\n <li\n v-for=\"(item, index) in items\"\n :class=\"suit('item')\"\n :key=\"item.objectID\"\n @click=\"state.sendEvent('click:internal', item, 'Hit Clicked')\"\n @auxclick=\"state.sendEvent('click:internal', item, 'Hit Clicked')\"\n >\n <slot\n name=\"item\"\n :item=\"item\"\n :index=\"index\"\n :insights=\"state.insights\"\n :send-event=\"state.sendEvent\"\n >\n objectID: {{ item.objectID }}, index: {{ index }}\n </slot>\n </li>\n </ol>\n\n <slot\n name=\"loadMore\"\n :refine-next=\"refineNext\"\n :refine=\"refineNext\"\n :page=\"state.results.page\"\n :is-last-page=\"state.isLastPage\"\n >\n <button\n :class=\"[\n suit('loadMore'),\n state.isLastPage && suit('loadMore', 'disabled'),\n ]\"\n :disabled=\"state.isLastPage\"\n @click=\"refineNext()\"\n >\n Show more results\n </button>\n </slot>\n </slot>\n </div>\n</template>\n\n<script>\nimport { connectInfiniteHitsWithInsights } from 'instantsearch.js/es/connectors';\n\nimport { createSuitMixin } from '../mixins/suit';\nimport { createWidgetMixin } from '../mixins/widget';\n\nexport default {\n name: 'AisInfiniteHits',\n mixins: [\n createWidgetMixin(\n {\n connector: connectInfiniteHitsWithInsights,\n },\n {\n $$widgetType: 'ais.infiniteHits',\n }\n ),\n createSuitMixin({ name: 'InfiniteHits' }),\n ],\n props: {\n showPrevious: {\n type: Boolean,\n default: false,\n },\n escapeHTML: {\n type: Boolean,\n default: true,\n },\n transformItems: {\n type: Function,\n default: undefined,\n },\n cache: {\n type: Object,\n default: undefined,\n },\n },\n computed: {\n widgetParams() {\n return {\n showPrevious: this.showPrevious,\n escapeHTML: this.escapeHTML,\n transformItems: this.transformItems,\n cache: this.cache,\n };\n },\n items() {\n // Fixes InstantSearch.js connectors API: every list\n // of things must be called `items`\n return this.state.hits;\n },\n },\n methods: {\n refinePrevious() {\n this.state.showPrevious();\n },\n refineNext() {\n this.state.showMore();\n },\n },\n};\n</script>\n"],"names":["_ctx","_createElementBlock","class","$props","_renderSlot","refinePrevious","$options","page","results","isFirstPage","_createElementVNode","disabled","onClick","items","isLastPage","refineNext","refine","insights","sendEvent","item","index","key","objectID","onAuxclick"],"mappings":"gTACaA,aAAXC,eAAmBC,QAAOF,YAEhBG,eADRC,iCAGGC,eAAiBC,iBACjBC,KAAMP,QAAMQ,QAAQD,KACpBE,YAAeT,QAAMS,+BAEtBC,YACGR,yFAIAS,SAAUX,QAAMS,YAChBG,uCAAON,kEAMZF,sBACGS,MAAOP,QACPE,QAASR,QAAMQ,QACfM,WAAcd,QAAMc,WACpBT,eAAiBC,iBACjBS,WAAaT,aACbU,OAAQV,aACRW,SAAUjB,QAAMiB,SAChBC,UAAYlB,QAAMkB,6BAEnBR,QAAKR,QAAOF,yBACVC,WAC0BK,iBAAhBa,EAAMC,cADhBnB,QAEGC,QAAOF,gBACPqB,IAAKF,EAAKG,SACVV,2BAAOZ,QAAMkB,2BAA4BC,kBACzCI,8BAAUvB,QAAMkB,2BAA4BC,oBAE7Cf,mBAEGe,KAAMA,EACNC,MAAOA,EACPH,SAAUjB,QAAMiB,SAChBC,UAAYlB,QAAMkB,+CAENC,EAAKG,UAAW,cAAYF,4BAK/ChB,uBAEGW,WAAaT,aACbU,OAAQV,aACRC,KAAMP,QAAMQ,QAAQD,KACpBO,WAAcd,QAAMc,8BAErBJ,YACGR,gFAIAS,SAAUX,QAAMc,WAChBF,uCAAON"}

package/vue3/es/src/components/RatingMenu.vue_vue&type=template&id=6effe1ff&lang.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{openBlock as t,createElementBlock as e,normalizeClass as s,renderSlot as a,createElementVNode as n,Fragment as i,renderList as l,withModifiers as u,createTextVNode as r,toDisplayString as o,createCommentVNode as c}from"vue";var h={xmlns:"http://www.w3.org/2000/svg",style:{display:"none"}},d=[n("symbol",{id:"ais-RatingMenu-starSymbol",viewBox:"0 0 24 24"},[n("path",{d:"M12 .288l2.833 8.718h9.167l-7.417 5.389 2.833 8.718-7.416-5.388-7.417 5.388 2.833-8.718-7.416-5.389h9.167z"})],-1),n("symbol",{id:"ais-RatingMenu-starEmptySymbol",viewBox:"0 0 24 24"},[n("path",{d:"M12 6.76l1.379 4.246h4.465l-3.612 2.625 1.379 4.246-3.611-2.625-3.612 2.625 1.379-4.246-3.612-2.625h4.465l1.38-4.246zm0-6.472l-2.833 8.718h-9.167l7.416 5.389-2.833 8.718 7.417-5.388 7.416 5.388-2.833-8.718 7.417-5.389h-9.167l-2.833-8.718z"})],-1)],f=["href","aria-label","onClick"],m=[n("use",{"xlink:href":"#ais-RatingMenu-starSymbol"},null,-1)],p=[n("use",{"xlink:href":"#ais-RatingMenu-starEmptySymbol"},null,-1)];function y(y,v,g,R,b,k){return y.state?(t(),e("div",{key:0,class:s(y.suit())},[a(y.$slots,"default",{items:y.state.items,refine:y.state.refine,createURL:y.state.createURL,sendEvent:y.state.sendEvent,canRefine:y.state.canRefine},function(){return[(t(),e("svg",h,d)),n("ul",{class:s(y.suit("list"))},[(t(!0),e(i,null,l(y.state.items,function(c,h){return t(),e("li",{key:h,class:s([y.suit("item"),c.isRefined&&y.suit("item","selected")])},[n("a",{href:y.state.createURL(c.value),"aria-label":c.value+" & Up",class:s(y.suit("link")),onClick:u(function(t){return y.state.refine(c.value)},["prevent"])},[(t(!0),e(i,null,l(c.stars,function(a,n){return t(),e(i,null,[a?(t(),e("svg",{"aria-hidden":"true",width:"24",height:"24",class:s([y.suit("starIcon"),y.suit("starIcon--full")]),key:n+"-full"},m,2)):(t(),e("svg",{class:s([y.suit("starIcon"),y.suit("starIcon--empty")]),"aria-hidden":"true",width:"24",height:"24",key:n+"-empty"},p,2))],64)}),256)),n("span",{class:s(y.suit("label")),"aria-hidden":"true"},[a(y.$slots,"andUp",{},function(){return[r("& Up")]})],2),n("span",{class:s(y.suit("count"))},o(c.count),3)],10,f)],2)}),128))],2)]})],2)):c("",!0)}export{y as render};
2	- //# sourceMappingURL=RatingMenu.vue_vue&type=template&id=6effe1ff&lang.js.map

package/vue3/es/src/components/RatingMenu.vue_vue&type=template&id=6effe1ff&lang.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"RatingMenu.vue_vue&type=template&id=6effe1ff&lang.js","sources":["../../../../src/components/RatingMenu.vue?vue&type=template&id=6effe1ff&lang.js"],"sourcesContent":["<template>\n <div v-if=\"state\" :class=\"suit()\">\n <slot\n :items=\"state.items\"\n :refine=\"state.refine\"\n :createURL=\"state.createURL\"\n :send-event=\"state.sendEvent\"\n :can-refine=\"state.canRefine\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" style=\"display: none\">\n <symbol id=\"ais-RatingMenu-starSymbol\" viewBox=\"0 0 24 24\">\n <path\n d=\"M12 .288l2.833 8.718h9.167l-7.417 5.389 2.833 8.718-7.416-5.388-7.417 5.388 2.833-8.718-7.416-5.389h9.167z\"\n />\n </symbol>\n <symbol id=\"ais-RatingMenu-starEmptySymbol\" viewBox=\"0 0 24 24\">\n <path\n d=\"M12 6.76l1.379 4.246h4.465l-3.612 2.625 1.379 4.246-3.611-2.625-3.612 2.625 1.379-4.246-3.612-2.625h4.465l1.38-4.246zm0-6.472l-2.833 8.718h-9.167l7.416 5.389-2.833 8.718 7.417-5.388 7.416 5.388-2.833-8.718 7.417-5.389h-9.167l-2.833-8.718z\"\n />\n </symbol>\n </svg>\n\n <ul :class=\"suit('list')\">\n <li\n v-for=\"(item, key) in state.items\"\n :key=\"key\"\n :class=\"[suit('item'), item.isRefined && suit('item', 'selected')]\"\n >\n <a\n :href=\"state.createURL(item.value)\"\n :aria-label=\"`${item.value} & Up`\"\n :class=\"suit('link')\"\n @click.prevent=\"state.refine(item.value)\"\n >\n <template v-for=\"(full, n) in item.stars\">\n <svg\n v-if=\"full\"\n aria-hidden=\"true\"\n width=\"24\"\n height=\"24\"\n :class=\"[suit('starIcon'), suit('starIcon--full')]\"\n :key=\"n + '-full'\"\n >\n <use xlink:href=\"#ais-RatingMenu-starSymbol\" />\n </svg>\n\n <svg\n v-else\n :class=\"[suit('starIcon'), suit('starIcon--empty')]\"\n aria-hidden=\"true\"\n width=\"24\"\n height=\"24\"\n :key=\"n + '-empty'\"\n >\n <use xlink:href=\"#ais-RatingMenu-starEmptySymbol\" />\n </svg>\n </template>\n\n <span :class=\"suit('label')\" aria-hidden=\"true\">\n <slot name=\"andUp\">& Up</slot>\n </span>\n <span :class=\"suit('count')\">{{ item.count }}</span>\n </a>\n </li>\n </ul>\n </slot>\n </div>\n</template>\n\n<script>\nimport { connectRatingMenu } from 'instantsearch.js/es/connectors';\n\nimport { createPanelConsumerMixin } from '../mixins/panel';\nimport { createSuitMixin } from '../mixins/suit';\nimport { createWidgetMixin } from '../mixins/widget';\n\nexport default {\n name: 'AisRatingMenu',\n mixins: [\n createSuitMixin({ name: 'RatingMenu' }),\n createWidgetMixin(\n {\n connector: connectRatingMenu,\n },\n {\n $$widgetType: 'ais.ratingMenu',\n }\n ),\n createPanelConsumerMixin(),\n ],\n props: {\n attribute: {\n type: String,\n required: true,\n },\n max: {\n type: Number,\n default: undefined,\n },\n },\n computed: {\n widgetParams() {\n return {\n attribute: this.attribute,\n max: this.max,\n };\n },\n },\n};\n</script>\n"],"names":["xmlns","style","_createElementVNode","id","viewBox","d","xlink:href","_ctx","_createElementBlock","class","_renderSlot","items","refine","createURL","sendEvent","canRefine","_hoisted_1","item","key","isRefined","href","value","aria-label","onClick","stars","full","n","aria-hidden","width","height","count"],"mappings":"8OASWA,MAAM,6BAA6BC,MAAA,qBACtCC,YAAQC,GAAG,4BAA4BC,QAAQ,cAC7CF,UACEG,EAAE,oHAGNH,YAAQC,GAAG,iCAAiCC,QAAQ,cAClDF,UACEG,EAAE,8RA0BEH,SAAKI,aAAW,2CAWhBJ,SAAKI,aAAW,4EArDnBC,aAAXC,eAAmBC,QAAOF,YACxBG,sBACGC,MAAOJ,QAAMI,MACbC,OAAQL,QAAMK,OACdC,UAAWN,QAAMM,UACjBC,UAAYP,QAAMO,UAClBC,UAAYR,QAAMQ,kCAEnBP,QAAAQ,MAaAd,QAAKO,QAAOF,yBACVC,WACwBD,QAAMI,eAApBM,EAAMC,cADhBV,QAEGU,IAAKA,EACLT,SAAQF,eAAcU,EAAKE,WAAaZ,8BAEzCL,OACGkB,KAAMb,QAAMM,UAAUI,EAAKI,OAC3BC,aAAeL,EAAKI,cACpBZ,QAAOF,gBACPgB,6BAAehB,QAAMK,OAAOK,EAAKI,8BAElCb,WAA8BS,EAAKO,eAAjBC,EAAMC,wBAEdD,OADRjB,SAEEmB,cAAY,OACZC,MAAM,KACNC,OAAO,KACNpB,SAAQF,mBAAkBA,2BAC1BW,IAAKQ,sBAKRlB,SAEGC,SAAQF,mBAAkBA,4BAC3BoB,cAAY,OACZC,MAAM,KACNC,OAAO,KACNX,IAAKQ,+BAMVxB,UAAOO,QAAOF,iBAAeoB,cAAY,SACvCjB,0CAAmB,eAErBR,UAAOO,QAAOF,oBAAkBU,EAAKa"}