n,scope:u}){let c=`${this.#d||"search-item"}-result-${this.#y++}`;if("url"in r){let h="GENERAL"===u?`${o.o7[u]}`:`jump to this ${s.singularItemName}`,d=a?`, ${a}`:"",p=`${e?`${e} `:""}${t}${d}, ${h}`;this.#f.set(c,r.url);let m=null;return e&&(m=(0,l.qy)`
          <span>
            <div class="d-inline-flex position-relative">
              <div
                class="position-absolute rounded-1 flex-items-stretch height-full width-full"
                style="opacity: 0.1; background-color: var(${i})"
              ></div>
              <div class="px-1" style="color: var(${i})">${e}</div>
            </div>
            ${this.#V(t)}
          </span>
        `),(0,l.qy)`<li
        role="option"
        class="ActionListItem"
        data-type="url-result"
        id="${c}"
        data-value="${t}"
        aria-label="${p}"
        data-href="${r.url}"
        data-action="click:query-builder#navigate"
      >
        <span class="QueryBuilder-ListItem-link ActionListContent ActionListContent--visual16 QueryBuilder-ListItem">
          ${n?(0,l.qy)`<span id="${c}--leading" class="ActionListItem-visual ActionListItem-visual--leading">
                ${this.getLeadingVisual(n)}
              </span>`:null}
          <span class="ActionListItem-descriptionWrap">
            <span class="ActionListItem-label text-normal"> ${m||this.#V(t)} </span>
            ${a?(0,l.qy)`<span class="ActionListItem-description">${a}</span>`:null}
          </span>

          <span aria-hidden="true" class="ActionListItem-description QueryBuilder-ListItem-trailing"
            >${o.o7[u]}</span
          >
        </span>
      </li>`}if("commandName"in r){let e=o.o7[u]||o.o7.COMMAND,i=a?`, ${a}`:"",s=`${t}${i}, ${e}`;return(0,l.qy)`<li
        role="option"
        class="ActionListItem"
        data-type="command-result"
        id="${c}"
        data-value="${t}"
        data-command-name="${r.commandName}"
        data-command-payload="${JSON.stringify(r.data)}"
        aria-label="${s}"
      >
        <span class="ActionListContent ActionListContent--visual16 QueryBuilder-ListItem">
          ${n?(0,l.qy)`<span id="${c}--leading" class="ActionListItem-visual ActionListItem-visual--leading">
                ${this.getLeadingVisual(n)}
              </span>`:null}
          <span class="ActionListItem-descriptionWrap">
            <span class="ActionListItem-label text-normal"> ${this.#V(t)} </span>
            ${a?(0,l.qy)`<span class="ActionListItem-description">${a}</span>`:null}
          </span>

          <span aria-hidden="true" class="ActionListItem-description QueryBuilder-ListItem-trailing"
            >${e}</span
          >
        </span>
      </li>`}{let e="",i=0;"replaceQueryWith"in r&&(e=r.replaceQueryWith,i=r.moveCaretTo);let s="query"in r?o.o7[u]:o.k8;return(0,l.qy)` <li
        role="option"
        class="ActionListItem"
        data-type="query-result"
        data-value="${t}"
        aria-label="${t}${a?`, ${a}`:""}"
        data-replace-query-with="${e}"
        data-move-caret-to="${i}"
        id="${c}"
      >
        <span class="ActionListContent ActionListContent--visual16 QueryBuilder-ListItem">
          ${n?(0,l.qy)`<span id="${c}--leading" class="ActionListItem-visual ActionListItem-visual--leading">
                ${this.getLeadingVisual(n)}
              </span>`:null}
          <span class="ActionListItem-descriptionWrap">
            <span class="ActionListItem-label text-normal">${this.#V(t)}</span>
            ${a?(0,l.qy)`<span class="ActionListItem-description">${a}</span>`:null}
          </span>

          ${this.#l.size>0?(0,l.qy)`<span aria-hidden="true" class="ActionListItem-description QueryBuilder-ListItem-trailing"
                >${s}</span
              >`:(0,l.qy)``}
        </span>
      </li>`}}#V(t){let e=this.parser.flatten(this.parser.parse(t,0)),i=!this.#L,s=[];for(let t of e)if("filter"===t.type)s.push((0,l.qy)`<span>${t.filter}:</span
            ><span data-type="filter-value">${t.value}${i?" ":""}</span>`);else{let e="";t.style===o.VJ.Constant?e="qb-constant":t.style==