@askdialog/dialog-vue 3.11.0 → 3.11.1

package/dist/components/DialogSearch/searchDisplay.d.ts

@@ -1,6 +1,8 @@
-import { SearchHit, SearchProductHit } from '@askdialog/dialog-sdk';
+import { SearchHitByIndex, SearchIndex, SearchProductHit } from '@askdialog/dialog-sdk';
+type SearchHit = SearchHitByIndex[SearchIndex];
 /** The product's image, as Algolia's cards in distinct mode; else the variant's. */
 export declare const hitImage: (hit: SearchProductHit) => string | undefined;
 export declare const safeHref: (url: string | undefined) => string | undefined;
 export declare const hitHref: (hit: SearchHit) => string | undefined;
 export declare const hitTitle: (hit: SearchHit) => string;
+export {};

package/dist/dialog-vue.js

@@ -633,7 +633,7 @@ const Ct = /* @__PURE__ */ P(bt, [["render", St], ["__scopeId", "data-v-26a64b58
     z(() => {
       _e({
         method: "vue",
-        version: "3.11.0"
+        version: "3.11.1"
       }), Fe("pdp-block");
     });
     const s = A(!0), o = A(void 0), r = A(0), n = f(() => {
@@ -1433,7 +1433,7 @@ const Cs = /* @__PURE__ */ P(ms, [["render", Ss]]), ye = (t) => (t ?? []).flatMa
   return z(() => {
     _e({
       method: "vue",
-      version: "3.11.0"
+      version: "3.11.1"
     });
   }), pe(() => {
     a(), r.dispose();

package/dist/dialog-vue.umd.cjs

@@ -16,4 +16,4 @@
         9.01742C10.137 8.83469 9.83145 8.71718 9.22043 8.48217L6.66675 7.49999L9.22043
         6.5178C9.83145 6.28279 10.137 6.16529 10.3939 5.98256C10.6217 5.82061 10.8207
         5.62162 10.9827 5.39386C11.1654 5.13688 11.2829 4.83136 11.5179 4.22034L12.5001
-        1.66666Z`,stroke:e.color||"#181825","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,8,qe)]),s[0]||(s[0]=t.createElementVNode("defs",null,[t.createElementVNode("clipPath",{id:"clip0_466_934"},[t.createElementVNode("rect",{width:"20",height:"20",fill:"white"})])],-1))]))}}),Ue=["onClick"],He={class:"dialog-block-suggestions-item-label"},Ke=N(t.defineComponent({__name:"DialogBlockSuggestions",props:{client:{},questions:{},productId:{},productTitle:{},selectedVariantId:{}},setup(o){const e=o,n=s=>{e.client.sendProductMessage({productId:e.productId,productTitle:e.productTitle,selectedVariantId:e.selectedVariantId,question:s,fromQuestionSuggestion:!0})};return(s,c)=>(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.questions,r=>(t.openBlock(),t.createElementBlock("button",{key:r.question,class:"dialog-block-suggestions-item",onClick:l=>n(r.question)},[t.createVNode(Me,{class:"dialog-block-suggestions-item-icon",color:e.client.theme.primaryColor},null,8,["color"]),t.createElementVNode("span",He,t.toDisplayString(r.question),1)],8,Ue))),128))}}),[["__scopeId","data-v-db34d4b4"]]),Fe={};function ze(o,e){return t.openBlock(),t.createElementBlock(t.Fragment,null,[e[0]||(e[0]=t.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1)),e[1]||(e[1]=t.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1)),e[2]||(e[2]=t.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1))],64)}const je=N(Fe,[["render",ze],["__scopeId","data-v-26a64b58"]]),Ge={class:"dialog-block-suggestions-container"},Qe=N(t.defineComponent({__name:"DialogBlockSuggestionsContainer",props:{client:{},questions:{},isLoading:{type:Boolean},productId:{},productTitle:{},selectedVariantId:{}},setup(o){const e=o;return(n,s)=>(t.openBlock(),t.createElementBlock("div",Ge,[e.isLoading||!e.questions?(t.openBlock(),t.createBlock(je,{key:0})):(t.openBlock(),t.createBlock(Ke,{key:1,client:e.client,questions:e.questions,"product-id":e.productId,"product-title":e.productTitle,"selected-variant-id":e.selectedVariantId},null,8,["client","questions","product-id","product-title","selected-variant-id"]))]))}}),[["__scopeId","data-v-18c9e78b"]]),ve={width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},We=["stroke"],Xe=t.defineComponent({__name:"ArrowIcon",props:{color:{}},setup(o){const e=o;return(n,s)=>(t.openBlock(),t.createElementBlock("svg",ve,[t.createElementVNode("path",{d:"M10 16.6667V3.33334M10 3.33334L5 8.33334M10 3.33334L15 8.33334",stroke:e.color||"#ffffff","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,8,We)]))}}),Ye={class:"dialog-input-container"},Ze=["placeholder"],Je=["disabled"],et={id:"dialog-input-ai-disclosure",class:"dialog-input-ai-disclosure"},Y=N(t.defineComponent({__name:"DialogInput",props:{client:{},placeholder:{},productId:{},productTitle:{},selectedVariantId:{}},setup(o){const e=o,n=t.ref(),s=t.ref(""),c=t.computed(()=>X(e.client.locale)),r=()=>{var a;(a=n.value)==null||a.focus()},l=()=>{const a=s.value;a.trim()&&(e.client.sendProductMessage({productId:e.productId,productTitle:e.productTitle,selectedVariantId:e.selectedVariantId,question:a,fromQuestionSuggestion:!0}),s.value="")};return(a,p)=>(t.openBlock(),t.createElementBlock("div",Ye,[t.createElementVNode("div",{class:"dialog-input-wrapper",onClick:r},[t.withDirectives(t.createElementVNode("input",{id:"dialog-ask-anything-input-ai-input",ref_key:"inputRef",ref:n,"onUpdate:modelValue":p[0]||(p[0]=d=>s.value=d),class:"dialog-ask-anything-input-ai-input",placeholder:c.value.placeholder,"aria-describedby":"dialog-input-ai-disclosure",onKeydown:t.withKeys(l,["enter"])},null,40,Ze),[[t.vModelText,s.value]]),t.createElementVNode("button",{id:"send-message-button-ai-input",class:"dialog-input-submit",disabled:!s.value.trim(),onClick:l},[t.createVNode(Xe,{color:e.client.theme.ctaTextColor},null,8,["color"])],8,Je)]),t.createElementVNode("p",et,t.toDisplayString(c.value.aiDisclosure),1)]))}}),[["__scopeId","data-v-87013888"]]),tt=t.defineComponent({__name:"ThemeProvider",props:{theme:{}},setup(o){const e=o,n=document.body,s=r=>r.replace(/([A-Z])/g,"-$1").toLowerCase(),c=r=>{r&&Object.keys(r).forEach(l=>{const a=l,p=s(l);if(r[a]!==void 0){if(typeof r[a]=="object"){Object.keys(r[a]).forEach(d=>{var i;const u=d;if(u!==void 0){const m=s(d),_=r[a];n.style.setProperty(`--dialog-theme-${p}-${m}`,(i=_[u])==null?void 0:i.toString())}});return}if(a==="ctaBorderType"){const d=r[a]==="rounded"?"24px":"0";n.style.setProperty(`--dialog-theme-${p}`,d);return}n.style.setProperty(`--dialog-theme-${p}`,r[a].toString())}})};return t.onMounted(()=>{e.theme&&c(e.theme)}),t.watch(()=>e.theme,r=>{r&&c(r)},{deep:!0}),(r,l)=>t.renderSlot(r.$slots,"default")}}),ot=["dir"],nt=2,st=5,rt=N(t.defineComponent({__name:"DialogProductBlock",props:{client:{},productId:{},productTitle:{},selectedVariantId:{default:void 0},enableInput:{type:Boolean,default:!1}},setup(o){const e=o;t.onMounted(()=>{z({method:"vue",version:"3.11.0"}),ge("pdp-block")});const n=t.ref(!0),s=t.ref(void 0),c=t.ref(0),r=t.computed(()=>{var i;return n.value?"":(i=s.value)==null?void 0:i.assistantName}),l=t.computed(()=>{var i;return n.value?"":(i=s.value)==null?void 0:i.description}),a=t.computed(()=>{var i,m;return(m=(i=s.value)==null?void 0:i.questions)==null?void 0:m.slice(0,nt)}),p=t.computed(()=>{var i;return n.value?"":(i=s.value)==null?void 0:i.inputPlaceholder}),d=t.computed(()=>{var i;return ue((i=e.client.getLocalizationInformations())==null?void 0:i.languageCode)}),u=async()=>{const i=++c.value;n.value=!0,s.value=void 0;try{const m=await e.client.getSuggestions(e.productId,{limit:st});i===c.value&&(s.value=m)}catch(m){console.error("error",m)}finally{i===c.value&&(n.value=!1)}};return t.watch(()=>[e.client,e.productId],()=>{u()},{immediate:!0}),(i,m)=>(t.openBlock(),t.createBlock(tt,{theme:e.client.theme},{default:t.withCtx(()=>{var _;return[t.createElementVNode("div",{id:"dialog-instant",class:"dialog-block-container",dir:d.value},[t.createVNode(De,{title:r.value,description:l.value},null,8,["title","description"]),t.createVNode(Qe,{client:e.client,questions:a.value,"is-loading":n.value,"product-id":e.productId,"product-title":e.productTitle,"selected-variant-id":e==null?void 0:e.selectedVariantId},null,8,["client","questions","is-loading","product-id","product-title","selected-variant-id"]),e.enableInput?(t.openBlock(),t.createBlock(Y,{key:0,client:e.client,placeholder:p.value,"product-id":e.productId,"product-title":e.productTitle,"selected-variant-id":e==null?void 0:e.selectedVariantId},null,8,["client","placeholder","product-id","product-title","selected-variant-id"])):(t.openBlock(),t.createBlock(Re,{key:1,client:e.client,questions:(_=s.value)==null?void 0:_.questions,disabled:n.value,"product-id":e.productId,"product-title":e.productTitle,"selected-variant-id":e.selectedVariantId},null,8,["client","questions","disabled","product-id","product-title","selected-variant-id"]))],8,ot)]}),_:1},8,["theme"]))}}),[["__scopeId","data-v-0c307e5f"]]),ct={},at={width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"};function lt(o,e){return t.openBlock(),t.createElementBlock("svg",at,e[0]||(e[0]=[t.createElementVNode("path",{d:"M8 13V3M8 3L3 8M8 3L13 8",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)]))}const it=N(ct,[["render",lt]]),dt={width:"16",height:"16",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},ut=["fill"],pt="M5.3217 0.588255C5.63241 -0.196084 6.36759 -0.196085 6.6783 0.588254C6.98901 1.37259 7.68193 2.82807 8.42693 3.57307C9.17193 4.31807 10.6274 5.01099 11.4117 5.3217C12.1961 5.63241 12.1961 6.36759 11.4117 6.6783C10.6274 6.98901 9.17193 7.68193 8.42693 8.42693C7.68193 9.17193 6.98901 10.6274 6.6783 11.4117C6.36759 12.1961 5.63241 12.1961 5.3217 11.4117C5.01099 10.6274 4.31807 9.17193 3.57307 8.42693C2.82808 7.68193 1.37259 6.98901 0.588255 6.6783C-0.196084 6.36759 -0.196085 5.63241 0.588254 5.3217C1.37259 5.01099 2.82807 4.31807 3.57307 3.57307C4.31807 2.82808 5.01099 1.37259 5.3217 0.588255Z",mt=t.defineComponent({__name:"ShurikenIcon",props:{color:{}},setup(o){const e=o;return(n,s)=>(t.openBlock(),t.createElementBlock("svg",dt,[t.createElementVNode("path",{d:pt,fill:e.color||"currentColor"},null,8,ut)]))}}),ht={class:"dialog-search-bar-field"},ft={class:"dialog-search-bar-icon"},gt=["aria-label","placeholder","autofocus"],_t=["aria-label"],Et=t.defineComponent({__name:"DialogSearchBar",props:{controller:{},placeholder:{default:"Search products..."},autoFocus:{type:Boolean,default:!1},submitAriaLabel:{default:"Search"}},setup(o){const e=o,n=t.ref(""),s=()=>{e.controller.setQuery(n.value)},c=()=>{e.controller.submit(n.value)};return(r,l)=>(t.openBlock(),t.createElementBlock("form",{class:"dialog-search-bar",role:"search",onSubmit:t.withModifiers(c,["prevent"])},[t.createElementVNode("div",ht,[t.createElementVNode("span",ft,[t.createVNode(mt)]),t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":l[0]||(l[0]=a=>n.value=a),type:"text",name:"dialog-search-query",class:"dialog-search-bar-input","aria-label":e.placeholder,placeholder:e.placeholder,autofocus:e.autoFocus,onInput:s},null,40,gt),[[t.vModelText,n.value]])]),t.createElementVNode("button",{type:"submit",class:"dialog-search-bar-submit","aria-label":e.submitAriaLabel},[t.createVNode(it)],8,_t)],32))}}),kt=(o,e)=>{try{return new Intl.NumberFormat(e).format(o)}catch{return String(o)}},Z={en:o=>({searching:e=>`Searching “${e}”…`,noResults:"No matching products",retry:"Retry",collectionsLabel:"Collections",productsLabel:"Products",collectionsCount:e=>e===1?"1 collection":`${o(e)} collections`,resultsCount:e=>e===1?"1 result":`${o(e)} results`,seeAllLabel:e=>e===1?"See the result":`See all ${o(e)} results`,previous:"Previous",next:"Next",pageOf:(e,n)=>`Page ${o(e)} / ${o(n)}`}),fr:o=>({searching:e=>`Recherche de « ${e} »…`,noResults:"Aucun produit correspondant",retry:"Réessayer",collectionsLabel:"Collections",productsLabel:"Produits",collectionsCount:e=>e===1?"1 collection":`${o(e)} collections`,resultsCount:e=>e===1?"1 résultat":`${o(e)} résultats`,seeAllLabel:e=>e===1?"Voir le résultat":`Voir les ${o(e)} résultats`,previous:"Précédent",next:"Suivant",pageOf:(e,n)=>`Page ${o(e)} / ${o(n)}`}),de:o=>({searching:e=>`Suche nach „${e}“…`,noResults:"Keine passenden Produkte",retry:"Erneut versuchen",collectionsLabel:"Kollektionen",productsLabel:"Produkte",collectionsCount:e=>e===1?"1 Kollektion":`${o(e)} Kollektionen`,resultsCount:e=>e===1?"1 Ergebnis":`${o(e)} Ergebnisse`,seeAllLabel:e=>e===1?"Das Ergebnis anzeigen":`Alle ${o(e)} Ergebnisse anzeigen`,previous:"Zurück",next:"Weiter",pageOf:(e,n)=>`Seite ${o(e)} / ${o(n)}`}),es:o=>({searching:e=>`Buscando «${e}»…`,noResults:"No hay productos que coincidan",retry:"Reintentar",collectionsLabel:"Colecciones",productsLabel:"Productos",collectionsCount:e=>e===1?"1 colección":`${o(e)} colecciones`,resultsCount:e=>e===1?"1 resultado":`${o(e)} resultados`,seeAllLabel:e=>e===1?"Ver el resultado":`Ver los ${o(e)} resultados`,previous:"Anterior",next:"Siguiente",pageOf:(e,n)=>`Página ${o(e)} / ${o(n)}`}),it:o=>({searching:e=>`Ricerca di “${e}”…`,noResults:"Nessun prodotto corrispondente",retry:"Riprova",collectionsLabel:"Collezioni",productsLabel:"Prodotti",collectionsCount:e=>e===1?"1 collezione":`${o(e)} collezioni`,resultsCount:e=>e===1?"1 risultato":`${o(e)} risultati`,seeAllLabel:e=>e===1?"Vedi il risultato":`Vedi tutti i ${o(e)} risultati`,previous:"Precedente",next:"Successivo",pageOf:(e,n)=>`Pagina ${o(e)} / ${o(n)}`})},J=o=>{var s;const e=((s=o==null?void 0:o.split("-")[0])==null?void 0:s.toLowerCase())??"en";return(Z[e]??Z.en)(c=>kt(c,o))},ee=o=>o.status!==$.LOADING&&o.response!==void 0&&o.response.nbPages>1,St={key:0,"aria-label":"Search results pages",class:"dialog-search-pagination"},bt=["disabled"],Ct=["disabled"],te=t.defineComponent({__name:"DialogSearchPagination",props:{controller:{},state:{},locale:{}},setup(o){const e=o,n=t.computed(()=>e.state.response),s=t.computed(()=>J(e.locale));return(c,r)=>n.value!==void 0&&t.unref(ee)(e.state)?(t.openBlock(),t.createElementBlock("nav",St,[t.createElementVNode("button",{type:"button",disabled:n.value.page===0,onClick:r[0]||(r[0]=l=>e.controller.setPage(n.value.page-1))},t.toDisplayString(s.value.previous),9,bt),t.createElementVNode("span",null,t.toDisplayString(s.value.pageOf(n.value.page+1,n.value.nbPages)),1),t.createElementVNode("button",{type:"button",disabled:n.value.page>=n.value.nbPages-1,onClick:r[1]||(r[1]=l=>e.controller.setPage(n.value.page+1))},t.toDisplayString(s.value.next),9,Ct)])):t.createCommentVNode("",!0)}}),oe=o=>o.normalize("NFD").replace(new RegExp("\\p{M}","gu"),"").replace(/ẞ/gu,"ß").toUpperCase().toLowerCase().replace(/ς/g,"σ"),yt=(o,e)=>{const n={before:"",match:o,after:""},s=oe(e.trim());if(s==="")return n;const c=[...o],r=[];let l="";c.forEach((u,i)=>{const m=oe(u);for(let _=0;_<m.length;_+=1)r.push(i);l+=m});const a=l.indexOf(s);if(a===-1)return n;const p=r[a],d=r[a+s.length-1]+1;return{before:c.slice(0,p).join(""),match:c.slice(p,d).join(""),after:c.slice(d).join("")}},It={key:0,class:"dialog-search-muted"},wt={class:"dialog-search-match"},$t={key:1,class:"dialog-search-muted"},ne=t.defineComponent({__name:"HighlightedTitle",props:{title:{},query:{}},setup(o){const e=o,n=t.computed(()=>yt(e.title,e.query));return(s,c)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[n.value.before!==""?(t.openBlock(),t.createElementBlock("span",It,t.toDisplayString(n.value.before),1)):t.createCommentVNode("",!0),t.createElementVNode("span",wt,t.toDisplayString(n.value.match),1),n.value.after!==""?(t.openBlock(),t.createElementBlock("span",$t,t.toDisplayString(n.value.after),1)):t.createCommentVNode("",!0)],64))}}),Nt=o=>o.product_image||o.image||void 0,se=o=>{if(!(o===void 0||o===""))try{const{protocol:e}=new URL(o,window.location.href);return e==="http:"||e==="https:"?o:void 0}catch{return}},Tt=o=>se(o.url),re=o=>o.title??o.handle??o.objectID,Bt={class:"dialog-search-product-thumb","aria-hidden":"true"},Rt=["src"],At={class:"dialog-search-product-title"},Lt={key:0,class:"dialog-search-product-price"},Vt={key:0,class:"dialog-search-product-compare-at"},ce=t.defineComponent({__name:"DialogSearchProductCard",props:{controller:{},hit:{},index:{},locale:{default:void 0},query:{default:""}},setup(o){const e=o,n=t.ref();t.watch(()=>e.hit,()=>{n.value!==void 0&&e.controller.observeResult(n.value,e.index)},{immediate:!0,flush:"post"});const s=t.computed(()=>se(e.controller.productUrl(e.hit))),c=t.computed(()=>Nt(e.hit)),r=t.computed(()=>v(e.hit,e.locale)),l=t.computed(()=>Ne(e.hit,e.locale)),a=d=>{const u=d.metaKey||d.ctrlKey||d.shiftKey||d.altKey;e.controller.selectResult(e.index,{navigate:!u})&&d.preventDefault()},p=d=>{d.button===1&&e.controller.selectResult(e.index,{navigate:!1})};return(d,u)=>(t.openBlock(),t.createElementBlock("li",{ref_key:"cardRef",ref:n,class:"dialog-search-card"},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.value===void 0?"div":"a"),t.mergeProps({class:"dialog-search-product",href:s.value},t.toHandlers(s.value===void 0?{}:{click:a,auxclick:p})),{default:t.withCtx(()=>[t.createElementVNode("span",Bt,[c.value!==void 0?(t.openBlock(),t.createElementBlock("img",{key:0,src:c.value,alt:"",loading:"lazy"},null,8,Rt)):t.createCommentVNode("",!0)]),t.createElementVNode("span",At,[t.createVNode(ne,{title:t.unref(re)(e.hit),query:e.query},null,8,["title","query"])]),r.value!==""?(t.openBlock(),t.createElementBlock("span",Lt,[l.value!==""?(t.openBlock(),t.createElementBlock("s",Vt,t.toDisplayString(l.value),1)):t.createCommentVNode("",!0),t.createTextVNode(t.toDisplayString(r.value),1)])):t.createCommentVNode("",!0)]),_:1},16,["href"]))],512))}}),Dt={},xt={width:"16",height:"16",viewBox:"0 0 256 256",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"};function Pt(o,e){return t.openBlock(),t.createElementBlock("svg",xt,e[0]||(e[0]=[t.createElementVNode("path",{d:"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"},null,-1)]))}const Ot=N(Dt,[["render",Pt]]),qt={},Mt={width:"12",height:"12",viewBox:"0 0 256 256",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"};function Ut(o,e){return t.openBlock(),t.createElementBlock("svg",Mt,e[0]||(e[0]=[t.createElementVNode("path",{d:"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"},null,-1)]))}const Ht=N(qt,[["render",Ut]]),ae=o=>(o??[]).flatMap(e=>{const n=Tt(e);return n===void 0?[]:[{collection:e,href:n}]}),Kt={key:0,class:"dialog-search-collections"},Ft={class:"dialog-search-section-head"},zt={class:"dialog-search-label"},jt={class:"dialog-search-count"},Gt={class:"dialog-search-collection-list"},Qt=["href"],vt={class:"dialog-search-collection-thumb","aria-hidden":"true"},Wt=["src"],Xt={class:"dialog-search-collection-title"},Yt={class:"dialog-search-caret"},Zt=t.defineComponent({__name:"DialogSearchCollections",props:{collections:{},query:{},messages:{}},setup(o){const e=o,n=t.computed(()=>ae(e.collections));return(s,c)=>n.value.length>0?(t.openBlock(),t.createElementBlock("aside",Kt,[t.createElementVNode("div",Ft,[t.createElementVNode("p",zt,t.toDisplayString(e.messages.collectionsLabel),1),t.createElementVNode("span",jt,t.toDisplayString(e.messages.collectionsCount(n.value.length)),1)]),t.createElementVNode("ul",Gt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.value,({collection:r,href:l})=>(t.openBlock(),t.createElementBlock("li",{key:r.objectID},[t.createElementVNode("a",{class:"dialog-search-collection",href:l},[t.createElementVNode("span",vt,[r.image?(t.openBlock(),t.createElementBlock("img",{key:0,src:r.image,alt:"",loading:"lazy"},null,8,Wt)):t.createCommentVNode("",!0)]),t.createElementVNode("span",Xt,[t.createVNode(ne,{title:t.unref(re)(r),query:e.query},null,8,["title","query"])]),t.createElementVNode("span",Yt,[t.createVNode(Ht)])],8,Qt)]))),128))])])):t.createCommentVNode("",!0)}}),Jt={class:"dialog-search-products"},eo={class:"dialog-search-section-head"},to={class:"dialog-search-label"},oo={key:0,class:"dialog-search-label-count"},no={class:"dialog-search-results"},so={key:0,class:"dialog-search-empty",role:"status"},ro=t.defineComponent({__name:"DialogSearchProducts",props:{controller:{},response:{},locale:{},messages:{}},setup(o){const e=o;return(n,s)=>(t.openBlock(),t.createElementBlock("section",Jt,[t.createElementVNode("div",eo,[t.createElementVNode("p",to,[t.createTextVNode(t.toDisplayString(e.messages.productsLabel),1),e.response.nbHits>0?(t.openBlock(),t.createElementBlock("span",oo," · "+t.toDisplayString(e.messages.resultsCount(e.response.nbHits)),1)):t.createCommentVNode("",!0)])]),t.createElementVNode("ul",no,[e.response.hits.length===0?(t.openBlock(),t.createElementBlock("li",so,t.toDisplayString(e.messages.noResults),1)):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(e.response.hits,(c,r)=>(t.openBlock(),t.createBlock(ce,{key:c.objectID,controller:e.controller,hit:c,index:r,locale:e.locale,query:e.response.query},null,8,["controller","hit","index","locale","query"]))),128))])]))}}),V=8,L=16,co=200,ao=1440,lo=(o,e)=>o.bottom>0&&o.top<e,io=(o,e)=>{const n=Math.min(ao,e-2*L),s=o.left+o.width/2-n/2;return{left:`${Math.min(Math.max(s,L),e-L-n)}px`,width:`${n}px`}},uo=(o,e,n)=>{const s=n-o.bottom-V-L,c=o.top-V-L,r=io(o,e);return s<co&&c>s?{...r,bottom:`${n-o.top+V}px`,maxHeight:`${Math.max(c,0)}px`}:{...r,top:`${o.bottom+V}px`,maxHeight:`${Math.max(s,0)}px`}},po=o=>{const e=o.trim().replace(/^#/,"");if(!/^(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(e))return;const n=e.length<=4?[...e].map(s=>s+s).join(""):e;return[0,2,4].map(s=>Number.parseInt(n.slice(s,s+2),16))},mo=o=>{const e=/^rgba?\((\d+), (\d+), (\d+)(?:, [\d.]+)?\)$/.exec(o);if(e!==null)return[e[1],e[2],e[3]].map(Number)},ho=o=>{if(typeof document>"u")return;const e=document.createElement("span");if(e.style.color=o,e.style.color==="")return;document.body.appendChild(e);const n=mo(getComputedStyle(e).color);return e.remove(),n},fo=o=>po(o)??ho(o),go=o=>{const e=o/255;return e<=.03928?e/12.92:((e+.055)/1.055)**2.4},le=o=>{const e=fo(o);if(e===void 0)return;const[n,s,c]=e.map(go);return .2126*n+.7152*s+.0722*c},_o="#181825",Eo="#ffffff",ko="straight",O=.5,q={light:{panel:"#ffffff",side:"#fafbfc",text:"#111827","text-sec":"#6b7280",border:"#eceef2",hover:"#eef2f7",thumb:"#eef1f5"},dark:{panel:"#15171c",side:"#1b1e25",text:"#f3f4f6","text-sec":"#9ca3af",border:"#2b2f38",hover:"#242830",thumb:"#2b2f38"}},So={rectangle:{"r-panel":"4px","r-item":"4px","r-thumb":"2px","r-btn":"4px"},"rectangle-rounded":{"r-panel":"16px","r-item":"10px","r-thumb":"8px","r-btn":"10px"}},D=o=>o===void 0||o.trim()===""?void 0:o.trim(),bo=o=>{const e=o===void 0?void 0:le(o);return e===void 0?"light":e<O?"dark":"light"},Co=(o,e)=>{const n=le(o);return n===void 0?q[e].text:(e==="light"?n<O:n>=O)?o:q[e].text},yo=o=>{const e=bo(D(o==null?void 0:o.backgroundColor)),n=(o==null?void 0:o.ctaBorderType)===ko?"rectangle":"rectangle-rounded",s=D(o==null?void 0:o.primaryColor)??_o,c=D(o==null?void 0:o.fontFamily),r={...q[e],...So[n],primary:s,accent:Co(s,e),"cta-text":D(o==null?void 0:o.ctaTextColor)??Eo,...c===void 0?{}:{font:c}};return Object.fromEntries(Object.entries(r).map(([l,a])=>[`--dso-${l}`,a]))},Io=o=>{const e=t.ref(),n=t.ref(void 0),s=t.ref({width:0,height:0});return t.watch(o,(c,r,l)=>{if(!c)return;const a=()=>{const p=e.value;if(p===void 0)return;const d=p.previousElementSibling??p,{top:u,bottom:i,left:m,width:_}=d.getBoundingClientRect();(s.value.width!==window.innerWidth||s.value.height!==window.innerHeight)&&(s.value={width:window.innerWidth,height:window.innerHeight});const h=n.value;(h===void 0||h.top!==u||h.bottom!==i||h.left!==m||h.width!==_)&&(n.value={top:u,bottom:i,left:m,width:_})};a(),window.addEventListener("scroll",a,!0),window.addEventListener("resize",a),l(()=>{window.removeEventListener("scroll",a,!0),window.removeEventListener("resize",a)})},{immediate:!0,flush:"post"}),{anchorRef:e,rect:n,viewport:s}},wo=(o,e)=>{const n=t.ref(!1),s=t.ref(),c=t.computed(()=>o.value.status!==$.IDLE&&!n.value);t.watch(()=>o.value.query,()=>{n.value=!1}),t.watch(c,(l,a,p)=>{if(!l)return;const d=u=>{var C,y;const i=u.target;if(!(i instanceof Node))return;const m=(C=e.value)==null?void 0:C.previousElementSibling,_=((y=s.value)==null?void 0:y.contains(i))??!1,h=(m==null?void 0:m.contains(i))??!1;!_&&!h&&(n.value=!0)};document.addEventListener("pointerdown",d),p(()=>document.removeEventListener("pointerdown",d))},{immediate:!0});const r=()=>{n.value=!1};return t.onMounted(()=>{var l,a;(a=(l=e.value)==null?void 0:l.previousElementSibling)==null||a.addEventListener("focusin",r)}),t.onUnmounted(()=>{var l,a;(a=(l=e.value)==null?void 0:l.previousElementSibling)==null||a.removeEventListener("focusin",r)}),{isOpen:c,panelRef:s}},$o={key:0,class:"dialog-search-error"},No={role:"alert",class:"dialog-search-status dialog-search-status-error"},To={key:1,role:"status",class:"dialog-search-status"},Bo={key:0,class:"dialog-search-footer"},Ro=["href"],Ao=t.defineComponent({__name:"DialogSearchResults",props:{controller:{},state:{},locale:{default:void 0},theme:{default:void 0},layout:{default:"list"},seeAllHref:{type:Function,default:void 0}},setup(o){const e=o,n=k=>k instanceof pe?`Search failed (${k.status}${k.code?` ${k.code}`:""}): ${k.message}`:"Search failed: network error. Check your connection and try again.",s=t.computed(()=>e.state),c=t.computed(()=>e.state.status!==$.IDLE),{anchorRef:r,rect:l,viewport:a}=Io(c),{isOpen:p,panelRef:d}=wo(s,r),u=t.computed(()=>p.value&&l.value!==void 0&&lo(l.value,a.value.height)),i=t.computed(()=>yo(e.theme)),m=t.computed(()=>({...l.value===void 0?{}:uo(l.value,a.value.width,a.value.height),...i.value})),_=t.computed(()=>J(e.locale)),h=t.computed(()=>e.state.response),C=t.computed(()=>{var k,w;return((w=(k=e.state.sections)==null?void 0:k.collections)==null?void 0:w.hits)??[]}),y=t.computed(()=>ae(C.value).length>0),I=t.computed(()=>e.seeAllHref!==void 0&&h.value!==void 0&&h.value.nbHits>0),f=t.computed(()=>!I.value&&ee(e.state)),E=t.computed(()=>{var k;return h.value===void 0||(k=e.seeAllHref)==null?void 0:k.call(e,h.value.query)});return(k,w)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("div",{ref_key:"anchorRef",ref:r},null,512),u.value?(t.openBlock(),t.createBlock(t.Teleport,{key:0,to:"body"},[t.createElementVNode("div",{ref_key:"panelRef",ref:d,class:t.normalizeClass(["dialog-search-panel",`dialog-search-panel--${e.layout}`]),style:t.normalizeStyle(m.value)},[e.state.status===t.unref($).ERROR?(t.openBlock(),t.createElementBlock("div",$o,[t.createElementVNode("p",No,t.toDisplayString(n(e.state.error)),1),t.createElementVNode("button",{type:"button",class:"dialog-search-retry",onClick:w[0]||(w[0]=g=>e.controller.retry())},t.toDisplayString(_.value.retry),1)])):h.value===void 0?(t.openBlock(),t.createElementBlock("p",To,t.toDisplayString(_.value.searching(e.state.query)),1)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createElementVNode("div",{class:t.normalizeClass(["dialog-search-body",{"dialog-search-body--no-collections":!y.value}])},[t.createVNode(Zt,{collections:C.value,query:h.value.query,messages:_.value},null,8,["collections","query","messages"]),t.createVNode(ro,{controller:e.controller,response:h.value,locale:e.locale,messages:_.value},null,8,["controller","response","locale","messages"])],2),I.value||f.value?(t.openBlock(),t.createElementBlock("div",Bo,[I.value?(t.openBlock(),t.createElementBlock("a",{key:0,class:"dialog-search-cta",href:E.value},[t.createTextVNode(t.toDisplayString(_.value.seeAllLabel(h.value.nbHits))+" ",1),t.createVNode(Ot)],8,Ro)):(t.openBlock(),t.createBlock(te,{key:1,controller:e.controller,state:e.state,locale:e.locale},null,8,["controller","state","locale"]))])):t.createCommentVNode("",!0)],64))],6)])):t.createCommentVNode("",!0)],64))}}),Lo=o=>{const{client:e,surface:n="search_page",...s}=o,c=$e({search:(a,p)=>e.search(a,p),analytics:{surface:n,trackViewSearchResults:a=>e.trackViewSearchResults(a),trackSelectSearchResult:a=>e.trackSelectSearchResult(a)},...s}),r=t.shallowRef(c.getState()),l=c.subscribe(()=>{r.value=c.getState()});return t.onMounted(()=>{z({method:"vue",version:"3.11.0"})}),t.onUnmounted(()=>{l(),c.dispose()}),{controller:c,state:r,theme:e.theme}};S.DialogInput=Y,S.DialogProductBlock=rt,S.DialogSearchBar=Et,S.DialogSearchPagination=te,S.DialogSearchProductCard=ce,S.DialogSearchResults=Ao,S.useDialogSearch=Lo,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})}));
+        1.66666Z`,stroke:e.color||"#181825","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,8,qe)]),s[0]||(s[0]=t.createElementVNode("defs",null,[t.createElementVNode("clipPath",{id:"clip0_466_934"},[t.createElementVNode("rect",{width:"20",height:"20",fill:"white"})])],-1))]))}}),Ue=["onClick"],He={class:"dialog-block-suggestions-item-label"},Ke=N(t.defineComponent({__name:"DialogBlockSuggestions",props:{client:{},questions:{},productId:{},productTitle:{},selectedVariantId:{}},setup(o){const e=o,n=s=>{e.client.sendProductMessage({productId:e.productId,productTitle:e.productTitle,selectedVariantId:e.selectedVariantId,question:s,fromQuestionSuggestion:!0})};return(s,c)=>(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.questions,r=>(t.openBlock(),t.createElementBlock("button",{key:r.question,class:"dialog-block-suggestions-item",onClick:l=>n(r.question)},[t.createVNode(Me,{class:"dialog-block-suggestions-item-icon",color:e.client.theme.primaryColor},null,8,["color"]),t.createElementVNode("span",He,t.toDisplayString(r.question),1)],8,Ue))),128))}}),[["__scopeId","data-v-db34d4b4"]]),Fe={};function ze(o,e){return t.openBlock(),t.createElementBlock(t.Fragment,null,[e[0]||(e[0]=t.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1)),e[1]||(e[1]=t.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1)),e[2]||(e[2]=t.createElementVNode("div",{class:"dialog-block-suggestions-skeleton-item"},null,-1))],64)}const je=N(Fe,[["render",ze],["__scopeId","data-v-26a64b58"]]),Ge={class:"dialog-block-suggestions-container"},Qe=N(t.defineComponent({__name:"DialogBlockSuggestionsContainer",props:{client:{},questions:{},isLoading:{type:Boolean},productId:{},productTitle:{},selectedVariantId:{}},setup(o){const e=o;return(n,s)=>(t.openBlock(),t.createElementBlock("div",Ge,[e.isLoading||!e.questions?(t.openBlock(),t.createBlock(je,{key:0})):(t.openBlock(),t.createBlock(Ke,{key:1,client:e.client,questions:e.questions,"product-id":e.productId,"product-title":e.productTitle,"selected-variant-id":e.selectedVariantId},null,8,["client","questions","product-id","product-title","selected-variant-id"]))]))}}),[["__scopeId","data-v-18c9e78b"]]),ve={width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},We=["stroke"],Xe=t.defineComponent({__name:"ArrowIcon",props:{color:{}},setup(o){const e=o;return(n,s)=>(t.openBlock(),t.createElementBlock("svg",ve,[t.createElementVNode("path",{d:"M10 16.6667V3.33334M10 3.33334L5 8.33334M10 3.33334L15 8.33334",stroke:e.color||"#ffffff","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,8,We)]))}}),Ye={class:"dialog-input-container"},Ze=["placeholder"],Je=["disabled"],et={id:"dialog-input-ai-disclosure",class:"dialog-input-ai-disclosure"},Y=N(t.defineComponent({__name:"DialogInput",props:{client:{},placeholder:{},productId:{},productTitle:{},selectedVariantId:{}},setup(o){const e=o,n=t.ref(),s=t.ref(""),c=t.computed(()=>X(e.client.locale)),r=()=>{var a;(a=n.value)==null||a.focus()},l=()=>{const a=s.value;a.trim()&&(e.client.sendProductMessage({productId:e.productId,productTitle:e.productTitle,selectedVariantId:e.selectedVariantId,question:a,fromQuestionSuggestion:!0}),s.value="")};return(a,p)=>(t.openBlock(),t.createElementBlock("div",Ye,[t.createElementVNode("div",{class:"dialog-input-wrapper",onClick:r},[t.withDirectives(t.createElementVNode("input",{id:"dialog-ask-anything-input-ai-input",ref_key:"inputRef",ref:n,"onUpdate:modelValue":p[0]||(p[0]=d=>s.value=d),class:"dialog-ask-anything-input-ai-input",placeholder:c.value.placeholder,"aria-describedby":"dialog-input-ai-disclosure",onKeydown:t.withKeys(l,["enter"])},null,40,Ze),[[t.vModelText,s.value]]),t.createElementVNode("button",{id:"send-message-button-ai-input",class:"dialog-input-submit",disabled:!s.value.trim(),onClick:l},[t.createVNode(Xe,{color:e.client.theme.ctaTextColor},null,8,["color"])],8,Je)]),t.createElementVNode("p",et,t.toDisplayString(c.value.aiDisclosure),1)]))}}),[["__scopeId","data-v-87013888"]]),tt=t.defineComponent({__name:"ThemeProvider",props:{theme:{}},setup(o){const e=o,n=document.body,s=r=>r.replace(/([A-Z])/g,"-$1").toLowerCase(),c=r=>{r&&Object.keys(r).forEach(l=>{const a=l,p=s(l);if(r[a]!==void 0){if(typeof r[a]=="object"){Object.keys(r[a]).forEach(d=>{var i;const u=d;if(u!==void 0){const m=s(d),_=r[a];n.style.setProperty(`--dialog-theme-${p}-${m}`,(i=_[u])==null?void 0:i.toString())}});return}if(a==="ctaBorderType"){const d=r[a]==="rounded"?"24px":"0";n.style.setProperty(`--dialog-theme-${p}`,d);return}n.style.setProperty(`--dialog-theme-${p}`,r[a].toString())}})};return t.onMounted(()=>{e.theme&&c(e.theme)}),t.watch(()=>e.theme,r=>{r&&c(r)},{deep:!0}),(r,l)=>t.renderSlot(r.$slots,"default")}}),ot=["dir"],nt=2,st=5,rt=N(t.defineComponent({__name:"DialogProductBlock",props:{client:{},productId:{},productTitle:{},selectedVariantId:{default:void 0},enableInput:{type:Boolean,default:!1}},setup(o){const e=o;t.onMounted(()=>{z({method:"vue",version:"3.11.1"}),ge("pdp-block")});const n=t.ref(!0),s=t.ref(void 0),c=t.ref(0),r=t.computed(()=>{var i;return n.value?"":(i=s.value)==null?void 0:i.assistantName}),l=t.computed(()=>{var i;return n.value?"":(i=s.value)==null?void 0:i.description}),a=t.computed(()=>{var i,m;return(m=(i=s.value)==null?void 0:i.questions)==null?void 0:m.slice(0,nt)}),p=t.computed(()=>{var i;return n.value?"":(i=s.value)==null?void 0:i.inputPlaceholder}),d=t.computed(()=>{var i;return ue((i=e.client.getLocalizationInformations())==null?void 0:i.languageCode)}),u=async()=>{const i=++c.value;n.value=!0,s.value=void 0;try{const m=await e.client.getSuggestions(e.productId,{limit:st});i===c.value&&(s.value=m)}catch(m){console.error("error",m)}finally{i===c.value&&(n.value=!1)}};return t.watch(()=>[e.client,e.productId],()=>{u()},{immediate:!0}),(i,m)=>(t.openBlock(),t.createBlock(tt,{theme:e.client.theme},{default:t.withCtx(()=>{var _;return[t.createElementVNode("div",{id:"dialog-instant",class:"dialog-block-container",dir:d.value},[t.createVNode(De,{title:r.value,description:l.value},null,8,["title","description"]),t.createVNode(Qe,{client:e.client,questions:a.value,"is-loading":n.value,"product-id":e.productId,"product-title":e.productTitle,"selected-variant-id":e==null?void 0:e.selectedVariantId},null,8,["client","questions","is-loading","product-id","product-title","selected-variant-id"]),e.enableInput?(t.openBlock(),t.createBlock(Y,{key:0,client:e.client,placeholder:p.value,"product-id":e.productId,"product-title":e.productTitle,"selected-variant-id":e==null?void 0:e.selectedVariantId},null,8,["client","placeholder","product-id","product-title","selected-variant-id"])):(t.openBlock(),t.createBlock(Re,{key:1,client:e.client,questions:(_=s.value)==null?void 0:_.questions,disabled:n.value,"product-id":e.productId,"product-title":e.productTitle,"selected-variant-id":e.selectedVariantId},null,8,["client","questions","disabled","product-id","product-title","selected-variant-id"]))],8,ot)]}),_:1},8,["theme"]))}}),[["__scopeId","data-v-0c307e5f"]]),ct={},at={width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"};function lt(o,e){return t.openBlock(),t.createElementBlock("svg",at,e[0]||(e[0]=[t.createElementVNode("path",{d:"M8 13V3M8 3L3 8M8 3L13 8",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)]))}const it=N(ct,[["render",lt]]),dt={width:"16",height:"16",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},ut=["fill"],pt="M5.3217 0.588255C5.63241 -0.196084 6.36759 -0.196085 6.6783 0.588254C6.98901 1.37259 7.68193 2.82807 8.42693 3.57307C9.17193 4.31807 10.6274 5.01099 11.4117 5.3217C12.1961 5.63241 12.1961 6.36759 11.4117 6.6783C10.6274 6.98901 9.17193 7.68193 8.42693 8.42693C7.68193 9.17193 6.98901 10.6274 6.6783 11.4117C6.36759 12.1961 5.63241 12.1961 5.3217 11.4117C5.01099 10.6274 4.31807 9.17193 3.57307 8.42693C2.82808 7.68193 1.37259 6.98901 0.588255 6.6783C-0.196084 6.36759 -0.196085 5.63241 0.588254 5.3217C1.37259 5.01099 2.82807 4.31807 3.57307 3.57307C4.31807 2.82808 5.01099 1.37259 5.3217 0.588255Z",mt=t.defineComponent({__name:"ShurikenIcon",props:{color:{}},setup(o){const e=o;return(n,s)=>(t.openBlock(),t.createElementBlock("svg",dt,[t.createElementVNode("path",{d:pt,fill:e.color||"currentColor"},null,8,ut)]))}}),ht={class:"dialog-search-bar-field"},ft={class:"dialog-search-bar-icon"},gt=["aria-label","placeholder","autofocus"],_t=["aria-label"],Et=t.defineComponent({__name:"DialogSearchBar",props:{controller:{},placeholder:{default:"Search products..."},autoFocus:{type:Boolean,default:!1},submitAriaLabel:{default:"Search"}},setup(o){const e=o,n=t.ref(""),s=()=>{e.controller.setQuery(n.value)},c=()=>{e.controller.submit(n.value)};return(r,l)=>(t.openBlock(),t.createElementBlock("form",{class:"dialog-search-bar",role:"search",onSubmit:t.withModifiers(c,["prevent"])},[t.createElementVNode("div",ht,[t.createElementVNode("span",ft,[t.createVNode(mt)]),t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":l[0]||(l[0]=a=>n.value=a),type:"text",name:"dialog-search-query",class:"dialog-search-bar-input","aria-label":e.placeholder,placeholder:e.placeholder,autofocus:e.autoFocus,onInput:s},null,40,gt),[[t.vModelText,n.value]])]),t.createElementVNode("button",{type:"submit",class:"dialog-search-bar-submit","aria-label":e.submitAriaLabel},[t.createVNode(it)],8,_t)],32))}}),kt=(o,e)=>{try{return new Intl.NumberFormat(e).format(o)}catch{return String(o)}},Z={en:o=>({searching:e=>`Searching “${e}”…`,noResults:"No matching products",retry:"Retry",collectionsLabel:"Collections",productsLabel:"Products",collectionsCount:e=>e===1?"1 collection":`${o(e)} collections`,resultsCount:e=>e===1?"1 result":`${o(e)} results`,seeAllLabel:e=>e===1?"See the result":`See all ${o(e)} results`,previous:"Previous",next:"Next",pageOf:(e,n)=>`Page ${o(e)} / ${o(n)}`}),fr:o=>({searching:e=>`Recherche de « ${e} »…`,noResults:"Aucun produit correspondant",retry:"Réessayer",collectionsLabel:"Collections",productsLabel:"Produits",collectionsCount:e=>e===1?"1 collection":`${o(e)} collections`,resultsCount:e=>e===1?"1 résultat":`${o(e)} résultats`,seeAllLabel:e=>e===1?"Voir le résultat":`Voir les ${o(e)} résultats`,previous:"Précédent",next:"Suivant",pageOf:(e,n)=>`Page ${o(e)} / ${o(n)}`}),de:o=>({searching:e=>`Suche nach „${e}“…`,noResults:"Keine passenden Produkte",retry:"Erneut versuchen",collectionsLabel:"Kollektionen",productsLabel:"Produkte",collectionsCount:e=>e===1?"1 Kollektion":`${o(e)} Kollektionen`,resultsCount:e=>e===1?"1 Ergebnis":`${o(e)} Ergebnisse`,seeAllLabel:e=>e===1?"Das Ergebnis anzeigen":`Alle ${o(e)} Ergebnisse anzeigen`,previous:"Zurück",next:"Weiter",pageOf:(e,n)=>`Seite ${o(e)} / ${o(n)}`}),es:o=>({searching:e=>`Buscando «${e}»…`,noResults:"No hay productos que coincidan",retry:"Reintentar",collectionsLabel:"Colecciones",productsLabel:"Productos",collectionsCount:e=>e===1?"1 colección":`${o(e)} colecciones`,resultsCount:e=>e===1?"1 resultado":`${o(e)} resultados`,seeAllLabel:e=>e===1?"Ver el resultado":`Ver los ${o(e)} resultados`,previous:"Anterior",next:"Siguiente",pageOf:(e,n)=>`Página ${o(e)} / ${o(n)}`}),it:o=>({searching:e=>`Ricerca di “${e}”…`,noResults:"Nessun prodotto corrispondente",retry:"Riprova",collectionsLabel:"Collezioni",productsLabel:"Prodotti",collectionsCount:e=>e===1?"1 collezione":`${o(e)} collezioni`,resultsCount:e=>e===1?"1 risultato":`${o(e)} risultati`,seeAllLabel:e=>e===1?"Vedi il risultato":`Vedi tutti i ${o(e)} risultati`,previous:"Precedente",next:"Successivo",pageOf:(e,n)=>`Pagina ${o(e)} / ${o(n)}`})},J=o=>{var s;const e=((s=o==null?void 0:o.split("-")[0])==null?void 0:s.toLowerCase())??"en";return(Z[e]??Z.en)(c=>kt(c,o))},ee=o=>o.status!==$.LOADING&&o.response!==void 0&&o.response.nbPages>1,St={key:0,"aria-label":"Search results pages",class:"dialog-search-pagination"},bt=["disabled"],Ct=["disabled"],te=t.defineComponent({__name:"DialogSearchPagination",props:{controller:{},state:{},locale:{}},setup(o){const e=o,n=t.computed(()=>e.state.response),s=t.computed(()=>J(e.locale));return(c,r)=>n.value!==void 0&&t.unref(ee)(e.state)?(t.openBlock(),t.createElementBlock("nav",St,[t.createElementVNode("button",{type:"button",disabled:n.value.page===0,onClick:r[0]||(r[0]=l=>e.controller.setPage(n.value.page-1))},t.toDisplayString(s.value.previous),9,bt),t.createElementVNode("span",null,t.toDisplayString(s.value.pageOf(n.value.page+1,n.value.nbPages)),1),t.createElementVNode("button",{type:"button",disabled:n.value.page>=n.value.nbPages-1,onClick:r[1]||(r[1]=l=>e.controller.setPage(n.value.page+1))},t.toDisplayString(s.value.next),9,Ct)])):t.createCommentVNode("",!0)}}),oe=o=>o.normalize("NFD").replace(new RegExp("\\p{M}","gu"),"").replace(/ẞ/gu,"ß").toUpperCase().toLowerCase().replace(/ς/g,"σ"),yt=(o,e)=>{const n={before:"",match:o,after:""},s=oe(e.trim());if(s==="")return n;const c=[...o],r=[];let l="";c.forEach((u,i)=>{const m=oe(u);for(let _=0;_<m.length;_+=1)r.push(i);l+=m});const a=l.indexOf(s);if(a===-1)return n;const p=r[a],d=r[a+s.length-1]+1;return{before:c.slice(0,p).join(""),match:c.slice(p,d).join(""),after:c.slice(d).join("")}},It={key:0,class:"dialog-search-muted"},wt={class:"dialog-search-match"},$t={key:1,class:"dialog-search-muted"},ne=t.defineComponent({__name:"HighlightedTitle",props:{title:{},query:{}},setup(o){const e=o,n=t.computed(()=>yt(e.title,e.query));return(s,c)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[n.value.before!==""?(t.openBlock(),t.createElementBlock("span",It,t.toDisplayString(n.value.before),1)):t.createCommentVNode("",!0),t.createElementVNode("span",wt,t.toDisplayString(n.value.match),1),n.value.after!==""?(t.openBlock(),t.createElementBlock("span",$t,t.toDisplayString(n.value.after),1)):t.createCommentVNode("",!0)],64))}}),Nt=o=>o.product_image||o.image||void 0,se=o=>{if(!(o===void 0||o===""))try{const{protocol:e}=new URL(o,window.location.href);return e==="http:"||e==="https:"?o:void 0}catch{return}},Tt=o=>se(o.url),re=o=>o.title??o.handle??o.objectID,Bt={class:"dialog-search-product-thumb","aria-hidden":"true"},Rt=["src"],At={class:"dialog-search-product-title"},Lt={key:0,class:"dialog-search-product-price"},Vt={key:0,class:"dialog-search-product-compare-at"},ce=t.defineComponent({__name:"DialogSearchProductCard",props:{controller:{},hit:{},index:{},locale:{default:void 0},query:{default:""}},setup(o){const e=o,n=t.ref();t.watch(()=>e.hit,()=>{n.value!==void 0&&e.controller.observeResult(n.value,e.index)},{immediate:!0,flush:"post"});const s=t.computed(()=>se(e.controller.productUrl(e.hit))),c=t.computed(()=>Nt(e.hit)),r=t.computed(()=>v(e.hit,e.locale)),l=t.computed(()=>Ne(e.hit,e.locale)),a=d=>{const u=d.metaKey||d.ctrlKey||d.shiftKey||d.altKey;e.controller.selectResult(e.index,{navigate:!u})&&d.preventDefault()},p=d=>{d.button===1&&e.controller.selectResult(e.index,{navigate:!1})};return(d,u)=>(t.openBlock(),t.createElementBlock("li",{ref_key:"cardRef",ref:n,class:"dialog-search-card"},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.value===void 0?"div":"a"),t.mergeProps({class:"dialog-search-product",href:s.value},t.toHandlers(s.value===void 0?{}:{click:a,auxclick:p})),{default:t.withCtx(()=>[t.createElementVNode("span",Bt,[c.value!==void 0?(t.openBlock(),t.createElementBlock("img",{key:0,src:c.value,alt:"",loading:"lazy"},null,8,Rt)):t.createCommentVNode("",!0)]),t.createElementVNode("span",At,[t.createVNode(ne,{title:t.unref(re)(e.hit),query:e.query},null,8,["title","query"])]),r.value!==""?(t.openBlock(),t.createElementBlock("span",Lt,[l.value!==""?(t.openBlock(),t.createElementBlock("s",Vt,t.toDisplayString(l.value),1)):t.createCommentVNode("",!0),t.createTextVNode(t.toDisplayString(r.value),1)])):t.createCommentVNode("",!0)]),_:1},16,["href"]))],512))}}),Dt={},xt={width:"16",height:"16",viewBox:"0 0 256 256",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"};function Pt(o,e){return t.openBlock(),t.createElementBlock("svg",xt,e[0]||(e[0]=[t.createElementVNode("path",{d:"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"},null,-1)]))}const Ot=N(Dt,[["render",Pt]]),qt={},Mt={width:"12",height:"12",viewBox:"0 0 256 256",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"};function Ut(o,e){return t.openBlock(),t.createElementBlock("svg",Mt,e[0]||(e[0]=[t.createElementVNode("path",{d:"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"},null,-1)]))}const Ht=N(qt,[["render",Ut]]),ae=o=>(o??[]).flatMap(e=>{const n=Tt(e);return n===void 0?[]:[{collection:e,href:n}]}),Kt={key:0,class:"dialog-search-collections"},Ft={class:"dialog-search-section-head"},zt={class:"dialog-search-label"},jt={class:"dialog-search-count"},Gt={class:"dialog-search-collection-list"},Qt=["href"],vt={class:"dialog-search-collection-thumb","aria-hidden":"true"},Wt=["src"],Xt={class:"dialog-search-collection-title"},Yt={class:"dialog-search-caret"},Zt=t.defineComponent({__name:"DialogSearchCollections",props:{collections:{},query:{},messages:{}},setup(o){const e=o,n=t.computed(()=>ae(e.collections));return(s,c)=>n.value.length>0?(t.openBlock(),t.createElementBlock("aside",Kt,[t.createElementVNode("div",Ft,[t.createElementVNode("p",zt,t.toDisplayString(e.messages.collectionsLabel),1),t.createElementVNode("span",jt,t.toDisplayString(e.messages.collectionsCount(n.value.length)),1)]),t.createElementVNode("ul",Gt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.value,({collection:r,href:l})=>(t.openBlock(),t.createElementBlock("li",{key:r.objectID},[t.createElementVNode("a",{class:"dialog-search-collection",href:l},[t.createElementVNode("span",vt,[r.image?(t.openBlock(),t.createElementBlock("img",{key:0,src:r.image,alt:"",loading:"lazy"},null,8,Wt)):t.createCommentVNode("",!0)]),t.createElementVNode("span",Xt,[t.createVNode(ne,{title:t.unref(re)(r),query:e.query},null,8,["title","query"])]),t.createElementVNode("span",Yt,[t.createVNode(Ht)])],8,Qt)]))),128))])])):t.createCommentVNode("",!0)}}),Jt={class:"dialog-search-products"},eo={class:"dialog-search-section-head"},to={class:"dialog-search-label"},oo={key:0,class:"dialog-search-label-count"},no={class:"dialog-search-results"},so={key:0,class:"dialog-search-empty",role:"status"},ro=t.defineComponent({__name:"DialogSearchProducts",props:{controller:{},response:{},locale:{},messages:{}},setup(o){const e=o;return(n,s)=>(t.openBlock(),t.createElementBlock("section",Jt,[t.createElementVNode("div",eo,[t.createElementVNode("p",to,[t.createTextVNode(t.toDisplayString(e.messages.productsLabel),1),e.response.nbHits>0?(t.openBlock(),t.createElementBlock("span",oo," · "+t.toDisplayString(e.messages.resultsCount(e.response.nbHits)),1)):t.createCommentVNode("",!0)])]),t.createElementVNode("ul",no,[e.response.hits.length===0?(t.openBlock(),t.createElementBlock("li",so,t.toDisplayString(e.messages.noResults),1)):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(e.response.hits,(c,r)=>(t.openBlock(),t.createBlock(ce,{key:c.objectID,controller:e.controller,hit:c,index:r,locale:e.locale,query:e.response.query},null,8,["controller","hit","index","locale","query"]))),128))])]))}}),V=8,L=16,co=200,ao=1440,lo=(o,e)=>o.bottom>0&&o.top<e,io=(o,e)=>{const n=Math.min(ao,e-2*L),s=o.left+o.width/2-n/2;return{left:`${Math.min(Math.max(s,L),e-L-n)}px`,width:`${n}px`}},uo=(o,e,n)=>{const s=n-o.bottom-V-L,c=o.top-V-L,r=io(o,e);return s<co&&c>s?{...r,bottom:`${n-o.top+V}px`,maxHeight:`${Math.max(c,0)}px`}:{...r,top:`${o.bottom+V}px`,maxHeight:`${Math.max(s,0)}px`}},po=o=>{const e=o.trim().replace(/^#/,"");if(!/^(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(e))return;const n=e.length<=4?[...e].map(s=>s+s).join(""):e;return[0,2,4].map(s=>Number.parseInt(n.slice(s,s+2),16))},mo=o=>{const e=/^rgba?\((\d+), (\d+), (\d+)(?:, [\d.]+)?\)$/.exec(o);if(e!==null)return[e[1],e[2],e[3]].map(Number)},ho=o=>{if(typeof document>"u")return;const e=document.createElement("span");if(e.style.color=o,e.style.color==="")return;document.body.appendChild(e);const n=mo(getComputedStyle(e).color);return e.remove(),n},fo=o=>po(o)??ho(o),go=o=>{const e=o/255;return e<=.03928?e/12.92:((e+.055)/1.055)**2.4},le=o=>{const e=fo(o);if(e===void 0)return;const[n,s,c]=e.map(go);return .2126*n+.7152*s+.0722*c},_o="#181825",Eo="#ffffff",ko="straight",O=.5,q={light:{panel:"#ffffff",side:"#fafbfc",text:"#111827","text-sec":"#6b7280",border:"#eceef2",hover:"#eef2f7",thumb:"#eef1f5"},dark:{panel:"#15171c",side:"#1b1e25",text:"#f3f4f6","text-sec":"#9ca3af",border:"#2b2f38",hover:"#242830",thumb:"#2b2f38"}},So={rectangle:{"r-panel":"4px","r-item":"4px","r-thumb":"2px","r-btn":"4px"},"rectangle-rounded":{"r-panel":"16px","r-item":"10px","r-thumb":"8px","r-btn":"10px"}},D=o=>o===void 0||o.trim()===""?void 0:o.trim(),bo=o=>{const e=o===void 0?void 0:le(o);return e===void 0?"light":e<O?"dark":"light"},Co=(o,e)=>{const n=le(o);return n===void 0?q[e].text:(e==="light"?n<O:n>=O)?o:q[e].text},yo=o=>{const e=bo(D(o==null?void 0:o.backgroundColor)),n=(o==null?void 0:o.ctaBorderType)===ko?"rectangle":"rectangle-rounded",s=D(o==null?void 0:o.primaryColor)??_o,c=D(o==null?void 0:o.fontFamily),r={...q[e],...So[n],primary:s,accent:Co(s,e),"cta-text":D(o==null?void 0:o.ctaTextColor)??Eo,...c===void 0?{}:{font:c}};return Object.fromEntries(Object.entries(r).map(([l,a])=>[`--dso-${l}`,a]))},Io=o=>{const e=t.ref(),n=t.ref(void 0),s=t.ref({width:0,height:0});return t.watch(o,(c,r,l)=>{if(!c)return;const a=()=>{const p=e.value;if(p===void 0)return;const d=p.previousElementSibling??p,{top:u,bottom:i,left:m,width:_}=d.getBoundingClientRect();(s.value.width!==window.innerWidth||s.value.height!==window.innerHeight)&&(s.value={width:window.innerWidth,height:window.innerHeight});const h=n.value;(h===void 0||h.top!==u||h.bottom!==i||h.left!==m||h.width!==_)&&(n.value={top:u,bottom:i,left:m,width:_})};a(),window.addEventListener("scroll",a,!0),window.addEventListener("resize",a),l(()=>{window.removeEventListener("scroll",a,!0),window.removeEventListener("resize",a)})},{immediate:!0,flush:"post"}),{anchorRef:e,rect:n,viewport:s}},wo=(o,e)=>{const n=t.ref(!1),s=t.ref(),c=t.computed(()=>o.value.status!==$.IDLE&&!n.value);t.watch(()=>o.value.query,()=>{n.value=!1}),t.watch(c,(l,a,p)=>{if(!l)return;const d=u=>{var C,y;const i=u.target;if(!(i instanceof Node))return;const m=(C=e.value)==null?void 0:C.previousElementSibling,_=((y=s.value)==null?void 0:y.contains(i))??!1,h=(m==null?void 0:m.contains(i))??!1;!_&&!h&&(n.value=!0)};document.addEventListener("pointerdown",d),p(()=>document.removeEventListener("pointerdown",d))},{immediate:!0});const r=()=>{n.value=!1};return t.onMounted(()=>{var l,a;(a=(l=e.value)==null?void 0:l.previousElementSibling)==null||a.addEventListener("focusin",r)}),t.onUnmounted(()=>{var l,a;(a=(l=e.value)==null?void 0:l.previousElementSibling)==null||a.removeEventListener("focusin",r)}),{isOpen:c,panelRef:s}},$o={key:0,class:"dialog-search-error"},No={role:"alert",class:"dialog-search-status dialog-search-status-error"},To={key:1,role:"status",class:"dialog-search-status"},Bo={key:0,class:"dialog-search-footer"},Ro=["href"],Ao=t.defineComponent({__name:"DialogSearchResults",props:{controller:{},state:{},locale:{default:void 0},theme:{default:void 0},layout:{default:"list"},seeAllHref:{type:Function,default:void 0}},setup(o){const e=o,n=k=>k instanceof pe?`Search failed (${k.status}${k.code?` ${k.code}`:""}): ${k.message}`:"Search failed: network error. Check your connection and try again.",s=t.computed(()=>e.state),c=t.computed(()=>e.state.status!==$.IDLE),{anchorRef:r,rect:l,viewport:a}=Io(c),{isOpen:p,panelRef:d}=wo(s,r),u=t.computed(()=>p.value&&l.value!==void 0&&lo(l.value,a.value.height)),i=t.computed(()=>yo(e.theme)),m=t.computed(()=>({...l.value===void 0?{}:uo(l.value,a.value.width,a.value.height),...i.value})),_=t.computed(()=>J(e.locale)),h=t.computed(()=>e.state.response),C=t.computed(()=>{var k,w;return((w=(k=e.state.sections)==null?void 0:k.collections)==null?void 0:w.hits)??[]}),y=t.computed(()=>ae(C.value).length>0),I=t.computed(()=>e.seeAllHref!==void 0&&h.value!==void 0&&h.value.nbHits>0),f=t.computed(()=>!I.value&&ee(e.state)),E=t.computed(()=>{var k;return h.value===void 0||(k=e.seeAllHref)==null?void 0:k.call(e,h.value.query)});return(k,w)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("div",{ref_key:"anchorRef",ref:r},null,512),u.value?(t.openBlock(),t.createBlock(t.Teleport,{key:0,to:"body"},[t.createElementVNode("div",{ref_key:"panelRef",ref:d,class:t.normalizeClass(["dialog-search-panel",`dialog-search-panel--${e.layout}`]),style:t.normalizeStyle(m.value)},[e.state.status===t.unref($).ERROR?(t.openBlock(),t.createElementBlock("div",$o,[t.createElementVNode("p",No,t.toDisplayString(n(e.state.error)),1),t.createElementVNode("button",{type:"button",class:"dialog-search-retry",onClick:w[0]||(w[0]=g=>e.controller.retry())},t.toDisplayString(_.value.retry),1)])):h.value===void 0?(t.openBlock(),t.createElementBlock("p",To,t.toDisplayString(_.value.searching(e.state.query)),1)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createElementVNode("div",{class:t.normalizeClass(["dialog-search-body",{"dialog-search-body--no-collections":!y.value}])},[t.createVNode(Zt,{collections:C.value,query:h.value.query,messages:_.value},null,8,["collections","query","messages"]),t.createVNode(ro,{controller:e.controller,response:h.value,locale:e.locale,messages:_.value},null,8,["controller","response","locale","messages"])],2),I.value||f.value?(t.openBlock(),t.createElementBlock("div",Bo,[I.value?(t.openBlock(),t.createElementBlock("a",{key:0,class:"dialog-search-cta",href:E.value},[t.createTextVNode(t.toDisplayString(_.value.seeAllLabel(h.value.nbHits))+" ",1),t.createVNode(Ot)],8,Ro)):(t.openBlock(),t.createBlock(te,{key:1,controller:e.controller,state:e.state,locale:e.locale},null,8,["controller","state","locale"]))])):t.createCommentVNode("",!0)],64))],6)])):t.createCommentVNode("",!0)],64))}}),Lo=o=>{const{client:e,surface:n="search_page",...s}=o,c=$e({search:(a,p)=>e.search(a,p),analytics:{surface:n,trackViewSearchResults:a=>e.trackViewSearchResults(a),trackSelectSearchResult:a=>e.trackSelectSearchResult(a)},...s}),r=t.shallowRef(c.getState()),l=c.subscribe(()=>{r.value=c.getState()});return t.onMounted(()=>{z({method:"vue",version:"3.11.1"})}),t.onUnmounted(()=>{l(),c.dispose()}),{controller:c,state:r,theme:e.theme}};S.DialogInput=Y,S.DialogProductBlock=rt,S.DialogSearchBar=Et,S.DialogSearchPagination=te,S.DialogSearchProductCard=ce,S.DialogSearchResults=Ao,S.useDialogSearch=Lo,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@askdialog/dialog-vue",
   "private": false,
-  "version": "3.11.0",
+  "version": "3.11.1",
   "type": "module",
   "main": "./dist/dialog-vue.umd.js",
   "module": "./dist/dialog-vue.js",
@@ -29,7 +29,7 @@
     "eslint-plugin-vue": "^10.0.0",
     "vite-plugin-eslint": "^1.8.1",
     "vue-tsc": "^2.2.4",
-    "@askdialog/dialog-sdk": "2.17.0"
+    "@askdialog/dialog-sdk": "2.18.0"
   },
   "author": "Dialog",
   "publishConfig": {