@magicx-eng/ai-autocomplete-vanilla 0.9.1 → 0.10.0
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/dist/index.d.mts +45 -1
- package/dist/index.d.ts +45 -1
- package/dist/index.js +74 -34
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +74 -34
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var ge=Object.defineProperty;var at=Object.getOwnPropertyDescriptor;var lt=Object.getOwnPropertyNames;var dt=Object.prototype.hasOwnProperty;var ct=(i,e)=>{for(var t in e)ge(i,t,{get:e[t],enumerable:!0})},pt=(i,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of lt(e))!dt.call(i,r)&&r!==t&&ge(i,r,{get:()=>e[r],enumerable:!(n=at(e,r))||n.enumerable});return i};var ut=i=>pt(ge({},"__esModule",{value:!0}),i);var jt={};ct(jt,{AIAutocomplete:()=>ue,ATTRIBUTION_URL:()=>ye,ModeController:()=>R,SKIPPED_PARAM_TEXT:()=>fe,buildAttributionUrl:()=>ne,buildQuery:()=>v,buildSubmitResult:()=>L,createStore:()=>le,cursorIsAtEnd:()=>V,extractPlainText:()=>_,getCursorOffset:()=>w,getFooterHint:()=>ie,plainTextLength:()=>j,previousGraphemeBoundary:()=>X,renderEditableContent:()=>ae,setCursorOffset:()=>C,withSkippedParams:()=>O});module.exports=ut(jt);var H=class{constructor(e){this.config=e;this.current=null;this.expiresAt=null;this.inFlightRefresh=null;e.accessToken&&(this.current=e.accessToken)}async getToken(e=!1){if(!e&&this.current&&!this.isExpired())return this.current;if(!e&&this.inFlightRefresh)return this.inFlightRefresh;this.inFlightRefresh=this.refresh();try{return await this.inFlightRefresh}finally{this.inFlightRefresh=null}}async refresh(){let e=await this.config.getAccessToken();return this.current=e.accessToken,this.expiresAt=e.expiresAt??null,this.current}isExpired(){return this.expiresAt==null?!1:Date.now()>=this.expiresAt-3e4}};var mt="https://api.ai-autocomplete.com",F=`${mt}/api/suggest`,Ee=new WeakMap;function N(i){return i?.type==="accessToken"}function gt(i){if(!(!i||N(i)))return i}function B(i){let e=Ee.get(i.getAccessToken);return e||(e=new H(i),Ee.set(i.getAccessToken,e)),e}function K(i){return{"Content-Type":"application/json",...i?.appIdentifier&&{"X-App-Identifier":i.appIdentifier},...i?.headers}}function U(i){let e=gt(i),t=e?.apiKey;return t?(e?.authScheme??"Bearer")==="Basic"?`Basic ${btoa(t)}`:`Bearer ${t}`:null}var fe="skipped";function O(i,e){if(e.length===0)return i;let t=new Set(i.map(r=>r.type)),n=e.filter(r=>!t.has(r.type)).map(r=>({placeholder:"",type:r.type,text:fe,kind:null}));return n.length>0?[...i,...n]:i}var ft="0.9.1",Te=!1;function ht(){return crypto.randomUUID()}function bt(i,e){return{placeholder:i.placeholder,type:i.type,...e&&{text:i.text},kind:i.kind}}function xt(i,e,t,n,r,o,a){let s=e.find(l=>l.type==="contact"&&l.metadata?.contact_account_count)?.metadata?.contact_account_count,d=typeof s=="number"?s:void 0;return{data:{raw_query:i,completed_params:O(e.map(l=>bt(l,t)),a??[]),...r&&r.length>0&&{identified_params:r.map(l=>({type:l.type,value:l.text}))},...o&&o.length>0&&{recently_suggested:o},...d!=null&&{contact_account_count:d}},meta:{request_id:ht(),request_at:new Date().toISOString(),language:typeof navigator<"u"?navigator.language:"en-US",client_version:ft,session_id:n}}}async function Ae(i,e,t,n,r){return fetch(i,{method:"POST",headers:{...e,Authorization:`Bearer ${t}`},body:n,signal:r})}async function Ie(i,e,t){let n=t.apiConfig,r=!t.maskCompletedText,o=xt(i,e,r,t.sessionId,t.identifiedParams,t.recentlySuggested,t.skippedParams),a=K(n),s=n?.endpoint??F,d=JSON.stringify(o);if(N(n)){let p=B(n),u=await p.getToken(),f=await Ae(s,a,u,d,t.signal);if(f.status===401){let h=await p.getToken(!0);f=await Ae(s,a,h,d,t.signal)}if(!f.ok)throw new Error(`API error: ${f.status} ${f.statusText}`);return f.json()}let l=U(n);!l&&!Te&&(Te=!0,console.warn("[AIAutocomplete] No apiKey in apiConfig. Requests will be sent without an Authorization header.")),l&&(a.Authorization=l);let c=await fetch(s,{method:"POST",headers:a,body:d,signal:t.signal});if(!c.ok)throw new Error(`API error: ${c.status} ${c.statusText}`);return c.json()}function v(i,e){let t=i,n={},r=[],o=[],a=0;for(let s of e){let d=(n[s.type]??0)+1;n[s.type]=d;let c=`{{${s.type.toUpperCase().replace(/\s+/g,"_")}_${d}}}`,p=f=>{let h=t.indexOf(s.text,f);for(;h!==-1&&o.some(y=>h<y.end&&h+s.text.length>y.start);)h=t.indexOf(s.text,h+1);return h},u=p(a);if(u===-1&&(u=p(0)),u!==-1){t=t.slice(0,u)+c+t.slice(u+s.text.length);let f=c.length-s.text.length;for(let h of o)h.start>=u+s.text.length&&(h.start+=f,h.end+=f);o.push({start:u,end:u+c.length}),a=u>=a?u+c.length:a+f}r.push({...s,placeholder:c})}return{rawQuery:t,completedParams:r}}function T(i,e,t){return e>0||!t?e:i.toLowerCase().startsWith(t.toLowerCase())?t.length:e}function $(i,e,t){return e===0&&i.length>0&&t.length>0&&t.toLowerCase().startsWith(i.toLowerCase())}function A(i,e,t){let n=i.slice(e);if(t||e===0||i[e-1]===" ")return n;let r=n.indexOf(" ");return r===-1?"":n.slice(r+1)}function Oe(i,e){let t=i.trimEnd().replace(/\s+/g," ");if(t.length===0||e.length===0)return 0;let n=t.split(" "),r=e.toLowerCase();for(let o=0;o<n.length;o++){let a=n.slice(o).join(" ");if(r.startsWith(a.toLowerCase())){let s=t.length-a.length;return i.length-s}}return 0}function I(i,e){if(!i)return[];let t=e.trimStart();if(!t)return i;let n=t.toLowerCase();return i.filter(r=>!r.is_tappable||r.text.toLowerCase().includes(n))}function k(i,e){if(!i)return null;let t=e.trim();if(!t)return null;let n=t.toLowerCase();return i.find(r=>r.is_tappable&&r.text.toLowerCase()===n)??null}function ke(i,e){return e?i.map(t=>{let n=e[t.type];if(!n)return t;let r=n("");return r?{...t,options:r}:t}):i}function De(i,e){let t=0,n=e;for(let r of i)t+=r.value.length,r.type!=="text"&&(n=Math.max(n,t));return n}function Le(i,e){let t=0;for(let n of i){let r=t+n.value.length;if(n.type==="text"&&r>e&&n.value.slice(Math.max(e-t,0)).trim().length>0)return!1;t=r}return!0}function Me(i,e){let t=[],n=new Set;for(let r of[...i,...e])r.type==="placeholder"||n.has(r.type)||(n.add(r.type),t.push({type:r.type,text:r.text}));return t}function Re(i,e,t){if(i===e)return t;let n=Math.min(i.length,e.length),r=0;for(;r<n&&i[r]===e[r];)r++;if(r>=t)return t;let o=0;for(;o<n-r&&i[i.length-1-o]===e[e.length-1-o];)o++;return i.length-o<=t?t+(e.length-i.length):null}function he(i,e){let t=[],n=[],r=0;for(let o of e){let a=i.indexOf(o.text,r);if(a===-1){n.push(o);continue}t.push({start:a,end:a+o.text.length,param:o}),r=a+o.text.length}return{located:t,missing:n}}function Ne(i,e,t){let n=[],r=[],o=0;for(let a of t){let s=i.indexOf(a.text,o);for(;s!==-1&&e.some(d=>s<d.end&&s+a.text.length>d.start);)s=i.indexOf(a.text,s+1);if(s===-1){r.push(a);continue}n.push({start:s,end:s+a.text.length,param:a}),o=s+a.text.length}return{located:n,missing:r}}function _e(i,e,t=[]){let n=he(i,e).located,r=Ne(i,n,t).located,o=[...n.map(l=>({start:l.start,end:l.end,segment:{type:"completed",value:l.param.text,param:l.param}})),...r.map(l=>({start:l.start,end:l.end,segment:{type:"identified",value:l.param.text,param:l.param}}))].sort((l,c)=>l.start-c.start),a=[],s=0;for(let l of o)l.start>s&&a.push({type:"text",value:i.slice(s,l.start)}),a.push(l.segment),s=l.end;let d=i.slice(s);return d&&a.push({type:"text",value:d}),a}function He(i,e){let{located:t,missing:n}=he(i,e);return{valid:t.map(r=>r.param),invalid:n}}function q(i,e,t){let n=he(i,e).located,{located:r,missing:o}=Ne(i,n,t);return{valid:r.map(a=>a.param),invalid:o}}function yt(i){if(i instanceof Error)return i;try{return new Error(String(i))}catch{return new Error("Unknown error")}}var St=100,Pt=300,vt=2,Q=class{constructor(e,t,n,r,o,a,s={}){this.store=e;this.getApiConfig=t;this.getOptionOverrides=n;this.getMaskCompletedText=r;this.getOnError=o;this.getSessionId=a;this.callbacks=s;this.fetchVersion=0;this.abortController=null;this.debounceTimer=null;this.slowDebounceTimer=null;this.unsubscribe=null}start(){this.doFetch("",[]);let e=this.store.get().text,t=this.store.get().completedParams;this.unsubscribe=this.store.subscribe(n=>{(n.text!==e||n.completedParams!==t)&&(e=n.text,t=n.completedParams,this.scheduleFetch())})}dispose(){this.abortController?.abort(),this.clearTimers(),this.unsubscribe?.()}async doFetch(e,t){this.abortController?.abort();let n=new AbortController;this.abortController=n;let r=++this.fetchVersion,o=this.store.get().text.length;try{this.callbacks.onRequest?.({query:this.store.get().text,signal:n.signal,isCurrent:()=>r===this.fetchVersion})}catch{}try{this.store.set({isLoading:!0,error:null});let a=this.store.get(),s=a.pendingSpan?Me(a.pendingSpan.snapshot,a.actionableSuggestions):void 0,d=await Ie(e,t,{sessionId:this.getSessionId(),maskCompletedText:this.getMaskCompletedText(),signal:n.signal,apiConfig:this.getApiConfig(),identifiedParams:a.identifiedParams,recentlySuggested:s,skippedParams:a.skippedParams});if(r!==this.fetchVersion)return;let l=(d.data.input??[]).filter(x=>x.source==="identified").map(x=>({id:crypto.randomUUID(),type:x.type,text:x.text})),c=ke(d.data.suggestions??[],this.getOptionOverrides()),p=d.data.input??[],u=p[p.length-1],f=this.store.get().text,h,y;if(u?.state==="in_progress"){y=!0;let x=f.toLowerCase().lastIndexOf(u.text.toLowerCase());h=x!==-1?x:o}else y=!1,h=o;let g=c.filter(x=>x.type!=="placeholder")[0],m=null;if(g){let x=A(f,h,y),S=k(g.options,x);S&&(m={id:crypto.randomUUID(),placeholder:"",type:g.type,text:S.text,kind:S.kind,suggestionType:g.type,suggestionPlaceholder:g.text,options:g.options??[],metadata:S.metadata},c=c.filter(P=>P!==g),this.callbacks.onAutoMatch?.({active:g,matched:S,rawQuery:e}))}this.store.set(x=>{let S=m?[...x.completedParams,m]:x.completedParams,P=q(x.text,S,l).valid;return{suggestions:c,isLoading:!1,isReady:d.data.is_ready??!1,lastRawQuery:e,activeDropdownIndex:-1,filterBase:h,filterInProgress:y,identifiedParams:P,...m?{completedParams:S}:{}}})}catch(a){let s=yt(a);r===this.fetchVersion&&(this.store.set({error:s,isLoading:!1}),this.getOnError()?.(s))}finally{if(r===this.fetchVersion&&this.store.get().isLoading)try{this.store.set({isLoading:!1})}catch{}}}scheduleFetch(){if(this.clearTimers(),this.store.get().skipNextFetch){this.store.set({skipNextFetch:!1});return}let t=n=>{let r=this.store.get();if(!r.text&&r.completedParams.length===0)return this.doFetch("",[]),!0;let o=r.suggestions.filter(m=>m.type==="placeholder").map(m=>m.text).join(" "),a=T(r.text,r.filterBase,o),s=A(r.text,a,r.filterInProgress),l=r.suggestions.filter(m=>m.type!=="placeholder")[0],p=(l?I(l.options,s):[]).filter(m=>m.is_tappable),u=l?k(l.options,s)!==null:!1,f=s.trim().length>0;if(p.length>0&&!u&&f||$(r.text,r.completedParams.length,o))return!1;let{rawQuery:h,completedParams:y}=v(r.text,r.completedParams),b=h.length<r.lastRawQuery.length,g=Math.abs(h.length-r.lastRawQuery.length);return b||g>=n?(this.doFetch(h,y),!0):!1};this.debounceTimer=setTimeout(()=>{t(vt)&&this.slowDebounceTimer&&clearTimeout(this.slowDebounceTimer)},St),this.slowDebounceTimer=setTimeout(()=>t(1),Pt)}clearTimers(){this.debounceTimer&&clearTimeout(this.debounceTimer),this.slowDebounceTimer&&clearTimeout(this.slowDebounceTimer),this.debounceTimer=null,this.slowDebounceTimer=null}};var Be='[contenteditable="false"]',D;function Ct(){if(D!==void 0)return D;let i=globalThis.Intl.Segmenter;if(!i)return D=null,null;try{D=new i(void 0,{granularity:"grapheme"})}catch{D=null}return D??null}function G(i,e){let t=i;for(;t&&t!==e;){if(t.nodeType===Node.ELEMENT_NODE&&t.matches(Be))return!0;t=t.parentNode}return!1}function W(i){return(i.ownerDocument??document).createTreeWalker(i,NodeFilter.SHOW_TEXT,{acceptNode(e){return G(e,i)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}})}function _(i){let e=W(i),t="",n=e.nextNode();for(;n;)t+=n.data,n=e.nextNode();return t}function j(i){let e=W(i),t=0,n=e.nextNode();for(;n;)t+=n.data.length,n=e.nextNode();return t}function w(i){let e=(i.ownerDocument??document).getSelection();if(!e||e.rangeCount===0)return null;let t=e.anchorNode,n=e.anchorOffset;if(!t||!i.contains(t))return null;if(t.nodeType===Node.ELEMENT_NODE){let r=t;if(G(r,i)&&r!==i)return null;let o=0;for(let a=0;a<n&&a<r.childNodes.length;a++)o+=Ke(r.childNodes[a],i);return o+Fe(r,i)}return t.nodeType!==Node.TEXT_NODE||G(t,i)?null:Fe(t,i)+n}function Ke(i,e){if(i.nodeType===Node.TEXT_NODE)return G(i,e)?0:i.data.length;if(i.nodeType!==Node.ELEMENT_NODE)return 0;let t=i;if(t.matches(Be))return 0;let n=0;for(let r of Array.from(t.childNodes))n+=Ke(r,e);return n}function Fe(i,e){let t=W(e),n=0,r=t.nextNode();for(;r;){if(r===i||i.nodeType===Node.ELEMENT_NODE&&i.contains(r))return n;n+=r.data.length,r=t.nextNode()}return n}function C(i,e){let t=i.ownerDocument??document,n=t.getSelection();if(!n)return;let r=Math.max(0,Math.min(e,j(i))),o=W(i),a=0,s=null,d=0,l=o.nextNode(),c=null;for(;l;){let u=l.data.length;if(r<a+u){s=l,d=r-a;break}if(r===a+u){let f=o.nextNode();f?(s=f,d=0):(s=l,d=u);break}a+=u,c=l,l=o.nextNode()}let p=t.createRange();if(s){let u=s.parentElement?.closest('strong[data-seg="completed"]');u&&u!==i&&i.contains(u)?d===0?p.setStartBefore(u):d===s.data.length?p.setStartAfter(u):p.setStart(s,d):p.setStart(s,d)}else c?p.setStart(c,c.data.length):p.setStart(i,0);p.collapse(!0),n.removeAllRanges(),n.addRange(p)}function V(i){let e=w(i);return e==null?!1:e>=j(i)}function X(i,e){if(e<=0)return 0;let t=Ct();if(!t)return e-1;let n=i.slice(0,e),r=0;for(let{index:o}of t.segment(n))o<e&&(r=o);return r}function L(i,e,t=[]){let{rawQuery:n,completedParams:r}=v(i,e);return{query:i.trim(),raw_query:n,completed_params:O(r,t)}}function be(i,e){return i instanceof HTMLTextAreaElement||i instanceof HTMLInputElement?i.selectionStart!=null&&i.selectionStart===i.value.length:i instanceof HTMLElement&&i.hasAttribute("data-aia-input")?V(i):e?.caretOffset!=null?e.caretOffset>=e.text.length:!1}function xe(i){return i instanceof HTMLElement&&i.hasAttribute("data-aia-input")?w(i):null}var z=class{constructor(e,t){this.store=e;this.ctx=t}handleKeyDown(e){let t=this.store.get(),{listboxId:n,getOnSubmit:r}=this.ctx,o=this.getEffectiveColumns(),a=r(),s=this.getTappableIndices(o);if((e.shiftKey||e.metaKey||e.ctrlKey||e.altKey)&&(e.key==="ArrowDown"||e.key==="ArrowUp"||e.key==="ArrowLeft"||e.key==="ArrowRight"))return;let d=this.ctx.getOptionsPosition()==="above";switch(e.key){case"ArrowDown":{let l=be(e.target,t),c=!!t.editingParam;if(!l&&!c&&t.activeDropdownIndex<0)break;if(t.activeDropdownIndex<0){if(d)break;if(e.preventDefault(),!t.isDropdownOpen&&t.actionableSuggestions.length>0){this.store.set({pillTapped:!0,activeDropdownIndex:s[0]??0});break}if(s.length===0)return;this.store.set({activeDropdownIndex:s[0]});break}if(e.preventDefault(),s.length===0)return;if(t.filteredOptions.length>0){let f=Math.floor((t.filteredOptions.length-1)/o);if(Math.floor(t.activeDropdownIndex/o)===f){this.store.set({activeDropdownIndex:-1});break}}let p=s.indexOf(t.activeDropdownIndex),u=p<s.length-1?p+1:0;this.store.set({activeDropdownIndex:s[u]});break}case"ArrowUp":{if(t.activeDropdownIndex<0){if(!d)break;let p=be(e.target,t),u=!!t.editingParam;if(!p&&!u)break;e.preventDefault();let f=this.firstTappableInBottomRow(o)??s[0]??0;if(!t.isDropdownOpen&&t.actionableSuggestions.length>0){this.store.set({pillTapped:!0,activeDropdownIndex:f});break}if(s.length===0)return;this.store.set({activeDropdownIndex:f});break}if(s.length===0)break;if(e.preventDefault(),t.activeDropdownIndex<o){this.store.set({activeDropdownIndex:-1});break}let l=s.indexOf(t.activeDropdownIndex),c=l>0?l-1:s.length-1;this.store.set({activeDropdownIndex:s[c]});break}case"ArrowRight":{if(t.activeDropdownIndex>=0){if(e.preventDefault(),t.activeDropdownIndex%o<o-1){let p=t.activeDropdownIndex+1;p<t.filteredOptions.length&&t.filteredOptions[p]?.is_tappable&&this.store.set({activeDropdownIndex:p})}break}if(t.editingParam&&e.target instanceof HTMLElement&&t.editingTail!=null){e.preventDefault();let c=e.target.closest("[data-aia-input]")??e.target,p=t.editingTail;this.ctx.exitEditMode?.(),C(c,p);break}be(e.target,t)&&t.actionableSuggestions.length>=1&&(e.preventDefault(),this.removeActivePill());break}case"ArrowLeft":{if(t.activeDropdownIndex>=0){if(e.preventDefault(),t.activeDropdownIndex%o>0){let l=t.activeDropdownIndex-1;l>=0&&t.filteredOptions[l]?.is_tappable&&this.store.set({activeDropdownIndex:l});break}if(!t.editingParam&&this.ctx.startEditingParamAtCaret){let l=xe(e.target);l!=null&&this.ctx.startEditingParamAtCaret(l)}break}if(t.editingParam&&e.target instanceof HTMLElement&&t.editingAnchor!=null){e.preventDefault();let l=e.target.closest("[data-aia-input]")??e.target,c=t.editingAnchor;this.ctx.exitEditMode?.(),C(l,c);break}if(this.ctx.startEditingParamAtCaret){let l=xe(e.target);l!=null&&this.ctx.startEditingParamAtCaret(l)&&e.preventDefault()}break}case"Backspace":{if(t.editingParam||!this.ctx.removeParamAtCaret)break;let l=xe(e.target);if(l==null)break;this.ctx.removeParamAtCaret(l)&&e.preventDefault();break}case"Enter":{e.preventDefault(),t.activeDropdownIndex>=0&&t.filteredOptions[t.activeDropdownIndex]?.is_tappable?this.clickOrSelect(t.activeDropdownIndex,t.filteredOptions,n):a&&a(L(t.text,t.completedParams,t.skippedParams))&&this.ctx.afterSubmit?.();break}case"Tab":{let l=t.filteredOptions.map((u,f)=>u.is_tappable?f:-1).filter(u=>u!==-1);if(l.length===0)break;if(!t.isDropdownOpen){if(t.actionableSuggestions.length===0)break;e.preventDefault();let u=e.shiftKey?l[l.length-1]:l[0];this.store.set({pillTapped:!0,activeDropdownIndex:u});break}e.preventDefault();let c=l.indexOf(t.activeDropdownIndex),p;if(c<0)p=e.shiftKey?l.length-1:0;else{let u=e.shiftKey?-1:1;p=(c+u+l.length)%l.length}this.store.set({activeDropdownIndex:l[p]});break}case"Escape":{if(t.editingParam&&e.target instanceof HTMLElement&&t.editingTail!=null){let l=e.target.closest("[data-aia-input]")??e.target,c=t.editingTail;this.ctx.exitEditMode?.(),C(l,c)}this.store.set({activeDropdownIndex:-1});break}}}firstTappableInBottomRow(e){let t=this.store.get();if(t.filteredOptions.length===0)return null;let r=Math.floor((t.filteredOptions.length-1)/e)*e;for(let o=r;o<t.filteredOptions.length;o++)if(t.filteredOptions[o]?.is_tappable)return o;return null}getTappableIndices(e){let n=this.store.get().filteredOptions.map((o,a)=>o.is_tappable?a:-1).filter(o=>o!==-1),r=Array.from({length:e},()=>[]);for(let o of n)r[o%e].push(o);return r.flat()}getEffectiveColumns(){let e=document.getElementById(this.ctx.listboxId);if(!e)return this.ctx.columns;let n=document.getElementById(`${this.ctx.listboxId}-option-0`)?.parentElement??null;for(;n;){let r=getComputedStyle(n).gridTemplateColumns;if(r&&r!=="none"){let o=r.split(" ").filter(Boolean).length;if(o>0)return o}if(n===e)break;n=n.parentElement}return this.ctx.columns}clickOrSelect(e,t,n){let r=document.getElementById(`${n}-option-${e}`);r?r.click():this.ctx.selectOption(t[e])}removeActivePill(){let e=this.store.get(),t=e.suggestions.filter(s=>s.type==="placeholder"),n=e.suggestions.filter(s=>s.type!=="placeholder");if(n.length===0)return;let r=n[0],o=n.slice(1),a=e.skippedParams.some(s=>s.type===r.type);this.store.set({suggestions:[...t,...o],pillTapped:o.length>0,activeDropdownIndex:-1,...a?{}:{skippedParams:[...e.skippedParams,{id:crypto.randomUUID(),type:r.type,suggestionPlaceholder:r.text}]}}),o.length===0&&this.ctx.fetchNow?.()}};var Y=class{constructor(e,t={}){this.store=e;this.callbacks=t}setActivePill(e){let t=this.store.get(),n=t.suggestions.filter(l=>l.type!=="placeholder");if(e<0||e>=n.length)return;let r=n[e],o=n.filter((l,c)=>c!==e),a=t.suggestions.filter(l=>l.type==="placeholder");if(this.callbacks.onPillSelected){let{rawQuery:l}=v(t.text,t.completedParams);this.callbacks.onPillSelected({rawQuery:l,selectedPill:r.text,otherPills:o.map(c=>c.text)})}let s=[...a,r,...o],d=this.store.peek({suggestions:s}).filteredOptions.findIndex(l=>l.is_tappable);this.store.set({suggestions:s,pillTapped:!0,activeDropdownIndex:d})}removeLastParam(){this.store.get().completedParams.length!==0&&this.store.set(t=>({completedParams:t.completedParams.slice(0,-1),activeDropdownIndex:-1}))}};var J=class{constructor(e,t){this.store=e;this.getConfig=t;this.hasLoggedError=!1}async run(e,t,n){let r=this.getConfig();if(r){if(e.trim().length===0){this.clear(n);return}try{let o=await r.fetch(e,t);if(t.aborted||!n())return;let a=r.transform(o),s=Array.isArray(a)?a:[],d=r.limit!=null?s.slice(0,r.limit):s;if(t.aborted||!n())return;this.commit(d)}catch(o){if(t.aborted||wt(o))return;this.logOnce(o),this.clear(n)}}}clearNow(){this.commit([])}clear(e){e()&&this.commit([])}commit(e){e.length===0&&this.store.get().products.length===0||this.store.set({products:e})}logOnce(e){this.hasLoggedError||(this.hasLoggedError=!0,console.warn("[AIAutocomplete] products.fetch/transform failed \u2014 the product strip is hidden. Later failures on this instance are not logged.",e))}};function wt(i){return i instanceof Error&&i.name==="AbortError"}function Ue(i,e){let t=e.dropdownTrigger??"auto",n=e.closeDropdownOnBlur??!0,a=i.filteredOptionsLength>0||i.activePillHasNoOptions||i.hasProducts;if(i.inEditMode){let s=n?i.isFocused:!0;return a&&s}if(t==="auto"){let s=n?i.isFocused:!0,d=i.text.replace(/\s+$/,"").length,l=i.caretOffset==null||i.caretOffset>=d;return(a||i.isLoading)&&s&&l}return t==="manual"?(a||i.isLoading)&&i.pillTapped:!1}function $e(i,e){let t=_e(i.text,i.completedParams,i.identifiedParams),n=i.suggestions.filter(m=>m.type!=="placeholder"),r=n[0],o=r?e.optionOverrides?.[r.type]:void 0,a=i.suggestions.filter(m=>m.type==="placeholder").map(m=>m.text).join(" "),s=T(i.text,Math.min(i.filterBase,i.text.length),a),l=s===0&&$(i.text,i.completedParams.length,a)?"":A(i.text,s,i.filterInProgress),c=r?o?o(l.trim())??r.options??[]:r.options??[]:[],p=i.editingParam!=null&&i.editingAnchor!=null,u;if(p&&i.editingParam&&i.editingAnchor!=null){let m=i.editingParam.id,x=i.completedParams.some(E=>E.id===m),S=i.caretOffset??i.editingAnchor,P=x?"":i.text.slice(i.editingAnchor,S);u=I(i.editingParam.options,P)}else u=I(c,l);let f=e.showNonTappableOptions===!1;f&&(u=u.filter(m=>m.is_tappable));let h=m=>f?m.is_tappable:!0,y;if(p){let m=i.editingParam?.options??[];y=i.editingParam!=null&&m.filter(h).length===0}else{let m=r?o?o("")??r.options??[]:r.options??[]:[];y=r!=null&&m.filter(h).length===0}let b=Ue({inEditMode:p,filteredOptionsLength:u.length,isFocused:i.isFocused,text:i.text,caretOffset:i.caretOffset,isLoading:i.isLoading,pillTapped:i.pillTapped,activePillHasNoOptions:y,hasProducts:i.products.length>0},{dropdownTrigger:e.dropdownTrigger,closeDropdownOnBlur:e.closeDropdownOnBlur}),g=b&&i.activeDropdownIndex>=0&&!!u[i.activeDropdownIndex]?.is_tappable;return{segments:t,actionableSuggestions:n,filteredOptions:u,placeholderText:a,isDropdownOpen:b,isActivePillSelected:g}}function Z(i){return i.mode==="fresh"?Et(i):Tt(i)}function Et(i){let{text:e,completedParams:t,suggestions:n,filterBase:r,filterInProgress:o}=i,s=n.filter(S=>S.type!=="placeholder")[0];if(!s?.options)return null;let d=n.filter(S=>S.type==="placeholder").map(S=>S.text).join(" "),l=T(e,r,d),c=A(e,l,o),p=k(s.options,c);if(!p)return null;let u=p.text.toLowerCase(),f=e.toLowerCase().lastIndexOf(u),h=f>=0?f:Math.max(0,e.length-p.text.length),y=h+p.text.length,b=e.slice(h,y),m=y<e.length&&e[y]===" "?y+1:y,x={id:crypto.randomUUID(),placeholder:"",type:s.type,text:b,kind:p.kind,suggestionType:s.type,suggestionPlaceholder:s.text,options:s.options??[],metadata:p.metadata};return{patch:{text:e,completedParams:[...t,x],suggestions:n.filter(S=>S!==s),filterBase:m,newParamId:x.id,caretOffset:m,activeDropdownIndex:-1},caretPos:m}}function Tt(i){let{text:e,completedParams:t,editingParam:n,editingAnchor:r,editingTail:o}=i;if(t.some(x=>x.id===n.id))return null;let a=e.slice(r,o),s=k(n.options,a);if(!s)return null;let d=s.text.toLowerCase(),l=a.toLowerCase().lastIndexOf(d),c=r+Math.max(0,l),p=c+s.text.length,u=e.slice(c,p),h=p<e.length&&e[p]===" "?p+1:p,y={id:crypto.randomUUID(),placeholder:"",type:n.suggestionType,text:u,kind:s.kind,suggestionType:n.suggestionType,suggestionPlaceholder:n.suggestionPlaceholder,options:n.options,metadata:s.metadata},b=t.length,g=0;for(let x=0;x<t.length;x++){let S=e.indexOf(t[x].text,g);if(S!==-1){if(S>=h){b=x;break}g=S+t[x].text.length}}let m=[...t];return m.splice(b,0,y),{patch:{text:e,completedParams:m,newParamId:y.id,filterBase:h,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:h,activeDropdownIndex:-1},caretPos:h}}function ee(i,e,t){let n=i.slice(0,e),r=i.slice(t),o=(n===""||n.endsWith(" "))&&r.startsWith(" ");return o&&(r=r.slice(1)),{text:n+r,removed:t-e+(o?1:0)}}var te=class{constructor(e){this.deps=e}start(e){let t=this.deps.store.get();if(t.editingParam?.id===e)return;let n=t.completedParams.find(a=>a.id===e);if(!n)return;let r=0,o=-1;for(let a of t.completedParams){let s=t.text.indexOf(a.text,r);if(s!==-1){if(a.id===e){o=s;break}r=s+a.text.length}}o<0||this.deps.store.set({editingParam:n,editingAnchor:o,editingTail:o+n.text.length,caretOffset:o+n.text.length,activeDropdownIndex:-1})}exit(){this.deps.store.get().editingParam&&this.deps.store.set({editingParam:null,editingAnchor:null,editingTail:null,activeDropdownIndex:-1})}replaceRange(e){let t=this.deps.store.get(),n=t.editingParam,r=t.editingAnchor,o=t.editingTail;if(!n||r==null||o==null||!t.completedParams.some(d=>d.id===n.id))return!1;let{text:a}=e===""?ee(t.text,r,o):{text:t.text.slice(0,r)+e+t.text.slice(o)},s=r+e.length;return this.deps.store.set(d=>({text:a,completedParams:d.completedParams.filter(l=>l.id!==n.id),editingTail:s,caretOffset:s,activeDropdownIndex:-1})),this.deps.scheduleSetCursor(s),this.tryPromote(),!0}caretAfterInput(e){let t=this.deps.store.get(),n={caretOffset:e};t.editingParam&&t.editingAnchor!=null&&e!=null&&(e<t.editingAnchor?(n.editingParam=null,n.editingAnchor=null,n.editingTail=null,n.activeDropdownIndex=-1):t.editingTail!=null&&(n.editingTail=Math.max(t.editingTail,e))),this.deps.store.set(n),this.tryPromote()}caretMove(e){let t=this.deps.store.get();if(t.editingParam&&t.editingAnchor!=null&&t.editingTail!=null&&e!=null&&(e<t.editingAnchor||e>t.editingTail)){this.deps.store.set({caretOffset:e,editingParam:null,editingAnchor:null,editingTail:null,activeDropdownIndex:-1});return}this.deps.store.set({caretOffset:e})}selectOption(e){let t=this.deps.store.get(),n=t.editingParam,r=t.editingAnchor,o=t.editingTail;if(!n||r==null||o==null)return;this.deps.fireTelemetry("option",{raw_query:v(t.text,t.completedParams).rawQuery,selected_option:e.text,other_options:n.options.filter(g=>g.text!==e.text).map(g=>g.text)});let a=t.text.slice(0,r),s=t.text.slice(o),d=r===0&&e.text.length>0?e.text[0].toUpperCase()+e.text.slice(1):e.text,l=s.length===0||s[0]!==" ",c=l?`${d} `:d,p=a+c+s,u=r+c.length+(l?0:1),f={id:crypto.randomUUID(),placeholder:"",type:n.suggestionType,text:d,kind:e.kind,suggestionType:n.suggestionType,suggestionPlaceholder:n.suggestionPlaceholder,options:n.options,metadata:e.metadata},h=t.completedParams.findIndex(g=>g.id===n.id),y=t.completedParams.filter(g=>g.id!==n.id),b=h>=0?Math.min(h,y.length):y.length;y.splice(b,0,f),this.deps.store.set({text:p,completedParams:y,newParamId:f.id,filterBase:u,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:u,activeDropdownIndex:-1,pillTapped:!1,skipNextFetch:!0,inSelectionAnimation:!0}),this.deps.startSelectionAnimationTimer(),this.deps.scheduleSetCursor(u)}tryPromote(){let e=this.deps.store.get();if(!e.editingParam||e.editingAnchor==null||e.editingTail==null)return;let t=Z({mode:"edit",text:e.text,completedParams:e.completedParams,editingParam:e.editingParam,editingAnchor:e.editingAnchor,editingTail:e.editingTail});t&&(this.deps.store.set(t.patch),this.deps.scheduleSetCursor(t.caretPos))}};var ye="https://ai-autocomplete.com";function ne(i=ye){try{if(typeof window>"u"||!window.location)return i;let e=window.location.hostname;if(!e)return i;let t=new URL(i);return t.searchParams.set("utm_source",e),t.toString()}catch{return i}}function ie(i,e){return i?{key:"enter",hint:"to proceed"}:e?{key:"tab",hint:"to select"}:{key:"\u2192",hint:"to skip"}}var qe="data-aia-key";function M(i,e,t){let n=new Map;for(let a of Array.from(i.children)){let s=a.getAttribute(qe);s!=null&&n.set(s,a)}let r=new Set,o=[];for(let a=0;a<e.length;a++){let s=e[a],d=t.keyOf(s,a);r.add(d);let l=n.get(d);l||(l=t.create(s,a),l.setAttribute(qe,d)),t.update?.(l,s,a),i.children[a]!==l&&i.insertBefore(l,i.children[a]??null),o.push(l)}for(let[a,s]of n)r.has(a)||s.remove();return o}var Qe=[125,69];function Ge(i,e){return e?1:i===0?.7:i===1?.4:.2}function re(i,e,t,n,r=!1,o=!1,a=!1){let s=i.querySelector(".magicx-aia-pill-list");if(s||(s=document.createElement("span"),s.className="magicx-aia-pill-list",i.appendChild(s)),o&&e.length===0){s.setAttribute("data-aia-pill-list-loading",""),s.innerHTML="";for(let d=0;d<Qe.length;d++){let l=Qe[d],c=document.createElement("span");c.setAttribute("data-aia-pill-skeleton",""),c.className=`magicx-aia-pill magicx-aia-pill--skeleton${r?" magicx-aia-pill--rounded":""}`,c.style.width=`${l}px`,c.style.opacity=String(Ge(d,!1)),s.appendChild(c)}return}o?s.setAttribute("data-aia-pill-list-loading",""):s.removeAttribute("data-aia-pill-list-loading");for(let d of s.querySelectorAll("[data-aia-pill-skeleton]"))d.remove();M(s,e,{keyOf:d=>`${d.type}-${d.text}`,create:d=>{let l=document.createElement("button");return l.type="button",l.tabIndex=-1,l.setAttribute("data-aia-pill",""),l.setAttribute("contenteditable","false"),l.textContent=d.text,l.addEventListener("mousedown",c=>c.preventDefault()),l},update:(d,l,c)=>{let p=d,u=a&&c===t&&!o,f=["magicx-aia-pill"];r&&f.push("magicx-aia-pill--rounded"),o&&f.push("magicx-aia-pill--skeleton"),p.className=f.join(" "),p.style.width="",p.style.opacity=String(Ge(c,u)),o?(p.setAttribute("data-aia-loading",""),p.disabled=!0,p.onclick=null):(p.removeAttribute("data-aia-loading"),p.disabled=!1,p.onclick=()=>n(c))}})}function Se(i){i.querySelector(".magicx-aia-pill-list")?.remove()}var At="Products";function We(i,e,t,n,r){let o=i.querySelector(".magicx-aia-products");if(e.length===0){o?.remove();return}if(!o){o=document.createElement("section"),o.className="magicx-aia-products",o.setAttribute("data-aia-products",""),o.setAttribute("role","group"),o.setAttribute("aria-labelledby",`${t}-products-label`);let s=document.createElement("div");s.className="magicx-aia-products-label",s.id=`${t}-products-label`,s.textContent=At;let d=document.createElement("div");d.className="magicx-aia-products-row",d.setAttribute("data-aia-products-row",""),o.append(s,d),i.appendChild(o)}let a=o.querySelector(".magicx-aia-products-row");a&&M(a,e,{keyOf:s=>It(s),create:s=>Ot(s,n,r),update:(s,d,l)=>{s.id=`${t}-product-${l}`,s.dataset.aiaIndex=String(l)}})}function Pe(i,e){let t=i.querySelectorAll("[data-aia-product]");for(let n of t)n.tabIndex=e?0:-1}function It(i){return[i.id,i.title,i.url,i.imageUrl,i.price,i.vendor].map(e=>e??"").join("\0")}function Ot(i,e,t){let n=document.createElement("a");n.className="magicx-aia-product",n.setAttribute("data-aia-product",""),n.setAttribute("role","option"),n.setAttribute("aria-selected","false"),n.href=i.url,n.tabIndex=0;let r=document.createElement("span");if(r.className="magicx-aia-product-media",i.imageUrl){let s=document.createElement("img");s.className="magicx-aia-product-image",s.src=i.imageUrl,s.alt="",s.loading="lazy",s.decoding="async",r.appendChild(s)}else r.setAttribute("data-aia-product-placeholder","");n.appendChild(r);let o=document.createElement("span");if(o.className="magicx-aia-product-body",i.vendor){let s=document.createElement("span");s.className="magicx-aia-product-vendor",s.textContent=i.vendor,o.appendChild(s)}let a=document.createElement("span");if(a.className="magicx-aia-product-title",a.textContent=i.title,o.appendChild(a),i.price){let s=document.createElement("span");s.className="magicx-aia-product-price",s.textContent=i.price,o.appendChild(s)}return n.appendChild(o),n.addEventListener("click",s=>{s.metaKey||s.ctrlKey||s.shiftKey||s.altKey||s.button!==0||(s.preventDefault(),e(i))}),n.addEventListener("keydown",s=>{s.key!=="Enter"&&s.key!==" "||(s.preventDefault(),e(i))}),n.addEventListener("focus",()=>t(!0)),n.addEventListener("blur",s=>{s.relatedTarget?.closest("[data-aia-dropdown]")||t(!1)}),n}function je(i,e,t,n,r,o,a,s=""){let d=i.querySelector(".aia-grid");if(e.length===0){d?.remove();return}d||(d=document.createElement("div"),d.className="aia-grid magicx-aia-grid",d.setAttribute("data-scroll",""),d.style.setProperty("--aia-grid-min","250px"),d.style.setProperty("--aia-grid-max","1fr"),d.style.setProperty("--aia-grid-gap","0"),i.appendChild(d)),Dt(d,e,t,n,r,o,a),kt(d,s)}function kt(i,e){i.dataset.aiaGroup!==e&&(i.dataset.aiaGroup=e,i.scrollTop=0)}function Dt(i,e,t,n,r,o,a){let s=a?"1":"0";M(i,e,{keyOf:d=>`${d.text}\0${s}`,create:d=>Lt(d,a),update:(d,l,c)=>{let p=c===t&&!a;d.id=`${o}-option-${c}`,d.dataset.aiaIndex=String(c),d.setAttribute("aria-selected",String(p)),d.classList.toggle("magicx-aia-option--highlighted",p),!a&&l.is_tappable?(d.onclick=()=>{d.classList.add("magicx-aia-option--pressed"),n(l),setTimeout(()=>d.classList.remove("magicx-aia-option--pressed"),500)},d.onmouseenter=()=>{let u=Number.parseInt(d.dataset.aiaIndex??"-1",10);u>=0&&r(u)}):(d.onclick=null,d.onmouseenter=null)}})}function Lt(i,e){let t=document.createElement("div");t.setAttribute("role","option"),t.setAttribute("data-aia-option",""),e&&t.setAttribute("data-aia-loading",""),t.tabIndex=e||!i.is_tappable?-1:0;let n=["magicx-aia-option"];i.is_tappable?n.push("magicx-aia-option--tappable"):n.push("magicx-aia-option--non-tappable"),t.className=n.join(" ");let r=document.createElement("div");r.className="magicx-aia-streaks",t.appendChild(r);let o=document.createElement("div");o.className="magicx-aia-streaks-vert",t.appendChild(o);let a=document.createElement("span");a.className="magicx-aia-option-content";let s=document.createElement("span");if(s.className="magicx-aia-option-text",s.textContent=i.icon?`${i.icon} ${i.text}`:i.text,a.appendChild(s),i.tag){let d=document.createElement("span");d.className="magicx-aia-option-tag",d.textContent=i.tag,a.appendChild(d)}return t.appendChild(a),t}var Mt=[159,119,164];function oe(i){let e=document.createElement("div");return e.id=i,e.setAttribute("role","listbox"),e.setAttribute("data-aia-dropdown",""),e.className="magicx-aia-dropdown",e.addEventListener("mousedown",t=>t.preventDefault()),e}function se(i,e){let{filteredOptions:t,activeIndex:n,isOpen:r,isLoading:o,pills:a,showPills:s,isActivePillSelected:d,onSelect:l,onHighlight:c,onPillClick:p}=e,u=s&&a.length>0,f=t.length>0,h=e.products.length>0,y=r&&(f||u||o||h);if(y?i.classList.add("magicx-aia-dropdown--visible"):i.classList.remove("magicx-aia-dropdown--visible"),o?i.setAttribute("data-aia-loading",""):i.removeAttribute("data-aia-loading"),!y){Pe(i,!1);return}h?i.setAttribute("data-aia-has-products",""):i.removeAttribute("data-aia-has-products");let b=i.querySelector(".aia-stack");b||(b=document.createElement("div"),b.className="aia-stack",b.style.setProperty("--aia-stack-space","8px"),i.appendChild(b));let g=u||o&&s,m=b.querySelector(".magicx-aia-pill-bar");g?(m||(m=document.createElement("div"),m.className="magicx-aia-pill-bar aia-cluster",m.setAttribute("data-nowrap",""),m.setAttribute("data-aia-pillbar",""),b.insertBefore(m,b.firstChild)),re(m,a,0,p,!0,o,d)):m&&m.remove();let x=e.suggestions[0],S=x?`${x.type} ${x.text}`:"";je(b,t,n,l,c,e.listboxId,o,S);let P=b.querySelector(".magicx-aia-skeleton-bars");if(o&&!f){if(!P){P=document.createElement("div"),P.className="magicx-aia-skeleton-bars",P.setAttribute("data-aia-skeleton-bars","");for(let st of Mt){let me=document.createElement("span");me.className="magicx-aia-skeleton-bar",me.style.width=`${st}px`,P.appendChild(me)}b.appendChild(P)}}else P&&P.remove();We(b,e.products,e.listboxId,e.onProductSelect,e.onProductFocusChange),Pe(i,!0);let E=b.querySelector(".magicx-aia-footer")??_t(),ot=n>=0&&!!t[n]?.is_tappable;Nt(E,ie(ot,e.isInputEmpty)),E.isConnected||b.appendChild(E),Rt(b,[".magicx-aia-pill-bar",".aia-grid",".magicx-aia-skeleton-bars",".magicx-aia-products",".magicx-aia-footer"])}function Rt(i,e){let t=e.map(n=>i.querySelector(`:scope > ${n}`)).filter(n=>n!==null);for(let n=0;n<t.length;n++)i.children[n]!==t[n]&&i.insertBefore(t[n],i.children[n]??null)}function Nt(i,{key:e,hint:t}){let n=i.querySelector(".magicx-aia-footer-key"),r=i.querySelector(".magicx-aia-footer-hint");!n||!r||(n.textContent!==e&&(n.textContent=e),r.textContent!==t&&(r.textContent=t))}function _t(){let i=document.createElement("footer");i.className="magicx-aia-footer",i.setAttribute("data-aia-footer","");let e=document.createElement("div");e.className="aia-cluster magicx-aia-footer-row",e.setAttribute("data-align","center"),e.setAttribute("data-justify","between"),e.setAttribute("data-nowrap","");let t=document.createElement("div");t.className="aia-cluster magicx-aia-footer-hint-group",t.setAttribute("data-align","center"),t.style.setProperty("--aia-cluster-gap","5px");let n=document.createElement("kbd");n.className="magicx-aia-footer-key",n.textContent="tab";let r=document.createElement("span");r.className="magicx-aia-footer-hint",r.textContent="to select",t.append(n,r);let o=document.createElement("a");o.className="aia-cluster magicx-aia-footer-brand-link",o.setAttribute("data-align","center"),o.href=ne(),o.target="_blank",o.rel="noopener noreferrer",o.style.setProperty("--aia-cluster-gap","2px");let a=document.createElement("span");a.className="magicx-aia-footer-brand",a.textContent="AI";let s=document.createElement("span");return s.className="magicx-aia-footer-badge",s.textContent="Autocomplete",o.append(a,s),e.append(t,o),i.append(e),i}function Ve(i,e){let t=oe(e.listboxId);return i.appendChild(t),{dropdown:t}}function ve(i,e,t){se(i.dropdown,{suggestions:e.actionableSuggestions.length>0?[{...e.actionableSuggestions[0],options:e.filteredOptions}]:[],filteredOptions:e.filteredOptions,activeIndex:e.activeDropdownIndex,isOpen:e.isDropdownOpen,isLoading:e.isLoading&&!e.editingParam&&!e.inSelectionAnimation,listboxId:t.listboxId,pills:e.actionableSuggestions,showPills:!0,isActivePillSelected:e.isActivePillSelected,isInputEmpty:e.text.trim().length===0,products:e.products,onSelect:t.selectOption,onHighlight:n=>t.store.set({activeDropdownIndex:n}),onPillClick:t.setActivePill,onProductSelect:t.selectProduct,onProductFocusChange:n=>t.store.set({isFocused:n})})}function ae(i){let{input:e,segments:t,newParamId:n,editingParamId:r,placeholderText:o,isFocused:a}=i,s=t.length===0;e.dataset.aiaEmpty=s?"true":"false",s&&o?e.dataset.placeholder=o:delete e.dataset.placeholder;let d=t.map(b=>`${b.type}:${b.value}`).join("\0"),l=e.dataset.segKey??"",c=e.dataset.newParamId??"",p=e.dataset.editingParamId??"";if(d===l&&(n??"")===c&&(r??"")===p)return;let u=a?w(e):null;e.dataset.segKey=d,e.dataset.newParamId=n??"",e.dataset.editingParamId=r??"";let f=e.ownerDocument??document,h=f.createDocumentFragment(),y=0;for(let b of t)if(y+=b.value.length,b.type==="completed"){let g=f.createElement("strong");g.dataset.seg="completed",g.dataset.paramId=b.param.id;let m=b.param.id===n,x=b.param.id===r,S=["magicx-aia-segment","magicx-aia-segment--completed"];m&&S.push("magicx-aia-shimmer-revealed","magicx-aia-shimmer-sweep"),x&&S.push("magicx-aia-segment--editing"),g.className=S.join(" "),g.textContent=b.value,h.appendChild(g)}else if(b.type==="identified"){let g=f.createElement("strong");g.dataset.seg="identified",g.dataset.paramId=b.param.id,g.className="magicx-aia-segment magicx-aia-segment--completed",g.textContent=b.value,h.appendChild(g)}else h.appendChild(f.createTextNode(b.value));e.replaceChildren(h),e.dataset.aiaTextLength=String(y),u!=null&&C(e,Math.max(0,Math.min(u,y)))}var Ht='<svg width="18" height="18" viewBox="0 0 18 18" fill="none" role="img" aria-label="Submit"><path d="M9 14V4M9 4L4 9M9 4L14 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';function Xe(){let i=document.createElement("button");return i.type="button",i.className="magicx-aia-submit",i.setAttribute("aria-label","Submit"),i.setAttribute("data-aia-submit",""),i.innerHTML=Ht,i}function Ft(){let i=document.createElement("div");return i.setAttribute("contenteditable","plaintext-only"),i.contentEditable==="plaintext-only"}function ze(i,e){let t=e.firstElementChild;if(!t){e.removeAttribute("data-aia-pill-wrapped");return}let n=t.getBoundingClientRect(),r=i.getBoundingClientRect();n.top>=r.bottom-2?e.setAttribute("data-aia-pill-wrapped",""):e.removeAttribute("data-aia-pill-wrapped")}function Ye(i,e){let{listboxId:t}=e,n=oe(t);i.appendChild(n);let r=document.createElement("div");r.className="magicx-aia-input-wrapper",i.appendChild(r);let o=document.createElement("div");o.className="magicx-aia-editor",o.setAttribute("data-aia-editor",""),r.appendChild(o);let a=document.createElement("div");a.className="magicx-aia-input",a.setAttribute("data-aia-input",""),a.setAttribute("contenteditable",Ft()?"plaintext-only":"true"),a.setAttribute("role","combobox"),a.setAttribute("aria-autocomplete","list"),a.setAttribute("aria-haspopup","listbox"),a.setAttribute("aria-controls",t),a.setAttribute("aria-expanded","false"),a.setAttribute("spellcheck","true"),a.setAttribute("enterkeyhint","send"),o.appendChild(a);let s=document.createElement("span");s.className="magicx-aia-pill-list-container",s.setAttribute("data-aia-pill-list-container",""),o.appendChild(s);let d=null,l=null;e.submitButton===void 0?(d=Xe(),r.appendChild(d),l=d):e.submitButton!==null&&(l=e.submitButton,l.hasAttribute("data-aia-submit")||l.setAttribute("data-aia-submit",""),r.appendChild(l));let c=new AbortController,{signal:p}=c,u=!1,f=0,h=()=>{let g=_(a),x=g.length>0&&g[0]!==g[0].toUpperCase()?g[0].toUpperCase()+g.slice(1):g;e.handleChange(x)},y=()=>{let g=(a.ownerDocument??document).getSelection();if(!g||g.rangeCount===0)return null;let m=g.anchorNode;return!m||!a.contains(m)?null:(m.nodeType===Node.ELEMENT_NODE?m:m.parentElement)?.closest('strong[data-seg="completed"][data-param-id]')?.dataset.paramId??null};r.addEventListener("click",g=>{g.target?.closest("[data-aia-pill]")||a.focus()},{signal:p}),a.addEventListener("input",()=>{u||(f=performance.now(),h(),e.handleCaretAfterInput(w(a)))},{signal:p});let b=a.ownerDocument??document;if(b.addEventListener("selectionchange",()=>{let g=b.getSelection();if(!g||g.rangeCount===0||!a.contains(g.anchorNode))return;let m=g.isCollapsed?y():null,x=e.store.get().editingParam?.id??null;if(m&&m!==x){e.startEditingParam(m);return}performance.now()-f<50||e.handleCaretMove(w(a))},{signal:p}),a.addEventListener("compositionstart",()=>{u=!0},{signal:p}),a.addEventListener("compositionend",()=>{u=!1,h()},{signal:p}),a.addEventListener("beforeinput",g=>{let m=g,x=m.inputType;if(x==="insertParagraph"||x==="insertLineBreak"||x==="insertFromDrop"){g.preventDefault();return}if(x.startsWith("insert")||x.startsWith("delete")){let S=x.startsWith("delete")?"":m.data??"";e.replaceEditingRange(S)&&g.preventDefault()}},{signal:p}),a.addEventListener("paste",g=>{g.preventDefault();let m=(g.clipboardData?.getData("text/plain")??"").replace(/\r?\n/g," ");if(!m)return;let x=a.ownerDocument??document,S=x.getSelection();if(!S||S.rangeCount===0)return;let P=S.getRangeAt(0);if(!a.contains(P.startContainer))return;P.deleteContents();let E=x.createTextNode(m);P.insertNode(E),P.setStartAfter(E),P.collapse(!0),S.removeAllRanges(),S.addRange(P),h()},{signal:p}),a.addEventListener("keydown",g=>e.handleKeyDown(g),{signal:p}),a.addEventListener("focus",()=>e.store.set({isFocused:!0}),{signal:p}),a.addEventListener("blur",()=>e.store.set({isFocused:!1}),{signal:p}),l&&l.addEventListener("click",g=>{let m=e.store.get();if(!(!!m.text||m.completedParams.length>0)||!e.onSubmit)return;g.stopPropagation(),e.onSubmit(L(m.text,m.completedParams,m.skippedParams))&&e.afterSubmit?.()},{signal:p}),e.autoFocus!==!1){a.focus();let g=a.ownerDocument??document,m=g.getSelection(),x=m&&m.rangeCount>0&&a.contains(m.anchorNode);if(m&&!x){let S=g.createRange();S.selectNodeContents(a),S.collapse(!0),m.removeAllRanges(),m.addRange(S)}}if(typeof ResizeObserver<"u"){let g=new ResizeObserver(()=>ze(a,s));g.observe(a),c.signal.addEventListener("abort",()=>g.disconnect(),{once:!0})}return{input:a,inlinePillContainer:s,dropdown:n,submitButton:d,abort:c}}function Ce(i,e,t){let{input:n,inlinePillContainer:r,dropdown:o,submitButton:a}=i,{pillPlacement:s,setActivePill:d,selectOption:l,store:c}=t;n.setAttribute("aria-expanded",String(e.isDropdownOpen));let p=e.activeDropdownIndex>=0?`${t.listboxId}-option-${e.activeDropdownIndex}`:"";if(p?n.setAttribute("aria-activedescendant",p):n.removeAttribute("aria-activedescendant"),a){let b=!!e.text||e.completedParams.length>0;a.disabled=!b}let u=n.dataset.newParamId??"",f=e.newParamId!==null&&e.newParamId!==u;if(ae({input:n,segments:e.segments,newParamId:e.newParamId,editingParamId:e.editingParam?.id??null,placeholderText:e.placeholderText,isFocused:e.isFocused}),s==="inline"){let b=e.isLoading&&!e.editingParam&&!e.inSelectionAnimation;b||e.actionableSuggestions.length>0?re(r,e.actionableSuggestions,0,d,!1,b,e.isActivePillSelected):Se(r)}else Se(r);ze(n,r),f?(n.focus(),C(n,e.caretOffset??e.text.length)):e.isFocused&&_(n)!==e.text&&C(n,e.text.length);let h=e.editingParam?{type:e.editingParam.suggestionType,text:e.editingParam.suggestionPlaceholder,required:!0,options:e.editingParam.options}:null,y=h??e.actionableSuggestions[0];se(o,{suggestions:y?[{...y,options:e.filteredOptions}]:[],filteredOptions:e.filteredOptions,activeIndex:e.activeDropdownIndex,isOpen:e.isDropdownOpen,isLoading:e.isLoading&&!e.editingParam&&!e.inSelectionAnimation,listboxId:t.listboxId,pills:h?[h]:e.actionableSuggestions,showPills:s==="dropdown",isActivePillSelected:e.isActivePillSelected,isInputEmpty:e.text.trim().length===0,products:e.products,onSelect:l,onHighlight:b=>c.set({activeDropdownIndex:b}),onPillClick:d,onProductSelect:t.selectProduct,onProductFocusChange:b=>c.set({isFocused:b})})}function Je(i,e){let t=i.actionableSuggestions[0];if(!t)return null;let n=i.filterBase,r=i.text.slice(0,n),o=r.length===0&&i.text.length===0,a=r.length===0&&i.text.length>0&&i.placeholderText.length>0&&i.placeholderText.toLowerCase().startsWith(i.text.toLowerCase());(o||a)&&i.placeholderText&&(r=`${i.placeholderText} `);let s=Oe(r,e.text);s>0&&(r=r.slice(0,r.length-s));let d=r.length>0&&r[r.length-1]!==" ",l=`${r}${d?" ":""}${e.text} `,c=(o||a)&&l.length>0?l[0].toUpperCase()+l.slice(1):l,p=c.toLowerCase().lastIndexOf(e.text.toLowerCase()),u=p>=0?c.slice(p,p+e.text.length):e.text,f={id:crypto.randomUUID(),placeholder:"",type:t.type,text:u,kind:e.kind,suggestionType:t.type,suggestionPlaceholder:t.text,options:t.options??[],metadata:e.metadata},h=i.actionableSuggestions.length-1;return{patch:{text:c,filterBase:c.length,completedParams:[...i.completedParams,f],newParamId:f.id,caretOffset:c.length,pillTapped:!1,activeDropdownIndex:-1,skipNextFetch:h>0,inSelectionAnimation:!0,pendingSpan:null},telemetry:{selectedOption:e.text,otherOptions:i.filteredOptions.filter(y=>y.text!==e.text).map(y=>y.text)},consumedSuggestion:t,remainingActionable:h}}function le(i){let e=i,t=new Set,n=[],r=!1;return{get:()=>e,set:o=>{let a=typeof o=="function"?o(e):o,s=e;if(e={...e,...a},n.push([e,s]),!r){r=!0;try{let d=0;for(let l=n.shift();l;l=n.shift()){if(++d>1e4)throw n.length=0,new Error("createStore: notifications did not settle after 10000 deliveries \u2014 a listener is likely calling set() on every notification");let[c,p]=l;for(let u of t)u(c,p)}}catch(d){throw n.length=0,d}finally{r=!1}}},subscribe:o=>(t.add(o),()=>{t.delete(o)})}}function Ze(i,e){let t,n,r=o=>(o!==t&&(t=o,n=e(o)),n);return{get:()=>{let o=i.get();return{...o,...r(o)}},set:o=>{typeof o=="function"?i.set(a=>{let s={...a,...r(a)};return o(s)}):i.set(o)},peek:o=>{let a={...i.get(),...o};return{...a,...e(a)}},subscribe:o=>i.subscribe((a,s)=>{let d={...s,...r(s)},l={...a,...r(a)};o(l,d)})}}var we=!1;function et(){if(we||typeof document>"u")return;if(document.querySelector("style[data-magicx-aia]")){we=!0;return}we=!0;let i=document.createElement("style");i.setAttribute("data-magicx-aia",""),i.textContent=Bt,document.head.appendChild(i)}var Bt=`@layer layout {
|
|
1
|
+
"use strict";var xe=Object.defineProperty;var ut=Object.getOwnPropertyDescriptor;var mt=Object.getOwnPropertyNames;var gt=Object.prototype.hasOwnProperty;var ft=(n,e)=>{for(var t in e)xe(n,t,{get:e[t],enumerable:!0})},ht=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of mt(e))!gt.call(n,r)&&r!==t&&xe(n,r,{get:()=>e[r],enumerable:!(i=ut(e,r))||i.enumerable});return n};var bt=n=>ht(xe({},"__esModule",{value:!0}),n);var rn={};ft(rn,{AIAutocomplete:()=>he,ATTRIBUTION_URL:()=>Ce,ModeController:()=>R,OPTIONS_GRID_MOBILE_QUERY:()=>H,SKIPPED_PARAM_TEXT:()=>ye,buildAttributionUrl:()=>se,buildQuery:()=>v,buildSubmitResult:()=>M,computeOptionsGridLayout:()=>ee,createStore:()=>ue,cursorIsAtEnd:()=>X,extractPlainText:()=>_,getCursorOffset:()=>w,getFooterHint:()=>ae,isOptionsGridMobileViewport:()=>ne,optionsGridTemplateColumns:()=>te,plainTextLength:()=>j,previousGraphemeBoundary:()=>z,renderEditableContent:()=>pe,setCursorOffset:()=>C,withSkippedParams:()=>O});module.exports=bt(rn);var B=class{constructor(e){this.config=e;this.current=null;this.expiresAt=null;this.inFlightRefresh=null;e.accessToken&&(this.current=e.accessToken)}async getToken(e=!1){if(!e&&this.current&&!this.isExpired())return this.current;if(!e&&this.inFlightRefresh)return this.inFlightRefresh;this.inFlightRefresh=this.refresh();try{return await this.inFlightRefresh}finally{this.inFlightRefresh=null}}async refresh(){let e=await this.config.getAccessToken();return this.current=e.accessToken,this.expiresAt=e.expiresAt??null,this.current}isExpired(){return this.expiresAt==null?!1:Date.now()>=this.expiresAt-3e4}};var xt="https://api.ai-autocomplete.com",F=`${xt}/api/suggest`,Oe=new WeakMap;function N(n){return n?.type==="accessToken"}function yt(n){if(!(!n||N(n)))return n}function K(n){let e=Oe.get(n.getAccessToken);return e||(e=new B(n),Oe.set(n.getAccessToken,e)),e}function U(n){return{"Content-Type":"application/json",...n?.appIdentifier&&{"X-App-Identifier":n.appIdentifier},...n?.headers}}function $(n){let e=yt(n),t=e?.apiKey;return t?(e?.authScheme??"Bearer")==="Basic"?`Basic ${btoa(t)}`:`Bearer ${t}`:null}var ye="skipped";function O(n,e){if(e.length===0)return n;let t=new Set(n.map(r=>r.type)),i=e.filter(r=>!t.has(r.type)).map(r=>({placeholder:"",type:r.type,text:ye,kind:null}));return i.length>0?[...n,...i]:n}var St="0.10.0",ke=!1;function Pt(){return crypto.randomUUID()}function vt(n,e){return{placeholder:n.placeholder,type:n.type,...e&&{text:n.text},kind:n.kind}}function Ct(n,e,t,i,r,o,a){let s=e.find(l=>l.type==="contact"&&l.metadata?.contact_account_count)?.metadata?.contact_account_count,d=typeof s=="number"?s:void 0;return{data:{raw_query:n,completed_params:O(e.map(l=>vt(l,t)),a??[]),...r&&r.length>0&&{identified_params:r.map(l=>({type:l.type,value:l.text}))},...o&&o.length>0&&{recently_suggested:o},...d!=null&&{contact_account_count:d}},meta:{request_id:Pt(),request_at:new Date().toISOString(),language:typeof navigator<"u"?navigator.language:"en-US",client_version:St,session_id:i}}}async function Le(n,e,t,i,r){return fetch(n,{method:"POST",headers:{...e,Authorization:`Bearer ${t}`},body:i,signal:r})}async function Me(n,e,t){let i=t.apiConfig,r=!t.maskCompletedText,o=Ct(n,e,r,t.sessionId,t.identifiedParams,t.recentlySuggested,t.skippedParams),a=U(i),s=i?.endpoint??F,d=JSON.stringify(o);if(N(i)){let p=K(i),u=await p.getToken(),f=await Le(s,a,u,d,t.signal);if(f.status===401){let b=await p.getToken(!0);f=await Le(s,a,b,d,t.signal)}if(!f.ok)throw new Error(`API error: ${f.status} ${f.statusText}`);return f.json()}let l=$(i);!l&&!ke&&(ke=!0,console.warn("[AIAutocomplete] No apiKey in apiConfig. Requests will be sent without an Authorization header.")),l&&(a.Authorization=l);let c=await fetch(s,{method:"POST",headers:a,body:d,signal:t.signal});if(!c.ok)throw new Error(`API error: ${c.status} ${c.statusText}`);return c.json()}function v(n,e){let t=n,i={},r=[],o=[],a=0;for(let s of e){let d=(i[s.type]??0)+1;i[s.type]=d;let c=`{{${s.type.toUpperCase().replace(/\s+/g,"_")}_${d}}}`,p=f=>{let b=t.indexOf(s.text,f);for(;b!==-1&&o.some(y=>b<y.end&&b+s.text.length>y.start);)b=t.indexOf(s.text,b+1);return b},u=p(a);if(u===-1&&(u=p(0)),u!==-1){t=t.slice(0,u)+c+t.slice(u+s.text.length);let f=c.length-s.text.length;for(let b of o)b.start>=u+s.text.length&&(b.start+=f,b.end+=f);o.push({start:u,end:u+c.length}),a=u>=a?u+c.length:a+f}r.push({...s,placeholder:c})}return{rawQuery:t,completedParams:r}}function T(n,e,t){return e>0||!t?e:n.toLowerCase().startsWith(t.toLowerCase())?t.length:e}function G(n,e,t){return e===0&&n.length>0&&t.length>0&&t.toLowerCase().startsWith(n.toLowerCase())}function I(n,e,t){let i=n.slice(e);if(t||e===0||n[e-1]===" ")return i;let r=i.indexOf(" ");return r===-1?"":i.slice(r+1)}function De(n,e){let t=n.trimEnd().replace(/\s+/g," ");if(t.length===0||e.length===0)return 0;let i=t.split(" "),r=e.toLowerCase();for(let o=0;o<i.length;o++){let a=i.slice(o).join(" ");if(r.startsWith(a.toLowerCase())){let s=t.length-a.length;return n.length-s}}return 0}function A(n,e){if(!n)return[];let t=e.trimStart();if(!t)return n;let i=t.toLowerCase();return n.filter(r=>!r.is_tappable||r.text.toLowerCase().includes(i))}function k(n,e){if(!n)return null;let t=e.trim();if(!t)return null;let i=t.toLowerCase();return n.find(r=>r.is_tappable&&r.text.toLowerCase()===i)??null}function Re(n,e){return e?n.map(t=>{let i=e[t.type];if(!i)return t;let r=i("");return r?{...t,options:r}:t}):n}function Ne(n,e){let t=0,i=e;for(let r of n)t+=r.value.length,r.type!=="text"&&(i=Math.max(i,t));return i}function _e(n,e){let t=0;for(let i of n){let r=t+i.value.length;if(i.type==="text"&&r>e&&i.value.slice(Math.max(e-t,0)).trim().length>0)return!1;t=r}return!0}function He(n,e){let t=[],i=new Set;for(let r of[...n,...e])r.type==="placeholder"||i.has(r.type)||(i.add(r.type),t.push({type:r.type,text:r.text}));return t}function Be(n,e,t){if(n===e)return t;let i=Math.min(n.length,e.length),r=0;for(;r<i&&n[r]===e[r];)r++;if(r>=t)return t;let o=0;for(;o<i-r&&n[n.length-1-o]===e[e.length-1-o];)o++;return n.length-o<=t?t+(e.length-n.length):null}function Se(n,e){let t=[],i=[],r=0;for(let o of e){let a=n.indexOf(o.text,r);if(a===-1){i.push(o);continue}t.push({start:a,end:a+o.text.length,param:o}),r=a+o.text.length}return{located:t,missing:i}}function Fe(n,e,t){let i=[],r=[],o=0;for(let a of t){let s=n.indexOf(a.text,o);for(;s!==-1&&e.some(d=>s<d.end&&s+a.text.length>d.start);)s=n.indexOf(a.text,s+1);if(s===-1){r.push(a);continue}i.push({start:s,end:s+a.text.length,param:a}),o=s+a.text.length}return{located:i,missing:r}}function Ke(n,e,t=[]){let i=Se(n,e).located,r=Fe(n,i,t).located,o=[...i.map(l=>({start:l.start,end:l.end,segment:{type:"completed",value:l.param.text,param:l.param}})),...r.map(l=>({start:l.start,end:l.end,segment:{type:"identified",value:l.param.text,param:l.param}}))].sort((l,c)=>l.start-c.start),a=[],s=0;for(let l of o)l.start>s&&a.push({type:"text",value:n.slice(s,l.start)}),a.push(l.segment),s=l.end;let d=n.slice(s);return d&&a.push({type:"text",value:d}),a}function Ue(n,e){let{located:t,missing:i}=Se(n,e);return{valid:t.map(r=>r.param),invalid:i}}function q(n,e,t){let i=Se(n,e).located,{located:r,missing:o}=Fe(n,i,t);return{valid:r.map(a=>a.param),invalid:o}}function wt(n){if(n instanceof Error)return n;try{return new Error(String(n))}catch{return new Error("Unknown error")}}var Et=100,Tt=300,It=2,Q=class{constructor(e,t,i,r,o,a,s={}){this.store=e;this.getApiConfig=t;this.getOptionOverrides=i;this.getMaskCompletedText=r;this.getOnError=o;this.getSessionId=a;this.callbacks=s;this.fetchVersion=0;this.abortController=null;this.debounceTimer=null;this.slowDebounceTimer=null;this.unsubscribe=null}start(){this.doFetch("",[]);let e=this.store.get().text,t=this.store.get().completedParams;this.unsubscribe=this.store.subscribe(i=>{(i.text!==e||i.completedParams!==t)&&(e=i.text,t=i.completedParams,this.scheduleFetch())})}dispose(){this.abortController?.abort(),this.clearTimers(),this.unsubscribe?.()}async doFetch(e,t){this.abortController?.abort();let i=new AbortController;this.abortController=i;let r=++this.fetchVersion,o=this.store.get().text.length;try{this.callbacks.onRequest?.({query:this.store.get().text,signal:i.signal,isCurrent:()=>r===this.fetchVersion})}catch{}try{this.store.set({isLoading:!0,error:null});let a=this.store.get(),s=a.pendingSpan?He(a.pendingSpan.snapshot,a.actionableSuggestions):void 0,d=await Me(e,t,{sessionId:this.getSessionId(),maskCompletedText:this.getMaskCompletedText(),signal:i.signal,apiConfig:this.getApiConfig(),identifiedParams:a.identifiedParams,recentlySuggested:s,skippedParams:a.skippedParams});if(r!==this.fetchVersion)return;let l=(d.data.input??[]).filter(x=>x.source==="identified").map(x=>({id:crypto.randomUUID(),type:x.type,text:x.text})),c=Re(d.data.suggestions??[],this.getOptionOverrides()),p=d.data.input??[],u=p[p.length-1],f=this.store.get().text,b,y;if(u?.state==="in_progress"){y=!0;let x=f.toLowerCase().lastIndexOf(u.text.toLowerCase());b=x!==-1?x:o}else y=!1,b=o;let g=c.filter(x=>x.type!=="placeholder")[0],m=null;if(g){let x=I(f,b,y),S=k(g.options,x);S&&(m={id:crypto.randomUUID(),placeholder:"",type:g.type,text:S.text,kind:S.kind,suggestionType:g.type,suggestionPlaceholder:g.text,options:g.options??[],metadata:S.metadata},c=c.filter(P=>P!==g),this.callbacks.onAutoMatch?.({active:g,matched:S,rawQuery:e}))}this.store.set(x=>{let S=m?[...x.completedParams,m]:x.completedParams,P=q(x.text,S,l).valid;return{suggestions:c,isLoading:!1,isReady:d.data.is_ready??!1,lastRawQuery:e,activeDropdownIndex:-1,filterBase:b,filterInProgress:y,identifiedParams:P,...m?{completedParams:S}:{}}})}catch(a){let s=wt(a);r===this.fetchVersion&&(this.store.set({error:s,isLoading:!1}),this.getOnError()?.(s))}finally{if(r===this.fetchVersion&&this.store.get().isLoading)try{this.store.set({isLoading:!1})}catch{}}}scheduleFetch(){if(this.clearTimers(),this.store.get().skipNextFetch){this.store.set({skipNextFetch:!1});return}let t=i=>{let r=this.store.get();if(!r.text&&r.completedParams.length===0)return this.doFetch("",[]),!0;let o=r.suggestions.filter(m=>m.type==="placeholder").map(m=>m.text).join(" "),a=T(r.text,r.filterBase,o),s=I(r.text,a,r.filterInProgress),l=r.suggestions.filter(m=>m.type!=="placeholder")[0],p=(l?A(l.options,s):[]).filter(m=>m.is_tappable),u=l?k(l.options,s)!==null:!1,f=s.trim().length>0;if(p.length>0&&!u&&f||G(r.text,r.completedParams.length,o))return!1;let{rawQuery:b,completedParams:y}=v(r.text,r.completedParams),h=b.length<r.lastRawQuery.length,g=Math.abs(b.length-r.lastRawQuery.length);return h||g>=i?(this.doFetch(b,y),!0):!1};this.debounceTimer=setTimeout(()=>{t(It)&&this.slowDebounceTimer&&clearTimeout(this.slowDebounceTimer)},Et),this.slowDebounceTimer=setTimeout(()=>t(1),Tt)}clearTimers(){this.debounceTimer&&clearTimeout(this.debounceTimer),this.slowDebounceTimer&&clearTimeout(this.slowDebounceTimer),this.debounceTimer=null,this.slowDebounceTimer=null}};var Ge='[contenteditable="false"]',L;function At(){if(L!==void 0)return L;let n=globalThis.Intl.Segmenter;if(!n)return L=null,null;try{L=new n(void 0,{granularity:"grapheme"})}catch{L=null}return L??null}function W(n,e){let t=n;for(;t&&t!==e;){if(t.nodeType===Node.ELEMENT_NODE&&t.matches(Ge))return!0;t=t.parentNode}return!1}function V(n){return(n.ownerDocument??document).createTreeWalker(n,NodeFilter.SHOW_TEXT,{acceptNode(e){return W(e,n)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}})}function _(n){let e=V(n),t="",i=e.nextNode();for(;i;)t+=i.data,i=e.nextNode();return t}function j(n){let e=V(n),t=0,i=e.nextNode();for(;i;)t+=i.data.length,i=e.nextNode();return t}function w(n){let e=(n.ownerDocument??document).getSelection();if(!e||e.rangeCount===0)return null;let t=e.anchorNode,i=e.anchorOffset;if(!t||!n.contains(t))return null;if(t.nodeType===Node.ELEMENT_NODE){let r=t;if(W(r,n)&&r!==n)return null;let o=0;for(let a=0;a<i&&a<r.childNodes.length;a++)o+=qe(r.childNodes[a],n);return o+$e(r,n)}return t.nodeType!==Node.TEXT_NODE||W(t,n)?null:$e(t,n)+i}function qe(n,e){if(n.nodeType===Node.TEXT_NODE)return W(n,e)?0:n.data.length;if(n.nodeType!==Node.ELEMENT_NODE)return 0;let t=n;if(t.matches(Ge))return 0;let i=0;for(let r of Array.from(t.childNodes))i+=qe(r,e);return i}function $e(n,e){let t=V(e),i=0,r=t.nextNode();for(;r;){if(r===n||n.nodeType===Node.ELEMENT_NODE&&n.contains(r))return i;i+=r.data.length,r=t.nextNode()}return i}function C(n,e){let t=n.ownerDocument??document,i=t.getSelection();if(!i)return;let r=Math.max(0,Math.min(e,j(n))),o=V(n),a=0,s=null,d=0,l=o.nextNode(),c=null;for(;l;){let u=l.data.length;if(r<a+u){s=l,d=r-a;break}if(r===a+u){let f=o.nextNode();f?(s=f,d=0):(s=l,d=u);break}a+=u,c=l,l=o.nextNode()}let p=t.createRange();if(s){let u=s.parentElement?.closest('strong[data-seg="completed"]');u&&u!==n&&n.contains(u)?d===0?p.setStartBefore(u):d===s.data.length?p.setStartAfter(u):p.setStart(s,d):p.setStart(s,d)}else c?p.setStart(c,c.data.length):p.setStart(n,0);p.collapse(!0),i.removeAllRanges(),i.addRange(p)}function X(n){let e=w(n);return e==null?!1:e>=j(n)}function z(n,e){if(e<=0)return 0;let t=At();if(!t)return e-1;let i=n.slice(0,e),r=0;for(let{index:o}of t.segment(i))o<e&&(r=o);return r}function M(n,e,t=[]){let{rawQuery:i,completedParams:r}=v(n,e);return{query:n.trim(),raw_query:i,completed_params:O(r,t)}}function Pe(n,e){return n instanceof HTMLTextAreaElement||n instanceof HTMLInputElement?n.selectionStart!=null&&n.selectionStart===n.value.length:n instanceof HTMLElement&&n.hasAttribute("data-aia-input")?X(n):e?.caretOffset!=null?e.caretOffset>=e.text.length:!1}function ve(n){return n instanceof HTMLElement&&n.hasAttribute("data-aia-input")?w(n):null}var Y=class{constructor(e,t){this.store=e;this.ctx=t}handleKeyDown(e){let t=this.store.get(),{listboxId:i,getOnSubmit:r}=this.ctx,o=this.getEffectiveColumns(),a=r(),s=this.getTappableIndices(o);if((e.shiftKey||e.metaKey||e.ctrlKey||e.altKey)&&(e.key==="ArrowDown"||e.key==="ArrowUp"||e.key==="ArrowLeft"||e.key==="ArrowRight"))return;let d=this.ctx.getOptionsPosition()==="above";switch(e.key){case"ArrowDown":{let l=Pe(e.target,t),c=!!t.editingParam;if(!l&&!c&&t.activeDropdownIndex<0)break;if(t.activeDropdownIndex<0){if(d)break;if(e.preventDefault(),!t.isDropdownOpen&&t.actionableSuggestions.length>0){this.store.set({pillTapped:!0,activeDropdownIndex:s[0]??0});break}if(s.length===0)return;this.store.set({activeDropdownIndex:s[0]});break}if(e.preventDefault(),s.length===0)return;if(t.filteredOptions.length>0){let f=Math.floor((t.filteredOptions.length-1)/o);if(Math.floor(t.activeDropdownIndex/o)===f){this.store.set({activeDropdownIndex:-1});break}}let p=s.indexOf(t.activeDropdownIndex),u=p<s.length-1?p+1:0;this.store.set({activeDropdownIndex:s[u]});break}case"ArrowUp":{if(t.activeDropdownIndex<0){if(!d)break;let p=Pe(e.target,t),u=!!t.editingParam;if(!p&&!u)break;e.preventDefault();let f=this.firstTappableInBottomRow(o)??s[0]??0;if(!t.isDropdownOpen&&t.actionableSuggestions.length>0){this.store.set({pillTapped:!0,activeDropdownIndex:f});break}if(s.length===0)return;this.store.set({activeDropdownIndex:f});break}if(s.length===0)break;if(e.preventDefault(),t.activeDropdownIndex<o){this.store.set({activeDropdownIndex:-1});break}let l=s.indexOf(t.activeDropdownIndex),c=l>0?l-1:s.length-1;this.store.set({activeDropdownIndex:s[c]});break}case"ArrowRight":{if(t.activeDropdownIndex>=0){if(e.preventDefault(),t.activeDropdownIndex%o<o-1){let p=t.activeDropdownIndex+1;p<t.filteredOptions.length&&t.filteredOptions[p]?.is_tappable&&this.store.set({activeDropdownIndex:p})}break}if(t.editingParam&&e.target instanceof HTMLElement&&t.editingTail!=null){e.preventDefault();let c=e.target.closest("[data-aia-input]")??e.target,p=t.editingTail;this.ctx.exitEditMode?.(),C(c,p);break}Pe(e.target,t)&&t.actionableSuggestions.length>=1&&(e.preventDefault(),this.removeActivePill());break}case"ArrowLeft":{if(t.activeDropdownIndex>=0){if(e.preventDefault(),t.activeDropdownIndex%o>0){let l=t.activeDropdownIndex-1;l>=0&&t.filteredOptions[l]?.is_tappable&&this.store.set({activeDropdownIndex:l});break}if(!t.editingParam&&this.ctx.startEditingParamAtCaret){let l=ve(e.target);l!=null&&this.ctx.startEditingParamAtCaret(l)}break}if(t.editingParam&&e.target instanceof HTMLElement&&t.editingAnchor!=null){e.preventDefault();let l=e.target.closest("[data-aia-input]")??e.target,c=t.editingAnchor;this.ctx.exitEditMode?.(),C(l,c);break}if(this.ctx.startEditingParamAtCaret){let l=ve(e.target);l!=null&&this.ctx.startEditingParamAtCaret(l)&&e.preventDefault()}break}case"Backspace":{if(t.editingParam||!this.ctx.removeParamAtCaret)break;let l=ve(e.target);if(l==null)break;this.ctx.removeParamAtCaret(l)&&e.preventDefault();break}case"Enter":{e.preventDefault(),t.activeDropdownIndex>=0&&t.filteredOptions[t.activeDropdownIndex]?.is_tappable?this.clickOrSelect(t.activeDropdownIndex,t.filteredOptions,i):a&&a(M(t.text,t.completedParams,t.skippedParams))&&this.ctx.afterSubmit?.();break}case"Tab":{let l=t.filteredOptions.map((u,f)=>u.is_tappable?f:-1).filter(u=>u!==-1);if(l.length===0)break;if(!t.isDropdownOpen){if(t.actionableSuggestions.length===0)break;e.preventDefault();let u=e.shiftKey?l[l.length-1]:l[0];this.store.set({pillTapped:!0,activeDropdownIndex:u});break}e.preventDefault();let c=l.indexOf(t.activeDropdownIndex),p;if(c<0)p=e.shiftKey?l.length-1:0;else{let u=e.shiftKey?-1:1;p=(c+u+l.length)%l.length}this.store.set({activeDropdownIndex:l[p]});break}case"Escape":{if(t.editingParam&&e.target instanceof HTMLElement&&t.editingTail!=null){let l=e.target.closest("[data-aia-input]")??e.target,c=t.editingTail;this.ctx.exitEditMode?.(),C(l,c)}this.store.set({activeDropdownIndex:-1});break}}}firstTappableInBottomRow(e){let t=this.store.get();if(t.filteredOptions.length===0)return null;let r=Math.floor((t.filteredOptions.length-1)/e)*e;for(let o=r;o<t.filteredOptions.length;o++)if(t.filteredOptions[o]?.is_tappable)return o;return null}getTappableIndices(e){let i=this.store.get().filteredOptions.map((o,a)=>o.is_tappable?a:-1).filter(o=>o!==-1),r=Array.from({length:e},()=>[]);for(let o of i)r[o%e].push(o);return r.flat()}getEffectiveColumns(){let e=document.getElementById(this.ctx.listboxId);if(!e)return this.ctx.columns;let i=document.getElementById(`${this.ctx.listboxId}-option-0`)?.parentElement??null;for(;i;){let r=getComputedStyle(i).gridTemplateColumns;if(r&&r!=="none"){let o=r.split(" ").filter(Boolean).length;if(o>0)return o}if(i===e)break;i=i.parentElement}return this.ctx.columns}clickOrSelect(e,t,i){let r=document.getElementById(`${i}-option-${e}`);r?r.click():this.ctx.selectOption(t[e])}removeActivePill(){let e=this.store.get(),t=e.suggestions.filter(s=>s.type==="placeholder"),i=e.suggestions.filter(s=>s.type!=="placeholder");if(i.length===0)return;let r=i[0],o=i.slice(1),a=e.skippedParams.some(s=>s.type===r.type);this.store.set({suggestions:[...t,...o],pillTapped:o.length>0,activeDropdownIndex:-1,...a?{}:{skippedParams:[...e.skippedParams,{id:crypto.randomUUID(),type:r.type,suggestionPlaceholder:r.text}]}}),o.length===0&&this.ctx.fetchNow?.()}};var J=class{constructor(e,t={}){this.store=e;this.callbacks=t}setActivePill(e){let t=this.store.get(),i=t.suggestions.filter(l=>l.type!=="placeholder");if(e<0||e>=i.length)return;let r=i[e],o=i.filter((l,c)=>c!==e),a=t.suggestions.filter(l=>l.type==="placeholder");if(this.callbacks.onPillSelected){let{rawQuery:l}=v(t.text,t.completedParams);this.callbacks.onPillSelected({rawQuery:l,selectedPill:r.text,otherPills:o.map(c=>c.text)})}let s=[...a,r,...o],d=this.store.peek({suggestions:s}).filteredOptions.findIndex(l=>l.is_tappable);this.store.set({suggestions:s,pillTapped:!0,activeDropdownIndex:d})}removeLastParam(){this.store.get().completedParams.length!==0&&this.store.set(t=>({completedParams:t.completedParams.slice(0,-1),activeDropdownIndex:-1}))}};var Z=class{constructor(e,t){this.store=e;this.getConfig=t;this.hasLoggedError=!1}async run(e,t,i){let r=this.getConfig();if(r){if(e.trim().length===0){this.clear(i);return}try{let o=await r.fetch(e,t);if(t.aborted||!i())return;let a=r.transform(o),s=Array.isArray(a)?a:[],d=r.limit!=null?s.slice(0,r.limit):s;if(t.aborted||!i())return;this.commit(d)}catch(o){if(t.aborted||Ot(o))return;this.logOnce(o),this.clear(i)}}}clearNow(){this.commit([])}clear(e){e()&&this.commit([])}commit(e){e.length===0&&this.store.get().products.length===0||this.store.set({products:e})}logOnce(e){this.hasLoggedError||(this.hasLoggedError=!0,console.warn("[AIAutocomplete] products.fetch/transform failed \u2014 the product strip is hidden. Later failures on this instance are not logged.",e))}};function Ot(n){return n instanceof Error&&n.name==="AbortError"}var H="(max-width: 768px)";var kt="var(--aia-option-row-height, 37px)",Lt="var(--aia-grid-scroll-top, 0px) + var(--aia-grid-scroll-bottom, 0px)";function ee(n,e){let t=(i,r)=>({cols:i,rows:r,maxHeight:`calc(${r} * ${kt} + ${Lt})`});return e?t(1,Math.min(n,5)):n>=5&&n<=6?t(2,Math.ceil(n/2)):t(1,Math.min(n,4))}function te(n){return Array.from({length:n},()=>"minmax(0,1fr)").join(" ")}function ne(){return typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia(H).matches}function Qe(n,e){let t=e.dropdownTrigger??"auto",i=e.closeDropdownOnBlur??!0,a=n.filteredOptionsLength>0||n.activePillHasNoOptions||n.hasProducts;if(n.inEditMode){let s=i?n.isFocused:!0;return a&&s}if(t==="auto"){let s=i?n.isFocused:!0,d=n.text.replace(/\s+$/,"").length,l=n.caretOffset==null||n.caretOffset>=d;return(a||n.isLoading)&&s&&l}return t==="manual"?(a||n.isLoading)&&n.pillTapped:!1}function We(n,e){let t=Ke(n.text,n.completedParams,n.identifiedParams),i=n.suggestions.filter(m=>m.type!=="placeholder"),r=i[0],o=r?e.optionOverrides?.[r.type]:void 0,a=n.suggestions.filter(m=>m.type==="placeholder").map(m=>m.text).join(" "),s=T(n.text,Math.min(n.filterBase,n.text.length),a),l=s===0&&G(n.text,n.completedParams.length,a)?"":I(n.text,s,n.filterInProgress),c=r?o?o(l.trim())??r.options??[]:r.options??[]:[],p=n.editingParam!=null&&n.editingAnchor!=null,u;if(p&&n.editingParam&&n.editingAnchor!=null){let m=n.editingParam.id,x=n.completedParams.some(E=>E.id===m),S=n.caretOffset??n.editingAnchor,P=x?"":n.text.slice(n.editingAnchor,S);u=A(n.editingParam.options,P)}else u=A(c,l);let f=e.showNonTappableOptions===!1;f&&(u=u.filter(m=>m.is_tappable));let b=m=>f?m.is_tappable:!0,y;if(p){let m=n.editingParam?.options??[];y=n.editingParam!=null&&m.filter(b).length===0}else{let m=r?o?o("")??r.options??[]:r.options??[]:[];y=r!=null&&m.filter(b).length===0}let h=Qe({inEditMode:p,filteredOptionsLength:u.length,isFocused:n.isFocused,text:n.text,caretOffset:n.caretOffset,isLoading:n.isLoading,pillTapped:n.pillTapped,activePillHasNoOptions:y,hasProducts:n.products.length>0},{dropdownTrigger:e.dropdownTrigger,closeDropdownOnBlur:e.closeDropdownOnBlur}),g=h&&n.activeDropdownIndex>=0&&!!u[n.activeDropdownIndex]?.is_tappable;return{segments:t,actionableSuggestions:i,filteredOptions:u,placeholderText:a,isDropdownOpen:h,isActivePillSelected:g}}function ie(n){return n.mode==="fresh"?Mt(n):Dt(n)}function Mt(n){let{text:e,completedParams:t,suggestions:i,filterBase:r,filterInProgress:o}=n,s=i.filter(S=>S.type!=="placeholder")[0];if(!s?.options)return null;let d=i.filter(S=>S.type==="placeholder").map(S=>S.text).join(" "),l=T(e,r,d),c=I(e,l,o),p=k(s.options,c);if(!p)return null;let u=p.text.toLowerCase(),f=e.toLowerCase().lastIndexOf(u),b=f>=0?f:Math.max(0,e.length-p.text.length),y=b+p.text.length,h=e.slice(b,y),m=y<e.length&&e[y]===" "?y+1:y,x={id:crypto.randomUUID(),placeholder:"",type:s.type,text:h,kind:p.kind,suggestionType:s.type,suggestionPlaceholder:s.text,options:s.options??[],metadata:p.metadata};return{patch:{text:e,completedParams:[...t,x],suggestions:i.filter(S=>S!==s),filterBase:m,newParamId:x.id,caretOffset:m,activeDropdownIndex:-1},caretPos:m}}function Dt(n){let{text:e,completedParams:t,editingParam:i,editingAnchor:r,editingTail:o}=n;if(t.some(x=>x.id===i.id))return null;let a=e.slice(r,o),s=k(i.options,a);if(!s)return null;let d=s.text.toLowerCase(),l=a.toLowerCase().lastIndexOf(d),c=r+Math.max(0,l),p=c+s.text.length,u=e.slice(c,p),b=p<e.length&&e[p]===" "?p+1:p,y={id:crypto.randomUUID(),placeholder:"",type:i.suggestionType,text:u,kind:s.kind,suggestionType:i.suggestionType,suggestionPlaceholder:i.suggestionPlaceholder,options:i.options,metadata:s.metadata},h=t.length,g=0;for(let x=0;x<t.length;x++){let S=e.indexOf(t[x].text,g);if(S!==-1){if(S>=b){h=x;break}g=S+t[x].text.length}}let m=[...t];return m.splice(h,0,y),{patch:{text:e,completedParams:m,newParamId:y.id,filterBase:b,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:b,activeDropdownIndex:-1},caretPos:b}}function re(n,e,t){let i=n.slice(0,e),r=n.slice(t),o=(i===""||i.endsWith(" "))&&r.startsWith(" ");return o&&(r=r.slice(1)),{text:i+r,removed:t-e+(o?1:0)}}var oe=class{constructor(e){this.deps=e}start(e){let t=this.deps.store.get();if(t.editingParam?.id===e)return;let i=t.completedParams.find(a=>a.id===e);if(!i)return;let r=0,o=-1;for(let a of t.completedParams){let s=t.text.indexOf(a.text,r);if(s!==-1){if(a.id===e){o=s;break}r=s+a.text.length}}o<0||this.deps.store.set({editingParam:i,editingAnchor:o,editingTail:o+i.text.length,caretOffset:o+i.text.length,activeDropdownIndex:-1})}exit(){this.deps.store.get().editingParam&&this.deps.store.set({editingParam:null,editingAnchor:null,editingTail:null,activeDropdownIndex:-1})}replaceRange(e){let t=this.deps.store.get(),i=t.editingParam,r=t.editingAnchor,o=t.editingTail;if(!i||r==null||o==null||!t.completedParams.some(d=>d.id===i.id))return!1;let{text:a}=e===""?re(t.text,r,o):{text:t.text.slice(0,r)+e+t.text.slice(o)},s=r+e.length;return this.deps.store.set(d=>({text:a,completedParams:d.completedParams.filter(l=>l.id!==i.id),editingTail:s,caretOffset:s,activeDropdownIndex:-1})),this.deps.scheduleSetCursor(s),this.tryPromote(),!0}caretAfterInput(e){let t=this.deps.store.get(),i={caretOffset:e};t.editingParam&&t.editingAnchor!=null&&e!=null&&(e<t.editingAnchor?(i.editingParam=null,i.editingAnchor=null,i.editingTail=null,i.activeDropdownIndex=-1):t.editingTail!=null&&(i.editingTail=Math.max(t.editingTail,e))),this.deps.store.set(i),this.tryPromote()}caretMove(e){let t=this.deps.store.get();if(t.editingParam&&t.editingAnchor!=null&&t.editingTail!=null&&e!=null&&(e<t.editingAnchor||e>t.editingTail)){this.deps.store.set({caretOffset:e,editingParam:null,editingAnchor:null,editingTail:null,activeDropdownIndex:-1});return}this.deps.store.set({caretOffset:e})}selectOption(e){let t=this.deps.store.get(),i=t.editingParam,r=t.editingAnchor,o=t.editingTail;if(!i||r==null||o==null)return;this.deps.fireTelemetry("option",{raw_query:v(t.text,t.completedParams).rawQuery,selected_option:e.text,other_options:i.options.filter(g=>g.text!==e.text).map(g=>g.text)});let a=t.text.slice(0,r),s=t.text.slice(o),d=r===0&&e.text.length>0?e.text[0].toUpperCase()+e.text.slice(1):e.text,l=s.length===0||s[0]!==" ",c=l?`${d} `:d,p=a+c+s,u=r+c.length+(l?0:1),f={id:crypto.randomUUID(),placeholder:"",type:i.suggestionType,text:d,kind:e.kind,suggestionType:i.suggestionType,suggestionPlaceholder:i.suggestionPlaceholder,options:i.options,metadata:e.metadata},b=t.completedParams.findIndex(g=>g.id===i.id),y=t.completedParams.filter(g=>g.id!==i.id),h=b>=0?Math.min(b,y.length):y.length;y.splice(h,0,f),this.deps.store.set({text:p,completedParams:y,newParamId:f.id,filterBase:u,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:u,activeDropdownIndex:-1,pillTapped:!1,skipNextFetch:!0,inSelectionAnimation:!0}),this.deps.startSelectionAnimationTimer(),this.deps.scheduleSetCursor(u),this.deps.fetchNow()}tryPromote(){let e=this.deps.store.get();if(!e.editingParam||e.editingAnchor==null||e.editingTail==null)return;let t=ie({mode:"edit",text:e.text,completedParams:e.completedParams,editingParam:e.editingParam,editingAnchor:e.editingAnchor,editingTail:e.editingTail});t&&(this.deps.store.set(t.patch),this.deps.scheduleSetCursor(t.caretPos))}};var Ce="https://ai-autocomplete.com";function se(n=Ce){try{if(typeof window>"u"||!window.location)return n;let e=window.location.hostname;if(!e)return n;let t=new URL(n);return t.searchParams.set("utm_source",e),t.toString()}catch{return n}}function ae(n,e){return n?{key:"enter",hint:"to proceed"}:e?{key:"tab",hint:"to select"}:{key:"\u2192",hint:"to skip"}}var Ve="data-aia-key";function D(n,e,t){let i=new Map;for(let a of Array.from(n.children)){let s=a.getAttribute(Ve);s!=null&&i.set(s,a)}let r=new Set,o=[];for(let a=0;a<e.length;a++){let s=e[a],d=t.keyOf(s,a);r.add(d);let l=i.get(d);l||(l=t.create(s,a),l.setAttribute(Ve,d)),t.update?.(l,s,a),n.children[a]!==l&&n.insertBefore(l,n.children[a]??null),o.push(l)}for(let[a,s]of i)r.has(a)||s.remove();return o}var je=[125,69];function Xe(n,e){return e?1:n===0?.7:n===1?.4:.2}function le(n,e,t,i,r=!1,o=!1,a=!1){let s=n.querySelector(".magicx-aia-pill-list");if(s||(s=document.createElement("span"),s.className="magicx-aia-pill-list",n.appendChild(s)),o&&e.length===0){s.setAttribute("data-aia-pill-list-loading",""),s.innerHTML="";for(let d=0;d<je.length;d++){let l=je[d],c=document.createElement("span");c.setAttribute("data-aia-pill-skeleton",""),c.className=`magicx-aia-pill magicx-aia-pill--skeleton${r?" magicx-aia-pill--rounded":""}`,c.style.width=`${l}px`,c.style.opacity=String(Xe(d,!1)),s.appendChild(c)}return}o?s.setAttribute("data-aia-pill-list-loading",""):s.removeAttribute("data-aia-pill-list-loading");for(let d of s.querySelectorAll("[data-aia-pill-skeleton]"))d.remove();D(s,e,{keyOf:d=>`${d.type}-${d.text}`,create:d=>{let l=document.createElement("button");return l.type="button",l.tabIndex=-1,l.setAttribute("data-aia-pill",""),l.setAttribute("contenteditable","false"),l.textContent=d.text,l.addEventListener("mousedown",c=>c.preventDefault()),l},update:(d,l,c)=>{let p=d,u=a&&c===t&&!o,f=["magicx-aia-pill"];r&&f.push("magicx-aia-pill--rounded"),o&&f.push("magicx-aia-pill--skeleton"),p.className=f.join(" "),p.style.width="",p.style.opacity=String(Xe(c,u)),o?(p.setAttribute("data-aia-loading",""),p.disabled=!0,p.onclick=null):(p.removeAttribute("data-aia-loading"),p.disabled=!1,p.onclick=()=>i(c))}})}function we(n){n.querySelector(".magicx-aia-pill-list")?.remove()}var Rt="Products";function ze(n,e,t,i,r){let o=n.querySelector(".magicx-aia-products");if(e.length===0){o?.remove();return}if(!o){o=document.createElement("section"),o.className="magicx-aia-products",o.setAttribute("data-aia-products",""),o.setAttribute("role","group"),o.setAttribute("aria-labelledby",`${t}-products-label`);let s=document.createElement("div");s.className="magicx-aia-products-label",s.id=`${t}-products-label`,s.textContent=Rt;let d=document.createElement("div");d.className="magicx-aia-products-row",d.setAttribute("data-aia-products-row",""),o.append(s,d),n.appendChild(o)}let a=o.querySelector(".magicx-aia-products-row");a&&D(a,e,{keyOf:s=>Nt(s),create:s=>_t(s,i,r),update:(s,d,l)=>{s.id=`${t}-product-${l}`,s.dataset.aiaIndex=String(l)}})}function Ee(n,e){let t=n.querySelectorAll("[data-aia-product]");for(let i of t)i.tabIndex=e?0:-1}function Nt(n){return[n.id,n.title,n.url,n.imageUrl,n.price,n.vendor].map(e=>e??"").join("\0")}function _t(n,e,t){let i=document.createElement("a");i.className="magicx-aia-product",i.setAttribute("data-aia-product",""),i.setAttribute("role","option"),i.setAttribute("aria-selected","false"),i.href=n.url,i.tabIndex=0;let r=document.createElement("span");if(r.className="magicx-aia-product-media",n.imageUrl){let s=document.createElement("img");s.className="magicx-aia-product-image",s.src=n.imageUrl,s.alt="",s.loading="lazy",s.decoding="async",r.appendChild(s)}else r.setAttribute("data-aia-product-placeholder","");i.appendChild(r);let o=document.createElement("span");if(o.className="magicx-aia-product-body",n.vendor){let s=document.createElement("span");s.className="magicx-aia-product-vendor",s.textContent=n.vendor,o.appendChild(s)}let a=document.createElement("span");if(a.className="magicx-aia-product-title",a.textContent=n.title,o.appendChild(a),n.price){let s=document.createElement("span");s.className="magicx-aia-product-price",s.textContent=n.price,o.appendChild(s)}return i.appendChild(o),i.addEventListener("click",s=>{s.metaKey||s.ctrlKey||s.shiftKey||s.altKey||s.button!==0||(s.preventDefault(),e(n))}),i.addEventListener("keydown",s=>{s.key!=="Enter"&&s.key!==" "||(s.preventDefault(),e(n))}),i.addEventListener("focus",()=>t(!0)),i.addEventListener("blur",s=>{s.relatedTarget?.closest("[data-aia-dropdown]")||t(!1)}),i}function Ht(n,e){let{cols:t,maxHeight:i}=ee(e,ne());n.style.gridTemplateColumns=te(t),n.style.setProperty("--aia-grid-max-height",i)}function Ye(n,e,t,i,r,o,a,s=""){let d=n.querySelector(".aia-grid");if(e.length===0){d?.remove();return}d||(d=document.createElement("div"),d.className="aia-grid magicx-aia-grid",d.setAttribute("data-scroll",""),d.style.setProperty("--aia-grid-min","250px"),d.style.setProperty("--aia-grid-max","1fr"),d.style.setProperty("--aia-grid-gap","0"),n.appendChild(d)),Ht(d,e.length),Ft(d,e,t,i,r,o,a),Bt(d,s)}function Bt(n,e){n.dataset.aiaGroup!==e&&(n.dataset.aiaGroup=e,n.scrollTop=0)}function Ft(n,e,t,i,r,o,a){let s=a?"1":"0";D(n,e,{keyOf:d=>`${d.text}\0${s}`,create:d=>Kt(d,a),update:(d,l,c)=>{let p=c===t&&!a;d.id=`${o}-option-${c}`,d.dataset.aiaIndex=String(c),d.setAttribute("aria-selected",String(p)),d.classList.toggle("magicx-aia-option--highlighted",p),!a&&l.is_tappable?(d.onclick=()=>{d.classList.add("magicx-aia-option--pressed"),i(l),setTimeout(()=>d.classList.remove("magicx-aia-option--pressed"),500)},d.onmouseenter=()=>{let u=Number.parseInt(d.dataset.aiaIndex??"-1",10);u>=0&&r(u)}):(d.onclick=null,d.onmouseenter=null)}})}function Kt(n,e){let t=document.createElement("div");t.setAttribute("role","option"),t.setAttribute("data-aia-option",""),e&&t.setAttribute("data-aia-loading",""),t.tabIndex=e||!n.is_tappable?-1:0;let i=["magicx-aia-option"];n.is_tappable?i.push("magicx-aia-option--tappable"):i.push("magicx-aia-option--non-tappable"),t.className=i.join(" ");let r=document.createElement("div");r.className="magicx-aia-streaks",t.appendChild(r);let o=document.createElement("div");o.className="magicx-aia-streaks-vert",t.appendChild(o);let a=document.createElement("span");a.className="magicx-aia-option-content";let s=document.createElement("span");if(s.className="magicx-aia-option-text",s.textContent=n.icon?`${n.icon} ${n.text}`:n.text,a.appendChild(s),n.tag){let d=document.createElement("span");d.className="magicx-aia-option-tag",d.textContent=n.tag,a.appendChild(d)}return t.appendChild(a),t}var Ut=[159,119,164];function de(n){let e=document.createElement("div");return e.id=n,e.setAttribute("role","listbox"),e.setAttribute("data-aia-dropdown",""),e.className="magicx-aia-dropdown",e.addEventListener("mousedown",t=>t.preventDefault()),e}function ce(n,e){let{filteredOptions:t,activeIndex:i,isOpen:r,isLoading:o,pills:a,showPills:s,isActivePillSelected:d,onSelect:l,onHighlight:c,onPillClick:p}=e,u=s&&a.length>0,f=t.length>0,b=e.products.length>0,y=r&&(f||u||o||b);if(y?n.classList.add("magicx-aia-dropdown--visible"):n.classList.remove("magicx-aia-dropdown--visible"),o?n.setAttribute("data-aia-loading",""):n.removeAttribute("data-aia-loading"),!y){Ee(n,!1);return}b?n.setAttribute("data-aia-has-products",""):n.removeAttribute("data-aia-has-products");let h=n.querySelector(".aia-stack");h||(h=document.createElement("div"),h.className="aia-stack",h.style.setProperty("--aia-stack-space","8px"),n.appendChild(h));let g=u||o&&s,m=h.querySelector(".magicx-aia-pill-bar");g?(m||(m=document.createElement("div"),m.className="magicx-aia-pill-bar aia-cluster",m.setAttribute("data-nowrap",""),m.setAttribute("data-aia-pillbar",""),h.insertBefore(m,h.firstChild)),le(m,a,0,p,!0,o,d)):m&&m.remove();let x=e.suggestions[0],S=x?`${x.type} ${x.text}`:"";Ye(h,t,i,l,c,e.listboxId,o,S);let P=h.querySelector(".magicx-aia-skeleton-bars");if(o&&!f){if(!P){P=document.createElement("div"),P.className="magicx-aia-skeleton-bars",P.setAttribute("data-aia-skeleton-bars","");for(let pt of Ut){let be=document.createElement("span");be.className="magicx-aia-skeleton-bar",be.style.width=`${pt}px`,P.appendChild(be)}h.appendChild(P)}}else P&&P.remove();ze(h,e.products,e.listboxId,e.onProductSelect,e.onProductFocusChange),Ee(n,!0);let E=h.querySelector(".magicx-aia-footer")??qt(),ct=i>=0&&!!t[i]?.is_tappable;Gt(E,ae(ct,e.isInputEmpty)),E.isConnected||h.appendChild(E),$t(h,[".magicx-aia-pill-bar",".aia-grid",".magicx-aia-skeleton-bars",".magicx-aia-products",".magicx-aia-footer"])}function $t(n,e){let t=e.map(i=>n.querySelector(`:scope > ${i}`)).filter(i=>i!==null);for(let i=0;i<t.length;i++)n.children[i]!==t[i]&&n.insertBefore(t[i],n.children[i]??null)}function Gt(n,{key:e,hint:t}){let i=n.querySelector(".magicx-aia-footer-key"),r=n.querySelector(".magicx-aia-footer-hint");!i||!r||(i.textContent!==e&&(i.textContent=e),r.textContent!==t&&(r.textContent=t))}function qt(){let n=document.createElement("footer");n.className="magicx-aia-footer",n.setAttribute("data-aia-footer","");let e=document.createElement("div");e.className="aia-cluster magicx-aia-footer-row",e.setAttribute("data-align","center"),e.setAttribute("data-justify","between"),e.setAttribute("data-nowrap","");let t=document.createElement("div");t.className="aia-cluster magicx-aia-footer-hint-group",t.setAttribute("data-align","center"),t.style.setProperty("--aia-cluster-gap","5px");let i=document.createElement("kbd");i.className="magicx-aia-footer-key",i.textContent="tab";let r=document.createElement("span");r.className="magicx-aia-footer-hint",r.textContent="to select",t.append(i,r);let o=document.createElement("a");o.className="aia-cluster magicx-aia-footer-brand-link",o.setAttribute("data-align","center"),o.href=se(),o.target="_blank",o.rel="noopener noreferrer",o.style.setProperty("--aia-cluster-gap","2px");let a=document.createElement("span");a.className="magicx-aia-footer-brand",a.textContent="AI";let s=document.createElement("span");return s.className="magicx-aia-footer-badge",s.textContent="Autocomplete",o.append(a,s),e.append(t,o),n.append(e),n}function Je(n,e){let t=de(e.listboxId);return n.appendChild(t),{dropdown:t}}function Te(n,e,t){ce(n.dropdown,{suggestions:e.actionableSuggestions.length>0?[{...e.actionableSuggestions[0],options:e.filteredOptions}]:[],filteredOptions:e.filteredOptions,activeIndex:e.activeDropdownIndex,isOpen:e.isDropdownOpen,isLoading:e.isLoading&&!e.editingParam&&!e.inSelectionAnimation,listboxId:t.listboxId,pills:e.actionableSuggestions,showPills:!0,isActivePillSelected:e.isActivePillSelected,isInputEmpty:e.text.trim().length===0,products:e.products,onSelect:t.selectOption,onHighlight:i=>t.store.set({activeDropdownIndex:i}),onPillClick:t.setActivePill,onProductSelect:t.selectProduct,onProductFocusChange:i=>t.store.set({isFocused:i})})}var Qt=6,Wt=.3;function Ze(n){return n<=0?"0px":`${(-Math.min(Wt,2*Qt/n)).toFixed(3)}px`}function pe(n){let{input:e,segments:t,newParamId:i,editingParamId:r,placeholderText:o,isFocused:a}=n,s=t.length===0;e.dataset.aiaEmpty=s?"true":"false",s&&o?e.dataset.placeholder=o:delete e.dataset.placeholder;let d=t.map(h=>`${h.type}:${h.value}`).join("\0"),l=e.dataset.segKey??"",c=e.dataset.newParamId??"",p=e.dataset.editingParamId??"";if(d===l&&(i??"")===c&&(r??"")===p)return;let u=a?w(e):null;e.dataset.segKey=d,e.dataset.newParamId=i??"",e.dataset.editingParamId=r??"";let f=e.ownerDocument??document,b=f.createDocumentFragment(),y=0;for(let h of t)if(y+=h.value.length,h.type==="completed"){let g=f.createElement("strong");g.dataset.seg="completed",g.dataset.paramId=h.param.id;let m=h.param.id===i,x=h.param.id===r,S=["magicx-aia-segment","magicx-aia-segment--completed"];m&&S.push("magicx-aia-shimmer-revealed","magicx-aia-shimmer-sweep"),x&&S.push("magicx-aia-segment--editing"),g.className=S.join(" "),g.style.letterSpacing=Ze(h.value.length),g.textContent=h.value,b.appendChild(g)}else if(h.type==="identified"){let g=f.createElement("strong");g.dataset.seg="identified",g.dataset.paramId=h.param.id,g.className="magicx-aia-segment magicx-aia-segment--completed",g.style.letterSpacing=Ze(h.value.length),g.textContent=h.value,b.appendChild(g)}else b.appendChild(f.createTextNode(h.value));e.replaceChildren(b),e.dataset.aiaTextLength=String(y),u!=null&&C(e,Math.max(0,Math.min(u,y)))}var Vt='<svg width="18" height="18" viewBox="0 0 18 18" fill="none" role="img" aria-label="Submit"><path d="M9 14V4M9 4L4 9M9 4L14 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';function et(){let n=document.createElement("button");return n.type="button",n.className="magicx-aia-submit",n.setAttribute("aria-label","Submit"),n.setAttribute("data-aia-submit",""),n.innerHTML=Vt,n}function jt(){let n=document.createElement("div");return n.setAttribute("contenteditable","plaintext-only"),n.contentEditable==="plaintext-only"}function tt(n,e){let t=e.firstElementChild;if(!t){e.removeAttribute("data-aia-pill-wrapped");return}let i=t.getBoundingClientRect(),r=n.getBoundingClientRect();i.top>=r.bottom-2?e.setAttribute("data-aia-pill-wrapped",""):e.removeAttribute("data-aia-pill-wrapped")}function nt(n,e){let{listboxId:t}=e,i=de(t);n.appendChild(i);let r=document.createElement("div");r.className="magicx-aia-input-wrapper",n.appendChild(r);let o=document.createElement("div");o.className="magicx-aia-editor",o.setAttribute("data-aia-editor",""),r.appendChild(o);let a=document.createElement("div");a.className="magicx-aia-input",a.setAttribute("data-aia-input",""),a.setAttribute("contenteditable",jt()?"plaintext-only":"true"),a.setAttribute("role","combobox"),a.setAttribute("aria-autocomplete","list"),a.setAttribute("aria-haspopup","listbox"),a.setAttribute("aria-controls",t),a.setAttribute("aria-expanded","false"),a.setAttribute("spellcheck","true"),a.setAttribute("enterkeyhint","send"),o.appendChild(a);let s=document.createElement("span");s.className="magicx-aia-pill-list-container",s.setAttribute("data-aia-pill-list-container",""),o.appendChild(s);let d=null,l=null;e.submitButton===void 0?(d=et(),r.appendChild(d),l=d):e.submitButton!==null&&(l=e.submitButton,l.hasAttribute("data-aia-submit")||l.setAttribute("data-aia-submit",""),r.appendChild(l));let c=new AbortController,{signal:p}=c,u=!1,f=0,b=()=>{let g=_(a),x=g.length>0&&g[0]!==g[0].toUpperCase()?g[0].toUpperCase()+g.slice(1):g;e.handleChange(x)},y=()=>{let g=(a.ownerDocument??document).getSelection();if(!g||g.rangeCount===0)return null;let m=g.anchorNode;return!m||!a.contains(m)?null:(m.nodeType===Node.ELEMENT_NODE?m:m.parentElement)?.closest('strong[data-seg="completed"][data-param-id]')?.dataset.paramId??null};r.addEventListener("click",g=>{g.target?.closest("[data-aia-pill]")||a.focus()},{signal:p}),a.addEventListener("input",()=>{u||(f=performance.now(),b(),e.handleCaretAfterInput(w(a)))},{signal:p});let h=a.ownerDocument??document;if(h.addEventListener("selectionchange",()=>{let g=h.getSelection();if(!g||g.rangeCount===0||!a.contains(g.anchorNode))return;let m=g.isCollapsed?y():null,x=e.store.get().editingParam?.id??null;if(m&&m!==x){e.startEditingParam(m);return}performance.now()-f<50||e.handleCaretMove(w(a))},{signal:p}),a.addEventListener("compositionstart",()=>{u=!0},{signal:p}),a.addEventListener("compositionend",()=>{u=!1,b()},{signal:p}),a.addEventListener("beforeinput",g=>{let m=g,x=m.inputType;if(x==="insertParagraph"||x==="insertLineBreak"||x==="insertFromDrop"){g.preventDefault();return}if(x.startsWith("insert")||x.startsWith("delete")){let S=x.startsWith("delete")?"":m.data??"";e.replaceEditingRange(S)&&g.preventDefault()}},{signal:p}),a.addEventListener("paste",g=>{g.preventDefault();let m=(g.clipboardData?.getData("text/plain")??"").replace(/\r?\n/g," ");if(!m)return;let x=a.ownerDocument??document,S=x.getSelection();if(!S||S.rangeCount===0)return;let P=S.getRangeAt(0);if(!a.contains(P.startContainer))return;P.deleteContents();let E=x.createTextNode(m);P.insertNode(E),P.setStartAfter(E),P.collapse(!0),S.removeAllRanges(),S.addRange(P),b()},{signal:p}),a.addEventListener("keydown",g=>e.handleKeyDown(g),{signal:p}),a.addEventListener("focus",()=>e.store.set({isFocused:!0}),{signal:p}),a.addEventListener("blur",()=>e.store.set({isFocused:!1}),{signal:p}),l&&l.addEventListener("click",g=>{let m=e.store.get();if(!(!!m.text||m.completedParams.length>0)||!e.onSubmit)return;g.stopPropagation(),e.onSubmit(M(m.text,m.completedParams,m.skippedParams))&&e.afterSubmit?.()},{signal:p}),e.autoFocus!==!1){a.focus();let g=a.ownerDocument??document,m=g.getSelection(),x=m&&m.rangeCount>0&&a.contains(m.anchorNode);if(m&&!x){let S=g.createRange();S.selectNodeContents(a),S.collapse(!0),m.removeAllRanges(),m.addRange(S)}}if(typeof ResizeObserver<"u"){let g=new ResizeObserver(()=>tt(a,s));g.observe(a),c.signal.addEventListener("abort",()=>g.disconnect(),{once:!0})}return{input:a,inlinePillContainer:s,dropdown:i,submitButton:d,abort:c}}function Ie(n,e,t){let{input:i,inlinePillContainer:r,dropdown:o,submitButton:a}=n,{pillPlacement:s,setActivePill:d,selectOption:l,store:c}=t;i.setAttribute("aria-expanded",String(e.isDropdownOpen));let p=e.activeDropdownIndex>=0?`${t.listboxId}-option-${e.activeDropdownIndex}`:"";if(p?i.setAttribute("aria-activedescendant",p):i.removeAttribute("aria-activedescendant"),a){let h=!!e.text||e.completedParams.length>0;a.disabled=!h}let u=i.dataset.newParamId??"",f=e.newParamId!==null&&e.newParamId!==u;if(pe({input:i,segments:e.segments,newParamId:e.newParamId,editingParamId:e.editingParam?.id??null,placeholderText:e.placeholderText,isFocused:e.isFocused}),s==="inline"){let h=e.isLoading&&!e.editingParam&&!e.inSelectionAnimation;h||e.actionableSuggestions.length>0?le(r,e.actionableSuggestions,0,d,!1,h,e.isActivePillSelected):we(r)}else we(r);tt(i,r),f?(i.focus(),C(i,e.caretOffset??e.text.length)):e.isFocused&&_(i)!==e.text&&C(i,e.text.length);let b=e.editingParam?{type:e.editingParam.suggestionType,text:e.editingParam.suggestionPlaceholder,required:!0,options:e.editingParam.options}:null,y=b??e.actionableSuggestions[0];ce(o,{suggestions:y?[{...y,options:e.filteredOptions}]:[],filteredOptions:e.filteredOptions,activeIndex:e.activeDropdownIndex,isOpen:e.isDropdownOpen,isLoading:e.isLoading&&!e.editingParam&&!e.inSelectionAnimation,listboxId:t.listboxId,pills:b?[b]:e.actionableSuggestions,showPills:s==="dropdown",isActivePillSelected:e.isActivePillSelected,isInputEmpty:e.text.trim().length===0,products:e.products,onSelect:l,onHighlight:h=>c.set({activeDropdownIndex:h}),onPillClick:d,onProductSelect:t.selectProduct,onProductFocusChange:h=>c.set({isFocused:h})})}function it(n,e){let t=n.actionableSuggestions[0];if(!t)return null;let i=n.filterBase,r=n.text.slice(0,i),o=r.length===0&&n.text.length===0,a=r.length===0&&n.text.length>0&&n.placeholderText.length>0&&n.placeholderText.toLowerCase().startsWith(n.text.toLowerCase());(o||a)&&n.placeholderText&&(r=`${n.placeholderText} `);let s=De(r,e.text);s>0&&(r=r.slice(0,r.length-s));let d=r.length>0&&r[r.length-1]!==" ",l=`${r}${d?" ":""}${e.text} `,c=(o||a)&&l.length>0?l[0].toUpperCase()+l.slice(1):l,p=c.toLowerCase().lastIndexOf(e.text.toLowerCase()),u=p>=0?c.slice(p,p+e.text.length):e.text,f={id:crypto.randomUUID(),placeholder:"",type:t.type,text:u,kind:e.kind,suggestionType:t.type,suggestionPlaceholder:t.text,options:t.options??[],metadata:e.metadata},b=n.actionableSuggestions.length-1;return{patch:{text:c,filterBase:c.length,completedParams:[...n.completedParams,f],newParamId:f.id,caretOffset:c.length,pillTapped:!1,activeDropdownIndex:-1,skipNextFetch:!0,inSelectionAnimation:!0,pendingSpan:null},telemetry:{selectedOption:e.text,otherOptions:n.filteredOptions.filter(y=>y.text!==e.text).map(y=>y.text)},consumedSuggestion:t,remainingActionable:b}}function ue(n){let e=n,t=new Set,i=[],r=!1;return{get:()=>e,set:o=>{let a=typeof o=="function"?o(e):o,s=e;if(e={...e,...a},i.push([e,s]),!r){r=!0;try{let d=0;for(let l=i.shift();l;l=i.shift()){if(++d>1e4)throw i.length=0,new Error("createStore: notifications did not settle after 10000 deliveries \u2014 a listener is likely calling set() on every notification");let[c,p]=l;for(let u of t)u(c,p)}}catch(d){throw i.length=0,d}finally{r=!1}}},subscribe:o=>(t.add(o),()=>{t.delete(o)})}}function rt(n,e){let t,i,r=o=>(o!==t&&(t=o,i=e(o)),i);return{get:()=>{let o=n.get();return{...o,...r(o)}},set:o=>{typeof o=="function"?n.set(a=>{let s={...a,...r(a)};return o(s)}):n.set(o)},peek:o=>{let a={...n.get(),...o};return{...a,...e(a)}},subscribe:o=>n.subscribe((a,s)=>{let d={...s,...r(s)},l={...a,...r(a)};o(l,d)})}}var Ae=!1;function ot(){if(Ae||typeof document>"u")return;if(document.querySelector("style[data-magicx-aia]")){Ae=!0;return}Ae=!0;let n=document.createElement("style");n.setAttribute("data-magicx-aia",""),n.textContent=Xt,document.head.appendChild(n)}var Xt=`@layer layout {
|
|
2
2
|
.aia-stack {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -114,7 +114,9 @@
|
|
|
114
114
|
box-shadow: var(--aia-shadow, none);
|
|
115
115
|
overflow: hidden;
|
|
116
116
|
display: flex;
|
|
117
|
-
align
|
|
117
|
+
/* Top-align so the submit button stays by the first line while the editor
|
|
118
|
+
grows downward and then scrolls internally. */
|
|
119
|
+
align-items: flex-start;
|
|
118
120
|
gap: 12px;
|
|
119
121
|
}
|
|
120
122
|
|
|
@@ -123,13 +125,28 @@
|
|
|
123
125
|
position: relative;
|
|
124
126
|
flex: 1;
|
|
125
127
|
min-width: 0;
|
|
126
|
-
min-height:
|
|
127
|
-
line
|
|
128
|
+
min-height: 22px;
|
|
129
|
+
/* Airy line box so wrapped rows of chips (and plain text) don't touch. */
|
|
130
|
+
line-height: var(--aia-editor-line-height, 1.9);
|
|
128
131
|
font-family: inherit;
|
|
129
132
|
font-size: var(--aia-written-text-font-size, 14px);
|
|
130
133
|
white-space: pre-wrap;
|
|
131
134
|
word-break: break-word;
|
|
132
135
|
overflow-wrap: anywhere;
|
|
136
|
+
/* Grow with content up to a cap of five rows, then hold height and scroll
|
|
137
|
+
internally \u2014 the caret stays in view as the text is pushed up. The
|
|
138
|
+
scrollbar is hidden so the box reads as a clean growing field. The cap is
|
|
139
|
+
five line boxes rather than a fixed pixel height so it still lands on a
|
|
140
|
+
whole row when a consumer resizes the text via
|
|
141
|
+
--aia-written-text-font-size (\`em\` here resolves against this element's
|
|
142
|
+
own font-size, which is that token). */
|
|
143
|
+
max-height: var(--aia-editor-max-height, calc(var(--aia-editor-line-height, 1.9) * 5em));
|
|
144
|
+
overflow-y: auto;
|
|
145
|
+
scrollbar-width: none;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.magicx-aia-editor::-webkit-scrollbar {
|
|
149
|
+
display: none;
|
|
133
150
|
}
|
|
134
151
|
|
|
135
152
|
/* --- Editable input (contentEditable; inline so pills flow alongside) --- */
|
|
@@ -165,23 +182,27 @@
|
|
|
165
182
|
specificity as a consumer's \`.magicx-aia-input strong\`, which then wins on
|
|
166
183
|
cascade order (their stylesheet loads after this injected one). */
|
|
167
184
|
:where(.magicx-aia-input) strong.magicx-aia-segment--completed {
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
185
|
+
/* inline (not inline-block) so a chip too wide for the line breaks across two
|
|
186
|
+
lines; box-decoration-break: clone gives each fragment its own padding /
|
|
187
|
+
radius / fill, so an over-long recognized phrase renders as two little
|
|
188
|
+
rounded blocks instead of overflowing the field. */
|
|
189
|
+
display: inline;
|
|
190
|
+
padding: 3px 6px;
|
|
191
|
+
/* Rounded rectangle, not a full capsule. */
|
|
192
|
+
border-radius: 6px;
|
|
193
|
+
-webkit-box-decoration-break: clone;
|
|
194
|
+
box-decoration-break: clone;
|
|
171
195
|
background: var(--aia-completed-pill-bg, rgba(189, 189, 189, 0.105));
|
|
172
196
|
color: var(--aia-completed-pill-color, var(--aia-written-text-color, #fff));
|
|
173
197
|
font-size: var(--aia-pill-font-size, 14px);
|
|
174
198
|
font-weight: 400;
|
|
175
199
|
line-height: normal;
|
|
176
|
-
white-space:
|
|
177
|
-
/*
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
sitting ~1-2px below the adjacent text. The symmetric 4px padding keeps
|
|
183
|
-
the capsule optically centered around the text on its own. */
|
|
184
|
-
vertical-align: baseline;
|
|
200
|
+
white-space: normal;
|
|
201
|
+
/* Tighten the tracking so the chip's horizontal padding doesn't make the
|
|
202
|
+
recognized phrase read wider than the same words as plain text. The exact
|
|
203
|
+
per-chip amount is set inline by the renderer (renderEditable); this is a
|
|
204
|
+
fallback for any chip the renderer didn't stamp. */
|
|
205
|
+
letter-spacing: var(--aia-completed-pill-tracking, -0.02em);
|
|
185
206
|
cursor: pointer;
|
|
186
207
|
/* Smooth hover fade. Neutralized by the data-animations="off" block, which
|
|
187
208
|
zeroes transition-duration on every descendant. */
|
|
@@ -628,6 +649,17 @@
|
|
|
628
649
|
border-radius: 6px;
|
|
629
650
|
}
|
|
630
651
|
|
|
652
|
+
/* The brand sits at the right edge where option rows scroll under the fade, so
|
|
653
|
+
"AI" was getting clipped / washed out. Give the whole brand its own opaque,
|
|
654
|
+
fully-rounded surface pill so it always reads clearly over the fade. Declared
|
|
655
|
+
after the shared hint/brand chip rule so it wins. */
|
|
656
|
+
.magicx-aia-footer-brand-link {
|
|
657
|
+
background: var(--aia-footer-brand-pill-bg, var(--aia-surface, #ffffff));
|
|
658
|
+
border-radius: 999px;
|
|
659
|
+
padding: 2px 7px;
|
|
660
|
+
gap: 4px;
|
|
661
|
+
}
|
|
662
|
+
|
|
631
663
|
.magicx-aia-footer-brand-link:hover {
|
|
632
664
|
opacity: 0.7;
|
|
633
665
|
}
|
|
@@ -724,15 +756,19 @@
|
|
|
724
756
|
display: inline-flex;
|
|
725
757
|
align-items: center;
|
|
726
758
|
justify-content: center;
|
|
727
|
-
padding:
|
|
759
|
+
padding: 5px 8px;
|
|
728
760
|
border: 1px dashed var(--aia-pill-border, rgba(189, 189, 189, 0.3));
|
|
729
|
-
border-radius:
|
|
761
|
+
border-radius: 7px;
|
|
730
762
|
background: transparent;
|
|
731
763
|
color: var(--aia-pill-color, var(--aia-color-text-muted, #c1c4cb));
|
|
732
764
|
font-family: inherit;
|
|
733
|
-
|
|
734
|
-
|
|
765
|
+
/* Param labels read as small-caps section headers: distinctly smaller than
|
|
766
|
+
the options they head (0.8\xD7 the pill knob), uppercased, and letter-spaced. */
|
|
767
|
+
font-size: calc(var(--aia-pill-font-size, 14px) * 0.8);
|
|
768
|
+
font-weight: 600;
|
|
735
769
|
line-height: normal;
|
|
770
|
+
text-transform: uppercase;
|
|
771
|
+
letter-spacing: 0.06em;
|
|
736
772
|
cursor: pointer;
|
|
737
773
|
white-space: nowrap;
|
|
738
774
|
animation: magicx-aia-fadeIn 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
@@ -800,16 +836,16 @@
|
|
|
800
836
|
the same baseline at the top edge of the cell. */
|
|
801
837
|
align-items: flex-start;
|
|
802
838
|
font-family: inherit;
|
|
803
|
-
font-size: var(--aia-option-font-size,
|
|
804
|
-
font-weight:
|
|
805
|
-
line-height:
|
|
839
|
+
font-size: var(--aia-option-font-size, 16px);
|
|
840
|
+
font-weight: 450;
|
|
841
|
+
line-height: 21px;
|
|
806
842
|
color: var(--aia-option-color, var(--aia-color-text-muted, #c1c4cb));
|
|
807
843
|
white-space: normal;
|
|
808
844
|
word-break: break-word;
|
|
809
845
|
/* 8px radius on the highlighted fill (--aia-option-bg), matching the Figma
|
|
810
|
-
SuggestionItem selection. The
|
|
846
|
+
SuggestionItem selection. The 9px/10px inset is the item's own padding. */
|
|
811
847
|
border-radius: 8px;
|
|
812
|
-
padding:
|
|
848
|
+
padding: 8px 10px;
|
|
813
849
|
animation: magicx-aia-optionFadeIn 500ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
814
850
|
}
|
|
815
851
|
|
|
@@ -1176,7 +1212,7 @@
|
|
|
1176
1212
|
--aia-pill-bg: var(--aia-primitive-neutral-750);
|
|
1177
1213
|
--aia-pill-color: var(--aia-primitive-neutral-300);
|
|
1178
1214
|
--aia-pill-border: var(--aia-primitive-neutral-750-a30);
|
|
1179
|
-
--aia-pill-font-size:
|
|
1215
|
+
--aia-pill-font-size: 16px;
|
|
1180
1216
|
|
|
1181
1217
|
/* Completed params (Figma "RichTextPill"): compact faint-gray chip with
|
|
1182
1218
|
primary-color regular-weight text. -active is the hover / tapped (re-edit)
|
|
@@ -1187,12 +1223,15 @@
|
|
|
1187
1223
|
--aia-completed-pill-color: var(--aia-primitive-neutral-0);
|
|
1188
1224
|
|
|
1189
1225
|
--aia-option-bg: var(--aia-primitive-blue-50);
|
|
1190
|
-
|
|
1226
|
+
/* Options read bigger + darker than the small-caps param labels above them. */
|
|
1227
|
+
--aia-option-color: var(--aia-primitive-neutral-150);
|
|
1191
1228
|
--aia-option-color-selected: var(--aia-primitive-neutral-0);
|
|
1192
|
-
--aia-option-font-size:
|
|
1229
|
+
--aia-option-font-size: 16px;
|
|
1193
1230
|
|
|
1194
1231
|
--aia-written-text-color: var(--aia-primitive-neutral-0);
|
|
1195
|
-
|
|
1232
|
+
/* Match the option size so the typed query never reads smaller than the
|
|
1233
|
+
choices below it. */
|
|
1234
|
+
--aia-written-text-font-size: 16px;
|
|
1196
1235
|
--aia-caret-color: var(--aia-written-text-color, #000000);
|
|
1197
1236
|
|
|
1198
1237
|
--aia-submit-bg: var(--aia-primitive-neutral-0);
|
|
@@ -1229,7 +1268,7 @@
|
|
|
1229
1268
|
--aia-pill-bg: var(--aia-primitive-neutral-750);
|
|
1230
1269
|
--aia-pill-color: var(--aia-primitive-neutral-700);
|
|
1231
1270
|
--aia-pill-border: var(--aia-primitive-neutral-750-a30);
|
|
1232
|
-
--aia-pill-font-size:
|
|
1271
|
+
--aia-pill-font-size: 16px;
|
|
1233
1272
|
|
|
1234
1273
|
/* Completed params (Figma "RichTextPill") \u2014 dark theme (design source):
|
|
1235
1274
|
white text on a faint-gray chip. -active is the hover / tapped highlight.
|
|
@@ -1242,12 +1281,13 @@
|
|
|
1242
1281
|
--aia-completed-pill-color: var(--aia-primitive-neutral-1000);
|
|
1243
1282
|
|
|
1244
1283
|
--aia-option-bg: var(--aia-primitive-neutral-250);
|
|
1245
|
-
|
|
1284
|
+
/* Options read bigger + darker/brighter than the small-caps param labels. */
|
|
1285
|
+
--aia-option-color: var(--aia-primitive-neutral-900);
|
|
1246
1286
|
--aia-option-color-selected: var(--aia-primitive-neutral-1000);
|
|
1247
|
-
--aia-option-font-size:
|
|
1287
|
+
--aia-option-font-size: 16px;
|
|
1248
1288
|
|
|
1249
1289
|
--aia-written-text-color: var(--aia-primitive-neutral-1000);
|
|
1250
|
-
--aia-written-text-font-size:
|
|
1290
|
+
--aia-written-text-font-size: 16px;
|
|
1251
1291
|
--aia-caret-color: var(--aia-written-text-color, #ffffff);
|
|
1252
1292
|
|
|
1253
1293
|
--aia-submit-bg: var(--aia-primitive-neutral-1000);
|
|
@@ -1390,5 +1430,5 @@
|
|
|
1390
1430
|
animation-duration: 0s !important;
|
|
1391
1431
|
transition-duration: 0s !important;
|
|
1392
1432
|
}
|
|
1393
|
-
`;var de=class{constructor(){this.reported=new Set}run(e,t){try{return t()}catch(n){this.report(e,n,e);return}}runListener(e,t,n=e){try{return t(),!0}catch(r){return this.report(e,r,n),!1}}report(e,t,n){this.reported.has(n)||(this.reported.add(n),console.error(`[AIAutocomplete] "${e}" threw. The error is contained \u2014 SDK state is unaffected. Later failures of "${e}" on this instance are not logged.`,t))}};var ce=class{constructor(e){this.boundary=e;this.listeners={};this.keys=new WeakMap;this.registrationCount=0}on(e,t){let n=`${String(e)}#${++this.registrationCount}`,r=(...a)=>t(...a);this.keys.set(r,n);let o=this.listeners[e];return o||(o=new Set,this.listeners[e]=o),o.add(r),()=>{this.listeners[e]?.delete(r)}}emit(e,...t){let n=this.listeners[e];if(!n)return!0;let r=!0;for(let o of n)this.boundary.runListener(String(e),()=>o(...t),this.keys.get(o)??String(e))||(r=!1);return r}hasListeners(e){return(this.listeners[e]?.size??0)>0}clear(){this.listeners={}}};var pe=class{constructor(){this.timers=new Map}schedule(e,t,n){this.clear(e);let r=setTimeout(()=>{this.timers.delete(e),t()},n);this.timers.set(e,r)}clear(e){let t=this.timers.get(e);t!==void 0&&(clearTimeout(t),this.timers.delete(e))}clearAll(){for(let e of this.timers.values())clearTimeout(e);this.timers.clear()}};var R=class{constructor(e,t="auto",n){this.container=e;this.mode=t;this.onResolve=n;this.mediaQuery=null;this.onSystemChange=e=>{this.setResolved(e.matches?"dark":"light")};this.apply()}setMode(e){this.detachListener(),this.mode=e,this.apply()}destroy(){this.detachListener()}apply(){this.mode==="auto"?(this.mediaQuery??(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)")),this.mediaQuery.addEventListener("change",this.onSystemChange),this.setResolved(this.mediaQuery.matches?"dark":"light")):this.setResolved(this.mode)}setResolved(e){this.container.dataset.mode=e,this.onResolve?.(e)}detachListener(){this.mediaQuery?.removeEventListener("change",this.onSystemChange)}};function Kt(i){return(i??F).replace(/\/suggest(\?|#|$)/,"/telemetry/events$1")}async function Ut(i){return N(i)?`Bearer ${await B(i).getToken()}`:U(i)}async function tt(i){try{let e=Kt(i.apiConfig?.endpoint),t=K(i.apiConfig),n=await Ut(i.apiConfig);n&&(t.Authorization=n);let r=JSON.stringify({source:i.source,session_id:i.sessionId,type:i.type,at:new Date().toISOString(),query_data:i.queryData});await fetch(e,{method:"POST",headers:t,body:r})}catch{}}var $t="newParam",nt="suggestionRemoval",qt="selectionAnimation",Qt=650,Gt=0;function Wt(){return`:ac-${++Gt}:`}var it=500;function rt(){return{text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],activeDropdownIndex:-1,newParamId:null,isLoading:!1,isReady:!1,error:null,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1}}var ue=class{constructor(e,t={}){this.inputStore=le(rt());this._listboxId=Wt();this.modeController=null;this.unsubscribers=[];this.domRefs=null;this.dropdownRefs=null;this.timers=new pe;this.boundary=new de;this.subscriberCount=0;this.emitter=new ce(this.boundary);this.sessionId=crypto.randomUUID();this.emitSubmit=e=>this.emitter.emit("submit",e);this.emitError=e=>this.emitter.emit("error",e);this.container=e,this.opts=t,this.renderMode=t.renderMode??"full",this.store=Ze(this.inputStore,n=>$e(n,this.deriveOpts())),t.onSubmit&&this.emitter.on("submit",t.onSubmit),t.onError&&this.emitter.on("error",t.onError),t.onChange&&this.emitter.on("change",t.onChange),t.onParamsChange&&this.emitter.on("paramsChange",t.onParamsChange),t.onStateChange&&this.emitter.on("stateChange",t.onStateChange),t.onFocus&&this.emitter.on("focus",t.onFocus),t.onBlur&&this.emitter.on("blur",t.onBlur),t.onProductSelect&&this.emitter.on("productSelect",t.onProductSelect),t.value!==void 0&&this.store.set({text:t.value}),t.completedParams!==void 0&&this.store.set({completedParams:t.completedParams}),this.pillsController=new Y(this.store,{onPillSelected:({rawQuery:n,selectedPill:r,otherPills:o})=>{this.fireTelemetry("pill",{raw_query:n,selected_pill:r,other_pills:o})}}),this.reEdit=new te({store:this.store,scheduleSetCursor:n=>this.scheduleSetCursor(n),fireTelemetry:(n,r)=>this.fireTelemetry(n,r),startSelectionAnimationTimer:()=>this.startSelectionAnimationTimer()}),this.productsController=new J(this.store,()=>this.opts.products),this.fetchController=new Q(this.store,()=>this.opts.apiConfig,()=>this.deriveOpts().optionOverrides,()=>this.opts.maskCompletedText,()=>this.emitter.hasListeners("error")?this.emitError:void 0,()=>this.sessionId,{onRequest:({query:n,signal:r,isCurrent:o})=>{this.productsController.run(n,r,o).catch(()=>{})},onAutoMatch:({active:n,matched:r,rawQuery:o})=>{this.fireTelemetry("option",{raw_query:o,selected_option:r.text,other_options:(n.options??[]).filter(a=>a.text!==r.text).map(a=>a.text)})}}),this.keyboardController=new z(this.store,{columns:t.columns??2,listboxId:this.listboxId,getOnSubmit:()=>this.emitter.hasListeners("submit")?this.emitSubmit:void 0,getOptionsPosition:()=>this.opts.optionsPosition??"below",afterSubmit:this.renderMode==="full"?()=>this.reset():void 0,selectOption:n=>this.selectOption(n),removeParamAtCaret:n=>this.removeParamAtCaret(n),startEditingParamAtCaret:n=>this.startEditingParamAtCaret(n),exitEditMode:()=>this.exitEditMode(),fetchNow:()=>this.fetchNow()}),this.unsubscribers.push(this.store.subscribe((n,r)=>{n.text!==r.text&&this.emitter.emit("change",n.text),n.completedParams!==r.completedParams&&this.emitter.emit("paramsChange",n.completedParams),n.isFocused!==r.isFocused&&(n.isFocused?this.emitter.emit("focus"):this.emitter.emit("blur")),this.emitter.emit("stateChange",n)})),this.unsubscribers.push(this.store.subscribe(()=>this.maybeExitReEditOnNoMatch())),this.unsubscribers.push(this.store.subscribe((n,r)=>{if(n.text===r.text&&n.completedParams===r.completedParams||n.identifiedParams.length===0)return;let{valid:o,invalid:a}=q(n.text,n.completedParams,n.identifiedParams);a.length>0&&this.store.set({identifiedParams:o})})),this.unsubscribers.push(this.store.subscribe((n,r)=>{let o=n.pendingSpan;if(!o||n.text===r.text&&n.completedParams===r.completedParams&&n.identifiedParams===r.identifiedParams)return;let a=o.anchor;if(n.text!==r.text){let d=Re(r.text,n.text,a);if(d===null){this.store.set({pendingSpan:null});return}a=d}n.text.slice(a).trim().length===0||Le(n.segments,a)?this.store.set({pendingSpan:null}):a!==o.anchor&&this.store.set({pendingSpan:{anchor:a,snapshot:o.snapshot}})})),this.renderMode!=="headless"&&(et(),this.setupContainer()),this.renderMode==="full"?this.buildAndRenderFull():this.renderMode==="dropdown"&&this.buildAndRenderDropdown(),this.fetchController.start()}focus(){this.domRefs?.input.focus()}blur(){this.domRefs?.input.blur()}reset(){let e=this.store.get().isFocused;this.store.set({...rt(),isFocused:e,skipNextFetch:!0}),this.sessionId=crypto.randomUUID(),this.fetchController.doFetch("",[])}destroy(){this.fetchController.dispose(),this.modeController?.destroy(),this.timers.clearAll(),this.emitter.clear();for(let e of this.unsubscribers)e();this.unsubscribers=[],this.domRefs?.abort.abort(),this.domRefs=null,this.dropdownRefs=null,this.renderMode!=="headless"&&(this.container.innerHTML="")}setMode(e){this.modeController?.setMode(e)}setValue(e){this.store.set({text:e})}setCompletedParams(e){this.store.set({completedParams:e})}setActivePill(e){this.pillsController.setActivePill(e);let t=this.store.get().text.length;this.store.set({caretOffset:t,isFocused:!0}),this.scheduleSetCursor(t)}removeLastParam(){this.pillsController.removeLastParam()}findChipSpanAt(e){let t=0;for(let n of this.store.get().segments){let r=t;if(t+=n.value.length,n.type!=="text"&&e>r&&e<=t)return{kind:n.type,param:n.param,start:r,end:t}}return null}withoutChip(e,t){return t.kind==="completed"?{completedParams:e.completedParams.filter(n=>n.id!==t.param.id)}:{identifiedParams:e.identifiedParams.filter(n=>n.id!==t.param.id)}}removeParamAtCaret(e){let t=this.findChipSpanAt(e);if(!t)return!1;let{text:n}=this.store.get(),{start:r,end:o}=t;if(e===o){let{text:d,removed:l}=ee(n,r,o);return this.store.set(c=>({text:d,filterBase:Math.min(c.filterBase>r?Math.max(r,c.filterBase-l):c.filterBase,d.length),...this.withoutChip(c,t),pillTapped:!1,activeDropdownIndex:-1})),this.scheduleSetCursor(r),!0}let a=X(n,e),s=n.slice(0,a)+n.slice(e);return this.store.set(d=>({text:s,filterBase:Math.min(d.filterBase,s.length),...this.withoutChip(d,t),pillTapped:!1,activeDropdownIndex:-1})),this.scheduleSetCursor(a),!0}startEditingParamAtCaret(e){let t=this.findChipSpanAt(e);return!t||t.kind!=="completed"||t.end!==e?!1:(this.reEdit.start(t.param.id),this.store.get().editingParam?.id===t.param.id)}scheduleSetCursor(e){queueMicrotask(()=>{let t=this.domRefs;if(t)t.input.focus(),C(t.input,e);else{let n=this.opts.setCursor;n&&this.boundary.runListener("setCursor",()=>n(e))}})}clearNewParamId(){this.store.set({newParamId:null})}startEditingParam(e){this.reEdit.start(e)}replaceEditingRange(e){return this.reEdit.replaceRange(e)}exitEditMode(){this.reEdit.exit()}handleCaretAfterInput(e){this.reEdit.caretAfterInput(e)}handleCaretMove(e){this.reEdit.caretMove(e)}setActiveDropdownIndex(e){this.store.set({activeDropdownIndex:e})}selectProduct(e){this.emitter.emit("productSelect",e)}handleTextChange(e){this.handleChange(e)}handleKeyDown(e){this.keyboardController.handleKeyDown(e)}setFocused(e){this.store.get().isFocused!==e&&this.store.set({isFocused:e})}subscribe(e){let t=`subscribe#${++this.subscriberCount}`;return this.store.subscribe(n=>{this.boundary.runListener("subscribe",()=>e(n),t)})}getState(){return this.store.get()}get listboxId(){return this._listboxId}get isReady(){return this.store.get().isReady}on(e,t){return this.emitter.on(e,t)}update(e){let t=this.opts.products;Object.assign(this.opts,e),"products"in e&&e.products!==t&&this.productsController.clearNow(),e.mode!==void 0&&this.modeController?.setMode(e.mode),e.optionsPosition!==void 0&&(this.container.dataset.optionsPosition=e.optionsPosition),e.animations!==void 0&&(this.container.dataset.animations=e.animations?"on":"off"),e.pillPlacement!==void 0&&(this.container.dataset.pillPlacement=e.pillPlacement,this.store.set({})),(e.dropdownTrigger!==void 0||e.closeDropdownOnBlur!==void 0||e.showNonTappableOptions!==void 0)&&this.store.set({}),e.value!==void 0&&this.store.set({text:e.value}),e.completedParams!==void 0&&this.store.set({completedParams:e.completedParams})}selectOption(e){let t=this.store.get();if(t.editingParam&&t.editingAnchor!=null&&t.editingTail!=null){this.reEdit.selectOption(e);return}let n=Je(t,e);if(n&&(this.fireTelemetry("option",{raw_query:v(t.text,t.completedParams).rawQuery,selected_option:n.telemetry.selectedOption,other_options:n.telemetry.otherOptions}),this.store.set(n.patch),this.startSelectionAnimationTimer(),this.timers.clear(nt),n.remainingActionable>0)){let r=n.consumedSuggestion;this.timers.schedule(nt,()=>{this.store.set(o=>({suggestions:o.suggestions.filter(a=>a!==r)}))},it)}}startSelectionAnimationTimer(){this.timers.schedule(qt,()=>this.store.set({inSelectionAnimation:!1}),it)}fireTelemetry(e,t){let n=this.opts.source??(this.renderMode==="full"?"full-sdk":"headless-sdk");tt({source:n,sessionId:this.sessionId,type:e,queryData:t,apiConfig:this.opts.apiConfig})}deriveOpts(){let e=this.opts.optionOverrides;if(!e)return this.opts;if(e!==this.rawOverrides){this.rawOverrides=e;let t={};for(let[n,r]of Object.entries(e))t[n]=o=>this.boundary.run(`optionOverrides.${n}`,()=>r(o));this.wrappedOverrides=t}return{...this.opts,optionOverrides:this.wrappedOverrides}}setupContainer(){this.container.classList.add("magicx-aia"),this.container.dataset.pillPlacement=this.renderMode==="dropdown"?"dropdown":this.opts.pillPlacement??"dropdown",this.container.dataset.optionsPosition=this.opts.optionsPosition??"below",this.container.dataset.animations=this.opts.animations??!0?"on":"off",this.modeController=new R(this.container,this.opts.mode??"auto")}buildAndRenderFull(){let e=this,t={store:this.store,listboxId:this.listboxId,get pillPlacement(){return e.opts.pillPlacement??"dropdown"},get onSubmit(){return e.emitter.hasListeners("submit")?e.emitSubmit:void 0},afterSubmit:()=>e.reset(),submitButton:this.opts.submitButton,autoFocus:this.opts.autoFocus??!0,selectOption:n=>this.selectOption(n),setActivePill:n=>this.pillsController.setActivePill(n),selectProduct:n=>this.selectProduct(n),handleKeyDown:n=>this.keyboardController.handleKeyDown(n),handleChange:n=>this.handleChange(n),startEditingParam:n=>this.startEditingParam(n),handleCaretAfterInput:n=>this.handleCaretAfterInput(n),handleCaretMove:n=>this.handleCaretMove(n),replaceEditingRange:n=>this.replaceEditingRange(n)};this.domRefs=Ye(this.container,t),this.subscribeBatchedRender(()=>{this.domRefs&&Ce(this.domRefs,this.store.get(),t)}),Ce(this.domRefs,this.store.get(),t),this.subscribeNewParamTimer()}buildAndRenderDropdown(){let e={store:this.store,listboxId:this.listboxId,selectOption:t=>this.selectOption(t),setActivePill:t=>this.pillsController.setActivePill(t),selectProduct:t=>this.selectProduct(t)};this.dropdownRefs=Ve(this.container,e),this.subscribeBatchedRender(()=>{this.dropdownRefs&&ve(this.dropdownRefs,this.store.get(),e)}),ve(this.dropdownRefs,this.store.get(),e),this.subscribeNewParamTimer()}subscribeBatchedRender(e){let t=!1;this.unsubscribers.push(this.store.subscribe(()=>{t||(t=!0,queueMicrotask(()=>{t=!1,e()}))}))}subscribeNewParamTimer(){this.unsubscribers.push(this.store.subscribe((e,t)=>{e.newParamId&&e.newParamId!==t.newParamId&&this.timers.schedule($t,()=>this.store.set({newParamId:null}),Qt)}))}handleChange(e){let t=this.store.get();this.store.set({text:e,pillTapped:!1,activeDropdownIndex:-1});let{valid:n,invalid:r}=He(e,t.completedParams);r.length>0&&this.store.set({completedParams:n}),this.maybePromoteExactMatch(e),this.maybeOpenPendingSpan()}maybeOpenPendingSpan(){let e=this.store.get();if(e.pendingSpan||e.actionableSuggestions.length===0)return;let t=T(e.text,Math.min(e.filterBase,e.text.length),e.placeholderText),n=De(e.segments,t);e.text.slice(n).trim().length!==0&&this.store.set({pendingSpan:{anchor:n,snapshot:e.actionableSuggestions}})}maybeExitReEditOnNoMatch(){let e=this.store.get();if(!e.editingParam||e.editingAnchor==null||e.completedParams.some(o=>o.id===e.editingParam?.id))return;let t=e.caretOffset??e.editingAnchor,n=e.text.slice(e.editingAnchor,t);I(e.editingParam.options,n).some(o=>o.is_tappable)||(this.reEdit.exit(),this.fetchNow())}fetchNow(){let e=this.store.get(),{rawQuery:t,completedParams:n}=v(e.text,e.completedParams);this.fetchController.doFetch(t,n)}maybePromoteExactMatch(e){let t=this.store.get(),n=Z({mode:"fresh",text:e,completedParams:t.completedParams,suggestions:t.suggestions,filterBase:t.filterBase,filterInProgress:t.filterInProgress});n&&this.store.set(n.patch)}};0&&(module.exports={AIAutocomplete,ATTRIBUTION_URL,ModeController,SKIPPED_PARAM_TEXT,buildAttributionUrl,buildQuery,buildSubmitResult,createStore,cursorIsAtEnd,extractPlainText,getCursorOffset,getFooterHint,plainTextLength,previousGraphemeBoundary,renderEditableContent,setCursorOffset,withSkippedParams});
|
|
1433
|
+
`;var me=class{constructor(){this.reported=new Set}run(e,t){try{return t()}catch(i){this.report(e,i,e);return}}runListener(e,t,i=e){try{return t(),!0}catch(r){return this.report(e,r,i),!1}}report(e,t,i){this.reported.has(i)||(this.reported.add(i),console.error(`[AIAutocomplete] "${e}" threw. The error is contained \u2014 SDK state is unaffected. Later failures of "${e}" on this instance are not logged.`,t))}};var ge=class{constructor(e){this.boundary=e;this.listeners={};this.keys=new WeakMap;this.registrationCount=0}on(e,t){let i=`${String(e)}#${++this.registrationCount}`,r=(...a)=>t(...a);this.keys.set(r,i);let o=this.listeners[e];return o||(o=new Set,this.listeners[e]=o),o.add(r),()=>{this.listeners[e]?.delete(r)}}emit(e,...t){let i=this.listeners[e];if(!i)return!0;let r=!0;for(let o of i)this.boundary.runListener(String(e),()=>o(...t),this.keys.get(o)??String(e))||(r=!1);return r}hasListeners(e){return(this.listeners[e]?.size??0)>0}clear(){this.listeners={}}};var fe=class{constructor(){this.timers=new Map}schedule(e,t,i){this.clear(e);let r=setTimeout(()=>{this.timers.delete(e),t()},i);this.timers.set(e,r)}clear(e){let t=this.timers.get(e);t!==void 0&&(clearTimeout(t),this.timers.delete(e))}clearAll(){for(let e of this.timers.values())clearTimeout(e);this.timers.clear()}};var R=class{constructor(e,t="auto",i){this.container=e;this.mode=t;this.onResolve=i;this.mediaQuery=null;this.onSystemChange=e=>{this.setResolved(e.matches?"dark":"light")};this.apply()}setMode(e){this.detachListener(),this.mode=e,this.apply()}destroy(){this.detachListener()}apply(){this.mode==="auto"?(this.mediaQuery??(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)")),this.mediaQuery.addEventListener("change",this.onSystemChange),this.setResolved(this.mediaQuery.matches?"dark":"light")):this.setResolved(this.mode)}setResolved(e){this.container.dataset.mode=e,this.onResolve?.(e)}detachListener(){this.mediaQuery?.removeEventListener("change",this.onSystemChange)}};function zt(n){return(n??F).replace(/\/suggest(\?|#|$)/,"/telemetry/events$1")}async function Yt(n){return N(n)?`Bearer ${await K(n).getToken()}`:$(n)}async function st(n){try{let e=zt(n.apiConfig?.endpoint),t=U(n.apiConfig),i=await Yt(n.apiConfig);i&&(t.Authorization=i);let r=JSON.stringify({source:n.source,session_id:n.sessionId,type:n.type,at:new Date().toISOString(),query_data:n.queryData});await fetch(e,{method:"POST",headers:t,body:r})}catch{}}var Jt="newParam",at="suggestionRemoval",Zt="selectionAnimation",en=650,tn=0;function nn(){return`:ac-${++tn}:`}var lt=500;function dt(){return{text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],activeDropdownIndex:-1,newParamId:null,isLoading:!1,isReady:!1,error:null,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1}}var he=class{constructor(e,t={}){this.inputStore=ue(dt());this._listboxId=nn();this.modeController=null;this.unsubscribers=[];this.domRefs=null;this.dropdownRefs=null;this.timers=new fe;this.boundary=new me;this.subscriberCount=0;this.emitter=new ge(this.boundary);this.sessionId=crypto.randomUUID();this.emitSubmit=e=>this.emitter.emit("submit",e);this.emitError=e=>this.emitter.emit("error",e);this.container=e,this.opts=t,this.renderMode=t.renderMode??"full",this.store=rt(this.inputStore,i=>We(i,this.deriveOpts())),t.onSubmit&&this.emitter.on("submit",t.onSubmit),t.onError&&this.emitter.on("error",t.onError),t.onChange&&this.emitter.on("change",t.onChange),t.onParamsChange&&this.emitter.on("paramsChange",t.onParamsChange),t.onStateChange&&this.emitter.on("stateChange",t.onStateChange),t.onFocus&&this.emitter.on("focus",t.onFocus),t.onBlur&&this.emitter.on("blur",t.onBlur),t.onProductSelect&&this.emitter.on("productSelect",t.onProductSelect),t.value!==void 0&&this.store.set({text:t.value}),t.completedParams!==void 0&&this.store.set({completedParams:t.completedParams}),this.pillsController=new J(this.store,{onPillSelected:({rawQuery:i,selectedPill:r,otherPills:o})=>{this.fireTelemetry("pill",{raw_query:i,selected_pill:r,other_pills:o})}}),this.reEdit=new oe({store:this.store,scheduleSetCursor:i=>this.scheduleSetCursor(i),fireTelemetry:(i,r)=>this.fireTelemetry(i,r),startSelectionAnimationTimer:()=>this.startSelectionAnimationTimer(),fetchNow:()=>this.fetchNow()}),this.productsController=new Z(this.store,()=>this.opts.products),this.fetchController=new Q(this.store,()=>this.opts.apiConfig,()=>this.deriveOpts().optionOverrides,()=>this.opts.maskCompletedText,()=>this.emitter.hasListeners("error")?this.emitError:void 0,()=>this.sessionId,{onRequest:({query:i,signal:r,isCurrent:o})=>{this.productsController.run(i,r,o).catch(()=>{})},onAutoMatch:({active:i,matched:r,rawQuery:o})=>{this.fireTelemetry("option",{raw_query:o,selected_option:r.text,other_options:(i.options??[]).filter(a=>a.text!==r.text).map(a=>a.text)})}}),this.keyboardController=new Y(this.store,{columns:t.columns??2,listboxId:this.listboxId,getOnSubmit:()=>this.emitter.hasListeners("submit")?this.emitSubmit:void 0,getOptionsPosition:()=>this.opts.optionsPosition??"below",afterSubmit:this.renderMode==="full"?()=>this.reset():void 0,selectOption:i=>this.selectOption(i),removeParamAtCaret:i=>this.removeParamAtCaret(i),startEditingParamAtCaret:i=>this.startEditingParamAtCaret(i),exitEditMode:()=>this.exitEditMode(),fetchNow:()=>this.fetchNow()}),this.unsubscribers.push(this.store.subscribe((i,r)=>{i.text!==r.text&&this.emitter.emit("change",i.text),i.completedParams!==r.completedParams&&this.emitter.emit("paramsChange",i.completedParams),i.isFocused!==r.isFocused&&(i.isFocused?this.emitter.emit("focus"):this.emitter.emit("blur")),this.emitter.emit("stateChange",i)})),this.unsubscribers.push(this.store.subscribe(()=>this.maybeExitReEditOnNoMatch())),this.unsubscribers.push(this.store.subscribe((i,r)=>{if(i.text===r.text&&i.completedParams===r.completedParams||i.identifiedParams.length===0)return;let{valid:o,invalid:a}=q(i.text,i.completedParams,i.identifiedParams);a.length>0&&this.store.set({identifiedParams:o})})),this.unsubscribers.push(this.store.subscribe((i,r)=>{let o=i.pendingSpan;if(!o||i.text===r.text&&i.completedParams===r.completedParams&&i.identifiedParams===r.identifiedParams)return;let a=o.anchor;if(i.text!==r.text){let d=Be(r.text,i.text,a);if(d===null){this.store.set({pendingSpan:null});return}a=d}i.text.slice(a).trim().length===0||_e(i.segments,a)?this.store.set({pendingSpan:null}):a!==o.anchor&&this.store.set({pendingSpan:{anchor:a,snapshot:o.snapshot}})})),this.renderMode!=="headless"&&(ot(),this.setupContainer()),this.renderMode==="full"?this.buildAndRenderFull():this.renderMode==="dropdown"&&this.buildAndRenderDropdown(),this.fetchController.start()}focus(){this.domRefs?.input.focus()}blur(){this.domRefs?.input.blur()}reset(){let e=this.store.get().isFocused;this.store.set({...dt(),isFocused:e,skipNextFetch:!0}),this.sessionId=crypto.randomUUID(),this.fetchController.doFetch("",[])}destroy(){this.fetchController.dispose(),this.modeController?.destroy(),this.timers.clearAll(),this.emitter.clear();for(let e of this.unsubscribers)e();this.unsubscribers=[],this.domRefs?.abort.abort(),this.domRefs=null,this.dropdownRefs=null,this.renderMode!=="headless"&&(this.container.innerHTML="")}setMode(e){this.modeController?.setMode(e)}setValue(e){this.store.set({text:e})}setCompletedParams(e){this.store.set({completedParams:e})}setActivePill(e){this.pillsController.setActivePill(e);let t=this.store.get().text.length;this.store.set({caretOffset:t,isFocused:!0}),this.scheduleSetCursor(t)}removeLastParam(){this.pillsController.removeLastParam()}findChipSpanAt(e){let t=0;for(let i of this.store.get().segments){let r=t;if(t+=i.value.length,i.type!=="text"&&e>r&&e<=t)return{kind:i.type,param:i.param,start:r,end:t}}return null}withoutChip(e,t){return t.kind==="completed"?{completedParams:e.completedParams.filter(i=>i.id!==t.param.id)}:{identifiedParams:e.identifiedParams.filter(i=>i.id!==t.param.id)}}removeParamAtCaret(e){let t=this.findChipSpanAt(e);if(!t)return!1;let{text:i}=this.store.get(),{start:r,end:o}=t;if(e===o){let{text:d,removed:l}=re(i,r,o);return this.store.set(c=>({text:d,filterBase:Math.min(c.filterBase>r?Math.max(r,c.filterBase-l):c.filterBase,d.length),...this.withoutChip(c,t),pillTapped:!1,activeDropdownIndex:-1})),this.scheduleSetCursor(r),!0}let a=z(i,e),s=i.slice(0,a)+i.slice(e);return this.store.set(d=>({text:s,filterBase:Math.min(d.filterBase,s.length),...this.withoutChip(d,t),pillTapped:!1,activeDropdownIndex:-1})),this.scheduleSetCursor(a),!0}startEditingParamAtCaret(e){let t=this.findChipSpanAt(e);return!t||t.kind!=="completed"||t.end!==e?!1:(this.reEdit.start(t.param.id),this.store.get().editingParam?.id===t.param.id)}scheduleSetCursor(e){queueMicrotask(()=>{let t=this.domRefs;if(t)t.input.focus(),C(t.input,e);else{let i=this.opts.setCursor;i&&this.boundary.runListener("setCursor",()=>i(e))}})}clearNewParamId(){this.store.set({newParamId:null})}startEditingParam(e){this.reEdit.start(e)}replaceEditingRange(e){return this.reEdit.replaceRange(e)}exitEditMode(){this.reEdit.exit()}handleCaretAfterInput(e){this.reEdit.caretAfterInput(e)}handleCaretMove(e){this.reEdit.caretMove(e)}setActiveDropdownIndex(e){this.store.set({activeDropdownIndex:e})}selectProduct(e){this.emitter.emit("productSelect",e)}handleTextChange(e){this.handleChange(e)}handleKeyDown(e){this.keyboardController.handleKeyDown(e)}setFocused(e){this.store.get().isFocused!==e&&this.store.set({isFocused:e})}subscribe(e){let t=`subscribe#${++this.subscriberCount}`;return this.store.subscribe(i=>{this.boundary.runListener("subscribe",()=>e(i),t)})}getState(){return this.store.get()}get listboxId(){return this._listboxId}get isReady(){return this.store.get().isReady}on(e,t){return this.emitter.on(e,t)}update(e){let t=this.opts.products;Object.assign(this.opts,e),"products"in e&&e.products!==t&&this.productsController.clearNow(),e.mode!==void 0&&this.modeController?.setMode(e.mode),e.optionsPosition!==void 0&&(this.container.dataset.optionsPosition=e.optionsPosition),e.animations!==void 0&&(this.container.dataset.animations=e.animations?"on":"off"),e.pillPlacement!==void 0&&(this.container.dataset.pillPlacement=e.pillPlacement,this.store.set({})),(e.dropdownTrigger!==void 0||e.closeDropdownOnBlur!==void 0||e.showNonTappableOptions!==void 0)&&this.store.set({}),e.value!==void 0&&this.store.set({text:e.value}),e.completedParams!==void 0&&this.store.set({completedParams:e.completedParams})}selectOption(e){let t=this.store.get();if(t.editingParam&&t.editingAnchor!=null&&t.editingTail!=null){this.reEdit.selectOption(e);return}let i=it(t,e);if(i){if(this.fireTelemetry("option",{raw_query:v(t.text,t.completedParams).rawQuery,selected_option:i.telemetry.selectedOption,other_options:i.telemetry.otherOptions}),this.store.set(i.patch),this.startSelectionAnimationTimer(),this.timers.clear(at),i.remainingActionable>0){let r=i.consumedSuggestion;this.timers.schedule(at,()=>{this.store.get().suggestions.includes(r)&&this.store.set(o=>({suggestions:o.suggestions.filter(a=>a!==r)}))},lt)}this.fetchNow()}}startSelectionAnimationTimer(){this.timers.schedule(Zt,()=>this.store.set({inSelectionAnimation:!1}),lt)}fireTelemetry(e,t){let i=this.opts.source??(this.renderMode==="full"?"full-sdk":"headless-sdk");st({source:i,sessionId:this.sessionId,type:e,queryData:t,apiConfig:this.opts.apiConfig})}deriveOpts(){let e=this.opts.optionOverrides;if(!e)return this.opts;if(e!==this.rawOverrides){this.rawOverrides=e;let t={};for(let[i,r]of Object.entries(e))t[i]=o=>this.boundary.run(`optionOverrides.${i}`,()=>r(o));this.wrappedOverrides=t}return{...this.opts,optionOverrides:this.wrappedOverrides}}setupContainer(){this.container.classList.add("magicx-aia"),this.container.dataset.pillPlacement=this.renderMode==="dropdown"?"dropdown":this.opts.pillPlacement??"dropdown",this.container.dataset.optionsPosition=this.opts.optionsPosition??"below",this.container.dataset.animations=this.opts.animations??!0?"on":"off",this.modeController=new R(this.container,this.opts.mode??"auto")}buildAndRenderFull(){let e=this,t={store:this.store,listboxId:this.listboxId,get pillPlacement(){return e.opts.pillPlacement??"dropdown"},get onSubmit(){return e.emitter.hasListeners("submit")?e.emitSubmit:void 0},afterSubmit:()=>e.reset(),submitButton:this.opts.submitButton,autoFocus:this.opts.autoFocus??!0,selectOption:r=>this.selectOption(r),setActivePill:r=>this.pillsController.setActivePill(r),selectProduct:r=>this.selectProduct(r),handleKeyDown:r=>this.keyboardController.handleKeyDown(r),handleChange:r=>this.handleChange(r),startEditingParam:r=>this.startEditingParam(r),handleCaretAfterInput:r=>this.handleCaretAfterInput(r),handleCaretMove:r=>this.handleCaretMove(r),replaceEditingRange:r=>this.replaceEditingRange(r)};this.domRefs=nt(this.container,t);let i=()=>{this.domRefs&&Ie(this.domRefs,this.store.get(),t)};this.subscribeBatchedRender(i),this.subscribeViewportBreakpoint(i),Ie(this.domRefs,this.store.get(),t),this.subscribeNewParamTimer()}buildAndRenderDropdown(){let e={store:this.store,listboxId:this.listboxId,selectOption:i=>this.selectOption(i),setActivePill:i=>this.pillsController.setActivePill(i),selectProduct:i=>this.selectProduct(i)};this.dropdownRefs=Je(this.container,e);let t=()=>{this.dropdownRefs&&Te(this.dropdownRefs,this.store.get(),e)};this.subscribeBatchedRender(t),this.subscribeViewportBreakpoint(t),Te(this.dropdownRefs,this.store.get(),e),this.subscribeNewParamTimer()}subscribeViewportBreakpoint(e){if(typeof window>"u"||typeof window.matchMedia!="function")return;let t=window.matchMedia(H),i=()=>e();t.addEventListener("change",i),this.unsubscribers.push(()=>t.removeEventListener("change",i))}subscribeBatchedRender(e){let t=!1;this.unsubscribers.push(this.store.subscribe(()=>{t||(t=!0,queueMicrotask(()=>{t=!1,e()}))}))}subscribeNewParamTimer(){this.unsubscribers.push(this.store.subscribe((e,t)=>{e.newParamId&&e.newParamId!==t.newParamId&&this.timers.schedule(Jt,()=>this.store.set({newParamId:null}),en)}))}handleChange(e){let t=this.store.get();this.store.set({text:e,pillTapped:!1,activeDropdownIndex:-1});let{valid:i,invalid:r}=Ue(e,t.completedParams);r.length>0&&this.store.set({completedParams:i}),this.maybePromoteExactMatch(e),this.maybeOpenPendingSpan()}maybeOpenPendingSpan(){let e=this.store.get();if(e.pendingSpan||e.actionableSuggestions.length===0)return;let t=T(e.text,Math.min(e.filterBase,e.text.length),e.placeholderText),i=Ne(e.segments,t);e.text.slice(i).trim().length!==0&&this.store.set({pendingSpan:{anchor:i,snapshot:e.actionableSuggestions}})}maybeExitReEditOnNoMatch(){let e=this.store.get();if(!e.editingParam||e.editingAnchor==null||e.completedParams.some(o=>o.id===e.editingParam?.id))return;let t=e.caretOffset??e.editingAnchor,i=e.text.slice(e.editingAnchor,t);A(e.editingParam.options,i).some(o=>o.is_tappable)||(this.reEdit.exit(),this.fetchNow())}fetchNow(){let e=this.store.get(),{rawQuery:t,completedParams:i}=v(e.text,e.completedParams);this.fetchController.doFetch(t,i)}maybePromoteExactMatch(e){let t=this.store.get(),i=ie({mode:"fresh",text:e,completedParams:t.completedParams,suggestions:t.suggestions,filterBase:t.filterBase,filterInProgress:t.filterInProgress});i&&this.store.set(i.patch)}};0&&(module.exports={AIAutocomplete,ATTRIBUTION_URL,ModeController,OPTIONS_GRID_MOBILE_QUERY,SKIPPED_PARAM_TEXT,buildAttributionUrl,buildQuery,buildSubmitResult,computeOptionsGridLayout,createStore,cursorIsAtEnd,extractPlainText,getCursorOffset,getFooterHint,isOptionsGridMobileViewport,optionsGridTemplateColumns,plainTextLength,previousGraphemeBoundary,renderEditableContent,setCursorOffset,withSkippedParams});
|
|
1394
1434
|
//# sourceMappingURL=index.js.map
|