@madgex/design-system-ce 6.0.0 → 6.0.2

package/components/combobox/Combobox.ce.vue

@@ -58,7 +58,7 @@
 <script setup>
 import { computed, provide, ref, useTemplateRef } from 'vue';
 import safeGet from 'just-safe-get';
-import debounce from 'just-debounce-it';
+import { useDebounceFn } from '@vueuse/core';
 import Bourne from '@hapi/bourne';
 import ComboboxClear from './ComboboxClear.vue';
 import ListBox from './ListBox.vue';
@@ -161,6 +161,11 @@ const ariaInvalid = computed(() => {
  * @param newOption
  */
 function chooseOption(newOption) {
+  if (!newOption) {
+    // if no option, prevent 'undefined' being populated as search value/target values
+    console.error('attempted to choose an option, but option was falsy');
+    return;
+  }
   searchValue.value = getOptionLabel(newOption);
   setTargetValues(newOption);
   makeInactive();
@@ -196,9 +201,8 @@ function clearField() {
  * if props.apiUrl is set, we fetch options from the API.
  * `apiOptions` should always be populated with an array of objects.
  */
-const debouncedFetchApiOptions = debounce(async function fetchApiOptions() {
+const debouncedFetchApiOptions = useDebounceFn(async function fetchApiOptions() {
   if (!props.apiUrl) return;
-  if (isLoading.value) return; // prevent overlapping fetch
   const searchQuery = searchValue?.value?.trim();
   try {
     isLoading.value = true;
@@ -213,7 +217,7 @@ const debouncedFetchApiOptions = debounce(async function fetchApiOptions() {
   } finally {
     isLoading.value = false;
   }
-}, 200);
+}, 350);
 
 /**
  * where do we grab the label from the option object?
@@ -264,13 +268,20 @@ function handleMouseDownOption(option) {
 /**
  *  When expanded then enter key down selects an option,
  *  otherwise enter key will be native behaviour, eg submit form
+ *  If no option is selected (user typed without selecting option but still pressed "enter"), just close menu, dont attempt to choose
  * @param event
  */
 function handleKeyDownEnter(event) {
   if (expanded.value) {
     event.preventDefault();
     const selectedOption = visibleOptions.value?.[selectedIndex.value];
-    chooseOption(selectedOption);
+    if (selectedOption) {
+      // choose if selectedOption is valid
+      chooseOption(selectedOption);
+    } else {
+      // just close dropdown when user presses "enter" without selecting anything
+      makeInactive();
+    }
   }
 }
 function handleBlur() {

package/components/combobox/ComboboxAriaLive.vue

@@ -6,7 +6,7 @@
 
 <script setup>
 import { ref, watch } from 'vue';
-import debounce from 'just-debounce-it';
+import { useDebounceFn } from '@vueuse/core';
 
 const props = defineProps({
   visibleOptions: { type: Array, default: () => [] },
@@ -26,7 +26,7 @@ watch(
 const resultCountMessage = ref(null);
 
 /** debounced so there is a delay, so screen readers react properly to updates  */
-const debounceUpdateResultCountMessage = debounce(function updateResultCountMessage() {
+const debounceUpdateResultCountMessage = useDebounceFn(function updateResultCountMessage() {
   const messageTemplate = props.visibleOptions.length === 1 ? props.resultsMessage : props.resultsMessage_plural;
   resultCountMessage.value = messageTemplate.replace('{count}', props.visibleOptions.length);
 }, 1400);

package/dist/custom-elements/mds-combobox.js

@@ -1 +1 @@
-import{v as I,a as p,i as c,f as x,u as _,q as b,b as j,x as D,t as N,y as k,z as U,e as q,r as y,A as h,B as C,p as A,j as K,C as se,F as re,l as ie,s as ue}from"../runtime-dom.esm-bundler.js";function ce(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var L=de;function de(n,e,l){if(!n)return l;var a,t;if(Array.isArray(e)&&(a=e.slice(0)),typeof e=="string"&&(a=e.split(".")),typeof e=="symbol"&&(a=[e]),!Array.isArray(a))throw new Error("props arg must be an array, a string or a symbol");for(;a.length;)if(t=a.shift(),!n||(n=n[t],n===void 0))return l;return n}var V=pe;function pe(n,e,l){var a=null,t=null,o=function(){a&&(clearTimeout(a),t=null,a=null)},s=function(){var d=t;o(),d&&d()},i=function(){if(!e)return n.apply(this,arguments);var d=this,w=arguments,m=l&&!a;if(o(),t=function(){n.apply(d,w)},a=setTimeout(function(){if(a=null,!m){var f=t;return t=null,f()}},e),m)return t()};return i.cancel=o,i.flush=s,i}var M={},R;function fe(){return R||(R=1,(function(n){const e={suspectRx:/"(?:_|\\u005[Ff])(?:_|\\u005[Ff])(?:p|\\u0070)(?:r|\\u0072)(?:o|\\u006[Ff])(?:t|\\u0074)(?:o|\\u006[Ff])(?:_|\\u005[Ff])(?:_|\\u005[Ff])"\s*\:/};n.parse=function(l,...a){const t=typeof a[0]=="object"&&a[0],o=a.length>1||!t?a[0]:void 0,s=a.length>1&&a[1]||t||{},i=JSON.parse(l,o);return s.protoAction==="ignore"||!i||typeof i!="object"||!l.match(e.suspectRx)||n.scan(i,s),i},n.scan=function(l,a={}){let t=[l];for(;t.length;){const o=t;t=[];for(const s of o){if(Object.prototype.hasOwnProperty.call(s,"__proto__")){if(a.protoAction!=="remove")throw new SyntaxError("Object contains forbidden prototype property");delete s.__proto__}for(const i in s){const d=s[i];d&&typeof d=="object"&&t.push(s[i])}}}},n.safeParse=function(l,a){try{return n.parse(l,a)}catch{return null}}})(M)),M}var ve=fe();const me=ce(ve),be=["aria-label","title"],he={"aria-hidden":"true",focusable:"false",class:"mds-icon mds-icon--close mds-icon--sm"},ye=["href"],ge={__name:"ComboboxClear",setup(n){const e=I("iconPath"),l=I("clearInput");return(a,t)=>(c(),p("button",{class:"mds-combobox__clear mds-button mds-button--plain",type:"button",onClick:t[0]||(t[0]=o=>a.$emit("clear",o)),onKeydown:t[1]||(t[1]=b(o=>a.$emit("clear",o),["enter"])),"aria-label":_(l),title:_(l)},[(c(),p("svg",he,[x("use",{href:`${_(e)}#icon-close`},null,8,ye)]))],40,be))}},_e=["hidden"],xe={key:0,class:"mds-combobox-loading"},$e={"aria-hidden":"true",focusable:"true",class:"mds-icon mds-icon--spinner mds-icon--after"},Ie=["href"],we={class:"mds-visually-hidden"},Se={__name:"ListBox",props:{hidden:{type:Boolean,default:!0},isLoading:{type:Boolean,default:!0}},setup(n){const e=I("iconPath"),l=I("loadingText");return(a,t)=>(c(),p("ul",{class:"mds-combobox__listbox",role:"listbox",hidden:n.hidden},[n.isLoading?(c(),p("li",xe,[(c(),p("svg",$e,[x("use",{href:`${_(e)}#icon-spinner`},null,8,Ie)])),x("span",we,N(_(l)),1)])):j("",!0),D(a.$slots,"default")],8,_e))}},Oe=["aria-selected","innerHTML"],Ce={__name:"ListBoxOption",props:{optionLabel:{type:String,required:!0},focused:{type:Boolean,default:!1},searchValue:{type:String,default:""}},setup(n){const e=n,l=k("$listItem");U(()=>e.focused,t=>{t&&l.value?.scrollIntoView({block:"nearest",inline:"nearest"})});function a(){return e.optionLabel.replace(new RegExp(e.searchValue,"gi"),o=>`<span class="mds-combobox__option--marked">${o}</span>`)}return(t,o)=>(c(),p("li",{ref_key:"$listItem",ref:l,class:q(["mds-combobox__option",{"mds-combobox__option--focused":n.focused}]),role:"option","aria-selected":n.focused.toString(),onMousedown:o[0]||(o[0]=s=>t.$emit("mousedown",s)),innerHTML:a()},null,42,Oe))}},Le={role:"status",class:"mds-visually-hidden"},Me={__name:"ComboboxAriaLive",props:{visibleOptions:{type:Array,default:()=>[]},expanded:{type:Boolean,default:!1},resultsMessage:{type:String},resultsMessage_plural:{type:String}},setup(n){const e=n;U([()=>e.expanded,()=>e.visibleOptions],()=>{t()},{deep:!0});const l=y(null),a=V(function(){const s=e.visibleOptions.length===1?e.resultsMessage:e.resultsMessage_plural;l.value=s.replace("{count}",e.visibleOptions.length)},1400);function t(){l.value=null,e.expanded&&a()}return(o,s)=>(c(),p("div",Le,N(l.value),1))}},ke=["id","value","name","placeholder","aria-controls","aria-expanded","aria-describedby","aria-activedescendant","aria-invalid"],Be={__name:"Combobox.ce",props:{comboboxid:{type:String,required:!0},placeholder:{type:String,default:""},name:{type:[String,Boolean],default:!1},value:{type:String,default:""},options:{type:String,default:"[]"},iconpath:{type:String,default:"/assets/icons.svg"},dataAriaInvalid:{type:String,default:""},i18n:{type:String,default:""},describedbyId:{type:String,default:""},minSearchCharacters:{type:Number,default:2},apiUrl:{type:String,default:void 0},apiQueryKey:{type:String,default:"searchText"},apiOptionsPath:{type:String,default:void 0},optionLabelPath:{type:String,default:"label"}},setup(n){const e=n,l=k("$comboInput"),a=k("$targetInputs"),t=y(!1),o=y(null),s=y(e.value),i=y(!1),d=y([]),w=h(()=>{try{return me.parse(e.options)}catch(r){return console.error(r),[]}}),m=h(()=>e.i18n?JSON.parse(e.i18n):{loadingText:"Loading",resultsMessage:"{count} result available",resultsMessage_plural:"{count} results available",clearInput:"clear input"}),f=h(()=>e.apiUrl?d.value:w.value.filter(r=>S(r).toLowerCase().includes(s.value.toLowerCase()))),B=h(()=>`${e.comboboxid}-listbox`);function E(r){if(typeof r=="number"&&r>-1)return`${e.comboboxid}-option-${r}`}const H=h(()=>t.value?"true":"false"),Q=h(()=>e.dataAriaInvalid?"true":"false");function F(r){s.value=S(r),P(r),$(),o.value=null}function P(r){const v=Array.from(a.value?.querySelectorAll("[data-key]"));for(const u of v)u.value=r?L(r,u.getAttribute("data-key")):"",u.dispatchEvent(new Event("input",{bubbles:!0}))}function z(){t.value=!0}function $(){t.value=!1}function T(){s.value="",P()}const J=V(async function(){if(!e.apiUrl||i.value)return;const v=s?.value?.trim();try{i.value=!0;let u=await fetch(`${e.apiUrl}?${e.apiQueryKey}=${encodeURIComponent(v)}`);if(!u.ok)return;u=await u.json();const g=e.apiOptionsPath?L(u,e.apiOptionsPath):u;d.value=g||[]}finally{i.value=!1}},200);function S(r){const v=L(r,e.optionLabelPath);return String(v)}function G(r){o.value=null,s.value=r.target?r.target.value:"",O(),J()}function O(){s.value.length===0&&T(),s.value.length>=e.minSearchCharacters?z():$()}function W(){O()}function X(){T(),l.value?.focus()}function Y(r){F(r)}function Z(r){if(t.value){r.preventDefault();const v=f.value?.[o.value];F(v)}}function ee(){$()}function te(){t.value&&(o.value!==null?o.value=Math.min(o.value+1,f.value.length-1):o.value=0)}function ne(){t.value&&(o.value!==null?o.value=Math.max(o.value-1,0):o.value=f.value.length-1)}function ae(){t.value&&(o.value=0)}function oe(){t.value&&(o.value=f.value.length-1)}function le(){$()}return C("iconPath",e.iconpath),C("loadingText",m.value.loadingText),C("clearInput",m.value.clearInput),(r,v)=>(c(),p("div",{class:q(["mds-combobox",{"mds-combobox--active":t.value}]),onKeydown:[b(te,["down"]),b(ne,["up"]),b(ae,["home"]),b(oe,["end"]),b(le,["esc"]),b(Z,["enter"])]},[x("input",{id:n.comboboxid,ref_key:"$comboInput",ref:l,value:s.value,class:"mds-form-control",autocomplete:"off",type:"text",role:"combobox",name:n.name,placeholder:n.placeholder,"aria-controls":B.value,"aria-expanded":H.value,"aria-autocomplete":"list","aria-describedby":n.describedbyId,"aria-activedescendant":E(o.value),"aria-invalid":Q.value,onInput:G,onChange:O,onBlur:ee,onFocus:W},null,40,ke),s.value.length>0?(c(),A(ge,{key:0,onClear:X})):j("",!0),K(Se,{id:B.value,hidden:!t.value,"aria-labelledby":`${n.comboboxid}-label`,"is-loading":i.value},{default:se(()=>[(c(!0),p(re,null,ie(f.value,(u,g)=>(c(),A(Ce,{id:E(g),key:g,"option-label":S(u),focused:o.value===g,"search-value":s.value,onMousedown:Ee=>Y(u)},null,8,["id","option-label","focused","search-value","onMousedown"]))),128))]),_:1},8,["id","hidden","aria-labelledby","is-loading"]),K(Me,{"visible-options":f.value,expanded:t.value,"results-message":m.value.resultsMessage,"results-message_plural":m.value.resultsMessage_plural},null,8,["visible-options","expanded","results-message","results-message_plural"]),x("span",{ref_key:"$targetInputs",ref:a},[D(r.$slots,"target-inputs")],512)],34))}},Pe=ue(Be,{shadowRoot:!1});export{Pe as default};
+import{v as A,x as S,a as v,i as d,f as $,u as x,q as h,b as U,y as V,t as q,z as P,A as N,e as H,r as y,B as b,C as L,p as K,j as R,D as ie,F as ue,l as ce,s as de}from"../runtime-dom.esm-bundler.js";function pe(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var M=fe;function fe(a,e,s){if(!a)return s;var t,n;if(Array.isArray(e)&&(t=e.slice(0)),typeof e=="string"&&(t=e.split(".")),typeof e=="symbol"&&(t=[e]),!Array.isArray(t))throw new Error("props arg must be an array, a string or a symbol");for(;t.length;)if(n=t.shift(),!a||(a=a[n],a===void 0))return s;return a}typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const j=()=>{};function me(a,e){function s(...t){return new Promise((n,o)=>{Promise.resolve(a(()=>e.apply(this,t),{fn:e,thisArg:this,args:t})).then(n).catch(o)})}return s}function ve(a,e={}){let s,t,n=j;const o=c=>{clearTimeout(c),n(),n=j};let l;return c=>{const w=A(a),f=A(e.maxWait);return s&&o(s),w<=0||f!==void 0&&f<=0?(t&&(o(t),t=void 0),Promise.resolve(c())):new Promise((p,I)=>{n=e.rejectOnCancel?I:p,l=c,f&&!t&&(t=setTimeout(()=>{s&&o(s),t=void 0,p(l())},f)),s=setTimeout(()=>{t&&o(t),t=void 0,p(c())},w)})}}function W(a,e=200,s={}){return me(ve(e,s),a)}var k={},D;function he(){return D||(D=1,(function(a){const e={suspectRx:/"(?:_|\\u005[Ff])(?:_|\\u005[Ff])(?:p|\\u0070)(?:r|\\u0072)(?:o|\\u006[Ff])(?:t|\\u0074)(?:o|\\u006[Ff])(?:_|\\u005[Ff])(?:_|\\u005[Ff])"\s*\:/};a.parse=function(s,...t){const n=typeof t[0]=="object"&&t[0],o=t.length>1||!n?t[0]:void 0,l=t.length>1&&t[1]||n||{},i=JSON.parse(s,o);return l.protoAction==="ignore"||!i||typeof i!="object"||!s.match(e.suspectRx)||a.scan(i,l),i},a.scan=function(s,t={}){let n=[s];for(;n.length;){const o=n;n=[];for(const l of o){if(Object.prototype.hasOwnProperty.call(l,"__proto__")){if(t.protoAction!=="remove")throw new SyntaxError("Object contains forbidden prototype property");delete l.__proto__}for(const i in l){const c=l[i];c&&typeof c=="object"&&n.push(l[i])}}}},a.safeParse=function(s,t){try{return a.parse(s,t)}catch{return null}}})(k)),k}var be=he();const ye=pe(be),ge=["aria-label","title"],_e={"aria-hidden":"true",focusable:"false",class:"mds-icon mds-icon--close mds-icon--sm"},xe=["href"],$e={__name:"ComboboxClear",setup(a){const e=S("iconPath"),s=S("clearInput");return(t,n)=>(d(),v("button",{class:"mds-combobox__clear mds-button mds-button--plain",type:"button",onClick:n[0]||(n[0]=o=>t.$emit("clear",o)),onKeydown:n[1]||(n[1]=h(o=>t.$emit("clear",o),["enter"])),"aria-label":x(s),title:x(s)},[(d(),v("svg",_e,[$("use",{href:`${x(e)}#icon-close`},null,8,xe)]))],40,ge))}},we=["hidden"],Ie={key:0,class:"mds-combobox-loading"},Se={"aria-hidden":"true",focusable:"true",class:"mds-icon mds-icon--spinner mds-icon--after"},Ce=["href"],Oe={class:"mds-visually-hidden"},Le={__name:"ListBox",props:{hidden:{type:Boolean,default:!0},isLoading:{type:Boolean,default:!0}},setup(a){const e=S("iconPath"),s=S("loadingText");return(t,n)=>(d(),v("ul",{class:"mds-combobox__listbox",role:"listbox",hidden:a.hidden},[a.isLoading?(d(),v("li",Ie,[(d(),v("svg",Se,[$("use",{href:`${x(e)}#icon-spinner`},null,8,Ce)])),$("span",Oe,q(x(s)),1)])):U("",!0),V(t.$slots,"default")],8,we))}},Me=["aria-selected","innerHTML"],ke={__name:"ListBoxOption",props:{optionLabel:{type:String,required:!0},focused:{type:Boolean,default:!1},searchValue:{type:String,default:""}},setup(a){const e=a,s=P("$listItem");N(()=>e.focused,n=>{n&&s.value?.scrollIntoView({block:"nearest",inline:"nearest"})});function t(){return e.optionLabel.replace(new RegExp(e.searchValue,"gi"),o=>`<span class="mds-combobox__option--marked">${o}</span>`)}return(n,o)=>(d(),v("li",{ref_key:"$listItem",ref:s,class:H(["mds-combobox__option",{"mds-combobox__option--focused":a.focused}]),role:"option","aria-selected":a.focused.toString(),onMousedown:o[0]||(o[0]=l=>n.$emit("mousedown",l)),innerHTML:t()},null,42,Me))}},Pe={role:"status",class:"mds-visually-hidden"},Te={__name:"ComboboxAriaLive",props:{visibleOptions:{type:Array,default:()=>[]},expanded:{type:Boolean,default:!1},resultsMessage:{type:String},resultsMessage_plural:{type:String}},setup(a){const e=a;N([()=>e.expanded,()=>e.visibleOptions],()=>{n()},{deep:!0});const s=y(null),t=W(function(){const l=e.visibleOptions.length===1?e.resultsMessage:e.resultsMessage_plural;s.value=l.replace("{count}",e.visibleOptions.length)},1400);function n(){s.value=null,e.expanded&&t()}return(o,l)=>(d(),v("div",Pe,q(s.value),1))}},Be=["id","value","name","placeholder","aria-controls","aria-expanded","aria-describedby","aria-activedescendant","aria-invalid"],Fe={__name:"Combobox.ce",props:{comboboxid:{type:String,required:!0},placeholder:{type:String,default:""},name:{type:[String,Boolean],default:!1},value:{type:String,default:""},options:{type:String,default:"[]"},iconpath:{type:String,default:"/assets/icons.svg"},dataAriaInvalid:{type:String,default:""},i18n:{type:String,default:""},describedbyId:{type:String,default:""},minSearchCharacters:{type:Number,default:2},apiUrl:{type:String,default:void 0},apiQueryKey:{type:String,default:"searchText"},apiOptionsPath:{type:String,default:void 0},optionLabelPath:{type:String,default:"label"}},setup(a){const e=a,s=P("$comboInput"),t=P("$targetInputs"),n=y(!1),o=y(null),l=y(e.value),i=y(!1),c=y([]),w=b(()=>{try{return ye.parse(e.options)}catch(r){return console.error(r),[]}}),f=b(()=>e.i18n?JSON.parse(e.i18n):{loadingText:"Loading",resultsMessage:"{count} result available",resultsMessage_plural:"{count} results available",clearInput:"clear input"}),p=b(()=>e.apiUrl?c.value:w.value.filter(r=>C(r).toLowerCase().includes(l.value.toLowerCase()))),I=b(()=>`${e.comboboxid}-listbox`);function T(r){if(typeof r=="number"&&r>-1)return`${e.comboboxid}-option-${r}`}const G=b(()=>n.value?"true":"false"),Q=b(()=>e.dataAriaInvalid?"true":"false");function B(r){if(!r){console.error("attempted to choose an option, but option was falsy");return}l.value=C(r),F(r),g(),o.value=null}function F(r){const m=Array.from(t.value?.querySelectorAll("[data-key]"));for(const u of m)u.value=r?M(r,u.getAttribute("data-key")):"",u.dispatchEvent(new Event("input",{bubbles:!0}))}function z(){n.value=!0}function g(){n.value=!1}function E(){l.value="",F()}const J=W(async function(){if(!e.apiUrl)return;const m=l?.value?.trim();try{i.value=!0;let u=await fetch(`${e.apiUrl}?${e.apiQueryKey}=${encodeURIComponent(m)}`);if(!u.ok)return;u=await u.json();const _=e.apiOptionsPath?M(u,e.apiOptionsPath):u;c.value=_||[]}finally{i.value=!1}},350);function C(r){const m=M(r,e.optionLabelPath);return String(m)}function X(r){o.value=null,l.value=r.target?r.target.value:"",O(),J()}function O(){l.value.length===0&&E(),l.value.length>=e.minSearchCharacters?z():g()}function Y(){O()}function Z(){E(),s.value?.focus()}function ee(r){B(r)}function te(r){if(n.value){r.preventDefault();const m=p.value?.[o.value];m?B(m):g()}}function ne(){g()}function ae(){n.value&&(o.value!==null?o.value=Math.min(o.value+1,p.value.length-1):o.value=0)}function oe(){n.value&&(o.value!==null?o.value=Math.max(o.value-1,0):o.value=p.value.length-1)}function se(){n.value&&(o.value=0)}function le(){n.value&&(o.value=p.value.length-1)}function re(){g()}return L("iconPath",e.iconpath),L("loadingText",f.value.loadingText),L("clearInput",f.value.clearInput),(r,m)=>(d(),v("div",{class:H(["mds-combobox",{"mds-combobox--active":n.value}]),onKeydown:[h(ae,["down"]),h(oe,["up"]),h(se,["home"]),h(le,["end"]),h(re,["esc"]),h(te,["enter"])]},[$("input",{id:a.comboboxid,ref_key:"$comboInput",ref:s,value:l.value,class:"mds-form-control",autocomplete:"off",type:"text",role:"combobox",name:a.name,placeholder:a.placeholder,"aria-controls":I.value,"aria-expanded":G.value,"aria-autocomplete":"list","aria-describedby":a.describedbyId,"aria-activedescendant":T(o.value),"aria-invalid":Q.value,onInput:X,onChange:O,onBlur:ne,onFocus:Y},null,40,Be),l.value.length>0?(d(),K($e,{key:0,onClear:Z})):U("",!0),R(Le,{id:I.value,hidden:!n.value,"aria-labelledby":`${a.comboboxid}-label`,"is-loading":i.value},{default:ie(()=>[(d(!0),v(ue,null,ce(p.value,(u,_)=>(d(),K(ke,{id:T(_),key:_,"option-label":C(u),focused:o.value===_,"search-value":l.value,onMousedown:Ee=>ee(u)},null,8,["id","option-label","focused","search-value","onMousedown"]))),128))]),_:1},8,["id","hidden","aria-labelledby","is-loading"]),R(Te,{"visible-options":p.value,expanded:n.value,"results-message":f.value.resultsMessage,"results-message_plural":f.value.resultsMessage_plural},null,8,["visible-options","expanded","results-message","results-message_plural"]),$("span",{ref_key:"$targetInputs",ref:t},[V(r.$slots,"target-inputs")],512)],34))}},Ke=de(Fe,{shadowRoot:!1});export{Ke as default};