diff --git a/README.md b/README.md
index e52dab2..a77f68c 100644
--- a/README.md
+++ b/README.md
@@ -93,6 +93,7 @@ multiple          | bool             | `false`    | allow multiselection. Will b
 max               | number           | `0`        | Maximum allowed items selected, applicable only for multiselect
 collapseSelection | bool             | `false`    | collapse selection when `multiple` and not focused
 name              | string           | `null`     | create `<select>`, usable for normal forms.
+inputId           | string           | `null`     | allow targeting input using a html label.
 creatable         | bool             | `false`    | Allow creating new item(s)
 creatablePrefix   | string           | `*`        | Prefix marking new item
 allowEditing      | bool             | `false`    | When pressing `Backspace` switch to edit mode instead of removing newly created item
diff --git a/dist/svelecte-element.js b/dist/svelecte-element.js
index 15a065e..68aa16a 100644
--- a/dist/svelecte-element.js
+++ b/dist/svelecte-element.js
@@ -1 +1 @@
-var Svelecte=function(e){"use strict";function t(){}const n=e=>e;function i(e){return e()}function l(){return Object.create(null)}function o(e){e.forEach(i)}function r(e){return"function"==typeof e}function s(e,t){return e!=e?t==t:e!==t||e&&"object"==typeof e||"function"==typeof e}function a(e,...n){if(null==e)return t;const i=e.subscribe(...n);return i.unsubscribe?()=>i.unsubscribe():i}function c(e,t,n){e.$$.on_destroy.push(a(t,n))}function d(e,t,n,i){if(e){const l=u(e,t,n,i);return e[0](l)}}function u(e,t,n,i){return e[1]&&i?function(e,t){for(const n in t)e[n]=t[n];return e}(n.ctx.slice(),e[1](i(t))):n.ctx}function h(e,t,n,i){if(e[2]&&i){const l=e[2](i(n));if(void 0===t.dirty)return l;if("object"==typeof l){const e=[],n=Math.max(t.dirty.length,l.length);for(let i=0;i<n;i+=1)e[i]=t.dirty[i]|l[i];return e}return t.dirty|l}return t.dirty}function p(e,t,n,i,l,o){if(l){const r=u(t,n,i,o);e.p(r,l)}}function f(e){if(e.ctx.length>32){const t=[],n=e.ctx.length/32;for(let e=0;e<n;e++)t[e]=-1;return t}return-1}function m(e){return null==e?"":e}function v(e,t,n){return e.set(n),t}function g(e){return e&&r(e.destroy)?e.destroy:t}const b="undefined"!=typeof window;let $=b?()=>window.performance.now():()=>Date.now(),y=b?e=>requestAnimationFrame(e):t;const x=new Set;function w(e){x.forEach((t=>{t.c(e)||(x.delete(t),t.f())})),0!==x.size&&y(w)}function S(e,t){e.appendChild(t)}function k(e,t,n){const i=A(e);if(!i.getElementById(t)){const e=F("style");e.id=t,e.textContent=n,z(i,e)}}function A(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function z(e,t){S(e.head||e,t)}function I(e,t,n){e.insertBefore(t,n||null)}function C(e){e.parentNode.removeChild(e)}function O(e,t){for(let n=0;n<e.length;n+=1)e[n]&&e[n].d(t)}function F(e){return document.createElement(e)}function E(e){return document.createTextNode(e)}function D(){return E(" ")}function T(){return E("")}function M(e,t,n,i){return e.addEventListener(t,n,i),()=>e.removeEventListener(t,n,i)}function q(e){return function(t){return t.preventDefault(),e.call(this,t)}}function _(e,t,n){null==n?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function H(e,t){t=""+t,e.wholeText!==t&&(e.data=t)}function P(e,t){e.value=null==t?"":t}let L;function V(){if(void 0===L){L=!1;try{"undefined"!=typeof window&&window.parent&&window.parent.document}catch(e){L=!0}}return L}function R(e,t,n){e.classList[n?"add":"remove"](t)}class N{constructor(){this.e=this.n=null}c(e){this.h(e)}m(e,t,n=null){this.e||(this.e=F(t.nodeName),this.t=t,this.c(e)),this.i(n)}h(e){this.e.innerHTML=e,this.n=Array.from(this.e.childNodes)}i(e){for(let t=0;t<this.n.length;t+=1)I(this.t,this.n[t],e)}p(e){this.d(),this.h(e),this.i(this.a)}d(){this.n.forEach(C)}}const B=new Set;let j,G=0;function W(e,t,n,i,l,o,r,s=0){const a=16.666/i;let c="{\n";for(let e=0;e<=1;e+=a){const i=t+(n-t)*o(e);c+=100*e+`%{${r(i,1-i)}}\n`}const d=c+`100% {${r(n,1-n)}}\n}`,u=`__svelte_${function(e){let t=5381,n=e.length;for(;n--;)t=(t<<5)-t^e.charCodeAt(n);return t>>>0}(d)}_${s}`,h=A(e);B.add(h);const p=h.__svelte_stylesheet||(h.__svelte_stylesheet=function(e){const t=F("style");return z(A(e),t),t}(e).sheet),f=h.__svelte_rules||(h.__svelte_rules={});f[u]||(f[u]=!0,p.insertRule(`@keyframes ${u} ${d}`,p.cssRules.length));const m=e.style.animation||"";return e.style.animation=`${m?`${m}, `:""}${u} ${i}ms linear ${l}ms 1 both`,G+=1,u}function K(e,t){const n=(e.style.animation||"").split(", "),i=n.filter(t?e=>e.indexOf(t)<0:e=>-1===e.indexOf("__svelte")),l=n.length-i.length;l&&(e.style.animation=i.join(", "),G-=l,G||y((()=>{G||(B.forEach((e=>{const t=e.__svelte_stylesheet;let n=t.cssRules.length;for(;n--;)t.deleteRule(n);e.__svelte_rules={}})),B.clear())})))}function Q(e,i,l,o){if(!i)return t;const r=e.getBoundingClientRect();if(i.left===r.left&&i.right===r.right&&i.top===r.top&&i.bottom===r.bottom)return t;const{delay:s=0,duration:a=300,easing:c=n,start:d=$()+s,end:u=d+a,tick:h=t,css:p}=l(e,{from:i,to:r},o);let f,m=!0,v=!1;function g(){p&&K(e,f),m=!1}return function(e){let t;0===x.size&&y(w),new Promise((n=>{x.add(t={c:e,f:n})}))}((e=>{if(!v&&e>=d&&(v=!0),v&&e>=u&&(h(1,0),g()),!m)return!1;if(v){const t=0+1*c((e-d)/a);h(t,1-t)}return!0})),p&&(f=W(e,0,1,a,s,c,p)),s||(v=!0),h(0,1),g}function U(e){const t=getComputedStyle(e);if("absolute"!==t.position&&"fixed"!==t.position){const{width:n,height:i}=t,l=e.getBoundingClientRect();e.style.position="absolute",e.style.width=n,e.style.height=i,function(e,t){const n=e.getBoundingClientRect();if(t.left!==n.left||t.top!==n.top){const i=getComputedStyle(e),l="none"===i.transform?"":i.transform;e.style.transform=`${l} translate(${t.left-n.left}px, ${t.top-n.top}px)`}}(e,l)}}function J(e){j=e}function X(){if(!j)throw new Error("Function called outside component initialization");return j}function Z(e){X().$$.on_mount.push(e)}function Y(e){X().$$.on_destroy.push(e)}function ee(){const e=X();return(t,n)=>{const i=e.$$.callbacks[t];if(i){const l=function(e,t,n=!1){const i=document.createEvent("CustomEvent");return i.initCustomEvent(e,n,!1,t),i}(t,n);i.slice().forEach((t=>{t.call(e,l)}))}}}function te(e,t){const n=e.$$.callbacks[t.type];n&&n.slice().forEach((e=>e.call(this,t)))}const ne=[],ie=[],le=[],oe=[],re=Promise.resolve();let se=!1;function ae(){se||(se=!0,re.then(pe))}function ce(){return ae(),re}function de(e){le.push(e)}let ue=!1;const he=new Set;function pe(){if(!ue){ue=!0;do{for(let e=0;e<ne.length;e+=1){const t=ne[e];J(t),fe(t.$$)}for(J(null),ne.length=0;ie.length;)ie.pop()();for(let e=0;e<le.length;e+=1){const t=le[e];he.has(t)||(he.add(t),t())}le.length=0}while(ne.length);for(;oe.length;)oe.pop()();se=!1,ue=!1,he.clear()}}function fe(e){if(null!==e.fragment){e.update(),o(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(de)}}const me=new Set;let ve;function ge(){ve={r:0,c:[],p:ve}}function be(){ve.r||o(ve.c),ve=ve.p}function $e(e,t){e&&e.i&&(me.delete(e),e.i(t))}function ye(e,t,n,i){if(e&&e.o){if(me.has(e))return;me.add(e),ve.c.push((()=>{me.delete(e),i&&(n&&e.d(1),i())})),e.o(t)}}function xe(e,t){ye(e,1,1,(()=>{t.delete(e.key)}))}function we(e,t){e.f(),xe(e,t)}function Se(e,t,n,i,l,o,r,s,a,c,d,u){let h=e.length,p=o.length,f=h;const m={};for(;f--;)m[e[f].key]=f;const v=[],g=new Map,b=new Map;for(f=p;f--;){const e=u(l,o,f),s=n(e);let a=r.get(s);a?i&&a.p(e,t):(a=c(s,e),a.c()),g.set(s,v[f]=a),s in m&&b.set(s,Math.abs(f-m[s]))}const $=new Set,y=new Set;function x(e){$e(e,1),e.m(s,d),r.set(e.key,e),d=e.first,p--}for(;h&&p;){const t=v[p-1],n=e[h-1],i=t.key,l=n.key;t===n?(d=t.first,h--,p--):g.has(l)?!r.has(i)||$.has(i)?x(t):y.has(l)?h--:b.get(i)>b.get(l)?(y.add(i),x(t)):($.add(l),h--):(a(n,r),h--)}for(;h--;){const t=e[h];g.has(t.key)||a(t,r)}for(;p;)x(v[p-1]);return v}function ke(e){e&&e.c()}function Ae(e,t,n,l){const{fragment:s,on_mount:a,on_destroy:c,after_update:d}=e.$$;s&&s.m(t,n),l||de((()=>{const t=a.map(i).filter(r);c?c.push(...t):o(t),e.$$.on_mount=[]})),d.forEach(de)}function ze(e,t){const n=e.$$;null!==n.fragment&&(o(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function Ie(e,n,i,r,s,a,c,d=[-1]){const u=j;J(e);const h=e.$$={fragment:null,ctx:null,props:a,update:t,not_equal:s,bound:l(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(n.context||(u?u.$$.context:[])),callbacks:l(),dirty:d,skip_bound:!1,root:n.target||u.$$.root};c&&c(h.root);let p=!1;if(h.ctx=i?i(e,n.props||{},((t,n,...i)=>{const l=i.length?i[0]:n;return h.ctx&&s(h.ctx[t],h.ctx[t]=l)&&(!h.skip_bound&&h.bound[t]&&h.bound[t](l),p&&function(e,t){-1===e.$$.dirty[0]&&(ne.push(e),ae(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}(e,t)),n})):[],h.update(),p=!0,o(h.before_update),h.fragment=!!r&&r(h.ctx),n.target){if(n.hydrate){const e=function(e){return Array.from(e.childNodes)}(n.target);h.fragment&&h.fragment.l(e),e.forEach(C)}else h.fragment&&h.fragment.c();n.intro&&$e(e.$$.fragment),Ae(e,n.target,n.anchor,n.customElement),pe()}J(u)}class Ce{$destroy(){ze(this,1),this.$destroy=t}$on(e,t){const n=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return n.push(t),()=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1)}}$set(e){var t;this.$$set&&(t=e,0!==Object.keys(t).length)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}var Oe=function(e,t){this.items=e,this.settings=t||{diacritics:!0}};Oe.prototype.tokenize=function(e,t){if(!(e=Te(String(e||"").toLowerCase()))||!e.length)return[];var n,i,l,o,r=[],s=e.split(/ +/);for(n=0,i=s.length;n<i;n++){if(l=Me(s[n]),this.settings.diacritics)for(o in qe)qe.hasOwnProperty(o)&&(l=l.replace(new RegExp(o,"g"),qe[o]));t&&(l="\\b"+l),r.push({string:s[n],regex:new RegExp(l,"i")})}return r},Oe.prototype.iterator=function(e,t){(Array.isArray(e)?Array.prototype.forEach||function(e){for(var t=0,n=this.length;t<n;t++)e(this[t],t,this)}:function(e){for(var t in this)this.hasOwnProperty(t)&&e(this[t],t,this)}).apply(e,[t])},Oe.prototype.getScoreFunction=function(e,t){var n,i,l,o;e=this.prepareSearch(e,t),i=e.tokens,n=e.options.fields,l=i.length,o=e.options.nesting;var r,s=function(e,t){var n,i;return e?-1===(i=(e=String(e||"")).search(t.regex))?0:(n=t.string.length/e.length,0===i&&(n+=.5),n):0},a=(r=n.length)?1===r?function(e,t){return s(De(t,n[0],o),e)}:function(e,t){for(var i=0,l=0;i<r;i++)l+=s(De(t,n[i],o),e);return l/r}:function(){return 0};return l?1===l?function(e){return a(i[0],e)}:"and"===e.options.conjunction?function(e){for(var t,n=0,o=0;n<l;n++){if((t=a(i[n],e))<=0)return 0;o+=t}return o/l}:function(e){for(var t=0,n=0;t<l;t++)n+=a(i[t],e);return n/l}:function(){return 0}},Oe.prototype.getSortFunction=function(e,t){var n,i,l,o,r,s,a,c,d,u,h;if(h=!(e=(l=this).prepareSearch(e,t)).query&&t.sort_empty||t.sort,d=function(e,n){return"$score"===e?n.score:De(l.items[n.id],e,t.nesting)},r=[],h)for(n=0,i=h.length;n<i;n++)(e.query||"$score"!==h[n].field)&&r.push(h[n]);if(e.query){for(u=!0,n=0,i=r.length;n<i;n++)if("$score"===r[n].field){u=!1;break}u&&r.unshift({field:"$score",direction:"desc"})}else for(n=0,i=r.length;n<i;n++)if("$score"===r[n].field){r.splice(n,1);break}for(c=[],n=0,i=r.length;n<i;n++)c.push("desc"===r[n].direction?-1:1);return(s=r.length)?1===s?(o=r[0].field,a=c[0],function(e,t){return a*Fe(d(o,e),d(o,t))}):function(e,t){var n,i,l;for(n=0;n<s;n++)if(l=r[n].field,i=c[n]*Fe(d(l,e),d(l,t)))return i;return 0}:null},Oe.prototype.prepareSearch=function(e,t){if("object"==typeof e)return e;var n=(t=Ee({},t)).fields,i=t.sort,l=t.sort_empty;return n&&!Array.isArray(n)&&(t.fields=[n]),i&&!Array.isArray(i)&&(t.sort=[i]),l&&!Array.isArray(l)&&(t.sort_empty=[l]),{options:t,query:String(e||"").toLowerCase(),tokens:this.tokenize(e,t.respect_word_boundaries),total:0,items:[]}},Oe.prototype.search=function(e,t){var n,i,l,o,r=this;return i=this.prepareSearch(e,t),t=i.options,e=i.query,o=t.score||r.getScoreFunction(i),e.length?r.iterator(r.items,(function(e,l){n=o(e),(!1===t.filter||n>0)&&i.items.push({score:n,id:l})})):r.iterator(r.items,(function(e,t){i.items.push({score:1,id:t})})),(l=r.getSortFunction(i,t))&&i.items.sort(l),i.total=i.items.length,"number"==typeof t.limit&&(i.items=i.items.slice(0,t.limit)),i};var Fe=function(e,t){return"number"==typeof e&&"number"==typeof t?e>t?1:e<t?-1:0:(e=_e(String(e||"")))>(t=_e(String(t||"")))?1:t>e?-1:0},Ee=function(e,t){var n,i,l,o;for(n=1,i=arguments.length;n<i;n++)if(o=arguments[n])for(l in o)o.hasOwnProperty(l)&&(e[l]=o[l]);return e},De=function(e,t,n){if(e&&t){if(!n)return e[t];for(var i=t.split(".");i.length&&(e=e[i.shift()]););return e}},Te=function(e){return(e+"").replace(/^\s+|\s+$|/g,"")},Me=function(e){return(e+"").replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1")},qe={a:"[aḀḁĂăÂâǍǎȺⱥȦȧẠạÄäÀàÁáĀāÃãÅåąĄÃąĄ]",b:"[b␢βΒB฿𐌁ᛒ]",c:"[cĆćĈĉČčĊċC̄c̄ÇçḈḉȻȼƇƈɕᴄＣｃ]",d:"[dĎďḊḋḐḑḌḍḒḓḎḏĐđD̦d̦ƉɖƊɗƋƌᵭᶁᶑȡᴅＤｄð]",e:"[eÉéÈèÊêḘḙĚěĔĕẼẽḚḛẺẻĖėËëĒēȨȩĘęᶒɆɇȄȅẾếỀềỄễỂểḜḝḖḗḔḕȆȇẸẹỆệⱸᴇＥｅɘǝƏƐε]",f:"[fƑƒḞḟ]",g:"[gɢ₲ǤǥĜĝĞğĢģƓɠĠġ]",h:"[hĤĥĦħḨḩẖẖḤḥḢḣɦʰǶƕ]",i:"[iÍíÌìĬĭÎîǏǐÏïḮḯĨĩĮįĪīỈỉȈȉȊȋỊịḬḭƗɨɨ̆ᵻᶖİiIıɪＩｉ]",j:"[jȷĴĵɈɉʝɟʲ]",k:"[kƘƙꝀꝁḰḱǨǩḲḳḴḵκϰ₭]",l:"[lŁłĽľĻļĹĺḶḷḸḹḼḽḺḻĿŀȽƚⱠⱡⱢɫɬᶅɭȴʟＬｌ]",n:"[nŃńǸǹŇňÑñṄṅŅņṆṇṊṋṈṉN̈n̈ƝɲȠƞᵰᶇɳȵɴＮｎŊŋ]",o:"[oØøÖöÓóÒòÔôǑǒŐőŎŏȮȯỌọƟɵƠơỎỏŌōÕõǪǫȌȍՕօ]",p:"[pṔṕṖṗⱣᵽƤƥᵱ]",q:"[qꝖꝗʠɊɋꝘꝙq̃]",r:"[rŔŕɌɍŘřŖŗṘṙȐȑȒȓṚṛⱤɽ]",s:"[sŚśṠṡṢṣꞨꞩŜŝŠšŞşȘșS̈s̈]",t:"[tŤťṪṫŢţṬṭƮʈȚțṰṱṮṯƬƭ]",u:"[uŬŭɄʉỤụÜüÚúÙùÛûǓǔŰűŬŭƯưỦủŪūŨũŲųȔȕ∪]",v:"[vṼṽṾṿƲʋꝞꝟⱱʋ]",w:"[wẂẃẀẁŴŵẄẅẆẇẈẉ]",x:"[xẌẍẊẋχ]",y:"[yÝýỲỳŶŷŸÿỸỹẎẏỴỵɎɏƳƴ]",z:"[zŹźẐẑŽžŻżẒẓẔẕƵƶ]"};const _e=function(){var e,t,n,i,l="",o={};for(n in qe)if(qe.hasOwnProperty(n))for(l+=i=qe[n].substring(2,qe[n].length-1),e=0,t=i.length;e<t;e++)o[i.charAt(e)]=n;var r=new RegExp("["+l+"]","g");return function(e){return e.replace(r,(function(e){return o[e]})).toLowerCase()}}();let He,Pe,Le=null;function Ve(e,t,n,i,l){const o=i?i(e,t,n):e;if(""==n||e.isSelected||l)return'<div class="sv-item-content">'+o+"</div>";Pe||(Pe=document.createElement("div"),Pe.className="sv-item-content"),Pe.innerHTML=o;return _e(n).split(" ").filter((e=>e)).forEach((e=>{Re(Pe,e)})),Pe.outerHTML}const Re=function(e,t){let n=0;if(3===e.nodeType){const i=_e(e.data);let l=i.indexOf(t);if(l-=i.substr(0,l).toUpperCase().length-i.substr(0,l).length,l>=0){const i=document.createElement("span");i.className="highlight";const o=e.splitText(l);o.splitText(t.length);const r=o.cloneNode(!0);i.appendChild(r),o.parentNode.replaceChild(i,o),n=1}}else if(1===e.nodeType&&e.childNodes&&!/(script|style)/i.test(e.tagName)&&("highlight"!==e.className||"SPAN"!==e.tagName))for(var i=0;i<e.childNodes.length;++i)i+=Re(e.childNodes[i],t);return n};function Ne(e,t,n){const i="value"===e;if(n.isOptionArray)return i?"value":"label";let l=i?"value":"text";if(t&&t.length){const e=t[0].options?t[0].options[0]:t[0],n=i?0:1,o=i?["id","value","ID"]:["name","title","label"];l=Object.keys(e).filter((e=>o.includes(e))).concat([Object.keys(e)[n]]).shift()}return l}function Be(e){return e.trim().split(" ").filter((e=>e)).join(" ")}const je={disabled:!1,valueField:null,labelField:null,disabledField:"$disabled",placeholder:"Select",valueAsObject:!1,searchable:!0,clearable:!1,selectOnTab:!1,resetOnBlur:!0,fetchResetOnBlur:!0,multiple:!1,max:0,collapseSelection:!1,creatable:!1,creatablePrefix:"*",keepCreated:!0,allowEditing:!1,delimiter:",",fetchCallback:null,minQuery:1,lazyDropdown:!0,virtualList:!1,vlItemSize:null,vlHeight:null,i18n:{empty:"No options",nomatch:"No matching options",max:e=>`Maximum items ${e} selected`,fetchBefore:"Type to start searching",fetchQuery:(e,t)=>`Type ${e>1&&e>t?`at least ${e-t} characters `:""}to start searching`,fetchInit:"Fetching data, please wait...",fetchEmpty:"No data related to your search",collapsedSelection:e=>`${e} selected`,createRowLabel:e=>`Create '${e}'`},collapseSelectionFn:function(e,t){return je.i18n.collapsedSelection(e)}},Ge=[];function We(e,n=t){let i;const l=new Set;function o(t){if(s(e,t)&&(e=t,i)){const t=!Ge.length;for(const t of l)t[1](),Ge.push(t,e);if(t){for(let e=0;e<Ge.length;e+=2)Ge[e][0](Ge[e+1]);Ge.length=0}}}return{set:o,update:function(t){o(t(e))},subscribe:function(r,s=t){const a=[r,s];return l.add(a),1===l.size&&(i=n(o)||t),r(e),()=>{l.delete(a),0===l.size&&(i(),i=null)}}}}function Ke(e,t,n){if(e&&!t){const t=Array.isArray(e)?e:[e],i=n.labelAsValue?n.labelField:n.valueField;return this.reduce(((e,l,o)=>{if(l.options){const n=l.options.reduce(((e,n)=>(t.includes(n[i])&&e.push(n),e)),[]);if(n.length)return e.push(...n),e}return t.includes(l[i]||l)&&(n.isOptionArray&&(l={[n.valueField]:o,[n.labelField]:l}),e.push(l)),e}),[])}return t&&e?Array.isArray(e)?e:[e]:[]}function Qe(e,t){const n=e.reduce(((e,n,i)=>t.isOptionArray?(e.push({[t.valueField]:i,[t.labelField]:n}),e):n.options&&n.options.length?(t.optionsWithGroups=!0,e.push({label:n.label,$isGroupHeader:!0}),e.push(...n.options.map((e=>(e.$isGroupItem=!0,e)))),e):(e.push(n),e)),[]);return function(e,t){t.isOptionArray&&(t.optionProps||(t.optionProps=["value","label"]));e.some((e=>!e.$isGroupHeader&&(t.optionProps=Ue(e),!0)))}(n,t),n}function Ue(e){e.options&&(e=e.options[0]);const t=["$disabled","$isGroupHeader","$isGroupItem"];return Object.keys(e).filter((e=>!t.includes(e)))}function Je(e){const t=e-1;return t*t*t+1}function Xe(e,{from:t,to:n},i={}){const l=getComputedStyle(e),o="none"===l.transform?"":l.transform,[s,a]=l.transformOrigin.split(" ").map(parseFloat),c=t.left+t.width*s/n.width-(n.left+s),d=t.top+t.height*a/n.height-(n.top+a),{delay:u=0,duration:h=(e=>120*Math.sqrt(e)),easing:p=Je}=i;return{delay:u,duration:r(h)?h(Math.sqrt(c*c+d*d)):h,easing:p,css:(e,i)=>{const l=i*c,r=i*d,s=e+i*t.width/n.width,a=e+i*t.height/n.height;return`transform: ${o} translate(${l}px, ${r}px) scale(${s}, ${a});`}}}function Ze(e){k(e,"svelte-x1t6fd",".inputBox.svelte-x1t6fd{box-sizing:content-box;width:19px;background:rgba(0, 0, 0, 0) none repeat scroll 0px center;border:0px none;font-size:inherit;font-family:inherit;opacity:1;outline:currentcolor none 0px;padding:0px;color:inherit;margin:-2px 0 0;height:20px}.inputBox.svelte-x1t6fd::placeholder{color:var(--sv-placeholder-color, #ccccd6)}.inputBox.svelte-x1t6fd:read-only{width:100%}.shadow-text.svelte-x1t6fd{opacity:0;position:absolute;left:100%;z-index:-100;min-width:24px;white-space:nowrap;top:0;left:0}")}function Ye(e){let n,i,l,r,s,a,c,d;return{c(){n=F("input"),l=D(),r=F("div"),s=E(e[9]),_(n,"type","text"),_(n,"class","inputBox svelte-x1t6fd"),n.disabled=e[1],n.readOnly=i=!e[0],_(n,"style",e[8]),_(n,"placeholder",e[5]),_(r,"class","shadow-text svelte-x1t6fd"),de((()=>e[24].call(r)))},m(t,i){var o;I(t,n,i),e[22](n),P(n,e[6]),I(t,l,i),I(t,r,i),S(r,s),a=function(e,t){"static"===getComputedStyle(e).position&&(e.style.position="relative");const n=F("iframe");n.setAttribute("style","display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;"),n.setAttribute("aria-hidden","true"),n.tabIndex=-1;const i=V();let l;return i?(n.src="data:text/html,<script>onresize=function(){parent.postMessage(0,'*')}<\/script>",l=M(window,"message",(e=>{e.source===n.contentWindow&&t()}))):(n.src="about:blank",n.onload=()=>{l=M(n.contentWindow,"resize",t)}),S(e,n),()=>{(i||l&&n.contentWindow)&&l(),C(n)}}(r,e[24].bind(r)),c||(d=[M(n,"input",e[23]),M(n,"focus",e[18]),M(n,"blur",e[19]),M(n,"keydown",e[10]),M(n,"keyup",e[11]),M(n,"paste",e[20]),M(n,"change",(o=e[21],function(e){return e.stopPropagation(),o.call(this,e)}))],c=!0)},p(e,[t]){2&t&&(n.disabled=e[1]),1&t&&i!==(i=!e[0])&&(n.readOnly=i),256&t&&_(n,"style",e[8]),32&t&&_(n,"placeholder",e[5]),64&t&&n.value!==e[6]&&P(n,e[6]),512&t&&H(s,e[9])},i:t,o:t,d(t){t&&C(n),e[22](null),t&&C(l),t&&C(r),a(),c=!1,o(d)}}}function et(e,n,i){let l,o,r,s,c,d,u,h=t,p=()=>(h(),h=a(x,(e=>i(26,d=e))),x),f=t,m=()=>(f(),f=a(y,(e=>i(6,u=e))),y);e.$$.on_destroy.push((()=>h())),e.$$.on_destroy.push((()=>f()));let{placeholder:v}=n,{searchable:g}=n,{disabled:b}=n,{multiple:$}=n,{inputValue:y}=n;m();let{hasDropdownOpened:x}=n;p();let{selectedOptions:w}=n,S=null,k=0;const A=ee();let z=!1;return e.$$set=e=>{"placeholder"in e&&i(13,v=e.placeholder),"searchable"in e&&i(0,g=e.searchable),"disabled"in e&&i(1,b=e.disabled),"multiple"in e&&i(14,$=e.multiple),"inputValue"in e&&m(i(2,y=e.inputValue)),"hasDropdownOpened"in e&&p(i(3,x=e.hasDropdownOpened)),"selectedOptions"in e&&i(15,w=e.selectedOptions)},e.$$.update=()=>{49152&e.$$.dirty&&i(17,l=w.length>0&&!1===$),40960&e.$$.dirty&&i(5,o=w.length>0?"":v),96&e.$$.dirty&&i(9,r=u||o),32768&e.$$.dirty&&i(16,s=0===w.length?19:12),196624&e.$$.dirty&&i(8,c=`width: ${l?2:k+s}px`)},[g,b,y,x,k,o,u,S,c,r,function(e){z=["Enter","Escape"].includes(e.key)&&d,A("keydown",e)},function(e){z&&(e.stopImmediatePropagation(),e.preventDefault()),z=!1},()=>S.focus(),v,$,w,s,l,function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(e){ie[e?"unshift":"push"]((()=>{S=e,i(7,S)}))},function(){u=this.value,y.set(u)},function(){k=this.clientWidth,i(4,k)}]}class tt extends Ce{constructor(e){super(),Ie(this,e,et,Ye,s,{focus:12,placeholder:13,searchable:0,disabled:1,multiple:14,inputValue:2,hasDropdownOpened:3,selectedOptions:15},Ze)}get focus(){return this.$$.ctx[12]}}function nt(e){k(e,"svelte-v9xikc",'.sv-control.svelte-v9xikc{background-color:var(--sv-bg);border:var(--sv-border);border-radius:4px;min-height:var(--sv-min-height)}.sv-control.is-active.svelte-v9xikc{border:var(--sv-active-border);outline:var(--sv-active-outline)}.sv-control.is-disabled.svelte-v9xikc{background-color:var(--sv-disabled-bg);border-color:var(--sv-disabled-border-color);cursor:default;flex-wrap:wrap;justify-content:space-between;outline:currentcolor none 0px !important;position:relative;transition:all 100ms ease 0s}.sv-control.svelte-v9xikc{display:flex;align-items:center;box-sizing:border-box}.sv-content.svelte-v9xikc{align-items:center;display:flex;flex:1 1 0%;flex-wrap:nowrap;padding:0 0 0 6px;position:relative;overflow:hidden;box-sizing:border-box}.sv-content.sv-input-row.has-multiSelection.svelte-v9xikc{flex-flow:wrap}.indicator.svelte-v9xikc{position:relative;align-items:center;align-self:stretch;display:flex;flex-shrink:0;box-sizing:border-box}.indicator-container.svelte-v9xikc{color:var(--sv-icon-color);display:flex;padding:8px;transition:color 150ms ease 0s;box-sizing:border-box}.indicator-container.svelte-v9xikc:hover{color:var(--sv-icon-hover) }.indicator-separator.svelte-v9xikc{align-self:stretch;background-color:var(--sv-border-color);margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box}.indicator-icon.svelte-v9xikc{display:inline-block;fill:currentcolor;line-height:1;stroke:currentcolor;stroke-width:0px}.is-loading.svelte-v9xikc:after{animation:svelte-v9xikc-spinAround .5s infinite linear;border:var(--sv-loader-border);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:20px;width:20px;right:8px;top:calc(50% - 10px);position:absolute !important;box-sizing:border-box}@keyframes svelte-v9xikc-spinAround{from{transform:rotate(0deg)\r\n  }to{transform:rotate(359deg)\r\n  }}')}function it(e,t,n){const i=e.slice();return i[37]=t[n],i}const lt=e=>({}),ot=e=>({});function rt(e){let t,n,i,l;const o=[at,st],r=[];function s(e,t){return e[5]&&e[6]&&e[16]?0:1}return t=s(e),n=r[t]=o[t](e),{c(){n.c(),i=T()},m(e,n){r[t].m(e,n),I(e,i,n),l=!0},p(e,l){let a=t;t=s(e),t===a?r[t].p(e,l):(ge(),ye(r[a],1,1,(()=>{r[a]=null})),be(),n=r[t],n?n.p(e,l):(n=r[t]=o[t](e),n.c()),$e(n,1),n.m(i.parentNode,i))},i(e){l||($e(n),l=!0)},o(e){ye(n),l=!1},d(e){r[t].d(e),e&&C(i)}}}function st(e){let t,n,i=[],l=new Map,o=e[10];const r=e=>e[37][e[13]];for(let t=0;t<o.length;t+=1){let n=it(e,o,t),s=r(n);l.set(s,i[t]=ct(s,n))}return{c(){for(let e=0;e<i.length;e+=1)i[e].c();t=T()},m(e,l){for(let t=0;t<i.length;t+=1)i[t].m(e,l);I(e,t,l),n=!0},p(e,n){if(287780&n[0]){o=e[10],ge();for(let e=0;e<i.length;e+=1)i[e].r();i=Se(i,n,r,1,e,o,l,t.parentNode,we,ct,t,it);for(let e=0;e<i.length;e+=1)i[e].a();be()}},i(e){if(!n){for(let e=0;e<o.length;e+=1)$e(i[e]);n=!0}},o(e){for(let e=0;e<i.length;e+=1)ye(i[e]);n=!1},d(e){for(let t=0;t<i.length;t+=1)i[t].d(e);e&&C(t)}}}function at(e){let n,i=e[6](e[10].length,e[10])+"";return{c(){n=E(i)},m(e,t){I(e,n,t)},p(e,t){1088&t[0]&&i!==(i=e[6](e[10].length,e[10])+"")&&H(n,i)},i:t,o:t,d(e){e&&C(n)}}}function ct(e,n){let i,l,o,r,s,a=t;var c=n[14];function d(e){return{props:{formatter:e[2],item:e[37],isSelected:!0,isMultiple:e[5],inputValue:e[18]}}}return c&&(l=new c(d(n)),l.$on("deselect",n[31])),{key:e,first:null,c(){i=F("div"),l&&ke(l.$$.fragment),o=D(),this.first=i},m(e,t){I(e,i,t),l&&Ae(l,i,null),S(i,o),s=!0},p(e,t){n=e;const r={};if(4&t[0]&&(r.formatter=n[2]),1024&t[0]&&(r.item=n[37]),32&t[0]&&(r.isMultiple=n[5]),262144&t[0]&&(r.inputValue=n[18]),c!==(c=n[14])){if(l){ge();const e=l;ye(e.$$.fragment,1,0,(()=>{ze(e,1)})),be()}c?(l=new c(d(n)),l.$on("deselect",n[31]),ke(l.$$.fragment),$e(l.$$.fragment,1),Ae(l,i,o)):l=null}else c&&l.$set(r)},r(){r=i.getBoundingClientRect()},f(){U(i),a()},a(){a(),a=Q(i,r,Xe,{duration:pt})},i(e){s||(l&&$e(l.$$.fragment,e),s=!0)},o(e){l&&ye(l.$$.fragment,e),s=!1},d(e){e&&C(i),l&&ze(l)}}}function dt(e){let n,i,l;return{c(){n=F("div"),n.innerHTML='<svg class="indicator-icon svelte-v9xikc" height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>',_(n,"aria-hidden","true"),_(n,"class","indicator-container close-icon svelte-v9xikc")},m(t,o){I(t,n,o),i||(l=[M(n,"mousedown",q(e[28])),M(n,"click",e[35])],i=!0)},p:t,d(e){e&&C(n),i=!1,o(l)}}}function ut(e){let t;return{c(){t=F("span"),_(t,"class","indicator-separator svelte-v9xikc")},m(e,n){I(e,t,n)},d(e){e&&C(t)}}}function ht(e){let t,n,i,l,s,a,c,u,m,v,b,$,y,x;const w=e[25].icon,k=d(w,e,e[24],ot);let A=e[10].length&&rt(e),z={disabled:e[3],searchable:e[1],placeholder:e[4],multiple:e[5],inputValue:e[7],hasDropdownOpened:e[9],selectedOptions:e[10]};s=new tt({props:z}),e[32](s),s.$on("focus",e[21]),s.$on("blur",e[22]),s.$on("keydown",e[33]),s.$on("paste",e[34]);let O=e[0]&&e[10].length&&!e[3]&&dt(e),E=e[0]&&ut();return{c(){t=F("div"),k&&k.c(),n=D(),i=F("div"),A&&A.c(),l=D(),ke(s.$$.fragment),c=D(),u=F("div"),O&&O.c(),m=D(),E&&E.c(),v=D(),b=F("div"),b.innerHTML='<svg width="20" height="20" class="indicator-icon svelte-v9xikc" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>',_(i,"class","sv-content sv-input-row svelte-v9xikc"),R(i,"has-multiSelection",e[5]),_(b,"aria-hidden","true"),_(b,"class","indicator-container svelte-v9xikc"),_(u,"class","indicator svelte-v9xikc"),R(u,"is-loading",e[11]),_(t,"class","sv-control svelte-v9xikc"),R(t,"is-active",e[19]),R(t,"is-disabled",e[3])},m(o,r){I(o,t,r),k&&k.m(t,null),S(t,n),S(t,i),A&&A.m(i,null),S(i,l),Ae(s,i,null),S(t,c),S(t,u),O&&O.m(u,null),S(u,m),E&&E.m(u,null),S(u,v),S(u,b),$=!0,y||(x=[g(a=e[12].call(null,i,{items:e[10],flipDurationMs:pt,morphDisabled:!0})),M(i,"consider",e[29]),M(i,"finalize",e[30]),M(b,"mousedown",q(e[27])),M(t,"mousedown",q(e[26])),M(t,"click",q(e[15]))],y=!0)},p(e,n){k&&k.p&&(!$||16777216&n[0])&&p(k,w,e,e[24],$?h(w,e[24],n,lt):f(e[24]),ot),e[10].length?A?(A.p(e,n),1024&n[0]&&$e(A,1)):(A=rt(e),A.c(),$e(A,1),A.m(i,l)):A&&(ge(),ye(A,1,1,(()=>{A=null})),be());const o={};8&n[0]&&(o.disabled=e[3]),2&n[0]&&(o.searchable=e[1]),16&n[0]&&(o.placeholder=e[4]),32&n[0]&&(o.multiple=e[5]),128&n[0]&&(o.inputValue=e[7]),512&n[0]&&(o.hasDropdownOpened=e[9]),1024&n[0]&&(o.selectedOptions=e[10]),s.$set(o),a&&r(a.update)&&1024&n[0]&&a.update.call(null,{items:e[10],flipDurationMs:pt,morphDisabled:!0}),32&n[0]&&R(i,"has-multiSelection",e[5]),e[0]&&e[10].length&&!e[3]?O?O.p(e,n):(O=dt(e),O.c(),O.m(u,m)):O&&(O.d(1),O=null),e[0]?E||(E=ut(),E.c(),E.m(u,v)):E&&(E.d(1),E=null),2048&n[0]&&R(u,"is-loading",e[11]),524288&n[0]&&R(t,"is-active",e[19]),8&n[0]&&R(t,"is-disabled",e[3])},i(e){$||($e(k,e),$e(A),$e(s.$$.fragment,e),$=!0)},o(e){ye(k,e),ye(A),ye(s.$$.fragment,e),$=!1},d(n){n&&C(t),k&&k.d(n),A&&A.d(),e[32](null),ze(s),O&&O.d(),E&&E.d(),y=!1,o(x)}}}const pt=100;function ft(e,n,i){let l,o,r,s=t,c=()=>(s(),s=a(A,(e=>i(18,l=e))),A),d=t,u=()=>(d(),d=a(I,(e=>i(36,o=e))),I),h=t,p=()=>(h(),h=a(z,(e=>i(19,r=e))),z);e.$$.on_destroy.push((()=>s())),e.$$.on_destroy.push((()=>d())),e.$$.on_destroy.push((()=>h()));let{$$slots:f={},$$scope:m}=n,{clearable:g}=n,{searchable:b}=n,{renderer:$}=n,{disabled:y}=n,{placeholder:x}=n,{multiple:w}=n,{resetOnBlur:S}=n,{collapseSelection:k}=n,{inputValue:A}=n;c();let{hasFocus:z}=n;p();let{hasDropdownOpened:I}=n;u();let{selectedOptions:C}=n,{isFetchingData:O}=n,{dndzone:F}=n,{currentValueField:E}=n,{itemComponent:D}=n;const T=ee();let M,q=!0;return e.$$set=e=>{"clearable"in e&&i(0,g=e.clearable),"searchable"in e&&i(1,b=e.searchable),"renderer"in e&&i(2,$=e.renderer),"disabled"in e&&i(3,y=e.disabled),"placeholder"in e&&i(4,x=e.placeholder),"multiple"in e&&i(5,w=e.multiple),"resetOnBlur"in e&&i(23,S=e.resetOnBlur),"collapseSelection"in e&&i(6,k=e.collapseSelection),"inputValue"in e&&c(i(7,A=e.inputValue)),"hasFocus"in e&&p(i(8,z=e.hasFocus)),"hasDropdownOpened"in e&&u(i(9,I=e.hasDropdownOpened)),"selectedOptions"in e&&i(10,C=e.selectedOptions),"isFetchingData"in e&&i(11,O=e.isFetchingData),"dndzone"in e&&i(12,F=e.dndzone),"currentValueField"in e&&i(13,E=e.currentValueField),"itemComponent"in e&&i(14,D=e.itemComponent),"$$scope"in e&&i(24,m=e.$$scope)},[g,b,$,y,x,w,k,A,z,I,C,O,F,E,D,function(e){if(!y)return e?void(r?v(I,o=!o,o):M.focus()):(!r&&M.focus(),void v(I,o=!0,o))},q,M,l,r,T,function(){v(z,r=!0,r),v(I,o=!0,o),setTimeout((()=>{i(16,q=!1)}),150)},function(){v(z,r=!1,r),v(I,o=!1,o),S&&v(A,l="",l),setTimeout((()=>{i(16,q=!0)}),100),T("blur")},S,m,f,function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(e){ie[e?"unshift":"push"]((()=>{M=e,i(17,M)}))},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},()=>T("deselect")]}class mt extends Ce{constructor(e){super(),Ie(this,e,ft,ht,s,{clearable:0,searchable:1,renderer:2,disabled:3,placeholder:4,multiple:5,resetOnBlur:23,collapseSelection:6,inputValue:7,hasFocus:8,hasDropdownOpened:9,selectedOptions:10,isFetchingData:11,dndzone:12,currentValueField:13,itemComponent:14,focusControl:15},nt,[-1,-1])}get focusControl(){return this.$$.ctx[15]}}const vt="start",gt="center",bt="end",$t={HORIZONTAL:"horizontal",VERTICAL:"vertical"},yt=0,xt=1,wt={[$t.VERTICAL]:"scrollTop",[$t.HORIZONTAL]:"scrollLeft"};class St{constructor({itemSize:e,itemCount:t,estimatedItemSize:n}){this.itemSize=e,this.itemCount=t,this.estimatedItemSize=n,this.itemSizeAndPositionData={},this.lastMeasuredIndex=-1,this.checkForMismatchItemSizeAndItemCount(),this.justInTime||this.computeTotalSizeAndPositionData()}get justInTime(){return"function"==typeof this.itemSize}updateConfig({itemSize:e,itemCount:t,estimatedItemSize:n}){null!=t&&(this.itemCount=t),null!=n&&(this.estimatedItemSize=n),null!=e&&(this.itemSize=e),this.checkForMismatchItemSizeAndItemCount(),this.justInTime&&null!=this.totalSize?this.totalSize=void 0:this.computeTotalSizeAndPositionData()}checkForMismatchItemSizeAndItemCount(){if(Array.isArray(this.itemSize)&&this.itemSize.length<this.itemCount)throw Error("When itemSize is an array, itemSize.length can't be smaller than itemCount")}getSize(e){const{itemSize:t}=this;return"function"==typeof t?t(e):Array.isArray(t)?t[e]:t}computeTotalSizeAndPositionData(){let e=0;for(let t=0;t<this.itemCount;t++){const n=this.getSize(t),i=e;e+=n,this.itemSizeAndPositionData[t]={offset:i,size:n}}this.totalSize=e}getLastMeasuredIndex(){return this.lastMeasuredIndex}getSizeAndPositionForIndex(e){if(e<0||e>=this.itemCount)throw Error(`Requested index ${e} is outside of range 0..${this.itemCount}`);return this.justInTime?this.getJustInTimeSizeAndPositionForIndex(e):this.itemSizeAndPositionData[e]}getJustInTimeSizeAndPositionForIndex(e){if(e>this.lastMeasuredIndex){const t=this.getSizeAndPositionOfLastMeasuredItem();let n=t.offset+t.size;for(let t=this.lastMeasuredIndex+1;t<=e;t++){const e=this.getSize(t);if(null==e||isNaN(e))throw Error(`Invalid size returned for index ${t} of value ${e}`);this.itemSizeAndPositionData[t]={offset:n,size:e},n+=e}this.lastMeasuredIndex=e}return this.itemSizeAndPositionData[e]}getSizeAndPositionOfLastMeasuredItem(){return this.lastMeasuredIndex>=0?this.itemSizeAndPositionData[this.lastMeasuredIndex]:{offset:0,size:0}}getTotalSize(){if(this.totalSize)return this.totalSize;const e=this.getSizeAndPositionOfLastMeasuredItem();return e.offset+e.size+(this.itemCount-this.lastMeasuredIndex-1)*this.estimatedItemSize}getUpdatedOffsetForIndex({align:e=vt,containerSize:t,currentOffset:n,targetIndex:i}){if(t<=0)return 0;const l=this.getSizeAndPositionForIndex(i),o=l.offset,r=o-t+l.size;let s;switch(e){case bt:s=r;break;case gt:s=o-(t-l.size)/2;break;case vt:s=o;break;default:s=Math.max(r,Math.min(o,n))}const a=this.getTotalSize();return Math.max(0,Math.min(a-t,s))}getVisibleRange({containerSize:e=0,offset:t,overscanCount:n}){if(0===this.getTotalSize())return{};const i=t+e;let l=this.findNearestItem(t);if(void 0===l)throw Error(`Invalid offset ${t} specified`);const o=this.getSizeAndPositionForIndex(l);t=o.offset+o.size;let r=l;for(;t<i&&r<this.itemCount-1;)r++,t+=this.getSizeAndPositionForIndex(r).size;return n&&(l=Math.max(0,l-n),r=Math.min(r+n,this.itemCount-1)),{start:l,stop:r}}resetItem(e){this.lastMeasuredIndex=Math.min(this.lastMeasuredIndex,e-1)}findNearestItem(e){if(isNaN(e))throw Error(`Invalid offset ${e} specified`);e=Math.max(0,e);const t=this.getSizeAndPositionOfLastMeasuredItem(),n=Math.max(0,this.lastMeasuredIndex);return t.offset>=e?this.binarySearch({high:n,low:0,offset:e}):this.exponentialSearch({index:n,offset:e})}binarySearch({low:e,high:t,offset:n}){let i=0,l=0;for(;e<=t;){if(i=e+Math.floor((t-e)/2),l=this.getSizeAndPositionForIndex(i).offset,l===n)return i;l<n?e=i+1:l>n&&(t=i-1)}return e>0?e-1:0}exponentialSearch({index:e,offset:t}){let n=1;for(;e<this.itemCount&&this.getSizeAndPositionForIndex(e).offset<t;)e+=n,n*=2;return this.binarySearch({high:Math.min(e,this.itemCount-1),low:Math.floor(e/2),offset:t})}}function kt(e){k(e,"svelte-1he1ex4",".virtual-list-wrapper.svelte-1he1ex4{overflow:auto;will-change:transform;-webkit-overflow-scrolling:touch}.virtual-list-inner.svelte-1he1ex4{position:relative;display:flex;width:100%;min-height:100%}")}const At=e=>({}),zt=e=>({});function It(e,t,n){const i=e.slice();return i[36]=t[n],i}const Ct=e=>({style:4&e[0],index:4&e[0]}),Ot=e=>({style:e[36].style,index:e[36].index}),Ft=e=>({}),Et=e=>({});function Dt(e,t){let n,i;const l=t[20].item,o=d(l,t,t[19],Ot);return{key:e,first:null,c(){n=T(),o&&o.c(),this.first=n},m(e,t){I(e,n,t),o&&o.m(e,t),i=!0},p(e,n){t=e,o&&o.p&&(!i||524292&n[0])&&p(o,l,t,t[19],i?h(l,t[19],n,Ct):f(t[19]),Ot)},i(e){i||($e(o,e),i=!0)},o(e){ye(o,e),i=!1},d(e){e&&C(n),o&&o.d(e)}}}function Tt(e){let t,n,i,l,o,r=[],s=new Map;const a=e[20].header,c=d(a,e,e[19],Et);let u=e[2];const m=e=>e[0]?e[0](e[36].index):e[36].index;for(let t=0;t<u.length;t+=1){let n=It(e,u,t),i=m(n);s.set(i,r[t]=Dt(i,n))}const v=e[20].footer,g=d(v,e,e[19],zt);return{c(){t=F("div"),c&&c.c(),n=D(),i=F("div");for(let e=0;e<r.length;e+=1)r[e].c();l=D(),g&&g.c(),_(i,"class","virtual-list-inner svelte-1he1ex4"),_(i,"style",e[4]),_(t,"class","virtual-list-wrapper svelte-1he1ex4"),_(t,"style",e[3])},m(s,a){I(s,t,a),c&&c.m(t,null),S(t,n),S(t,i);for(let e=0;e<r.length;e+=1)r[e].m(i,null);S(t,l),g&&g.m(t,null),e[21](t),o=!0},p(e,n){c&&c.p&&(!o||524288&n[0])&&p(c,a,e,e[19],o?h(a,e[19],n,Ft):f(e[19]),Et),524293&n[0]&&(u=e[2],ge(),r=Se(r,n,m,1,e,u,s,i,xe,Dt,null,It),be()),(!o||16&n[0])&&_(i,"style",e[4]),g&&g.p&&(!o||524288&n[0])&&p(g,v,e,e[19],o?h(v,e[19],n,At):f(e[19]),zt),(!o||8&n[0])&&_(t,"style",e[3])},i(e){if(!o){$e(c,e);for(let e=0;e<u.length;e+=1)$e(r[e]);$e(g,e),o=!0}},o(e){ye(c,e);for(let e=0;e<r.length;e+=1)ye(r[e]);ye(g,e),o=!1},d(n){n&&C(t),c&&c.d(n);for(let e=0;e<r.length;e+=1)r[e].d();g&&g.d(n),e[21](null)}}}const Mt=(()=>{let e=!1;try{const t=Object.defineProperty({},"passive",{get:()=>(e={passive:!0},!0)});window.addEventListener("testpassive",t,t),window.remove("testpassive",t,t)}catch(e){}return e})();function qt(e,t,n){let{$$slots:i={},$$scope:l}=t,{height:o}=t,{width:r="100%"}=t,{itemCount:s}=t,{itemSize:a}=t,{estimatedItemSize:c=null}=t,{stickyIndices:d=null}=t,{getKey:u=null}=t,{scrollDirection:h=$t.VERTICAL}=t,{scrollOffset:p=null}=t,{scrollToIndex:f=null}=t,{scrollToAlignment:m=null}=t,{overscanCount:v=3}=t;const g=ee(),b=new St({itemCount:s,itemSize:a,estimatedItemSize:T()});let $,y=!1,x=[],w={offset:p||null!=f&&x.length&&E(f)||0,scrollChangeReason:xt},S=w,k={scrollToIndex:f,scrollToAlignment:m,scrollOffset:p,itemCount:s,itemSize:a,estimatedItemSize:c},A={},z="",I="";function C(){const{offset:e}=w,{start:t,stop:i}=b.getVisibleRange({containerSize:h===$t.VERTICAL?o:r,offset:e,overscanCount:v});let l=[];const s=b.getTotalSize();h===$t.VERTICAL?(n(3,z=`height:${o}px;width:${r};`),n(4,I=`flex-direction:column;height:${s}px;`)):(n(3,z=`height:${o};width:${r}px`),n(4,I=`width:${s}px;`));const a=null!=d&&0!==d.length;if(a)for(let e=0;e<d.length;e++){const t=d[e];l.push({index:t,style:M(t,!0)})}if(void 0!==t&&void 0!==i){for(let e=t;e<=i;e++)a&&d.includes(e)||l.push({index:e,style:M(e,!1)});g("itemsUpdated",{startIndex:t,stopIndex:i})}n(2,x=l)}function O(e){n(1,$[wt[h]]=e,$)}function F(e=0){A={},b.resetItem(e),C()}function E(e,t=m,n=s){return(e<0||e>=n)&&(e=0),b.getUpdatedOffsetForIndex({align:t,containerSize:h===$t.VERTICAL?o:r,currentOffset:w.offset||0,targetIndex:e})}function D(e){const t=$[wt[h]];t<0||w.offset===t||e.target!==$||(n(18,w={offset:t,scrollChangeReason:yt}),g("afterScroll",{offset:t,event:e}))}function T(){return c||"number"==typeof a&&a||50}function M(e,t){if(A[e])return A[e];const{size:n,offset:i}=b.getSizeAndPositionForIndex(e);let l;return h===$t.VERTICAL?(l=`left:0;width:100%;height:${n}px;`,l+=t?`position:sticky;flex-grow:0;z-index:1;top:0;margin-top:${i}px;margin-bottom:${-(i+n)}px;`:`position:absolute;top:${i}px;`):(l=`top:0;width:${n}px;`,l+=t?`position:sticky;z-index:1;left:0;margin-left:${i}px;margin-right:${-(i+n)}px;`:`position:absolute;height:100%;left:${i}px;`),A[e]=l}return C(),Z((()=>{n(17,y=!0),$.addEventListener("scroll",D,Mt),null!=p?O(p):null!=f&&O(E(f))})),Y((()=>{y&&$.removeEventListener("scroll",D)})),e.$$set=e=>{"height"in e&&n(5,o=e.height),"width"in e&&n(6,r=e.width),"itemCount"in e&&n(7,s=e.itemCount),"itemSize"in e&&n(8,a=e.itemSize),"estimatedItemSize"in e&&n(9,c=e.estimatedItemSize),"stickyIndices"in e&&n(10,d=e.stickyIndices),"getKey"in e&&n(0,u=e.getKey),"scrollDirection"in e&&n(11,h=e.scrollDirection),"scrollOffset"in e&&n(12,p=e.scrollOffset),"scrollToIndex"in e&&n(13,f=e.scrollToIndex),"scrollToAlignment"in e&&n(14,m=e.scrollToAlignment),"overscanCount"in e&&n(15,v=e.overscanCount),"$$scope"in e&&n(19,l=e.$$scope)},e.$$.update=()=>{29568&e.$$.dirty[0]&&function(){if(!y)return;const e=k.scrollToIndex!==f||k.scrollToAlignment!==m,t=k.itemCount!==s||k.itemSize!==a||k.estimatedItemSize!==c;t&&(b.updateConfig({itemSize:a,itemCount:s,estimatedItemSize:T()}),F()),k.scrollOffset!==p?n(18,w={offset:p||0,scrollChangeReason:xt}):"number"==typeof f&&(e||t)&&n(18,w={offset:E(f,m,s),scrollChangeReason:xt}),k={scrollToIndex:f,scrollToAlignment:m,scrollOffset:p,itemCount:s,itemSize:a,estimatedItemSize:c}}(),262144&e.$$.dirty[0]&&function(){if(!y)return;const{offset:e,scrollChangeReason:t}=w;S.offset===e&&S.scrollChangeReason===t||C(),S.offset!==e&&t===xt&&O(e),S=w}(),132192&e.$$.dirty[0]&&y&&F(o)},[u,$,x,z,I,o,r,s,a,c,d,h,p,f,m,v,F,y,w,l,i,function(e){ie[e?"unshift":"push"]((()=>{$=e,n(1,$)}))}]}class _t extends Ce{constructor(e){super(),Ie(this,e,qt,Tt,s,{height:5,width:6,itemCount:7,itemSize:8,estimatedItemSize:9,stickyIndices:10,getKey:0,scrollDirection:11,scrollOffset:12,scrollToIndex:13,scrollToAlignment:14,overscanCount:15,recomputeSizes:16},kt,[-1,-1])}get recomputeSizes(){return this.$$.ctx[16]}}function Ht(e){k(e,"svelte-aqpko7",'.sv-dropdown.svelte-aqpko7.svelte-aqpko7{box-sizing:border-box;position:absolute;background-color:var(--sv-bg);width:100%;display:none;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;box-shadow:var(--sv-dropdown-shadow);z-index:2}.sv-dropdown.is-virtual.svelte-aqpko7 .sv-dropdown-scroll.svelte-aqpko7{overflow-y:hidden}.sv-dropdown-scroll.svelte-aqpko7.svelte-aqpko7{padding:4px;box-sizing:border-box;max-height:var(--sv-dropdown-height);overflow-y:auto;overflow-x:hidden}.sv-dropdown-scroll.is-empty.svelte-aqpko7.svelte-aqpko7{padding:0}.sv-dropdown[aria-expanded="true"].svelte-aqpko7.svelte-aqpko7{display:block}.sv-dropdown-content.max-reached.svelte-aqpko7.svelte-aqpko7{opacity:0.75;cursor:not-allowed}.sv-dropdown-scroll.svelte-aqpko7:not(.is-empty)+.creatable-row-wrap.svelte-aqpko7{border-top:1px solid #efefef}.creatable-row-wrap.svelte-aqpko7.svelte-aqpko7{padding:4px}.creatable-row.svelte-aqpko7.svelte-aqpko7{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-radius:2px;padding:3px 3px 3px 6px}.creatable-row.svelte-aqpko7.svelte-aqpko7:hover,.creatable-row.svelte-aqpko7.svelte-aqpko7:active,.creatable-row.active.svelte-aqpko7.svelte-aqpko7{background-color:var(--sv-item-active-bg)}.creatable-row.active.is-disabled.svelte-aqpko7.svelte-aqpko7{opacity:0.5;background-color:rgb(252, 186, 186)}.creatable-row.is-disabled.svelte-aqpko7.svelte-aqpko7{opacity:0.5;cursor:not-allowed}.shortcut.svelte-aqpko7.svelte-aqpko7{display:flex;align-items:center;align-content:center}.shortcut.svelte-aqpko7>kbd.svelte-aqpko7{border:1px solid #efefef;border-radius:4px;padding:0px 6px;margin:-1px 0;background-color:white;line-height:1.6;height:22px}.empty-list-row.svelte-aqpko7.svelte-aqpko7{min-width:0px;box-sizing:border-box;border-radius:2px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;padding:7px 7px 7px 10px;text-align:left}')}function Pt(e,t,n){const i=e.slice();return i[47]=t[n],i[49]=n,i}function Lt(e){let t,n,i,l,o,r,s,a,c=e[5].length&&Vt(e),d=(e[17]||e[2])&&Gt(e),u=e[8]&&e[1]&&!e[2]&&Wt(e);return{c(){t=F("div"),n=F("div"),i=F("div"),c&&c.c(),l=D(),d&&d.c(),o=D(),u&&u.c(),_(i,"class","sv-dropdown-content svelte-aqpko7"),R(i,"max-reached",e[2]),_(n,"class","sv-dropdown-scroll svelte-aqpko7"),R(n,"is-empty",!e[5].length),_(t,"class","sv-dropdown svelte-aqpko7"),_(t,"aria-expanded",e[25]),_(t,"tabindex","-1"),R(t,"is-virtual",e[7])},m(h,p){I(h,t,p),S(t,n),S(n,i),c&&c.m(i,null),S(i,l),d&&d.m(i,null),e[39](i),e[40](n),S(t,o),u&&u.m(t,null),r=!0,s||(a=M(t,"mousedown",q(e[33])),s=!0)},p(e,o){e[5].length?c?(c.p(e,o),32&o[0]&&$e(c,1)):(c=Vt(e),c.c(),$e(c,1),c.m(i,l)):c&&(ge(),ye(c,1,1,(()=>{c=null})),be()),e[17]||e[2]?d?d.p(e,o):(d=Gt(e),d.c(),d.m(i,null)):d&&(d.d(1),d=null),4&o[0]&&R(i,"max-reached",e[2]),32&o[0]&&R(n,"is-empty",!e[5].length),e[8]&&e[1]&&!e[2]?u?u.p(e,o):(u=Wt(e),u.c(),u.m(t,null)):u&&(u.d(1),u=null),(!r||33554432&o[0])&&_(t,"aria-expanded",e[25]),128&o[0]&&R(t,"is-virtual",e[7])},i(e){r||($e(c),r=!0)},o(e){ye(c),r=!1},d(n){n&&C(t),c&&c.d(),d&&d.d(),e[39](null),e[40](null),u&&u.d(),s=!1,a()}}}function Vt(e){let t,n,i,l;const o=[Nt,Rt],r=[];function s(e,t){return e[7]?0:1}return t=s(e),n=r[t]=o[t](e),{c(){n.c(),i=T()},m(e,n){r[t].m(e,n),I(e,i,n),l=!0},p(e,l){let a=t;t=s(e),t===a?r[t].p(e,l):(ge(),ye(r[a],1,1,(()=>{r[a]=null})),be(),n=r[t],n?n.p(e,l):(n=r[t]=o[t](e),n.c()),$e(n,1),n.m(i.parentNode,i))},i(e){l||($e(n),l=!0)},o(e){ye(n),l=!1},d(e){r[t].d(e),e&&C(i)}}}function Rt(e){let t,n,i=e[5],l=[];for(let t=0;t<i.length;t+=1)l[t]=Bt(Pt(e,i,t));const o=e=>ye(l[e],1,1,(()=>{l[e]=null}));return{c(){for(let e=0;e<l.length;e+=1)l[e].c();t=T()},m(e,i){for(let t=0;t<l.length;t+=1)l[t].m(e,i);I(e,t,i),n=!0},p(e,n){if(37689&n[0]){let r;for(i=e[5],r=0;r<i.length;r+=1){const o=Pt(e,i,r);l[r]?(l[r].p(o,n),$e(l[r],1)):(l[r]=Bt(o),l[r].c(),$e(l[r],1),l[r].m(t.parentNode,t))}for(ge(),r=i.length;r<l.length;r+=1)o(r);be()}},i(e){if(!n){for(let e=0;e<i.length;e+=1)$e(l[e]);n=!0}},o(e){l=l.filter(Boolean);for(let e=0;e<l.length;e+=1)ye(l[e]);n=!1},d(e){O(l,e),e&&C(t)}}}function Nt(e){let t,n,i={width:"100%",height:e[23],itemCount:e[5].length,itemSize:e[19],scrollToAlignment:"auto",scrollToIndex:e[0]?parseInt(e[0]):null,$$slots:{item:[jt,({style:e,index:t})=>({45:e,46:t}),({style:e,index:t})=>[0,(e?16384:0)|(t?32768:0)]]},$$scope:{ctx:e}};return t=new _t({props:i}),e[36](t),{c(){ke(t.$$.fragment)},m(e,i){Ae(t,e,i),n=!0},p(e,n){const i={};8388608&n[0]&&(i.height=e[23]),32&n[0]&&(i.itemCount=e[5].length),524288&n[0]&&(i.itemSize=e[19]),1&n[0]&&(i.scrollToIndex=e[0]?parseInt(e[0]):null),37689&n[0]|573440&n[1]&&(i.$$scope={dirty:n,ctx:e}),t.$set(i)},i(e){n||($e(t.$$.fragment,e),n=!0)},o(e){ye(t.$$.fragment,e),n=!1},d(n){e[36](null),ze(t,n)}}}function Bt(e){let t,n,i,l,o;var r=e[15];function s(e){return{props:{formatter:e[3],index:e[9].map[e[49]],isDisabled:e[47][e[12]],item:e[47],inputValue:e[8],disableHighlight:e[4]}}}return r&&(n=new r(s(e)),n.$on("hover",e[37]),n.$on("select",e[38])),{c(){t=F("div"),n&&ke(n.$$.fragment),i=D(),_(t,"data-pos",l=e[9].map[e[49]]),_(t,"class","sv-dd-item"),R(t,"sv-dd-item-active",e[9].map[e[49]]==e[0]),R(t,"sv-group-item",e[47].$isGroupItem),R(t,"sv-group-header",e[47].$isGroupHeader)},m(e,l){I(e,t,l),n&&Ae(n,t,null),S(t,i),o=!0},p(e,a){const c={};if(8&a[0]&&(c.formatter=e[3]),512&a[0]&&(c.index=e[9].map[e[49]]),4128&a[0]&&(c.isDisabled=e[47][e[12]]),32&a[0]&&(c.item=e[47]),256&a[0]&&(c.inputValue=e[8]),16&a[0]&&(c.disableHighlight=e[4]),r!==(r=e[15])){if(n){ge();const e=n;ye(e.$$.fragment,1,0,(()=>{ze(e,1)})),be()}r?(n=new r(s(e)),n.$on("hover",e[37]),n.$on("select",e[38]),ke(n.$$.fragment),$e(n.$$.fragment,1),Ae(n,t,i)):n=null}else r&&n.$set(c);(!o||512&a[0]&&l!==(l=e[9].map[e[49]]))&&_(t,"data-pos",l),513&a[0]&&R(t,"sv-dd-item-active",e[9].map[e[49]]==e[0]),32&a[0]&&R(t,"sv-group-item",e[47].$isGroupItem),32&a[0]&&R(t,"sv-group-header",e[47].$isGroupHeader)},i(e){o||(n&&$e(n.$$.fragment,e),o=!0)},o(e){n&&ye(n.$$.fragment,e),o=!1},d(e){e&&C(t),n&&ze(n)}}}function jt(e){let t,n,i,l;var o=e[15];function r(e){return{props:{formatter:e[3],index:e[9].map[e[46]],isDisabled:e[5][e[46]][e[12]],item:e[5][e[46]],inputValue:e[8],disableHighlight:e[4]}}}return o&&(n=new o(r(e)),n.$on("hover",e[34]),n.$on("select",e[35])),{c(){t=F("div"),n&&ke(n.$$.fragment),_(t,"slot","item"),_(t,"style",i=e[45]),_(t,"class","sv-dd-item"),R(t,"sv-dd-item-active",e[46]==e[0]),R(t,"sv-group-item",e[5][e[46]].$isGroupItem),R(t,"sv-group-header",e[5][e[46]].$isGroupHeader)},m(e,i){I(e,t,i),n&&Ae(n,t,null),l=!0},p(e,s){const a={};if(8&s[0]&&(a.formatter=e[3]),512&s[0]|32768&s[1]&&(a.index=e[9].map[e[46]]),4128&s[0]|32768&s[1]&&(a.isDisabled=e[5][e[46]][e[12]]),32&s[0]|32768&s[1]&&(a.item=e[5][e[46]]),256&s[0]&&(a.inputValue=e[8]),16&s[0]&&(a.disableHighlight=e[4]),o!==(o=e[15])){if(n){ge();const e=n;ye(e.$$.fragment,1,0,(()=>{ze(e,1)})),be()}o?(n=new o(r(e)),n.$on("hover",e[34]),n.$on("select",e[35]),ke(n.$$.fragment),$e(n.$$.fragment,1),Ae(n,t,null)):n=null}else o&&n.$set(a);(!l||16384&s[1]&&i!==(i=e[45]))&&_(t,"style",i),1&s[0]|32768&s[1]&&R(t,"sv-dd-item-active",e[46]==e[0]),32&s[0]|32768&s[1]&&R(t,"sv-group-item",e[5][e[46]].$isGroupItem),32&s[0]|32768&s[1]&&R(t,"sv-group-header",e[5][e[46]].$isGroupHeader)},i(e){l||(n&&$e(n.$$.fragment,e),l=!0)},o(e){n&&ye(n.$$.fragment,e),l=!1},d(e){e&&C(t),n&&ze(n)}}}function Gt(e){let t,n;return{c(){t=F("div"),n=E(e[11]),_(t,"class","empty-list-row svelte-aqpko7")},m(e,i){I(e,t,i),S(t,n)},p(e,t){2048&t[0]&&H(n,e[11])},d(e){e&&C(t)}}}function Wt(e){let t,n,i,l,s,a,c=e[13](e[8])+"",d=e[24]!=e[0]&&Kt(e);return{c(){t=F("div"),n=F("div"),i=new N,l=D(),d&&d.c(),i.a=l,_(n,"class","creatable-row svelte-aqpko7"),R(n,"active",e[24]==e[0]),R(n,"is-disabled",e[6].includes(e[8])),_(t,"class","creatable-row-wrap svelte-aqpko7")},m(o,u){I(o,t,u),S(t,n),i.m(c,n),S(n,l),d&&d.m(n,null),s||(a=[M(n,"click",(function(){r(e[26]("select",e[8]))&&e[26]("select",e[8]).apply(this,arguments)})),M(n,"mouseenter",(function(){r(e[26]("hover",e[9].last))&&e[26]("hover",e[9].last).apply(this,arguments)}))],s=!0)},p(t,l){e=t,8448&l[0]&&c!==(c=e[13](e[8])+"")&&i.p(c),e[24]!=e[0]?d?d.p(e,l):(d=Kt(e),d.c(),d.m(n,null)):d&&(d.d(1),d=null),16777217&l[0]&&R(n,"active",e[24]==e[0]),320&l[0]&&R(n,"is-disabled",e[6].includes(e[8]))},d(e){e&&C(t),d&&d.d(),s=!1,o(a)}}}function Kt(e){let t,n,i,l,o;return{c(){t=F("span"),n=F("kbd"),i=E(e[14]),l=E("+"),o=F("kbd"),o.textContent="Enter",_(n,"class","svelte-aqpko7"),_(o,"class","svelte-aqpko7"),_(t,"class","shortcut svelte-aqpko7")},m(e,r){I(e,t,r),S(t,n),S(n,i),S(t,l),S(t,o)},p(e,t){16384&t[0]&&H(i,e[14])},d(e){e&&C(t)}}}function Qt(e){let t,n,i=e[16]&&e[18]&&Lt(e);return{c(){i&&i.c(),t=T()},m(e,l){i&&i.m(e,l),I(e,t,l),n=!0},p(e,n){e[16]&&e[18]?i?(i.p(e,n),327680&n[0]&&$e(i,1)):(i=Lt(e),i.c(),$e(i,1),i.m(t.parentNode,t)):i&&(ge(),ye(i,1,1,(()=>{i=null})),be())},i(e){n||($e(i),n=!0)},o(e){ye(i),n=!1},d(e){i&&i.d(e),e&&C(t)}}}function Ut(e,n,i){let l,o,r,s=t,c=()=>(s(),s=a(S,(e=>i(25,r=e))),S);e.$$.on_destroy.push((()=>s()));let{lazyDropdown:d}=n,{creatable:u}=n,{maxReached:h=!1}=n,{dropdownIndex:p=0}=n,{renderer:f}=n,{disableHighlight:m}=n,{items:v=[]}=n,{alreadyCreated:g}=n,{virtualList:b}=n,{vlItemSize:$}=n,{vlHeight:y}=n,{inputValue:x}=n,{listIndex:w}=n,{hasDropdownOpened:S}=n;c();let{listMessage:k}=n,{disabledField:A}=n,{createLabel:z}=n,{metaKey:I}=n,{itemComponent:C}=n;function O(e){if(b)return;const t=E.querySelector(`[data-pos="${p}"]`);if(!t)return;const n=t.getBoundingClientRect(),l=D.getBoundingClientRect(),o=t.offsetHeight/3,r=e&&e.center?D.offsetHeight/2:0;switch(!0){case t.offsetTop<D.scrollTop:i(21,D.scrollTop=t.offsetTop-o+r,D);break;case t.offsetTop+n.height>D.scrollTop+l.height:i(21,D.scrollTop=t.offsetTop+n.height-D.offsetHeight+o+r,D)}}const F=ee();let E,D,T,M=!1,q=!1,_=!d,H=y,P=$,L=null===y&&null===$;function V(e){if(!D&&!_)return;const t=function(e){if(!e)return!1;const t=e.getBoundingClientRect(),n={};return n.top=t.top<0||t.top-t.height<0,n.left=t.left<0,n.bottom=t.bottom>(window.innerHeight||document.documentElement.clientHeight),n.right=t.right>(window.innerWidth||document.documentElement.clientWidth),n.any=n.top||n.left||n.bottom||n.right,n}(D.parentElement);t.bottom&&!t.top?i(21,D.parentElement.style.bottom=D.parentElement.parentElement.clientHeight+1+"px",D):e&&!t.top||i(21,D.parentElement.style.bottom="",D)}function R(){if(!T)return;const e=(e,t)=>{const n=window.getComputedStyle(e);let{groups:{value:i,unit:l}}=n[t].match(/(?<value>\d+)(?<unit>[a-zA-Z]+)/);if(i=parseFloat(i),"px"!==l){const e="rem"===l?document.documentElement:D.parentElement.parentElement;i*=parseFloat(window.getComputedStyle(e).fontSize.match(/\d+/).shift())}return i};i(32,H=e(D,"maxHeight")-e(D,"paddingTop")-e(D,"paddingBottom")),i(21,D.parentElement.style="opacity: 0; display: block",D);const t=T.$$.ctx[1].firstElementChild.firstElementChild;if(t){t.style="";const e=t.getBoundingClientRect().height,n=T.$$.ctx[1].firstElementChild.firstElementChild.nextElementSibling;let l;if(n&&(n.style="",l=n.getBoundingClientRect().height),e!==l){const t=v[0].$isGroupHeader?e:l,n=v[0].$isGroupHeader?l:e;i(19,P=v.map((e=>e.$isGroupHeader?t:n)))}else i(19,P=e)}i(21,D.parentElement.style="",D)}let N=()=>{};return Z((()=>{N=S.subscribe((e=>{!_&&e&&i(18,_=!0),ce().then((()=>{V(e),e&&O({center:!0})})),document[e?"addEventListener":"removeEventListener"]("scroll",(()=>V(e)),{passive:!0})})),i(16,M=!0)})),Y((()=>N())),e.$$set=e=>{"lazyDropdown"in e&&i(27,d=e.lazyDropdown),"creatable"in e&&i(1,u=e.creatable),"maxReached"in e&&i(2,h=e.maxReached),"dropdownIndex"in e&&i(0,p=e.dropdownIndex),"renderer"in e&&i(3,f=e.renderer),"disableHighlight"in e&&i(4,m=e.disableHighlight),"items"in e&&i(5,v=e.items),"alreadyCreated"in e&&i(6,g=e.alreadyCreated),"virtualList"in e&&i(7,b=e.virtualList),"vlItemSize"in e&&i(28,$=e.vlItemSize),"vlHeight"in e&&i(29,y=e.vlHeight),"inputValue"in e&&i(8,x=e.inputValue),"listIndex"in e&&i(9,w=e.listIndex),"hasDropdownOpened"in e&&c(i(10,S=e.hasDropdownOpened)),"listMessage"in e&&i(11,k=e.listMessage),"disabledField"in e&&i(12,A=e.disabledField),"createLabel"in e&&i(13,z=e.createLabel),"metaKey"in e&&i(14,I=e.metaKey),"itemComponent"in e&&i(15,C=e.itemComponent)},e.$$.update=()=>{32&e.$$.dirty[0]&&i(24,l=v.length),459170&e.$$.dirty[0]&&(i(17,q=v.length<1&&(!u||!x)),b&&L&&M&&_&&(q&&i(0,p=null),i(19,P=0),ce().then(R).then(V))),524320&e.$$.dirty[0]|2&e.$$.dirty[1]&&i(23,o=Math.min(H,Array.isArray(P)?P.reduce(((e,t)=>e+=t),0):v.length*P))},[p,u,h,f,m,v,g,b,x,w,S,k,A,z,I,C,M,q,_,P,E,D,T,o,l,r,F,d,$,y,O,function(){return b?[D.offsetHeight,P]:[D.offsetHeight,E.firstElementChild.offsetHeight]},H,function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(e){ie[e?"unshift":"push"]((()=>{T=e,i(22,T)}))},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(e){ie[e?"unshift":"push"]((()=>{E=e,i(20,E)}))},function(e){ie[e?"unshift":"push"]((()=>{D=e,i(21,D)}))}]}class Jt extends Ce{constructor(e){super(),Ie(this,e,Ut,Qt,s,{lazyDropdown:27,creatable:1,maxReached:2,dropdownIndex:0,renderer:3,disableHighlight:4,items:5,alreadyCreated:6,virtualList:7,vlItemSize:28,vlHeight:29,inputValue:8,listIndex:9,hasDropdownOpened:10,listMessage:11,disabledField:12,createLabel:13,metaKey:14,itemComponent:15,scrollIntoView:30,getDimensions:31},Ht,[-1,-1])}get scrollIntoView(){return this.$$.ctx[30]}get getDimensions(){return this.$$.ctx[31]}}function Xt(e){k(e,"svelte-w7c5vi",".sv-item-btn.svelte-w7c5vi.svelte-w7c5vi{position:relative;display:inline-flex;align-items:center;align-self:stretch;padding:0 4px;box-sizing:border-box;border-radius:2px;border-width:0;margin:0;cursor:pointer;background-color:var(--sv-item-btn-bg, var(--sv-item-selected-bg))}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi:hover{background-color:var(--sv-item-btn-bg-hover)}.sv-item-btn.svelte-w7c5vi>svg.svelte-w7c5vi{fill:var(--sv-item-btn-icon, var(--sv-icon-color))}")}function Zt(e){let n;return{c(){n=F("button"),n.innerHTML='<svg height="16" width="16" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="svelte-w7c5vi"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>',_(n,"class","sv-item-btn svelte-w7c5vi"),_(n,"tabindex","-1"),_(n,"data-action","deselect"),_(n,"type","button")},m(e,t){I(e,n,t)},p:t,i:t,o:t,d(e){e&&C(n)}}}class Yt extends Ce{constructor(e){super(),Ie(this,e,null,Zt,s,{},Xt)}}const en=e=>e.preventDefault();function tn(e,{item:t,index:n}){function i(n){const i=n.target.closest('[data-action="deselect"]')?"deselect":"select";e.dispatchEvent(new CustomEvent(i,{bubble:!0,detail:t}))}function l(){e.dispatchEvent(new CustomEvent("hover",{detail:n}))}return e.onmousedown=en,e.onclick=i,e.addEventListener("mouseenter",l),{update(e){t=e.item,n=e.index},destroy(){e.removeEventListener("mousedown",en),e.removeEventListener("click",i),e.removeEventListener("mouseenter",l)}}}function nn(e){k(e,"svelte-1e087o6",".optgroup-header.svelte-1e087o6{padding:3px 3px 3px 6px;font-weight:bold}")}function ln(e){let t,n,i,l,s,a,c,d,u=(e[3]?`<div class="sv-item-content">${e[6](e[2],e[3],e[0])}</div>`:Ve(e[2],e[3],e[0],e[6],e[7]))+"",h=e[3]&&e[5]&&rn();return{c(){t=F("div"),n=new N,i=D(),h&&h.c(),n.a=i,_(t,"class","sv-item"),_(t,"title",l=e[2].$created?"Created item":""),R(t,"is-disabled",e[4])},m(l,o){I(l,t,o),n.m(u,t),S(t,i),h&&h.m(t,null),a=!0,c||(d=[g(s=tn.call(null,t,{item:e[2],index:e[1]})),M(t,"select",e[9]),M(t,"deselect",e[10]),M(t,"hover",e[11])],c=!0)},p(e,i){(!a||205&i)&&u!==(u=(e[3]?`<div class="sv-item-content">${e[6](e[2],e[3],e[0])}</div>`:Ve(e[2],e[3],e[0],e[6],e[7]))+"")&&n.p(u),e[3]&&e[5]?h?40&i&&$e(h,1):(h=rn(),h.c(),$e(h,1),h.m(t,null)):h&&(ge(),ye(h,1,1,(()=>{h=null})),be()),(!a||4&i&&l!==(l=e[2].$created?"Created item":""))&&_(t,"title",l),s&&r(s.update)&&6&i&&s.update.call(null,{item:e[2],index:e[1]}),16&i&&R(t,"is-disabled",e[4])},i(e){a||($e(h),a=!0)},o(e){ye(h),a=!1},d(e){e&&C(t),h&&h.d(),c=!1,o(d)}}}function on(e){let n,i,l,o,r,s=e[2].label+"";return{c(){n=F("div"),i=F("b"),l=E(s),_(n,"class","optgroup-header svelte-1e087o6")},m(t,s){I(t,n,s),S(n,i),S(i,l),o||(r=M(n,"mousedown",q(e[8])),o=!0)},p(e,t){4&t&&s!==(s=e[2].label+"")&&H(l,s)},i:t,o:t,d(e){e&&C(n),o=!1,r()}}}function rn(e){let t,n;return t=new Yt({}),{c(){ke(t.$$.fragment)},m(e,i){Ae(t,e,i),n=!0},i(e){n||($e(t.$$.fragment,e),n=!0)},o(e){ye(t.$$.fragment,e),n=!1},d(e){ze(t,e)}}}function sn(e){let t,n,i,l;const o=[on,ln],r=[];function s(e,t){return e[2].$isGroupHeader?0:1}return t=s(e),n=r[t]=o[t](e),{c(){n.c(),i=T()},m(e,n){r[t].m(e,n),I(e,i,n),l=!0},p(e,[l]){let a=t;t=s(e),t===a?r[t].p(e,l):(ge(),ye(r[a],1,1,(()=>{r[a]=null})),be(),n=r[t],n?n.p(e,l):(n=r[t]=o[t](e),n.c()),$e(n,1),n.m(i.parentNode,i))},i(e){l||($e(n),l=!0)},o(e){ye(n),l=!1},d(e){r[t].d(e),e&&C(i)}}}function an(e,t,n){let{inputValue:i}=t,{index:l=-1}=t,{item:o={}}=t,{isSelected:r=!1}=t,{isDisabled:s=!1}=t,{isMultiple:a=!1}=t,{formatter:c=null}=t,{disableHighlight:d=!1}=t;return e.$$set=e=>{"inputValue"in e&&n(0,i=e.inputValue),"index"in e&&n(1,l=e.index),"item"in e&&n(2,o=e.item),"isSelected"in e&&n(3,r=e.isSelected),"isDisabled"in e&&n(4,s=e.isDisabled),"isMultiple"in e&&n(5,a=e.isMultiple),"formatter"in e&&n(6,c=e.formatter),"disableHighlight"in e&&n(7,d=e.disableHighlight)},[i,l,o,r,s,a,c,d,function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)}]}class cn extends Ce{constructor(e){super(),Ie(this,e,an,sn,s,{inputValue:0,index:1,item:2,isSelected:3,isDisabled:4,isMultiple:5,formatter:6,disableHighlight:7},nn)}}function dn(e){k(e,"svelte-1lvkhl0",".svelecte-control.svelte-1lvkhl0{--sv-bg:#fff;--sv-color:inherit;--sv-min-height:38px;--sv-border-color:#ccc;--sv-border:1px solid var(--sv-border-color);--sv-active-border:1px solid #555;--sv-active-outline:none;--sv-disabled-bg:#f2f2f2;--sv-disabled-border-color:#e6e6e6;--sv-placeholder-color:#ccccc6;--sv-icon-color:#ccc;--sv-icon-hover:#999;--sv-loader-border:3px solid #dbdbdb;--sv-dropdown-shadow:0 6px 12px rgba(0,0,0,0.175);--sv-dropdown-height:250px;--sv-item-selected-bg:#efefef;--sv-item-color:#333333;--sv-item-active-color:var(--sv-item-color);--sv-item-active-bg:#F2F5F8;--sv-item-btn-bg:var(--sv-item-selected-bg);--sv-item-btn-bg-hover:#ddd;--sv-item-btn-icon:var(--sv-item-color);--sv-highlight-bg:yellow;--sv-highlight-color:var(--sv-item-color)}.svelecte.svelte-1lvkhl0{position:relative;flex:1 1 auto;color:var(--sv-color)}.svelecte.is-disabled.svelte-1lvkhl0{pointer-events:none}.icon-slot.svelte-1lvkhl0{display:flex}.is-hidden.svelte-1lvkhl0{opacity:0;position:absolute;z-index:-2;top:0;height:38px}.svelecte-control .has-multiSelection .sv-item{background-color:var(--sv-item-selected-bg);margin:2px 4px 2px 0}.svelecte-control .has-multiSelection .sv-item-content,.svelecte-control .sv-dropdown-content .sv-item{padding:3px 3px 3px 6px}.svelecte-control .sv-item{display:flex;min-width:0px;box-sizing:border-box;border-radius:2px;cursor:default}.svelecte-control .sv-item.is-disabled{opacity:0.5;cursor:not-allowed}.svelecte-control .sv-item-content{color:var(--sv-item-color, var(--sv-color));text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;width:100%}.svelecte-control .sv-dd-item-active > .sv-item{background-color:var(--sv-item-active-bg)}.svelecte-control .sv-dd-item-active > .sv-item .sv-item-content{color:var(--sv-item-active-color, var(--sv-item-color))}.svelecte-control .highlight{background-color:var(--sv-highlight-bg);color:var(--sv-highlight-color, var(--sv-color))}")}function un(e,t,n){const i=e.slice();return i[108]=t[n],i}const hn=e=>({}),pn=e=>({});function fn(e){let t,n;const i=e[84].icon,l=d(i,e,e[90],pn);return{c(){t=F("div"),l&&l.c(),_(t,"slot","icon"),_(t,"class","icon-slot svelte-1lvkhl0")},m(e,i){I(e,t,i),l&&l.m(t,null),n=!0},p(e,t){l&&l.p&&(!n||268435456&t[2])&&p(l,i,e,e[90],n?h(i,e[90],t,hn):f(e[90]),pn)},i(e){n||($e(l,e),n=!0)},o(e){ye(l,e),n=!1},d(e){e&&C(t),l&&l.d(e)}}}function mn(e){let t,n,i,l,o=e[27],r=[];for(let t=0;t<o.length;t+=1)r[t]=vn(un(e,o,t));return{c(){t=F("select");for(let e=0;e<r.length;e+=1)r[e].c();_(t,"name",e[3]),t.multiple=e[1],_(t,"class","is-hidden svelte-1lvkhl0"),_(t,"tabindex","-1"),t.required=e[4],t.disabled=e[0]},m(o,s){I(o,t,s);for(let e=0;e<r.length;e+=1)r[e].m(t,null);e[89](t),i||(l=g(n=e[40].call(null,t,e[41])),i=!0)},p(e,n){if(184549376&n[0]){let i;for(o=e[27],i=0;i<o.length;i+=1){const l=un(e,o,i);r[i]?r[i].p(l,n):(r[i]=vn(l),r[i].c(),r[i].m(t,null))}for(;i<r.length;i+=1)r[i].d(1);r.length=o.length}8&n[0]&&_(t,"name",e[3]),2&n[0]&&(t.multiple=e[1]),16&n[0]&&(t.required=e[4]),1&n[0]&&(t.disabled=e[0])},d(n){n&&C(t),O(r,n),e[89](null),i=!1,l()}}}function vn(e){let t,n,i,l=e[108][e[25]]+"";return{c(){t=F("option"),n=E(l),t.__value=i=e[108][e[24]],t.value=t.__value,t.selected=!0},m(e,i){I(e,t,i),S(t,n)},p(e,o){167772160&o[0]&&l!==(l=e[108][e[25]]+"")&&H(n,l),150994944&o[0]&&i!==(i=e[108][e[24]])&&(t.__value=i,t.value=t.__value)},d(e){e&&C(t)}}}function gn(e){let t,n,i,l,o,r,s,a={renderer:e[38],disabled:e[0],clearable:e[9],searchable:e[8],placeholder:e[7],multiple:e[1],resetOnBlur:e[11],collapseSelection:e[15]?$n.collapseSelectionFn:null,inputValue:e[42],hasFocus:e[43],hasDropdownOpened:e[44],selectedOptions:e[27],isFetchingData:e[36],dndzone:e[12],currentValueField:e[24],itemComponent:e[14],$$slots:{icon:[fn]},$$scope:{ctx:e}};n=new mt({props:a}),e[85](n),n.$on("deselect",e[46]),n.$on("keydown",e[48]),n.$on("paste",e[49]),n.$on("consider",e[50]),n.$on("finalize",e[50]),n.$on("blur",e[86]);let c={renderer:e[38],disableHighlight:e[10],creatable:e[16],maxReached:e[30],alreadyCreated:e[37],virtualList:e[18],vlHeight:e[19],vlItemSize:e[20],lazyDropdown:e[18]||e[17],dropdownIndex:e[23],items:e[29],listIndex:e[28],inputValue:e[2](e[31]),hasDropdownOpened:e[44],listMessage:e[39],disabledField:e[6],createLabel:e[26].createRowLabel,metaKey:e[34]?"⌘":"Ctrl",itemComponent:e[13]};l=new Jt({props:c}),e[87](l),l.$on("select",e[45]),l.$on("hover",e[47]),l.$on("createoption",e[88]);let d=e[3]&&!e[5]&&mn(e);return{c(){t=F("div"),ke(n.$$.fragment),i=D(),ke(l.$$.fragment),o=D(),d&&d.c(),_(t,"class",r=m(`svelecte ${e[21]}`)+" svelte-1lvkhl0"),_(t,"style",e[22]),R(t,"is-disabled",e[0])},m(e,r){I(e,t,r),Ae(n,t,null),S(t,i),Ae(l,t,null),S(t,o),d&&d.m(t,null),s=!0},p(e,i){const o={};128&i[1]&&(o.renderer=e[38]),1&i[0]&&(o.disabled=e[0]),512&i[0]&&(o.clearable=e[9]),256&i[0]&&(o.searchable=e[8]),128&i[0]&&(o.placeholder=e[7]),2&i[0]&&(o.multiple=e[1]),2048&i[0]&&(o.resetOnBlur=e[11]),32768&i[0]&&(o.collapseSelection=e[15]?$n.collapseSelectionFn:null),134217728&i[0]&&(o.selectedOptions=e[27]),32&i[1]&&(o.isFetchingData=e[36]),4096&i[0]&&(o.dndzone=e[12]),16777216&i[0]&&(o.currentValueField=e[24]),16384&i[0]&&(o.itemComponent=e[14]),268435456&i[2]&&(o.$$scope={dirty:i,ctx:e}),n.$set(o);const a={};128&i[1]&&(a.renderer=e[38]),1024&i[0]&&(a.disableHighlight=e[10]),65536&i[0]&&(a.creatable=e[16]),1073741824&i[0]&&(a.maxReached=e[30]),64&i[1]&&(a.alreadyCreated=e[37]),262144&i[0]&&(a.virtualList=e[18]),524288&i[0]&&(a.vlHeight=e[19]),1048576&i[0]&&(a.vlItemSize=e[20]),393216&i[0]&&(a.lazyDropdown=e[18]||e[17]),8388608&i[0]&&(a.dropdownIndex=e[23]),536870912&i[0]&&(a.items=e[29]),268435456&i[0]&&(a.listIndex=e[28]),4&i[0]|1&i[1]&&(a.inputValue=e[2](e[31])),256&i[1]&&(a.listMessage=e[39]),64&i[0]&&(a.disabledField=e[6]),67108864&i[0]&&(a.createLabel=e[26].createRowLabel),8&i[1]&&(a.metaKey=e[34]?"⌘":"Ctrl"),8192&i[0]&&(a.itemComponent=e[13]),l.$set(a),e[3]&&!e[5]?d?d.p(e,i):(d=mn(e),d.c(),d.m(t,null)):d&&(d.d(1),d=null),(!s||2097152&i[0]&&r!==(r=m(`svelecte ${e[21]}`)+" svelte-1lvkhl0"))&&_(t,"class",r),(!s||4194304&i[0])&&_(t,"style",e[22]),2097153&i[0]&&R(t,"is-disabled",e[0])},i(e){s||($e(n.$$.fragment,e),$e(l.$$.fragment,e),s=!0)},o(e){ye(n.$$.fragment,e),ye(l.$$.fragment,e),s=!1},d(i){i&&C(t),e[85](null),ze(n),e[87](null),ze(l),d&&d.d()}}}const bn={default(e){return e[this.label]}};const $n=je;function yn(e,t,n){let i,l,o,r,s,a,d,u,h,p,{$$slots:f={},$$scope:m}=t,{name:g="svelecte"}=t,{required:b=!1}=t,{hasAnchor:$=!1}=t,{disabled:y=je.disabled}=t,{options:x=[]}=t,{valueField:w=je.valueField}=t,{labelField:S=je.labelField}=t,{disabledField:k=je.disabledField}=t,{placeholder:A="Select"}=t,{searchable:z=je.searchable}=t,{clearable:I=je.clearable}=t,{renderer:C=null}=t,{disableHighlight:O=!1}=t,{selectOnTab:F=je.selectOnTab}=t,{resetOnBlur:E=je.resetOnBlur}=t,{dndzone:D=(()=>({noop:!0,destroy:()=>{}}))}=t,{validatorAction:T=null}=t,{dropdownItem:M=cn}=t,{controlItem:q=cn}=t,{multiple:_=je.multiple}=t,{max:H=je.max}=t,{collapseSelection:P=je.collapseSelection}=t,{creatable:L=je.creatable}=t,{creatablePrefix:V=je.creatablePrefix}=t,{allowEditing:R=je.allowEditing}=t,{keepCreated:N=je.keepCreated}=t,{delimiter:B=je.delimiter}=t,{createFilter:j=null}=t,{fetch:G=null}=t,{fetchMode:W="auto"}=t,{fetchCallback:K=je.fetchCallback}=t,{fetchResetOnBlur:Q=!0}=t,{minQuery:U=je.minQuery}=t,{lazyDropdown:J=je.lazyDropdown}=t,{virtualList:X=je.virtualList}=t,{vlHeight:Y=je.vlHeight}=t,{vlItemSize:ne=je.vlItemSize}=t,{searchField:le=null}=t,{sortField:oe=null}=t,{disableSifter:re=!1}=t,{class:se="svelecte-control"}=t,{style:ae=null}=t,{i18n:de=null}=t,{readSelection:ue=null}=t,{value:he=null}=t,{labelAsValue:pe=!1}=t,{valueAsObject:fe=je.valueAsObject}=t;const me=ee(),ve={optionsWithGroups:!1,isOptionArray:x&&x.length&&"object"!=typeof x[0],optionProps:[],valueField:w,labelField:S,labelAsValue:pe};G&&he&&(!x||x&&0===x.length)&&(x=Array.isArray(he)?he:[he]);let ge,be,$e=!1,ye=!1,xe=null,we=null,Se=w||Ne("value",x,ve),ke=S||Ne("label",x,ve),Ae=!1,ze=T?T.shift():()=>({destroy:()=>{}}),Ie=T||[],Ce=null;ve.valueField=Se,ve.labelField=ke,ve.optionProps=he&&fe&&(!_||!Array.isArray(he)||he.length>0)?Ue(_?he.slice(0,1).shift():he):[Se,ke],_=g&&!_?g.endsWith("[]"):_,j||(j=Be);const Fe=We("");c(e,Fe,(e=>n(31,u=e)));const Ee=We(!1);c(e,Ee,(e=>n(96,p=e)));const De=We(!1);c(e,De,(e=>n(95,h=e)));let Te=!1,Me=!1;function qe(){Te&&(Le&&![0,4].includes(Le.readyState)&&Le.abort(),n(36,Te=!1))}function _e(e){if(we&&(we(),we=null),!e)return null;const t="string"==typeof e?(i=e,function(e,t){return new Promise(((n,l)=>{Le=new XMLHttpRequest,Le.open("GET",`${i.replace("[query]",encodeURIComponent(e))}`),Le.setRequestHeader("X-Requested-With","XMLHttpRequest"),Le.send(),Le.onreadystatechange=()=>{if(4===Le.readyState)if(200===Le.status){const e=JSON.parse(Le.response);n(t?t(e):e.data||e.items||e.options||e)}else l()}}))}):e;var i;n(81,Me="init"===W||"auto"===W&&"string"==typeof e&&-1===e.indexOf("[query]"));const l=(o=e=>{!e||u.length?t(e,K).then((e=>{n(51,x=e)})).catch((()=>{n(51,x=[])})).finally((()=>{n(36,Te=!1),p&&De.set(!0),n(39,a=Ve.fetchEmpty),ce().then((()=>me("fetch",x)))})):n(36,Te=!1)},r=500,function(){const e=this,t=arguments;clearTimeout(He),He=setTimeout((function(){o.apply(e,t)}),r)});var o,r;return Me?("string"==typeof e&&-1!==e.indexOf("[parent]")||(n(36,Te=!0),n(51,x=[]),l(null)),null):(we=Fe.subscribe((e=>{qe(),e?e&&e.length<U||(!Me&&De.set(!1),n(36,Te=!0),l(e)):$e&&Q&&n(51,x=[])})),l)}let Pe=he,Ve=$n.i18n,Re=Ke.call(x,he,fe,ve),Ge=Re.reduce(((e,t)=>(e.add(t[Se]),e)),new Set),Je=[""],Xe=x;function Ze(){ce().then((()=>{me("change",ue),Ce&&Ce.dispatchEvent(new Event("input"))}))}function Ye(e){if(tt(),e){let t=Array.isArray(e)?e:[e];if(!fe){const e=ve.labelAsValue?ke:Se;t=t.reduce(((t,n)=>{const l=i.find((t=>t[e]==n));return l&&t.push(l),t}),[])}if(!(t.every(et)&&(_?e.length===t.length:t.length>0)))return console.warn('[Svelecte]: provided "value" property is invalid',e),n(53,he=null),void n(54,ue=null);n(54,ue=Array.isArray(e)?t:t.shift())}n(82,Pe=e)}function et(e){if(!e||_&&l)return!1;if(!Ge.has(e[Se])){if("string"==typeof e){if(e=j(e),Je.includes(e))return;!G&&Je.push(e),e={[Se]:encodeURIComponent(e),[ke]:`${V}${e}`,$created:!0},N&&n(51,x=[...x,e]),me("createoption",e)}return _?(Re.push(e),n(27,Re),Ge.add(e[Se])):(n(27,Re=[e]),Ge.clear(),Ge.add(e[Se]),n(23,xe=x.indexOf(e))),n(83,i),n(51,x),n(79,ve),n(80,$e),n(101,Xe),n(55,w),n(24,Se),n(56,S),n(25,ke),n(73,pe),!0}}function tt(){Ge.clear(),n(27,Re=[]),n(83,i),n(51,x),n(79,ve),n(80,$e),n(101,Xe),n(55,w),n(24,Se),n(56,S),n(25,ke),n(73,pe)}function nt(e,t){t=t||e.detail,y||t[k]||t.$isGroupHeader||(et(t),v(Fe,u="",u),_?ce().then((()=>{n(23,xe=l?null:s.next(xe-1,!0))})):v(De,h=!1,h),Ze())}function it(e,t){y||((t=t||e.detail)?function(e){e.$created&&lt&&R&&(Je.splice(Je.findIndex((t=>t===e[pe?ke:Se])),1),n(37,Je),N&&(x.splice(x.findIndex((t=>t===e)),1),n(51,x)),v(Fe,u=e[ke].replace(V,""),u));const t=e[Se];Ge.delete(t),Re.splice(Re.findIndex((e=>e[Se]==t)),1),n(27,Re),n(83,i),n(51,x),n(79,ve),n(80,$e),n(101,Xe),n(55,w),n(24,Se),n(56,S),n(25,ke),n(73,pe)}(t):tt(),ce().then(be.focusControl),Ze())}let lt=!1;return Z((()=>{if(n(80,$e=!0),L){const e=ve.labelAsValue?ke:Se;n(37,Je=[""].concat(i.map((t=>t[e])).filter((e=>e))))}if(n(23,xe=s.first),Pe&&!_){const e=pe?ke:Se,t=fe?Pe[e]:Pe;n(23,xe=i.findIndex((n=>n[e]===t)))}n(34,Ae=["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document)})),e.$$set=e=>{"name"in e&&n(3,g=e.name),"required"in e&&n(4,b=e.required),"hasAnchor"in e&&n(5,$=e.hasAnchor),"disabled"in e&&n(0,y=e.disabled),"options"in e&&n(51,x=e.options),"valueField"in e&&n(55,w=e.valueField),"labelField"in e&&n(56,S=e.labelField),"disabledField"in e&&n(6,k=e.disabledField),"placeholder"in e&&n(7,A=e.placeholder),"searchable"in e&&n(8,z=e.searchable),"clearable"in e&&n(9,I=e.clearable),"renderer"in e&&n(57,C=e.renderer),"disableHighlight"in e&&n(10,O=e.disableHighlight),"selectOnTab"in e&&n(58,F=e.selectOnTab),"resetOnBlur"in e&&n(11,E=e.resetOnBlur),"dndzone"in e&&n(12,D=e.dndzone),"validatorAction"in e&&n(59,T=e.validatorAction),"dropdownItem"in e&&n(13,M=e.dropdownItem),"controlItem"in e&&n(14,q=e.controlItem),"multiple"in e&&n(1,_=e.multiple),"max"in e&&n(60,H=e.max),"collapseSelection"in e&&n(15,P=e.collapseSelection),"creatable"in e&&n(16,L=e.creatable),"creatablePrefix"in e&&n(61,V=e.creatablePrefix),"allowEditing"in e&&n(62,R=e.allowEditing),"keepCreated"in e&&n(63,N=e.keepCreated),"delimiter"in e&&n(64,B=e.delimiter),"createFilter"in e&&n(2,j=e.createFilter),"fetch"in e&&n(52,G=e.fetch),"fetchMode"in e&&n(65,W=e.fetchMode),"fetchCallback"in e&&n(66,K=e.fetchCallback),"fetchResetOnBlur"in e&&n(67,Q=e.fetchResetOnBlur),"minQuery"in e&&n(68,U=e.minQuery),"lazyDropdown"in e&&n(17,J=e.lazyDropdown),"virtualList"in e&&n(18,X=e.virtualList),"vlHeight"in e&&n(19,Y=e.vlHeight),"vlItemSize"in e&&n(20,ne=e.vlItemSize),"searchField"in e&&n(69,le=e.searchField),"sortField"in e&&n(70,oe=e.sortField),"disableSifter"in e&&n(71,re=e.disableSifter),"class"in e&&n(21,se=e.class),"style"in e&&n(22,ae=e.style),"i18n"in e&&n(72,de=e.i18n),"readSelection"in e&&n(54,ue=e.readSelection),"value"in e&&n(53,he=e.value),"labelAsValue"in e&&n(73,pe=e.labelAsValue),"valueAsObject"in e&&n(74,fe=e.valueAsObject),"$$scope"in e&&n(90,m=e.$$scope)},e.$$.update=()=>{if(2097152&e.$$.dirty[1]&&_e(G),1&e.$$.dirty[0]&&y&&qe(),1024&e.$$.dirty[2]&&de&&"object"==typeof de&&n(26,Ve=Object.assign({},$n.i18n,de)),50331648&e.$$.dirty[0]|51380224&e.$$.dirty[1]|393216&e.$$.dirty[2]&&$e&&Xe!==x&&x.length){const e=Ne("value",x||null,ve),t=Ne("label",x||null,ve);w||Se===e||n(79,ve.valueField=n(24,Se=e),ve),S||ke===t||n(79,ve.labelField=n(25,ke=t),ve)}if(2048&e.$$.dirty[2]&&n(79,ve.labelAsValue=pe,ve),184549378&e.$$.dirty[0]|1183744&e.$$.dirty[2]){const e=Re.map((e=>{const t={};return ve.optionProps.forEach((n=>t[n]=e[n])),t})),t=_?e:e.length?e[0]:null,i=ve.labelAsValue?ke:Se;n(82,Pe=fe?t:_?t.map((e=>e[i])):Re.length?t[i]:null),n(53,he=Pe),n(54,ue=t)}4194304&e.$$.dirty[1]|1048576&e.$$.dirty[2]&&Pe!==he&&Ye(he),1048576&e.$$.dirty[1]|131072&e.$$.dirty[2]&&n(83,i=Qe(x,ve)),134217728&e.$$.dirty[0]|536870912&e.$$.dirty[1]&&n(30,l=H&&Re.length===H),1073741826&e.$$.dirty[0]|1&e.$$.dirty[1]|2229120&e.$$.dirty[2]&&n(29,o=l?[]:function(e,t,n,i,l,o){if(n&&(e=e.filter((e=>!n.has(e[o.valueField]))).filter(((e,t,n)=>!e.$isGroupHeader||!(n[t+1]&&n[t+1].$isGroupHeader||n.length<=1||n.length-1===t)))),!t)return e;const r=new Oe(e);o.optionsWithGroups&&(r.getSortFunction=()=>null);let s="and";t.startsWith("|| ")&&(s="or",t=t.substr(2));const a=r.search(t,{fields:i||o.optionProps,sort:(c=l||o.labelField,[{field:c,direction:"asc"}]),conjunction:s});var c;return o.optionsWithGroups?a.items.reduce(((t,i)=>{const l=e[i.id];if(n&&l.isSelected)return t;const o=t.push(l);if(l.$isGroupItem){const n=e.slice(0,i.id);let l=null;do{l=n.pop(),l&&l.$isGroupHeader&&!t.includes(l)&&t.splice(o-1,0,l)}while(l&&!l.$isGroupHeader)}return t}),[]):a.items.map((t=>e[t.id]))}(i,re?null:u,!!_&&Ge,le,oe,ve)),536936448&e.$$.dirty[0]|1&e.$$.dirty[1]&&(r=L&&u?o.length:o.length-1),536936448&e.$$.dirty[0]|1&e.$$.dirty[1]|131072&e.$$.dirty[2]&&n(28,s=function(e,t,n){const i=n.optionsWithGroups?e.reduce(((e,t,n)=>(e.push(t.$isGroupHeader?"":n),e)),[]):Object.keys(e);return{map:i,first:""!==i[0]?0:1,last:i.length?i.length-(t?0:1):0,hasCreateRow:!!t,next(e,t){const n=this.map[++e];return this.hasCreateRow&&e===this.last?this.last:""===n?this.next(e):void 0===n?this.map.length?(e>this.map.length&&(e=this.first-1),!0===t?this.prev(e):this.next(e)):0:n},prev(e){const t=this.map[--e];return this.hasCreateRow&&e===this.first?this.first:""===t?this.prev(e):t||this.last}}}(o,L&&u,ve)),276824064&e.$$.dirty[0]&&(null===xe?n(23,xe=s.first):xe>s.last&&n(23,xe=s.last)),1677721600&e.$$.dirty[0]|538968065&e.$$.dirty[1]|524352&e.$$.dirty[2]&&n(39,a=l?Ve.max(H):u.length&&0===o.length&&U<=1?Ve.nomatch:G?U<=1?Me?Ve.fetchInit:Ve.fetchBefore:Ve.fetchQuery(U,u.length):Ve.empty),33554432&e.$$.dirty[0]|67108864&e.$$.dirty[1]&&n(38,d="function"==typeof C?C:bn[C]||bn.default.bind({label:ke}))},[y,_,j,g,b,$,k,A,z,I,O,E,D,M,q,P,L,J,X,Y,ne,se,ae,xe,Se,ke,Ve,Re,s,o,l,u,ge,be,Ae,Ce,Te,Je,d,a,ze,Ie,Fe,Ee,De,nt,it,function(e){ye?ye=!1:n(23,xe=e.detail)},function(e){if(e=e.detail,L&&B.indexOf(e.key)>-1)return u.length>0&&nt(null,u),void e.preventDefault();const t=F&&h&&!e.shiftKey?"Tab":"No-tab";let i=Ae?e.metaKey:e.ctrlKey,l=["PageUp","PageDown"].includes(e.key);switch(e.key){case"End":if(0!==u.length)return;n(23,xe=s.first);case"PageDown":if(l){const[e,t]=ge.getDimensions();n(23,xe=Math.ceil((t*xe+e)/t))}case"ArrowUp":if(e.preventDefault(),!h)return void v(De,h=!0,h);n(23,xe=s.prev(xe)),ce().then(ge.scrollIntoView),ye=!0;break;case"Home":if(0!==u.length||0===u.length&&0===o.length)return;n(23,xe=s.last);case"PageUp":if(l){const[e,t]=ge.getDimensions();n(23,xe=Math.floor((t*xe-e)/t))}case"ArrowDown":if(e.preventDefault(),!h)return void v(De,h=!0,h);n(23,xe=s.next(xe)),ce().then(ge.scrollIntoView),ye=!0;break;case"Escape":h&&(e.preventDefault(),e.stopPropagation()),u||v(De,h=!1,h),qe(),v(Fe,u="",u);break;case t:case"Enter":if(!h)return;let a=i?null:o[xe];if(L&&u&&(a=!a||i?u:a,i=!1),!i&&a&&nt(null,a),o.length<=xe&&n(23,xe=r>0?r:s.first),!a&&Re.length)return void v(De,h=!1,h);e.preventDefault();break;case" ":G||h||(v(De,h=!0,h),e.preventDefault());break;case"Backspace":lt=!0;case"Delete":""===u&&Re.length&&(i?it({}):it(null,Re[Re.length-1]),e.preventDefault()),lt=!1;default:i||["Tab","Shift"].includes(e.key)||h||Te||v(De,h=!0,h),!_&&Re.length&&"Tab"!==e.key&&e.preventDefault()}},function(e){if(L){e.preventDefault();const t=new RegExp("([^"+B+"\\n]+)","g"),n=e.clipboardData.getData("text/plain").replaceAll("/","/"),i=n.match(t);1===i.length&&-1===n.indexOf(",")&&v(Fe,u=i.pop().trim(),u),i.forEach((e=>nt(null,e.trim())))}},function(e){n(27,Re=e.detail.items)},x,G,he,ue,w,S,C,F,T,H,V,R,N,B,W,K,Q,U,le,oe,re,de,pe,fe,e=>{be.focusControl(e)},e=>{if(!Re.length)return _?[]:null;const t=Re.map((t=>e?t[pe?ke:Se]:Object.assign({},t)));return _?t:t[0]},(e,t)=>{Ye(e),t&&Ze()},e=>{tt(),Ze(),e&&(n(0,y=!0),n(52,G=null))},ve,$e,Me,Pe,i,f,function(e){ie[e?"unshift":"push"]((()=>{be=e,n(33,be)}))},function(t){te.call(this,e,t)},function(e){ie[e?"unshift":"push"]((()=>{ge=e,n(32,ge)}))},function(t){te.call(this,e,t)},function(e){ie[e?"unshift":"push"]((()=>{Ce=e,n(35,Ce),n(27,Re),n(24,Se),n(80,$e),n(101,Xe),n(51,x),n(79,ve),n(55,w),n(56,S),n(25,ke),n(73,pe)}))},m]}class xn extends Ce{constructor(e){super(),Ie(this,e,yn,gn,s,{name:3,required:4,hasAnchor:5,disabled:0,options:51,valueField:55,labelField:56,disabledField:6,placeholder:7,searchable:8,clearable:9,renderer:57,disableHighlight:10,selectOnTab:58,resetOnBlur:11,dndzone:12,validatorAction:59,dropdownItem:13,controlItem:14,multiple:1,max:60,collapseSelection:15,creatable:16,creatablePrefix:61,allowEditing:62,keepCreated:63,delimiter:64,createFilter:2,fetch:52,fetchMode:65,fetchCallback:66,fetchResetOnBlur:67,minQuery:68,lazyDropdown:17,virtualList:18,vlHeight:19,vlItemSize:20,searchField:69,sortField:70,disableSifter:71,class:21,style:22,i18n:72,readSelection:54,value:53,labelAsValue:73,valueAsObject:74,focus:75,getSelection:76,setSelection:77,clearByParent:78},dn,[-1,-1,-1,-1])}get focus(){return this.$$.ctx[75]}get getSelection(){return this.$$.ctx[76]}get setSelection(){return this.$$.ctx[77]}get clearByParent(){return this.$$.ctx[78]}}const wn=["options","value","name","required","disabled","value-field","label-field","disabled-field","placeholder","searchable","clearable","renderer","disable-highlight","select-on-tab","reset-on-blur","multiple","max","collapse-selection","creatable","creatable-prefix","allow-editing","keepCreated","delimiter","fetch","fetch-reset-on-blur","min-query","lazy-dropdown","virtual-list","vl-height","vl-item-size","search-field","sort-field","disable-sifter","label-as-value"];function Sn(e,t){switch(e){case"options":if(Array.isArray(t))return t;try{t=JSON.parse(t),Array.isArray(t)||(t=[])}catch(e){t=[]}return t;case"value":return t?t.split(",").map((e=>{const t=parseInt(e);return isNaN(t)?"null"!==e?e:null:t})):"";case"renderer":return t||"default";case"required":case"searchable":case"clearable":case"disable-highlight":case"select-on-tab":case"reset-on-blur":case"multiple":case"collapse-selection":case"creatable":case"allow-editing":case"keep-created":case"fetch-reset-on-blur":case"lazy-dropdown":case"virtual-list":case"disable-sifter":case"label-as-value":return null!==t&&"false"!==t;case"max":return isNaN(parseInt(t))?0:parseInt(t);case"min-query":return isNaN(parseInt(t))?$n.minQuery:parseInt(t)}return t}function kn(e){return e.includes("-")?e.split("-").reduce(((e,t,n)=>(n&&(t=t[0].toUpperCase()+t.substr(1)),e+t)),""):e}let An=!1;class zn extends HTMLElement{constructor(){super(),this.svelecte=void 0,this.anchorSelect=null,this._fetchOpts=null,this._selfSetValue=!1;const e={name:{get(){this.getAttribute("name")},set(e){this.setAttribute("name",e)}},selection:{get(){return this.svelecte?this.svelecte.getSelection():null}},value:{get(){return this.svelecte?this.svelecte.getSelection(!0):null},set(e){this.setAttribute("value",Array.isArray(e)?e.join(","):e)}},options:{get(){return this.hasAttribute("options")?JSON.parse(this.getAttribute("options")):this._fetchOpts||[]},set(e){this.setAttribute("options",Array.isArray(e)?JSON.stringify(e):e)}},hasAnchor:{get(){return!!this.anchorSelect}},form:{get(){return this.closest("form")}},emitChange:{get(){return An=!0,this}},valueField:{get(){return this.getAttribute("value-field")||$n.valueField},set(e){this.setAttribute("value-field",e)}},labelField:{get(){return this.getAttribute("label-field")||$n.labelField},set(e){this.setAttribute("label-field",e)}},delimiter:{get(){return this.getAttribute("delimiter")||$n.delimiter},set(e){this.setAttribute("delimiter",e)}},lazyDropdown:{get(){return!!this.hasAttribute("lazy-dropdown")||$n.lazyDropdown},set(){console.warn("⚠ this setter has no effect after component has been created")}},placeholder:{get(){return this.getAttribute("placeholder")||$n.placeholder},set(e){this.setAttribute("placeholder",e)}},max:{get(){return this.getAttribute("max")||$n.max},set(e){try{(e=parseInt(e))<0&&(e=0)}catch(t){e=0}this.setAttribute("max",e)}},minQuery:{get(){return this.getAttribute("min-query")||$n.minQuery},set(e){try{(e=parseInt(e))<1&&(e=1)}catch(t){e=$n.minQuery}this.setAttribute("min-query",e)}},creatablePrefix:{get(){return this.getAttribute("creatable-prefix")||$n.creatablePrefix},set(e){this.setAttribute("creatable-prefix",e)}},renderer:{get(){return this.getAttribute("renderer")||"default"},set(e){e?this.setAttribute("renderer",e):this.removeAttribute("renderer")}}},t=["searchable","clearable","disable-highlight","select-on-tab","reset-on-blur","multiple","collapse-selection","creatable","allow-editing","keep-created","fetch-reset-on-blur","virtual-list","disable-sifter","label-as-value"].reduce(((e,t)=>{const n=kn(t);return e[n]={get(){const e=this.hasAttribute(t),i=!e||"false"!==this.getAttribute(t);return e?i:$n[n]},set(e){e?this.setAttribute(t,e=""):this.hasAttribute(t)?this.removeAttribute(t):this.svelecte.$set({[n]:e})}},e}),{});Object.defineProperties(this,Object.assign({},e,t))}focus(){!this.disabled&&this.querySelector("input").focus()}static get observedAttributes(){return wn}attributeChangedCallback(e,t,n){if(this.svelecte&&t!==n){if("value"===e)return this._selfSetValue||(n?this.svelecte.setSelection(Sn(e,n),An):this.svelecte.clearByParent(!!this.parent)),this._selfSetValue=!1,An=!1,void(this.anchorSelect&&setTimeout((()=>{const e=this.svelecte.getSelection(!0);this.anchorSelect.innerHTML=(Array.isArray(e)?e.length?e:[null]:[e]).reduce(((e,t)=>e+=t?`<option value="${t}" selected>${t}</option>`:'<option value="" selected="">Empty</option>'),"")})));this.svelecte.$set({[kn(e)]:Sn(e,n)})}}connectedCallback(){setTimeout((()=>{this.render()}))}render(){if(this.svelecte)return;let e={};for(const t of wn)this.hasAttribute(t)&&(e[kn(t)]=Sn(t,this.getAttribute(t)));if(this.hasAttribute("class")&&(e.class=this.getAttribute("class")),this.hasAttribute("parent")){if(delete e.fetch,e.disabled=!0,this.parent=document.getElementById(this.getAttribute("parent")),!this.parent.value&&this.svelecte)return;this.parentCallback=e=>{if(!e.target.selection||Array.isArray(e.target.selection)&&!e.target.selection.length)this.svelecte.clearByParent(!0);else if(!this.parent.disabled&&this.removeAttribute("disabled"),this.hasAttribute("fetch")){this.svelecte.clearByParent(!0);const t=this.getAttribute("fetch").replace("[parent]",e.target.value);this.svelecte.$set({fetch:t,disabled:!1})}},this.parent.addEventListener("change",this.parentCallback)}const t=this.querySelector("select");return t&&(e.hasAnchor=!0,t.style="opacity: 0; position: absolute; z-index: -2; top: 0; height: 38px",t.tabIndex=-1,this.anchorSelect=t,this.anchorSelect.multiple=e.multiple||t.name.includes("[]"),(Array.isArray(e.value)?e.value:[e.value||null]).forEach((e=>{this.anchorSelect.innerHTML+=`<option value="${e||""}" selected>${e||"No value"}</option>`}))),this.svelecte=new xn({target:this,anchor:t,props:e}),this.svelecte.$on("change",(e=>{const t=this.svelecte.getSelection(!0);this._selfSetValue=!0,this.value=t,setTimeout((()=>{this._selfSetValue=!1}),100),this.dispatchEvent(e),this.anchorSelect&&(this.anchorSelect.innerHTML=(Array.isArray(t)?t.length?t:[null]:[t]).reduce(((e,t)=>e+=t?`<option value="${t}" selected>${t}</option>`:'<option value="" selected="">Empty</option>'),""),this.anchorSelect.dispatchEvent(new Event("change")))})),this.svelecte.$on("fetch",(e=>{this._fetchOpts=e.detail,this.dispatchEvent(e)})),this.svelecte.$on("createoption",(e=>{this.dispatchEvent(e)})),!0}disconnectedCallback(){this.svelecte&&this.svelecte.$destroy(),this.parent&&this.parent.removeEventListener("change",this.parentCallback)}}return e.addFormatter=function(e,t){if(e instanceof Object)for(let t in e)bn[t]=e[t];else bn[e]=t},e.config=$n,e.registerSvelecte=function(e){window.customElements.define(e||"el-svelecte",zn)},Object.defineProperty(e,"__esModule",{value:!0}),e}({});
+var Svelecte=function(e){"use strict";function t(){}const n=e=>e;function i(e){return e()}function l(){return Object.create(null)}function o(e){e.forEach(i)}function r(e){return"function"==typeof e}function s(e,t){return e!=e?t==t:e!==t||e&&"object"==typeof e||"function"==typeof e}function a(e,...n){if(null==e)return t;const i=e.subscribe(...n);return i.unsubscribe?()=>i.unsubscribe():i}function c(e,t,n){e.$$.on_destroy.push(a(t,n))}function d(e,t,n,i){if(e){const l=u(e,t,n,i);return e[0](l)}}function u(e,t,n,i){return e[1]&&i?function(e,t){for(const n in t)e[n]=t[n];return e}(n.ctx.slice(),e[1](i(t))):n.ctx}function h(e,t,n,i){if(e[2]&&i){const l=e[2](i(n));if(void 0===t.dirty)return l;if("object"==typeof l){const e=[],n=Math.max(t.dirty.length,l.length);for(let i=0;i<n;i+=1)e[i]=t.dirty[i]|l[i];return e}return t.dirty|l}return t.dirty}function p(e,t,n,i,l,o){if(l){const r=u(t,n,i,o);e.p(r,l)}}function f(e){if(e.ctx.length>32){const t=[],n=e.ctx.length/32;for(let e=0;e<n;e++)t[e]=-1;return t}return-1}function m(e){return null==e?"":e}function v(e,t,n){return e.set(n),t}function g(e){return e&&r(e.destroy)?e.destroy:t}const b="undefined"!=typeof window;let $=b?()=>window.performance.now():()=>Date.now(),y=b?e=>requestAnimationFrame(e):t;const x=new Set;function w(e){x.forEach((t=>{t.c(e)||(x.delete(t),t.f())})),0!==x.size&&y(w)}function S(e,t){e.appendChild(t)}function k(e,t,n){const i=A(e);if(!i.getElementById(t)){const e=F("style");e.id=t,e.textContent=n,z(i,e)}}function A(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function z(e,t){S(e.head||e,t)}function I(e,t,n){e.insertBefore(t,n||null)}function C(e){e.parentNode.removeChild(e)}function O(e,t){for(let n=0;n<e.length;n+=1)e[n]&&e[n].d(t)}function F(e){return document.createElement(e)}function E(e){return document.createTextNode(e)}function D(){return E(" ")}function T(){return E("")}function M(e,t,n,i){return e.addEventListener(t,n,i),()=>e.removeEventListener(t,n,i)}function q(e){return function(t){return t.preventDefault(),e.call(this,t)}}function _(e,t,n){null==n?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function H(e,t){t=""+t,e.wholeText!==t&&(e.data=t)}function P(e,t){e.value=null==t?"":t}let L;function V(){if(void 0===L){L=!1;try{"undefined"!=typeof window&&window.parent&&window.parent.document}catch(e){L=!0}}return L}function R(e,t,n){e.classList[n?"add":"remove"](t)}class N{constructor(){this.e=this.n=null}c(e){this.h(e)}m(e,t,n=null){this.e||(this.e=F(t.nodeName),this.t=t,this.c(e)),this.i(n)}h(e){this.e.innerHTML=e,this.n=Array.from(this.e.childNodes)}i(e){for(let t=0;t<this.n.length;t+=1)I(this.t,this.n[t],e)}p(e){this.d(),this.h(e),this.i(this.a)}d(){this.n.forEach(C)}}const B=new Set;let j,G=0;function W(e,t,n,i,l,o,r,s=0){const a=16.666/i;let c="{\n";for(let e=0;e<=1;e+=a){const i=t+(n-t)*o(e);c+=100*e+`%{${r(i,1-i)}}\n`}const d=c+`100% {${r(n,1-n)}}\n}`,u=`__svelte_${function(e){let t=5381,n=e.length;for(;n--;)t=(t<<5)-t^e.charCodeAt(n);return t>>>0}(d)}_${s}`,h=A(e);B.add(h);const p=h.__svelte_stylesheet||(h.__svelte_stylesheet=function(e){const t=F("style");return z(A(e),t),t}(e).sheet),f=h.__svelte_rules||(h.__svelte_rules={});f[u]||(f[u]=!0,p.insertRule(`@keyframes ${u} ${d}`,p.cssRules.length));const m=e.style.animation||"";return e.style.animation=`${m?`${m}, `:""}${u} ${i}ms linear ${l}ms 1 both`,G+=1,u}function K(e,t){const n=(e.style.animation||"").split(", "),i=n.filter(t?e=>e.indexOf(t)<0:e=>-1===e.indexOf("__svelte")),l=n.length-i.length;l&&(e.style.animation=i.join(", "),G-=l,G||y((()=>{G||(B.forEach((e=>{const t=e.__svelte_stylesheet;let n=t.cssRules.length;for(;n--;)t.deleteRule(n);e.__svelte_rules={}})),B.clear())})))}function Q(e,i,l,o){if(!i)return t;const r=e.getBoundingClientRect();if(i.left===r.left&&i.right===r.right&&i.top===r.top&&i.bottom===r.bottom)return t;const{delay:s=0,duration:a=300,easing:c=n,start:d=$()+s,end:u=d+a,tick:h=t,css:p}=l(e,{from:i,to:r},o);let f,m=!0,v=!1;function g(){p&&K(e,f),m=!1}return function(e){let t;0===x.size&&y(w),new Promise((n=>{x.add(t={c:e,f:n})}))}((e=>{if(!v&&e>=d&&(v=!0),v&&e>=u&&(h(1,0),g()),!m)return!1;if(v){const t=0+1*c((e-d)/a);h(t,1-t)}return!0})),p&&(f=W(e,0,1,a,s,c,p)),s||(v=!0),h(0,1),g}function U(e){const t=getComputedStyle(e);if("absolute"!==t.position&&"fixed"!==t.position){const{width:n,height:i}=t,l=e.getBoundingClientRect();e.style.position="absolute",e.style.width=n,e.style.height=i,function(e,t){const n=e.getBoundingClientRect();if(t.left!==n.left||t.top!==n.top){const i=getComputedStyle(e),l="none"===i.transform?"":i.transform;e.style.transform=`${l} translate(${t.left-n.left}px, ${t.top-n.top}px)`}}(e,l)}}function J(e){j=e}function X(){if(!j)throw new Error("Function called outside component initialization");return j}function Z(e){X().$$.on_mount.push(e)}function Y(e){X().$$.on_destroy.push(e)}function ee(){const e=X();return(t,n)=>{const i=e.$$.callbacks[t];if(i){const l=function(e,t,n=!1){const i=document.createEvent("CustomEvent");return i.initCustomEvent(e,n,!1,t),i}(t,n);i.slice().forEach((t=>{t.call(e,l)}))}}}function te(e,t){const n=e.$$.callbacks[t.type];n&&n.slice().forEach((e=>e.call(this,t)))}const ne=[],ie=[],le=[],oe=[],re=Promise.resolve();let se=!1;function ae(){se||(se=!0,re.then(pe))}function ce(){return ae(),re}function de(e){le.push(e)}const ue=new Set;let he=0;function pe(){const e=j;do{for(;he<ne.length;){const e=ne[he];he++,J(e),fe(e.$$)}for(J(null),ne.length=0,he=0;ie.length;)ie.pop()();for(let e=0;e<le.length;e+=1){const t=le[e];ue.has(t)||(ue.add(t),t())}le.length=0}while(ne.length);for(;oe.length;)oe.pop()();se=!1,ue.clear(),J(e)}function fe(e){if(null!==e.fragment){e.update(),o(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(de)}}const me=new Set;let ve;function ge(){ve={r:0,c:[],p:ve}}function be(){ve.r||o(ve.c),ve=ve.p}function $e(e,t){e&&e.i&&(me.delete(e),e.i(t))}function ye(e,t,n,i){if(e&&e.o){if(me.has(e))return;me.add(e),ve.c.push((()=>{me.delete(e),i&&(n&&e.d(1),i())})),e.o(t)}}function xe(e,t){ye(e,1,1,(()=>{t.delete(e.key)}))}function we(e,t){e.f(),xe(e,t)}function Se(e,t,n,i,l,o,r,s,a,c,d,u){let h=e.length,p=o.length,f=h;const m={};for(;f--;)m[e[f].key]=f;const v=[],g=new Map,b=new Map;for(f=p;f--;){const e=u(l,o,f),s=n(e);let a=r.get(s);a?i&&a.p(e,t):(a=c(s,e),a.c()),g.set(s,v[f]=a),s in m&&b.set(s,Math.abs(f-m[s]))}const $=new Set,y=new Set;function x(e){$e(e,1),e.m(s,d),r.set(e.key,e),d=e.first,p--}for(;h&&p;){const t=v[p-1],n=e[h-1],i=t.key,l=n.key;t===n?(d=t.first,h--,p--):g.has(l)?!r.has(i)||$.has(i)?x(t):y.has(l)?h--:b.get(i)>b.get(l)?(y.add(i),x(t)):($.add(l),h--):(a(n,r),h--)}for(;h--;){const t=e[h];g.has(t.key)||a(t,r)}for(;p;)x(v[p-1]);return v}function ke(e){e&&e.c()}function Ae(e,t,n,l){const{fragment:s,on_mount:a,on_destroy:c,after_update:d}=e.$$;s&&s.m(t,n),l||de((()=>{const t=a.map(i).filter(r);c?c.push(...t):o(t),e.$$.on_mount=[]})),d.forEach(de)}function ze(e,t){const n=e.$$;null!==n.fragment&&(o(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function Ie(e,n,i,r,s,a,c,d=[-1]){const u=j;J(e);const h=e.$$={fragment:null,ctx:null,props:a,update:t,not_equal:s,bound:l(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(n.context||(u?u.$$.context:[])),callbacks:l(),dirty:d,skip_bound:!1,root:n.target||u.$$.root};c&&c(h.root);let p=!1;if(h.ctx=i?i(e,n.props||{},((t,n,...i)=>{const l=i.length?i[0]:n;return h.ctx&&s(h.ctx[t],h.ctx[t]=l)&&(!h.skip_bound&&h.bound[t]&&h.bound[t](l),p&&function(e,t){-1===e.$$.dirty[0]&&(ne.push(e),ae(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}(e,t)),n})):[],h.update(),p=!0,o(h.before_update),h.fragment=!!r&&r(h.ctx),n.target){if(n.hydrate){const e=function(e){return Array.from(e.childNodes)}(n.target);h.fragment&&h.fragment.l(e),e.forEach(C)}else h.fragment&&h.fragment.c();n.intro&&$e(e.$$.fragment),Ae(e,n.target,n.anchor,n.customElement),pe()}J(u)}class Ce{$destroy(){ze(this,1),this.$destroy=t}$on(e,t){const n=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return n.push(t),()=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1)}}$set(e){var t;this.$$set&&(t=e,0!==Object.keys(t).length)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}var Oe=function(e,t){this.items=e,this.settings=t||{diacritics:!0}};Oe.prototype.tokenize=function(e,t){if(!(e=Te(String(e||"").toLowerCase()))||!e.length)return[];var n,i,l,o,r=[],s=e.split(/ +/);for(n=0,i=s.length;n<i;n++){if(l=Me(s[n]),this.settings.diacritics)for(o in qe)qe.hasOwnProperty(o)&&(l=l.replace(new RegExp(o,"g"),qe[o]));t&&(l="\\b"+l),r.push({string:s[n],regex:new RegExp(l,"i")})}return r},Oe.prototype.iterator=function(e,t){var n;n=Array.isArray(e)?Array.prototype.forEach||function(e){for(var t=0,n=this.length;t<n;t++)e(this[t],t,this)}:function(e){for(var t in this)this.hasOwnProperty(t)&&e(this[t],t,this)},n.apply(e,[t])},Oe.prototype.getScoreFunction=function(e,t){var n,i,l,o;e=this.prepareSearch(e,t),i=e.tokens,n=e.options.fields,l=i.length,o=e.options.nesting;var r,s=function(e,t){var n,i;return e?-1===(i=(e=String(e||"")).search(t.regex))?0:(n=t.string.length/e.length,0===i&&(n+=.5),n):0},a=(r=n.length)?1===r?function(e,t){return s(De(t,n[0],o),e)}:function(e,t){for(var i=0,l=0;i<r;i++)l+=s(De(t,n[i],o),e);return l/r}:function(){return 0};return l?1===l?function(e){return a(i[0],e)}:"and"===e.options.conjunction?function(e){for(var t,n=0,o=0;n<l;n++){if((t=a(i[n],e))<=0)return 0;o+=t}return o/l}:function(e){for(var t=0,n=0;t<l;t++)n+=a(i[t],e);return n/l}:function(){return 0}},Oe.prototype.getSortFunction=function(e,t){var n,i,l,o,r,s,a,c,d,u,h;if(h=!(e=(l=this).prepareSearch(e,t)).query&&t.sort_empty||t.sort,d=function(e,n){return"$score"===e?n.score:De(l.items[n.id],e,t.nesting)},r=[],h)for(n=0,i=h.length;n<i;n++)(e.query||"$score"!==h[n].field)&&r.push(h[n]);if(e.query){for(u=!0,n=0,i=r.length;n<i;n++)if("$score"===r[n].field){u=!1;break}u&&r.unshift({field:"$score",direction:"desc"})}else for(n=0,i=r.length;n<i;n++)if("$score"===r[n].field){r.splice(n,1);break}for(c=[],n=0,i=r.length;n<i;n++)c.push("desc"===r[n].direction?-1:1);return(s=r.length)?1===s?(o=r[0].field,a=c[0],function(e,t){return a*Fe(d(o,e),d(o,t))}):function(e,t){var n,i,l;for(n=0;n<s;n++)if(l=r[n].field,i=c[n]*Fe(d(l,e),d(l,t)))return i;return 0}:null},Oe.prototype.prepareSearch=function(e,t){if("object"==typeof e)return e;var n=(t=Ee({},t)).fields,i=t.sort,l=t.sort_empty;return n&&!Array.isArray(n)&&(t.fields=[n]),i&&!Array.isArray(i)&&(t.sort=[i]),l&&!Array.isArray(l)&&(t.sort_empty=[l]),{options:t,query:String(e||"").toLowerCase(),tokens:this.tokenize(e,t.respect_word_boundaries),total:0,items:[]}},Oe.prototype.search=function(e,t){var n,i,l,o,r=this;return i=this.prepareSearch(e,t),t=i.options,e=i.query,o=t.score||r.getScoreFunction(i),e.length?r.iterator(r.items,(function(e,l){n=o(e),(!1===t.filter||n>0)&&i.items.push({score:n,id:l})})):r.iterator(r.items,(function(e,t){i.items.push({score:1,id:t})})),(l=r.getSortFunction(i,t))&&i.items.sort(l),i.total=i.items.length,"number"==typeof t.limit&&(i.items=i.items.slice(0,t.limit)),i};var Fe=function(e,t){return"number"==typeof e&&"number"==typeof t?e>t?1:e<t?-1:0:(e=_e(String(e||"")))>(t=_e(String(t||"")))?1:t>e?-1:0},Ee=function(e,t){var n,i,l,o;for(n=1,i=arguments.length;n<i;n++)if(o=arguments[n])for(l in o)o.hasOwnProperty(l)&&(e[l]=o[l]);return e},De=function(e,t,n){if(e&&t){if(!n)return e[t];for(var i=t.split(".");i.length&&(e=e[i.shift()]););return e}},Te=function(e){return(e+"").replace(/^\s+|\s+$|/g,"")},Me=function(e){return(e+"").replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1")},qe={a:"[aḀḁĂăÂâǍǎȺⱥȦȧẠạÄäÀàÁáĀāÃãÅåąĄÃąĄ]",b:"[b␢βΒB฿𐌁ᛒ]",c:"[cĆćĈĉČčĊċC̄c̄ÇçḈḉȻȼƇƈɕᴄＣｃ]",d:"[dĎďḊḋḐḑḌḍḒḓḎḏĐđD̦d̦ƉɖƊɗƋƌᵭᶁᶑȡᴅＤｄð]",e:"[eÉéÈèÊêḘḙĚěĔĕẼẽḚḛẺẻĖėËëĒēȨȩĘęᶒɆɇȄȅẾếỀềỄễỂểḜḝḖḗḔḕȆȇẸẹỆệⱸᴇＥｅɘǝƏƐε]",f:"[fƑƒḞḟ]",g:"[gɢ₲ǤǥĜĝĞğĢģƓɠĠġ]",h:"[hĤĥĦħḨḩẖẖḤḥḢḣɦʰǶƕ]",i:"[iÍíÌìĬĭÎîǏǐÏïḮḯĨĩĮįĪīỈỉȈȉȊȋỊịḬḭƗɨɨ̆ᵻᶖİiIıɪＩｉ]",j:"[jȷĴĵɈɉʝɟʲ]",k:"[kƘƙꝀꝁḰḱǨǩḲḳḴḵκϰ₭]",l:"[lŁłĽľĻļĹĺḶḷḸḹḼḽḺḻĿŀȽƚⱠⱡⱢɫɬᶅɭȴʟＬｌ]",n:"[nŃńǸǹŇňÑñṄṅŅņṆṇṊṋṈṉN̈n̈ƝɲȠƞᵰᶇɳȵɴＮｎŊŋ]",o:"[oØøÖöÓóÒòÔôǑǒŐőŎŏȮȯỌọƟɵƠơỎỏŌōÕõǪǫȌȍՕօ]",p:"[pṔṕṖṗⱣᵽƤƥᵱ]",q:"[qꝖꝗʠɊɋꝘꝙq̃]",r:"[rŔŕɌɍŘřŖŗṘṙȐȑȒȓṚṛⱤɽ]",s:"[sŚśṠṡṢṣꞨꞩŜŝŠšŞşȘșS̈s̈]",t:"[tŤťṪṫŢţṬṭƮʈȚțṰṱṮṯƬƭ]",u:"[uŬŭɄʉỤụÜüÚúÙùÛûǓǔŰűŬŭƯưỦủŪūŨũŲųȔȕ∪]",v:"[vṼṽṾṿƲʋꝞꝟⱱʋ]",w:"[wẂẃẀẁŴŵẄẅẆẇẈẉ]",x:"[xẌẍẊẋχ]",y:"[yÝýỲỳŶŷŸÿỸỹẎẏỴỵɎɏƳƴ]",z:"[zŹźẐẑŽžŻżẒẓẔẕƵƶ]"};const _e=function(){var e,t,n,i,l="",o={};for(n in qe)if(qe.hasOwnProperty(n))for(l+=i=qe[n].substring(2,qe[n].length-1),e=0,t=i.length;e<t;e++)o[i.charAt(e)]=n;var r=new RegExp("["+l+"]","g");return function(e){return e.replace(r,(function(e){return o[e]})).toLowerCase()}}();let He,Pe,Le=null;function Ve(e,t,n,i,l){const o=i?i(e,t,n):e;if(""==n||e.isSelected||l)return'<div class="sv-item-content">'+o+"</div>";Pe||(Pe=document.createElement("div"),Pe.className="sv-item-content"),Pe.innerHTML=o;return _e(n).split(" ").filter((e=>e)).forEach((e=>{Re(Pe,e)})),Pe.outerHTML}const Re=function(e,t){let n=0;if(3===e.nodeType){const i=_e(e.data);let l=i.indexOf(t);if(l-=i.substr(0,l).toUpperCase().length-i.substr(0,l).length,l>=0){const i=document.createElement("span");i.className="highlight";const o=e.splitText(l);o.splitText(t.length);const r=o.cloneNode(!0);i.appendChild(r),o.parentNode.replaceChild(i,o),n=1}}else if(1===e.nodeType&&e.childNodes&&!/(script|style)/i.test(e.tagName)&&("highlight"!==e.className||"SPAN"!==e.tagName))for(var i=0;i<e.childNodes.length;++i)i+=Re(e.childNodes[i],t);return n};function Ne(e,t,n){const i="value"===e;if(n.isOptionArray)return i?"value":"label";let l=i?"value":"text";if(t&&t.length){const e=t[0].options?t[0].options[0]:t[0],n=i?0:1,o=i?["id","value","ID"]:["name","title","label"];l=Object.keys(e).filter((e=>o.includes(e))).concat([Object.keys(e)[n]]).shift()}return l}function Be(e){return e.trim().split(" ").filter((e=>e)).join(" ")}const je={disabled:!1,valueField:null,labelField:null,disabledField:"$disabled",placeholder:"Select",valueAsObject:!1,searchable:!0,clearable:!1,selectOnTab:!1,resetOnBlur:!0,fetchResetOnBlur:!0,multiple:!1,max:0,collapseSelection:!1,creatable:!1,creatablePrefix:"*",keepCreated:!0,allowEditing:!1,delimiter:",",fetchCallback:null,minQuery:1,lazyDropdown:!0,virtualList:!1,vlItemSize:null,vlHeight:null,i18n:{empty:"No options",nomatch:"No matching options",max:e=>`Maximum items ${e} selected`,fetchBefore:"Type to start searching",fetchQuery:(e,t)=>`Type ${e>1&&e>t?`at least ${e-t} characters `:""}to start searching`,fetchInit:"Fetching data, please wait...",fetchEmpty:"No data related to your search",collapsedSelection:e=>`${e} selected`,createRowLabel:e=>`Create '${e}'`},collapseSelectionFn:function(e,t){return je.i18n.collapsedSelection(e)}},Ge=[];function We(e,n=t){let i;const l=new Set;function o(t){if(s(e,t)&&(e=t,i)){const t=!Ge.length;for(const t of l)t[1](),Ge.push(t,e);if(t){for(let e=0;e<Ge.length;e+=2)Ge[e][0](Ge[e+1]);Ge.length=0}}}return{set:o,update:function(t){o(t(e))},subscribe:function(r,s=t){const a=[r,s];return l.add(a),1===l.size&&(i=n(o)||t),r(e),()=>{l.delete(a),0===l.size&&(i(),i=null)}}}}function Ke(e,t,n){if(e&&!t){const t=Array.isArray(e)?e:[e],i=n.labelAsValue?n.labelField:n.valueField;return this.reduce(((e,l,o)=>{if(l.options){const n=l.options.reduce(((e,n)=>(t.includes(n[i])&&e.push(n),e)),[]);if(n.length)return e.push(...n),e}return t.includes(l[i]||l)&&(n.isOptionArray&&(l={[n.valueField]:o,[n.labelField]:l}),e.push(l)),e}),[])}return t&&e?Array.isArray(e)?e:[e]:[]}function Qe(e,t){const n=e.reduce(((e,n,i)=>t.isOptionArray?(e.push({[t.valueField]:i,[t.labelField]:n}),e):n.options&&n.options.length?(t.optionsWithGroups=!0,e.push({label:n.label,$isGroupHeader:!0}),e.push(...n.options.map((e=>(e.$isGroupItem=!0,e)))),e):(e.push(n),e)),[]);return function(e,t){t.isOptionArray&&(t.optionProps||(t.optionProps=["value","label"]));e.some((e=>!e.$isGroupHeader&&(t.optionProps=Ue(e),!0)))}(n,t),n}function Ue(e){e.options&&(e=e.options[0]);const t=["$disabled","$isGroupHeader","$isGroupItem"];return Object.keys(e).filter((e=>!t.includes(e)))}function Je(e){const t=e-1;return t*t*t+1}function Xe(e,{from:t,to:n},i={}){const l=getComputedStyle(e),o="none"===l.transform?"":l.transform,[s,a]=l.transformOrigin.split(" ").map(parseFloat),c=t.left+t.width*s/n.width-(n.left+s),d=t.top+t.height*a/n.height-(n.top+a),{delay:u=0,duration:h=(e=>120*Math.sqrt(e)),easing:p=Je}=i;return{delay:u,duration:r(h)?h(Math.sqrt(c*c+d*d)):h,easing:p,css:(e,i)=>{const l=i*c,r=i*d,s=e+i*t.width/n.width,a=e+i*t.height/n.height;return`transform: ${o} translate(${l}px, ${r}px) scale(${s}, ${a});`}}}function Ze(e){k(e,"svelte-x1t6fd",".inputBox.svelte-x1t6fd{box-sizing:content-box;width:19px;background:rgba(0, 0, 0, 0) none repeat scroll 0px center;border:0px none;font-size:inherit;font-family:inherit;opacity:1;outline:currentcolor none 0px;padding:0px;color:inherit;margin:-2px 0 0;height:20px}.inputBox.svelte-x1t6fd::placeholder{color:var(--sv-placeholder-color, #ccccd6)}.inputBox.svelte-x1t6fd:read-only{width:100%}.shadow-text.svelte-x1t6fd{opacity:0;position:absolute;left:100%;z-index:-100;min-width:24px;white-space:nowrap;top:0;left:0}")}function Ye(e){let n,i,l,r,s,a,c,d;return{c(){n=F("input"),l=D(),r=F("div"),s=E(e[10]),_(n,"type","text"),_(n,"class","inputBox svelte-x1t6fd"),n.disabled=e[2],n.readOnly=i=!e[1],_(n,"id",e[0]),_(n,"style",e[9]),_(n,"placeholder",e[6]),_(r,"class","shadow-text svelte-x1t6fd"),de((()=>e[25].call(r)))},m(t,i){var o;I(t,n,i),e[23](n),P(n,e[7]),I(t,l,i),I(t,r,i),S(r,s),a=function(e,t){"static"===getComputedStyle(e).position&&(e.style.position="relative");const n=F("iframe");n.setAttribute("style","display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;"),n.setAttribute("aria-hidden","true"),n.tabIndex=-1;const i=V();let l;return i?(n.src="data:text/html,<script>onresize=function(){parent.postMessage(0,'*')}<\/script>",l=M(window,"message",(e=>{e.source===n.contentWindow&&t()}))):(n.src="about:blank",n.onload=()=>{l=M(n.contentWindow,"resize",t)}),S(e,n),()=>{(i||l&&n.contentWindow)&&l(),C(n)}}(r,e[25].bind(r)),c||(d=[M(n,"input",e[24]),M(n,"focus",e[19]),M(n,"blur",e[20]),M(n,"keydown",e[11]),M(n,"keyup",e[12]),M(n,"paste",e[21]),M(n,"change",(o=e[22],function(e){return e.stopPropagation(),o.call(this,e)}))],c=!0)},p(e,[t]){4&t&&(n.disabled=e[2]),2&t&&i!==(i=!e[1])&&(n.readOnly=i),1&t&&_(n,"id",e[0]),512&t&&_(n,"style",e[9]),64&t&&_(n,"placeholder",e[6]),128&t&&n.value!==e[7]&&P(n,e[7]),1024&t&&H(s,e[10])},i:t,o:t,d(t){t&&C(n),e[23](null),t&&C(l),t&&C(r),a(),c=!1,o(d)}}}function et(e,n,i){let l,o,r,s,c,d,u,h=t,p=()=>(h(),h=a(w,(e=>i(27,d=e))),w),f=t,m=()=>(f(),f=a(x,(e=>i(7,u=e))),x);e.$$.on_destroy.push((()=>h())),e.$$.on_destroy.push((()=>f()));let{id:v}=n,{placeholder:g}=n,{searchable:b}=n,{disabled:$}=n,{multiple:y}=n,{inputValue:x}=n;m();let{hasDropdownOpened:w}=n;p();let{selectedOptions:S}=n,k=null,A=0;const z=ee();let I=!1;return e.$$set=e=>{"id"in e&&i(0,v=e.id),"placeholder"in e&&i(14,g=e.placeholder),"searchable"in e&&i(1,b=e.searchable),"disabled"in e&&i(2,$=e.disabled),"multiple"in e&&i(15,y=e.multiple),"inputValue"in e&&m(i(3,x=e.inputValue)),"hasDropdownOpened"in e&&p(i(4,w=e.hasDropdownOpened)),"selectedOptions"in e&&i(16,S=e.selectedOptions)},e.$$.update=()=>{98304&e.$$.dirty&&i(18,l=S.length>0&&!1===y),81920&e.$$.dirty&&i(6,o=S.length>0?"":g),192&e.$$.dirty&&i(10,r=u||o),65536&e.$$.dirty&&i(17,s=0===S.length?19:12),393248&e.$$.dirty&&i(9,c=`width: ${l?2:A+s}px`)},[v,b,$,x,w,A,o,u,k,c,r,function(e){I=["Enter","Escape"].includes(e.key)&&d,z("keydown",e)},function(e){I&&(e.stopImmediatePropagation(),e.preventDefault()),I=!1},()=>k.focus(),g,y,S,s,l,function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(e){ie[e?"unshift":"push"]((()=>{k=e,i(8,k)}))},function(){u=this.value,x.set(u)},function(){A=this.clientWidth,i(5,A)}]}class tt extends Ce{constructor(e){super(),Ie(this,e,et,Ye,s,{focus:13,id:0,placeholder:14,searchable:1,disabled:2,multiple:15,inputValue:3,hasDropdownOpened:4,selectedOptions:16},Ze)}get focus(){return this.$$.ctx[13]}}function nt(e){k(e,"svelte-v9xikc",'.sv-control.svelte-v9xikc{background-color:var(--sv-bg);border:var(--sv-border);border-radius:4px;min-height:var(--sv-min-height)}.sv-control.is-active.svelte-v9xikc{border:var(--sv-active-border);outline:var(--sv-active-outline)}.sv-control.is-disabled.svelte-v9xikc{background-color:var(--sv-disabled-bg);border-color:var(--sv-disabled-border-color);cursor:default;flex-wrap:wrap;justify-content:space-between;outline:currentcolor none 0px !important;position:relative;transition:all 100ms ease 0s}.sv-control.svelte-v9xikc{display:flex;align-items:center;box-sizing:border-box}.sv-content.svelte-v9xikc{align-items:center;display:flex;flex:1 1 0%;flex-wrap:nowrap;padding:0 0 0 6px;position:relative;overflow:hidden;box-sizing:border-box}.sv-content.sv-input-row.has-multiSelection.svelte-v9xikc{flex-flow:wrap}.indicator.svelte-v9xikc{position:relative;align-items:center;align-self:stretch;display:flex;flex-shrink:0;box-sizing:border-box}.indicator-container.svelte-v9xikc{color:var(--sv-icon-color);display:flex;padding:8px;transition:color 150ms ease 0s;box-sizing:border-box}.indicator-container.svelte-v9xikc:hover{color:var(--sv-icon-hover) }.indicator-separator.svelte-v9xikc{align-self:stretch;background-color:var(--sv-border-color);margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box}.indicator-icon.svelte-v9xikc{display:inline-block;fill:currentcolor;line-height:1;stroke:currentcolor;stroke-width:0px}.is-loading.svelte-v9xikc:after{animation:svelte-v9xikc-spinAround .5s infinite linear;border:var(--sv-loader-border);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:20px;width:20px;right:8px;top:calc(50% - 10px);position:absolute !important;box-sizing:border-box}@keyframes svelte-v9xikc-spinAround{from{transform:rotate(0deg)\r\n  }to{transform:rotate(359deg)\r\n  }}')}function it(e,t,n){const i=e.slice();return i[38]=t[n],i}const lt=e=>({}),ot=e=>({});function rt(e){let t,n,i,l;const o=[at,st],r=[];function s(e,t){return e[5]&&e[6]&&e[17]?0:1}return t=s(e),n=r[t]=o[t](e),{c(){n.c(),i=T()},m(e,n){r[t].m(e,n),I(e,i,n),l=!0},p(e,l){let a=t;t=s(e),t===a?r[t].p(e,l):(ge(),ye(r[a],1,1,(()=>{r[a]=null})),be(),n=r[t],n?n.p(e,l):(n=r[t]=o[t](e),n.c()),$e(n,1),n.m(i.parentNode,i))},i(e){l||($e(n),l=!0)},o(e){ye(n),l=!1},d(e){r[t].d(e),e&&C(i)}}}function st(e){let t,n,i=[],l=new Map,o=e[11];const r=e=>e[38][e[14]];for(let t=0;t<o.length;t+=1){let n=it(e,o,t),s=r(n);l.set(s,i[t]=ct(s,n))}return{c(){for(let e=0;e<i.length;e+=1)i[e].c();t=T()},m(e,l){for(let t=0;t<i.length;t+=1)i[t].m(e,l);I(e,t,l),n=!0},p(e,n){if(575524&n[0]){o=e[11],ge();for(let e=0;e<i.length;e+=1)i[e].r();i=Se(i,n,r,1,e,o,l,t.parentNode,we,ct,t,it);for(let e=0;e<i.length;e+=1)i[e].a();be()}},i(e){if(!n){for(let e=0;e<o.length;e+=1)$e(i[e]);n=!0}},o(e){for(let e=0;e<i.length;e+=1)ye(i[e]);n=!1},d(e){for(let t=0;t<i.length;t+=1)i[t].d(e);e&&C(t)}}}function at(e){let n,i=e[6](e[11].length,e[11])+"";return{c(){n=E(i)},m(e,t){I(e,n,t)},p(e,t){2112&t[0]&&i!==(i=e[6](e[11].length,e[11])+"")&&H(n,i)},i:t,o:t,d(e){e&&C(n)}}}function ct(e,n){let i,l,o,r,s,a=t;var c=n[15];function d(e){return{props:{formatter:e[2],item:e[38],isSelected:!0,isMultiple:e[5],inputValue:e[19]}}}return c&&(l=new c(d(n)),l.$on("deselect",n[32])),{key:e,first:null,c(){i=F("div"),l&&ke(l.$$.fragment),o=D(),this.first=i},m(e,t){I(e,i,t),l&&Ae(l,i,null),S(i,o),s=!0},p(e,t){n=e;const r={};if(4&t[0]&&(r.formatter=n[2]),2048&t[0]&&(r.item=n[38]),32&t[0]&&(r.isMultiple=n[5]),524288&t[0]&&(r.inputValue=n[19]),c!==(c=n[15])){if(l){ge();const e=l;ye(e.$$.fragment,1,0,(()=>{ze(e,1)})),be()}c?(l=new c(d(n)),l.$on("deselect",n[32]),ke(l.$$.fragment),$e(l.$$.fragment,1),Ae(l,i,o)):l=null}else c&&l.$set(r)},r(){r=i.getBoundingClientRect()},f(){U(i),a()},a(){a(),a=Q(i,r,Xe,{duration:pt})},i(e){s||(l&&$e(l.$$.fragment,e),s=!0)},o(e){l&&ye(l.$$.fragment,e),s=!1},d(e){e&&C(i),l&&ze(l)}}}function dt(e){let n,i,l;return{c(){n=F("div"),n.innerHTML='<svg class="indicator-icon svelte-v9xikc" height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>',_(n,"aria-hidden","true"),_(n,"class","indicator-container close-icon svelte-v9xikc")},m(t,o){I(t,n,o),i||(l=[M(n,"mousedown",q(e[29])),M(n,"click",e[36])],i=!0)},p:t,d(e){e&&C(n),i=!1,o(l)}}}function ut(e){let t;return{c(){t=F("span"),_(t,"class","indicator-separator svelte-v9xikc")},m(e,n){I(e,t,n)},d(e){e&&C(t)}}}function ht(e){let t,n,i,l,s,a,c,u,m,v,b,$,y,x;const w=e[26].icon,k=d(w,e,e[25],ot);let A=e[11].length&&rt(e),z={disabled:e[3],searchable:e[1],placeholder:e[4],multiple:e[5],id:e[7],inputValue:e[8],hasDropdownOpened:e[10],selectedOptions:e[11]};s=new tt({props:z}),e[33](s),s.$on("focus",e[22]),s.$on("blur",e[23]),s.$on("keydown",e[34]),s.$on("paste",e[35]);let O=e[0]&&e[11].length&&!e[3]&&dt(e),E=e[0]&&ut();return{c(){t=F("div"),k&&k.c(),n=D(),i=F("div"),A&&A.c(),l=D(),ke(s.$$.fragment),c=D(),u=F("div"),O&&O.c(),m=D(),E&&E.c(),v=D(),b=F("div"),b.innerHTML='<svg width="20" height="20" class="indicator-icon svelte-v9xikc" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>',_(i,"class","sv-content sv-input-row svelte-v9xikc"),R(i,"has-multiSelection",e[5]),_(b,"aria-hidden","true"),_(b,"class","indicator-container svelte-v9xikc"),_(u,"class","indicator svelte-v9xikc"),R(u,"is-loading",e[12]),_(t,"class","sv-control svelte-v9xikc"),R(t,"is-active",e[20]),R(t,"is-disabled",e[3])},m(o,r){I(o,t,r),k&&k.m(t,null),S(t,n),S(t,i),A&&A.m(i,null),S(i,l),Ae(s,i,null),S(t,c),S(t,u),O&&O.m(u,null),S(u,m),E&&E.m(u,null),S(u,v),S(u,b),$=!0,y||(x=[g(a=e[13].call(null,i,{items:e[11],flipDurationMs:pt,morphDisabled:!0})),M(i,"consider",e[30]),M(i,"finalize",e[31]),M(b,"mousedown",q(e[28])),M(t,"mousedown",q(e[27])),M(t,"click",q(e[16]))],y=!0)},p(e,n){k&&k.p&&(!$||33554432&n[0])&&p(k,w,e,e[25],$?h(w,e[25],n,lt):f(e[25]),ot),e[11].length?A?(A.p(e,n),2048&n[0]&&$e(A,1)):(A=rt(e),A.c(),$e(A,1),A.m(i,l)):A&&(ge(),ye(A,1,1,(()=>{A=null})),be());const o={};8&n[0]&&(o.disabled=e[3]),2&n[0]&&(o.searchable=e[1]),16&n[0]&&(o.placeholder=e[4]),32&n[0]&&(o.multiple=e[5]),128&n[0]&&(o.id=e[7]),256&n[0]&&(o.inputValue=e[8]),1024&n[0]&&(o.hasDropdownOpened=e[10]),2048&n[0]&&(o.selectedOptions=e[11]),s.$set(o),a&&r(a.update)&&2048&n[0]&&a.update.call(null,{items:e[11],flipDurationMs:pt,morphDisabled:!0}),32&n[0]&&R(i,"has-multiSelection",e[5]),e[0]&&e[11].length&&!e[3]?O?O.p(e,n):(O=dt(e),O.c(),O.m(u,m)):O&&(O.d(1),O=null),e[0]?E||(E=ut(),E.c(),E.m(u,v)):E&&(E.d(1),E=null),4096&n[0]&&R(u,"is-loading",e[12]),1048576&n[0]&&R(t,"is-active",e[20]),8&n[0]&&R(t,"is-disabled",e[3])},i(e){$||($e(k,e),$e(A),$e(s.$$.fragment,e),$=!0)},o(e){ye(k,e),ye(A),ye(s.$$.fragment,e),$=!1},d(n){n&&C(t),k&&k.d(n),A&&A.d(),e[33](null),ze(s),O&&O.d(),E&&E.d(),y=!1,o(x)}}}const pt=100;function ft(e,n,i){let l,o,r,s=t,c=()=>(s(),s=a(z,(e=>i(19,l=e))),z),d=t,u=()=>(d(),d=a(C,(e=>i(37,o=e))),C),h=t,p=()=>(h(),h=a(I,(e=>i(20,r=e))),I);e.$$.on_destroy.push((()=>s())),e.$$.on_destroy.push((()=>d())),e.$$.on_destroy.push((()=>h()));let{$$slots:f={},$$scope:m}=n,{clearable:g}=n,{searchable:b}=n,{renderer:$}=n,{disabled:y}=n,{placeholder:x}=n,{multiple:w}=n,{resetOnBlur:S}=n,{collapseSelection:k}=n,{id:A}=n,{inputValue:z}=n;c();let{hasFocus:I}=n;p();let{hasDropdownOpened:C}=n;u();let{selectedOptions:O}=n,{isFetchingData:F}=n,{dndzone:E}=n,{currentValueField:D}=n,{itemComponent:T}=n;const M=ee();let q,_=!0;return e.$$set=e=>{"clearable"in e&&i(0,g=e.clearable),"searchable"in e&&i(1,b=e.searchable),"renderer"in e&&i(2,$=e.renderer),"disabled"in e&&i(3,y=e.disabled),"placeholder"in e&&i(4,x=e.placeholder),"multiple"in e&&i(5,w=e.multiple),"resetOnBlur"in e&&i(24,S=e.resetOnBlur),"collapseSelection"in e&&i(6,k=e.collapseSelection),"id"in e&&i(7,A=e.id),"inputValue"in e&&c(i(8,z=e.inputValue)),"hasFocus"in e&&p(i(9,I=e.hasFocus)),"hasDropdownOpened"in e&&u(i(10,C=e.hasDropdownOpened)),"selectedOptions"in e&&i(11,O=e.selectedOptions),"isFetchingData"in e&&i(12,F=e.isFetchingData),"dndzone"in e&&i(13,E=e.dndzone),"currentValueField"in e&&i(14,D=e.currentValueField),"itemComponent"in e&&i(15,T=e.itemComponent),"$$scope"in e&&i(25,m=e.$$scope)},[g,b,$,y,x,w,k,A,z,I,C,O,F,E,D,T,function(e){if(!y)return e?void(r?v(C,o=!o,o):q.focus()):(!r&&q.focus(),void v(C,o=!0,o))},_,q,l,r,M,function(){v(I,r=!0,r),v(C,o=!0,o),setTimeout((()=>{i(17,_=!1)}),150)},function(){v(I,r=!1,r),v(C,o=!1,o),S&&v(z,l="",l),setTimeout((()=>{i(17,_=!0)}),100),M("blur")},S,m,f,function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(e){ie[e?"unshift":"push"]((()=>{q=e,i(18,q)}))},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},()=>M("deselect")]}class mt extends Ce{constructor(e){super(),Ie(this,e,ft,ht,s,{clearable:0,searchable:1,renderer:2,disabled:3,placeholder:4,multiple:5,resetOnBlur:24,collapseSelection:6,id:7,inputValue:8,hasFocus:9,hasDropdownOpened:10,selectedOptions:11,isFetchingData:12,dndzone:13,currentValueField:14,itemComponent:15,focusControl:16},nt,[-1,-1])}get focusControl(){return this.$$.ctx[16]}}const vt="start",gt="center",bt="end",$t={HORIZONTAL:"horizontal",VERTICAL:"vertical"},yt=0,xt=1,wt={[$t.VERTICAL]:"scrollTop",[$t.HORIZONTAL]:"scrollLeft"};class St{constructor({itemSize:e,itemCount:t,estimatedItemSize:n}){this.itemSize=e,this.itemCount=t,this.estimatedItemSize=n,this.itemSizeAndPositionData={},this.lastMeasuredIndex=-1,this.checkForMismatchItemSizeAndItemCount(),this.justInTime||this.computeTotalSizeAndPositionData()}get justInTime(){return"function"==typeof this.itemSize}updateConfig({itemSize:e,itemCount:t,estimatedItemSize:n}){null!=t&&(this.itemCount=t),null!=n&&(this.estimatedItemSize=n),null!=e&&(this.itemSize=e),this.checkForMismatchItemSizeAndItemCount(),this.justInTime&&null!=this.totalSize?this.totalSize=void 0:this.computeTotalSizeAndPositionData()}checkForMismatchItemSizeAndItemCount(){if(Array.isArray(this.itemSize)&&this.itemSize.length<this.itemCount)throw Error("When itemSize is an array, itemSize.length can't be smaller than itemCount")}getSize(e){const{itemSize:t}=this;return"function"==typeof t?t(e):Array.isArray(t)?t[e]:t}computeTotalSizeAndPositionData(){let e=0;for(let t=0;t<this.itemCount;t++){const n=this.getSize(t),i=e;e+=n,this.itemSizeAndPositionData[t]={offset:i,size:n}}this.totalSize=e}getLastMeasuredIndex(){return this.lastMeasuredIndex}getSizeAndPositionForIndex(e){if(e<0||e>=this.itemCount)throw Error(`Requested index ${e} is outside of range 0..${this.itemCount}`);return this.justInTime?this.getJustInTimeSizeAndPositionForIndex(e):this.itemSizeAndPositionData[e]}getJustInTimeSizeAndPositionForIndex(e){if(e>this.lastMeasuredIndex){const t=this.getSizeAndPositionOfLastMeasuredItem();let n=t.offset+t.size;for(let t=this.lastMeasuredIndex+1;t<=e;t++){const e=this.getSize(t);if(null==e||isNaN(e))throw Error(`Invalid size returned for index ${t} of value ${e}`);this.itemSizeAndPositionData[t]={offset:n,size:e},n+=e}this.lastMeasuredIndex=e}return this.itemSizeAndPositionData[e]}getSizeAndPositionOfLastMeasuredItem(){return this.lastMeasuredIndex>=0?this.itemSizeAndPositionData[this.lastMeasuredIndex]:{offset:0,size:0}}getTotalSize(){if(this.totalSize)return this.totalSize;const e=this.getSizeAndPositionOfLastMeasuredItem();return e.offset+e.size+(this.itemCount-this.lastMeasuredIndex-1)*this.estimatedItemSize}getUpdatedOffsetForIndex({align:e=vt,containerSize:t,currentOffset:n,targetIndex:i}){if(t<=0)return 0;const l=this.getSizeAndPositionForIndex(i),o=l.offset,r=o-t+l.size;let s;switch(e){case bt:s=r;break;case gt:s=o-(t-l.size)/2;break;case vt:s=o;break;default:s=Math.max(r,Math.min(o,n))}const a=this.getTotalSize();return Math.max(0,Math.min(a-t,s))}getVisibleRange({containerSize:e=0,offset:t,overscanCount:n}){if(0===this.getTotalSize())return{};const i=t+e;let l=this.findNearestItem(t);if(void 0===l)throw Error(`Invalid offset ${t} specified`);const o=this.getSizeAndPositionForIndex(l);t=o.offset+o.size;let r=l;for(;t<i&&r<this.itemCount-1;)r++,t+=this.getSizeAndPositionForIndex(r).size;return n&&(l=Math.max(0,l-n),r=Math.min(r+n,this.itemCount-1)),{start:l,stop:r}}resetItem(e){this.lastMeasuredIndex=Math.min(this.lastMeasuredIndex,e-1)}findNearestItem(e){if(isNaN(e))throw Error(`Invalid offset ${e} specified`);e=Math.max(0,e);const t=this.getSizeAndPositionOfLastMeasuredItem(),n=Math.max(0,this.lastMeasuredIndex);return t.offset>=e?this.binarySearch({high:n,low:0,offset:e}):this.exponentialSearch({index:n,offset:e})}binarySearch({low:e,high:t,offset:n}){let i=0,l=0;for(;e<=t;){if(i=e+Math.floor((t-e)/2),l=this.getSizeAndPositionForIndex(i).offset,l===n)return i;l<n?e=i+1:l>n&&(t=i-1)}return e>0?e-1:0}exponentialSearch({index:e,offset:t}){let n=1;for(;e<this.itemCount&&this.getSizeAndPositionForIndex(e).offset<t;)e+=n,n*=2;return this.binarySearch({high:Math.min(e,this.itemCount-1),low:Math.floor(e/2),offset:t})}}function kt(e){k(e,"svelte-1he1ex4",".virtual-list-wrapper.svelte-1he1ex4{overflow:auto;will-change:transform;-webkit-overflow-scrolling:touch}.virtual-list-inner.svelte-1he1ex4{position:relative;display:flex;width:100%;min-height:100%}")}const At=e=>({}),zt=e=>({});function It(e,t,n){const i=e.slice();return i[36]=t[n],i}const Ct=e=>({style:4&e[0],index:4&e[0]}),Ot=e=>({style:e[36].style,index:e[36].index}),Ft=e=>({}),Et=e=>({});function Dt(e,t){let n,i;const l=t[20].item,o=d(l,t,t[19],Ot);return{key:e,first:null,c(){n=T(),o&&o.c(),this.first=n},m(e,t){I(e,n,t),o&&o.m(e,t),i=!0},p(e,n){t=e,o&&o.p&&(!i||524292&n[0])&&p(o,l,t,t[19],i?h(l,t[19],n,Ct):f(t[19]),Ot)},i(e){i||($e(o,e),i=!0)},o(e){ye(o,e),i=!1},d(e){e&&C(n),o&&o.d(e)}}}function Tt(e){let t,n,i,l,o,r=[],s=new Map;const a=e[20].header,c=d(a,e,e[19],Et);let u=e[2];const m=e=>e[0]?e[0](e[36].index):e[36].index;for(let t=0;t<u.length;t+=1){let n=It(e,u,t),i=m(n);s.set(i,r[t]=Dt(i,n))}const v=e[20].footer,g=d(v,e,e[19],zt);return{c(){t=F("div"),c&&c.c(),n=D(),i=F("div");for(let e=0;e<r.length;e+=1)r[e].c();l=D(),g&&g.c(),_(i,"class","virtual-list-inner svelte-1he1ex4"),_(i,"style",e[4]),_(t,"class","virtual-list-wrapper svelte-1he1ex4"),_(t,"style",e[3])},m(s,a){I(s,t,a),c&&c.m(t,null),S(t,n),S(t,i);for(let e=0;e<r.length;e+=1)r[e].m(i,null);S(t,l),g&&g.m(t,null),e[21](t),o=!0},p(e,n){c&&c.p&&(!o||524288&n[0])&&p(c,a,e,e[19],o?h(a,e[19],n,Ft):f(e[19]),Et),524293&n[0]&&(u=e[2],ge(),r=Se(r,n,m,1,e,u,s,i,xe,Dt,null,It),be()),(!o||16&n[0])&&_(i,"style",e[4]),g&&g.p&&(!o||524288&n[0])&&p(g,v,e,e[19],o?h(v,e[19],n,At):f(e[19]),zt),(!o||8&n[0])&&_(t,"style",e[3])},i(e){if(!o){$e(c,e);for(let e=0;e<u.length;e+=1)$e(r[e]);$e(g,e),o=!0}},o(e){ye(c,e);for(let e=0;e<r.length;e+=1)ye(r[e]);ye(g,e),o=!1},d(n){n&&C(t),c&&c.d(n);for(let e=0;e<r.length;e+=1)r[e].d();g&&g.d(n),e[21](null)}}}const Mt=(()=>{let e=!1;try{const t=Object.defineProperty({},"passive",{get:()=>(e={passive:!0},!0)});window.addEventListener("testpassive",t,t),window.remove("testpassive",t,t)}catch(e){}return e})();function qt(e,t,n){let{$$slots:i={},$$scope:l}=t,{height:o}=t,{width:r="100%"}=t,{itemCount:s}=t,{itemSize:a}=t,{estimatedItemSize:c=null}=t,{stickyIndices:d=null}=t,{getKey:u=null}=t,{scrollDirection:h=$t.VERTICAL}=t,{scrollOffset:p=null}=t,{scrollToIndex:f=null}=t,{scrollToAlignment:m=null}=t,{overscanCount:v=3}=t;const g=ee(),b=new St({itemCount:s,itemSize:a,estimatedItemSize:T()});let $,y=!1,x=[],w={offset:p||null!=f&&x.length&&E(f)||0,scrollChangeReason:xt},S=w,k={scrollToIndex:f,scrollToAlignment:m,scrollOffset:p,itemCount:s,itemSize:a,estimatedItemSize:c},A={},z="",I="";function C(){const{offset:e}=w,{start:t,stop:i}=b.getVisibleRange({containerSize:h===$t.VERTICAL?o:r,offset:e,overscanCount:v});let l=[];const s=b.getTotalSize();h===$t.VERTICAL?(n(3,z=`height:${o}px;width:${r};`),n(4,I=`flex-direction:column;height:${s}px;`)):(n(3,z=`height:${o};width:${r}px`),n(4,I=`width:${s}px;`));const a=null!=d&&0!==d.length;if(a)for(let e=0;e<d.length;e++){const t=d[e];l.push({index:t,style:M(t,!0)})}if(void 0!==t&&void 0!==i){for(let e=t;e<=i;e++)a&&d.includes(e)||l.push({index:e,style:M(e,!1)});g("itemsUpdated",{startIndex:t,stopIndex:i})}n(2,x=l)}function O(e){n(1,$[wt[h]]=e,$)}function F(e=0){A={},b.resetItem(e),C()}function E(e,t=m,n=s){return(e<0||e>=n)&&(e=0),b.getUpdatedOffsetForIndex({align:t,containerSize:h===$t.VERTICAL?o:r,currentOffset:w.offset||0,targetIndex:e})}function D(e){const t=$[wt[h]];t<0||w.offset===t||e.target!==$||(n(18,w={offset:t,scrollChangeReason:yt}),g("afterScroll",{offset:t,event:e}))}function T(){return c||"number"==typeof a&&a||50}function M(e,t){if(A[e])return A[e];const{size:n,offset:i}=b.getSizeAndPositionForIndex(e);let l;return h===$t.VERTICAL?(l=`left:0;width:100%;height:${n}px;`,l+=t?`position:sticky;flex-grow:0;z-index:1;top:0;margin-top:${i}px;margin-bottom:${-(i+n)}px;`:`position:absolute;top:${i}px;`):(l=`top:0;width:${n}px;`,l+=t?`position:sticky;z-index:1;left:0;margin-left:${i}px;margin-right:${-(i+n)}px;`:`position:absolute;height:100%;left:${i}px;`),A[e]=l}return C(),Z((()=>{n(17,y=!0),$.addEventListener("scroll",D,Mt),null!=p?O(p):null!=f&&O(E(f))})),Y((()=>{y&&$.removeEventListener("scroll",D)})),e.$$set=e=>{"height"in e&&n(5,o=e.height),"width"in e&&n(6,r=e.width),"itemCount"in e&&n(7,s=e.itemCount),"itemSize"in e&&n(8,a=e.itemSize),"estimatedItemSize"in e&&n(9,c=e.estimatedItemSize),"stickyIndices"in e&&n(10,d=e.stickyIndices),"getKey"in e&&n(0,u=e.getKey),"scrollDirection"in e&&n(11,h=e.scrollDirection),"scrollOffset"in e&&n(12,p=e.scrollOffset),"scrollToIndex"in e&&n(13,f=e.scrollToIndex),"scrollToAlignment"in e&&n(14,m=e.scrollToAlignment),"overscanCount"in e&&n(15,v=e.overscanCount),"$$scope"in e&&n(19,l=e.$$scope)},e.$$.update=()=>{29568&e.$$.dirty[0]&&function(){if(!y)return;const e=k.scrollToIndex!==f||k.scrollToAlignment!==m,t=k.itemCount!==s||k.itemSize!==a||k.estimatedItemSize!==c;t&&(b.updateConfig({itemSize:a,itemCount:s,estimatedItemSize:T()}),F()),k.scrollOffset!==p?n(18,w={offset:p||0,scrollChangeReason:xt}):"number"==typeof f&&(e||t)&&n(18,w={offset:E(f,m,s),scrollChangeReason:xt}),k={scrollToIndex:f,scrollToAlignment:m,scrollOffset:p,itemCount:s,itemSize:a,estimatedItemSize:c}}(),262144&e.$$.dirty[0]&&function(){if(!y)return;const{offset:e,scrollChangeReason:t}=w;S.offset===e&&S.scrollChangeReason===t||C(),S.offset!==e&&t===xt&&O(e),S=w}(),132192&e.$$.dirty[0]&&y&&F(o)},[u,$,x,z,I,o,r,s,a,c,d,h,p,f,m,v,F,y,w,l,i,function(e){ie[e?"unshift":"push"]((()=>{$=e,n(1,$)}))}]}class _t extends Ce{constructor(e){super(),Ie(this,e,qt,Tt,s,{height:5,width:6,itemCount:7,itemSize:8,estimatedItemSize:9,stickyIndices:10,getKey:0,scrollDirection:11,scrollOffset:12,scrollToIndex:13,scrollToAlignment:14,overscanCount:15,recomputeSizes:16},kt,[-1,-1])}get recomputeSizes(){return this.$$.ctx[16]}}function Ht(e){k(e,"svelte-aqpko7",'.sv-dropdown.svelte-aqpko7.svelte-aqpko7{box-sizing:border-box;position:absolute;background-color:var(--sv-bg);width:100%;display:none;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;box-shadow:var(--sv-dropdown-shadow);z-index:2}.sv-dropdown.is-virtual.svelte-aqpko7 .sv-dropdown-scroll.svelte-aqpko7{overflow-y:hidden}.sv-dropdown-scroll.svelte-aqpko7.svelte-aqpko7{padding:4px;box-sizing:border-box;max-height:var(--sv-dropdown-height);overflow-y:auto;overflow-x:hidden}.sv-dropdown-scroll.is-empty.svelte-aqpko7.svelte-aqpko7{padding:0}.sv-dropdown[aria-expanded="true"].svelte-aqpko7.svelte-aqpko7{display:block}.sv-dropdown-content.max-reached.svelte-aqpko7.svelte-aqpko7{opacity:0.75;cursor:not-allowed}.sv-dropdown-scroll.svelte-aqpko7:not(.is-empty)+.creatable-row-wrap.svelte-aqpko7{border-top:1px solid #efefef}.creatable-row-wrap.svelte-aqpko7.svelte-aqpko7{padding:4px}.creatable-row.svelte-aqpko7.svelte-aqpko7{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-radius:2px;padding:3px 3px 3px 6px}.creatable-row.svelte-aqpko7.svelte-aqpko7:hover,.creatable-row.svelte-aqpko7.svelte-aqpko7:active,.creatable-row.active.svelte-aqpko7.svelte-aqpko7{background-color:var(--sv-item-active-bg)}.creatable-row.active.is-disabled.svelte-aqpko7.svelte-aqpko7{opacity:0.5;background-color:rgb(252, 186, 186)}.creatable-row.is-disabled.svelte-aqpko7.svelte-aqpko7{opacity:0.5;cursor:not-allowed}.shortcut.svelte-aqpko7.svelte-aqpko7{display:flex;align-items:center;align-content:center}.shortcut.svelte-aqpko7>kbd.svelte-aqpko7{border:1px solid #efefef;border-radius:4px;padding:0px 6px;margin:-1px 0;background-color:white;line-height:1.6;height:22px}.empty-list-row.svelte-aqpko7.svelte-aqpko7{min-width:0px;box-sizing:border-box;border-radius:2px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;padding:7px 7px 7px 10px;text-align:left}')}function Pt(e,t,n){const i=e.slice();return i[47]=t[n],i[49]=n,i}function Lt(e){let t,n,i,l,o,r,s,a,c=e[5].length&&Vt(e),d=(e[17]||e[2])&&Gt(e),u=e[8]&&e[1]&&!e[2]&&Wt(e);return{c(){t=F("div"),n=F("div"),i=F("div"),c&&c.c(),l=D(),d&&d.c(),o=D(),u&&u.c(),_(i,"class","sv-dropdown-content svelte-aqpko7"),R(i,"max-reached",e[2]),_(n,"class","sv-dropdown-scroll svelte-aqpko7"),R(n,"is-empty",!e[5].length),_(t,"class","sv-dropdown svelte-aqpko7"),_(t,"aria-expanded",e[25]),_(t,"tabindex","-1"),R(t,"is-virtual",e[7])},m(h,p){I(h,t,p),S(t,n),S(n,i),c&&c.m(i,null),S(i,l),d&&d.m(i,null),e[39](i),e[40](n),S(t,o),u&&u.m(t,null),r=!0,s||(a=M(t,"mousedown",q(e[33])),s=!0)},p(e,o){e[5].length?c?(c.p(e,o),32&o[0]&&$e(c,1)):(c=Vt(e),c.c(),$e(c,1),c.m(i,l)):c&&(ge(),ye(c,1,1,(()=>{c=null})),be()),e[17]||e[2]?d?d.p(e,o):(d=Gt(e),d.c(),d.m(i,null)):d&&(d.d(1),d=null),4&o[0]&&R(i,"max-reached",e[2]),32&o[0]&&R(n,"is-empty",!e[5].length),e[8]&&e[1]&&!e[2]?u?u.p(e,o):(u=Wt(e),u.c(),u.m(t,null)):u&&(u.d(1),u=null),(!r||33554432&o[0])&&_(t,"aria-expanded",e[25]),128&o[0]&&R(t,"is-virtual",e[7])},i(e){r||($e(c),r=!0)},o(e){ye(c),r=!1},d(n){n&&C(t),c&&c.d(),d&&d.d(),e[39](null),e[40](null),u&&u.d(),s=!1,a()}}}function Vt(e){let t,n,i,l;const o=[Nt,Rt],r=[];function s(e,t){return e[7]?0:1}return t=s(e),n=r[t]=o[t](e),{c(){n.c(),i=T()},m(e,n){r[t].m(e,n),I(e,i,n),l=!0},p(e,l){let a=t;t=s(e),t===a?r[t].p(e,l):(ge(),ye(r[a],1,1,(()=>{r[a]=null})),be(),n=r[t],n?n.p(e,l):(n=r[t]=o[t](e),n.c()),$e(n,1),n.m(i.parentNode,i))},i(e){l||($e(n),l=!0)},o(e){ye(n),l=!1},d(e){r[t].d(e),e&&C(i)}}}function Rt(e){let t,n,i=e[5],l=[];for(let t=0;t<i.length;t+=1)l[t]=Bt(Pt(e,i,t));const o=e=>ye(l[e],1,1,(()=>{l[e]=null}));return{c(){for(let e=0;e<l.length;e+=1)l[e].c();t=T()},m(e,i){for(let t=0;t<l.length;t+=1)l[t].m(e,i);I(e,t,i),n=!0},p(e,n){if(37689&n[0]){let r;for(i=e[5],r=0;r<i.length;r+=1){const o=Pt(e,i,r);l[r]?(l[r].p(o,n),$e(l[r],1)):(l[r]=Bt(o),l[r].c(),$e(l[r],1),l[r].m(t.parentNode,t))}for(ge(),r=i.length;r<l.length;r+=1)o(r);be()}},i(e){if(!n){for(let e=0;e<i.length;e+=1)$e(l[e]);n=!0}},o(e){l=l.filter(Boolean);for(let e=0;e<l.length;e+=1)ye(l[e]);n=!1},d(e){O(l,e),e&&C(t)}}}function Nt(e){let t,n,i={width:"100%",height:e[23],itemCount:e[5].length,itemSize:e[19],scrollToAlignment:"auto",scrollToIndex:e[0]?parseInt(e[0]):null,$$slots:{item:[jt,({style:e,index:t})=>({45:e,46:t}),({style:e,index:t})=>[0,(e?16384:0)|(t?32768:0)]]},$$scope:{ctx:e}};return t=new _t({props:i}),e[36](t),{c(){ke(t.$$.fragment)},m(e,i){Ae(t,e,i),n=!0},p(e,n){const i={};8388608&n[0]&&(i.height=e[23]),32&n[0]&&(i.itemCount=e[5].length),524288&n[0]&&(i.itemSize=e[19]),1&n[0]&&(i.scrollToIndex=e[0]?parseInt(e[0]):null),37689&n[0]|573440&n[1]&&(i.$$scope={dirty:n,ctx:e}),t.$set(i)},i(e){n||($e(t.$$.fragment,e),n=!0)},o(e){ye(t.$$.fragment,e),n=!1},d(n){e[36](null),ze(t,n)}}}function Bt(e){let t,n,i,l,o;var r=e[15];function s(e){return{props:{formatter:e[3],index:e[9].map[e[49]],isDisabled:e[47][e[12]],item:e[47],inputValue:e[8],disableHighlight:e[4]}}}return r&&(n=new r(s(e)),n.$on("hover",e[37]),n.$on("select",e[38])),{c(){t=F("div"),n&&ke(n.$$.fragment),i=D(),_(t,"data-pos",l=e[9].map[e[49]]),_(t,"class","sv-dd-item"),R(t,"sv-dd-item-active",e[9].map[e[49]]==e[0]),R(t,"sv-group-item",e[47].$isGroupItem),R(t,"sv-group-header",e[47].$isGroupHeader)},m(e,l){I(e,t,l),n&&Ae(n,t,null),S(t,i),o=!0},p(e,a){const c={};if(8&a[0]&&(c.formatter=e[3]),512&a[0]&&(c.index=e[9].map[e[49]]),4128&a[0]&&(c.isDisabled=e[47][e[12]]),32&a[0]&&(c.item=e[47]),256&a[0]&&(c.inputValue=e[8]),16&a[0]&&(c.disableHighlight=e[4]),r!==(r=e[15])){if(n){ge();const e=n;ye(e.$$.fragment,1,0,(()=>{ze(e,1)})),be()}r?(n=new r(s(e)),n.$on("hover",e[37]),n.$on("select",e[38]),ke(n.$$.fragment),$e(n.$$.fragment,1),Ae(n,t,i)):n=null}else r&&n.$set(c);(!o||512&a[0]&&l!==(l=e[9].map[e[49]]))&&_(t,"data-pos",l),513&a[0]&&R(t,"sv-dd-item-active",e[9].map[e[49]]==e[0]),32&a[0]&&R(t,"sv-group-item",e[47].$isGroupItem),32&a[0]&&R(t,"sv-group-header",e[47].$isGroupHeader)},i(e){o||(n&&$e(n.$$.fragment,e),o=!0)},o(e){n&&ye(n.$$.fragment,e),o=!1},d(e){e&&C(t),n&&ze(n)}}}function jt(e){let t,n,i,l;var o=e[15];function r(e){return{props:{formatter:e[3],index:e[9].map[e[46]],isDisabled:e[5][e[46]][e[12]],item:e[5][e[46]],inputValue:e[8],disableHighlight:e[4]}}}return o&&(n=new o(r(e)),n.$on("hover",e[34]),n.$on("select",e[35])),{c(){t=F("div"),n&&ke(n.$$.fragment),_(t,"slot","item"),_(t,"style",i=e[45]),_(t,"class","sv-dd-item"),R(t,"sv-dd-item-active",e[46]==e[0]),R(t,"sv-group-item",e[5][e[46]].$isGroupItem),R(t,"sv-group-header",e[5][e[46]].$isGroupHeader)},m(e,i){I(e,t,i),n&&Ae(n,t,null),l=!0},p(e,s){const a={};if(8&s[0]&&(a.formatter=e[3]),512&s[0]|32768&s[1]&&(a.index=e[9].map[e[46]]),4128&s[0]|32768&s[1]&&(a.isDisabled=e[5][e[46]][e[12]]),32&s[0]|32768&s[1]&&(a.item=e[5][e[46]]),256&s[0]&&(a.inputValue=e[8]),16&s[0]&&(a.disableHighlight=e[4]),o!==(o=e[15])){if(n){ge();const e=n;ye(e.$$.fragment,1,0,(()=>{ze(e,1)})),be()}o?(n=new o(r(e)),n.$on("hover",e[34]),n.$on("select",e[35]),ke(n.$$.fragment),$e(n.$$.fragment,1),Ae(n,t,null)):n=null}else o&&n.$set(a);(!l||16384&s[1]&&i!==(i=e[45]))&&_(t,"style",i),1&s[0]|32768&s[1]&&R(t,"sv-dd-item-active",e[46]==e[0]),32&s[0]|32768&s[1]&&R(t,"sv-group-item",e[5][e[46]].$isGroupItem),32&s[0]|32768&s[1]&&R(t,"sv-group-header",e[5][e[46]].$isGroupHeader)},i(e){l||(n&&$e(n.$$.fragment,e),l=!0)},o(e){n&&ye(n.$$.fragment,e),l=!1},d(e){e&&C(t),n&&ze(n)}}}function Gt(e){let t,n;return{c(){t=F("div"),n=E(e[11]),_(t,"class","empty-list-row svelte-aqpko7")},m(e,i){I(e,t,i),S(t,n)},p(e,t){2048&t[0]&&H(n,e[11])},d(e){e&&C(t)}}}function Wt(e){let t,n,i,l,s,a,c=e[13](e[8])+"",d=e[24]!=e[0]&&Kt(e);return{c(){t=F("div"),n=F("div"),i=new N,l=D(),d&&d.c(),i.a=l,_(n,"class","creatable-row svelte-aqpko7"),R(n,"active",e[24]==e[0]),R(n,"is-disabled",e[6].includes(e[8])),_(t,"class","creatable-row-wrap svelte-aqpko7")},m(o,u){I(o,t,u),S(t,n),i.m(c,n),S(n,l),d&&d.m(n,null),s||(a=[M(n,"click",(function(){r(e[26]("select",e[8]))&&e[26]("select",e[8]).apply(this,arguments)})),M(n,"mouseenter",(function(){r(e[26]("hover",e[9].last))&&e[26]("hover",e[9].last).apply(this,arguments)}))],s=!0)},p(t,l){e=t,8448&l[0]&&c!==(c=e[13](e[8])+"")&&i.p(c),e[24]!=e[0]?d?d.p(e,l):(d=Kt(e),d.c(),d.m(n,null)):d&&(d.d(1),d=null),16777217&l[0]&&R(n,"active",e[24]==e[0]),320&l[0]&&R(n,"is-disabled",e[6].includes(e[8]))},d(e){e&&C(t),d&&d.d(),s=!1,o(a)}}}function Kt(e){let t,n,i,l,o;return{c(){t=F("span"),n=F("kbd"),i=E(e[14]),l=E("+"),o=F("kbd"),o.textContent="Enter",_(n,"class","svelte-aqpko7"),_(o,"class","svelte-aqpko7"),_(t,"class","shortcut svelte-aqpko7")},m(e,r){I(e,t,r),S(t,n),S(n,i),S(t,l),S(t,o)},p(e,t){16384&t[0]&&H(i,e[14])},d(e){e&&C(t)}}}function Qt(e){let t,n,i=e[16]&&e[18]&&Lt(e);return{c(){i&&i.c(),t=T()},m(e,l){i&&i.m(e,l),I(e,t,l),n=!0},p(e,n){e[16]&&e[18]?i?(i.p(e,n),327680&n[0]&&$e(i,1)):(i=Lt(e),i.c(),$e(i,1),i.m(t.parentNode,t)):i&&(ge(),ye(i,1,1,(()=>{i=null})),be())},i(e){n||($e(i),n=!0)},o(e){ye(i),n=!1},d(e){i&&i.d(e),e&&C(t)}}}function Ut(e,n,i){let l,o,r,s=t,c=()=>(s(),s=a(S,(e=>i(25,r=e))),S);e.$$.on_destroy.push((()=>s()));let{lazyDropdown:d}=n,{creatable:u}=n,{maxReached:h=!1}=n,{dropdownIndex:p=0}=n,{renderer:f}=n,{disableHighlight:m}=n,{items:v=[]}=n,{alreadyCreated:g}=n,{virtualList:b}=n,{vlItemSize:$}=n,{vlHeight:y}=n,{inputValue:x}=n,{listIndex:w}=n,{hasDropdownOpened:S}=n;c();let{listMessage:k}=n,{disabledField:A}=n,{createLabel:z}=n,{metaKey:I}=n,{itemComponent:C}=n;function O(e){if(b)return;const t=E.querySelector(`[data-pos="${p}"]`);if(!t)return;const n=t.getBoundingClientRect(),l=D.getBoundingClientRect(),o=t.offsetHeight/3,r=e&&e.center?D.offsetHeight/2:0;switch(!0){case t.offsetTop<D.scrollTop:i(21,D.scrollTop=t.offsetTop-o+r,D);break;case t.offsetTop+n.height>D.scrollTop+l.height:i(21,D.scrollTop=t.offsetTop+n.height-D.offsetHeight+o+r,D)}}const F=ee();let E,D,T,M=!1,q=!1,_=!d,H=y,P=$,L=null===y&&null===$;function V(e){if(!D&&!_)return;const t=function(e){if(!e)return!1;const t=e.getBoundingClientRect(),n={};return n.top=t.top<0||t.top-t.height<0,n.left=t.left<0,n.bottom=t.bottom>(window.innerHeight||document.documentElement.clientHeight),n.right=t.right>(window.innerWidth||document.documentElement.clientWidth),n.any=n.top||n.left||n.bottom||n.right,n}(D.parentElement);t.bottom&&!t.top?i(21,D.parentElement.style.bottom=D.parentElement.parentElement.clientHeight+1+"px",D):e&&!t.top||i(21,D.parentElement.style.bottom="",D)}function R(){if(!T)return;const e=(e,t)=>{const n=window.getComputedStyle(e);let{groups:{value:i,unit:l}}=n[t].match(/(?<value>\d+)(?<unit>[a-zA-Z]+)/);if(i=parseFloat(i),"px"!==l){const e="rem"===l?document.documentElement:D.parentElement.parentElement;i*=parseFloat(window.getComputedStyle(e).fontSize.match(/\d+/).shift())}return i};i(32,H=e(D,"maxHeight")-e(D,"paddingTop")-e(D,"paddingBottom")),i(21,D.parentElement.style="opacity: 0; display: block",D);const t=T.$$.ctx[1].firstElementChild.firstElementChild;if(t){t.style="";const e=t.getBoundingClientRect().height,n=T.$$.ctx[1].firstElementChild.firstElementChild.nextElementSibling;let l;if(n&&(n.style="",l=n.getBoundingClientRect().height),e!==l){const t=v[0].$isGroupHeader?e:l,n=v[0].$isGroupHeader?l:e;i(19,P=v.map((e=>e.$isGroupHeader?t:n)))}else i(19,P=e)}i(21,D.parentElement.style="",D)}let N=()=>{};return Z((()=>{N=S.subscribe((e=>{!_&&e&&i(18,_=!0),ce().then((()=>{V(e),e&&O({center:!0})})),document[e?"addEventListener":"removeEventListener"]("scroll",(()=>V(e)),{passive:!0})})),i(16,M=!0)})),Y((()=>N())),e.$$set=e=>{"lazyDropdown"in e&&i(27,d=e.lazyDropdown),"creatable"in e&&i(1,u=e.creatable),"maxReached"in e&&i(2,h=e.maxReached),"dropdownIndex"in e&&i(0,p=e.dropdownIndex),"renderer"in e&&i(3,f=e.renderer),"disableHighlight"in e&&i(4,m=e.disableHighlight),"items"in e&&i(5,v=e.items),"alreadyCreated"in e&&i(6,g=e.alreadyCreated),"virtualList"in e&&i(7,b=e.virtualList),"vlItemSize"in e&&i(28,$=e.vlItemSize),"vlHeight"in e&&i(29,y=e.vlHeight),"inputValue"in e&&i(8,x=e.inputValue),"listIndex"in e&&i(9,w=e.listIndex),"hasDropdownOpened"in e&&c(i(10,S=e.hasDropdownOpened)),"listMessage"in e&&i(11,k=e.listMessage),"disabledField"in e&&i(12,A=e.disabledField),"createLabel"in e&&i(13,z=e.createLabel),"metaKey"in e&&i(14,I=e.metaKey),"itemComponent"in e&&i(15,C=e.itemComponent)},e.$$.update=()=>{32&e.$$.dirty[0]&&i(24,l=v.length),459170&e.$$.dirty[0]&&(i(17,q=v.length<1&&(!u||!x)),b&&L&&M&&_&&(q&&i(0,p=null),i(19,P=0),ce().then(R).then(V))),524320&e.$$.dirty[0]|2&e.$$.dirty[1]&&i(23,o=Math.min(H,Array.isArray(P)?P.reduce(((e,t)=>e+=t),0):v.length*P))},[p,u,h,f,m,v,g,b,x,w,S,k,A,z,I,C,M,q,_,P,E,D,T,o,l,r,F,d,$,y,O,function(){return b?[D.offsetHeight,P]:[D.offsetHeight,E.firstElementChild.offsetHeight]},H,function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(e){ie[e?"unshift":"push"]((()=>{T=e,i(22,T)}))},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(e){ie[e?"unshift":"push"]((()=>{E=e,i(20,E)}))},function(e){ie[e?"unshift":"push"]((()=>{D=e,i(21,D)}))}]}class Jt extends Ce{constructor(e){super(),Ie(this,e,Ut,Qt,s,{lazyDropdown:27,creatable:1,maxReached:2,dropdownIndex:0,renderer:3,disableHighlight:4,items:5,alreadyCreated:6,virtualList:7,vlItemSize:28,vlHeight:29,inputValue:8,listIndex:9,hasDropdownOpened:10,listMessage:11,disabledField:12,createLabel:13,metaKey:14,itemComponent:15,scrollIntoView:30,getDimensions:31},Ht,[-1,-1])}get scrollIntoView(){return this.$$.ctx[30]}get getDimensions(){return this.$$.ctx[31]}}function Xt(e){k(e,"svelte-w7c5vi",".sv-item-btn.svelte-w7c5vi.svelte-w7c5vi{position:relative;display:inline-flex;align-items:center;align-self:stretch;padding:0 4px;box-sizing:border-box;border-radius:2px;border-width:0;margin:0;cursor:pointer;background-color:var(--sv-item-btn-bg, var(--sv-item-selected-bg))}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi:hover{background-color:var(--sv-item-btn-bg-hover)}.sv-item-btn.svelte-w7c5vi>svg.svelte-w7c5vi{fill:var(--sv-item-btn-icon, var(--sv-icon-color))}")}function Zt(e){let n;return{c(){n=F("button"),n.innerHTML='<svg height="16" width="16" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="svelte-w7c5vi"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>',_(n,"class","sv-item-btn svelte-w7c5vi"),_(n,"tabindex","-1"),_(n,"data-action","deselect"),_(n,"type","button")},m(e,t){I(e,n,t)},p:t,i:t,o:t,d(e){e&&C(n)}}}class Yt extends Ce{constructor(e){super(),Ie(this,e,null,Zt,s,{},Xt)}}const en=e=>e.preventDefault();function tn(e,{item:t,index:n}){function i(n){const i=n.target.closest('[data-action="deselect"]')?"deselect":"select";e.dispatchEvent(new CustomEvent(i,{bubble:!0,detail:t}))}function l(){e.dispatchEvent(new CustomEvent("hover",{detail:n}))}return e.onmousedown=en,e.onclick=i,e.addEventListener("mouseenter",l),{update(e){t=e.item,n=e.index},destroy(){e.removeEventListener("mousedown",en),e.removeEventListener("click",i),e.removeEventListener("mouseenter",l)}}}function nn(e){k(e,"svelte-1e087o6",".optgroup-header.svelte-1e087o6{padding:3px 3px 3px 6px;font-weight:bold}")}function ln(e){let t,n,i,l,s,a,c,d,u=(e[3]?`<div class="sv-item-content">${e[6](e[2],e[3],e[0])}</div>`:Ve(e[2],e[3],e[0],e[6],e[7]))+"",h=e[3]&&e[5]&&rn();return{c(){t=F("div"),n=new N,i=D(),h&&h.c(),n.a=i,_(t,"class","sv-item"),_(t,"title",l=e[2].$created?"Created item":""),R(t,"is-disabled",e[4])},m(l,o){I(l,t,o),n.m(u,t),S(t,i),h&&h.m(t,null),a=!0,c||(d=[g(s=tn.call(null,t,{item:e[2],index:e[1]})),M(t,"select",e[9]),M(t,"deselect",e[10]),M(t,"hover",e[11])],c=!0)},p(e,i){(!a||205&i)&&u!==(u=(e[3]?`<div class="sv-item-content">${e[6](e[2],e[3],e[0])}</div>`:Ve(e[2],e[3],e[0],e[6],e[7]))+"")&&n.p(u),e[3]&&e[5]?h?40&i&&$e(h,1):(h=rn(),h.c(),$e(h,1),h.m(t,null)):h&&(ge(),ye(h,1,1,(()=>{h=null})),be()),(!a||4&i&&l!==(l=e[2].$created?"Created item":""))&&_(t,"title",l),s&&r(s.update)&&6&i&&s.update.call(null,{item:e[2],index:e[1]}),16&i&&R(t,"is-disabled",e[4])},i(e){a||($e(h),a=!0)},o(e){ye(h),a=!1},d(e){e&&C(t),h&&h.d(),c=!1,o(d)}}}function on(e){let n,i,l,o,r,s=e[2].label+"";return{c(){n=F("div"),i=F("b"),l=E(s),_(n,"class","optgroup-header svelte-1e087o6")},m(t,s){I(t,n,s),S(n,i),S(i,l),o||(r=M(n,"mousedown",q(e[8])),o=!0)},p(e,t){4&t&&s!==(s=e[2].label+"")&&H(l,s)},i:t,o:t,d(e){e&&C(n),o=!1,r()}}}function rn(e){let t,n;return t=new Yt({}),{c(){ke(t.$$.fragment)},m(e,i){Ae(t,e,i),n=!0},i(e){n||($e(t.$$.fragment,e),n=!0)},o(e){ye(t.$$.fragment,e),n=!1},d(e){ze(t,e)}}}function sn(e){let t,n,i,l;const o=[on,ln],r=[];function s(e,t){return e[2].$isGroupHeader?0:1}return t=s(e),n=r[t]=o[t](e),{c(){n.c(),i=T()},m(e,n){r[t].m(e,n),I(e,i,n),l=!0},p(e,[l]){let a=t;t=s(e),t===a?r[t].p(e,l):(ge(),ye(r[a],1,1,(()=>{r[a]=null})),be(),n=r[t],n?n.p(e,l):(n=r[t]=o[t](e),n.c()),$e(n,1),n.m(i.parentNode,i))},i(e){l||($e(n),l=!0)},o(e){ye(n),l=!1},d(e){r[t].d(e),e&&C(i)}}}function an(e,t,n){let{inputValue:i}=t,{index:l=-1}=t,{item:o={}}=t,{isSelected:r=!1}=t,{isDisabled:s=!1}=t,{isMultiple:a=!1}=t,{formatter:c=null}=t,{disableHighlight:d=!1}=t;return e.$$set=e=>{"inputValue"in e&&n(0,i=e.inputValue),"index"in e&&n(1,l=e.index),"item"in e&&n(2,o=e.item),"isSelected"in e&&n(3,r=e.isSelected),"isDisabled"in e&&n(4,s=e.isDisabled),"isMultiple"in e&&n(5,a=e.isMultiple),"formatter"in e&&n(6,c=e.formatter),"disableHighlight"in e&&n(7,d=e.disableHighlight)},[i,l,o,r,s,a,c,d,function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)},function(t){te.call(this,e,t)}]}class cn extends Ce{constructor(e){super(),Ie(this,e,an,sn,s,{inputValue:0,index:1,item:2,isSelected:3,isDisabled:4,isMultiple:5,formatter:6,disableHighlight:7},nn)}}function dn(e){k(e,"svelte-1lvkhl0",".svelecte-control.svelte-1lvkhl0{--sv-bg:#fff;--sv-color:inherit;--sv-min-height:38px;--sv-border-color:#ccc;--sv-border:1px solid var(--sv-border-color);--sv-active-border:1px solid #555;--sv-active-outline:none;--sv-disabled-bg:#f2f2f2;--sv-disabled-border-color:#e6e6e6;--sv-placeholder-color:#ccccc6;--sv-icon-color:#ccc;--sv-icon-hover:#999;--sv-loader-border:3px solid #dbdbdb;--sv-dropdown-shadow:0 6px 12px rgba(0,0,0,0.175);--sv-dropdown-height:250px;--sv-item-selected-bg:#efefef;--sv-item-color:#333333;--sv-item-active-color:var(--sv-item-color);--sv-item-active-bg:#F2F5F8;--sv-item-btn-bg:var(--sv-item-selected-bg);--sv-item-btn-bg-hover:#ddd;--sv-item-btn-icon:var(--sv-item-color);--sv-highlight-bg:yellow;--sv-highlight-color:var(--sv-item-color)}.svelecte.svelte-1lvkhl0{position:relative;flex:1 1 auto;color:var(--sv-color)}.svelecte.is-disabled.svelte-1lvkhl0{pointer-events:none}.icon-slot.svelte-1lvkhl0{display:flex}.is-hidden.svelte-1lvkhl0{opacity:0;position:absolute;z-index:-2;top:0;height:38px}.svelecte-control .has-multiSelection .sv-item{background-color:var(--sv-item-selected-bg);margin:2px 4px 2px 0}.svelecte-control .has-multiSelection .sv-item-content,.svelecte-control .sv-dropdown-content .sv-item{padding:3px 3px 3px 6px}.svelecte-control .sv-item{display:flex;min-width:0px;box-sizing:border-box;border-radius:2px;cursor:default}.svelecte-control .sv-item.is-disabled{opacity:0.5;cursor:not-allowed}.svelecte-control .sv-item-content{color:var(--sv-item-color, var(--sv-color));text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;width:100%}.svelecte-control .sv-dd-item-active > .sv-item{background-color:var(--sv-item-active-bg)}.svelecte-control .sv-dd-item-active > .sv-item .sv-item-content{color:var(--sv-item-active-color, var(--sv-item-color))}.svelecte-control .highlight{background-color:var(--sv-highlight-bg);color:var(--sv-highlight-color, var(--sv-color))}")}function un(e,t,n){const i=e.slice();return i[109]=t[n],i}const hn=e=>({}),pn=e=>({});function fn(e){let t,n;const i=e[85].icon,l=d(i,e,e[91],pn);return{c(){t=F("div"),l&&l.c(),_(t,"slot","icon"),_(t,"class","icon-slot svelte-1lvkhl0")},m(e,i){I(e,t,i),l&&l.m(t,null),n=!0},p(e,t){l&&l.p&&(!n||536870912&t[2])&&p(l,i,e,e[91],n?h(i,e[91],t,hn):f(e[91]),pn)},i(e){n||($e(l,e),n=!0)},o(e){ye(l,e),n=!1},d(e){e&&C(t),l&&l.d(e)}}}function mn(e){let t,n,i,l,o=e[28],r=[];for(let t=0;t<o.length;t+=1)r[t]=vn(un(e,o,t));return{c(){t=F("select");for(let e=0;e<r.length;e+=1)r[e].c();_(t,"name",e[3]),t.multiple=e[1],_(t,"class","is-hidden svelte-1lvkhl0"),_(t,"tabindex","-1"),t.required=e[5],t.disabled=e[0]},m(o,s){I(o,t,s);for(let e=0;e<r.length;e+=1)r[e].m(t,null);e[90](t),i||(l=g(n=e[41].call(null,t,e[42])),i=!0)},p(e,n){if(369098752&n[0]){let i;for(o=e[28],i=0;i<o.length;i+=1){const l=un(e,o,i);r[i]?r[i].p(l,n):(r[i]=vn(l),r[i].c(),r[i].m(t,null))}for(;i<r.length;i+=1)r[i].d(1);r.length=o.length}8&n[0]&&_(t,"name",e[3]),2&n[0]&&(t.multiple=e[1]),32&n[0]&&(t.required=e[5]),1&n[0]&&(t.disabled=e[0])},d(n){n&&C(t),O(r,n),e[90](null),i=!1,l()}}}function vn(e){let t,n,i,l=e[109][e[26]]+"";return{c(){t=F("option"),n=E(l),t.__value=i=e[109][e[25]],t.value=t.__value,t.selected=!0},m(e,i){I(e,t,i),S(t,n)},p(e,o){335544320&o[0]&&l!==(l=e[109][e[26]]+"")&&H(n,l),301989888&o[0]&&i!==(i=e[109][e[25]])&&(t.__value=i,t.value=t.__value)},d(e){e&&C(t)}}}function gn(e){let t,n,i,l,o,r,s,a={renderer:e[39],disabled:e[0],clearable:e[10],searchable:e[9],placeholder:e[8],multiple:e[1],id:e[4],resetOnBlur:e[12],collapseSelection:e[16]?$n.collapseSelectionFn:null,inputValue:e[43],hasFocus:e[44],hasDropdownOpened:e[45],selectedOptions:e[28],isFetchingData:e[37],dndzone:e[13],currentValueField:e[25],itemComponent:e[15],$$slots:{icon:[fn]},$$scope:{ctx:e}};n=new mt({props:a}),e[86](n),n.$on("deselect",e[47]),n.$on("keydown",e[49]),n.$on("paste",e[50]),n.$on("consider",e[51]),n.$on("finalize",e[51]),n.$on("blur",e[87]);let c={renderer:e[39],disableHighlight:e[11],creatable:e[17],maxReached:e[31],alreadyCreated:e[38],virtualList:e[19],vlHeight:e[20],vlItemSize:e[21],lazyDropdown:e[19]||e[18],dropdownIndex:e[24],items:e[30],listIndex:e[29],inputValue:e[2](e[32]),hasDropdownOpened:e[45],listMessage:e[40],disabledField:e[7],createLabel:e[27].createRowLabel,metaKey:e[35]?"⌘":"Ctrl",itemComponent:e[14]};l=new Jt({props:c}),e[88](l),l.$on("select",e[46]),l.$on("hover",e[48]),l.$on("createoption",e[89]);let d=e[3]&&!e[6]&&mn(e);return{c(){t=F("div"),ke(n.$$.fragment),i=D(),ke(l.$$.fragment),o=D(),d&&d.c(),_(t,"class",r=m(`svelecte ${e[22]}`)+" svelte-1lvkhl0"),_(t,"style",e[23]),R(t,"is-disabled",e[0])},m(e,r){I(e,t,r),Ae(n,t,null),S(t,i),Ae(l,t,null),S(t,o),d&&d.m(t,null),s=!0},p(e,i){const o={};256&i[1]&&(o.renderer=e[39]),1&i[0]&&(o.disabled=e[0]),1024&i[0]&&(o.clearable=e[10]),512&i[0]&&(o.searchable=e[9]),256&i[0]&&(o.placeholder=e[8]),2&i[0]&&(o.multiple=e[1]),16&i[0]&&(o.id=e[4]),4096&i[0]&&(o.resetOnBlur=e[12]),65536&i[0]&&(o.collapseSelection=e[16]?$n.collapseSelectionFn:null),268435456&i[0]&&(o.selectedOptions=e[28]),64&i[1]&&(o.isFetchingData=e[37]),8192&i[0]&&(o.dndzone=e[13]),33554432&i[0]&&(o.currentValueField=e[25]),32768&i[0]&&(o.itemComponent=e[15]),536870912&i[2]&&(o.$$scope={dirty:i,ctx:e}),n.$set(o);const a={};256&i[1]&&(a.renderer=e[39]),2048&i[0]&&(a.disableHighlight=e[11]),131072&i[0]&&(a.creatable=e[17]),1&i[1]&&(a.maxReached=e[31]),128&i[1]&&(a.alreadyCreated=e[38]),524288&i[0]&&(a.virtualList=e[19]),1048576&i[0]&&(a.vlHeight=e[20]),2097152&i[0]&&(a.vlItemSize=e[21]),786432&i[0]&&(a.lazyDropdown=e[19]||e[18]),16777216&i[0]&&(a.dropdownIndex=e[24]),1073741824&i[0]&&(a.items=e[30]),536870912&i[0]&&(a.listIndex=e[29]),4&i[0]|2&i[1]&&(a.inputValue=e[2](e[32])),512&i[1]&&(a.listMessage=e[40]),128&i[0]&&(a.disabledField=e[7]),134217728&i[0]&&(a.createLabel=e[27].createRowLabel),16&i[1]&&(a.metaKey=e[35]?"⌘":"Ctrl"),16384&i[0]&&(a.itemComponent=e[14]),l.$set(a),e[3]&&!e[6]?d?d.p(e,i):(d=mn(e),d.c(),d.m(t,null)):d&&(d.d(1),d=null),(!s||4194304&i[0]&&r!==(r=m(`svelecte ${e[22]}`)+" svelte-1lvkhl0"))&&_(t,"class",r),(!s||8388608&i[0])&&_(t,"style",e[23]),4194305&i[0]&&R(t,"is-disabled",e[0])},i(e){s||($e(n.$$.fragment,e),$e(l.$$.fragment,e),s=!0)},o(e){ye(n.$$.fragment,e),ye(l.$$.fragment,e),s=!1},d(i){i&&C(t),e[86](null),ze(n),e[88](null),ze(l),d&&d.d()}}}const bn={default(e){return e[this.label]}};const $n=je;let yn=0;function xn(e,t,n){let i,l,o,r,s,a,d,u,h,p,{$$slots:f={},$$scope:m}=t,{name:g="svelecte"}=t,{id:b="svelecte-input-"+yn++}=t,{required:$=!1}=t,{hasAnchor:y=!1}=t,{disabled:x=je.disabled}=t,{options:w=[]}=t,{valueField:S=je.valueField}=t,{labelField:k=je.labelField}=t,{disabledField:A=je.disabledField}=t,{placeholder:z="Select"}=t,{searchable:I=je.searchable}=t,{clearable:C=je.clearable}=t,{renderer:O=null}=t,{disableHighlight:F=!1}=t,{selectOnTab:E=je.selectOnTab}=t,{resetOnBlur:D=je.resetOnBlur}=t,{dndzone:T=(()=>({noop:!0,destroy:()=>{}}))}=t,{validatorAction:M=null}=t,{dropdownItem:q=cn}=t,{controlItem:_=cn}=t,{multiple:H=je.multiple}=t,{max:P=je.max}=t,{collapseSelection:L=je.collapseSelection}=t,{creatable:V=je.creatable}=t,{creatablePrefix:R=je.creatablePrefix}=t,{allowEditing:N=je.allowEditing}=t,{keepCreated:B=je.keepCreated}=t,{delimiter:j=je.delimiter}=t,{createFilter:G=null}=t,{fetch:W=null}=t,{fetchMode:K="auto"}=t,{fetchCallback:Q=je.fetchCallback}=t,{fetchResetOnBlur:U=!0}=t,{minQuery:J=je.minQuery}=t,{lazyDropdown:X=je.lazyDropdown}=t,{virtualList:Y=je.virtualList}=t,{vlHeight:ne=je.vlHeight}=t,{vlItemSize:le=je.vlItemSize}=t,{searchField:oe=null}=t,{sortField:re=null}=t,{disableSifter:se=!1}=t,{class:ae="svelecte-control"}=t,{style:de=null}=t,{i18n:ue=null}=t,{readSelection:he=null}=t,{value:pe=null}=t,{labelAsValue:fe=!1}=t,{valueAsObject:me=je.valueAsObject}=t;const ve=ee(),ge={optionsWithGroups:!1,isOptionArray:w&&w.length&&"object"!=typeof w[0],optionProps:[],valueField:S,labelField:k,labelAsValue:fe};W&&pe&&(!w||w&&0===w.length)&&(w=Array.isArray(pe)?pe:[pe]);let be,$e,ye=!1,xe=!1,we=null,Se=null,ke=S||Ne("value",w,ge),Ae=k||Ne("label",w,ge),ze=!1,Ie=M?M.shift():()=>({destroy:()=>{}}),Ce=M||[],Fe=null;ge.valueField=ke,ge.labelField=Ae,ge.optionProps=pe&&me&&(!H||!Array.isArray(pe)||pe.length>0)?Ue(H?pe.slice(0,1).shift():pe):[ke,Ae],H=g&&!H?g.endsWith("[]"):H,G||(G=Be);const Ee=We("");c(e,Ee,(e=>n(32,u=e)));const De=We(!1);c(e,De,(e=>n(97,p=e)));const Te=We(!1);c(e,Te,(e=>n(96,h=e)));let Me=!1,qe=!1;function _e(){Me&&(Le&&![0,4].includes(Le.readyState)&&Le.abort(),n(37,Me=!1))}function Pe(e){if(Se&&(Se(),Se=null),!e)return null;const t="string"==typeof e?(i=e,function(e,t){return new Promise(((n,l)=>{Le=new XMLHttpRequest,Le.open("GET",`${i.replace("[query]",encodeURIComponent(e))}`),Le.setRequestHeader("X-Requested-With","XMLHttpRequest"),Le.send(),Le.onreadystatechange=()=>{if(4===Le.readyState)if(200===Le.status){const e=JSON.parse(Le.response);n(t?t(e):e.data||e.items||e.options||e)}else l()}}))}):e;var i;n(82,qe="init"===K||"auto"===K&&"string"==typeof e&&-1===e.indexOf("[query]"));const l=(o=e=>{!e||u.length?t(e,Q).then((e=>{n(52,w=e)})).catch((()=>{n(52,w=[])})).finally((()=>{n(37,Me=!1),p&&Te.set(!0),n(40,a=Re.fetchEmpty),ce().then((()=>ve("fetch",w)))})):n(37,Me=!1)},r=500,function(){const e=this,t=arguments;clearTimeout(He),He=setTimeout((function(){o.apply(e,t)}),r)});var o,r;return qe?("string"==typeof e&&-1!==e.indexOf("[parent]")||(n(37,Me=!0),n(52,w=[]),l(null)),null):(Se=Ee.subscribe((e=>{_e(),e?e&&e.length<J||(!qe&&Te.set(!1),n(37,Me=!0),l(e)):ye&&U&&n(52,w=[])})),l)}let Ve=pe,Re=$n.i18n,Ge=Ke.call(w,pe,me,ge),Je=Ge.reduce(((e,t)=>(e.add(t[ke]),e)),new Set),Xe=[""],Ze=w;function Ye(){ce().then((()=>{ve("change",he),Fe&&Fe.dispatchEvent(new Event("input"))}))}function et(e){if(nt(),e){let t=Array.isArray(e)?e:[e];if(!me){const e=ge.labelAsValue?Ae:ke;t=t.reduce(((t,n)=>{const l=i.find((t=>t[e]==n));return l&&t.push(l),t}),[])}if(!(t.every(tt)&&(H?e.length===t.length:t.length>0)))return console.warn('[Svelecte]: provided "value" property is invalid',e),n(54,pe=null),void n(55,he=null);n(55,he=Array.isArray(e)?t:t.shift())}n(83,Ve=e)}function tt(e){if(!e||H&&l)return!1;if(!Je.has(e[ke])){if("string"==typeof e){if(e=G(e),Xe.includes(e))return;!W&&Xe.push(e),e={[ke]:encodeURIComponent(e),[Ae]:`${R}${e}`,$created:!0},B&&n(52,w=[...w,e]),ve("createoption",e)}return H?(Ge.push(e),n(28,Ge),Je.add(e[ke])):(n(28,Ge=[e]),Je.clear(),Je.add(e[ke]),n(24,we=w.indexOf(e))),n(84,i),n(52,w),n(80,ge),n(81,ye),n(102,Ze),n(56,S),n(25,ke),n(57,k),n(26,Ae),n(74,fe),!0}}function nt(){Je.clear(),n(28,Ge=[]),n(84,i),n(52,w),n(80,ge),n(81,ye),n(102,Ze),n(56,S),n(25,ke),n(57,k),n(26,Ae),n(74,fe)}function it(e,t){t=t||e.detail,x||t[A]||t.$isGroupHeader||(tt(t),v(Ee,u="",u),H?ce().then((()=>{n(24,we=l?null:s.next(we-1,!0))})):v(Te,h=!1,h),Ye())}function lt(e,t){x||((t=t||e.detail)?function(e){e.$created&&ot&&N&&(Xe.splice(Xe.findIndex((t=>t===e[fe?Ae:ke])),1),n(38,Xe),B&&(w.splice(w.findIndex((t=>t===e)),1),n(52,w)),v(Ee,u=e[Ae].replace(R,""),u));const t=e[ke];Je.delete(t),Ge.splice(Ge.findIndex((e=>e[ke]==t)),1),n(28,Ge),n(84,i),n(52,w),n(80,ge),n(81,ye),n(102,Ze),n(56,S),n(25,ke),n(57,k),n(26,Ae),n(74,fe)}(t):nt(),ce().then($e.focusControl),Ye())}let ot=!1;return Z((()=>{if(n(81,ye=!0),V){const e=ge.labelAsValue?Ae:ke;n(38,Xe=[""].concat(i.map((t=>t[e])).filter((e=>e))))}if(n(24,we=s.first),Ve&&!H){const e=fe?Ae:ke,t=me?Ve[e]:Ve;n(24,we=i.findIndex((n=>n[e]===t)))}n(35,ze=["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document)})),e.$$set=e=>{"name"in e&&n(3,g=e.name),"id"in e&&n(4,b=e.id),"required"in e&&n(5,$=e.required),"hasAnchor"in e&&n(6,y=e.hasAnchor),"disabled"in e&&n(0,x=e.disabled),"options"in e&&n(52,w=e.options),"valueField"in e&&n(56,S=e.valueField),"labelField"in e&&n(57,k=e.labelField),"disabledField"in e&&n(7,A=e.disabledField),"placeholder"in e&&n(8,z=e.placeholder),"searchable"in e&&n(9,I=e.searchable),"clearable"in e&&n(10,C=e.clearable),"renderer"in e&&n(58,O=e.renderer),"disableHighlight"in e&&n(11,F=e.disableHighlight),"selectOnTab"in e&&n(59,E=e.selectOnTab),"resetOnBlur"in e&&n(12,D=e.resetOnBlur),"dndzone"in e&&n(13,T=e.dndzone),"validatorAction"in e&&n(60,M=e.validatorAction),"dropdownItem"in e&&n(14,q=e.dropdownItem),"controlItem"in e&&n(15,_=e.controlItem),"multiple"in e&&n(1,H=e.multiple),"max"in e&&n(61,P=e.max),"collapseSelection"in e&&n(16,L=e.collapseSelection),"creatable"in e&&n(17,V=e.creatable),"creatablePrefix"in e&&n(62,R=e.creatablePrefix),"allowEditing"in e&&n(63,N=e.allowEditing),"keepCreated"in e&&n(64,B=e.keepCreated),"delimiter"in e&&n(65,j=e.delimiter),"createFilter"in e&&n(2,G=e.createFilter),"fetch"in e&&n(53,W=e.fetch),"fetchMode"in e&&n(66,K=e.fetchMode),"fetchCallback"in e&&n(67,Q=e.fetchCallback),"fetchResetOnBlur"in e&&n(68,U=e.fetchResetOnBlur),"minQuery"in e&&n(69,J=e.minQuery),"lazyDropdown"in e&&n(18,X=e.lazyDropdown),"virtualList"in e&&n(19,Y=e.virtualList),"vlHeight"in e&&n(20,ne=e.vlHeight),"vlItemSize"in e&&n(21,le=e.vlItemSize),"searchField"in e&&n(70,oe=e.searchField),"sortField"in e&&n(71,re=e.sortField),"disableSifter"in e&&n(72,se=e.disableSifter),"class"in e&&n(22,ae=e.class),"style"in e&&n(23,de=e.style),"i18n"in e&&n(73,ue=e.i18n),"readSelection"in e&&n(55,he=e.readSelection),"value"in e&&n(54,pe=e.value),"labelAsValue"in e&&n(74,fe=e.labelAsValue),"valueAsObject"in e&&n(75,me=e.valueAsObject),"$$scope"in e&&n(91,m=e.$$scope)},e.$$.update=()=>{if(4194304&e.$$.dirty[1]&&Pe(W),1&e.$$.dirty[0]&&x&&_e(),2048&e.$$.dirty[2]&&ue&&"object"==typeof ue&&n(27,Re=Object.assign({},$n.i18n,ue)),100663296&e.$$.dirty[0]|102760448&e.$$.dirty[1]|786432&e.$$.dirty[2]&&ye&&Ze!==w&&w.length){const e=Ne("value",w||null,ge),t=Ne("label",w||null,ge);S||ke===e||n(80,ge.valueField=n(25,ke=e),ge),k||Ae===t||n(80,ge.labelField=n(26,Ae=t),ge)}if(4096&e.$$.dirty[2]&&n(80,ge.labelAsValue=fe,ge),369098754&e.$$.dirty[0]|2367488&e.$$.dirty[2]){const e=Ge.map((e=>{const t={};return ge.optionProps.forEach((n=>t[n]=e[n])),t})),t=H?e:e.length?e[0]:null,i=ge.labelAsValue?Ae:ke;n(83,Ve=me?t:H?t.map((e=>e[i])):Ge.length?t[i]:null),n(54,pe=Ve),n(55,he=t)}8388608&e.$$.dirty[1]|2097152&e.$$.dirty[2]&&Ve!==pe&&et(pe),2097152&e.$$.dirty[1]|262144&e.$$.dirty[2]&&n(84,i=Qe(w,ge)),268435456&e.$$.dirty[0]|1073741824&e.$$.dirty[1]&&n(31,l=P&&Ge.length===P),2&e.$$.dirty[0]|3&e.$$.dirty[1]|4458240&e.$$.dirty[2]&&n(30,o=l?[]:function(e,t,n,i,l,o){if(n&&(e=e.filter((e=>!n.has(e[o.valueField]))).filter(((e,t,n)=>!e.$isGroupHeader||!(n[t+1]&&n[t+1].$isGroupHeader||n.length<=1||n.length-1===t)))),!t)return e;const r=new Oe(e);o.optionsWithGroups&&(r.getSortFunction=()=>null);let s="and";t.startsWith("|| ")&&(s="or",t=t.substr(2));const a=r.search(t,{fields:i||o.optionProps,sort:(c=l||o.labelField,[{field:c,direction:"asc"}]),conjunction:s});var c;return o.optionsWithGroups?a.items.reduce(((t,i)=>{const l=e[i.id];if(n&&l.isSelected)return t;const o=t.push(l);if(l.$isGroupItem){const n=e.slice(0,i.id);let l=null;do{l=n.pop(),l&&l.$isGroupHeader&&!t.includes(l)&&t.splice(o-1,0,l)}while(l&&!l.$isGroupHeader)}return t}),[]):a.items.map((t=>e[t.id]))}(i,se?null:u,!!H&&Je,oe,re,ge)),1073872896&e.$$.dirty[0]|2&e.$$.dirty[1]&&(r=V&&u?o.length:o.length-1),1073872896&e.$$.dirty[0]|2&e.$$.dirty[1]|262144&e.$$.dirty[2]&&n(29,s=function(e,t,n){const i=n.optionsWithGroups?e.reduce(((e,t,n)=>(e.push(t.$isGroupHeader?"":n),e)),[]):Object.keys(e);return{map:i,first:""!==i[0]?0:1,last:i.length?i.length-(t?0:1):0,hasCreateRow:!!t,next(e,t){const n=this.map[++e];return this.hasCreateRow&&e===this.last?this.last:""===n?this.next(e):void 0===n?this.map.length?(e>this.map.length&&(e=this.first-1),!0===t?this.prev(e):this.next(e)):0:n},prev(e){const t=this.map[--e];return this.hasCreateRow&&e===this.first?this.first:""===t?this.prev(e):t||this.last}}}(o,V&&u,ge)),553648128&e.$$.dirty[0]&&(null===we?n(24,we=s.first):we>s.last&&n(24,we=s.last)),1207959552&e.$$.dirty[0]|1077936131&e.$$.dirty[1]|1048704&e.$$.dirty[2]&&n(40,a=l?Re.max(P):u.length&&0===o.length&&J<=1?Re.nomatch:W?J<=1?qe?Re.fetchInit:Re.fetchBefore:Re.fetchQuery(J,u.length):Re.empty),67108864&e.$$.dirty[0]|134217728&e.$$.dirty[1]&&n(39,d="function"==typeof O?O:bn[O]||bn.default.bind({label:Ae}))},[x,H,G,g,b,$,y,A,z,I,C,F,D,T,q,_,L,V,X,Y,ne,le,ae,de,we,ke,Ae,Re,Ge,s,o,l,u,be,$e,ze,Fe,Me,Xe,d,a,Ie,Ce,Ee,De,Te,it,lt,function(e){xe?xe=!1:n(24,we=e.detail)},function(e){if(e=e.detail,V&&j.indexOf(e.key)>-1)return u.length>0&&it(null,u),void e.preventDefault();const t=E&&h&&!e.shiftKey?"Tab":"No-tab";let i=ze?e.metaKey:e.ctrlKey,l=["PageUp","PageDown"].includes(e.key);switch(e.key){case"End":if(0!==u.length)return;n(24,we=s.first);case"PageDown":if(l){const[e,t]=be.getDimensions();n(24,we=Math.ceil((t*we+e)/t))}case"ArrowUp":if(e.preventDefault(),!h)return void v(Te,h=!0,h);n(24,we=s.prev(we)),ce().then(be.scrollIntoView),xe=!0;break;case"Home":if(0!==u.length||0===u.length&&0===o.length)return;n(24,we=s.last);case"PageUp":if(l){const[e,t]=be.getDimensions();n(24,we=Math.floor((t*we-e)/t))}case"ArrowDown":if(e.preventDefault(),!h)return void v(Te,h=!0,h);n(24,we=s.next(we)),ce().then(be.scrollIntoView),xe=!0;break;case"Escape":h&&(e.preventDefault(),e.stopPropagation()),u||v(Te,h=!1,h),_e(),v(Ee,u="",u);break;case t:case"Enter":if(!h)return;let a=i?null:o[we];if(V&&u&&(a=!a||i?u:a,i=!1),!i&&a&&it(null,a),o.length<=we&&n(24,we=r>0?r:s.first),!a&&Ge.length)return void v(Te,h=!1,h);e.preventDefault();break;case" ":W||h||(v(Te,h=!0,h),e.preventDefault());break;case"Backspace":ot=!0;case"Delete":""===u&&Ge.length&&(i?lt({}):lt(null,Ge[Ge.length-1]),e.preventDefault()),ot=!1;default:i||["Tab","Shift"].includes(e.key)||h||Me||v(Te,h=!0,h),!H&&Ge.length&&"Tab"!==e.key&&e.preventDefault()}},function(e){if(V){e.preventDefault();const t=new RegExp("([^"+j+"\\n]+)","g"),n=e.clipboardData.getData("text/plain").replaceAll("/","/"),i=n.match(t);1===i.length&&-1===n.indexOf(",")&&v(Ee,u=i.pop().trim(),u),i.forEach((e=>it(null,e.trim())))}},function(e){n(28,Ge=e.detail.items)},w,W,pe,he,S,k,O,E,M,P,R,N,B,j,K,Q,U,J,oe,re,se,ue,fe,me,e=>{$e.focusControl(e)},e=>{if(!Ge.length)return H?[]:null;const t=Ge.map((t=>e?t[fe?Ae:ke]:Object.assign({},t)));return H?t:t[0]},(e,t)=>{et(e),t&&Ye()},e=>{nt(),Ye(),e&&(n(0,x=!0),n(53,W=null))},ge,ye,qe,Ve,i,f,function(e){ie[e?"unshift":"push"]((()=>{$e=e,n(34,$e)}))},function(t){te.call(this,e,t)},function(e){ie[e?"unshift":"push"]((()=>{be=e,n(33,be)}))},function(t){te.call(this,e,t)},function(e){ie[e?"unshift":"push"]((()=>{Fe=e,n(36,Fe),n(28,Ge),n(25,ke),n(81,ye),n(102,Ze),n(52,w),n(80,ge),n(56,S),n(57,k),n(26,Ae),n(74,fe)}))},m]}class wn extends Ce{constructor(e){super(),Ie(this,e,xn,gn,s,{name:3,id:4,required:5,hasAnchor:6,disabled:0,options:52,valueField:56,labelField:57,disabledField:7,placeholder:8,searchable:9,clearable:10,renderer:58,disableHighlight:11,selectOnTab:59,resetOnBlur:12,dndzone:13,validatorAction:60,dropdownItem:14,controlItem:15,multiple:1,max:61,collapseSelection:16,creatable:17,creatablePrefix:62,allowEditing:63,keepCreated:64,delimiter:65,createFilter:2,fetch:53,fetchMode:66,fetchCallback:67,fetchResetOnBlur:68,minQuery:69,lazyDropdown:18,virtualList:19,vlHeight:20,vlItemSize:21,searchField:70,sortField:71,disableSifter:72,class:22,style:23,i18n:73,readSelection:55,value:54,labelAsValue:74,valueAsObject:75,focus:76,getSelection:77,setSelection:78,clearByParent:79},dn,[-1,-1,-1,-1])}get focus(){return this.$$.ctx[76]}get getSelection(){return this.$$.ctx[77]}get setSelection(){return this.$$.ctx[78]}get clearByParent(){return this.$$.ctx[79]}}const Sn=["options","value","name","required","disabled","value-field","label-field","disabled-field","placeholder","searchable","clearable","renderer","disable-highlight","select-on-tab","reset-on-blur","multiple","max","collapse-selection","creatable","creatable-prefix","allow-editing","keepCreated","delimiter","fetch","fetch-reset-on-blur","min-query","lazy-dropdown","virtual-list","vl-height","vl-item-size","search-field","sort-field","disable-sifter","label-as-value"];function kn(e,t){switch(e){case"options":if(Array.isArray(t))return t;try{t=JSON.parse(t),Array.isArray(t)||(t=[])}catch(e){t=[]}return t;case"value":return t?t.split(",").map((e=>{const t=parseInt(e);return isNaN(t)?"null"!==e?e:null:t})):"";case"renderer":return t||"default";case"required":case"searchable":case"clearable":case"disable-highlight":case"select-on-tab":case"reset-on-blur":case"multiple":case"collapse-selection":case"creatable":case"allow-editing":case"keep-created":case"fetch-reset-on-blur":case"lazy-dropdown":case"virtual-list":case"disable-sifter":case"label-as-value":return null!==t&&"false"!==t;case"max":return isNaN(parseInt(t))?0:parseInt(t);case"min-query":return isNaN(parseInt(t))?$n.minQuery:parseInt(t)}return t}function An(e){return e.includes("-")?e.split("-").reduce(((e,t,n)=>(n&&(t=t[0].toUpperCase()+t.substr(1)),e+t)),""):e}let zn=!1;class In extends HTMLElement{constructor(){super(),this.svelecte=void 0,this.anchorSelect=null,this._fetchOpts=null,this._selfSetValue=!1;const e={name:{get(){this.getAttribute("name")},set(e){this.setAttribute("name",e)}},selection:{get(){return this.svelecte?this.svelecte.getSelection():null}},value:{get(){return this.svelecte?this.svelecte.getSelection(!0):null},set(e){this.setAttribute("value",Array.isArray(e)?e.join(","):e)}},options:{get(){return this.hasAttribute("options")?JSON.parse(this.getAttribute("options")):this._fetchOpts||[]},set(e){this.setAttribute("options",Array.isArray(e)?JSON.stringify(e):e)}},hasAnchor:{get(){return!!this.anchorSelect}},form:{get(){return this.closest("form")}},emitChange:{get(){return zn=!0,this}},valueField:{get(){return this.getAttribute("value-field")||$n.valueField},set(e){this.setAttribute("value-field",e)}},labelField:{get(){return this.getAttribute("label-field")||$n.labelField},set(e){this.setAttribute("label-field",e)}},delimiter:{get(){return this.getAttribute("delimiter")||$n.delimiter},set(e){this.setAttribute("delimiter",e)}},lazyDropdown:{get(){return!!this.hasAttribute("lazy-dropdown")||$n.lazyDropdown},set(){console.warn("⚠ this setter has no effect after component has been created")}},placeholder:{get(){return this.getAttribute("placeholder")||$n.placeholder},set(e){this.setAttribute("placeholder",e)}},max:{get(){return this.getAttribute("max")||$n.max},set(e){try{(e=parseInt(e))<0&&(e=0)}catch(t){e=0}this.setAttribute("max",e)}},minQuery:{get(){return this.getAttribute("min-query")||$n.minQuery},set(e){try{(e=parseInt(e))<1&&(e=1)}catch(t){e=$n.minQuery}this.setAttribute("min-query",e)}},creatablePrefix:{get(){return this.getAttribute("creatable-prefix")||$n.creatablePrefix},set(e){this.setAttribute("creatable-prefix",e)}},renderer:{get(){return this.getAttribute("renderer")||"default"},set(e){e?this.setAttribute("renderer",e):this.removeAttribute("renderer")}}},t=["searchable","clearable","disable-highlight","select-on-tab","reset-on-blur","multiple","collapse-selection","creatable","allow-editing","keep-created","fetch-reset-on-blur","virtual-list","disable-sifter","label-as-value"].reduce(((e,t)=>{const n=An(t);return e[n]={get(){const e=this.hasAttribute(t),i=!e||"false"!==this.getAttribute(t);return e?i:$n[n]},set(e){e?this.setAttribute(t,e=""):this.hasAttribute(t)?this.removeAttribute(t):this.svelecte.$set({[n]:e})}},e}),{});Object.defineProperties(this,Object.assign({},e,t))}focus(){!this.disabled&&this.querySelector("input").focus()}static get observedAttributes(){return Sn}attributeChangedCallback(e,t,n){if(this.svelecte&&t!==n){if("value"===e)return this._selfSetValue||(n?this.svelecte.setSelection(kn(e,n),zn):this.svelecte.clearByParent(!!this.parent)),this._selfSetValue=!1,zn=!1,void(this.anchorSelect&&setTimeout((()=>{const e=this.svelecte.getSelection(!0);this.anchorSelect.innerHTML=(Array.isArray(e)?e.length?e:[null]:[e]).reduce(((e,t)=>e+=t?`<option value="${t}" selected>${t}</option>`:'<option value="" selected="">Empty</option>'),"")})));this.svelecte.$set({[An(e)]:kn(e,n)})}}connectedCallback(){setTimeout((()=>{this.render()}))}render(){if(this.svelecte)return;let e={};for(const t of Sn)this.hasAttribute(t)&&(e[An(t)]=kn(t,this.getAttribute(t)));if(this.hasAttribute("class")&&(e.class=this.getAttribute("class")),this.hasAttribute("parent")){if(delete e.fetch,e.disabled=!0,this.parent=document.getElementById(this.getAttribute("parent")),!this.parent.value&&this.svelecte)return;this.parentCallback=e=>{if(!e.target.selection||Array.isArray(e.target.selection)&&!e.target.selection.length)this.svelecte.clearByParent(!0);else if(!this.parent.disabled&&this.removeAttribute("disabled"),this.hasAttribute("fetch")){this.svelecte.clearByParent(!0);const t=this.getAttribute("fetch").replace("[parent]",e.target.value);this.svelecte.$set({fetch:t,disabled:!1})}},this.parent.addEventListener("change",this.parentCallback)}const t=this.querySelector("select");return t&&(e.hasAnchor=!0,t.style="opacity: 0; position: absolute; z-index: -2; top: 0; height: 38px",t.tabIndex=-1,this.anchorSelect=t,this.anchorSelect.multiple=e.multiple||t.name.includes("[]"),(Array.isArray(e.value)?e.value:[e.value||null]).forEach((e=>{this.anchorSelect.innerHTML+=`<option value="${e||""}" selected>${e||"No value"}</option>`}))),this.svelecte=new wn({target:this,anchor:t,props:e}),this.svelecte.$on("change",(e=>{const t=this.svelecte.getSelection(!0);this._selfSetValue=!0,this.value=t,setTimeout((()=>{this._selfSetValue=!1}),100),this.dispatchEvent(e),this.anchorSelect&&(this.anchorSelect.innerHTML=(Array.isArray(t)?t.length?t:[null]:[t]).reduce(((e,t)=>e+=t?`<option value="${t}" selected>${t}</option>`:'<option value="" selected="">Empty</option>'),""),this.anchorSelect.dispatchEvent(new Event("change")))})),this.svelecte.$on("fetch",(e=>{this._fetchOpts=e.detail,this.dispatchEvent(e)})),this.svelecte.$on("createoption",(e=>{this.dispatchEvent(e)})),!0}disconnectedCallback(){this.svelecte&&this.svelecte.$destroy(),this.parent&&this.parent.removeEventListener("change",this.parentCallback)}}return e.addFormatter=function(e,t){if(e instanceof Object)for(let t in e)bn[t]=e[t];else bn[e]=t},e.config=$n,e.registerSvelecte=function(e){window.customElements.define(e||"el-svelecte",In)},Object.defineProperty(e,"__esModule",{value:!0}),e}({});
diff --git a/dist/svelecte.css b/dist/svelecte.css
index e138c06..2e13b67 100644
--- a/dist/svelecte.css
+++ b/dist/svelecte.css
@@ -1,3 +1,3 @@
 .svelecte-control.svelte-1lvkhl0{--sv-bg:#fff;--sv-color:inherit;--sv-min-height:38px;--sv-border-color:#ccc;--sv-border:1px solid var(--sv-border-color);--sv-active-border:1px solid #555;--sv-active-outline:none;--sv-disabled-bg:#f2f2f2;--sv-disabled-border-color:#e6e6e6;--sv-placeholder-color:#ccccc6;--sv-icon-color:#ccc;--sv-icon-hover:#999;--sv-loader-border:3px solid #dbdbdb;--sv-dropdown-shadow:0 6px 12px rgba(0,0,0,0.175);--sv-dropdown-height:250px;--sv-item-selected-bg:#efefef;--sv-item-color:#333333;--sv-item-active-color:var(--sv-item-color);--sv-item-active-bg:#F2F5F8;--sv-item-btn-bg:var(--sv-item-selected-bg);--sv-item-btn-bg-hover:#ddd;--sv-item-btn-icon:var(--sv-item-color);--sv-highlight-bg:yellow;--sv-highlight-color:var(--sv-item-color)}.svelecte.svelte-1lvkhl0{position:relative;flex:1 1 auto;color:var(--sv-color)}.svelecte.is-disabled.svelte-1lvkhl0{pointer-events:none}.icon-slot.svelte-1lvkhl0{display:flex}.is-hidden.svelte-1lvkhl0{opacity:0;position:absolute;z-index:-2;top:0;height:38px}.svelecte-control .has-multiSelection .sv-item{background-color:var(--sv-item-selected-bg);margin:2px 4px 2px 0}.svelecte-control .has-multiSelection .sv-item-content,.svelecte-control .sv-dropdown-content .sv-item{padding:3px 3px 3px 6px}.svelecte-control .sv-item{display:flex;min-width:0px;box-sizing:border-box;border-radius:2px;cursor:default}.svelecte-control .sv-item.is-disabled{opacity:0.5;cursor:not-allowed}.svelecte-control .sv-item-content{color:var(--sv-item-color, var(--sv-color));text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;width:100%}.svelecte-control .sv-dd-item-active > .sv-item{background-color:var(--sv-item-active-bg)}.svelecte-control .sv-dd-item-active > .sv-item .sv-item-content{color:var(--sv-item-active-color, var(--sv-item-color))}.svelecte-control .highlight{background-color:var(--sv-highlight-bg);color:var(--sv-highlight-color, var(--sv-color))}.sv-control.svelte-v9xikc{background-color:var(--sv-bg);border:var(--sv-border);border-radius:4px;min-height:var(--sv-min-height)}.sv-control.is-active.svelte-v9xikc{border:var(--sv-active-border);outline:var(--sv-active-outline)}.sv-control.is-disabled.svelte-v9xikc{background-color:var(--sv-disabled-bg);border-color:var(--sv-disabled-border-color);cursor:default;flex-wrap:wrap;justify-content:space-between;outline:currentcolor none 0px !important;position:relative;transition:all 100ms ease 0s}.sv-control.svelte-v9xikc{display:flex;align-items:center;box-sizing:border-box}.sv-content.svelte-v9xikc{align-items:center;display:flex;flex:1 1 0%;flex-wrap:nowrap;padding:0 0 0 6px;position:relative;overflow:hidden;box-sizing:border-box}.sv-content.sv-input-row.has-multiSelection.svelte-v9xikc{flex-flow:wrap}.indicator.svelte-v9xikc{position:relative;align-items:center;align-self:stretch;display:flex;flex-shrink:0;box-sizing:border-box}.indicator-container.svelte-v9xikc{color:var(--sv-icon-color);display:flex;padding:8px;transition:color 150ms ease 0s;box-sizing:border-box}.indicator-container.svelte-v9xikc:hover{color:var(--sv-icon-hover) }.indicator-separator.svelte-v9xikc{align-self:stretch;background-color:var(--sv-border-color);margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box}.indicator-icon.svelte-v9xikc{display:inline-block;fill:currentcolor;line-height:1;stroke:currentcolor;stroke-width:0px}.is-loading.svelte-v9xikc:after{animation:svelte-v9xikc-spinAround .5s infinite linear;border:var(--sv-loader-border);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:20px;width:20px;right:8px;top:calc(50% - 10px);position:absolute !important;box-sizing:border-box}@keyframes svelte-v9xikc-spinAround{from{transform:rotate(0deg)
   }to{transform:rotate(359deg)
-  }}.optgroup-header.svelte-1e087o6{padding:3px 3px 3px 6px;font-weight:bold}.sv-dropdown.svelte-aqpko7.svelte-aqpko7{box-sizing:border-box;position:absolute;background-color:var(--sv-bg);width:100%;display:none;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;box-shadow:var(--sv-dropdown-shadow);z-index:2}.sv-dropdown.is-virtual.svelte-aqpko7 .sv-dropdown-scroll.svelte-aqpko7{overflow-y:hidden}.sv-dropdown-scroll.svelte-aqpko7.svelte-aqpko7{padding:4px;box-sizing:border-box;max-height:var(--sv-dropdown-height);overflow-y:auto;overflow-x:hidden}.sv-dropdown-scroll.is-empty.svelte-aqpko7.svelte-aqpko7{padding:0}.sv-dropdown[aria-expanded="true"].svelte-aqpko7.svelte-aqpko7{display:block}.sv-dropdown-content.max-reached.svelte-aqpko7.svelte-aqpko7{opacity:0.75;cursor:not-allowed}.sv-dropdown-scroll.svelte-aqpko7:not(.is-empty)+.creatable-row-wrap.svelte-aqpko7{border-top:1px solid #efefef}.creatable-row-wrap.svelte-aqpko7.svelte-aqpko7{padding:4px}.creatable-row.svelte-aqpko7.svelte-aqpko7{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-radius:2px;padding:3px 3px 3px 6px}.creatable-row.svelte-aqpko7.svelte-aqpko7:hover,.creatable-row.svelte-aqpko7.svelte-aqpko7:active,.creatable-row.active.svelte-aqpko7.svelte-aqpko7{background-color:var(--sv-item-active-bg)}.creatable-row.active.is-disabled.svelte-aqpko7.svelte-aqpko7{opacity:0.5;background-color:rgb(252, 186, 186)}.creatable-row.is-disabled.svelte-aqpko7.svelte-aqpko7{opacity:0.5;cursor:not-allowed}.shortcut.svelte-aqpko7.svelte-aqpko7{display:flex;align-items:center;align-content:center}.shortcut.svelte-aqpko7>kbd.svelte-aqpko7{border:1px solid #efefef;border-radius:4px;padding:0px 6px;margin:-1px 0;background-color:white;line-height:1.6;height:22px}.empty-list-row.svelte-aqpko7.svelte-aqpko7{min-width:0px;box-sizing:border-box;border-radius:2px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;padding:7px 7px 7px 10px;text-align:left}.inputBox.svelte-x1t6fd{box-sizing:content-box;width:19px;background:rgba(0, 0, 0, 0) none repeat scroll 0px center;border:0px none;font-size:inherit;font-family:inherit;opacity:1;outline:currentcolor none 0px;padding:0px;color:inherit;margin:-2px 0 0;height:20px}.inputBox.svelte-x1t6fd::placeholder{color:var(--sv-placeholder-color, #ccccd6)}.inputBox.svelte-x1t6fd:read-only{width:100%}.shadow-text.svelte-x1t6fd{opacity:0;position:absolute;left:100%;z-index:-100;min-width:24px;white-space:nowrap;top:0;left:0}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi{position:relative;display:inline-flex;align-items:center;align-self:stretch;padding:0 4px;box-sizing:border-box;border-radius:2px;border-width:0;margin:0;cursor:pointer;background-color:var(--sv-item-btn-bg, var(--sv-item-selected-bg))}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi:hover{background-color:var(--sv-item-btn-bg-hover)}.sv-item-btn.svelte-w7c5vi>svg.svelte-w7c5vi{fill:var(--sv-item-btn-icon, var(--sv-icon-color))}.virtual-list-wrapper.svelte-1he1ex4{overflow:auto;will-change:transform;-webkit-overflow-scrolling:touch}.virtual-list-inner.svelte-1he1ex4{position:relative;display:flex;width:100%;min-height:100%}
\ No newline at end of file
+  }}.sv-dropdown.svelte-aqpko7.svelte-aqpko7{box-sizing:border-box;position:absolute;background-color:var(--sv-bg);width:100%;display:none;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;box-shadow:var(--sv-dropdown-shadow);z-index:2}.sv-dropdown.is-virtual.svelte-aqpko7 .sv-dropdown-scroll.svelte-aqpko7{overflow-y:hidden}.sv-dropdown-scroll.svelte-aqpko7.svelte-aqpko7{padding:4px;box-sizing:border-box;max-height:var(--sv-dropdown-height);overflow-y:auto;overflow-x:hidden}.sv-dropdown-scroll.is-empty.svelte-aqpko7.svelte-aqpko7{padding:0}.sv-dropdown[aria-expanded="true"].svelte-aqpko7.svelte-aqpko7{display:block}.sv-dropdown-content.max-reached.svelte-aqpko7.svelte-aqpko7{opacity:0.75;cursor:not-allowed}.sv-dropdown-scroll.svelte-aqpko7:not(.is-empty)+.creatable-row-wrap.svelte-aqpko7{border-top:1px solid #efefef}.creatable-row-wrap.svelte-aqpko7.svelte-aqpko7{padding:4px}.creatable-row.svelte-aqpko7.svelte-aqpko7{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-radius:2px;padding:3px 3px 3px 6px}.creatable-row.svelte-aqpko7.svelte-aqpko7:hover,.creatable-row.svelte-aqpko7.svelte-aqpko7:active,.creatable-row.active.svelte-aqpko7.svelte-aqpko7{background-color:var(--sv-item-active-bg)}.creatable-row.active.is-disabled.svelte-aqpko7.svelte-aqpko7{opacity:0.5;background-color:rgb(252, 186, 186)}.creatable-row.is-disabled.svelte-aqpko7.svelte-aqpko7{opacity:0.5;cursor:not-allowed}.shortcut.svelte-aqpko7.svelte-aqpko7{display:flex;align-items:center;align-content:center}.shortcut.svelte-aqpko7>kbd.svelte-aqpko7{border:1px solid #efefef;border-radius:4px;padding:0px 6px;margin:-1px 0;background-color:white;line-height:1.6;height:22px}.empty-list-row.svelte-aqpko7.svelte-aqpko7{min-width:0px;box-sizing:border-box;border-radius:2px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;padding:7px 7px 7px 10px;text-align:left}.optgroup-header.svelte-1e087o6{padding:3px 3px 3px 6px;font-weight:bold}.inputBox.svelte-x1t6fd{box-sizing:content-box;width:19px;background:rgba(0, 0, 0, 0) none repeat scroll 0px center;border:0px none;font-size:inherit;font-family:inherit;opacity:1;outline:currentcolor none 0px;padding:0px;color:inherit;margin:-2px 0 0;height:20px}.inputBox.svelte-x1t6fd::placeholder{color:var(--sv-placeholder-color, #ccccd6)}.inputBox.svelte-x1t6fd:read-only{width:100%}.shadow-text.svelte-x1t6fd{opacity:0;position:absolute;left:100%;z-index:-100;min-width:24px;white-space:nowrap;top:0;left:0}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi{position:relative;display:inline-flex;align-items:center;align-self:stretch;padding:0 4px;box-sizing:border-box;border-radius:2px;border-width:0;margin:0;cursor:pointer;background-color:var(--sv-item-btn-bg, var(--sv-item-selected-bg))}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi:hover{background-color:var(--sv-item-btn-bg-hover)}.sv-item-btn.svelte-w7c5vi>svg.svelte-w7c5vi{fill:var(--sv-item-btn-icon, var(--sv-icon-color))}.virtual-list-wrapper.svelte-1he1ex4{overflow:auto;will-change:transform;-webkit-overflow-scrolling:touch}.virtual-list-inner.svelte-1he1ex4{position:relative;display:flex;width:100%;min-height:100%}
\ No newline at end of file
diff --git a/dist/svelecte.mjs b/dist/svelecte.mjs
index 91b3c5e..c8198cc 100644
--- a/dist/svelecte.mjs
+++ b/dist/svelecte.mjs
@@ -1 +1 @@
-function e(){}const t=e=>e;function n(e){return e()}function i(){return Object.create(null)}function l(e){e.forEach(n)}function o(e){return"function"==typeof e}function s(e,t){return e!=e?t==t:e!==t||e&&"object"==typeof e||"function"==typeof e}function r(t,...n){if(null==t)return e;const i=t.subscribe(...n);return i.unsubscribe?()=>i.unsubscribe():i}function a(e,t,n){e.$$.on_destroy.push(r(t,n))}function c(e,t,n,i){if(e){const l=u(e,t,n,i);return e[0](l)}}function u(e,t,n,i){return e[1]&&i?function(e,t){for(const n in t)e[n]=t[n];return e}(n.ctx.slice(),e[1](i(t))):n.ctx}function d(e,t,n,i){if(e[2]&&i){const l=e[2](i(n));if(void 0===t.dirty)return l;if("object"==typeof l){const e=[],n=Math.max(t.dirty.length,l.length);for(let i=0;i<n;i+=1)e[i]=t.dirty[i]|l[i];return e}return t.dirty|l}return t.dirty}function f(e,t,n,i,l,o){if(l){const s=u(t,n,i,o);e.p(s,l)}}function h(e){if(e.ctx.length>32){const t=[],n=e.ctx.length/32;for(let e=0;e<n;e++)t[e]=-1;return t}return-1}function p(e){return null==e?"":e}function m(e,t,n){return e.set(n),t}function g(t){return t&&o(t.destroy)?t.destroy:e}const $="undefined"!=typeof window;let v=$?()=>window.performance.now():()=>Date.now(),y=$?e=>requestAnimationFrame(e):e;const b=new Set;function x(e){b.forEach((t=>{t.c(e)||(b.delete(t),t.f())})),0!==b.size&&y(x)}function w(e,t){e.appendChild(t)}function S(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function z(e){const t=O("style");return function(e,t){w(e.head||e,t)}(S(e),t),t}function I(e,t,n){e.insertBefore(t,n||null)}function C(e){e.parentNode.removeChild(e)}function A(e,t){for(let n=0;n<e.length;n+=1)e[n]&&e[n].d(t)}function O(e){return document.createElement(e)}function k(e){return document.createTextNode(e)}function F(){return k(" ")}function E(){return k("")}function D(e,t,n,i){return e.addEventListener(t,n,i),()=>e.removeEventListener(t,n,i)}function T(e){return function(t){return t.preventDefault(),e.call(this,t)}}function M(e,t,n){null==n?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function H(e,t){t=""+t,e.wholeText!==t&&(e.data=t)}function _(e,t){e.value=null==t?"":t}let R;function L(){if(void 0===R){R=!1;try{"undefined"!=typeof window&&window.parent&&window.parent.document}catch(e){R=!0}}return R}function P(e,t,n){e.classList[n?"add":"remove"](t)}class V{constructor(){this.e=this.n=null}c(e){this.h(e)}m(e,t,n=null){this.e||(this.e=O(t.nodeName),this.t=t,this.c(e)),this.i(n)}h(e){this.e.innerHTML=e,this.n=Array.from(this.e.childNodes)}i(e){for(let t=0;t<this.n.length;t+=1)I(this.t,this.n[t],e)}p(e){this.d(),this.h(e),this.i(this.a)}d(){this.n.forEach(C)}}const B=new Set;let N,q=0;function j(e,t){const n=(e.style.animation||"").split(", "),i=n.filter(t?e=>e.indexOf(t)<0:e=>-1===e.indexOf("__svelte")),l=n.length-i.length;l&&(e.style.animation=i.join(", "),q-=l,q||y((()=>{q||(B.forEach((e=>{const t=e.__svelte_stylesheet;let n=t.cssRules.length;for(;n--;)t.deleteRule(n);e.__svelte_rules={}})),B.clear())})))}function G(n,i,l,o){if(!i)return e;const s=n.getBoundingClientRect();if(i.left===s.left&&i.right===s.right&&i.top===s.top&&i.bottom===s.bottom)return e;const{delay:r=0,duration:a=300,easing:c=t,start:u=v()+r,end:d=u+a,tick:f=e,css:h}=l(n,{from:i,to:s},o);let p,m=!0,g=!1;function $(){h&&j(n,p),m=!1}return function(e){let t;0===b.size&&y(x),new Promise((n=>{b.add(t={c:e,f:n})}))}((e=>{if(!g&&e>=u&&(g=!0),g&&e>=d&&(f(1,0),$()),!m)return!1;if(g){const t=0+1*c((e-u)/a);f(t,1-t)}return!0})),h&&(p=function(e,t,n,i,l,o,s,r=0){const a=16.666/i;let c="{\n";for(let e=0;e<=1;e+=a){const i=t+(n-t)*o(e);c+=100*e+`%{${s(i,1-i)}}\n`}const u=c+`100% {${s(n,1-n)}}\n}`,d=`__svelte_${function(e){let t=5381,n=e.length;for(;n--;)t=(t<<5)-t^e.charCodeAt(n);return t>>>0}(u)}_${r}`,f=S(e);B.add(f);const h=f.__svelte_stylesheet||(f.__svelte_stylesheet=z(e).sheet),p=f.__svelte_rules||(f.__svelte_rules={});p[d]||(p[d]=!0,h.insertRule(`@keyframes ${d} ${u}`,h.cssRules.length));const m=e.style.animation||"";return e.style.animation=`${m?`${m}, `:""}${d} ${i}ms linear ${l}ms 1 both`,q+=1,d}(n,0,1,a,r,c,h)),r||(g=!0),f(0,1),$}function W(e){const t=getComputedStyle(e);if("absolute"!==t.position&&"fixed"!==t.position){const{width:n,height:i}=t,l=e.getBoundingClientRect();e.style.position="absolute",e.style.width=n,e.style.height=i,function(e,t){const n=e.getBoundingClientRect();if(t.left!==n.left||t.top!==n.top){const i=getComputedStyle(e),l="none"===i.transform?"":i.transform;e.style.transform=`${l} translate(${t.left-n.left}px, ${t.top-n.top}px)`}}(e,l)}}function K(e){N=e}function U(){if(!N)throw new Error("Function called outside component initialization");return N}function Q(e){U().$$.on_mount.push(e)}function J(e){U().$$.on_destroy.push(e)}function X(){const e=U();return(t,n)=>{const i=e.$$.callbacks[t];if(i){const l=function(e,t,n=!1){const i=document.createEvent("CustomEvent");return i.initCustomEvent(e,n,!1,t),i}(t,n);i.slice().forEach((t=>{t.call(e,l)}))}}}function Z(e,t){const n=e.$$.callbacks[t.type];n&&n.slice().forEach((e=>e.call(this,t)))}const Y=[],ee=[],te=[],ne=[],ie=Promise.resolve();let le=!1;function oe(){le||(le=!0,ie.then(ue))}function se(){return oe(),ie}function re(e){te.push(e)}let ae=!1;const ce=new Set;function ue(){if(!ae){ae=!0;do{for(let e=0;e<Y.length;e+=1){const t=Y[e];K(t),de(t.$$)}for(K(null),Y.length=0;ee.length;)ee.pop()();for(let e=0;e<te.length;e+=1){const t=te[e];ce.has(t)||(ce.add(t),t())}te.length=0}while(Y.length);for(;ne.length;)ne.pop()();le=!1,ae=!1,ce.clear()}}function de(e){if(null!==e.fragment){e.update(),l(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(re)}}const fe=new Set;let he;function pe(){he={r:0,c:[],p:he}}function me(){he.r||l(he.c),he=he.p}function ge(e,t){e&&e.i&&(fe.delete(e),e.i(t))}function $e(e,t,n,i){if(e&&e.o){if(fe.has(e))return;fe.add(e),he.c.push((()=>{fe.delete(e),i&&(n&&e.d(1),i())})),e.o(t)}}function ve(e,t){$e(e,1,1,(()=>{t.delete(e.key)}))}function ye(e,t){e.f(),ve(e,t)}function be(e,t,n,i,l,o,s,r,a,c,u,d){let f=e.length,h=o.length,p=f;const m={};for(;p--;)m[e[p].key]=p;const g=[],$=new Map,v=new Map;for(p=h;p--;){const e=d(l,o,p),r=n(e);let a=s.get(r);a?i&&a.p(e,t):(a=c(r,e),a.c()),$.set(r,g[p]=a),r in m&&v.set(r,Math.abs(p-m[r]))}const y=new Set,b=new Set;function x(e){ge(e,1),e.m(r,u),s.set(e.key,e),u=e.first,h--}for(;f&&h;){const t=g[h-1],n=e[f-1],i=t.key,l=n.key;t===n?(u=t.first,f--,h--):$.has(l)?!s.has(i)||y.has(i)?x(t):b.has(l)?f--:v.get(i)>v.get(l)?(b.add(i),x(t)):(y.add(l),f--):(a(n,s),f--)}for(;f--;){const t=e[f];$.has(t.key)||a(t,s)}for(;h;)x(g[h-1]);return g}function xe(e){e&&e.c()}function we(e,t,i,s){const{fragment:r,on_mount:a,on_destroy:c,after_update:u}=e.$$;r&&r.m(t,i),s||re((()=>{const t=a.map(n).filter(o);c?c.push(...t):l(t),e.$$.on_mount=[]})),u.forEach(re)}function Se(e,t){const n=e.$$;null!==n.fragment&&(l(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function ze(t,n,o,s,r,a,c,u=[-1]){const d=N;K(t);const f=t.$$={fragment:null,ctx:null,props:a,update:e,not_equal:r,bound:i(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(n.context||(d?d.$$.context:[])),callbacks:i(),dirty:u,skip_bound:!1,root:n.target||d.$$.root};c&&c(f.root);let h=!1;if(f.ctx=o?o(t,n.props||{},((e,n,...i)=>{const l=i.length?i[0]:n;return f.ctx&&r(f.ctx[e],f.ctx[e]=l)&&(!f.skip_bound&&f.bound[e]&&f.bound[e](l),h&&function(e,t){-1===e.$$.dirty[0]&&(Y.push(e),oe(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}(t,e)),n})):[],f.update(),h=!0,l(f.before_update),f.fragment=!!s&&s(f.ctx),n.target){if(n.hydrate){const e=function(e){return Array.from(e.childNodes)}(n.target);f.fragment&&f.fragment.l(e),e.forEach(C)}else f.fragment&&f.fragment.c();n.intro&&ge(t.$$.fragment),we(t,n.target,n.anchor,n.customElement),ue()}K(d)}class Ie{$destroy(){Se(this,1),this.$destroy=e}$on(e,t){const n=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return n.push(t),()=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1)}}$set(e){var t;this.$$set&&(t=e,0!==Object.keys(t).length)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}var Ce=function(e,t){this.items=e,this.settings=t||{diacritics:!0}};Ce.prototype.tokenize=function(e,t){if(!(e=Fe(String(e||"").toLowerCase()))||!e.length)return[];var n,i,l,o,s=[],r=e.split(/ +/);for(n=0,i=r.length;n<i;n++){if(l=Ee(r[n]),this.settings.diacritics)for(o in De)De.hasOwnProperty(o)&&(l=l.replace(new RegExp(o,"g"),De[o]));t&&(l="\\b"+l),s.push({string:r[n],regex:new RegExp(l,"i")})}return s},Ce.prototype.iterator=function(e,t){(Array.isArray(e)?Array.prototype.forEach||function(e){for(var t=0,n=this.length;t<n;t++)e(this[t],t,this)}:function(e){for(var t in this)this.hasOwnProperty(t)&&e(this[t],t,this)}).apply(e,[t])},Ce.prototype.getScoreFunction=function(e,t){var n,i,l,o;e=this.prepareSearch(e,t),i=e.tokens,n=e.options.fields,l=i.length,o=e.options.nesting;var s,r=function(e,t){var n,i;return e?-1===(i=(e=String(e||"")).search(t.regex))?0:(n=t.string.length/e.length,0===i&&(n+=.5),n):0},a=(s=n.length)?1===s?function(e,t){return r(ke(t,n[0],o),e)}:function(e,t){for(var i=0,l=0;i<s;i++)l+=r(ke(t,n[i],o),e);return l/s}:function(){return 0};return l?1===l?function(e){return a(i[0],e)}:"and"===e.options.conjunction?function(e){for(var t,n=0,o=0;n<l;n++){if((t=a(i[n],e))<=0)return 0;o+=t}return o/l}:function(e){for(var t=0,n=0;t<l;t++)n+=a(i[t],e);return n/l}:function(){return 0}},Ce.prototype.getSortFunction=function(e,t){var n,i,l,o,s,r,a,c,u,d,f;if(f=!(e=(l=this).prepareSearch(e,t)).query&&t.sort_empty||t.sort,u=function(e,n){return"$score"===e?n.score:ke(l.items[n.id],e,t.nesting)},s=[],f)for(n=0,i=f.length;n<i;n++)(e.query||"$score"!==f[n].field)&&s.push(f[n]);if(e.query){for(d=!0,n=0,i=s.length;n<i;n++)if("$score"===s[n].field){d=!1;break}d&&s.unshift({field:"$score",direction:"desc"})}else for(n=0,i=s.length;n<i;n++)if("$score"===s[n].field){s.splice(n,1);break}for(c=[],n=0,i=s.length;n<i;n++)c.push("desc"===s[n].direction?-1:1);return(r=s.length)?1===r?(o=s[0].field,a=c[0],function(e,t){return a*Ae(u(o,e),u(o,t))}):function(e,t){var n,i,l;for(n=0;n<r;n++)if(l=s[n].field,i=c[n]*Ae(u(l,e),u(l,t)))return i;return 0}:null},Ce.prototype.prepareSearch=function(e,t){if("object"==typeof e)return e;var n=(t=Oe({},t)).fields,i=t.sort,l=t.sort_empty;return n&&!Array.isArray(n)&&(t.fields=[n]),i&&!Array.isArray(i)&&(t.sort=[i]),l&&!Array.isArray(l)&&(t.sort_empty=[l]),{options:t,query:String(e||"").toLowerCase(),tokens:this.tokenize(e,t.respect_word_boundaries),total:0,items:[]}},Ce.prototype.search=function(e,t){var n,i,l,o,s=this;return i=this.prepareSearch(e,t),t=i.options,e=i.query,o=t.score||s.getScoreFunction(i),e.length?s.iterator(s.items,(function(e,l){n=o(e),(!1===t.filter||n>0)&&i.items.push({score:n,id:l})})):s.iterator(s.items,(function(e,t){i.items.push({score:1,id:t})})),(l=s.getSortFunction(i,t))&&i.items.sort(l),i.total=i.items.length,"number"==typeof t.limit&&(i.items=i.items.slice(0,t.limit)),i};var Ae=function(e,t){return"number"==typeof e&&"number"==typeof t?e>t?1:e<t?-1:0:(e=Te(String(e||"")))>(t=Te(String(t||"")))?1:t>e?-1:0},Oe=function(e,t){var n,i,l,o;for(n=1,i=arguments.length;n<i;n++)if(o=arguments[n])for(l in o)o.hasOwnProperty(l)&&(e[l]=o[l]);return e},ke=function(e,t,n){if(e&&t){if(!n)return e[t];for(var i=t.split(".");i.length&&(e=e[i.shift()]););return e}},Fe=function(e){return(e+"").replace(/^\s+|\s+$|/g,"")},Ee=function(e){return(e+"").replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1")},De={a:"[aḀḁĂăÂâǍǎȺⱥȦȧẠạÄäÀàÁáĀāÃãÅåąĄÃąĄ]",b:"[b␢βΒB฿𐌁ᛒ]",c:"[cĆćĈĉČčĊċC̄c̄ÇçḈḉȻȼƇƈɕᴄＣｃ]",d:"[dĎďḊḋḐḑḌḍḒḓḎḏĐđD̦d̦ƉɖƊɗƋƌᵭᶁᶑȡᴅＤｄð]",e:"[eÉéÈèÊêḘḙĚěĔĕẼẽḚḛẺẻĖėËëĒēȨȩĘęᶒɆɇȄȅẾếỀềỄễỂểḜḝḖḗḔḕȆȇẸẹỆệⱸᴇＥｅɘǝƏƐε]",f:"[fƑƒḞḟ]",g:"[gɢ₲ǤǥĜĝĞğĢģƓɠĠġ]",h:"[hĤĥĦħḨḩẖẖḤḥḢḣɦʰǶƕ]",i:"[iÍíÌìĬĭÎîǏǐÏïḮḯĨĩĮįĪīỈỉȈȉȊȋỊịḬḭƗɨɨ̆ᵻᶖİiIıɪＩｉ]",j:"[jȷĴĵɈɉʝɟʲ]",k:"[kƘƙꝀꝁḰḱǨǩḲḳḴḵκϰ₭]",l:"[lŁłĽľĻļĹĺḶḷḸḹḼḽḺḻĿŀȽƚⱠⱡⱢɫɬᶅɭȴʟＬｌ]",n:"[nŃńǸǹŇňÑñṄṅŅņṆṇṊṋṈṉN̈n̈ƝɲȠƞᵰᶇɳȵɴＮｎŊŋ]",o:"[oØøÖöÓóÒòÔôǑǒŐőŎŏȮȯỌọƟɵƠơỎỏŌōÕõǪǫȌȍՕօ]",p:"[pṔṕṖṗⱣᵽƤƥᵱ]",q:"[qꝖꝗʠɊɋꝘꝙq̃]",r:"[rŔŕɌɍŘřŖŗṘṙȐȑȒȓṚṛⱤɽ]",s:"[sŚśṠṡṢṣꞨꞩŜŝŠšŞşȘșS̈s̈]",t:"[tŤťṪṫŢţṬṭƮʈȚțṰṱṮṯƬƭ]",u:"[uŬŭɄʉỤụÜüÚúÙùÛûǓǔŰűŬŭƯưỦủŪūŨũŲųȔȕ∪]",v:"[vṼṽṾṿƲʋꝞꝟⱱʋ]",w:"[wẂẃẀẁŴŵẄẅẆẇẈẉ]",x:"[xẌẍẊẋχ]",y:"[yÝýỲỳŶŷŸÿỸỹẎẏỴỵɎɏƳƴ]",z:"[zŹźẐẑŽžŻżẒẓẔẕƵƶ]"};const Te=function(){var e,t,n,i,l="",o={};for(n in De)if(De.hasOwnProperty(n))for(l+=i=De[n].substring(2,De[n].length-1),e=0,t=i.length;e<t;e++)o[i.charAt(e)]=n;var s=new RegExp("["+l+"]","g");return function(e){return e.replace(s,(function(e){return o[e]})).toLowerCase()}}();let Me,He,_e=null;function Re(e,t,n,i,l){const o=i?i(e,t,n):e;if(""==n||e.isSelected||l)return'<div class="sv-item-content">'+o+"</div>";He||(He=document.createElement("div"),He.className="sv-item-content"),He.innerHTML=o;return Te(n).split(" ").filter((e=>e)).forEach((e=>{Le(He,e)})),He.outerHTML}const Le=function(e,t){let n=0;if(3===e.nodeType){const i=Te(e.data);let l=i.indexOf(t);if(l-=i.substr(0,l).toUpperCase().length-i.substr(0,l).length,l>=0){const i=document.createElement("span");i.className="highlight";const o=e.splitText(l);o.splitText(t.length);const s=o.cloneNode(!0);i.appendChild(s),o.parentNode.replaceChild(i,o),n=1}}else if(1===e.nodeType&&e.childNodes&&!/(script|style)/i.test(e.tagName)&&("highlight"!==e.className||"SPAN"!==e.tagName))for(var i=0;i<e.childNodes.length;++i)i+=Le(e.childNodes[i],t);return n};function Pe(e,t,n){const i="value"===e;if(n.isOptionArray)return i?"value":"label";let l=i?"value":"text";if(t&&t.length){const e=t[0].options?t[0].options[0]:t[0],n=i?0:1,o=i?["id","value","ID"]:["name","title","label"];l=Object.keys(e).filter((e=>o.includes(e))).concat([Object.keys(e)[n]]).shift()}return l}function Ve(e){return e.trim().split(" ").filter((e=>e)).join(" ")}const Be={disabled:!1,valueField:null,labelField:null,disabledField:"$disabled",placeholder:"Select",valueAsObject:!1,searchable:!0,clearable:!1,selectOnTab:!1,resetOnBlur:!0,fetchResetOnBlur:!0,multiple:!1,max:0,collapseSelection:!1,creatable:!1,creatablePrefix:"*",keepCreated:!0,allowEditing:!1,delimiter:",",fetchCallback:null,minQuery:1,lazyDropdown:!0,virtualList:!1,vlItemSize:null,vlHeight:null,i18n:{empty:"No options",nomatch:"No matching options",max:e=>`Maximum items ${e} selected`,fetchBefore:"Type to start searching",fetchQuery:(e,t)=>`Type ${e>1&&e>t?`at least ${e-t} characters `:""}to start searching`,fetchInit:"Fetching data, please wait...",fetchEmpty:"No data related to your search",collapsedSelection:e=>`${e} selected`,createRowLabel:e=>`Create '${e}'`},collapseSelectionFn:function(e,t){return Be.i18n.collapsedSelection(e)}},Ne=[];function qe(t,n=e){let i;const l=new Set;function o(e){if(s(t,e)&&(t=e,i)){const e=!Ne.length;for(const e of l)e[1](),Ne.push(e,t);if(e){for(let e=0;e<Ne.length;e+=2)Ne[e][0](Ne[e+1]);Ne.length=0}}}return{set:o,update:function(e){o(e(t))},subscribe:function(s,r=e){const a=[s,r];return l.add(a),1===l.size&&(i=n(o)||e),s(t),()=>{l.delete(a),0===l.size&&(i(),i=null)}}}}function je(e,t,n){if(e&&!t){const t=Array.isArray(e)?e:[e],i=n.labelAsValue?n.labelField:n.valueField;return this.reduce(((e,l,o)=>{if(l.options){const n=l.options.reduce(((e,n)=>(t.includes(n[i])&&e.push(n),e)),[]);if(n.length)return e.push(...n),e}return t.includes(l[i]||l)&&(n.isOptionArray&&(l={[n.valueField]:o,[n.labelField]:l}),e.push(l)),e}),[])}return t&&e?Array.isArray(e)?e:[e]:[]}function Ge(e,t){const n=e.reduce(((e,n,i)=>t.isOptionArray?(e.push({[t.valueField]:i,[t.labelField]:n}),e):n.options&&n.options.length?(t.optionsWithGroups=!0,e.push({label:n.label,$isGroupHeader:!0}),e.push(...n.options.map((e=>(e.$isGroupItem=!0,e)))),e):(e.push(n),e)),[]);return function(e,t){t.isOptionArray&&(t.optionProps||(t.optionProps=["value","label"]));e.some((e=>!e.$isGroupHeader&&(t.optionProps=We(e),!0)))}(n,t),n}function We(e){e.options&&(e=e.options[0]);const t=["$disabled","$isGroupHeader","$isGroupItem"];return Object.keys(e).filter((e=>!t.includes(e)))}function Ke(e){const t=e-1;return t*t*t+1}function Ue(e,{from:t,to:n},i={}){const l=getComputedStyle(e),s="none"===l.transform?"":l.transform,[r,a]=l.transformOrigin.split(" ").map(parseFloat),c=t.left+t.width*r/n.width-(n.left+r),u=t.top+t.height*a/n.height-(n.top+a),{delay:d=0,duration:f=(e=>120*Math.sqrt(e)),easing:h=Ke}=i;return{delay:d,duration:o(f)?f(Math.sqrt(c*c+u*u)):f,easing:h,css:(e,i)=>{const l=i*c,o=i*u,r=e+i*t.width/n.width,a=e+i*t.height/n.height;return`transform: ${s} translate(${l}px, ${o}px) scale(${r}, ${a});`}}}function Qe(t){let n,i,o,s,r,a,c,u;return{c(){n=O("input"),o=F(),s=O("div"),r=k(t[9]),M(n,"type","text"),M(n,"class","inputBox svelte-x1t6fd"),n.disabled=t[1],n.readOnly=i=!t[0],M(n,"style",t[8]),M(n,"placeholder",t[5]),M(s,"class","shadow-text svelte-x1t6fd"),re((()=>t[24].call(s)))},m(e,i){var l;I(e,n,i),t[22](n),_(n,t[6]),I(e,o,i),I(e,s,i),w(s,r),a=function(e,t){"static"===getComputedStyle(e).position&&(e.style.position="relative");const n=O("iframe");n.setAttribute("style","display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;"),n.setAttribute("aria-hidden","true"),n.tabIndex=-1;const i=L();let l;return i?(n.src="data:text/html,<script>onresize=function(){parent.postMessage(0,'*')}<\/script>",l=D(window,"message",(e=>{e.source===n.contentWindow&&t()}))):(n.src="about:blank",n.onload=()=>{l=D(n.contentWindow,"resize",t)}),w(e,n),()=>{(i||l&&n.contentWindow)&&l(),C(n)}}(s,t[24].bind(s)),c||(u=[D(n,"input",t[23]),D(n,"focus",t[18]),D(n,"blur",t[19]),D(n,"keydown",t[10]),D(n,"keyup",t[11]),D(n,"paste",t[20]),D(n,"change",(l=t[21],function(e){return e.stopPropagation(),l.call(this,e)}))],c=!0)},p(e,[t]){2&t&&(n.disabled=e[1]),1&t&&i!==(i=!e[0])&&(n.readOnly=i),256&t&&M(n,"style",e[8]),32&t&&M(n,"placeholder",e[5]),64&t&&n.value!==e[6]&&_(n,e[6]),512&t&&H(r,e[9])},i:e,o:e,d(e){e&&C(n),t[22](null),e&&C(o),e&&C(s),a(),c=!1,l(u)}}}function Je(t,n,i){let l,o,s,a,c,u,d,f=e,h=()=>(f(),f=r(x,(e=>i(26,u=e))),x),p=e,m=()=>(p(),p=r(b,(e=>i(6,d=e))),b);t.$$.on_destroy.push((()=>f())),t.$$.on_destroy.push((()=>p()));let{placeholder:g}=n,{searchable:$}=n,{disabled:v}=n,{multiple:y}=n,{inputValue:b}=n;m();let{hasDropdownOpened:x}=n;h();let{selectedOptions:w}=n,S=null,z=0;const I=X();let C=!1;return t.$$set=e=>{"placeholder"in e&&i(13,g=e.placeholder),"searchable"in e&&i(0,$=e.searchable),"disabled"in e&&i(1,v=e.disabled),"multiple"in e&&i(14,y=e.multiple),"inputValue"in e&&m(i(2,b=e.inputValue)),"hasDropdownOpened"in e&&h(i(3,x=e.hasDropdownOpened)),"selectedOptions"in e&&i(15,w=e.selectedOptions)},t.$$.update=()=>{49152&t.$$.dirty&&i(17,l=w.length>0&&!1===y),40960&t.$$.dirty&&i(5,o=w.length>0?"":g),96&t.$$.dirty&&i(9,s=d||o),32768&t.$$.dirty&&i(16,a=0===w.length?19:12),196624&t.$$.dirty&&i(8,c=`width: ${l?2:z+a}px`)},[$,v,b,x,z,o,d,S,c,s,function(e){C=["Enter","Escape"].includes(e.key)&&u,I("keydown",e)},function(e){C&&(e.stopImmediatePropagation(),e.preventDefault()),C=!1},()=>S.focus(),g,y,w,a,l,function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){ee[e?"unshift":"push"]((()=>{S=e,i(7,S)}))},function(){d=this.value,b.set(d)},function(){z=this.clientWidth,i(4,z)}]}class Xe extends Ie{constructor(e){super(),ze(this,e,Je,Qe,s,{focus:12,placeholder:13,searchable:0,disabled:1,multiple:14,inputValue:2,hasDropdownOpened:3,selectedOptions:15})}get focus(){return this.$$.ctx[12]}}function Ze(e,t,n){const i=e.slice();return i[37]=t[n],i}const Ye=e=>({}),et=e=>({});function tt(e){let t,n,i,l;const o=[it,nt],s=[];function r(e,t){return e[5]&&e[6]&&e[16]?0:1}return t=r(e),n=s[t]=o[t](e),{c(){n.c(),i=E()},m(e,n){s[t].m(e,n),I(e,i,n),l=!0},p(e,l){let a=t;t=r(e),t===a?s[t].p(e,l):(pe(),$e(s[a],1,1,(()=>{s[a]=null})),me(),n=s[t],n?n.p(e,l):(n=s[t]=o[t](e),n.c()),ge(n,1),n.m(i.parentNode,i))},i(e){l||(ge(n),l=!0)},o(e){$e(n),l=!1},d(e){s[t].d(e),e&&C(i)}}}function nt(e){let t,n,i=[],l=new Map,o=e[10];const s=e=>e[37][e[13]];for(let t=0;t<o.length;t+=1){let n=Ze(e,o,t),r=s(n);l.set(r,i[t]=lt(r,n))}return{c(){for(let e=0;e<i.length;e+=1)i[e].c();t=E()},m(e,l){for(let t=0;t<i.length;t+=1)i[t].m(e,l);I(e,t,l),n=!0},p(e,n){if(287780&n[0]){o=e[10],pe();for(let e=0;e<i.length;e+=1)i[e].r();i=be(i,n,s,1,e,o,l,t.parentNode,ye,lt,t,Ze);for(let e=0;e<i.length;e+=1)i[e].a();me()}},i(e){if(!n){for(let e=0;e<o.length;e+=1)ge(i[e]);n=!0}},o(e){for(let e=0;e<i.length;e+=1)$e(i[e]);n=!1},d(e){for(let t=0;t<i.length;t+=1)i[t].d(e);e&&C(t)}}}function it(t){let n,i=t[6](t[10].length,t[10])+"";return{c(){n=k(i)},m(e,t){I(e,n,t)},p(e,t){1088&t[0]&&i!==(i=e[6](e[10].length,e[10])+"")&&H(n,i)},i:e,o:e,d(e){e&&C(n)}}}function lt(t,n){let i,l,o,s,r,a=e;var c=n[14];function u(e){return{props:{formatter:e[2],item:e[37],isSelected:!0,isMultiple:e[5],inputValue:e[18]}}}return c&&(l=new c(u(n)),l.$on("deselect",n[31])),{key:t,first:null,c(){i=O("div"),l&&xe(l.$$.fragment),o=F(),this.first=i},m(e,t){I(e,i,t),l&&we(l,i,null),w(i,o),r=!0},p(e,t){n=e;const s={};if(4&t[0]&&(s.formatter=n[2]),1024&t[0]&&(s.item=n[37]),32&t[0]&&(s.isMultiple=n[5]),262144&t[0]&&(s.inputValue=n[18]),c!==(c=n[14])){if(l){pe();const e=l;$e(e.$$.fragment,1,0,(()=>{Se(e,1)})),me()}c?(l=new c(u(n)),l.$on("deselect",n[31]),xe(l.$$.fragment),ge(l.$$.fragment,1),we(l,i,o)):l=null}else c&&l.$set(s)},r(){s=i.getBoundingClientRect()},f(){W(i),a()},a(){a(),a=G(i,s,Ue,{duration:at})},i(e){r||(l&&ge(l.$$.fragment,e),r=!0)},o(e){l&&$e(l.$$.fragment,e),r=!1},d(e){e&&C(i),l&&Se(l)}}}function ot(t){let n,i,o;return{c(){n=O("div"),n.innerHTML='<svg class="indicator-icon svelte-v9xikc" height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>',M(n,"aria-hidden","true"),M(n,"class","indicator-container close-icon svelte-v9xikc")},m(e,l){I(e,n,l),i||(o=[D(n,"mousedown",T(t[28])),D(n,"click",t[35])],i=!0)},p:e,d(e){e&&C(n),i=!1,l(o)}}}function st(e){let t;return{c(){t=O("span"),M(t,"class","indicator-separator svelte-v9xikc")},m(e,n){I(e,t,n)},d(e){e&&C(t)}}}function rt(e){let t,n,i,s,r,a,u,p,m,$,v,y,b,x;const S=e[25].icon,z=c(S,e,e[24],et);let A=e[10].length&&tt(e),k={disabled:e[3],searchable:e[1],placeholder:e[4],multiple:e[5],inputValue:e[7],hasDropdownOpened:e[9],selectedOptions:e[10]};r=new Xe({props:k}),e[32](r),r.$on("focus",e[21]),r.$on("blur",e[22]),r.$on("keydown",e[33]),r.$on("paste",e[34]);let E=e[0]&&e[10].length&&!e[3]&&ot(e),H=e[0]&&st();return{c(){t=O("div"),z&&z.c(),n=F(),i=O("div"),A&&A.c(),s=F(),xe(r.$$.fragment),u=F(),p=O("div"),E&&E.c(),m=F(),H&&H.c(),$=F(),v=O("div"),v.innerHTML='<svg width="20" height="20" class="indicator-icon svelte-v9xikc" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>',M(i,"class","sv-content sv-input-row svelte-v9xikc"),P(i,"has-multiSelection",e[5]),M(v,"aria-hidden","true"),M(v,"class","indicator-container svelte-v9xikc"),M(p,"class","indicator svelte-v9xikc"),P(p,"is-loading",e[11]),M(t,"class","sv-control svelte-v9xikc"),P(t,"is-active",e[19]),P(t,"is-disabled",e[3])},m(l,o){I(l,t,o),z&&z.m(t,null),w(t,n),w(t,i),A&&A.m(i,null),w(i,s),we(r,i,null),w(t,u),w(t,p),E&&E.m(p,null),w(p,m),H&&H.m(p,null),w(p,$),w(p,v),y=!0,b||(x=[g(a=e[12].call(null,i,{items:e[10],flipDurationMs:at,morphDisabled:!0})),D(i,"consider",e[29]),D(i,"finalize",e[30]),D(v,"mousedown",T(e[27])),D(t,"mousedown",T(e[26])),D(t,"click",T(e[15]))],b=!0)},p(e,n){z&&z.p&&(!y||16777216&n[0])&&f(z,S,e,e[24],y?d(S,e[24],n,Ye):h(e[24]),et),e[10].length?A?(A.p(e,n),1024&n[0]&&ge(A,1)):(A=tt(e),A.c(),ge(A,1),A.m(i,s)):A&&(pe(),$e(A,1,1,(()=>{A=null})),me());const l={};8&n[0]&&(l.disabled=e[3]),2&n[0]&&(l.searchable=e[1]),16&n[0]&&(l.placeholder=e[4]),32&n[0]&&(l.multiple=e[5]),128&n[0]&&(l.inputValue=e[7]),512&n[0]&&(l.hasDropdownOpened=e[9]),1024&n[0]&&(l.selectedOptions=e[10]),r.$set(l),a&&o(a.update)&&1024&n[0]&&a.update.call(null,{items:e[10],flipDurationMs:at,morphDisabled:!0}),32&n[0]&&P(i,"has-multiSelection",e[5]),e[0]&&e[10].length&&!e[3]?E?E.p(e,n):(E=ot(e),E.c(),E.m(p,m)):E&&(E.d(1),E=null),e[0]?H||(H=st(),H.c(),H.m(p,$)):H&&(H.d(1),H=null),2048&n[0]&&P(p,"is-loading",e[11]),524288&n[0]&&P(t,"is-active",e[19]),8&n[0]&&P(t,"is-disabled",e[3])},i(e){y||(ge(z,e),ge(A),ge(r.$$.fragment,e),y=!0)},o(e){$e(z,e),$e(A),$e(r.$$.fragment,e),y=!1},d(n){n&&C(t),z&&z.d(n),A&&A.d(),e[32](null),Se(r),E&&E.d(),H&&H.d(),b=!1,l(x)}}}const at=100;function ct(t,n,i){let l,o,s,a=e,c=()=>(a(),a=r(I,(e=>i(18,l=e))),I),u=e,d=()=>(u(),u=r(A,(e=>i(36,o=e))),A),f=e,h=()=>(f(),f=r(C,(e=>i(19,s=e))),C);t.$$.on_destroy.push((()=>a())),t.$$.on_destroy.push((()=>u())),t.$$.on_destroy.push((()=>f()));let{$$slots:p={},$$scope:g}=n,{clearable:$}=n,{searchable:v}=n,{renderer:y}=n,{disabled:b}=n,{placeholder:x}=n,{multiple:w}=n,{resetOnBlur:S}=n,{collapseSelection:z}=n,{inputValue:I}=n;c();let{hasFocus:C}=n;h();let{hasDropdownOpened:A}=n;d();let{selectedOptions:O}=n,{isFetchingData:k}=n,{dndzone:F}=n,{currentValueField:E}=n,{itemComponent:D}=n;const T=X();let M,H=!0;return t.$$set=e=>{"clearable"in e&&i(0,$=e.clearable),"searchable"in e&&i(1,v=e.searchable),"renderer"in e&&i(2,y=e.renderer),"disabled"in e&&i(3,b=e.disabled),"placeholder"in e&&i(4,x=e.placeholder),"multiple"in e&&i(5,w=e.multiple),"resetOnBlur"in e&&i(23,S=e.resetOnBlur),"collapseSelection"in e&&i(6,z=e.collapseSelection),"inputValue"in e&&c(i(7,I=e.inputValue)),"hasFocus"in e&&h(i(8,C=e.hasFocus)),"hasDropdownOpened"in e&&d(i(9,A=e.hasDropdownOpened)),"selectedOptions"in e&&i(10,O=e.selectedOptions),"isFetchingData"in e&&i(11,k=e.isFetchingData),"dndzone"in e&&i(12,F=e.dndzone),"currentValueField"in e&&i(13,E=e.currentValueField),"itemComponent"in e&&i(14,D=e.itemComponent),"$$scope"in e&&i(24,g=e.$$scope)},[$,v,y,b,x,w,z,I,C,A,O,k,F,E,D,function(e){if(!b)return e?void(s?m(A,o=!o,o):M.focus()):(!s&&M.focus(),void m(A,o=!0,o))},H,M,l,s,T,function(){m(C,s=!0,s),m(A,o=!0,o),setTimeout((()=>{i(16,H=!1)}),150)},function(){m(C,s=!1,s),m(A,o=!1,o),S&&m(I,l="",l),setTimeout((()=>{i(16,H=!0)}),100),T("blur")},S,g,p,function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){ee[e?"unshift":"push"]((()=>{M=e,i(17,M)}))},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},()=>T("deselect")]}class ut extends Ie{constructor(e){super(),ze(this,e,ct,rt,s,{clearable:0,searchable:1,renderer:2,disabled:3,placeholder:4,multiple:5,resetOnBlur:23,collapseSelection:6,inputValue:7,hasFocus:8,hasDropdownOpened:9,selectedOptions:10,isFetchingData:11,dndzone:12,currentValueField:13,itemComponent:14,focusControl:15},null,[-1,-1])}get focusControl(){return this.$$.ctx[15]}}const dt="start",ft="center",ht="end",pt={HORIZONTAL:"horizontal",VERTICAL:"vertical"},mt=0,gt=1,$t={[pt.VERTICAL]:"scrollTop",[pt.HORIZONTAL]:"scrollLeft"};class vt{constructor({itemSize:e,itemCount:t,estimatedItemSize:n}){this.itemSize=e,this.itemCount=t,this.estimatedItemSize=n,this.itemSizeAndPositionData={},this.lastMeasuredIndex=-1,this.checkForMismatchItemSizeAndItemCount(),this.justInTime||this.computeTotalSizeAndPositionData()}get justInTime(){return"function"==typeof this.itemSize}updateConfig({itemSize:e,itemCount:t,estimatedItemSize:n}){null!=t&&(this.itemCount=t),null!=n&&(this.estimatedItemSize=n),null!=e&&(this.itemSize=e),this.checkForMismatchItemSizeAndItemCount(),this.justInTime&&null!=this.totalSize?this.totalSize=void 0:this.computeTotalSizeAndPositionData()}checkForMismatchItemSizeAndItemCount(){if(Array.isArray(this.itemSize)&&this.itemSize.length<this.itemCount)throw Error("When itemSize is an array, itemSize.length can't be smaller than itemCount")}getSize(e){const{itemSize:t}=this;return"function"==typeof t?t(e):Array.isArray(t)?t[e]:t}computeTotalSizeAndPositionData(){let e=0;for(let t=0;t<this.itemCount;t++){const n=this.getSize(t),i=e;e+=n,this.itemSizeAndPositionData[t]={offset:i,size:n}}this.totalSize=e}getLastMeasuredIndex(){return this.lastMeasuredIndex}getSizeAndPositionForIndex(e){if(e<0||e>=this.itemCount)throw Error(`Requested index ${e} is outside of range 0..${this.itemCount}`);return this.justInTime?this.getJustInTimeSizeAndPositionForIndex(e):this.itemSizeAndPositionData[e]}getJustInTimeSizeAndPositionForIndex(e){if(e>this.lastMeasuredIndex){const t=this.getSizeAndPositionOfLastMeasuredItem();let n=t.offset+t.size;for(let t=this.lastMeasuredIndex+1;t<=e;t++){const e=this.getSize(t);if(null==e||isNaN(e))throw Error(`Invalid size returned for index ${t} of value ${e}`);this.itemSizeAndPositionData[t]={offset:n,size:e},n+=e}this.lastMeasuredIndex=e}return this.itemSizeAndPositionData[e]}getSizeAndPositionOfLastMeasuredItem(){return this.lastMeasuredIndex>=0?this.itemSizeAndPositionData[this.lastMeasuredIndex]:{offset:0,size:0}}getTotalSize(){if(this.totalSize)return this.totalSize;const e=this.getSizeAndPositionOfLastMeasuredItem();return e.offset+e.size+(this.itemCount-this.lastMeasuredIndex-1)*this.estimatedItemSize}getUpdatedOffsetForIndex({align:e=dt,containerSize:t,currentOffset:n,targetIndex:i}){if(t<=0)return 0;const l=this.getSizeAndPositionForIndex(i),o=l.offset,s=o-t+l.size;let r;switch(e){case ht:r=s;break;case ft:r=o-(t-l.size)/2;break;case dt:r=o;break;default:r=Math.max(s,Math.min(o,n))}const a=this.getTotalSize();return Math.max(0,Math.min(a-t,r))}getVisibleRange({containerSize:e=0,offset:t,overscanCount:n}){if(0===this.getTotalSize())return{};const i=t+e;let l=this.findNearestItem(t);if(void 0===l)throw Error(`Invalid offset ${t} specified`);const o=this.getSizeAndPositionForIndex(l);t=o.offset+o.size;let s=l;for(;t<i&&s<this.itemCount-1;)s++,t+=this.getSizeAndPositionForIndex(s).size;return n&&(l=Math.max(0,l-n),s=Math.min(s+n,this.itemCount-1)),{start:l,stop:s}}resetItem(e){this.lastMeasuredIndex=Math.min(this.lastMeasuredIndex,e-1)}findNearestItem(e){if(isNaN(e))throw Error(`Invalid offset ${e} specified`);e=Math.max(0,e);const t=this.getSizeAndPositionOfLastMeasuredItem(),n=Math.max(0,this.lastMeasuredIndex);return t.offset>=e?this.binarySearch({high:n,low:0,offset:e}):this.exponentialSearch({index:n,offset:e})}binarySearch({low:e,high:t,offset:n}){let i=0,l=0;for(;e<=t;){if(i=e+Math.floor((t-e)/2),l=this.getSizeAndPositionForIndex(i).offset,l===n)return i;l<n?e=i+1:l>n&&(t=i-1)}return e>0?e-1:0}exponentialSearch({index:e,offset:t}){let n=1;for(;e<this.itemCount&&this.getSizeAndPositionForIndex(e).offset<t;)e+=n,n*=2;return this.binarySearch({high:Math.min(e,this.itemCount-1),low:Math.floor(e/2),offset:t})}}const yt=e=>({}),bt=e=>({});function xt(e,t,n){const i=e.slice();return i[36]=t[n],i}const wt=e=>({style:4&e[0],index:4&e[0]}),St=e=>({style:e[36].style,index:e[36].index}),zt=e=>({}),It=e=>({});function Ct(e,t){let n,i;const l=t[20].item,o=c(l,t,t[19],St);return{key:e,first:null,c(){n=E(),o&&o.c(),this.first=n},m(e,t){I(e,n,t),o&&o.m(e,t),i=!0},p(e,n){t=e,o&&o.p&&(!i||524292&n[0])&&f(o,l,t,t[19],i?d(l,t[19],n,wt):h(t[19]),St)},i(e){i||(ge(o,e),i=!0)},o(e){$e(o,e),i=!1},d(e){e&&C(n),o&&o.d(e)}}}function At(e){let t,n,i,l,o,s=[],r=new Map;const a=e[20].header,u=c(a,e,e[19],It);let p=e[2];const m=e=>e[0]?e[0](e[36].index):e[36].index;for(let t=0;t<p.length;t+=1){let n=xt(e,p,t),i=m(n);r.set(i,s[t]=Ct(i,n))}const g=e[20].footer,$=c(g,e,e[19],bt);return{c(){t=O("div"),u&&u.c(),n=F(),i=O("div");for(let e=0;e<s.length;e+=1)s[e].c();l=F(),$&&$.c(),M(i,"class","virtual-list-inner svelte-1he1ex4"),M(i,"style",e[4]),M(t,"class","virtual-list-wrapper svelte-1he1ex4"),M(t,"style",e[3])},m(r,a){I(r,t,a),u&&u.m(t,null),w(t,n),w(t,i);for(let e=0;e<s.length;e+=1)s[e].m(i,null);w(t,l),$&&$.m(t,null),e[21](t),o=!0},p(e,n){u&&u.p&&(!o||524288&n[0])&&f(u,a,e,e[19],o?d(a,e[19],n,zt):h(e[19]),It),524293&n[0]&&(p=e[2],pe(),s=be(s,n,m,1,e,p,r,i,ve,Ct,null,xt),me()),(!o||16&n[0])&&M(i,"style",e[4]),$&&$.p&&(!o||524288&n[0])&&f($,g,e,e[19],o?d(g,e[19],n,yt):h(e[19]),bt),(!o||8&n[0])&&M(t,"style",e[3])},i(e){if(!o){ge(u,e);for(let e=0;e<p.length;e+=1)ge(s[e]);ge($,e),o=!0}},o(e){$e(u,e);for(let e=0;e<s.length;e+=1)$e(s[e]);$e($,e),o=!1},d(n){n&&C(t),u&&u.d(n);for(let e=0;e<s.length;e+=1)s[e].d();$&&$.d(n),e[21](null)}}}const Ot=(()=>{let e=!1;try{const t=Object.defineProperty({},"passive",{get:()=>(e={passive:!0},!0)});window.addEventListener("testpassive",t,t),window.remove("testpassive",t,t)}catch(e){}return e})();function kt(e,t,n){let{$$slots:i={},$$scope:l}=t,{height:o}=t,{width:s="100%"}=t,{itemCount:r}=t,{itemSize:a}=t,{estimatedItemSize:c=null}=t,{stickyIndices:u=null}=t,{getKey:d=null}=t,{scrollDirection:f=pt.VERTICAL}=t,{scrollOffset:h=null}=t,{scrollToIndex:p=null}=t,{scrollToAlignment:m=null}=t,{overscanCount:g=3}=t;const $=X(),v=new vt({itemCount:r,itemSize:a,estimatedItemSize:T()});let y,b=!1,x=[],w={offset:h||null!=p&&x.length&&E(p)||0,scrollChangeReason:gt},S=w,z={scrollToIndex:p,scrollToAlignment:m,scrollOffset:h,itemCount:r,itemSize:a,estimatedItemSize:c},I={},C="",A="";function O(){const{offset:e}=w,{start:t,stop:i}=v.getVisibleRange({containerSize:f===pt.VERTICAL?o:s,offset:e,overscanCount:g});let l=[];const r=v.getTotalSize();f===pt.VERTICAL?(n(3,C=`height:${o}px;width:${s};`),n(4,A=`flex-direction:column;height:${r}px;`)):(n(3,C=`height:${o};width:${s}px`),n(4,A=`width:${r}px;`));const a=null!=u&&0!==u.length;if(a)for(let e=0;e<u.length;e++){const t=u[e];l.push({index:t,style:M(t,!0)})}if(void 0!==t&&void 0!==i){for(let e=t;e<=i;e++)a&&u.includes(e)||l.push({index:e,style:M(e,!1)});$("itemsUpdated",{startIndex:t,stopIndex:i})}n(2,x=l)}function k(e){n(1,y[$t[f]]=e,y)}function F(e=0){I={},v.resetItem(e),O()}function E(e,t=m,n=r){return(e<0||e>=n)&&(e=0),v.getUpdatedOffsetForIndex({align:t,containerSize:f===pt.VERTICAL?o:s,currentOffset:w.offset||0,targetIndex:e})}function D(e){const t=y[$t[f]];t<0||w.offset===t||e.target!==y||(n(18,w={offset:t,scrollChangeReason:mt}),$("afterScroll",{offset:t,event:e}))}function T(){return c||"number"==typeof a&&a||50}function M(e,t){if(I[e])return I[e];const{size:n,offset:i}=v.getSizeAndPositionForIndex(e);let l;return f===pt.VERTICAL?(l=`left:0;width:100%;height:${n}px;`,l+=t?`position:sticky;flex-grow:0;z-index:1;top:0;margin-top:${i}px;margin-bottom:${-(i+n)}px;`:`position:absolute;top:${i}px;`):(l=`top:0;width:${n}px;`,l+=t?`position:sticky;z-index:1;left:0;margin-left:${i}px;margin-right:${-(i+n)}px;`:`position:absolute;height:100%;left:${i}px;`),I[e]=l}return O(),Q((()=>{n(17,b=!0),y.addEventListener("scroll",D,Ot),null!=h?k(h):null!=p&&k(E(p))})),J((()=>{b&&y.removeEventListener("scroll",D)})),e.$$set=e=>{"height"in e&&n(5,o=e.height),"width"in e&&n(6,s=e.width),"itemCount"in e&&n(7,r=e.itemCount),"itemSize"in e&&n(8,a=e.itemSize),"estimatedItemSize"in e&&n(9,c=e.estimatedItemSize),"stickyIndices"in e&&n(10,u=e.stickyIndices),"getKey"in e&&n(0,d=e.getKey),"scrollDirection"in e&&n(11,f=e.scrollDirection),"scrollOffset"in e&&n(12,h=e.scrollOffset),"scrollToIndex"in e&&n(13,p=e.scrollToIndex),"scrollToAlignment"in e&&n(14,m=e.scrollToAlignment),"overscanCount"in e&&n(15,g=e.overscanCount),"$$scope"in e&&n(19,l=e.$$scope)},e.$$.update=()=>{29568&e.$$.dirty[0]&&function(){if(!b)return;const e=z.scrollToIndex!==p||z.scrollToAlignment!==m,t=z.itemCount!==r||z.itemSize!==a||z.estimatedItemSize!==c;t&&(v.updateConfig({itemSize:a,itemCount:r,estimatedItemSize:T()}),F()),z.scrollOffset!==h?n(18,w={offset:h||0,scrollChangeReason:gt}):"number"==typeof p&&(e||t)&&n(18,w={offset:E(p,m,r),scrollChangeReason:gt}),z={scrollToIndex:p,scrollToAlignment:m,scrollOffset:h,itemCount:r,itemSize:a,estimatedItemSize:c}}(),262144&e.$$.dirty[0]&&function(){if(!b)return;const{offset:e,scrollChangeReason:t}=w;S.offset===e&&S.scrollChangeReason===t||O(),S.offset!==e&&t===gt&&k(e),S=w}(),132192&e.$$.dirty[0]&&b&&F(o)},[d,y,x,C,A,o,s,r,a,c,u,f,h,p,m,g,F,b,w,l,i,function(e){ee[e?"unshift":"push"]((()=>{y=e,n(1,y)}))}]}class Ft extends Ie{constructor(e){super(),ze(this,e,kt,At,s,{height:5,width:6,itemCount:7,itemSize:8,estimatedItemSize:9,stickyIndices:10,getKey:0,scrollDirection:11,scrollOffset:12,scrollToIndex:13,scrollToAlignment:14,overscanCount:15,recomputeSizes:16},null,[-1,-1])}get recomputeSizes(){return this.$$.ctx[16]}}function Et(e,t,n){const i=e.slice();return i[47]=t[n],i[49]=n,i}function Dt(e){let t,n,i,l,o,s,r,a,c=e[5].length&&Tt(e),u=(e[17]||e[2])&&Lt(e),d=e[8]&&e[1]&&!e[2]&&Pt(e);return{c(){t=O("div"),n=O("div"),i=O("div"),c&&c.c(),l=F(),u&&u.c(),o=F(),d&&d.c(),M(i,"class","sv-dropdown-content svelte-aqpko7"),P(i,"max-reached",e[2]),M(n,"class","sv-dropdown-scroll svelte-aqpko7"),P(n,"is-empty",!e[5].length),M(t,"class","sv-dropdown svelte-aqpko7"),M(t,"aria-expanded",e[25]),M(t,"tabindex","-1"),P(t,"is-virtual",e[7])},m(f,h){I(f,t,h),w(t,n),w(n,i),c&&c.m(i,null),w(i,l),u&&u.m(i,null),e[39](i),e[40](n),w(t,o),d&&d.m(t,null),s=!0,r||(a=D(t,"mousedown",T(e[33])),r=!0)},p(e,o){e[5].length?c?(c.p(e,o),32&o[0]&&ge(c,1)):(c=Tt(e),c.c(),ge(c,1),c.m(i,l)):c&&(pe(),$e(c,1,1,(()=>{c=null})),me()),e[17]||e[2]?u?u.p(e,o):(u=Lt(e),u.c(),u.m(i,null)):u&&(u.d(1),u=null),4&o[0]&&P(i,"max-reached",e[2]),32&o[0]&&P(n,"is-empty",!e[5].length),e[8]&&e[1]&&!e[2]?d?d.p(e,o):(d=Pt(e),d.c(),d.m(t,null)):d&&(d.d(1),d=null),(!s||33554432&o[0])&&M(t,"aria-expanded",e[25]),128&o[0]&&P(t,"is-virtual",e[7])},i(e){s||(ge(c),s=!0)},o(e){$e(c),s=!1},d(n){n&&C(t),c&&c.d(),u&&u.d(),e[39](null),e[40](null),d&&d.d(),r=!1,a()}}}function Tt(e){let t,n,i,l;const o=[Ht,Mt],s=[];function r(e,t){return e[7]?0:1}return t=r(e),n=s[t]=o[t](e),{c(){n.c(),i=E()},m(e,n){s[t].m(e,n),I(e,i,n),l=!0},p(e,l){let a=t;t=r(e),t===a?s[t].p(e,l):(pe(),$e(s[a],1,1,(()=>{s[a]=null})),me(),n=s[t],n?n.p(e,l):(n=s[t]=o[t](e),n.c()),ge(n,1),n.m(i.parentNode,i))},i(e){l||(ge(n),l=!0)},o(e){$e(n),l=!1},d(e){s[t].d(e),e&&C(i)}}}function Mt(e){let t,n,i=e[5],l=[];for(let t=0;t<i.length;t+=1)l[t]=_t(Et(e,i,t));const o=e=>$e(l[e],1,1,(()=>{l[e]=null}));return{c(){for(let e=0;e<l.length;e+=1)l[e].c();t=E()},m(e,i){for(let t=0;t<l.length;t+=1)l[t].m(e,i);I(e,t,i),n=!0},p(e,n){if(37689&n[0]){let s;for(i=e[5],s=0;s<i.length;s+=1){const o=Et(e,i,s);l[s]?(l[s].p(o,n),ge(l[s],1)):(l[s]=_t(o),l[s].c(),ge(l[s],1),l[s].m(t.parentNode,t))}for(pe(),s=i.length;s<l.length;s+=1)o(s);me()}},i(e){if(!n){for(let e=0;e<i.length;e+=1)ge(l[e]);n=!0}},o(e){l=l.filter(Boolean);for(let e=0;e<l.length;e+=1)$e(l[e]);n=!1},d(e){A(l,e),e&&C(t)}}}function Ht(e){let t,n,i={width:"100%",height:e[23],itemCount:e[5].length,itemSize:e[19],scrollToAlignment:"auto",scrollToIndex:e[0]?parseInt(e[0]):null,$$slots:{item:[Rt,({style:e,index:t})=>({45:e,46:t}),({style:e,index:t})=>[0,(e?16384:0)|(t?32768:0)]]},$$scope:{ctx:e}};return t=new Ft({props:i}),e[36](t),{c(){xe(t.$$.fragment)},m(e,i){we(t,e,i),n=!0},p(e,n){const i={};8388608&n[0]&&(i.height=e[23]),32&n[0]&&(i.itemCount=e[5].length),524288&n[0]&&(i.itemSize=e[19]),1&n[0]&&(i.scrollToIndex=e[0]?parseInt(e[0]):null),37689&n[0]|573440&n[1]&&(i.$$scope={dirty:n,ctx:e}),t.$set(i)},i(e){n||(ge(t.$$.fragment,e),n=!0)},o(e){$e(t.$$.fragment,e),n=!1},d(n){e[36](null),Se(t,n)}}}function _t(e){let t,n,i,l,o;var s=e[15];function r(e){return{props:{formatter:e[3],index:e[9].map[e[49]],isDisabled:e[47][e[12]],item:e[47],inputValue:e[8],disableHighlight:e[4]}}}return s&&(n=new s(r(e)),n.$on("hover",e[37]),n.$on("select",e[38])),{c(){t=O("div"),n&&xe(n.$$.fragment),i=F(),M(t,"data-pos",l=e[9].map[e[49]]),M(t,"class","sv-dd-item"),P(t,"sv-dd-item-active",e[9].map[e[49]]==e[0]),P(t,"sv-group-item",e[47].$isGroupItem),P(t,"sv-group-header",e[47].$isGroupHeader)},m(e,l){I(e,t,l),n&&we(n,t,null),w(t,i),o=!0},p(e,a){const c={};if(8&a[0]&&(c.formatter=e[3]),512&a[0]&&(c.index=e[9].map[e[49]]),4128&a[0]&&(c.isDisabled=e[47][e[12]]),32&a[0]&&(c.item=e[47]),256&a[0]&&(c.inputValue=e[8]),16&a[0]&&(c.disableHighlight=e[4]),s!==(s=e[15])){if(n){pe();const e=n;$e(e.$$.fragment,1,0,(()=>{Se(e,1)})),me()}s?(n=new s(r(e)),n.$on("hover",e[37]),n.$on("select",e[38]),xe(n.$$.fragment),ge(n.$$.fragment,1),we(n,t,i)):n=null}else s&&n.$set(c);(!o||512&a[0]&&l!==(l=e[9].map[e[49]]))&&M(t,"data-pos",l),513&a[0]&&P(t,"sv-dd-item-active",e[9].map[e[49]]==e[0]),32&a[0]&&P(t,"sv-group-item",e[47].$isGroupItem),32&a[0]&&P(t,"sv-group-header",e[47].$isGroupHeader)},i(e){o||(n&&ge(n.$$.fragment,e),o=!0)},o(e){n&&$e(n.$$.fragment,e),o=!1},d(e){e&&C(t),n&&Se(n)}}}function Rt(e){let t,n,i,l;var o=e[15];function s(e){return{props:{formatter:e[3],index:e[9].map[e[46]],isDisabled:e[5][e[46]][e[12]],item:e[5][e[46]],inputValue:e[8],disableHighlight:e[4]}}}return o&&(n=new o(s(e)),n.$on("hover",e[34]),n.$on("select",e[35])),{c(){t=O("div"),n&&xe(n.$$.fragment),M(t,"slot","item"),M(t,"style",i=e[45]),M(t,"class","sv-dd-item"),P(t,"sv-dd-item-active",e[46]==e[0]),P(t,"sv-group-item",e[5][e[46]].$isGroupItem),P(t,"sv-group-header",e[5][e[46]].$isGroupHeader)},m(e,i){I(e,t,i),n&&we(n,t,null),l=!0},p(e,r){const a={};if(8&r[0]&&(a.formatter=e[3]),512&r[0]|32768&r[1]&&(a.index=e[9].map[e[46]]),4128&r[0]|32768&r[1]&&(a.isDisabled=e[5][e[46]][e[12]]),32&r[0]|32768&r[1]&&(a.item=e[5][e[46]]),256&r[0]&&(a.inputValue=e[8]),16&r[0]&&(a.disableHighlight=e[4]),o!==(o=e[15])){if(n){pe();const e=n;$e(e.$$.fragment,1,0,(()=>{Se(e,1)})),me()}o?(n=new o(s(e)),n.$on("hover",e[34]),n.$on("select",e[35]),xe(n.$$.fragment),ge(n.$$.fragment,1),we(n,t,null)):n=null}else o&&n.$set(a);(!l||16384&r[1]&&i!==(i=e[45]))&&M(t,"style",i),1&r[0]|32768&r[1]&&P(t,"sv-dd-item-active",e[46]==e[0]),32&r[0]|32768&r[1]&&P(t,"sv-group-item",e[5][e[46]].$isGroupItem),32&r[0]|32768&r[1]&&P(t,"sv-group-header",e[5][e[46]].$isGroupHeader)},i(e){l||(n&&ge(n.$$.fragment,e),l=!0)},o(e){n&&$e(n.$$.fragment,e),l=!1},d(e){e&&C(t),n&&Se(n)}}}function Lt(e){let t,n;return{c(){t=O("div"),n=k(e[11]),M(t,"class","empty-list-row svelte-aqpko7")},m(e,i){I(e,t,i),w(t,n)},p(e,t){2048&t[0]&&H(n,e[11])},d(e){e&&C(t)}}}function Pt(e){let t,n,i,s,r,a,c=e[13](e[8])+"",u=e[24]!=e[0]&&Vt(e);return{c(){t=O("div"),n=O("div"),i=new V,s=F(),u&&u.c(),i.a=s,M(n,"class","creatable-row svelte-aqpko7"),P(n,"active",e[24]==e[0]),P(n,"is-disabled",e[6].includes(e[8])),M(t,"class","creatable-row-wrap svelte-aqpko7")},m(l,d){I(l,t,d),w(t,n),i.m(c,n),w(n,s),u&&u.m(n,null),r||(a=[D(n,"click",(function(){o(e[26]("select",e[8]))&&e[26]("select",e[8]).apply(this,arguments)})),D(n,"mouseenter",(function(){o(e[26]("hover",e[9].last))&&e[26]("hover",e[9].last).apply(this,arguments)}))],r=!0)},p(t,l){e=t,8448&l[0]&&c!==(c=e[13](e[8])+"")&&i.p(c),e[24]!=e[0]?u?u.p(e,l):(u=Vt(e),u.c(),u.m(n,null)):u&&(u.d(1),u=null),16777217&l[0]&&P(n,"active",e[24]==e[0]),320&l[0]&&P(n,"is-disabled",e[6].includes(e[8]))},d(e){e&&C(t),u&&u.d(),r=!1,l(a)}}}function Vt(e){let t,n,i,l,o;return{c(){t=O("span"),n=O("kbd"),i=k(e[14]),l=k("+"),o=O("kbd"),o.textContent="Enter",M(n,"class","svelte-aqpko7"),M(o,"class","svelte-aqpko7"),M(t,"class","shortcut svelte-aqpko7")},m(e,s){I(e,t,s),w(t,n),w(n,i),w(t,l),w(t,o)},p(e,t){16384&t[0]&&H(i,e[14])},d(e){e&&C(t)}}}function Bt(e){let t,n,i=e[16]&&e[18]&&Dt(e);return{c(){i&&i.c(),t=E()},m(e,l){i&&i.m(e,l),I(e,t,l),n=!0},p(e,n){e[16]&&e[18]?i?(i.p(e,n),327680&n[0]&&ge(i,1)):(i=Dt(e),i.c(),ge(i,1),i.m(t.parentNode,t)):i&&(pe(),$e(i,1,1,(()=>{i=null})),me())},i(e){n||(ge(i),n=!0)},o(e){$e(i),n=!1},d(e){i&&i.d(e),e&&C(t)}}}function Nt(t,n,i){let l,o,s,a=e,c=()=>(a(),a=r(S,(e=>i(25,s=e))),S);t.$$.on_destroy.push((()=>a()));let{lazyDropdown:u}=n,{creatable:d}=n,{maxReached:f=!1}=n,{dropdownIndex:h=0}=n,{renderer:p}=n,{disableHighlight:m}=n,{items:g=[]}=n,{alreadyCreated:$}=n,{virtualList:v}=n,{vlItemSize:y}=n,{vlHeight:b}=n,{inputValue:x}=n,{listIndex:w}=n,{hasDropdownOpened:S}=n;c();let{listMessage:z}=n,{disabledField:I}=n,{createLabel:C}=n,{metaKey:A}=n,{itemComponent:O}=n;function k(e){if(v)return;const t=E.querySelector(`[data-pos="${h}"]`);if(!t)return;const n=t.getBoundingClientRect(),l=D.getBoundingClientRect(),o=t.offsetHeight/3,s=e&&e.center?D.offsetHeight/2:0;switch(!0){case t.offsetTop<D.scrollTop:i(21,D.scrollTop=t.offsetTop-o+s,D);break;case t.offsetTop+n.height>D.scrollTop+l.height:i(21,D.scrollTop=t.offsetTop+n.height-D.offsetHeight+o+s,D)}}const F=X();let E,D,T,M=!1,H=!1,_=!u,R=b,L=y,P=null===b&&null===y;function V(e){if(!D&&!_)return;const t=function(e){if(!e)return!1;const t=e.getBoundingClientRect(),n={};return n.top=t.top<0||t.top-t.height<0,n.left=t.left<0,n.bottom=t.bottom>(window.innerHeight||document.documentElement.clientHeight),n.right=t.right>(window.innerWidth||document.documentElement.clientWidth),n.any=n.top||n.left||n.bottom||n.right,n}(D.parentElement);t.bottom&&!t.top?i(21,D.parentElement.style.bottom=D.parentElement.parentElement.clientHeight+1+"px",D):e&&!t.top||i(21,D.parentElement.style.bottom="",D)}function B(){if(!T)return;const e=(e,t)=>{const n=window.getComputedStyle(e);let{groups:{value:i,unit:l}}=n[t].match(/(?<value>\d+)(?<unit>[a-zA-Z]+)/);if(i=parseFloat(i),"px"!==l){const e="rem"===l?document.documentElement:D.parentElement.parentElement;i*=parseFloat(window.getComputedStyle(e).fontSize.match(/\d+/).shift())}return i};i(32,R=e(D,"maxHeight")-e(D,"paddingTop")-e(D,"paddingBottom")),i(21,D.parentElement.style="opacity: 0; display: block",D);const t=T.$$.ctx[1].firstElementChild.firstElementChild;if(t){t.style="";const e=t.getBoundingClientRect().height,n=T.$$.ctx[1].firstElementChild.firstElementChild.nextElementSibling;let l;if(n&&(n.style="",l=n.getBoundingClientRect().height),e!==l){const t=g[0].$isGroupHeader?e:l,n=g[0].$isGroupHeader?l:e;i(19,L=g.map((e=>e.$isGroupHeader?t:n)))}else i(19,L=e)}i(21,D.parentElement.style="",D)}let N=()=>{};return Q((()=>{N=S.subscribe((e=>{!_&&e&&i(18,_=!0),se().then((()=>{V(e),e&&k({center:!0})})),document[e?"addEventListener":"removeEventListener"]("scroll",(()=>V(e)),{passive:!0})})),i(16,M=!0)})),J((()=>N())),t.$$set=e=>{"lazyDropdown"in e&&i(27,u=e.lazyDropdown),"creatable"in e&&i(1,d=e.creatable),"maxReached"in e&&i(2,f=e.maxReached),"dropdownIndex"in e&&i(0,h=e.dropdownIndex),"renderer"in e&&i(3,p=e.renderer),"disableHighlight"in e&&i(4,m=e.disableHighlight),"items"in e&&i(5,g=e.items),"alreadyCreated"in e&&i(6,$=e.alreadyCreated),"virtualList"in e&&i(7,v=e.virtualList),"vlItemSize"in e&&i(28,y=e.vlItemSize),"vlHeight"in e&&i(29,b=e.vlHeight),"inputValue"in e&&i(8,x=e.inputValue),"listIndex"in e&&i(9,w=e.listIndex),"hasDropdownOpened"in e&&c(i(10,S=e.hasDropdownOpened)),"listMessage"in e&&i(11,z=e.listMessage),"disabledField"in e&&i(12,I=e.disabledField),"createLabel"in e&&i(13,C=e.createLabel),"metaKey"in e&&i(14,A=e.metaKey),"itemComponent"in e&&i(15,O=e.itemComponent)},t.$$.update=()=>{32&t.$$.dirty[0]&&i(24,l=g.length),459170&t.$$.dirty[0]&&(i(17,H=g.length<1&&(!d||!x)),v&&P&&M&&_&&(H&&i(0,h=null),i(19,L=0),se().then(B).then(V))),524320&t.$$.dirty[0]|2&t.$$.dirty[1]&&i(23,o=Math.min(R,Array.isArray(L)?L.reduce(((e,t)=>e+=t),0):g.length*L))},[h,d,f,p,m,g,$,v,x,w,S,z,I,C,A,O,M,H,_,L,E,D,T,o,l,s,F,u,y,b,k,function(){return v?[D.offsetHeight,L]:[D.offsetHeight,E.firstElementChild.offsetHeight]},R,function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){ee[e?"unshift":"push"]((()=>{T=e,i(22,T)}))},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){ee[e?"unshift":"push"]((()=>{E=e,i(20,E)}))},function(e){ee[e?"unshift":"push"]((()=>{D=e,i(21,D)}))}]}class qt extends Ie{constructor(e){super(),ze(this,e,Nt,Bt,s,{lazyDropdown:27,creatable:1,maxReached:2,dropdownIndex:0,renderer:3,disableHighlight:4,items:5,alreadyCreated:6,virtualList:7,vlItemSize:28,vlHeight:29,inputValue:8,listIndex:9,hasDropdownOpened:10,listMessage:11,disabledField:12,createLabel:13,metaKey:14,itemComponent:15,scrollIntoView:30,getDimensions:31},null,[-1,-1])}get scrollIntoView(){return this.$$.ctx[30]}get getDimensions(){return this.$$.ctx[31]}}function jt(t){let n;return{c(){n=O("button"),n.innerHTML='<svg height="16" width="16" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="svelte-w7c5vi"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>',M(n,"class","sv-item-btn svelte-w7c5vi"),M(n,"tabindex","-1"),M(n,"data-action","deselect"),M(n,"type","button")},m(e,t){I(e,n,t)},p:e,i:e,o:e,d(e){e&&C(n)}}}class Gt extends Ie{constructor(e){super(),ze(this,e,null,jt,s,{})}}const Wt=e=>e.preventDefault();function Kt(e,{item:t,index:n}){function i(n){const i=n.target.closest('[data-action="deselect"]')?"deselect":"select";e.dispatchEvent(new CustomEvent(i,{bubble:!0,detail:t}))}function l(){e.dispatchEvent(new CustomEvent("hover",{detail:n}))}return e.onmousedown=Wt,e.onclick=i,e.addEventListener("mouseenter",l),{update(e){t=e.item,n=e.index},destroy(){e.removeEventListener("mousedown",Wt),e.removeEventListener("click",i),e.removeEventListener("mouseenter",l)}}}function Ut(e){let t,n,i,s,r,a,c,u,d=(e[3]?`<div class="sv-item-content">${e[6](e[2],e[3],e[0])}</div>`:Re(e[2],e[3],e[0],e[6],e[7]))+"",f=e[3]&&e[5]&&Jt();return{c(){t=O("div"),n=new V,i=F(),f&&f.c(),n.a=i,M(t,"class","sv-item"),M(t,"title",s=e[2].$created?"Created item":""),P(t,"is-disabled",e[4])},m(l,o){I(l,t,o),n.m(d,t),w(t,i),f&&f.m(t,null),a=!0,c||(u=[g(r=Kt.call(null,t,{item:e[2],index:e[1]})),D(t,"select",e[9]),D(t,"deselect",e[10]),D(t,"hover",e[11])],c=!0)},p(e,i){(!a||205&i)&&d!==(d=(e[3]?`<div class="sv-item-content">${e[6](e[2],e[3],e[0])}</div>`:Re(e[2],e[3],e[0],e[6],e[7]))+"")&&n.p(d),e[3]&&e[5]?f?40&i&&ge(f,1):(f=Jt(),f.c(),ge(f,1),f.m(t,null)):f&&(pe(),$e(f,1,1,(()=>{f=null})),me()),(!a||4&i&&s!==(s=e[2].$created?"Created item":""))&&M(t,"title",s),r&&o(r.update)&&6&i&&r.update.call(null,{item:e[2],index:e[1]}),16&i&&P(t,"is-disabled",e[4])},i(e){a||(ge(f),a=!0)},o(e){$e(f),a=!1},d(e){e&&C(t),f&&f.d(),c=!1,l(u)}}}function Qt(t){let n,i,l,o,s,r=t[2].label+"";return{c(){n=O("div"),i=O("b"),l=k(r),M(n,"class","optgroup-header svelte-1e087o6")},m(e,r){I(e,n,r),w(n,i),w(i,l),o||(s=D(n,"mousedown",T(t[8])),o=!0)},p(e,t){4&t&&r!==(r=e[2].label+"")&&H(l,r)},i:e,o:e,d(e){e&&C(n),o=!1,s()}}}function Jt(e){let t,n;return t=new Gt({}),{c(){xe(t.$$.fragment)},m(e,i){we(t,e,i),n=!0},i(e){n||(ge(t.$$.fragment,e),n=!0)},o(e){$e(t.$$.fragment,e),n=!1},d(e){Se(t,e)}}}function Xt(e){let t,n,i,l;const o=[Qt,Ut],s=[];function r(e,t){return e[2].$isGroupHeader?0:1}return t=r(e),n=s[t]=o[t](e),{c(){n.c(),i=E()},m(e,n){s[t].m(e,n),I(e,i,n),l=!0},p(e,[l]){let a=t;t=r(e),t===a?s[t].p(e,l):(pe(),$e(s[a],1,1,(()=>{s[a]=null})),me(),n=s[t],n?n.p(e,l):(n=s[t]=o[t](e),n.c()),ge(n,1),n.m(i.parentNode,i))},i(e){l||(ge(n),l=!0)},o(e){$e(n),l=!1},d(e){s[t].d(e),e&&C(i)}}}function Zt(e,t,n){let{inputValue:i}=t,{index:l=-1}=t,{item:o={}}=t,{isSelected:s=!1}=t,{isDisabled:r=!1}=t,{isMultiple:a=!1}=t,{formatter:c=null}=t,{disableHighlight:u=!1}=t;return e.$$set=e=>{"inputValue"in e&&n(0,i=e.inputValue),"index"in e&&n(1,l=e.index),"item"in e&&n(2,o=e.item),"isSelected"in e&&n(3,s=e.isSelected),"isDisabled"in e&&n(4,r=e.isDisabled),"isMultiple"in e&&n(5,a=e.isMultiple),"formatter"in e&&n(6,c=e.formatter),"disableHighlight"in e&&n(7,u=e.disableHighlight)},[i,l,o,s,r,a,c,u,function(t){Z.call(this,e,t)},function(t){Z.call(this,e,t)},function(t){Z.call(this,e,t)},function(t){Z.call(this,e,t)}]}class Yt extends Ie{constructor(e){super(),ze(this,e,Zt,Xt,s,{inputValue:0,index:1,item:2,isSelected:3,isDisabled:4,isMultiple:5,formatter:6,disableHighlight:7})}}function en(e,t,n){const i=e.slice();return i[108]=t[n],i}const tn=e=>({}),nn=e=>({});function ln(e){let t,n;const i=e[84].icon,l=c(i,e,e[90],nn);return{c(){t=O("div"),l&&l.c(),M(t,"slot","icon"),M(t,"class","icon-slot svelte-1lvkhl0")},m(e,i){I(e,t,i),l&&l.m(t,null),n=!0},p(e,t){l&&l.p&&(!n||268435456&t[2])&&f(l,i,e,e[90],n?d(i,e[90],t,tn):h(e[90]),nn)},i(e){n||(ge(l,e),n=!0)},o(e){$e(l,e),n=!1},d(e){e&&C(t),l&&l.d(e)}}}function on(e){let t,n,i,l,o=e[27],s=[];for(let t=0;t<o.length;t+=1)s[t]=sn(en(e,o,t));return{c(){t=O("select");for(let e=0;e<s.length;e+=1)s[e].c();M(t,"name",e[3]),t.multiple=e[1],M(t,"class","is-hidden svelte-1lvkhl0"),M(t,"tabindex","-1"),t.required=e[4],t.disabled=e[0]},m(o,r){I(o,t,r);for(let e=0;e<s.length;e+=1)s[e].m(t,null);e[89](t),i||(l=g(n=e[40].call(null,t,e[41])),i=!0)},p(e,n){if(184549376&n[0]){let i;for(o=e[27],i=0;i<o.length;i+=1){const l=en(e,o,i);s[i]?s[i].p(l,n):(s[i]=sn(l),s[i].c(),s[i].m(t,null))}for(;i<s.length;i+=1)s[i].d(1);s.length=o.length}8&n[0]&&M(t,"name",e[3]),2&n[0]&&(t.multiple=e[1]),16&n[0]&&(t.required=e[4]),1&n[0]&&(t.disabled=e[0])},d(n){n&&C(t),A(s,n),e[89](null),i=!1,l()}}}function sn(e){let t,n,i,l=e[108][e[25]]+"";return{c(){t=O("option"),n=k(l),t.__value=i=e[108][e[24]],t.value=t.__value,t.selected=!0},m(e,i){I(e,t,i),w(t,n)},p(e,o){167772160&o[0]&&l!==(l=e[108][e[25]]+"")&&H(n,l),150994944&o[0]&&i!==(i=e[108][e[24]])&&(t.__value=i,t.value=t.__value)},d(e){e&&C(t)}}}function rn(e){let t,n,i,l,o,s,r,a={renderer:e[38],disabled:e[0],clearable:e[9],searchable:e[8],placeholder:e[7],multiple:e[1],resetOnBlur:e[11],collapseSelection:e[15]?un.collapseSelectionFn:null,inputValue:e[42],hasFocus:e[43],hasDropdownOpened:e[44],selectedOptions:e[27],isFetchingData:e[36],dndzone:e[12],currentValueField:e[24],itemComponent:e[14],$$slots:{icon:[ln]},$$scope:{ctx:e}};n=new ut({props:a}),e[85](n),n.$on("deselect",e[46]),n.$on("keydown",e[48]),n.$on("paste",e[49]),n.$on("consider",e[50]),n.$on("finalize",e[50]),n.$on("blur",e[86]);let c={renderer:e[38],disableHighlight:e[10],creatable:e[16],maxReached:e[30],alreadyCreated:e[37],virtualList:e[18],vlHeight:e[19],vlItemSize:e[20],lazyDropdown:e[18]||e[17],dropdownIndex:e[23],items:e[29],listIndex:e[28],inputValue:e[2](e[31]),hasDropdownOpened:e[44],listMessage:e[39],disabledField:e[6],createLabel:e[26].createRowLabel,metaKey:e[34]?"⌘":"Ctrl",itemComponent:e[13]};l=new qt({props:c}),e[87](l),l.$on("select",e[45]),l.$on("hover",e[47]),l.$on("createoption",e[88]);let u=e[3]&&!e[5]&&on(e);return{c(){t=O("div"),xe(n.$$.fragment),i=F(),xe(l.$$.fragment),o=F(),u&&u.c(),M(t,"class",s=p(`svelecte ${e[21]}`)+" svelte-1lvkhl0"),M(t,"style",e[22]),P(t,"is-disabled",e[0])},m(e,s){I(e,t,s),we(n,t,null),w(t,i),we(l,t,null),w(t,o),u&&u.m(t,null),r=!0},p(e,i){const o={};128&i[1]&&(o.renderer=e[38]),1&i[0]&&(o.disabled=e[0]),512&i[0]&&(o.clearable=e[9]),256&i[0]&&(o.searchable=e[8]),128&i[0]&&(o.placeholder=e[7]),2&i[0]&&(o.multiple=e[1]),2048&i[0]&&(o.resetOnBlur=e[11]),32768&i[0]&&(o.collapseSelection=e[15]?un.collapseSelectionFn:null),134217728&i[0]&&(o.selectedOptions=e[27]),32&i[1]&&(o.isFetchingData=e[36]),4096&i[0]&&(o.dndzone=e[12]),16777216&i[0]&&(o.currentValueField=e[24]),16384&i[0]&&(o.itemComponent=e[14]),268435456&i[2]&&(o.$$scope={dirty:i,ctx:e}),n.$set(o);const a={};128&i[1]&&(a.renderer=e[38]),1024&i[0]&&(a.disableHighlight=e[10]),65536&i[0]&&(a.creatable=e[16]),1073741824&i[0]&&(a.maxReached=e[30]),64&i[1]&&(a.alreadyCreated=e[37]),262144&i[0]&&(a.virtualList=e[18]),524288&i[0]&&(a.vlHeight=e[19]),1048576&i[0]&&(a.vlItemSize=e[20]),393216&i[0]&&(a.lazyDropdown=e[18]||e[17]),8388608&i[0]&&(a.dropdownIndex=e[23]),536870912&i[0]&&(a.items=e[29]),268435456&i[0]&&(a.listIndex=e[28]),4&i[0]|1&i[1]&&(a.inputValue=e[2](e[31])),256&i[1]&&(a.listMessage=e[39]),64&i[0]&&(a.disabledField=e[6]),67108864&i[0]&&(a.createLabel=e[26].createRowLabel),8&i[1]&&(a.metaKey=e[34]?"⌘":"Ctrl"),8192&i[0]&&(a.itemComponent=e[13]),l.$set(a),e[3]&&!e[5]?u?u.p(e,i):(u=on(e),u.c(),u.m(t,null)):u&&(u.d(1),u=null),(!r||2097152&i[0]&&s!==(s=p(`svelecte ${e[21]}`)+" svelte-1lvkhl0"))&&M(t,"class",s),(!r||4194304&i[0])&&M(t,"style",e[22]),2097153&i[0]&&P(t,"is-disabled",e[0])},i(e){r||(ge(n.$$.fragment,e),ge(l.$$.fragment,e),r=!0)},o(e){$e(n.$$.fragment,e),$e(l.$$.fragment,e),r=!1},d(i){i&&C(t),e[85](null),Se(n),e[87](null),Se(l),u&&u.d()}}}const an={default(e){return e[this.label]}};function cn(e,t){if(e instanceof Object)for(let t in e)an[t]=e[t];else an[e]=t}const un=Be;function dn(e,t,n){let i,l,o,s,r,c,u,d,f,h,{$$slots:p={},$$scope:g}=t,{name:$="svelecte"}=t,{required:v=!1}=t,{hasAnchor:y=!1}=t,{disabled:b=Be.disabled}=t,{options:x=[]}=t,{valueField:w=Be.valueField}=t,{labelField:S=Be.labelField}=t,{disabledField:z=Be.disabledField}=t,{placeholder:I="Select"}=t,{searchable:C=Be.searchable}=t,{clearable:A=Be.clearable}=t,{renderer:O=null}=t,{disableHighlight:k=!1}=t,{selectOnTab:F=Be.selectOnTab}=t,{resetOnBlur:E=Be.resetOnBlur}=t,{dndzone:D=(()=>({noop:!0,destroy:()=>{}}))}=t,{validatorAction:T=null}=t,{dropdownItem:M=Yt}=t,{controlItem:H=Yt}=t,{multiple:_=Be.multiple}=t,{max:R=Be.max}=t,{collapseSelection:L=Be.collapseSelection}=t,{creatable:P=Be.creatable}=t,{creatablePrefix:V=Be.creatablePrefix}=t,{allowEditing:B=Be.allowEditing}=t,{keepCreated:N=Be.keepCreated}=t,{delimiter:q=Be.delimiter}=t,{createFilter:j=null}=t,{fetch:G=null}=t,{fetchMode:W="auto"}=t,{fetchCallback:K=Be.fetchCallback}=t,{fetchResetOnBlur:U=!0}=t,{minQuery:J=Be.minQuery}=t,{lazyDropdown:Y=Be.lazyDropdown}=t,{virtualList:te=Be.virtualList}=t,{vlHeight:ne=Be.vlHeight}=t,{vlItemSize:ie=Be.vlItemSize}=t,{searchField:le=null}=t,{sortField:oe=null}=t,{disableSifter:re=!1}=t,{class:ae="svelecte-control"}=t,{style:ce=null}=t,{i18n:ue=null}=t,{readSelection:de=null}=t,{value:fe=null}=t,{labelAsValue:he=!1}=t,{valueAsObject:pe=Be.valueAsObject}=t;const me=X(),ge={optionsWithGroups:!1,isOptionArray:x&&x.length&&"object"!=typeof x[0],optionProps:[],valueField:w,labelField:S,labelAsValue:he};G&&fe&&(!x||x&&0===x.length)&&(x=Array.isArray(fe)?fe:[fe]);let $e,ve,ye=!1,be=!1,xe=null,we=null,Se=w||Pe("value",x,ge),ze=S||Pe("label",x,ge),Ie=!1,Ae=T?T.shift():()=>({destroy:()=>{}}),Oe=T||[],ke=null;ge.valueField=Se,ge.labelField=ze,ge.optionProps=fe&&pe&&(!_||!Array.isArray(fe)||fe.length>0)?We(_?fe.slice(0,1).shift():fe):[Se,ze],_=$&&!_?$.endsWith("[]"):_,j||(j=Ve);const Fe=qe("");a(e,Fe,(e=>n(31,d=e)));const Ee=qe(!1);a(e,Ee,(e=>n(96,h=e)));const De=qe(!1);a(e,De,(e=>n(95,f=e)));let Te=!1,He=!1;function Re(){Te&&(_e&&![0,4].includes(_e.readyState)&&_e.abort(),n(36,Te=!1))}function Le(e){if(we&&(we(),we=null),!e)return null;const t="string"==typeof e?(i=e,function(e,t){return new Promise(((n,l)=>{_e=new XMLHttpRequest,_e.open("GET",`${i.replace("[query]",encodeURIComponent(e))}`),_e.setRequestHeader("X-Requested-With","XMLHttpRequest"),_e.send(),_e.onreadystatechange=()=>{if(4===_e.readyState)if(200===_e.status){const e=JSON.parse(_e.response);n(t?t(e):e.data||e.items||e.options||e)}else l()}}))}):e;var i;n(81,He="init"===W||"auto"===W&&"string"==typeof e&&-1===e.indexOf("[query]"));const l=(o=e=>{!e||d.length?t(e,K).then((e=>{n(51,x=e)})).catch((()=>{n(51,x=[])})).finally((()=>{n(36,Te=!1),h&&De.set(!0),n(39,c=Ke.fetchEmpty),se().then((()=>me("fetch",x)))})):n(36,Te=!1)},s=500,function(){const e=this,t=arguments;clearTimeout(Me),Me=setTimeout((function(){o.apply(e,t)}),s)});var o,s;return He?("string"==typeof e&&-1!==e.indexOf("[parent]")||(n(36,Te=!0),n(51,x=[]),l(null)),null):(we=Fe.subscribe((e=>{Re(),e?e&&e.length<J||(!He&&De.set(!1),n(36,Te=!0),l(e)):ye&&U&&n(51,x=[])})),l)}let Ne=fe,Ke=un.i18n,Ue=je.call(x,fe,pe,ge),Qe=Ue.reduce(((e,t)=>(e.add(t[Se]),e)),new Set),Je=[""],Xe=x;function Ze(){se().then((()=>{me("change",de),ke&&ke.dispatchEvent(new Event("input"))}))}function Ye(e){if(tt(),e){let t=Array.isArray(e)?e:[e];if(!pe){const e=ge.labelAsValue?ze:Se;t=t.reduce(((t,n)=>{const l=i.find((t=>t[e]==n));return l&&t.push(l),t}),[])}if(!(t.every(et)&&(_?e.length===t.length:t.length>0)))return console.warn('[Svelecte]: provided "value" property is invalid',e),n(53,fe=null),void n(54,de=null);n(54,de=Array.isArray(e)?t:t.shift())}n(82,Ne=e)}function et(e){if(!e||_&&l)return!1;if(!Qe.has(e[Se])){if("string"==typeof e){if(e=j(e),Je.includes(e))return;!G&&Je.push(e),e={[Se]:encodeURIComponent(e),[ze]:`${V}${e}`,$created:!0},N&&n(51,x=[...x,e]),me("createoption",e)}return _?(Ue.push(e),n(27,Ue),Qe.add(e[Se])):(n(27,Ue=[e]),Qe.clear(),Qe.add(e[Se]),n(23,xe=x.indexOf(e))),n(83,i),n(51,x),n(79,ge),n(80,ye),n(101,Xe),n(55,w),n(24,Se),n(56,S),n(25,ze),n(73,he),!0}}function tt(){Qe.clear(),n(27,Ue=[]),n(83,i),n(51,x),n(79,ge),n(80,ye),n(101,Xe),n(55,w),n(24,Se),n(56,S),n(25,ze),n(73,he)}function nt(e,t){t=t||e.detail,b||t[z]||t.$isGroupHeader||(et(t),m(Fe,d="",d),_?se().then((()=>{n(23,xe=l?null:r.next(xe-1,!0))})):m(De,f=!1,f),Ze())}function it(e,t){b||((t=t||e.detail)?function(e){e.$created&&lt&&B&&(Je.splice(Je.findIndex((t=>t===e[he?ze:Se])),1),n(37,Je),N&&(x.splice(x.findIndex((t=>t===e)),1),n(51,x)),m(Fe,d=e[ze].replace(V,""),d));const t=e[Se];Qe.delete(t),Ue.splice(Ue.findIndex((e=>e[Se]==t)),1),n(27,Ue),n(83,i),n(51,x),n(79,ge),n(80,ye),n(101,Xe),n(55,w),n(24,Se),n(56,S),n(25,ze),n(73,he)}(t):tt(),se().then(ve.focusControl),Ze())}let lt=!1;return Q((()=>{if(n(80,ye=!0),P){const e=ge.labelAsValue?ze:Se;n(37,Je=[""].concat(i.map((t=>t[e])).filter((e=>e))))}if(n(23,xe=r.first),Ne&&!_){const e=he?ze:Se,t=pe?Ne[e]:Ne;n(23,xe=i.findIndex((n=>n[e]===t)))}n(34,Ie=["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document)})),e.$$set=e=>{"name"in e&&n(3,$=e.name),"required"in e&&n(4,v=e.required),"hasAnchor"in e&&n(5,y=e.hasAnchor),"disabled"in e&&n(0,b=e.disabled),"options"in e&&n(51,x=e.options),"valueField"in e&&n(55,w=e.valueField),"labelField"in e&&n(56,S=e.labelField),"disabledField"in e&&n(6,z=e.disabledField),"placeholder"in e&&n(7,I=e.placeholder),"searchable"in e&&n(8,C=e.searchable),"clearable"in e&&n(9,A=e.clearable),"renderer"in e&&n(57,O=e.renderer),"disableHighlight"in e&&n(10,k=e.disableHighlight),"selectOnTab"in e&&n(58,F=e.selectOnTab),"resetOnBlur"in e&&n(11,E=e.resetOnBlur),"dndzone"in e&&n(12,D=e.dndzone),"validatorAction"in e&&n(59,T=e.validatorAction),"dropdownItem"in e&&n(13,M=e.dropdownItem),"controlItem"in e&&n(14,H=e.controlItem),"multiple"in e&&n(1,_=e.multiple),"max"in e&&n(60,R=e.max),"collapseSelection"in e&&n(15,L=e.collapseSelection),"creatable"in e&&n(16,P=e.creatable),"creatablePrefix"in e&&n(61,V=e.creatablePrefix),"allowEditing"in e&&n(62,B=e.allowEditing),"keepCreated"in e&&n(63,N=e.keepCreated),"delimiter"in e&&n(64,q=e.delimiter),"createFilter"in e&&n(2,j=e.createFilter),"fetch"in e&&n(52,G=e.fetch),"fetchMode"in e&&n(65,W=e.fetchMode),"fetchCallback"in e&&n(66,K=e.fetchCallback),"fetchResetOnBlur"in e&&n(67,U=e.fetchResetOnBlur),"minQuery"in e&&n(68,J=e.minQuery),"lazyDropdown"in e&&n(17,Y=e.lazyDropdown),"virtualList"in e&&n(18,te=e.virtualList),"vlHeight"in e&&n(19,ne=e.vlHeight),"vlItemSize"in e&&n(20,ie=e.vlItemSize),"searchField"in e&&n(69,le=e.searchField),"sortField"in e&&n(70,oe=e.sortField),"disableSifter"in e&&n(71,re=e.disableSifter),"class"in e&&n(21,ae=e.class),"style"in e&&n(22,ce=e.style),"i18n"in e&&n(72,ue=e.i18n),"readSelection"in e&&n(54,de=e.readSelection),"value"in e&&n(53,fe=e.value),"labelAsValue"in e&&n(73,he=e.labelAsValue),"valueAsObject"in e&&n(74,pe=e.valueAsObject),"$$scope"in e&&n(90,g=e.$$scope)},e.$$.update=()=>{if(2097152&e.$$.dirty[1]&&Le(G),1&e.$$.dirty[0]&&b&&Re(),1024&e.$$.dirty[2]&&ue&&"object"==typeof ue&&n(26,Ke=Object.assign({},un.i18n,ue)),50331648&e.$$.dirty[0]|51380224&e.$$.dirty[1]|393216&e.$$.dirty[2]&&ye&&Xe!==x&&x.length){const e=Pe("value",x||null,ge),t=Pe("label",x||null,ge);w||Se===e||n(79,ge.valueField=n(24,Se=e),ge),S||ze===t||n(79,ge.labelField=n(25,ze=t),ge)}if(2048&e.$$.dirty[2]&&n(79,ge.labelAsValue=he,ge),184549378&e.$$.dirty[0]|1183744&e.$$.dirty[2]){const e=Ue.map((e=>{const t={};return ge.optionProps.forEach((n=>t[n]=e[n])),t})),t=_?e:e.length?e[0]:null,i=ge.labelAsValue?ze:Se;n(82,Ne=pe?t:_?t.map((e=>e[i])):Ue.length?t[i]:null),n(53,fe=Ne),n(54,de=t)}4194304&e.$$.dirty[1]|1048576&e.$$.dirty[2]&&Ne!==fe&&Ye(fe),1048576&e.$$.dirty[1]|131072&e.$$.dirty[2]&&n(83,i=Ge(x,ge)),134217728&e.$$.dirty[0]|536870912&e.$$.dirty[1]&&n(30,l=R&&Ue.length===R),1073741826&e.$$.dirty[0]|1&e.$$.dirty[1]|2229120&e.$$.dirty[2]&&n(29,o=l?[]:function(e,t,n,i,l,o){if(n&&(e=e.filter((e=>!n.has(e[o.valueField]))).filter(((e,t,n)=>!e.$isGroupHeader||!(n[t+1]&&n[t+1].$isGroupHeader||n.length<=1||n.length-1===t)))),!t)return e;const s=new Ce(e);o.optionsWithGroups&&(s.getSortFunction=()=>null);let r="and";t.startsWith("|| ")&&(r="or",t=t.substr(2));const a=s.search(t,{fields:i||o.optionProps,sort:(c=l||o.labelField,[{field:c,direction:"asc"}]),conjunction:r});var c;return o.optionsWithGroups?a.items.reduce(((t,i)=>{const l=e[i.id];if(n&&l.isSelected)return t;const o=t.push(l);if(l.$isGroupItem){const n=e.slice(0,i.id);let l=null;do{l=n.pop(),l&&l.$isGroupHeader&&!t.includes(l)&&t.splice(o-1,0,l)}while(l&&!l.$isGroupHeader)}return t}),[]):a.items.map((t=>e[t.id]))}(i,re?null:d,!!_&&Qe,le,oe,ge)),536936448&e.$$.dirty[0]|1&e.$$.dirty[1]&&(s=P&&d?o.length:o.length-1),536936448&e.$$.dirty[0]|1&e.$$.dirty[1]|131072&e.$$.dirty[2]&&n(28,r=function(e,t,n){const i=n.optionsWithGroups?e.reduce(((e,t,n)=>(e.push(t.$isGroupHeader?"":n),e)),[]):Object.keys(e);return{map:i,first:""!==i[0]?0:1,last:i.length?i.length-(t?0:1):0,hasCreateRow:!!t,next(e,t){const n=this.map[++e];return this.hasCreateRow&&e===this.last?this.last:""===n?this.next(e):void 0===n?this.map.length?(e>this.map.length&&(e=this.first-1),!0===t?this.prev(e):this.next(e)):0:n},prev(e){const t=this.map[--e];return this.hasCreateRow&&e===this.first?this.first:""===t?this.prev(e):t||this.last}}}(o,P&&d,ge)),276824064&e.$$.dirty[0]&&(null===xe?n(23,xe=r.first):xe>r.last&&n(23,xe=r.last)),1677721600&e.$$.dirty[0]|538968065&e.$$.dirty[1]|524352&e.$$.dirty[2]&&n(39,c=l?Ke.max(R):d.length&&0===o.length&&J<=1?Ke.nomatch:G?J<=1?He?Ke.fetchInit:Ke.fetchBefore:Ke.fetchQuery(J,d.length):Ke.empty),33554432&e.$$.dirty[0]|67108864&e.$$.dirty[1]&&n(38,u="function"==typeof O?O:an[O]||an.default.bind({label:ze}))},[b,_,j,$,v,y,z,I,C,A,k,E,D,M,H,L,P,Y,te,ne,ie,ae,ce,xe,Se,ze,Ke,Ue,r,o,l,d,$e,ve,Ie,ke,Te,Je,u,c,Ae,Oe,Fe,Ee,De,nt,it,function(e){be?be=!1:n(23,xe=e.detail)},function(e){if(e=e.detail,P&&q.indexOf(e.key)>-1)return d.length>0&&nt(null,d),void e.preventDefault();const t=F&&f&&!e.shiftKey?"Tab":"No-tab";let i=Ie?e.metaKey:e.ctrlKey,l=["PageUp","PageDown"].includes(e.key);switch(e.key){case"End":if(0!==d.length)return;n(23,xe=r.first);case"PageDown":if(l){const[e,t]=$e.getDimensions();n(23,xe=Math.ceil((t*xe+e)/t))}case"ArrowUp":if(e.preventDefault(),!f)return void m(De,f=!0,f);n(23,xe=r.prev(xe)),se().then($e.scrollIntoView),be=!0;break;case"Home":if(0!==d.length||0===d.length&&0===o.length)return;n(23,xe=r.last);case"PageUp":if(l){const[e,t]=$e.getDimensions();n(23,xe=Math.floor((t*xe-e)/t))}case"ArrowDown":if(e.preventDefault(),!f)return void m(De,f=!0,f);n(23,xe=r.next(xe)),se().then($e.scrollIntoView),be=!0;break;case"Escape":f&&(e.preventDefault(),e.stopPropagation()),d||m(De,f=!1,f),Re(),m(Fe,d="",d);break;case t:case"Enter":if(!f)return;let a=i?null:o[xe];if(P&&d&&(a=!a||i?d:a,i=!1),!i&&a&&nt(null,a),o.length<=xe&&n(23,xe=s>0?s:r.first),!a&&Ue.length)return void m(De,f=!1,f);e.preventDefault();break;case" ":G||f||(m(De,f=!0,f),e.preventDefault());break;case"Backspace":lt=!0;case"Delete":""===d&&Ue.length&&(i?it({}):it(null,Ue[Ue.length-1]),e.preventDefault()),lt=!1;default:i||["Tab","Shift"].includes(e.key)||f||Te||m(De,f=!0,f),!_&&Ue.length&&"Tab"!==e.key&&e.preventDefault()}},function(e){if(P){e.preventDefault();const t=new RegExp("([^"+q+"\\n]+)","g"),n=e.clipboardData.getData("text/plain").replaceAll("/","/"),i=n.match(t);1===i.length&&-1===n.indexOf(",")&&m(Fe,d=i.pop().trim(),d),i.forEach((e=>nt(null,e.trim())))}},function(e){n(27,Ue=e.detail.items)},x,G,fe,de,w,S,O,F,T,R,V,B,N,q,W,K,U,J,le,oe,re,ue,he,pe,e=>{ve.focusControl(e)},e=>{if(!Ue.length)return _?[]:null;const t=Ue.map((t=>e?t[he?ze:Se]:Object.assign({},t)));return _?t:t[0]},(e,t)=>{Ye(e),t&&Ze()},e=>{tt(),Ze(),e&&(n(0,b=!0),n(52,G=null))},ge,ye,He,Ne,i,p,function(e){ee[e?"unshift":"push"]((()=>{ve=e,n(33,ve)}))},function(t){Z.call(this,e,t)},function(e){ee[e?"unshift":"push"]((()=>{$e=e,n(32,$e)}))},function(t){Z.call(this,e,t)},function(e){ee[e?"unshift":"push"]((()=>{ke=e,n(35,ke),n(27,Ue),n(24,Se),n(80,ye),n(101,Xe),n(51,x),n(79,ge),n(55,w),n(56,S),n(25,ze),n(73,he)}))},g]}class fn extends Ie{constructor(e){super(),ze(this,e,dn,rn,s,{name:3,required:4,hasAnchor:5,disabled:0,options:51,valueField:55,labelField:56,disabledField:6,placeholder:7,searchable:8,clearable:9,renderer:57,disableHighlight:10,selectOnTab:58,resetOnBlur:11,dndzone:12,validatorAction:59,dropdownItem:13,controlItem:14,multiple:1,max:60,collapseSelection:15,creatable:16,creatablePrefix:61,allowEditing:62,keepCreated:63,delimiter:64,createFilter:2,fetch:52,fetchMode:65,fetchCallback:66,fetchResetOnBlur:67,minQuery:68,lazyDropdown:17,virtualList:18,vlHeight:19,vlItemSize:20,searchField:69,sortField:70,disableSifter:71,class:21,style:22,i18n:72,readSelection:54,value:53,labelAsValue:73,valueAsObject:74,focus:75,getSelection:76,setSelection:77,clearByParent:78},null,[-1,-1,-1,-1])}get focus(){return this.$$.ctx[75]}get getSelection(){return this.$$.ctx[76]}get setSelection(){return this.$$.ctx[77]}get clearByParent(){return this.$$.ctx[78]}}export{cn as addFormatter,un as config,fn as default};
+function e(){}const t=e=>e;function n(e){return e()}function i(){return Object.create(null)}function l(e){e.forEach(n)}function o(e){return"function"==typeof e}function s(e,t){return e!=e?t==t:e!==t||e&&"object"==typeof e||"function"==typeof e}function r(t,...n){if(null==t)return e;const i=t.subscribe(...n);return i.unsubscribe?()=>i.unsubscribe():i}function a(e,t,n){e.$$.on_destroy.push(r(t,n))}function c(e,t,n,i){if(e){const l=u(e,t,n,i);return e[0](l)}}function u(e,t,n,i){return e[1]&&i?function(e,t){for(const n in t)e[n]=t[n];return e}(n.ctx.slice(),e[1](i(t))):n.ctx}function d(e,t,n,i){if(e[2]&&i){const l=e[2](i(n));if(void 0===t.dirty)return l;if("object"==typeof l){const e=[],n=Math.max(t.dirty.length,l.length);for(let i=0;i<n;i+=1)e[i]=t.dirty[i]|l[i];return e}return t.dirty|l}return t.dirty}function f(e,t,n,i,l,o){if(l){const s=u(t,n,i,o);e.p(s,l)}}function h(e){if(e.ctx.length>32){const t=[],n=e.ctx.length/32;for(let e=0;e<n;e++)t[e]=-1;return t}return-1}function p(e){return null==e?"":e}function m(e,t,n){return e.set(n),t}function g(t){return t&&o(t.destroy)?t.destroy:e}const $="undefined"!=typeof window;let v=$?()=>window.performance.now():()=>Date.now(),y=$?e=>requestAnimationFrame(e):e;const b=new Set;function x(e){b.forEach((t=>{t.c(e)||(b.delete(t),t.f())})),0!==b.size&&y(x)}function w(e,t){e.appendChild(t)}function S(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function z(e){const t=O("style");return function(e,t){w(e.head||e,t)}(S(e),t),t}function I(e,t,n){e.insertBefore(t,n||null)}function C(e){e.parentNode.removeChild(e)}function A(e,t){for(let n=0;n<e.length;n+=1)e[n]&&e[n].d(t)}function O(e){return document.createElement(e)}function k(e){return document.createTextNode(e)}function F(){return k(" ")}function E(){return k("")}function D(e,t,n,i){return e.addEventListener(t,n,i),()=>e.removeEventListener(t,n,i)}function T(e){return function(t){return t.preventDefault(),e.call(this,t)}}function M(e,t,n){null==n?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function H(e,t){t=""+t,e.wholeText!==t&&(e.data=t)}function _(e,t){e.value=null==t?"":t}let R;function L(){if(void 0===R){R=!1;try{"undefined"!=typeof window&&window.parent&&window.parent.document}catch(e){R=!0}}return R}function P(e,t,n){e.classList[n?"add":"remove"](t)}class V{constructor(){this.e=this.n=null}c(e){this.h(e)}m(e,t,n=null){this.e||(this.e=O(t.nodeName),this.t=t,this.c(e)),this.i(n)}h(e){this.e.innerHTML=e,this.n=Array.from(this.e.childNodes)}i(e){for(let t=0;t<this.n.length;t+=1)I(this.t,this.n[t],e)}p(e){this.d(),this.h(e),this.i(this.a)}d(){this.n.forEach(C)}}const B=new Set;let N,q=0;function j(e,t){const n=(e.style.animation||"").split(", "),i=n.filter(t?e=>e.indexOf(t)<0:e=>-1===e.indexOf("__svelte")),l=n.length-i.length;l&&(e.style.animation=i.join(", "),q-=l,q||y((()=>{q||(B.forEach((e=>{const t=e.__svelte_stylesheet;let n=t.cssRules.length;for(;n--;)t.deleteRule(n);e.__svelte_rules={}})),B.clear())})))}function G(n,i,l,o){if(!i)return e;const s=n.getBoundingClientRect();if(i.left===s.left&&i.right===s.right&&i.top===s.top&&i.bottom===s.bottom)return e;const{delay:r=0,duration:a=300,easing:c=t,start:u=v()+r,end:d=u+a,tick:f=e,css:h}=l(n,{from:i,to:s},o);let p,m=!0,g=!1;function $(){h&&j(n,p),m=!1}return function(e){let t;0===b.size&&y(x),new Promise((n=>{b.add(t={c:e,f:n})}))}((e=>{if(!g&&e>=u&&(g=!0),g&&e>=d&&(f(1,0),$()),!m)return!1;if(g){const t=0+1*c((e-u)/a);f(t,1-t)}return!0})),h&&(p=function(e,t,n,i,l,o,s,r=0){const a=16.666/i;let c="{\n";for(let e=0;e<=1;e+=a){const i=t+(n-t)*o(e);c+=100*e+`%{${s(i,1-i)}}\n`}const u=c+`100% {${s(n,1-n)}}\n}`,d=`__svelte_${function(e){let t=5381,n=e.length;for(;n--;)t=(t<<5)-t^e.charCodeAt(n);return t>>>0}(u)}_${r}`,f=S(e);B.add(f);const h=f.__svelte_stylesheet||(f.__svelte_stylesheet=z(e).sheet),p=f.__svelte_rules||(f.__svelte_rules={});p[d]||(p[d]=!0,h.insertRule(`@keyframes ${d} ${u}`,h.cssRules.length));const m=e.style.animation||"";return e.style.animation=`${m?`${m}, `:""}${d} ${i}ms linear ${l}ms 1 both`,q+=1,d}(n,0,1,a,r,c,h)),r||(g=!0),f(0,1),$}function W(e){const t=getComputedStyle(e);if("absolute"!==t.position&&"fixed"!==t.position){const{width:n,height:i}=t,l=e.getBoundingClientRect();e.style.position="absolute",e.style.width=n,e.style.height=i,function(e,t){const n=e.getBoundingClientRect();if(t.left!==n.left||t.top!==n.top){const i=getComputedStyle(e),l="none"===i.transform?"":i.transform;e.style.transform=`${l} translate(${t.left-n.left}px, ${t.top-n.top}px)`}}(e,l)}}function K(e){N=e}function U(){if(!N)throw new Error("Function called outside component initialization");return N}function Q(e){U().$$.on_mount.push(e)}function J(e){U().$$.on_destroy.push(e)}function X(){const e=U();return(t,n)=>{const i=e.$$.callbacks[t];if(i){const l=function(e,t,n=!1){const i=document.createEvent("CustomEvent");return i.initCustomEvent(e,n,!1,t),i}(t,n);i.slice().forEach((t=>{t.call(e,l)}))}}}function Z(e,t){const n=e.$$.callbacks[t.type];n&&n.slice().forEach((e=>e.call(this,t)))}const Y=[],ee=[],te=[],ne=[],ie=Promise.resolve();let le=!1;function oe(){le||(le=!0,ie.then(ue))}function se(){return oe(),ie}function re(e){te.push(e)}const ae=new Set;let ce=0;function ue(){const e=N;do{for(;ce<Y.length;){const e=Y[ce];ce++,K(e),de(e.$$)}for(K(null),Y.length=0,ce=0;ee.length;)ee.pop()();for(let e=0;e<te.length;e+=1){const t=te[e];ae.has(t)||(ae.add(t),t())}te.length=0}while(Y.length);for(;ne.length;)ne.pop()();le=!1,ae.clear(),K(e)}function de(e){if(null!==e.fragment){e.update(),l(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(re)}}const fe=new Set;let he;function pe(){he={r:0,c:[],p:he}}function me(){he.r||l(he.c),he=he.p}function ge(e,t){e&&e.i&&(fe.delete(e),e.i(t))}function $e(e,t,n,i){if(e&&e.o){if(fe.has(e))return;fe.add(e),he.c.push((()=>{fe.delete(e),i&&(n&&e.d(1),i())})),e.o(t)}}function ve(e,t){$e(e,1,1,(()=>{t.delete(e.key)}))}function ye(e,t){e.f(),ve(e,t)}function be(e,t,n,i,l,o,s,r,a,c,u,d){let f=e.length,h=o.length,p=f;const m={};for(;p--;)m[e[p].key]=p;const g=[],$=new Map,v=new Map;for(p=h;p--;){const e=d(l,o,p),r=n(e);let a=s.get(r);a?i&&a.p(e,t):(a=c(r,e),a.c()),$.set(r,g[p]=a),r in m&&v.set(r,Math.abs(p-m[r]))}const y=new Set,b=new Set;function x(e){ge(e,1),e.m(r,u),s.set(e.key,e),u=e.first,h--}for(;f&&h;){const t=g[h-1],n=e[f-1],i=t.key,l=n.key;t===n?(u=t.first,f--,h--):$.has(l)?!s.has(i)||y.has(i)?x(t):b.has(l)?f--:v.get(i)>v.get(l)?(b.add(i),x(t)):(y.add(l),f--):(a(n,s),f--)}for(;f--;){const t=e[f];$.has(t.key)||a(t,s)}for(;h;)x(g[h-1]);return g}function xe(e){e&&e.c()}function we(e,t,i,s){const{fragment:r,on_mount:a,on_destroy:c,after_update:u}=e.$$;r&&r.m(t,i),s||re((()=>{const t=a.map(n).filter(o);c?c.push(...t):l(t),e.$$.on_mount=[]})),u.forEach(re)}function Se(e,t){const n=e.$$;null!==n.fragment&&(l(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function ze(t,n,o,s,r,a,c,u=[-1]){const d=N;K(t);const f=t.$$={fragment:null,ctx:null,props:a,update:e,not_equal:r,bound:i(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(n.context||(d?d.$$.context:[])),callbacks:i(),dirty:u,skip_bound:!1,root:n.target||d.$$.root};c&&c(f.root);let h=!1;if(f.ctx=o?o(t,n.props||{},((e,n,...i)=>{const l=i.length?i[0]:n;return f.ctx&&r(f.ctx[e],f.ctx[e]=l)&&(!f.skip_bound&&f.bound[e]&&f.bound[e](l),h&&function(e,t){-1===e.$$.dirty[0]&&(Y.push(e),oe(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}(t,e)),n})):[],f.update(),h=!0,l(f.before_update),f.fragment=!!s&&s(f.ctx),n.target){if(n.hydrate){const e=function(e){return Array.from(e.childNodes)}(n.target);f.fragment&&f.fragment.l(e),e.forEach(C)}else f.fragment&&f.fragment.c();n.intro&&ge(t.$$.fragment),we(t,n.target,n.anchor,n.customElement),ue()}K(d)}class Ie{$destroy(){Se(this,1),this.$destroy=e}$on(e,t){const n=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return n.push(t),()=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1)}}$set(e){var t;this.$$set&&(t=e,0!==Object.keys(t).length)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}var Ce=function(e,t){this.items=e,this.settings=t||{diacritics:!0}};Ce.prototype.tokenize=function(e,t){if(!(e=Fe(String(e||"").toLowerCase()))||!e.length)return[];var n,i,l,o,s=[],r=e.split(/ +/);for(n=0,i=r.length;n<i;n++){if(l=Ee(r[n]),this.settings.diacritics)for(o in De)De.hasOwnProperty(o)&&(l=l.replace(new RegExp(o,"g"),De[o]));t&&(l="\\b"+l),s.push({string:r[n],regex:new RegExp(l,"i")})}return s},Ce.prototype.iterator=function(e,t){var n;n=Array.isArray(e)?Array.prototype.forEach||function(e){for(var t=0,n=this.length;t<n;t++)e(this[t],t,this)}:function(e){for(var t in this)this.hasOwnProperty(t)&&e(this[t],t,this)},n.apply(e,[t])},Ce.prototype.getScoreFunction=function(e,t){var n,i,l,o;e=this.prepareSearch(e,t),i=e.tokens,n=e.options.fields,l=i.length,o=e.options.nesting;var s,r=function(e,t){var n,i;return e?-1===(i=(e=String(e||"")).search(t.regex))?0:(n=t.string.length/e.length,0===i&&(n+=.5),n):0},a=(s=n.length)?1===s?function(e,t){return r(ke(t,n[0],o),e)}:function(e,t){for(var i=0,l=0;i<s;i++)l+=r(ke(t,n[i],o),e);return l/s}:function(){return 0};return l?1===l?function(e){return a(i[0],e)}:"and"===e.options.conjunction?function(e){for(var t,n=0,o=0;n<l;n++){if((t=a(i[n],e))<=0)return 0;o+=t}return o/l}:function(e){for(var t=0,n=0;t<l;t++)n+=a(i[t],e);return n/l}:function(){return 0}},Ce.prototype.getSortFunction=function(e,t){var n,i,l,o,s,r,a,c,u,d,f;if(f=!(e=(l=this).prepareSearch(e,t)).query&&t.sort_empty||t.sort,u=function(e,n){return"$score"===e?n.score:ke(l.items[n.id],e,t.nesting)},s=[],f)for(n=0,i=f.length;n<i;n++)(e.query||"$score"!==f[n].field)&&s.push(f[n]);if(e.query){for(d=!0,n=0,i=s.length;n<i;n++)if("$score"===s[n].field){d=!1;break}d&&s.unshift({field:"$score",direction:"desc"})}else for(n=0,i=s.length;n<i;n++)if("$score"===s[n].field){s.splice(n,1);break}for(c=[],n=0,i=s.length;n<i;n++)c.push("desc"===s[n].direction?-1:1);return(r=s.length)?1===r?(o=s[0].field,a=c[0],function(e,t){return a*Ae(u(o,e),u(o,t))}):function(e,t){var n,i,l;for(n=0;n<r;n++)if(l=s[n].field,i=c[n]*Ae(u(l,e),u(l,t)))return i;return 0}:null},Ce.prototype.prepareSearch=function(e,t){if("object"==typeof e)return e;var n=(t=Oe({},t)).fields,i=t.sort,l=t.sort_empty;return n&&!Array.isArray(n)&&(t.fields=[n]),i&&!Array.isArray(i)&&(t.sort=[i]),l&&!Array.isArray(l)&&(t.sort_empty=[l]),{options:t,query:String(e||"").toLowerCase(),tokens:this.tokenize(e,t.respect_word_boundaries),total:0,items:[]}},Ce.prototype.search=function(e,t){var n,i,l,o,s=this;return i=this.prepareSearch(e,t),t=i.options,e=i.query,o=t.score||s.getScoreFunction(i),e.length?s.iterator(s.items,(function(e,l){n=o(e),(!1===t.filter||n>0)&&i.items.push({score:n,id:l})})):s.iterator(s.items,(function(e,t){i.items.push({score:1,id:t})})),(l=s.getSortFunction(i,t))&&i.items.sort(l),i.total=i.items.length,"number"==typeof t.limit&&(i.items=i.items.slice(0,t.limit)),i};var Ae=function(e,t){return"number"==typeof e&&"number"==typeof t?e>t?1:e<t?-1:0:(e=Te(String(e||"")))>(t=Te(String(t||"")))?1:t>e?-1:0},Oe=function(e,t){var n,i,l,o;for(n=1,i=arguments.length;n<i;n++)if(o=arguments[n])for(l in o)o.hasOwnProperty(l)&&(e[l]=o[l]);return e},ke=function(e,t,n){if(e&&t){if(!n)return e[t];for(var i=t.split(".");i.length&&(e=e[i.shift()]););return e}},Fe=function(e){return(e+"").replace(/^\s+|\s+$|/g,"")},Ee=function(e){return(e+"").replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1")},De={a:"[aḀḁĂăÂâǍǎȺⱥȦȧẠạÄäÀàÁáĀāÃãÅåąĄÃąĄ]",b:"[b␢βΒB฿𐌁ᛒ]",c:"[cĆćĈĉČčĊċC̄c̄ÇçḈḉȻȼƇƈɕᴄＣｃ]",d:"[dĎďḊḋḐḑḌḍḒḓḎḏĐđD̦d̦ƉɖƊɗƋƌᵭᶁᶑȡᴅＤｄð]",e:"[eÉéÈèÊêḘḙĚěĔĕẼẽḚḛẺẻĖėËëĒēȨȩĘęᶒɆɇȄȅẾếỀềỄễỂểḜḝḖḗḔḕȆȇẸẹỆệⱸᴇＥｅɘǝƏƐε]",f:"[fƑƒḞḟ]",g:"[gɢ₲ǤǥĜĝĞğĢģƓɠĠġ]",h:"[hĤĥĦħḨḩẖẖḤḥḢḣɦʰǶƕ]",i:"[iÍíÌìĬĭÎîǏǐÏïḮḯĨĩĮįĪīỈỉȈȉȊȋỊịḬḭƗɨɨ̆ᵻᶖİiIıɪＩｉ]",j:"[jȷĴĵɈɉʝɟʲ]",k:"[kƘƙꝀꝁḰḱǨǩḲḳḴḵκϰ₭]",l:"[lŁłĽľĻļĹĺḶḷḸḹḼḽḺḻĿŀȽƚⱠⱡⱢɫɬᶅɭȴʟＬｌ]",n:"[nŃńǸǹŇňÑñṄṅŅņṆṇṊṋṈṉN̈n̈ƝɲȠƞᵰᶇɳȵɴＮｎŊŋ]",o:"[oØøÖöÓóÒòÔôǑǒŐőŎŏȮȯỌọƟɵƠơỎỏŌōÕõǪǫȌȍՕօ]",p:"[pṔṕṖṗⱣᵽƤƥᵱ]",q:"[qꝖꝗʠɊɋꝘꝙq̃]",r:"[rŔŕɌɍŘřŖŗṘṙȐȑȒȓṚṛⱤɽ]",s:"[sŚśṠṡṢṣꞨꞩŜŝŠšŞşȘșS̈s̈]",t:"[tŤťṪṫŢţṬṭƮʈȚțṰṱṮṯƬƭ]",u:"[uŬŭɄʉỤụÜüÚúÙùÛûǓǔŰűŬŭƯưỦủŪūŨũŲųȔȕ∪]",v:"[vṼṽṾṿƲʋꝞꝟⱱʋ]",w:"[wẂẃẀẁŴŵẄẅẆẇẈẉ]",x:"[xẌẍẊẋχ]",y:"[yÝýỲỳŶŷŸÿỸỹẎẏỴỵɎɏƳƴ]",z:"[zŹźẐẑŽžŻżẒẓẔẕƵƶ]"};const Te=function(){var e,t,n,i,l="",o={};for(n in De)if(De.hasOwnProperty(n))for(l+=i=De[n].substring(2,De[n].length-1),e=0,t=i.length;e<t;e++)o[i.charAt(e)]=n;var s=new RegExp("["+l+"]","g");return function(e){return e.replace(s,(function(e){return o[e]})).toLowerCase()}}();let Me,He,_e=null;function Re(e,t,n,i,l){const o=i?i(e,t,n):e;if(""==n||e.isSelected||l)return'<div class="sv-item-content">'+o+"</div>";He||(He=document.createElement("div"),He.className="sv-item-content"),He.innerHTML=o;return Te(n).split(" ").filter((e=>e)).forEach((e=>{Le(He,e)})),He.outerHTML}const Le=function(e,t){let n=0;if(3===e.nodeType){const i=Te(e.data);let l=i.indexOf(t);if(l-=i.substr(0,l).toUpperCase().length-i.substr(0,l).length,l>=0){const i=document.createElement("span");i.className="highlight";const o=e.splitText(l);o.splitText(t.length);const s=o.cloneNode(!0);i.appendChild(s),o.parentNode.replaceChild(i,o),n=1}}else if(1===e.nodeType&&e.childNodes&&!/(script|style)/i.test(e.tagName)&&("highlight"!==e.className||"SPAN"!==e.tagName))for(var i=0;i<e.childNodes.length;++i)i+=Le(e.childNodes[i],t);return n};function Pe(e,t,n){const i="value"===e;if(n.isOptionArray)return i?"value":"label";let l=i?"value":"text";if(t&&t.length){const e=t[0].options?t[0].options[0]:t[0],n=i?0:1,o=i?["id","value","ID"]:["name","title","label"];l=Object.keys(e).filter((e=>o.includes(e))).concat([Object.keys(e)[n]]).shift()}return l}function Ve(e){return e.trim().split(" ").filter((e=>e)).join(" ")}const Be={disabled:!1,valueField:null,labelField:null,disabledField:"$disabled",placeholder:"Select",valueAsObject:!1,searchable:!0,clearable:!1,selectOnTab:!1,resetOnBlur:!0,fetchResetOnBlur:!0,multiple:!1,max:0,collapseSelection:!1,creatable:!1,creatablePrefix:"*",keepCreated:!0,allowEditing:!1,delimiter:",",fetchCallback:null,minQuery:1,lazyDropdown:!0,virtualList:!1,vlItemSize:null,vlHeight:null,i18n:{empty:"No options",nomatch:"No matching options",max:e=>`Maximum items ${e} selected`,fetchBefore:"Type to start searching",fetchQuery:(e,t)=>`Type ${e>1&&e>t?`at least ${e-t} characters `:""}to start searching`,fetchInit:"Fetching data, please wait...",fetchEmpty:"No data related to your search",collapsedSelection:e=>`${e} selected`,createRowLabel:e=>`Create '${e}'`},collapseSelectionFn:function(e,t){return Be.i18n.collapsedSelection(e)}},Ne=[];function qe(t,n=e){let i;const l=new Set;function o(e){if(s(t,e)&&(t=e,i)){const e=!Ne.length;for(const e of l)e[1](),Ne.push(e,t);if(e){for(let e=0;e<Ne.length;e+=2)Ne[e][0](Ne[e+1]);Ne.length=0}}}return{set:o,update:function(e){o(e(t))},subscribe:function(s,r=e){const a=[s,r];return l.add(a),1===l.size&&(i=n(o)||e),s(t),()=>{l.delete(a),0===l.size&&(i(),i=null)}}}}function je(e,t,n){if(e&&!t){const t=Array.isArray(e)?e:[e],i=n.labelAsValue?n.labelField:n.valueField;return this.reduce(((e,l,o)=>{if(l.options){const n=l.options.reduce(((e,n)=>(t.includes(n[i])&&e.push(n),e)),[]);if(n.length)return e.push(...n),e}return t.includes(l[i]||l)&&(n.isOptionArray&&(l={[n.valueField]:o,[n.labelField]:l}),e.push(l)),e}),[])}return t&&e?Array.isArray(e)?e:[e]:[]}function Ge(e,t){const n=e.reduce(((e,n,i)=>t.isOptionArray?(e.push({[t.valueField]:i,[t.labelField]:n}),e):n.options&&n.options.length?(t.optionsWithGroups=!0,e.push({label:n.label,$isGroupHeader:!0}),e.push(...n.options.map((e=>(e.$isGroupItem=!0,e)))),e):(e.push(n),e)),[]);return function(e,t){t.isOptionArray&&(t.optionProps||(t.optionProps=["value","label"]));e.some((e=>!e.$isGroupHeader&&(t.optionProps=We(e),!0)))}(n,t),n}function We(e){e.options&&(e=e.options[0]);const t=["$disabled","$isGroupHeader","$isGroupItem"];return Object.keys(e).filter((e=>!t.includes(e)))}function Ke(e){const t=e-1;return t*t*t+1}function Ue(e,{from:t,to:n},i={}){const l=getComputedStyle(e),s="none"===l.transform?"":l.transform,[r,a]=l.transformOrigin.split(" ").map(parseFloat),c=t.left+t.width*r/n.width-(n.left+r),u=t.top+t.height*a/n.height-(n.top+a),{delay:d=0,duration:f=(e=>120*Math.sqrt(e)),easing:h=Ke}=i;return{delay:d,duration:o(f)?f(Math.sqrt(c*c+u*u)):f,easing:h,css:(e,i)=>{const l=i*c,o=i*u,r=e+i*t.width/n.width,a=e+i*t.height/n.height;return`transform: ${s} translate(${l}px, ${o}px) scale(${r}, ${a});`}}}function Qe(t){let n,i,o,s,r,a,c,u;return{c(){n=O("input"),o=F(),s=O("div"),r=k(t[10]),M(n,"type","text"),M(n,"class","inputBox svelte-x1t6fd"),n.disabled=t[2],n.readOnly=i=!t[1],M(n,"id",t[0]),M(n,"style",t[9]),M(n,"placeholder",t[6]),M(s,"class","shadow-text svelte-x1t6fd"),re((()=>t[25].call(s)))},m(e,i){var l;I(e,n,i),t[23](n),_(n,t[7]),I(e,o,i),I(e,s,i),w(s,r),a=function(e,t){"static"===getComputedStyle(e).position&&(e.style.position="relative");const n=O("iframe");n.setAttribute("style","display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;"),n.setAttribute("aria-hidden","true"),n.tabIndex=-1;const i=L();let l;return i?(n.src="data:text/html,<script>onresize=function(){parent.postMessage(0,'*')}<\/script>",l=D(window,"message",(e=>{e.source===n.contentWindow&&t()}))):(n.src="about:blank",n.onload=()=>{l=D(n.contentWindow,"resize",t)}),w(e,n),()=>{(i||l&&n.contentWindow)&&l(),C(n)}}(s,t[25].bind(s)),c||(u=[D(n,"input",t[24]),D(n,"focus",t[19]),D(n,"blur",t[20]),D(n,"keydown",t[11]),D(n,"keyup",t[12]),D(n,"paste",t[21]),D(n,"change",(l=t[22],function(e){return e.stopPropagation(),l.call(this,e)}))],c=!0)},p(e,[t]){4&t&&(n.disabled=e[2]),2&t&&i!==(i=!e[1])&&(n.readOnly=i),1&t&&M(n,"id",e[0]),512&t&&M(n,"style",e[9]),64&t&&M(n,"placeholder",e[6]),128&t&&n.value!==e[7]&&_(n,e[7]),1024&t&&H(r,e[10])},i:e,o:e,d(e){e&&C(n),t[23](null),e&&C(o),e&&C(s),a(),c=!1,l(u)}}}function Je(t,n,i){let l,o,s,a,c,u,d,f=e,h=()=>(f(),f=r(w,(e=>i(27,u=e))),w),p=e,m=()=>(p(),p=r(x,(e=>i(7,d=e))),x);t.$$.on_destroy.push((()=>f())),t.$$.on_destroy.push((()=>p()));let{id:g}=n,{placeholder:$}=n,{searchable:v}=n,{disabled:y}=n,{multiple:b}=n,{inputValue:x}=n;m();let{hasDropdownOpened:w}=n;h();let{selectedOptions:S}=n,z=null,I=0;const C=X();let A=!1;return t.$$set=e=>{"id"in e&&i(0,g=e.id),"placeholder"in e&&i(14,$=e.placeholder),"searchable"in e&&i(1,v=e.searchable),"disabled"in e&&i(2,y=e.disabled),"multiple"in e&&i(15,b=e.multiple),"inputValue"in e&&m(i(3,x=e.inputValue)),"hasDropdownOpened"in e&&h(i(4,w=e.hasDropdownOpened)),"selectedOptions"in e&&i(16,S=e.selectedOptions)},t.$$.update=()=>{98304&t.$$.dirty&&i(18,l=S.length>0&&!1===b),81920&t.$$.dirty&&i(6,o=S.length>0?"":$),192&t.$$.dirty&&i(10,s=d||o),65536&t.$$.dirty&&i(17,a=0===S.length?19:12),393248&t.$$.dirty&&i(9,c=`width: ${l?2:I+a}px`)},[g,v,y,x,w,I,o,d,z,c,s,function(e){A=["Enter","Escape"].includes(e.key)&&u,C("keydown",e)},function(e){A&&(e.stopImmediatePropagation(),e.preventDefault()),A=!1},()=>z.focus(),$,b,S,a,l,function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){ee[e?"unshift":"push"]((()=>{z=e,i(8,z)}))},function(){d=this.value,x.set(d)},function(){I=this.clientWidth,i(5,I)}]}class Xe extends Ie{constructor(e){super(),ze(this,e,Je,Qe,s,{focus:13,id:0,placeholder:14,searchable:1,disabled:2,multiple:15,inputValue:3,hasDropdownOpened:4,selectedOptions:16})}get focus(){return this.$$.ctx[13]}}function Ze(e,t,n){const i=e.slice();return i[38]=t[n],i}const Ye=e=>({}),et=e=>({});function tt(e){let t,n,i,l;const o=[it,nt],s=[];function r(e,t){return e[5]&&e[6]&&e[17]?0:1}return t=r(e),n=s[t]=o[t](e),{c(){n.c(),i=E()},m(e,n){s[t].m(e,n),I(e,i,n),l=!0},p(e,l){let a=t;t=r(e),t===a?s[t].p(e,l):(pe(),$e(s[a],1,1,(()=>{s[a]=null})),me(),n=s[t],n?n.p(e,l):(n=s[t]=o[t](e),n.c()),ge(n,1),n.m(i.parentNode,i))},i(e){l||(ge(n),l=!0)},o(e){$e(n),l=!1},d(e){s[t].d(e),e&&C(i)}}}function nt(e){let t,n,i=[],l=new Map,o=e[11];const s=e=>e[38][e[14]];for(let t=0;t<o.length;t+=1){let n=Ze(e,o,t),r=s(n);l.set(r,i[t]=lt(r,n))}return{c(){for(let e=0;e<i.length;e+=1)i[e].c();t=E()},m(e,l){for(let t=0;t<i.length;t+=1)i[t].m(e,l);I(e,t,l),n=!0},p(e,n){if(575524&n[0]){o=e[11],pe();for(let e=0;e<i.length;e+=1)i[e].r();i=be(i,n,s,1,e,o,l,t.parentNode,ye,lt,t,Ze);for(let e=0;e<i.length;e+=1)i[e].a();me()}},i(e){if(!n){for(let e=0;e<o.length;e+=1)ge(i[e]);n=!0}},o(e){for(let e=0;e<i.length;e+=1)$e(i[e]);n=!1},d(e){for(let t=0;t<i.length;t+=1)i[t].d(e);e&&C(t)}}}function it(t){let n,i=t[6](t[11].length,t[11])+"";return{c(){n=k(i)},m(e,t){I(e,n,t)},p(e,t){2112&t[0]&&i!==(i=e[6](e[11].length,e[11])+"")&&H(n,i)},i:e,o:e,d(e){e&&C(n)}}}function lt(t,n){let i,l,o,s,r,a=e;var c=n[15];function u(e){return{props:{formatter:e[2],item:e[38],isSelected:!0,isMultiple:e[5],inputValue:e[19]}}}return c&&(l=new c(u(n)),l.$on("deselect",n[32])),{key:t,first:null,c(){i=O("div"),l&&xe(l.$$.fragment),o=F(),this.first=i},m(e,t){I(e,i,t),l&&we(l,i,null),w(i,o),r=!0},p(e,t){n=e;const s={};if(4&t[0]&&(s.formatter=n[2]),2048&t[0]&&(s.item=n[38]),32&t[0]&&(s.isMultiple=n[5]),524288&t[0]&&(s.inputValue=n[19]),c!==(c=n[15])){if(l){pe();const e=l;$e(e.$$.fragment,1,0,(()=>{Se(e,1)})),me()}c?(l=new c(u(n)),l.$on("deselect",n[32]),xe(l.$$.fragment),ge(l.$$.fragment,1),we(l,i,o)):l=null}else c&&l.$set(s)},r(){s=i.getBoundingClientRect()},f(){W(i),a()},a(){a(),a=G(i,s,Ue,{duration:at})},i(e){r||(l&&ge(l.$$.fragment,e),r=!0)},o(e){l&&$e(l.$$.fragment,e),r=!1},d(e){e&&C(i),l&&Se(l)}}}function ot(t){let n,i,o;return{c(){n=O("div"),n.innerHTML='<svg class="indicator-icon svelte-v9xikc" height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>',M(n,"aria-hidden","true"),M(n,"class","indicator-container close-icon svelte-v9xikc")},m(e,l){I(e,n,l),i||(o=[D(n,"mousedown",T(t[29])),D(n,"click",t[36])],i=!0)},p:e,d(e){e&&C(n),i=!1,l(o)}}}function st(e){let t;return{c(){t=O("span"),M(t,"class","indicator-separator svelte-v9xikc")},m(e,n){I(e,t,n)},d(e){e&&C(t)}}}function rt(e){let t,n,i,s,r,a,u,p,m,$,v,y,b,x;const S=e[26].icon,z=c(S,e,e[25],et);let A=e[11].length&&tt(e),k={disabled:e[3],searchable:e[1],placeholder:e[4],multiple:e[5],id:e[7],inputValue:e[8],hasDropdownOpened:e[10],selectedOptions:e[11]};r=new Xe({props:k}),e[33](r),r.$on("focus",e[22]),r.$on("blur",e[23]),r.$on("keydown",e[34]),r.$on("paste",e[35]);let E=e[0]&&e[11].length&&!e[3]&&ot(e),H=e[0]&&st();return{c(){t=O("div"),z&&z.c(),n=F(),i=O("div"),A&&A.c(),s=F(),xe(r.$$.fragment),u=F(),p=O("div"),E&&E.c(),m=F(),H&&H.c(),$=F(),v=O("div"),v.innerHTML='<svg width="20" height="20" class="indicator-icon svelte-v9xikc" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>',M(i,"class","sv-content sv-input-row svelte-v9xikc"),P(i,"has-multiSelection",e[5]),M(v,"aria-hidden","true"),M(v,"class","indicator-container svelte-v9xikc"),M(p,"class","indicator svelte-v9xikc"),P(p,"is-loading",e[12]),M(t,"class","sv-control svelte-v9xikc"),P(t,"is-active",e[20]),P(t,"is-disabled",e[3])},m(l,o){I(l,t,o),z&&z.m(t,null),w(t,n),w(t,i),A&&A.m(i,null),w(i,s),we(r,i,null),w(t,u),w(t,p),E&&E.m(p,null),w(p,m),H&&H.m(p,null),w(p,$),w(p,v),y=!0,b||(x=[g(a=e[13].call(null,i,{items:e[11],flipDurationMs:at,morphDisabled:!0})),D(i,"consider",e[30]),D(i,"finalize",e[31]),D(v,"mousedown",T(e[28])),D(t,"mousedown",T(e[27])),D(t,"click",T(e[16]))],b=!0)},p(e,n){z&&z.p&&(!y||33554432&n[0])&&f(z,S,e,e[25],y?d(S,e[25],n,Ye):h(e[25]),et),e[11].length?A?(A.p(e,n),2048&n[0]&&ge(A,1)):(A=tt(e),A.c(),ge(A,1),A.m(i,s)):A&&(pe(),$e(A,1,1,(()=>{A=null})),me());const l={};8&n[0]&&(l.disabled=e[3]),2&n[0]&&(l.searchable=e[1]),16&n[0]&&(l.placeholder=e[4]),32&n[0]&&(l.multiple=e[5]),128&n[0]&&(l.id=e[7]),256&n[0]&&(l.inputValue=e[8]),1024&n[0]&&(l.hasDropdownOpened=e[10]),2048&n[0]&&(l.selectedOptions=e[11]),r.$set(l),a&&o(a.update)&&2048&n[0]&&a.update.call(null,{items:e[11],flipDurationMs:at,morphDisabled:!0}),32&n[0]&&P(i,"has-multiSelection",e[5]),e[0]&&e[11].length&&!e[3]?E?E.p(e,n):(E=ot(e),E.c(),E.m(p,m)):E&&(E.d(1),E=null),e[0]?H||(H=st(),H.c(),H.m(p,$)):H&&(H.d(1),H=null),4096&n[0]&&P(p,"is-loading",e[12]),1048576&n[0]&&P(t,"is-active",e[20]),8&n[0]&&P(t,"is-disabled",e[3])},i(e){y||(ge(z,e),ge(A),ge(r.$$.fragment,e),y=!0)},o(e){$e(z,e),$e(A),$e(r.$$.fragment,e),y=!1},d(n){n&&C(t),z&&z.d(n),A&&A.d(),e[33](null),Se(r),E&&E.d(),H&&H.d(),b=!1,l(x)}}}const at=100;function ct(t,n,i){let l,o,s,a=e,c=()=>(a(),a=r(C,(e=>i(19,l=e))),C),u=e,d=()=>(u(),u=r(O,(e=>i(37,o=e))),O),f=e,h=()=>(f(),f=r(A,(e=>i(20,s=e))),A);t.$$.on_destroy.push((()=>a())),t.$$.on_destroy.push((()=>u())),t.$$.on_destroy.push((()=>f()));let{$$slots:p={},$$scope:g}=n,{clearable:$}=n,{searchable:v}=n,{renderer:y}=n,{disabled:b}=n,{placeholder:x}=n,{multiple:w}=n,{resetOnBlur:S}=n,{collapseSelection:z}=n,{id:I}=n,{inputValue:C}=n;c();let{hasFocus:A}=n;h();let{hasDropdownOpened:O}=n;d();let{selectedOptions:k}=n,{isFetchingData:F}=n,{dndzone:E}=n,{currentValueField:D}=n,{itemComponent:T}=n;const M=X();let H,_=!0;return t.$$set=e=>{"clearable"in e&&i(0,$=e.clearable),"searchable"in e&&i(1,v=e.searchable),"renderer"in e&&i(2,y=e.renderer),"disabled"in e&&i(3,b=e.disabled),"placeholder"in e&&i(4,x=e.placeholder),"multiple"in e&&i(5,w=e.multiple),"resetOnBlur"in e&&i(24,S=e.resetOnBlur),"collapseSelection"in e&&i(6,z=e.collapseSelection),"id"in e&&i(7,I=e.id),"inputValue"in e&&c(i(8,C=e.inputValue)),"hasFocus"in e&&h(i(9,A=e.hasFocus)),"hasDropdownOpened"in e&&d(i(10,O=e.hasDropdownOpened)),"selectedOptions"in e&&i(11,k=e.selectedOptions),"isFetchingData"in e&&i(12,F=e.isFetchingData),"dndzone"in e&&i(13,E=e.dndzone),"currentValueField"in e&&i(14,D=e.currentValueField),"itemComponent"in e&&i(15,T=e.itemComponent),"$$scope"in e&&i(25,g=e.$$scope)},[$,v,y,b,x,w,z,I,C,A,O,k,F,E,D,T,function(e){if(!b)return e?void(s?m(O,o=!o,o):H.focus()):(!s&&H.focus(),void m(O,o=!0,o))},_,H,l,s,M,function(){m(A,s=!0,s),m(O,o=!0,o),setTimeout((()=>{i(17,_=!1)}),150)},function(){m(A,s=!1,s),m(O,o=!1,o),S&&m(C,l="",l),setTimeout((()=>{i(17,_=!0)}),100),M("blur")},S,g,p,function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){ee[e?"unshift":"push"]((()=>{H=e,i(18,H)}))},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},()=>M("deselect")]}class ut extends Ie{constructor(e){super(),ze(this,e,ct,rt,s,{clearable:0,searchable:1,renderer:2,disabled:3,placeholder:4,multiple:5,resetOnBlur:24,collapseSelection:6,id:7,inputValue:8,hasFocus:9,hasDropdownOpened:10,selectedOptions:11,isFetchingData:12,dndzone:13,currentValueField:14,itemComponent:15,focusControl:16},null,[-1,-1])}get focusControl(){return this.$$.ctx[16]}}const dt="start",ft="center",ht="end",pt={HORIZONTAL:"horizontal",VERTICAL:"vertical"},mt=0,gt=1,$t={[pt.VERTICAL]:"scrollTop",[pt.HORIZONTAL]:"scrollLeft"};class vt{constructor({itemSize:e,itemCount:t,estimatedItemSize:n}){this.itemSize=e,this.itemCount=t,this.estimatedItemSize=n,this.itemSizeAndPositionData={},this.lastMeasuredIndex=-1,this.checkForMismatchItemSizeAndItemCount(),this.justInTime||this.computeTotalSizeAndPositionData()}get justInTime(){return"function"==typeof this.itemSize}updateConfig({itemSize:e,itemCount:t,estimatedItemSize:n}){null!=t&&(this.itemCount=t),null!=n&&(this.estimatedItemSize=n),null!=e&&(this.itemSize=e),this.checkForMismatchItemSizeAndItemCount(),this.justInTime&&null!=this.totalSize?this.totalSize=void 0:this.computeTotalSizeAndPositionData()}checkForMismatchItemSizeAndItemCount(){if(Array.isArray(this.itemSize)&&this.itemSize.length<this.itemCount)throw Error("When itemSize is an array, itemSize.length can't be smaller than itemCount")}getSize(e){const{itemSize:t}=this;return"function"==typeof t?t(e):Array.isArray(t)?t[e]:t}computeTotalSizeAndPositionData(){let e=0;for(let t=0;t<this.itemCount;t++){const n=this.getSize(t),i=e;e+=n,this.itemSizeAndPositionData[t]={offset:i,size:n}}this.totalSize=e}getLastMeasuredIndex(){return this.lastMeasuredIndex}getSizeAndPositionForIndex(e){if(e<0||e>=this.itemCount)throw Error(`Requested index ${e} is outside of range 0..${this.itemCount}`);return this.justInTime?this.getJustInTimeSizeAndPositionForIndex(e):this.itemSizeAndPositionData[e]}getJustInTimeSizeAndPositionForIndex(e){if(e>this.lastMeasuredIndex){const t=this.getSizeAndPositionOfLastMeasuredItem();let n=t.offset+t.size;for(let t=this.lastMeasuredIndex+1;t<=e;t++){const e=this.getSize(t);if(null==e||isNaN(e))throw Error(`Invalid size returned for index ${t} of value ${e}`);this.itemSizeAndPositionData[t]={offset:n,size:e},n+=e}this.lastMeasuredIndex=e}return this.itemSizeAndPositionData[e]}getSizeAndPositionOfLastMeasuredItem(){return this.lastMeasuredIndex>=0?this.itemSizeAndPositionData[this.lastMeasuredIndex]:{offset:0,size:0}}getTotalSize(){if(this.totalSize)return this.totalSize;const e=this.getSizeAndPositionOfLastMeasuredItem();return e.offset+e.size+(this.itemCount-this.lastMeasuredIndex-1)*this.estimatedItemSize}getUpdatedOffsetForIndex({align:e=dt,containerSize:t,currentOffset:n,targetIndex:i}){if(t<=0)return 0;const l=this.getSizeAndPositionForIndex(i),o=l.offset,s=o-t+l.size;let r;switch(e){case ht:r=s;break;case ft:r=o-(t-l.size)/2;break;case dt:r=o;break;default:r=Math.max(s,Math.min(o,n))}const a=this.getTotalSize();return Math.max(0,Math.min(a-t,r))}getVisibleRange({containerSize:e=0,offset:t,overscanCount:n}){if(0===this.getTotalSize())return{};const i=t+e;let l=this.findNearestItem(t);if(void 0===l)throw Error(`Invalid offset ${t} specified`);const o=this.getSizeAndPositionForIndex(l);t=o.offset+o.size;let s=l;for(;t<i&&s<this.itemCount-1;)s++,t+=this.getSizeAndPositionForIndex(s).size;return n&&(l=Math.max(0,l-n),s=Math.min(s+n,this.itemCount-1)),{start:l,stop:s}}resetItem(e){this.lastMeasuredIndex=Math.min(this.lastMeasuredIndex,e-1)}findNearestItem(e){if(isNaN(e))throw Error(`Invalid offset ${e} specified`);e=Math.max(0,e);const t=this.getSizeAndPositionOfLastMeasuredItem(),n=Math.max(0,this.lastMeasuredIndex);return t.offset>=e?this.binarySearch({high:n,low:0,offset:e}):this.exponentialSearch({index:n,offset:e})}binarySearch({low:e,high:t,offset:n}){let i=0,l=0;for(;e<=t;){if(i=e+Math.floor((t-e)/2),l=this.getSizeAndPositionForIndex(i).offset,l===n)return i;l<n?e=i+1:l>n&&(t=i-1)}return e>0?e-1:0}exponentialSearch({index:e,offset:t}){let n=1;for(;e<this.itemCount&&this.getSizeAndPositionForIndex(e).offset<t;)e+=n,n*=2;return this.binarySearch({high:Math.min(e,this.itemCount-1),low:Math.floor(e/2),offset:t})}}const yt=e=>({}),bt=e=>({});function xt(e,t,n){const i=e.slice();return i[36]=t[n],i}const wt=e=>({style:4&e[0],index:4&e[0]}),St=e=>({style:e[36].style,index:e[36].index}),zt=e=>({}),It=e=>({});function Ct(e,t){let n,i;const l=t[20].item,o=c(l,t,t[19],St);return{key:e,first:null,c(){n=E(),o&&o.c(),this.first=n},m(e,t){I(e,n,t),o&&o.m(e,t),i=!0},p(e,n){t=e,o&&o.p&&(!i||524292&n[0])&&f(o,l,t,t[19],i?d(l,t[19],n,wt):h(t[19]),St)},i(e){i||(ge(o,e),i=!0)},o(e){$e(o,e),i=!1},d(e){e&&C(n),o&&o.d(e)}}}function At(e){let t,n,i,l,o,s=[],r=new Map;const a=e[20].header,u=c(a,e,e[19],It);let p=e[2];const m=e=>e[0]?e[0](e[36].index):e[36].index;for(let t=0;t<p.length;t+=1){let n=xt(e,p,t),i=m(n);r.set(i,s[t]=Ct(i,n))}const g=e[20].footer,$=c(g,e,e[19],bt);return{c(){t=O("div"),u&&u.c(),n=F(),i=O("div");for(let e=0;e<s.length;e+=1)s[e].c();l=F(),$&&$.c(),M(i,"class","virtual-list-inner svelte-1he1ex4"),M(i,"style",e[4]),M(t,"class","virtual-list-wrapper svelte-1he1ex4"),M(t,"style",e[3])},m(r,a){I(r,t,a),u&&u.m(t,null),w(t,n),w(t,i);for(let e=0;e<s.length;e+=1)s[e].m(i,null);w(t,l),$&&$.m(t,null),e[21](t),o=!0},p(e,n){u&&u.p&&(!o||524288&n[0])&&f(u,a,e,e[19],o?d(a,e[19],n,zt):h(e[19]),It),524293&n[0]&&(p=e[2],pe(),s=be(s,n,m,1,e,p,r,i,ve,Ct,null,xt),me()),(!o||16&n[0])&&M(i,"style",e[4]),$&&$.p&&(!o||524288&n[0])&&f($,g,e,e[19],o?d(g,e[19],n,yt):h(e[19]),bt),(!o||8&n[0])&&M(t,"style",e[3])},i(e){if(!o){ge(u,e);for(let e=0;e<p.length;e+=1)ge(s[e]);ge($,e),o=!0}},o(e){$e(u,e);for(let e=0;e<s.length;e+=1)$e(s[e]);$e($,e),o=!1},d(n){n&&C(t),u&&u.d(n);for(let e=0;e<s.length;e+=1)s[e].d();$&&$.d(n),e[21](null)}}}const Ot=(()=>{let e=!1;try{const t=Object.defineProperty({},"passive",{get:()=>(e={passive:!0},!0)});window.addEventListener("testpassive",t,t),window.remove("testpassive",t,t)}catch(e){}return e})();function kt(e,t,n){let{$$slots:i={},$$scope:l}=t,{height:o}=t,{width:s="100%"}=t,{itemCount:r}=t,{itemSize:a}=t,{estimatedItemSize:c=null}=t,{stickyIndices:u=null}=t,{getKey:d=null}=t,{scrollDirection:f=pt.VERTICAL}=t,{scrollOffset:h=null}=t,{scrollToIndex:p=null}=t,{scrollToAlignment:m=null}=t,{overscanCount:g=3}=t;const $=X(),v=new vt({itemCount:r,itemSize:a,estimatedItemSize:T()});let y,b=!1,x=[],w={offset:h||null!=p&&x.length&&E(p)||0,scrollChangeReason:gt},S=w,z={scrollToIndex:p,scrollToAlignment:m,scrollOffset:h,itemCount:r,itemSize:a,estimatedItemSize:c},I={},C="",A="";function O(){const{offset:e}=w,{start:t,stop:i}=v.getVisibleRange({containerSize:f===pt.VERTICAL?o:s,offset:e,overscanCount:g});let l=[];const r=v.getTotalSize();f===pt.VERTICAL?(n(3,C=`height:${o}px;width:${s};`),n(4,A=`flex-direction:column;height:${r}px;`)):(n(3,C=`height:${o};width:${s}px`),n(4,A=`width:${r}px;`));const a=null!=u&&0!==u.length;if(a)for(let e=0;e<u.length;e++){const t=u[e];l.push({index:t,style:M(t,!0)})}if(void 0!==t&&void 0!==i){for(let e=t;e<=i;e++)a&&u.includes(e)||l.push({index:e,style:M(e,!1)});$("itemsUpdated",{startIndex:t,stopIndex:i})}n(2,x=l)}function k(e){n(1,y[$t[f]]=e,y)}function F(e=0){I={},v.resetItem(e),O()}function E(e,t=m,n=r){return(e<0||e>=n)&&(e=0),v.getUpdatedOffsetForIndex({align:t,containerSize:f===pt.VERTICAL?o:s,currentOffset:w.offset||0,targetIndex:e})}function D(e){const t=y[$t[f]];t<0||w.offset===t||e.target!==y||(n(18,w={offset:t,scrollChangeReason:mt}),$("afterScroll",{offset:t,event:e}))}function T(){return c||"number"==typeof a&&a||50}function M(e,t){if(I[e])return I[e];const{size:n,offset:i}=v.getSizeAndPositionForIndex(e);let l;return f===pt.VERTICAL?(l=`left:0;width:100%;height:${n}px;`,l+=t?`position:sticky;flex-grow:0;z-index:1;top:0;margin-top:${i}px;margin-bottom:${-(i+n)}px;`:`position:absolute;top:${i}px;`):(l=`top:0;width:${n}px;`,l+=t?`position:sticky;z-index:1;left:0;margin-left:${i}px;margin-right:${-(i+n)}px;`:`position:absolute;height:100%;left:${i}px;`),I[e]=l}return O(),Q((()=>{n(17,b=!0),y.addEventListener("scroll",D,Ot),null!=h?k(h):null!=p&&k(E(p))})),J((()=>{b&&y.removeEventListener("scroll",D)})),e.$$set=e=>{"height"in e&&n(5,o=e.height),"width"in e&&n(6,s=e.width),"itemCount"in e&&n(7,r=e.itemCount),"itemSize"in e&&n(8,a=e.itemSize),"estimatedItemSize"in e&&n(9,c=e.estimatedItemSize),"stickyIndices"in e&&n(10,u=e.stickyIndices),"getKey"in e&&n(0,d=e.getKey),"scrollDirection"in e&&n(11,f=e.scrollDirection),"scrollOffset"in e&&n(12,h=e.scrollOffset),"scrollToIndex"in e&&n(13,p=e.scrollToIndex),"scrollToAlignment"in e&&n(14,m=e.scrollToAlignment),"overscanCount"in e&&n(15,g=e.overscanCount),"$$scope"in e&&n(19,l=e.$$scope)},e.$$.update=()=>{29568&e.$$.dirty[0]&&function(){if(!b)return;const e=z.scrollToIndex!==p||z.scrollToAlignment!==m,t=z.itemCount!==r||z.itemSize!==a||z.estimatedItemSize!==c;t&&(v.updateConfig({itemSize:a,itemCount:r,estimatedItemSize:T()}),F()),z.scrollOffset!==h?n(18,w={offset:h||0,scrollChangeReason:gt}):"number"==typeof p&&(e||t)&&n(18,w={offset:E(p,m,r),scrollChangeReason:gt}),z={scrollToIndex:p,scrollToAlignment:m,scrollOffset:h,itemCount:r,itemSize:a,estimatedItemSize:c}}(),262144&e.$$.dirty[0]&&function(){if(!b)return;const{offset:e,scrollChangeReason:t}=w;S.offset===e&&S.scrollChangeReason===t||O(),S.offset!==e&&t===gt&&k(e),S=w}(),132192&e.$$.dirty[0]&&b&&F(o)},[d,y,x,C,A,o,s,r,a,c,u,f,h,p,m,g,F,b,w,l,i,function(e){ee[e?"unshift":"push"]((()=>{y=e,n(1,y)}))}]}class Ft extends Ie{constructor(e){super(),ze(this,e,kt,At,s,{height:5,width:6,itemCount:7,itemSize:8,estimatedItemSize:9,stickyIndices:10,getKey:0,scrollDirection:11,scrollOffset:12,scrollToIndex:13,scrollToAlignment:14,overscanCount:15,recomputeSizes:16},null,[-1,-1])}get recomputeSizes(){return this.$$.ctx[16]}}function Et(e,t,n){const i=e.slice();return i[47]=t[n],i[49]=n,i}function Dt(e){let t,n,i,l,o,s,r,a,c=e[5].length&&Tt(e),u=(e[17]||e[2])&&Lt(e),d=e[8]&&e[1]&&!e[2]&&Pt(e);return{c(){t=O("div"),n=O("div"),i=O("div"),c&&c.c(),l=F(),u&&u.c(),o=F(),d&&d.c(),M(i,"class","sv-dropdown-content svelte-aqpko7"),P(i,"max-reached",e[2]),M(n,"class","sv-dropdown-scroll svelte-aqpko7"),P(n,"is-empty",!e[5].length),M(t,"class","sv-dropdown svelte-aqpko7"),M(t,"aria-expanded",e[25]),M(t,"tabindex","-1"),P(t,"is-virtual",e[7])},m(f,h){I(f,t,h),w(t,n),w(n,i),c&&c.m(i,null),w(i,l),u&&u.m(i,null),e[39](i),e[40](n),w(t,o),d&&d.m(t,null),s=!0,r||(a=D(t,"mousedown",T(e[33])),r=!0)},p(e,o){e[5].length?c?(c.p(e,o),32&o[0]&&ge(c,1)):(c=Tt(e),c.c(),ge(c,1),c.m(i,l)):c&&(pe(),$e(c,1,1,(()=>{c=null})),me()),e[17]||e[2]?u?u.p(e,o):(u=Lt(e),u.c(),u.m(i,null)):u&&(u.d(1),u=null),4&o[0]&&P(i,"max-reached",e[2]),32&o[0]&&P(n,"is-empty",!e[5].length),e[8]&&e[1]&&!e[2]?d?d.p(e,o):(d=Pt(e),d.c(),d.m(t,null)):d&&(d.d(1),d=null),(!s||33554432&o[0])&&M(t,"aria-expanded",e[25]),128&o[0]&&P(t,"is-virtual",e[7])},i(e){s||(ge(c),s=!0)},o(e){$e(c),s=!1},d(n){n&&C(t),c&&c.d(),u&&u.d(),e[39](null),e[40](null),d&&d.d(),r=!1,a()}}}function Tt(e){let t,n,i,l;const o=[Ht,Mt],s=[];function r(e,t){return e[7]?0:1}return t=r(e),n=s[t]=o[t](e),{c(){n.c(),i=E()},m(e,n){s[t].m(e,n),I(e,i,n),l=!0},p(e,l){let a=t;t=r(e),t===a?s[t].p(e,l):(pe(),$e(s[a],1,1,(()=>{s[a]=null})),me(),n=s[t],n?n.p(e,l):(n=s[t]=o[t](e),n.c()),ge(n,1),n.m(i.parentNode,i))},i(e){l||(ge(n),l=!0)},o(e){$e(n),l=!1},d(e){s[t].d(e),e&&C(i)}}}function Mt(e){let t,n,i=e[5],l=[];for(let t=0;t<i.length;t+=1)l[t]=_t(Et(e,i,t));const o=e=>$e(l[e],1,1,(()=>{l[e]=null}));return{c(){for(let e=0;e<l.length;e+=1)l[e].c();t=E()},m(e,i){for(let t=0;t<l.length;t+=1)l[t].m(e,i);I(e,t,i),n=!0},p(e,n){if(37689&n[0]){let s;for(i=e[5],s=0;s<i.length;s+=1){const o=Et(e,i,s);l[s]?(l[s].p(o,n),ge(l[s],1)):(l[s]=_t(o),l[s].c(),ge(l[s],1),l[s].m(t.parentNode,t))}for(pe(),s=i.length;s<l.length;s+=1)o(s);me()}},i(e){if(!n){for(let e=0;e<i.length;e+=1)ge(l[e]);n=!0}},o(e){l=l.filter(Boolean);for(let e=0;e<l.length;e+=1)$e(l[e]);n=!1},d(e){A(l,e),e&&C(t)}}}function Ht(e){let t,n,i={width:"100%",height:e[23],itemCount:e[5].length,itemSize:e[19],scrollToAlignment:"auto",scrollToIndex:e[0]?parseInt(e[0]):null,$$slots:{item:[Rt,({style:e,index:t})=>({45:e,46:t}),({style:e,index:t})=>[0,(e?16384:0)|(t?32768:0)]]},$$scope:{ctx:e}};return t=new Ft({props:i}),e[36](t),{c(){xe(t.$$.fragment)},m(e,i){we(t,e,i),n=!0},p(e,n){const i={};8388608&n[0]&&(i.height=e[23]),32&n[0]&&(i.itemCount=e[5].length),524288&n[0]&&(i.itemSize=e[19]),1&n[0]&&(i.scrollToIndex=e[0]?parseInt(e[0]):null),37689&n[0]|573440&n[1]&&(i.$$scope={dirty:n,ctx:e}),t.$set(i)},i(e){n||(ge(t.$$.fragment,e),n=!0)},o(e){$e(t.$$.fragment,e),n=!1},d(n){e[36](null),Se(t,n)}}}function _t(e){let t,n,i,l,o;var s=e[15];function r(e){return{props:{formatter:e[3],index:e[9].map[e[49]],isDisabled:e[47][e[12]],item:e[47],inputValue:e[8],disableHighlight:e[4]}}}return s&&(n=new s(r(e)),n.$on("hover",e[37]),n.$on("select",e[38])),{c(){t=O("div"),n&&xe(n.$$.fragment),i=F(),M(t,"data-pos",l=e[9].map[e[49]]),M(t,"class","sv-dd-item"),P(t,"sv-dd-item-active",e[9].map[e[49]]==e[0]),P(t,"sv-group-item",e[47].$isGroupItem),P(t,"sv-group-header",e[47].$isGroupHeader)},m(e,l){I(e,t,l),n&&we(n,t,null),w(t,i),o=!0},p(e,a){const c={};if(8&a[0]&&(c.formatter=e[3]),512&a[0]&&(c.index=e[9].map[e[49]]),4128&a[0]&&(c.isDisabled=e[47][e[12]]),32&a[0]&&(c.item=e[47]),256&a[0]&&(c.inputValue=e[8]),16&a[0]&&(c.disableHighlight=e[4]),s!==(s=e[15])){if(n){pe();const e=n;$e(e.$$.fragment,1,0,(()=>{Se(e,1)})),me()}s?(n=new s(r(e)),n.$on("hover",e[37]),n.$on("select",e[38]),xe(n.$$.fragment),ge(n.$$.fragment,1),we(n,t,i)):n=null}else s&&n.$set(c);(!o||512&a[0]&&l!==(l=e[9].map[e[49]]))&&M(t,"data-pos",l),513&a[0]&&P(t,"sv-dd-item-active",e[9].map[e[49]]==e[0]),32&a[0]&&P(t,"sv-group-item",e[47].$isGroupItem),32&a[0]&&P(t,"sv-group-header",e[47].$isGroupHeader)},i(e){o||(n&&ge(n.$$.fragment,e),o=!0)},o(e){n&&$e(n.$$.fragment,e),o=!1},d(e){e&&C(t),n&&Se(n)}}}function Rt(e){let t,n,i,l;var o=e[15];function s(e){return{props:{formatter:e[3],index:e[9].map[e[46]],isDisabled:e[5][e[46]][e[12]],item:e[5][e[46]],inputValue:e[8],disableHighlight:e[4]}}}return o&&(n=new o(s(e)),n.$on("hover",e[34]),n.$on("select",e[35])),{c(){t=O("div"),n&&xe(n.$$.fragment),M(t,"slot","item"),M(t,"style",i=e[45]),M(t,"class","sv-dd-item"),P(t,"sv-dd-item-active",e[46]==e[0]),P(t,"sv-group-item",e[5][e[46]].$isGroupItem),P(t,"sv-group-header",e[5][e[46]].$isGroupHeader)},m(e,i){I(e,t,i),n&&we(n,t,null),l=!0},p(e,r){const a={};if(8&r[0]&&(a.formatter=e[3]),512&r[0]|32768&r[1]&&(a.index=e[9].map[e[46]]),4128&r[0]|32768&r[1]&&(a.isDisabled=e[5][e[46]][e[12]]),32&r[0]|32768&r[1]&&(a.item=e[5][e[46]]),256&r[0]&&(a.inputValue=e[8]),16&r[0]&&(a.disableHighlight=e[4]),o!==(o=e[15])){if(n){pe();const e=n;$e(e.$$.fragment,1,0,(()=>{Se(e,1)})),me()}o?(n=new o(s(e)),n.$on("hover",e[34]),n.$on("select",e[35]),xe(n.$$.fragment),ge(n.$$.fragment,1),we(n,t,null)):n=null}else o&&n.$set(a);(!l||16384&r[1]&&i!==(i=e[45]))&&M(t,"style",i),1&r[0]|32768&r[1]&&P(t,"sv-dd-item-active",e[46]==e[0]),32&r[0]|32768&r[1]&&P(t,"sv-group-item",e[5][e[46]].$isGroupItem),32&r[0]|32768&r[1]&&P(t,"sv-group-header",e[5][e[46]].$isGroupHeader)},i(e){l||(n&&ge(n.$$.fragment,e),l=!0)},o(e){n&&$e(n.$$.fragment,e),l=!1},d(e){e&&C(t),n&&Se(n)}}}function Lt(e){let t,n;return{c(){t=O("div"),n=k(e[11]),M(t,"class","empty-list-row svelte-aqpko7")},m(e,i){I(e,t,i),w(t,n)},p(e,t){2048&t[0]&&H(n,e[11])},d(e){e&&C(t)}}}function Pt(e){let t,n,i,s,r,a,c=e[13](e[8])+"",u=e[24]!=e[0]&&Vt(e);return{c(){t=O("div"),n=O("div"),i=new V,s=F(),u&&u.c(),i.a=s,M(n,"class","creatable-row svelte-aqpko7"),P(n,"active",e[24]==e[0]),P(n,"is-disabled",e[6].includes(e[8])),M(t,"class","creatable-row-wrap svelte-aqpko7")},m(l,d){I(l,t,d),w(t,n),i.m(c,n),w(n,s),u&&u.m(n,null),r||(a=[D(n,"click",(function(){o(e[26]("select",e[8]))&&e[26]("select",e[8]).apply(this,arguments)})),D(n,"mouseenter",(function(){o(e[26]("hover",e[9].last))&&e[26]("hover",e[9].last).apply(this,arguments)}))],r=!0)},p(t,l){e=t,8448&l[0]&&c!==(c=e[13](e[8])+"")&&i.p(c),e[24]!=e[0]?u?u.p(e,l):(u=Vt(e),u.c(),u.m(n,null)):u&&(u.d(1),u=null),16777217&l[0]&&P(n,"active",e[24]==e[0]),320&l[0]&&P(n,"is-disabled",e[6].includes(e[8]))},d(e){e&&C(t),u&&u.d(),r=!1,l(a)}}}function Vt(e){let t,n,i,l,o;return{c(){t=O("span"),n=O("kbd"),i=k(e[14]),l=k("+"),o=O("kbd"),o.textContent="Enter",M(n,"class","svelte-aqpko7"),M(o,"class","svelte-aqpko7"),M(t,"class","shortcut svelte-aqpko7")},m(e,s){I(e,t,s),w(t,n),w(n,i),w(t,l),w(t,o)},p(e,t){16384&t[0]&&H(i,e[14])},d(e){e&&C(t)}}}function Bt(e){let t,n,i=e[16]&&e[18]&&Dt(e);return{c(){i&&i.c(),t=E()},m(e,l){i&&i.m(e,l),I(e,t,l),n=!0},p(e,n){e[16]&&e[18]?i?(i.p(e,n),327680&n[0]&&ge(i,1)):(i=Dt(e),i.c(),ge(i,1),i.m(t.parentNode,t)):i&&(pe(),$e(i,1,1,(()=>{i=null})),me())},i(e){n||(ge(i),n=!0)},o(e){$e(i),n=!1},d(e){i&&i.d(e),e&&C(t)}}}function Nt(t,n,i){let l,o,s,a=e,c=()=>(a(),a=r(S,(e=>i(25,s=e))),S);t.$$.on_destroy.push((()=>a()));let{lazyDropdown:u}=n,{creatable:d}=n,{maxReached:f=!1}=n,{dropdownIndex:h=0}=n,{renderer:p}=n,{disableHighlight:m}=n,{items:g=[]}=n,{alreadyCreated:$}=n,{virtualList:v}=n,{vlItemSize:y}=n,{vlHeight:b}=n,{inputValue:x}=n,{listIndex:w}=n,{hasDropdownOpened:S}=n;c();let{listMessage:z}=n,{disabledField:I}=n,{createLabel:C}=n,{metaKey:A}=n,{itemComponent:O}=n;function k(e){if(v)return;const t=E.querySelector(`[data-pos="${h}"]`);if(!t)return;const n=t.getBoundingClientRect(),l=D.getBoundingClientRect(),o=t.offsetHeight/3,s=e&&e.center?D.offsetHeight/2:0;switch(!0){case t.offsetTop<D.scrollTop:i(21,D.scrollTop=t.offsetTop-o+s,D);break;case t.offsetTop+n.height>D.scrollTop+l.height:i(21,D.scrollTop=t.offsetTop+n.height-D.offsetHeight+o+s,D)}}const F=X();let E,D,T,M=!1,H=!1,_=!u,R=b,L=y,P=null===b&&null===y;function V(e){if(!D&&!_)return;const t=function(e){if(!e)return!1;const t=e.getBoundingClientRect(),n={};return n.top=t.top<0||t.top-t.height<0,n.left=t.left<0,n.bottom=t.bottom>(window.innerHeight||document.documentElement.clientHeight),n.right=t.right>(window.innerWidth||document.documentElement.clientWidth),n.any=n.top||n.left||n.bottom||n.right,n}(D.parentElement);t.bottom&&!t.top?i(21,D.parentElement.style.bottom=D.parentElement.parentElement.clientHeight+1+"px",D):e&&!t.top||i(21,D.parentElement.style.bottom="",D)}function B(){if(!T)return;const e=(e,t)=>{const n=window.getComputedStyle(e);let{groups:{value:i,unit:l}}=n[t].match(/(?<value>\d+)(?<unit>[a-zA-Z]+)/);if(i=parseFloat(i),"px"!==l){const e="rem"===l?document.documentElement:D.parentElement.parentElement;i*=parseFloat(window.getComputedStyle(e).fontSize.match(/\d+/).shift())}return i};i(32,R=e(D,"maxHeight")-e(D,"paddingTop")-e(D,"paddingBottom")),i(21,D.parentElement.style="opacity: 0; display: block",D);const t=T.$$.ctx[1].firstElementChild.firstElementChild;if(t){t.style="";const e=t.getBoundingClientRect().height,n=T.$$.ctx[1].firstElementChild.firstElementChild.nextElementSibling;let l;if(n&&(n.style="",l=n.getBoundingClientRect().height),e!==l){const t=g[0].$isGroupHeader?e:l,n=g[0].$isGroupHeader?l:e;i(19,L=g.map((e=>e.$isGroupHeader?t:n)))}else i(19,L=e)}i(21,D.parentElement.style="",D)}let N=()=>{};return Q((()=>{N=S.subscribe((e=>{!_&&e&&i(18,_=!0),se().then((()=>{V(e),e&&k({center:!0})})),document[e?"addEventListener":"removeEventListener"]("scroll",(()=>V(e)),{passive:!0})})),i(16,M=!0)})),J((()=>N())),t.$$set=e=>{"lazyDropdown"in e&&i(27,u=e.lazyDropdown),"creatable"in e&&i(1,d=e.creatable),"maxReached"in e&&i(2,f=e.maxReached),"dropdownIndex"in e&&i(0,h=e.dropdownIndex),"renderer"in e&&i(3,p=e.renderer),"disableHighlight"in e&&i(4,m=e.disableHighlight),"items"in e&&i(5,g=e.items),"alreadyCreated"in e&&i(6,$=e.alreadyCreated),"virtualList"in e&&i(7,v=e.virtualList),"vlItemSize"in e&&i(28,y=e.vlItemSize),"vlHeight"in e&&i(29,b=e.vlHeight),"inputValue"in e&&i(8,x=e.inputValue),"listIndex"in e&&i(9,w=e.listIndex),"hasDropdownOpened"in e&&c(i(10,S=e.hasDropdownOpened)),"listMessage"in e&&i(11,z=e.listMessage),"disabledField"in e&&i(12,I=e.disabledField),"createLabel"in e&&i(13,C=e.createLabel),"metaKey"in e&&i(14,A=e.metaKey),"itemComponent"in e&&i(15,O=e.itemComponent)},t.$$.update=()=>{32&t.$$.dirty[0]&&i(24,l=g.length),459170&t.$$.dirty[0]&&(i(17,H=g.length<1&&(!d||!x)),v&&P&&M&&_&&(H&&i(0,h=null),i(19,L=0),se().then(B).then(V))),524320&t.$$.dirty[0]|2&t.$$.dirty[1]&&i(23,o=Math.min(R,Array.isArray(L)?L.reduce(((e,t)=>e+=t),0):g.length*L))},[h,d,f,p,m,g,$,v,x,w,S,z,I,C,A,O,M,H,_,L,E,D,T,o,l,s,F,u,y,b,k,function(){return v?[D.offsetHeight,L]:[D.offsetHeight,E.firstElementChild.offsetHeight]},R,function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){ee[e?"unshift":"push"]((()=>{T=e,i(22,T)}))},function(e){Z.call(this,t,e)},function(e){Z.call(this,t,e)},function(e){ee[e?"unshift":"push"]((()=>{E=e,i(20,E)}))},function(e){ee[e?"unshift":"push"]((()=>{D=e,i(21,D)}))}]}class qt extends Ie{constructor(e){super(),ze(this,e,Nt,Bt,s,{lazyDropdown:27,creatable:1,maxReached:2,dropdownIndex:0,renderer:3,disableHighlight:4,items:5,alreadyCreated:6,virtualList:7,vlItemSize:28,vlHeight:29,inputValue:8,listIndex:9,hasDropdownOpened:10,listMessage:11,disabledField:12,createLabel:13,metaKey:14,itemComponent:15,scrollIntoView:30,getDimensions:31},null,[-1,-1])}get scrollIntoView(){return this.$$.ctx[30]}get getDimensions(){return this.$$.ctx[31]}}function jt(t){let n;return{c(){n=O("button"),n.innerHTML='<svg height="16" width="16" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="svelte-w7c5vi"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>',M(n,"class","sv-item-btn svelte-w7c5vi"),M(n,"tabindex","-1"),M(n,"data-action","deselect"),M(n,"type","button")},m(e,t){I(e,n,t)},p:e,i:e,o:e,d(e){e&&C(n)}}}class Gt extends Ie{constructor(e){super(),ze(this,e,null,jt,s,{})}}const Wt=e=>e.preventDefault();function Kt(e,{item:t,index:n}){function i(n){const i=n.target.closest('[data-action="deselect"]')?"deselect":"select";e.dispatchEvent(new CustomEvent(i,{bubble:!0,detail:t}))}function l(){e.dispatchEvent(new CustomEvent("hover",{detail:n}))}return e.onmousedown=Wt,e.onclick=i,e.addEventListener("mouseenter",l),{update(e){t=e.item,n=e.index},destroy(){e.removeEventListener("mousedown",Wt),e.removeEventListener("click",i),e.removeEventListener("mouseenter",l)}}}function Ut(e){let t,n,i,s,r,a,c,u,d=(e[3]?`<div class="sv-item-content">${e[6](e[2],e[3],e[0])}</div>`:Re(e[2],e[3],e[0],e[6],e[7]))+"",f=e[3]&&e[5]&&Jt();return{c(){t=O("div"),n=new V,i=F(),f&&f.c(),n.a=i,M(t,"class","sv-item"),M(t,"title",s=e[2].$created?"Created item":""),P(t,"is-disabled",e[4])},m(l,o){I(l,t,o),n.m(d,t),w(t,i),f&&f.m(t,null),a=!0,c||(u=[g(r=Kt.call(null,t,{item:e[2],index:e[1]})),D(t,"select",e[9]),D(t,"deselect",e[10]),D(t,"hover",e[11])],c=!0)},p(e,i){(!a||205&i)&&d!==(d=(e[3]?`<div class="sv-item-content">${e[6](e[2],e[3],e[0])}</div>`:Re(e[2],e[3],e[0],e[6],e[7]))+"")&&n.p(d),e[3]&&e[5]?f?40&i&&ge(f,1):(f=Jt(),f.c(),ge(f,1),f.m(t,null)):f&&(pe(),$e(f,1,1,(()=>{f=null})),me()),(!a||4&i&&s!==(s=e[2].$created?"Created item":""))&&M(t,"title",s),r&&o(r.update)&&6&i&&r.update.call(null,{item:e[2],index:e[1]}),16&i&&P(t,"is-disabled",e[4])},i(e){a||(ge(f),a=!0)},o(e){$e(f),a=!1},d(e){e&&C(t),f&&f.d(),c=!1,l(u)}}}function Qt(t){let n,i,l,o,s,r=t[2].label+"";return{c(){n=O("div"),i=O("b"),l=k(r),M(n,"class","optgroup-header svelte-1e087o6")},m(e,r){I(e,n,r),w(n,i),w(i,l),o||(s=D(n,"mousedown",T(t[8])),o=!0)},p(e,t){4&t&&r!==(r=e[2].label+"")&&H(l,r)},i:e,o:e,d(e){e&&C(n),o=!1,s()}}}function Jt(e){let t,n;return t=new Gt({}),{c(){xe(t.$$.fragment)},m(e,i){we(t,e,i),n=!0},i(e){n||(ge(t.$$.fragment,e),n=!0)},o(e){$e(t.$$.fragment,e),n=!1},d(e){Se(t,e)}}}function Xt(e){let t,n,i,l;const o=[Qt,Ut],s=[];function r(e,t){return e[2].$isGroupHeader?0:1}return t=r(e),n=s[t]=o[t](e),{c(){n.c(),i=E()},m(e,n){s[t].m(e,n),I(e,i,n),l=!0},p(e,[l]){let a=t;t=r(e),t===a?s[t].p(e,l):(pe(),$e(s[a],1,1,(()=>{s[a]=null})),me(),n=s[t],n?n.p(e,l):(n=s[t]=o[t](e),n.c()),ge(n,1),n.m(i.parentNode,i))},i(e){l||(ge(n),l=!0)},o(e){$e(n),l=!1},d(e){s[t].d(e),e&&C(i)}}}function Zt(e,t,n){let{inputValue:i}=t,{index:l=-1}=t,{item:o={}}=t,{isSelected:s=!1}=t,{isDisabled:r=!1}=t,{isMultiple:a=!1}=t,{formatter:c=null}=t,{disableHighlight:u=!1}=t;return e.$$set=e=>{"inputValue"in e&&n(0,i=e.inputValue),"index"in e&&n(1,l=e.index),"item"in e&&n(2,o=e.item),"isSelected"in e&&n(3,s=e.isSelected),"isDisabled"in e&&n(4,r=e.isDisabled),"isMultiple"in e&&n(5,a=e.isMultiple),"formatter"in e&&n(6,c=e.formatter),"disableHighlight"in e&&n(7,u=e.disableHighlight)},[i,l,o,s,r,a,c,u,function(t){Z.call(this,e,t)},function(t){Z.call(this,e,t)},function(t){Z.call(this,e,t)},function(t){Z.call(this,e,t)}]}class Yt extends Ie{constructor(e){super(),ze(this,e,Zt,Xt,s,{inputValue:0,index:1,item:2,isSelected:3,isDisabled:4,isMultiple:5,formatter:6,disableHighlight:7})}}function en(e,t,n){const i=e.slice();return i[109]=t[n],i}const tn=e=>({}),nn=e=>({});function ln(e){let t,n;const i=e[85].icon,l=c(i,e,e[91],nn);return{c(){t=O("div"),l&&l.c(),M(t,"slot","icon"),M(t,"class","icon-slot svelte-1lvkhl0")},m(e,i){I(e,t,i),l&&l.m(t,null),n=!0},p(e,t){l&&l.p&&(!n||536870912&t[2])&&f(l,i,e,e[91],n?d(i,e[91],t,tn):h(e[91]),nn)},i(e){n||(ge(l,e),n=!0)},o(e){$e(l,e),n=!1},d(e){e&&C(t),l&&l.d(e)}}}function on(e){let t,n,i,l,o=e[28],s=[];for(let t=0;t<o.length;t+=1)s[t]=sn(en(e,o,t));return{c(){t=O("select");for(let e=0;e<s.length;e+=1)s[e].c();M(t,"name",e[3]),t.multiple=e[1],M(t,"class","is-hidden svelte-1lvkhl0"),M(t,"tabindex","-1"),t.required=e[5],t.disabled=e[0]},m(o,r){I(o,t,r);for(let e=0;e<s.length;e+=1)s[e].m(t,null);e[90](t),i||(l=g(n=e[41].call(null,t,e[42])),i=!0)},p(e,n){if(369098752&n[0]){let i;for(o=e[28],i=0;i<o.length;i+=1){const l=en(e,o,i);s[i]?s[i].p(l,n):(s[i]=sn(l),s[i].c(),s[i].m(t,null))}for(;i<s.length;i+=1)s[i].d(1);s.length=o.length}8&n[0]&&M(t,"name",e[3]),2&n[0]&&(t.multiple=e[1]),32&n[0]&&(t.required=e[5]),1&n[0]&&(t.disabled=e[0])},d(n){n&&C(t),A(s,n),e[90](null),i=!1,l()}}}function sn(e){let t,n,i,l=e[109][e[26]]+"";return{c(){t=O("option"),n=k(l),t.__value=i=e[109][e[25]],t.value=t.__value,t.selected=!0},m(e,i){I(e,t,i),w(t,n)},p(e,o){335544320&o[0]&&l!==(l=e[109][e[26]]+"")&&H(n,l),301989888&o[0]&&i!==(i=e[109][e[25]])&&(t.__value=i,t.value=t.__value)},d(e){e&&C(t)}}}function rn(e){let t,n,i,l,o,s,r,a={renderer:e[39],disabled:e[0],clearable:e[10],searchable:e[9],placeholder:e[8],multiple:e[1],id:e[4],resetOnBlur:e[12],collapseSelection:e[16]?un.collapseSelectionFn:null,inputValue:e[43],hasFocus:e[44],hasDropdownOpened:e[45],selectedOptions:e[28],isFetchingData:e[37],dndzone:e[13],currentValueField:e[25],itemComponent:e[15],$$slots:{icon:[ln]},$$scope:{ctx:e}};n=new ut({props:a}),e[86](n),n.$on("deselect",e[47]),n.$on("keydown",e[49]),n.$on("paste",e[50]),n.$on("consider",e[51]),n.$on("finalize",e[51]),n.$on("blur",e[87]);let c={renderer:e[39],disableHighlight:e[11],creatable:e[17],maxReached:e[31],alreadyCreated:e[38],virtualList:e[19],vlHeight:e[20],vlItemSize:e[21],lazyDropdown:e[19]||e[18],dropdownIndex:e[24],items:e[30],listIndex:e[29],inputValue:e[2](e[32]),hasDropdownOpened:e[45],listMessage:e[40],disabledField:e[7],createLabel:e[27].createRowLabel,metaKey:e[35]?"⌘":"Ctrl",itemComponent:e[14]};l=new qt({props:c}),e[88](l),l.$on("select",e[46]),l.$on("hover",e[48]),l.$on("createoption",e[89]);let u=e[3]&&!e[6]&&on(e);return{c(){t=O("div"),xe(n.$$.fragment),i=F(),xe(l.$$.fragment),o=F(),u&&u.c(),M(t,"class",s=p(`svelecte ${e[22]}`)+" svelte-1lvkhl0"),M(t,"style",e[23]),P(t,"is-disabled",e[0])},m(e,s){I(e,t,s),we(n,t,null),w(t,i),we(l,t,null),w(t,o),u&&u.m(t,null),r=!0},p(e,i){const o={};256&i[1]&&(o.renderer=e[39]),1&i[0]&&(o.disabled=e[0]),1024&i[0]&&(o.clearable=e[10]),512&i[0]&&(o.searchable=e[9]),256&i[0]&&(o.placeholder=e[8]),2&i[0]&&(o.multiple=e[1]),16&i[0]&&(o.id=e[4]),4096&i[0]&&(o.resetOnBlur=e[12]),65536&i[0]&&(o.collapseSelection=e[16]?un.collapseSelectionFn:null),268435456&i[0]&&(o.selectedOptions=e[28]),64&i[1]&&(o.isFetchingData=e[37]),8192&i[0]&&(o.dndzone=e[13]),33554432&i[0]&&(o.currentValueField=e[25]),32768&i[0]&&(o.itemComponent=e[15]),536870912&i[2]&&(o.$$scope={dirty:i,ctx:e}),n.$set(o);const a={};256&i[1]&&(a.renderer=e[39]),2048&i[0]&&(a.disableHighlight=e[11]),131072&i[0]&&(a.creatable=e[17]),1&i[1]&&(a.maxReached=e[31]),128&i[1]&&(a.alreadyCreated=e[38]),524288&i[0]&&(a.virtualList=e[19]),1048576&i[0]&&(a.vlHeight=e[20]),2097152&i[0]&&(a.vlItemSize=e[21]),786432&i[0]&&(a.lazyDropdown=e[19]||e[18]),16777216&i[0]&&(a.dropdownIndex=e[24]),1073741824&i[0]&&(a.items=e[30]),536870912&i[0]&&(a.listIndex=e[29]),4&i[0]|2&i[1]&&(a.inputValue=e[2](e[32])),512&i[1]&&(a.listMessage=e[40]),128&i[0]&&(a.disabledField=e[7]),134217728&i[0]&&(a.createLabel=e[27].createRowLabel),16&i[1]&&(a.metaKey=e[35]?"⌘":"Ctrl"),16384&i[0]&&(a.itemComponent=e[14]),l.$set(a),e[3]&&!e[6]?u?u.p(e,i):(u=on(e),u.c(),u.m(t,null)):u&&(u.d(1),u=null),(!r||4194304&i[0]&&s!==(s=p(`svelecte ${e[22]}`)+" svelte-1lvkhl0"))&&M(t,"class",s),(!r||8388608&i[0])&&M(t,"style",e[23]),4194305&i[0]&&P(t,"is-disabled",e[0])},i(e){r||(ge(n.$$.fragment,e),ge(l.$$.fragment,e),r=!0)},o(e){$e(n.$$.fragment,e),$e(l.$$.fragment,e),r=!1},d(i){i&&C(t),e[86](null),Se(n),e[88](null),Se(l),u&&u.d()}}}const an={default(e){return e[this.label]}};function cn(e,t){if(e instanceof Object)for(let t in e)an[t]=e[t];else an[e]=t}const un=Be;let dn=0;function fn(e,t,n){let i,l,o,s,r,c,u,d,f,h,{$$slots:p={},$$scope:g}=t,{name:$="svelecte"}=t,{id:v="svelecte-input-"+dn++}=t,{required:y=!1}=t,{hasAnchor:b=!1}=t,{disabled:x=Be.disabled}=t,{options:w=[]}=t,{valueField:S=Be.valueField}=t,{labelField:z=Be.labelField}=t,{disabledField:I=Be.disabledField}=t,{placeholder:C="Select"}=t,{searchable:A=Be.searchable}=t,{clearable:O=Be.clearable}=t,{renderer:k=null}=t,{disableHighlight:F=!1}=t,{selectOnTab:E=Be.selectOnTab}=t,{resetOnBlur:D=Be.resetOnBlur}=t,{dndzone:T=(()=>({noop:!0,destroy:()=>{}}))}=t,{validatorAction:M=null}=t,{dropdownItem:H=Yt}=t,{controlItem:_=Yt}=t,{multiple:R=Be.multiple}=t,{max:L=Be.max}=t,{collapseSelection:P=Be.collapseSelection}=t,{creatable:V=Be.creatable}=t,{creatablePrefix:B=Be.creatablePrefix}=t,{allowEditing:N=Be.allowEditing}=t,{keepCreated:q=Be.keepCreated}=t,{delimiter:j=Be.delimiter}=t,{createFilter:G=null}=t,{fetch:W=null}=t,{fetchMode:K="auto"}=t,{fetchCallback:U=Be.fetchCallback}=t,{fetchResetOnBlur:J=!0}=t,{minQuery:Y=Be.minQuery}=t,{lazyDropdown:te=Be.lazyDropdown}=t,{virtualList:ne=Be.virtualList}=t,{vlHeight:ie=Be.vlHeight}=t,{vlItemSize:le=Be.vlItemSize}=t,{searchField:oe=null}=t,{sortField:re=null}=t,{disableSifter:ae=!1}=t,{class:ce="svelecte-control"}=t,{style:ue=null}=t,{i18n:de=null}=t,{readSelection:fe=null}=t,{value:he=null}=t,{labelAsValue:pe=!1}=t,{valueAsObject:me=Be.valueAsObject}=t;const ge=X(),$e={optionsWithGroups:!1,isOptionArray:w&&w.length&&"object"!=typeof w[0],optionProps:[],valueField:S,labelField:z,labelAsValue:pe};W&&he&&(!w||w&&0===w.length)&&(w=Array.isArray(he)?he:[he]);let ve,ye,be=!1,xe=!1,we=null,Se=null,ze=S||Pe("value",w,$e),Ie=z||Pe("label",w,$e),Ae=!1,Oe=M?M.shift():()=>({destroy:()=>{}}),ke=M||[],Fe=null;$e.valueField=ze,$e.labelField=Ie,$e.optionProps=he&&me&&(!R||!Array.isArray(he)||he.length>0)?We(R?he.slice(0,1).shift():he):[ze,Ie],R=$&&!R?$.endsWith("[]"):R,G||(G=Ve);const Ee=qe("");a(e,Ee,(e=>n(32,d=e)));const De=qe(!1);a(e,De,(e=>n(97,h=e)));const Te=qe(!1);a(e,Te,(e=>n(96,f=e)));let He=!1,Re=!1;function Le(){He&&(_e&&![0,4].includes(_e.readyState)&&_e.abort(),n(37,He=!1))}function Ne(e){if(Se&&(Se(),Se=null),!e)return null;const t="string"==typeof e?(i=e,function(e,t){return new Promise(((n,l)=>{_e=new XMLHttpRequest,_e.open("GET",`${i.replace("[query]",encodeURIComponent(e))}`),_e.setRequestHeader("X-Requested-With","XMLHttpRequest"),_e.send(),_e.onreadystatechange=()=>{if(4===_e.readyState)if(200===_e.status){const e=JSON.parse(_e.response);n(t?t(e):e.data||e.items||e.options||e)}else l()}}))}):e;var i;n(82,Re="init"===K||"auto"===K&&"string"==typeof e&&-1===e.indexOf("[query]"));const l=(o=e=>{!e||d.length?t(e,U).then((e=>{n(52,w=e)})).catch((()=>{n(52,w=[])})).finally((()=>{n(37,He=!1),h&&Te.set(!0),n(40,c=Ue.fetchEmpty),se().then((()=>ge("fetch",w)))})):n(37,He=!1)},s=500,function(){const e=this,t=arguments;clearTimeout(Me),Me=setTimeout((function(){o.apply(e,t)}),s)});var o,s;return Re?("string"==typeof e&&-1!==e.indexOf("[parent]")||(n(37,He=!0),n(52,w=[]),l(null)),null):(Se=Ee.subscribe((e=>{Le(),e?e&&e.length<Y||(!Re&&Te.set(!1),n(37,He=!0),l(e)):be&&J&&n(52,w=[])})),l)}let Ke=he,Ue=un.i18n,Qe=je.call(w,he,me,$e),Je=Qe.reduce(((e,t)=>(e.add(t[ze]),e)),new Set),Xe=[""],Ze=w;function Ye(){se().then((()=>{ge("change",fe),Fe&&Fe.dispatchEvent(new Event("input"))}))}function et(e){if(nt(),e){let t=Array.isArray(e)?e:[e];if(!me){const e=$e.labelAsValue?Ie:ze;t=t.reduce(((t,n)=>{const l=i.find((t=>t[e]==n));return l&&t.push(l),t}),[])}if(!(t.every(tt)&&(R?e.length===t.length:t.length>0)))return console.warn('[Svelecte]: provided "value" property is invalid',e),n(54,he=null),void n(55,fe=null);n(55,fe=Array.isArray(e)?t:t.shift())}n(83,Ke=e)}function tt(e){if(!e||R&&l)return!1;if(!Je.has(e[ze])){if("string"==typeof e){if(e=G(e),Xe.includes(e))return;!W&&Xe.push(e),e={[ze]:encodeURIComponent(e),[Ie]:`${B}${e}`,$created:!0},q&&n(52,w=[...w,e]),ge("createoption",e)}return R?(Qe.push(e),n(28,Qe),Je.add(e[ze])):(n(28,Qe=[e]),Je.clear(),Je.add(e[ze]),n(24,we=w.indexOf(e))),n(84,i),n(52,w),n(80,$e),n(81,be),n(102,Ze),n(56,S),n(25,ze),n(57,z),n(26,Ie),n(74,pe),!0}}function nt(){Je.clear(),n(28,Qe=[]),n(84,i),n(52,w),n(80,$e),n(81,be),n(102,Ze),n(56,S),n(25,ze),n(57,z),n(26,Ie),n(74,pe)}function it(e,t){t=t||e.detail,x||t[I]||t.$isGroupHeader||(tt(t),m(Ee,d="",d),R?se().then((()=>{n(24,we=l?null:r.next(we-1,!0))})):m(Te,f=!1,f),Ye())}function lt(e,t){x||((t=t||e.detail)?function(e){e.$created&&ot&&N&&(Xe.splice(Xe.findIndex((t=>t===e[pe?Ie:ze])),1),n(38,Xe),q&&(w.splice(w.findIndex((t=>t===e)),1),n(52,w)),m(Ee,d=e[Ie].replace(B,""),d));const t=e[ze];Je.delete(t),Qe.splice(Qe.findIndex((e=>e[ze]==t)),1),n(28,Qe),n(84,i),n(52,w),n(80,$e),n(81,be),n(102,Ze),n(56,S),n(25,ze),n(57,z),n(26,Ie),n(74,pe)}(t):nt(),se().then(ye.focusControl),Ye())}let ot=!1;return Q((()=>{if(n(81,be=!0),V){const e=$e.labelAsValue?Ie:ze;n(38,Xe=[""].concat(i.map((t=>t[e])).filter((e=>e))))}if(n(24,we=r.first),Ke&&!R){const e=pe?Ie:ze,t=me?Ke[e]:Ke;n(24,we=i.findIndex((n=>n[e]===t)))}n(35,Ae=["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document)})),e.$$set=e=>{"name"in e&&n(3,$=e.name),"id"in e&&n(4,v=e.id),"required"in e&&n(5,y=e.required),"hasAnchor"in e&&n(6,b=e.hasAnchor),"disabled"in e&&n(0,x=e.disabled),"options"in e&&n(52,w=e.options),"valueField"in e&&n(56,S=e.valueField),"labelField"in e&&n(57,z=e.labelField),"disabledField"in e&&n(7,I=e.disabledField),"placeholder"in e&&n(8,C=e.placeholder),"searchable"in e&&n(9,A=e.searchable),"clearable"in e&&n(10,O=e.clearable),"renderer"in e&&n(58,k=e.renderer),"disableHighlight"in e&&n(11,F=e.disableHighlight),"selectOnTab"in e&&n(59,E=e.selectOnTab),"resetOnBlur"in e&&n(12,D=e.resetOnBlur),"dndzone"in e&&n(13,T=e.dndzone),"validatorAction"in e&&n(60,M=e.validatorAction),"dropdownItem"in e&&n(14,H=e.dropdownItem),"controlItem"in e&&n(15,_=e.controlItem),"multiple"in e&&n(1,R=e.multiple),"max"in e&&n(61,L=e.max),"collapseSelection"in e&&n(16,P=e.collapseSelection),"creatable"in e&&n(17,V=e.creatable),"creatablePrefix"in e&&n(62,B=e.creatablePrefix),"allowEditing"in e&&n(63,N=e.allowEditing),"keepCreated"in e&&n(64,q=e.keepCreated),"delimiter"in e&&n(65,j=e.delimiter),"createFilter"in e&&n(2,G=e.createFilter),"fetch"in e&&n(53,W=e.fetch),"fetchMode"in e&&n(66,K=e.fetchMode),"fetchCallback"in e&&n(67,U=e.fetchCallback),"fetchResetOnBlur"in e&&n(68,J=e.fetchResetOnBlur),"minQuery"in e&&n(69,Y=e.minQuery),"lazyDropdown"in e&&n(18,te=e.lazyDropdown),"virtualList"in e&&n(19,ne=e.virtualList),"vlHeight"in e&&n(20,ie=e.vlHeight),"vlItemSize"in e&&n(21,le=e.vlItemSize),"searchField"in e&&n(70,oe=e.searchField),"sortField"in e&&n(71,re=e.sortField),"disableSifter"in e&&n(72,ae=e.disableSifter),"class"in e&&n(22,ce=e.class),"style"in e&&n(23,ue=e.style),"i18n"in e&&n(73,de=e.i18n),"readSelection"in e&&n(55,fe=e.readSelection),"value"in e&&n(54,he=e.value),"labelAsValue"in e&&n(74,pe=e.labelAsValue),"valueAsObject"in e&&n(75,me=e.valueAsObject),"$$scope"in e&&n(91,g=e.$$scope)},e.$$.update=()=>{if(4194304&e.$$.dirty[1]&&Ne(W),1&e.$$.dirty[0]&&x&&Le(),2048&e.$$.dirty[2]&&de&&"object"==typeof de&&n(27,Ue=Object.assign({},un.i18n,de)),100663296&e.$$.dirty[0]|102760448&e.$$.dirty[1]|786432&e.$$.dirty[2]&&be&&Ze!==w&&w.length){const e=Pe("value",w||null,$e),t=Pe("label",w||null,$e);S||ze===e||n(80,$e.valueField=n(25,ze=e),$e),z||Ie===t||n(80,$e.labelField=n(26,Ie=t),$e)}if(4096&e.$$.dirty[2]&&n(80,$e.labelAsValue=pe,$e),369098754&e.$$.dirty[0]|2367488&e.$$.dirty[2]){const e=Qe.map((e=>{const t={};return $e.optionProps.forEach((n=>t[n]=e[n])),t})),t=R?e:e.length?e[0]:null,i=$e.labelAsValue?Ie:ze;n(83,Ke=me?t:R?t.map((e=>e[i])):Qe.length?t[i]:null),n(54,he=Ke),n(55,fe=t)}8388608&e.$$.dirty[1]|2097152&e.$$.dirty[2]&&Ke!==he&&et(he),2097152&e.$$.dirty[1]|262144&e.$$.dirty[2]&&n(84,i=Ge(w,$e)),268435456&e.$$.dirty[0]|1073741824&e.$$.dirty[1]&&n(31,l=L&&Qe.length===L),2&e.$$.dirty[0]|3&e.$$.dirty[1]|4458240&e.$$.dirty[2]&&n(30,o=l?[]:function(e,t,n,i,l,o){if(n&&(e=e.filter((e=>!n.has(e[o.valueField]))).filter(((e,t,n)=>!e.$isGroupHeader||!(n[t+1]&&n[t+1].$isGroupHeader||n.length<=1||n.length-1===t)))),!t)return e;const s=new Ce(e);o.optionsWithGroups&&(s.getSortFunction=()=>null);let r="and";t.startsWith("|| ")&&(r="or",t=t.substr(2));const a=s.search(t,{fields:i||o.optionProps,sort:(c=l||o.labelField,[{field:c,direction:"asc"}]),conjunction:r});var c;return o.optionsWithGroups?a.items.reduce(((t,i)=>{const l=e[i.id];if(n&&l.isSelected)return t;const o=t.push(l);if(l.$isGroupItem){const n=e.slice(0,i.id);let l=null;do{l=n.pop(),l&&l.$isGroupHeader&&!t.includes(l)&&t.splice(o-1,0,l)}while(l&&!l.$isGroupHeader)}return t}),[]):a.items.map((t=>e[t.id]))}(i,ae?null:d,!!R&&Je,oe,re,$e)),1073872896&e.$$.dirty[0]|2&e.$$.dirty[1]&&(s=V&&d?o.length:o.length-1),1073872896&e.$$.dirty[0]|2&e.$$.dirty[1]|262144&e.$$.dirty[2]&&n(29,r=function(e,t,n){const i=n.optionsWithGroups?e.reduce(((e,t,n)=>(e.push(t.$isGroupHeader?"":n),e)),[]):Object.keys(e);return{map:i,first:""!==i[0]?0:1,last:i.length?i.length-(t?0:1):0,hasCreateRow:!!t,next(e,t){const n=this.map[++e];return this.hasCreateRow&&e===this.last?this.last:""===n?this.next(e):void 0===n?this.map.length?(e>this.map.length&&(e=this.first-1),!0===t?this.prev(e):this.next(e)):0:n},prev(e){const t=this.map[--e];return this.hasCreateRow&&e===this.first?this.first:""===t?this.prev(e):t||this.last}}}(o,V&&d,$e)),553648128&e.$$.dirty[0]&&(null===we?n(24,we=r.first):we>r.last&&n(24,we=r.last)),1207959552&e.$$.dirty[0]|1077936131&e.$$.dirty[1]|1048704&e.$$.dirty[2]&&n(40,c=l?Ue.max(L):d.length&&0===o.length&&Y<=1?Ue.nomatch:W?Y<=1?Re?Ue.fetchInit:Ue.fetchBefore:Ue.fetchQuery(Y,d.length):Ue.empty),67108864&e.$$.dirty[0]|134217728&e.$$.dirty[1]&&n(39,u="function"==typeof k?k:an[k]||an.default.bind({label:Ie}))},[x,R,G,$,v,y,b,I,C,A,O,F,D,T,H,_,P,V,te,ne,ie,le,ce,ue,we,ze,Ie,Ue,Qe,r,o,l,d,ve,ye,Ae,Fe,He,Xe,u,c,Oe,ke,Ee,De,Te,it,lt,function(e){xe?xe=!1:n(24,we=e.detail)},function(e){if(e=e.detail,V&&j.indexOf(e.key)>-1)return d.length>0&&it(null,d),void e.preventDefault();const t=E&&f&&!e.shiftKey?"Tab":"No-tab";let i=Ae?e.metaKey:e.ctrlKey,l=["PageUp","PageDown"].includes(e.key);switch(e.key){case"End":if(0!==d.length)return;n(24,we=r.first);case"PageDown":if(l){const[e,t]=ve.getDimensions();n(24,we=Math.ceil((t*we+e)/t))}case"ArrowUp":if(e.preventDefault(),!f)return void m(Te,f=!0,f);n(24,we=r.prev(we)),se().then(ve.scrollIntoView),xe=!0;break;case"Home":if(0!==d.length||0===d.length&&0===o.length)return;n(24,we=r.last);case"PageUp":if(l){const[e,t]=ve.getDimensions();n(24,we=Math.floor((t*we-e)/t))}case"ArrowDown":if(e.preventDefault(),!f)return void m(Te,f=!0,f);n(24,we=r.next(we)),se().then(ve.scrollIntoView),xe=!0;break;case"Escape":f&&(e.preventDefault(),e.stopPropagation()),d||m(Te,f=!1,f),Le(),m(Ee,d="",d);break;case t:case"Enter":if(!f)return;let a=i?null:o[we];if(V&&d&&(a=!a||i?d:a,i=!1),!i&&a&&it(null,a),o.length<=we&&n(24,we=s>0?s:r.first),!a&&Qe.length)return void m(Te,f=!1,f);e.preventDefault();break;case" ":W||f||(m(Te,f=!0,f),e.preventDefault());break;case"Backspace":ot=!0;case"Delete":""===d&&Qe.length&&(i?lt({}):lt(null,Qe[Qe.length-1]),e.preventDefault()),ot=!1;default:i||["Tab","Shift"].includes(e.key)||f||He||m(Te,f=!0,f),!R&&Qe.length&&"Tab"!==e.key&&e.preventDefault()}},function(e){if(V){e.preventDefault();const t=new RegExp("([^"+j+"\\n]+)","g"),n=e.clipboardData.getData("text/plain").replaceAll("/","/"),i=n.match(t);1===i.length&&-1===n.indexOf(",")&&m(Ee,d=i.pop().trim(),d),i.forEach((e=>it(null,e.trim())))}},function(e){n(28,Qe=e.detail.items)},w,W,he,fe,S,z,k,E,M,L,B,N,q,j,K,U,J,Y,oe,re,ae,de,pe,me,e=>{ye.focusControl(e)},e=>{if(!Qe.length)return R?[]:null;const t=Qe.map((t=>e?t[pe?Ie:ze]:Object.assign({},t)));return R?t:t[0]},(e,t)=>{et(e),t&&Ye()},e=>{nt(),Ye(),e&&(n(0,x=!0),n(53,W=null))},$e,be,Re,Ke,i,p,function(e){ee[e?"unshift":"push"]((()=>{ye=e,n(34,ye)}))},function(t){Z.call(this,e,t)},function(e){ee[e?"unshift":"push"]((()=>{ve=e,n(33,ve)}))},function(t){Z.call(this,e,t)},function(e){ee[e?"unshift":"push"]((()=>{Fe=e,n(36,Fe),n(28,Qe),n(25,ze),n(81,be),n(102,Ze),n(52,w),n(80,$e),n(56,S),n(57,z),n(26,Ie),n(74,pe)}))},g]}class hn extends Ie{constructor(e){super(),ze(this,e,fn,rn,s,{name:3,id:4,required:5,hasAnchor:6,disabled:0,options:52,valueField:56,labelField:57,disabledField:7,placeholder:8,searchable:9,clearable:10,renderer:58,disableHighlight:11,selectOnTab:59,resetOnBlur:12,dndzone:13,validatorAction:60,dropdownItem:14,controlItem:15,multiple:1,max:61,collapseSelection:16,creatable:17,creatablePrefix:62,allowEditing:63,keepCreated:64,delimiter:65,createFilter:2,fetch:53,fetchMode:66,fetchCallback:67,fetchResetOnBlur:68,minQuery:69,lazyDropdown:18,virtualList:19,vlHeight:20,vlItemSize:21,searchField:70,sortField:71,disableSifter:72,class:22,style:23,i18n:73,readSelection:55,value:54,labelAsValue:74,valueAsObject:75,focus:76,getSelection:77,setSelection:78,clearByParent:79},null,[-1,-1,-1,-1])}get focus(){return this.$$.ctx[76]}get getSelection(){return this.$$.ctx[77]}get setSelection(){return this.$$.ctx[78]}get clearByParent(){return this.$$.ctx[79]}}export{cn as addFormatter,un as config,hn as default};
diff --git a/docs/build/app.css b/docs/build/app.css
index 9cf18c7..e9a5e9c 100644
--- a/docs/build/app.css
+++ b/docs/build/app.css
@@ -1,3 +1,3 @@
-.icon-slot b{font-family:'Fira Code';margin-left:0.5rem}.flexible-svelecte .sv-control{display:inline-flex !important}.flexible-svelecte.svelte-19xmbht .svelecte{min-width:100px}.flexible-svelecte.svelte-19xmbht .sv-input-row{min-width:100px;transition:min-width .15s ease}.flexible-svelecte.svelte-19xmbht .is-active .sv-input-row{min-width:300px;transition:min-width .15s ease}.svelecte-control.custom-css .sv-control{border:1px dashed rgb(255, 147, 147) !important}.custom-css .sv-control.is-active{border:1px dashed red !important;box-shadow:0 0px 7px rgba(255, 0, 0, 0.151)}.svelecte-control.custom-css .sv-dropdown{border-color:rgba(255, 0, 0, 0.2) !important}.svelecte-control.custom-css .sv-dropdown .highlight{color:white;background-color:rgb(167, 63, 63)}.custom-css .sv-input-row .sv-item-content{color:rgb(190, 74, 74);text-decoration:underline;font-weight:bold}.custom-css .sv-input-row .inputBox::placeholder{color:red}.custom-css .sv-dd-item-active > .sv-item{background-color:rgba(255, 0, 0, 0.151)}.form-row.svelte-19xmbht.svelte-19xmbht{margin-bottom:2rem;min-height:20px}.optgroup-header{height:40px;padding-top:10px !important;text-align:left}fieldset.svelte-19xmbht.svelte-19xmbht{border:1px solid #ccc;border-radius:4px;padding:0.5rem;background-color:#ffecec}fieldset.svelte-19xmbht fieldset.svelte-19xmbht{margin:0 .5rem .5rem}legend.svelte-19xmbht.svelte-19xmbht{border-radius:4px;background-color:#000;color:#fff;padding:3px 6px;font-size:14px;margin-bottom:0}.sv-input-row .color-item{color:transparent}.sv-dropdown .color-item{display:inline-flex;width:16px;height:16px;border-radius:50%;border:1px solid #ccc;margin-right:.5rem;align-self:center;position:relative;top:2px}input[type=number].svelte-19xmbht.svelte-19xmbht{width:60px}.input-short.svelte-19xmbht.svelte-19xmbht{width:100px}.avatar-item{display:flex;align-items:center}.avatar-bg{height:2rem;width:2rem}.sv-control{background-color:white}.small-input.svelte-1go3b6d{width:50px;height:20px}.svelecte-control.svelte-1lvkhl0{--sv-bg:#fff;--sv-color:inherit;--sv-min-height:38px;--sv-border-color:#ccc;--sv-border:1px solid var(--sv-border-color);--sv-active-border:1px solid #555;--sv-active-outline:none;--sv-disabled-bg:#f2f2f2;--sv-disabled-border-color:#e6e6e6;--sv-placeholder-color:#ccccc6;--sv-icon-color:#ccc;--sv-icon-hover:#999;--sv-loader-border:3px solid #dbdbdb;--sv-dropdown-shadow:0 6px 12px rgba(0,0,0,0.175);--sv-dropdown-height:250px;--sv-item-selected-bg:#efefef;--sv-item-color:#333333;--sv-item-active-color:var(--sv-item-color);--sv-item-active-bg:#F2F5F8;--sv-item-btn-bg:var(--sv-item-selected-bg);--sv-item-btn-bg-hover:#ddd;--sv-item-btn-icon:var(--sv-item-color);--sv-highlight-bg:yellow;--sv-highlight-color:var(--sv-item-color)}.svelecte.svelte-1lvkhl0{position:relative;flex:1 1 auto;color:var(--sv-color)}.svelecte.is-disabled.svelte-1lvkhl0{pointer-events:none}.icon-slot.svelte-1lvkhl0{display:flex}.is-hidden.svelte-1lvkhl0{opacity:0;position:absolute;z-index:-2;top:0;height:38px}.svelecte-control .has-multiSelection .sv-item{background-color:var(--sv-item-selected-bg);margin:2px 4px 2px 0}.svelecte-control .has-multiSelection .sv-item-content,.svelecte-control .sv-dropdown-content .sv-item{padding:3px 3px 3px 6px}.svelecte-control .sv-item{display:flex;min-width:0px;box-sizing:border-box;border-radius:2px;cursor:default}.svelecte-control .sv-item.is-disabled{opacity:0.5;cursor:not-allowed}.svelecte-control .sv-item-content{color:var(--sv-item-color, var(--sv-color));text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;width:100%}.svelecte-control .sv-dd-item-active > .sv-item{background-color:var(--sv-item-active-bg)}.svelecte-control .sv-dd-item-active > .sv-item .sv-item-content{color:var(--sv-item-active-color, var(--sv-item-color))}.svelecte-control .highlight{background-color:var(--sv-highlight-bg);color:var(--sv-highlight-color, var(--sv-color))}.sv-dropdown.svelte-aqpko7.svelte-aqpko7{box-sizing:border-box;position:absolute;background-color:var(--sv-bg);width:100%;display:none;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;box-shadow:var(--sv-dropdown-shadow);z-index:2}.sv-dropdown.is-virtual.svelte-aqpko7 .sv-dropdown-scroll.svelte-aqpko7{overflow-y:hidden}.sv-dropdown-scroll.svelte-aqpko7.svelte-aqpko7{padding:4px;box-sizing:border-box;max-height:var(--sv-dropdown-height);overflow-y:auto;overflow-x:hidden}.sv-dropdown-scroll.is-empty.svelte-aqpko7.svelte-aqpko7{padding:0}.sv-dropdown[aria-expanded="true"].svelte-aqpko7.svelte-aqpko7{display:block}.sv-dropdown-content.max-reached.svelte-aqpko7.svelte-aqpko7{opacity:0.75;cursor:not-allowed}.sv-dropdown-scroll.svelte-aqpko7:not(.is-empty)+.creatable-row-wrap.svelte-aqpko7{border-top:1px solid #efefef}.creatable-row-wrap.svelte-aqpko7.svelte-aqpko7{padding:4px}.creatable-row.svelte-aqpko7.svelte-aqpko7{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-radius:2px;padding:3px 3px 3px 6px}.creatable-row.svelte-aqpko7.svelte-aqpko7:hover,.creatable-row.svelte-aqpko7.svelte-aqpko7:active,.creatable-row.active.svelte-aqpko7.svelte-aqpko7{background-color:var(--sv-item-active-bg)}.creatable-row.active.is-disabled.svelte-aqpko7.svelte-aqpko7{opacity:0.5;background-color:rgb(252, 186, 186)}.creatable-row.is-disabled.svelte-aqpko7.svelte-aqpko7{opacity:0.5;cursor:not-allowed}.shortcut.svelte-aqpko7.svelte-aqpko7{display:flex;align-items:center;align-content:center}.shortcut.svelte-aqpko7>kbd.svelte-aqpko7{border:1px solid #efefef;border-radius:4px;padding:0px 6px;margin:-1px 0;background-color:white;line-height:1.6;height:22px}.empty-list-row.svelte-aqpko7.svelte-aqpko7{min-width:0px;box-sizing:border-box;border-radius:2px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;padding:7px 7px 7px 10px;text-align:left}.optgroup-header.svelte-1e087o6{padding:3px 3px 3px 6px;font-weight:bold}.sv-control.svelte-v9xikc{background-color:var(--sv-bg);border:var(--sv-border);border-radius:4px;min-height:var(--sv-min-height)}.sv-control.is-active.svelte-v9xikc{border:var(--sv-active-border);outline:var(--sv-active-outline)}.sv-control.is-disabled.svelte-v9xikc{background-color:var(--sv-disabled-bg);border-color:var(--sv-disabled-border-color);cursor:default;flex-wrap:wrap;justify-content:space-between;outline:currentcolor none 0px !important;position:relative;transition:all 100ms ease 0s}.sv-control.svelte-v9xikc{display:flex;align-items:center;box-sizing:border-box}.sv-content.svelte-v9xikc{align-items:center;display:flex;flex:1 1 0%;flex-wrap:nowrap;padding:0 0 0 6px;position:relative;overflow:hidden;box-sizing:border-box}.sv-content.sv-input-row.has-multiSelection.svelte-v9xikc{flex-flow:wrap}.indicator.svelte-v9xikc{position:relative;align-items:center;align-self:stretch;display:flex;flex-shrink:0;box-sizing:border-box}.indicator-container.svelte-v9xikc{color:var(--sv-icon-color);display:flex;padding:8px;transition:color 150ms ease 0s;box-sizing:border-box}.indicator-container.svelte-v9xikc:hover{color:var(--sv-icon-hover) }.indicator-separator.svelte-v9xikc{align-self:stretch;background-color:var(--sv-border-color);margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box}.indicator-icon.svelte-v9xikc{display:inline-block;fill:currentcolor;line-height:1;stroke:currentcolor;stroke-width:0px}.is-loading.svelte-v9xikc:after{animation:svelte-v9xikc-spinAround .5s infinite linear;border:var(--sv-loader-border);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:20px;width:20px;right:8px;top:calc(50% - 10px);position:absolute !important;box-sizing:border-box}@keyframes svelte-v9xikc-spinAround{from{transform:rotate(0deg)
+.small-input.svelte-1go3b6d{width:50px;height:20px}.icon-slot b{font-family:'Fira Code';margin-left:0.5rem}.flexible-svelecte .sv-control{display:inline-flex !important}.flexible-svelecte.svelte-19xmbht .svelecte{min-width:100px}.flexible-svelecte.svelte-19xmbht .sv-input-row{min-width:100px;transition:min-width .15s ease}.flexible-svelecte.svelte-19xmbht .is-active .sv-input-row{min-width:300px;transition:min-width .15s ease}.svelecte-control.custom-css .sv-control{border:1px dashed rgb(255, 147, 147) !important}.custom-css .sv-control.is-active{border:1px dashed red !important;box-shadow:0 0px 7px rgba(255, 0, 0, 0.151)}.svelecte-control.custom-css .sv-dropdown{border-color:rgba(255, 0, 0, 0.2) !important}.svelecte-control.custom-css .sv-dropdown .highlight{color:white;background-color:rgb(167, 63, 63)}.custom-css .sv-input-row .sv-item-content{color:rgb(190, 74, 74);text-decoration:underline;font-weight:bold}.custom-css .sv-input-row .inputBox::placeholder{color:red}.custom-css .sv-dd-item-active > .sv-item{background-color:rgba(255, 0, 0, 0.151)}.form-row.svelte-19xmbht.svelte-19xmbht{margin-bottom:2rem;min-height:20px}.optgroup-header{height:40px;padding-top:10px !important;text-align:left}fieldset.svelte-19xmbht.svelte-19xmbht{border:1px solid #ccc;border-radius:4px;padding:0.5rem;background-color:#ffecec}fieldset.svelte-19xmbht fieldset.svelte-19xmbht{margin:0 .5rem .5rem}legend.svelte-19xmbht.svelte-19xmbht{border-radius:4px;background-color:#000;color:#fff;padding:3px 6px;font-size:14px;margin-bottom:0}.sv-input-row .color-item{color:transparent}.sv-dropdown .color-item{display:inline-flex;width:16px;height:16px;border-radius:50%;border:1px solid #ccc;margin-right:.5rem;align-self:center;position:relative;top:2px}input[type=number].svelte-19xmbht.svelte-19xmbht{width:60px}.input-short.svelte-19xmbht.svelte-19xmbht{width:100px}.avatar-item{display:flex;align-items:center}.avatar-bg{height:2rem;width:2rem}.sv-control{background-color:white}.svelecte-control.svelte-z16eei{--sv-bg:#fff;--sv-color:inherit;--sv-min-height:38px;--sv-border-color:#ccc;--sv-border:1px solid var(--sv-border-color);--sv-active-border:1px solid blue;--sv-active-outline:none;--sv-disabled-bg:#f2f2f2;--sv-disabled-border-color:#e6e6e6;--sv-placeholder-color:#ccccc6;--sv-icon-color:#ccc;--sv-icon-hover:#999;--sv-loader-border:3px solid #dbdbdb;--sv-dropdown-shadow:0 6px 12px rgba(0,0,0,0.175);--sv-dropdown-height:250px;--sv-item-selected-bg:#efefef;--sv-item-color:#333333;--sv-item-active-color:var(--sv-item-color);--sv-item-active-bg:#F2F5F8;--sv-item-btn-bg:var(--sv-item-selected-bg);--sv-item-btn-bg-hover:#ddd;--sv-item-btn-icon:var(--sv-item-color);--sv-highlight-bg:yellow;--sv-highlight-color:var(--sv-item-color)}.svelecte.svelte-z16eei{position:relative;flex:1 1 auto;color:var(--sv-color)}.svelecte.is-disabled.svelte-z16eei{pointer-events:none}.icon-slot.svelte-z16eei{display:flex}.is-hidden.svelte-z16eei{opacity:0;position:absolute;z-index:-2;top:0;height:38px}.svelecte-control .has-multiSelection .sv-item{background-color:var(--sv-item-selected-bg);margin:2px 4px 2px 0}.svelecte-control .has-multiSelection .sv-item-content,.svelecte-control .sv-dropdown-content .sv-item{padding:3px 3px 3px 6px}.svelecte-control .sv-item{display:flex;min-width:0px;box-sizing:border-box;border-radius:2px;cursor:default}.svelecte-control .sv-item.is-disabled{opacity:0.5;cursor:not-allowed}.svelecte-control .sv-item-content{color:var(--sv-item-color, var(--sv-color));text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;width:100%}.svelecte-control .sv-dd-item-active > .sv-item{background-color:var(--sv-item-active-bg)}.svelecte-control .sv-dd-item-active > .sv-item .sv-item-content{color:var(--sv-item-active-color, var(--sv-item-color))}.svelecte-control .highlight{background-color:var(--sv-highlight-bg);color:var(--sv-highlight-color, var(--sv-color))}.optgroup-header.svelte-1e087o6{padding:3px 3px 3px 6px;font-weight:bold}.sv-dropdown.svelte-aqpko7.svelte-aqpko7{box-sizing:border-box;position:absolute;background-color:var(--sv-bg);width:100%;display:none;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0.15);border-radius:.25rem;box-shadow:var(--sv-dropdown-shadow);z-index:2}.sv-dropdown.is-virtual.svelte-aqpko7 .sv-dropdown-scroll.svelte-aqpko7{overflow-y:hidden}.sv-dropdown-scroll.svelte-aqpko7.svelte-aqpko7{padding:4px;box-sizing:border-box;max-height:var(--sv-dropdown-height);overflow-y:auto;overflow-x:hidden}.sv-dropdown-scroll.is-empty.svelte-aqpko7.svelte-aqpko7{padding:0}.sv-dropdown[aria-expanded="true"].svelte-aqpko7.svelte-aqpko7{display:block}.sv-dropdown-content.max-reached.svelte-aqpko7.svelte-aqpko7{opacity:0.75;cursor:not-allowed}.sv-dropdown-scroll.svelte-aqpko7:not(.is-empty)+.creatable-row-wrap.svelte-aqpko7{border-top:1px solid #efefef}.creatable-row-wrap.svelte-aqpko7.svelte-aqpko7{padding:4px}.creatable-row.svelte-aqpko7.svelte-aqpko7{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;border-radius:2px;padding:3px 3px 3px 6px}.creatable-row.svelte-aqpko7.svelte-aqpko7:hover,.creatable-row.svelte-aqpko7.svelte-aqpko7:active,.creatable-row.active.svelte-aqpko7.svelte-aqpko7{background-color:var(--sv-item-active-bg)}.creatable-row.active.is-disabled.svelte-aqpko7.svelte-aqpko7{opacity:0.5;background-color:rgb(252, 186, 186)}.creatable-row.is-disabled.svelte-aqpko7.svelte-aqpko7{opacity:0.5;cursor:not-allowed}.shortcut.svelte-aqpko7.svelte-aqpko7{display:flex;align-items:center;align-content:center}.shortcut.svelte-aqpko7>kbd.svelte-aqpko7{border:1px solid #efefef;border-radius:4px;padding:0px 6px;margin:-1px 0;background-color:white;line-height:1.6;height:22px}.empty-list-row.svelte-aqpko7.svelte-aqpko7{min-width:0px;box-sizing:border-box;border-radius:2px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:2px;overflow:hidden;padding:7px 7px 7px 10px;text-align:left}.sv-control.svelte-v9xikc{background-color:var(--sv-bg);border:var(--sv-border);border-radius:4px;min-height:var(--sv-min-height)}.sv-control.is-active.svelte-v9xikc{border:var(--sv-active-border);outline:var(--sv-active-outline)}.sv-control.is-disabled.svelte-v9xikc{background-color:var(--sv-disabled-bg);border-color:var(--sv-disabled-border-color);cursor:default;flex-wrap:wrap;justify-content:space-between;outline:currentcolor none 0px !important;position:relative;transition:all 100ms ease 0s}.sv-control.svelte-v9xikc{display:flex;align-items:center;box-sizing:border-box}.sv-content.svelte-v9xikc{align-items:center;display:flex;flex:1 1 0%;flex-wrap:nowrap;padding:0 0 0 6px;position:relative;overflow:hidden;box-sizing:border-box}.sv-content.sv-input-row.has-multiSelection.svelte-v9xikc{flex-flow:wrap}.indicator.svelte-v9xikc{position:relative;align-items:center;align-self:stretch;display:flex;flex-shrink:0;box-sizing:border-box}.indicator-container.svelte-v9xikc{color:var(--sv-icon-color);display:flex;padding:8px;transition:color 150ms ease 0s;box-sizing:border-box}.indicator-container.svelte-v9xikc:hover{color:var(--sv-icon-hover) }.indicator-separator.svelte-v9xikc{align-self:stretch;background-color:var(--sv-border-color);margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box}.indicator-icon.svelte-v9xikc{display:inline-block;fill:currentcolor;line-height:1;stroke:currentcolor;stroke-width:0px}.is-loading.svelte-v9xikc:after{animation:svelte-v9xikc-spinAround .5s infinite linear;border:var(--sv-loader-border);border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:20px;width:20px;right:8px;top:calc(50% - 10px);position:absolute !important;box-sizing:border-box}@keyframes svelte-v9xikc-spinAround{from{transform:rotate(0deg)
   }to{transform:rotate(359deg)
   }}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi{position:relative;display:inline-flex;align-items:center;align-self:stretch;padding:0 4px;box-sizing:border-box;border-radius:2px;border-width:0;margin:0;cursor:pointer;background-color:var(--sv-item-btn-bg, var(--sv-item-selected-bg))}.sv-item-btn.svelte-w7c5vi.svelte-w7c5vi:hover{background-color:var(--sv-item-btn-bg-hover)}.sv-item-btn.svelte-w7c5vi>svg.svelte-w7c5vi{fill:var(--sv-item-btn-icon, var(--sv-icon-color))}.inputBox.svelte-x1t6fd{box-sizing:content-box;width:19px;background:rgba(0, 0, 0, 0) none repeat scroll 0px center;border:0px none;font-size:inherit;font-family:inherit;opacity:1;outline:currentcolor none 0px;padding:0px;color:inherit;margin:-2px 0 0;height:20px}.inputBox.svelte-x1t6fd::placeholder{color:var(--sv-placeholder-color, #ccccd6)}.inputBox.svelte-x1t6fd:read-only{width:100%}.shadow-text.svelte-x1t6fd{opacity:0;position:absolute;left:100%;z-index:-100;min-width:24px;white-space:nowrap;top:0;left:0}.virtual-list-wrapper.svelte-1he1ex4{overflow:auto;will-change:transform;-webkit-overflow-scrolling:touch}.virtual-list-inner.svelte-1he1ex4{position:relative;display:flex;width:100%;min-height:100%}
\ No newline at end of file
diff --git a/docs/build/app.js b/docs/build/app.js
index 6078ff3..c9fb043 100644
--- a/docs/build/app.js
+++ b/docs/build/app.js
@@ -1 +1,11880 @@
-!function(){"use strict";function e(){}const t=e=>e;function n(e,t){for(const n in t)e[n]=t[n];return e}function i(e){return e()}function l(){return Object.create(null)}function r(e){e.forEach(i)}function s(e){return"function"==typeof e}function o(e,t){return e!=e?t==t:e!==t||e&&"object"==typeof e||"function"==typeof e}function a(t,...n){if(null==t)return e;const i=t.subscribe(...n);return i.unsubscribe?()=>i.unsubscribe():i}function c(e,t,n){e.$$.on_destroy.push(a(t,n))}function u(e,t,n,i){if(e){const l=d(e,t,n,i);return e[0](l)}}function d(e,t,i,l){return e[1]&&l?n(i.ctx.slice(),e[1](l(t))):i.ctx}function h(e,t,n,i){if(e[2]&&i){const l=e[2](i(n));if(void 0===t.dirty)return l;if("object"==typeof l){const e=[],n=Math.max(t.dirty.length,l.length);for(let i=0;i<n;i+=1)e[i]=t.dirty[i]|l[i];return e}return t.dirty|l}return t.dirty}function p(e,t,n,i,l,r){if(l){const s=d(t,n,i,r);e.p(s,l)}}function f(e){if(e.ctx.length>32){const t=[],n=e.ctx.length/32;for(let e=0;e<n;e++)t[e]=-1;return t}return-1}function m(e){return null==e?"":e}function g(e,t,n){return e.set(n),t}function v(t){return t&&s(t.destroy)?t.destroy:e}const b="undefined"!=typeof window;let y=b?()=>window.performance.now():()=>Date.now(),$=b?e=>requestAnimationFrame(e):e;const x=new Set;function C(e){x.forEach((t=>{t.c(e)||(x.delete(t),t.f())})),0!==x.size&&$(C)}function w(e,t){e.appendChild(t)}function S(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function k(e){const t=z("style");return function(e,t){w(e.head||e,t)}(S(e),t),t}function A(e,t,n){e.insertBefore(t,n||null)}function F(e){e.parentNode.removeChild(e)}function E(e,t){for(let n=0;n<e.length;n+=1)e[n]&&e[n].d(t)}function z(e){return document.createElement(e)}function I(e){return document.createTextNode(e)}function O(){return I(" ")}function L(){return I("")}function _(e,t,n,i){return e.addEventListener(t,n,i),()=>e.removeEventListener(t,n,i)}function T(e){return function(t){return t.preventDefault(),e.call(this,t)}}function P(e,t,n){null==n?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function M(e,t,n){t in e?e[t]="boolean"==typeof e[t]&&""===n||n:P(e,t,n)}function N(e){return""===e?null:+e}function D(e,t){t=""+t,e.wholeText!==t&&(e.data=t)}function V(e,t){e.value=null==t?"":t}function H(e,t,n,i){e.style.setProperty(t,n,i?"important":"")}function B(e,t){for(let n=0;n<e.options.length;n+=1){const i=e.options[n];if(i.__value===t)return void(i.selected=!0)}e.selectedIndex=-1}function R(e){const t=e.querySelector(":checked")||e.options[0];return t&&t.__value}let q;function j(){if(void 0===q){q=!1;try{"undefined"!=typeof window&&window.parent&&window.parent.document}catch(e){q=!0}}return q}function G(e,t,n){e.classList[n?"add":"remove"](t)}class U{constructor(){this.e=this.n=null}c(e){this.h(e)}m(e,t,n=null){this.e||(this.e=z(t.nodeName),this.t=t,this.c(e)),this.i(n)}h(e){this.e.innerHTML=e,this.n=Array.from(this.e.childNodes)}i(e){for(let t=0;t<this.n.length;t+=1)A(this.t,this.n[t],e)}p(e){this.d(),this.h(e),this.i(this.a)}d(){this.n.forEach(F)}}const J=new Set;let K,W=0;function Q(e,t){const n=(e.style.animation||"").split(", "),i=n.filter(t?e=>e.indexOf(t)<0:e=>-1===e.indexOf("__svelte")),l=n.length-i.length;l&&(e.style.animation=i.join(", "),W-=l,W||$((()=>{W||(J.forEach((e=>{const t=e.__svelte_stylesheet;let n=t.cssRules.length;for(;n--;)t.deleteRule(n);e.__svelte_rules={}})),J.clear())})))}function X(n,i,l,r){if(!i)return e;const s=n.getBoundingClientRect();if(i.left===s.left&&i.right===s.right&&i.top===s.top&&i.bottom===s.bottom)return e;const{delay:o=0,duration:a=300,easing:c=t,start:u=y()+o,end:d=u+a,tick:h=e,css:p}=l(n,{from:i,to:s},r);let f,m=!0,g=!1;function v(){p&&Q(n,f),m=!1}return function(e){let t;0===x.size&&$(C),new Promise((n=>{x.add(t={c:e,f:n})}))}((e=>{if(!g&&e>=u&&(g=!0),g&&e>=d&&(h(1,0),v()),!m)return!1;if(g){const t=0+1*c((e-u)/a);h(t,1-t)}return!0})),p&&(f=function(e,t,n,i,l,r,s,o=0){const a=16.666/i;let c="{\n";for(let e=0;e<=1;e+=a){const i=t+(n-t)*r(e);c+=100*e+`%{${s(i,1-i)}}\n`}const u=c+`100% {${s(n,1-n)}}\n}`,d=`__svelte_${function(e){let t=5381,n=e.length;for(;n--;)t=(t<<5)-t^e.charCodeAt(n);return t>>>0}(u)}_${o}`,h=S(e);J.add(h);const p=h.__svelte_stylesheet||(h.__svelte_stylesheet=k(e).sheet),f=h.__svelte_rules||(h.__svelte_rules={});f[d]||(f[d]=!0,p.insertRule(`@keyframes ${d} ${u}`,p.cssRules.length));const m=e.style.animation||"";return e.style.animation=`${m?`${m}, `:""}${d} ${i}ms linear ${l}ms 1 both`,W+=1,d}(n,0,1,a,o,c,p)),o||(g=!0),h(0,1),v}function Y(e){const t=getComputedStyle(e);if("absolute"!==t.position&&"fixed"!==t.position){const{width:n,height:i}=t,l=e.getBoundingClientRect();e.style.position="absolute",e.style.width=n,e.style.height=i,function(e,t){const n=e.getBoundingClientRect();if(t.left!==n.left||t.top!==n.top){const i=getComputedStyle(e),l="none"===i.transform?"":i.transform;e.style.transform=`${l} translate(${t.left-n.left}px, ${t.top-n.top}px)`}}(e,l)}}function Z(e){K=e}function ee(){if(!K)throw new Error("Function called outside component initialization");return K}function te(e){ee().$$.on_mount.push(e)}function ne(e){ee().$$.on_destroy.push(e)}function ie(){const e=ee();return(t,n)=>{const i=e.$$.callbacks[t];if(i){const l=function(e,t,n=!1){const i=document.createEvent("CustomEvent");return i.initCustomEvent(e,n,!1,t),i}(t,n);i.slice().forEach((t=>{t.call(e,l)}))}}}function le(e,t){const n=e.$$.callbacks[t.type];n&&n.slice().forEach((e=>e.call(this,t)))}const re=[],se=[],oe=[],ae=[],ce=Promise.resolve();let ue=!1;function de(){ue||(ue=!0,ce.then(ve))}function he(){return de(),ce}function pe(e){oe.push(e)}function fe(e){ae.push(e)}let me=!1;const ge=new Set;function ve(){if(!me){me=!0;do{for(let e=0;e<re.length;e+=1){const t=re[e];Z(t),be(t.$$)}for(Z(null),re.length=0;se.length;)se.pop()();for(let e=0;e<oe.length;e+=1){const t=oe[e];ge.has(t)||(ge.add(t),t())}oe.length=0}while(re.length);for(;ae.length;)ae.pop()();ue=!1,me=!1,ge.clear()}}function be(e){if(null!==e.fragment){e.update(),r(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(pe)}}const ye=new Set;let $e;function xe(){$e={r:0,c:[],p:$e}}function Ce(){$e.r||r($e.c),$e=$e.p}function we(e,t){e&&e.i&&(ye.delete(e),e.i(t))}function Se(e,t,n,i){if(e&&e.o){if(ye.has(e))return;ye.add(e),$e.c.push((()=>{ye.delete(e),i&&(n&&e.d(1),i())})),e.o(t)}}function ke(e,t){Se(e,1,1,(()=>{t.delete(e.key)}))}function Ae(e,t){e.f(),ke(e,t)}function Fe(e,t,n,i,l,r,s,o,a,c,u,d){let h=e.length,p=r.length,f=h;const m={};for(;f--;)m[e[f].key]=f;const g=[],v=new Map,b=new Map;for(f=p;f--;){const e=d(l,r,f),o=n(e);let a=s.get(o);a?i&&a.p(e,t):(a=c(o,e),a.c()),v.set(o,g[f]=a),o in m&&b.set(o,Math.abs(f-m[o]))}const y=new Set,$=new Set;function x(e){we(e,1),e.m(o,u),s.set(e.key,e),u=e.first,p--}for(;h&&p;){const t=g[p-1],n=e[h-1],i=t.key,l=n.key;t===n?(u=t.first,h--,p--):v.has(l)?!s.has(i)||y.has(i)?x(t):$.has(l)?h--:b.get(i)>b.get(l)?($.add(i),x(t)):(y.add(l),h--):(a(n,s),h--)}for(;h--;){const t=e[h];v.has(t.key)||a(t,s)}for(;p;)x(g[p-1]);return g}function Ee(e,t,n){const i=e.$$.props[t];void 0!==i&&(e.$$.bound[i]=n,n(e.$$.ctx[i]))}function ze(e){e&&e.c()}function Ie(e,t,n,l){const{fragment:o,on_mount:a,on_destroy:c,after_update:u}=e.$$;o&&o.m(t,n),l||pe((()=>{const t=a.map(i).filter(s);c?c.push(...t):r(t),e.$$.on_mount=[]})),u.forEach(pe)}function Oe(e,t){const n=e.$$;null!==n.fragment&&(r(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function Le(t,n,i,s,o,a,c,u=[-1]){const d=K;Z(t);const h=t.$$={fragment:null,ctx:null,props:a,update:e,not_equal:o,bound:l(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(n.context||(d?d.$$.context:[])),callbacks:l(),dirty:u,skip_bound:!1,root:n.target||d.$$.root};c&&c(h.root);let p=!1;if(h.ctx=i?i(t,n.props||{},((e,n,...i)=>{const l=i.length?i[0]:n;return h.ctx&&o(h.ctx[e],h.ctx[e]=l)&&(!h.skip_bound&&h.bound[e]&&h.bound[e](l),p&&function(e,t){-1===e.$$.dirty[0]&&(re.push(e),de(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}(t,e)),n})):[],h.update(),p=!0,r(h.before_update),h.fragment=!!s&&s(h.ctx),n.target){if(n.hydrate){const e=function(e){return Array.from(e.childNodes)}(n.target);h.fragment&&h.fragment.l(e),e.forEach(F)}else h.fragment&&h.fragment.c();n.intro&&we(t.$$.fragment),Ie(t,n.target,n.anchor,n.customElement),ve()}Z(d)}class _e{$destroy(){Oe(this,1),this.$destroy=e}$on(e,t){const n=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return n.push(t),()=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1)}}$set(e){var t;this.$$set&&(t=e,0!==Object.keys(t).length)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}var Te=function(e,t){this.items=e,this.settings=t||{diacritics:!0}};Te.prototype.tokenize=function(e,t){if(!(e=De(String(e||"").toLowerCase()))||!e.length)return[];var n,i,l,r,s=[],o=e.split(/ +/);for(n=0,i=o.length;n<i;n++){if(l=Ve(o[n]),this.settings.diacritics)for(r in He)He.hasOwnProperty(r)&&(l=l.replace(new RegExp(r,"g"),He[r]));t&&(l="\\b"+l),s.push({string:o[n],regex:new RegExp(l,"i")})}return s},Te.prototype.iterator=function(e,t){(Array.isArray(e)?Array.prototype.forEach||function(e){for(var t=0,n=this.length;t<n;t++)e(this[t],t,this)}:function(e){for(var t in this)this.hasOwnProperty(t)&&e(this[t],t,this)}).apply(e,[t])},Te.prototype.getScoreFunction=function(e,t){var n,i,l,r;e=this.prepareSearch(e,t),i=e.tokens,n=e.options.fields,l=i.length,r=e.options.nesting;var s,o=function(e,t){var n,i;return e?-1===(i=(e=String(e||"")).search(t.regex))?0:(n=t.string.length/e.length,0===i&&(n+=.5),n):0},a=(s=n.length)?1===s?function(e,t){return o(Ne(t,n[0],r),e)}:function(e,t){for(var i=0,l=0;i<s;i++)l+=o(Ne(t,n[i],r),e);return l/s}:function(){return 0};return l?1===l?function(e){return a(i[0],e)}:"and"===e.options.conjunction?function(e){for(var t,n=0,r=0;n<l;n++){if((t=a(i[n],e))<=0)return 0;r+=t}return r/l}:function(e){for(var t=0,n=0;t<l;t++)n+=a(i[t],e);return n/l}:function(){return 0}},Te.prototype.getSortFunction=function(e,t){var n,i,l,r,s,o,a,c,u,d,h;if(h=!(e=(l=this).prepareSearch(e,t)).query&&t.sort_empty||t.sort,u=function(e,n){return"$score"===e?n.score:Ne(l.items[n.id],e,t.nesting)},s=[],h)for(n=0,i=h.length;n<i;n++)(e.query||"$score"!==h[n].field)&&s.push(h[n]);if(e.query){for(d=!0,n=0,i=s.length;n<i;n++)if("$score"===s[n].field){d=!1;break}d&&s.unshift({field:"$score",direction:"desc"})}else for(n=0,i=s.length;n<i;n++)if("$score"===s[n].field){s.splice(n,1);break}for(c=[],n=0,i=s.length;n<i;n++)c.push("desc"===s[n].direction?-1:1);return(o=s.length)?1===o?(r=s[0].field,a=c[0],function(e,t){return a*Pe(u(r,e),u(r,t))}):function(e,t){var n,i,l;for(n=0;n<o;n++)if(l=s[n].field,i=c[n]*Pe(u(l,e),u(l,t)))return i;return 0}:null},Te.prototype.prepareSearch=function(e,t){if("object"==typeof e)return e;var n=(t=Me({},t)).fields,i=t.sort,l=t.sort_empty;return n&&!Array.isArray(n)&&(t.fields=[n]),i&&!Array.isArray(i)&&(t.sort=[i]),l&&!Array.isArray(l)&&(t.sort_empty=[l]),{options:t,query:String(e||"").toLowerCase(),tokens:this.tokenize(e,t.respect_word_boundaries),total:0,items:[]}},Te.prototype.search=function(e,t){var n,i,l,r,s=this;return i=this.prepareSearch(e,t),t=i.options,e=i.query,r=t.score||s.getScoreFunction(i),e.length?s.iterator(s.items,(function(e,l){n=r(e),(!1===t.filter||n>0)&&i.items.push({score:n,id:l})})):s.iterator(s.items,(function(e,t){i.items.push({score:1,id:t})})),(l=s.getSortFunction(i,t))&&i.items.sort(l),i.total=i.items.length,"number"==typeof t.limit&&(i.items=i.items.slice(0,t.limit)),i};var Pe=function(e,t){return"number"==typeof e&&"number"==typeof t?e>t?1:e<t?-1:0:(e=Be(String(e||"")))>(t=Be(String(t||"")))?1:t>e?-1:0},Me=function(e,t){var n,i,l,r;for(n=1,i=arguments.length;n<i;n++)if(r=arguments[n])for(l in r)r.hasOwnProperty(l)&&(e[l]=r[l]);return e},Ne=function(e,t,n){if(e&&t){if(!n)return e[t];for(var i=t.split(".");i.length&&(e=e[i.shift()]););return e}},De=function(e){return(e+"").replace(/^\s+|\s+$|/g,"")},Ve=function(e){return(e+"").replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1")},He={a:"[aḀḁĂăÂâǍǎȺⱥȦȧẠạÄäÀàÁáĀāÃãÅåąĄÃąĄ]",b:"[b␢βΒB฿𐌁ᛒ]",c:"[cĆćĈĉČčĊċC̄c̄ÇçḈḉȻȼƇƈɕᴄＣｃ]",d:"[dĎďḊḋḐḑḌḍḒḓḎḏĐđD̦d̦ƉɖƊɗƋƌᵭᶁᶑȡᴅＤｄð]",e:"[eÉéÈèÊêḘḙĚěĔĕẼẽḚḛẺẻĖėËëĒēȨȩĘęᶒɆɇȄȅẾếỀềỄễỂểḜḝḖḗḔḕȆȇẸẹỆệⱸᴇＥｅɘǝƏƐε]",f:"[fƑƒḞḟ]",g:"[gɢ₲ǤǥĜĝĞğĢģƓɠĠġ]",h:"[hĤĥĦħḨḩẖẖḤḥḢḣɦʰǶƕ]",i:"[iÍíÌìĬĭÎîǏǐÏïḮḯĨĩĮįĪīỈỉȈȉȊȋỊịḬḭƗɨɨ̆ᵻᶖİiIıɪＩｉ]",j:"[jȷĴĵɈɉʝɟʲ]",k:"[kƘƙꝀꝁḰḱǨǩḲḳḴḵκϰ₭]",l:"[lŁłĽľĻļĹĺḶḷḸḹḼḽḺḻĿŀȽƚⱠⱡⱢɫɬᶅɭȴʟＬｌ]",n:"[nŃńǸǹŇňÑñṄṅŅņṆṇṊṋṈṉN̈n̈ƝɲȠƞᵰᶇɳȵɴＮｎŊŋ]",o:"[oØøÖöÓóÒòÔôǑǒŐőŎŏȮȯỌọƟɵƠơỎỏŌōÕõǪǫȌȍՕօ]",p:"[pṔṕṖṗⱣᵽƤƥᵱ]",q:"[qꝖꝗʠɊɋꝘꝙq̃]",r:"[rŔŕɌɍŘřŖŗṘṙȐȑȒȓṚṛⱤɽ]",s:"[sŚśṠṡṢṣꞨꞩŜŝŠšŞşȘșS̈s̈]",t:"[tŤťṪṫŢţṬṭƮʈȚțṰṱṮṯƬƭ]",u:"[uŬŭɄʉỤụÜüÚúÙùÛûǓǔŰűŬŭƯưỦủŪūŨũŲųȔȕ∪]",v:"[vṼṽṾṿƲʋꝞꝟⱱʋ]",w:"[wẂẃẀẁŴŵẄẅẆẇẈẉ]",x:"[xẌẍẊẋχ]",y:"[yÝýỲỳŶŷŸÿỸỹẎẏỴỵɎɏƳƴ]",z:"[zŹźẐẑŽžŻżẒẓẔẕƵƶ]"};const Be=function(){var e,t,n,i,l="",r={};for(n in He)if(He.hasOwnProperty(n))for(l+=i=He[n].substring(2,He[n].length-1),e=0,t=i.length;e<t;e++)r[i.charAt(e)]=n;var s=new RegExp("["+l+"]","g");return function(e){return e.replace(s,(function(e){return r[e]})).toLowerCase()}}();let Re,qe,je=null;function Ge(e,t,n,i,l){const r=i?i(e,t,n):e;if(""==n||e.isSelected||l)return'<div class="sv-item-content">'+r+"</div>";qe||(qe=document.createElement("div"),qe.className="sv-item-content"),qe.innerHTML=r;return Be(n).split(" ").filter((e=>e)).forEach((e=>{Ue(qe,e)})),qe.outerHTML}const Ue=function(e,t){let n=0;if(3===e.nodeType){const i=Be(e.data);let l=i.indexOf(t);if(l-=i.substr(0,l).toUpperCase().length-i.substr(0,l).length,l>=0){const i=document.createElement("span");i.className="highlight";const r=e.splitText(l);r.splitText(t.length);const s=r.cloneNode(!0);i.appendChild(s),r.parentNode.replaceChild(i,r),n=1}}else if(1===e.nodeType&&e.childNodes&&!/(script|style)/i.test(e.tagName)&&("highlight"!==e.className||"SPAN"!==e.tagName))for(var i=0;i<e.childNodes.length;++i)i+=Ue(e.childNodes[i],t);return n};function Je(e,t,n){const i="value"===e;if(n.isOptionArray)return i?"value":"label";let l=i?"value":"text";if(t&&t.length){const e=t[0].options?t[0].options[0]:t[0],n=i?0:1,r=i?["id","value","ID"]:["name","title","label"];l=Object.keys(e).filter((e=>r.includes(e))).concat([Object.keys(e)[n]]).shift()}return l}function Ke(e){return e.trim().split(" ").filter((e=>e)).join(" ")}const We={disabled:!1,valueField:null,labelField:null,disabledField:"$disabled",placeholder:"Select",valueAsObject:!1,searchable:!0,clearable:!1,selectOnTab:!1,resetOnBlur:!0,fetchResetOnBlur:!0,multiple:!1,max:0,collapseSelection:!1,creatable:!1,creatablePrefix:"*",keepCreated:!0,allowEditing:!1,delimiter:",",fetchCallback:null,minQuery:1,lazyDropdown:!0,virtualList:!1,vlItemSize:null,vlHeight:null,i18n:{empty:"No options",nomatch:"No matching options",max:e=>`Maximum items ${e} selected`,fetchBefore:"Type to start searching",fetchQuery:(e,t)=>`Type ${e>1&&e>t?`at least ${e-t} characters `:""}to start searching`,fetchInit:"Fetching data, please wait...",fetchEmpty:"No data related to your search",collapsedSelection:e=>`${e} selected`,createRowLabel:e=>`Create '${e}'`},collapseSelectionFn:function(e,t){return We.i18n.collapsedSelection(e)}},Qe=[];function Xe(t,n=e){let i;const l=new Set;function r(e){if(o(t,e)&&(t=e,i)){const e=!Qe.length;for(const e of l)e[1](),Qe.push(e,t);if(e){for(let e=0;e<Qe.length;e+=2)Qe[e][0](Qe[e+1]);Qe.length=0}}}return{set:r,update:function(e){r(e(t))},subscribe:function(s,o=e){const a=[s,o];return l.add(a),1===l.size&&(i=n(r)||e),s(t),()=>{l.delete(a),0===l.size&&(i(),i=null)}}}}function Ye(e,t,n){if(e&&!t){const t=Array.isArray(e)?e:[e],i=n.labelAsValue?n.labelField:n.valueField;return this.reduce(((e,l,r)=>{if(l.options){const n=l.options.reduce(((e,n)=>(t.includes(n[i])&&e.push(n),e)),[]);if(n.length)return e.push(...n),e}return t.includes(l[i]||l)&&(n.isOptionArray&&(l={[n.valueField]:r,[n.labelField]:l}),e.push(l)),e}),[])}return t&&e?Array.isArray(e)?e:[e]:[]}function Ze(e,t){const n=e.reduce(((e,n,i)=>t.isOptionArray?(e.push({[t.valueField]:i,[t.labelField]:n}),e):n.options&&n.options.length?(t.optionsWithGroups=!0,e.push({label:n.label,$isGroupHeader:!0}),e.push(...n.options.map((e=>(e.$isGroupItem=!0,e)))),e):(e.push(n),e)),[]);return function(e,t){t.isOptionArray&&(t.optionProps||(t.optionProps=["value","label"]));e.some((e=>!e.$isGroupHeader&&(t.optionProps=et(e),!0)))}(n,t),n}function et(e){e.options&&(e=e.options[0]);const t=["$disabled","$isGroupHeader","$isGroupItem"];return Object.keys(e).filter((e=>!t.includes(e)))}function tt(e){const t=e-1;return t*t*t+1}function nt(e,{from:t,to:n},i={}){const l=getComputedStyle(e),r="none"===l.transform?"":l.transform,[o,a]=l.transformOrigin.split(" ").map(parseFloat),c=t.left+t.width*o/n.width-(n.left+o),u=t.top+t.height*a/n.height-(n.top+a),{delay:d=0,duration:h=(e=>120*Math.sqrt(e)),easing:p=tt}=i;return{delay:d,duration:s(h)?h(Math.sqrt(c*c+u*u)):h,easing:p,css:(e,i)=>{const l=i*c,s=i*u,o=e+i*t.width/n.width,a=e+i*t.height/n.height;return`transform: ${r} translate(${l}px, ${s}px) scale(${o}, ${a});`}}}function it(t){let n,i,l,s,o,a,c,u;return{c(){n=z("input"),l=O(),s=z("div"),o=I(t[9]),P(n,"type","text"),P(n,"class","inputBox svelte-x1t6fd"),n.disabled=t[1],n.readOnly=i=!t[0],P(n,"style",t[8]),P(n,"placeholder",t[5]),P(s,"class","shadow-text svelte-x1t6fd"),pe((()=>t[24].call(s)))},m(e,i){var r;A(e,n,i),t[22](n),V(n,t[6]),A(e,l,i),A(e,s,i),w(s,o),a=function(e,t){"static"===getComputedStyle(e).position&&(e.style.position="relative");const n=z("iframe");n.setAttribute("style","display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;"),n.setAttribute("aria-hidden","true"),n.tabIndex=-1;const i=j();let l;return i?(n.src="data:text/html,<script>onresize=function(){parent.postMessage(0,'*')}<\/script>",l=_(window,"message",(e=>{e.source===n.contentWindow&&t()}))):(n.src="about:blank",n.onload=()=>{l=_(n.contentWindow,"resize",t)}),w(e,n),()=>{(i||l&&n.contentWindow)&&l(),F(n)}}(s,t[24].bind(s)),c||(u=[_(n,"input",t[23]),_(n,"focus",t[18]),_(n,"blur",t[19]),_(n,"keydown",t[10]),_(n,"keyup",t[11]),_(n,"paste",t[20]),_(n,"change",(r=t[21],function(e){return e.stopPropagation(),r.call(this,e)}))],c=!0)},p(e,[t]){2&t&&(n.disabled=e[1]),1&t&&i!==(i=!e[0])&&(n.readOnly=i),256&t&&P(n,"style",e[8]),32&t&&P(n,"placeholder",e[5]),64&t&&n.value!==e[6]&&V(n,e[6]),512&t&&D(o,e[9])},i:e,o:e,d(e){e&&F(n),t[22](null),e&&F(l),e&&F(s),a(),c=!1,r(u)}}}function lt(t,n,i){let l,r,s,o,c,u,d,h=e,p=()=>(h(),h=a(x,(e=>i(26,u=e))),x),f=e,m=()=>(f(),f=a($,(e=>i(6,d=e))),$);t.$$.on_destroy.push((()=>h())),t.$$.on_destroy.push((()=>f()));let{placeholder:g}=n,{searchable:v}=n,{disabled:b}=n,{multiple:y}=n,{inputValue:$}=n;m();let{hasDropdownOpened:x}=n;p();let{selectedOptions:C}=n,w=null,S=0;const k=ie();let A=!1;return t.$$set=e=>{"placeholder"in e&&i(13,g=e.placeholder),"searchable"in e&&i(0,v=e.searchable),"disabled"in e&&i(1,b=e.disabled),"multiple"in e&&i(14,y=e.multiple),"inputValue"in e&&m(i(2,$=e.inputValue)),"hasDropdownOpened"in e&&p(i(3,x=e.hasDropdownOpened)),"selectedOptions"in e&&i(15,C=e.selectedOptions)},t.$$.update=()=>{49152&t.$$.dirty&&i(17,l=C.length>0&&!1===y),40960&t.$$.dirty&&i(5,r=C.length>0?"":g),96&t.$$.dirty&&i(9,s=d||r),32768&t.$$.dirty&&i(16,o=0===C.length?19:12),196624&t.$$.dirty&&i(8,c=`width: ${l?2:S+o}px`)},[v,b,$,x,S,r,d,w,c,s,function(e){A=["Enter","Escape"].includes(e.key)&&u,k("keydown",e)},function(e){A&&(e.stopImmediatePropagation(),e.preventDefault()),A=!1},()=>w.focus(),g,y,C,o,l,function(e){le.call(this,t,e)},function(e){le.call(this,t,e)},function(e){le.call(this,t,e)},function(e){le.call(this,t,e)},function(e){se[e?"unshift":"push"]((()=>{w=e,i(7,w)}))},function(){d=this.value,$.set(d)},function(){S=this.clientWidth,i(4,S)}]}class rt extends _e{constructor(e){super(),Le(this,e,lt,it,o,{focus:12,placeholder:13,searchable:0,disabled:1,multiple:14,inputValue:2,hasDropdownOpened:3,selectedOptions:15})}get focus(){return this.$$.ctx[12]}}function st(e,t,n){const i=e.slice();return i[37]=t[n],i}const ot=e=>({}),at=e=>({});function ct(e){let t,n,i,l;const r=[dt,ut],s=[];function o(e,t){return e[5]&&e[6]&&e[16]?0:1}return t=o(e),n=s[t]=r[t](e),{c(){n.c(),i=L()},m(e,n){s[t].m(e,n),A(e,i,n),l=!0},p(e,l){let a=t;t=o(e),t===a?s[t].p(e,l):(xe(),Se(s[a],1,1,(()=>{s[a]=null})),Ce(),n=s[t],n?n.p(e,l):(n=s[t]=r[t](e),n.c()),we(n,1),n.m(i.parentNode,i))},i(e){l||(we(n),l=!0)},o(e){Se(n),l=!1},d(e){s[t].d(e),e&&F(i)}}}function ut(e){let t,n,i=[],l=new Map,r=e[10];const s=e=>e[37][e[13]];for(let t=0;t<r.length;t+=1){let n=st(e,r,t),o=s(n);l.set(o,i[t]=ht(o,n))}return{c(){for(let e=0;e<i.length;e+=1)i[e].c();t=L()},m(e,l){for(let t=0;t<i.length;t+=1)i[t].m(e,l);A(e,t,l),n=!0},p(e,n){if(287780&n[0]){r=e[10],xe();for(let e=0;e<i.length;e+=1)i[e].r();i=Fe(i,n,s,1,e,r,l,t.parentNode,Ae,ht,t,st);for(let e=0;e<i.length;e+=1)i[e].a();Ce()}},i(e){if(!n){for(let e=0;e<r.length;e+=1)we(i[e]);n=!0}},o(e){for(let e=0;e<i.length;e+=1)Se(i[e]);n=!1},d(e){for(let t=0;t<i.length;t+=1)i[t].d(e);e&&F(t)}}}function dt(t){let n,i=t[6](t[10].length,t[10])+"";return{c(){n=I(i)},m(e,t){A(e,n,t)},p(e,t){1088&t[0]&&i!==(i=e[6](e[10].length,e[10])+"")&&D(n,i)},i:e,o:e,d(e){e&&F(n)}}}function ht(t,n){let i,l,r,s,o,a=e;var c=n[14];function u(e){return{props:{formatter:e[2],item:e[37],isSelected:!0,isMultiple:e[5],inputValue:e[18]}}}return c&&(l=new c(u(n)),l.$on("deselect",n[31])),{key:t,first:null,c(){i=z("div"),l&&ze(l.$$.fragment),r=O(),this.first=i},m(e,t){A(e,i,t),l&&Ie(l,i,null),w(i,r),o=!0},p(e,t){n=e;const s={};if(4&t[0]&&(s.formatter=n[2]),1024&t[0]&&(s.item=n[37]),32&t[0]&&(s.isMultiple=n[5]),262144&t[0]&&(s.inputValue=n[18]),c!==(c=n[14])){if(l){xe();const e=l;Se(e.$$.fragment,1,0,(()=>{Oe(e,1)})),Ce()}c?(l=new c(u(n)),l.$on("deselect",n[31]),ze(l.$$.fragment),we(l.$$.fragment,1),Ie(l,i,r)):l=null}else c&&l.$set(s)},r(){s=i.getBoundingClientRect()},f(){Y(i),a()},a(){a(),a=X(i,s,nt,{duration:gt})},i(e){o||(l&&we(l.$$.fragment,e),o=!0)},o(e){l&&Se(l.$$.fragment,e),o=!1},d(e){e&&F(i),l&&Oe(l)}}}function pt(t){let n,i,l;return{c(){n=z("div"),n.innerHTML='<svg class="indicator-icon svelte-v9xikc" height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>',P(n,"aria-hidden","true"),P(n,"class","indicator-container close-icon svelte-v9xikc")},m(e,r){A(e,n,r),i||(l=[_(n,"mousedown",T(t[28])),_(n,"click",t[35])],i=!0)},p:e,d(e){e&&F(n),i=!1,r(l)}}}function ft(e){let t;return{c(){t=z("span"),P(t,"class","indicator-separator svelte-v9xikc")},m(e,n){A(e,t,n)},d(e){e&&F(t)}}}function mt(e){let t,n,i,l,o,a,c,d,m,g,b,y,$,x;const C=e[25].icon,S=u(C,e,e[24],at);let k=e[10].length&&ct(e),E={disabled:e[3],searchable:e[1],placeholder:e[4],multiple:e[5],inputValue:e[7],hasDropdownOpened:e[9],selectedOptions:e[10]};o=new rt({props:E}),e[32](o),o.$on("focus",e[21]),o.$on("blur",e[22]),o.$on("keydown",e[33]),o.$on("paste",e[34]);let I=e[0]&&e[10].length&&!e[3]&&pt(e),L=e[0]&&ft();return{c(){t=z("div"),S&&S.c(),n=O(),i=z("div"),k&&k.c(),l=O(),ze(o.$$.fragment),c=O(),d=z("div"),I&&I.c(),m=O(),L&&L.c(),g=O(),b=z("div"),b.innerHTML='<svg width="20" height="20" class="indicator-icon svelte-v9xikc" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>',P(i,"class","sv-content sv-input-row svelte-v9xikc"),G(i,"has-multiSelection",e[5]),P(b,"aria-hidden","true"),P(b,"class","indicator-container svelte-v9xikc"),P(d,"class","indicator svelte-v9xikc"),G(d,"is-loading",e[11]),P(t,"class","sv-control svelte-v9xikc"),G(t,"is-active",e[19]),G(t,"is-disabled",e[3])},m(r,s){A(r,t,s),S&&S.m(t,null),w(t,n),w(t,i),k&&k.m(i,null),w(i,l),Ie(o,i,null),w(t,c),w(t,d),I&&I.m(d,null),w(d,m),L&&L.m(d,null),w(d,g),w(d,b),y=!0,$||(x=[v(a=e[12].call(null,i,{items:e[10],flipDurationMs:gt,morphDisabled:!0})),_(i,"consider",e[29]),_(i,"finalize",e[30]),_(b,"mousedown",T(e[27])),_(t,"mousedown",T(e[26])),_(t,"click",T(e[15]))],$=!0)},p(e,n){S&&S.p&&(!y||16777216&n[0])&&p(S,C,e,e[24],y?h(C,e[24],n,ot):f(e[24]),at),e[10].length?k?(k.p(e,n),1024&n[0]&&we(k,1)):(k=ct(e),k.c(),we(k,1),k.m(i,l)):k&&(xe(),Se(k,1,1,(()=>{k=null})),Ce());const r={};8&n[0]&&(r.disabled=e[3]),2&n[0]&&(r.searchable=e[1]),16&n[0]&&(r.placeholder=e[4]),32&n[0]&&(r.multiple=e[5]),128&n[0]&&(r.inputValue=e[7]),512&n[0]&&(r.hasDropdownOpened=e[9]),1024&n[0]&&(r.selectedOptions=e[10]),o.$set(r),a&&s(a.update)&&1024&n[0]&&a.update.call(null,{items:e[10],flipDurationMs:gt,morphDisabled:!0}),32&n[0]&&G(i,"has-multiSelection",e[5]),e[0]&&e[10].length&&!e[3]?I?I.p(e,n):(I=pt(e),I.c(),I.m(d,m)):I&&(I.d(1),I=null),e[0]?L||(L=ft(),L.c(),L.m(d,g)):L&&(L.d(1),L=null),2048&n[0]&&G(d,"is-loading",e[11]),524288&n[0]&&G(t,"is-active",e[19]),8&n[0]&&G(t,"is-disabled",e[3])},i(e){y||(we(S,e),we(k),we(o.$$.fragment,e),y=!0)},o(e){Se(S,e),Se(k),Se(o.$$.fragment,e),y=!1},d(n){n&&F(t),S&&S.d(n),k&&k.d(),e[32](null),Oe(o),I&&I.d(),L&&L.d(),$=!1,r(x)}}}const gt=100;function vt(t,n,i){let l,r,s,o=e,c=()=>(o(),o=a(k,(e=>i(18,l=e))),k),u=e,d=()=>(u(),u=a(F,(e=>i(36,r=e))),F),h=e,p=()=>(h(),h=a(A,(e=>i(19,s=e))),A);t.$$.on_destroy.push((()=>o())),t.$$.on_destroy.push((()=>u())),t.$$.on_destroy.push((()=>h()));let{$$slots:f={},$$scope:m}=n,{clearable:v}=n,{searchable:b}=n,{renderer:y}=n,{disabled:$}=n,{placeholder:x}=n,{multiple:C}=n,{resetOnBlur:w}=n,{collapseSelection:S}=n,{inputValue:k}=n;c();let{hasFocus:A}=n;p();let{hasDropdownOpened:F}=n;d();let{selectedOptions:E}=n,{isFetchingData:z}=n,{dndzone:I}=n,{currentValueField:O}=n,{itemComponent:L}=n;const _=ie();let T,P=!0;return t.$$set=e=>{"clearable"in e&&i(0,v=e.clearable),"searchable"in e&&i(1,b=e.searchable),"renderer"in e&&i(2,y=e.renderer),"disabled"in e&&i(3,$=e.disabled),"placeholder"in e&&i(4,x=e.placeholder),"multiple"in e&&i(5,C=e.multiple),"resetOnBlur"in e&&i(23,w=e.resetOnBlur),"collapseSelection"in e&&i(6,S=e.collapseSelection),"inputValue"in e&&c(i(7,k=e.inputValue)),"hasFocus"in e&&p(i(8,A=e.hasFocus)),"hasDropdownOpened"in e&&d(i(9,F=e.hasDropdownOpened)),"selectedOptions"in e&&i(10,E=e.selectedOptions),"isFetchingData"in e&&i(11,z=e.isFetchingData),"dndzone"in e&&i(12,I=e.dndzone),"currentValueField"in e&&i(13,O=e.currentValueField),"itemComponent"in e&&i(14,L=e.itemComponent),"$$scope"in e&&i(24,m=e.$$scope)},[v,b,y,$,x,C,S,k,A,F,E,z,I,O,L,function(e){if(!$)return e?void(s?g(F,r=!r,r):T.focus()):(!s&&T.focus(),void g(F,r=!0,r))},P,T,l,s,_,function(){g(A,s=!0,s),g(F,r=!0,r),setTimeout((()=>{i(16,P=!1)}),150)},function(){g(A,s=!1,s),g(F,r=!1,r),w&&g(k,l="",l),setTimeout((()=>{i(16,P=!0)}),100),_("blur")},w,m,f,function(e){le.call(this,t,e)},function(e){le.call(this,t,e)},function(e){le.call(this,t,e)},function(e){le.call(this,t,e)},function(e){le.call(this,t,e)},function(e){le.call(this,t,e)},function(e){se[e?"unshift":"push"]((()=>{T=e,i(17,T)}))},function(e){le.call(this,t,e)},function(e){le.call(this,t,e)},()=>_("deselect")]}class bt extends _e{constructor(e){super(),Le(this,e,vt,mt,o,{clearable:0,searchable:1,renderer:2,disabled:3,placeholder:4,multiple:5,resetOnBlur:23,collapseSelection:6,inputValue:7,hasFocus:8,hasDropdownOpened:9,selectedOptions:10,isFetchingData:11,dndzone:12,currentValueField:13,itemComponent:14,focusControl:15},null,[-1,-1])}get focusControl(){return this.$$.ctx[15]}}const yt="start",$t="center",xt="end",Ct={HORIZONTAL:"horizontal",VERTICAL:"vertical"},wt=0,St=1,kt={[Ct.VERTICAL]:"scrollTop",[Ct.HORIZONTAL]:"scrollLeft"};class At{constructor({itemSize:e,itemCount:t,estimatedItemSize:n}){this.itemSize=e,this.itemCount=t,this.estimatedItemSize=n,this.itemSizeAndPositionData={},this.lastMeasuredIndex=-1,this.checkForMismatchItemSizeAndItemCount(),this.justInTime||this.computeTotalSizeAndPositionData()}get justInTime(){return"function"==typeof this.itemSize}updateConfig({itemSize:e,itemCount:t,estimatedItemSize:n}){null!=t&&(this.itemCount=t),null!=n&&(this.estimatedItemSize=n),null!=e&&(this.itemSize=e),this.checkForMismatchItemSizeAndItemCount(),this.justInTime&&null!=this.totalSize?this.totalSize=void 0:this.computeTotalSizeAndPositionData()}checkForMismatchItemSizeAndItemCount(){if(Array.isArray(this.itemSize)&&this.itemSize.length<this.itemCount)throw Error("When itemSize is an array, itemSize.length can't be smaller than itemCount")}getSize(e){const{itemSize:t}=this;return"function"==typeof t?t(e):Array.isArray(t)?t[e]:t}computeTotalSizeAndPositionData(){let e=0;for(let t=0;t<this.itemCount;t++){const n=this.getSize(t),i=e;e+=n,this.itemSizeAndPositionData[t]={offset:i,size:n}}this.totalSize=e}getLastMeasuredIndex(){return this.lastMeasuredIndex}getSizeAndPositionForIndex(e){if(e<0||e>=this.itemCount)throw Error(`Requested index ${e} is outside of range 0..${this.itemCount}`);return this.justInTime?this.getJustInTimeSizeAndPositionForIndex(e):this.itemSizeAndPositionData[e]}getJustInTimeSizeAndPositionForIndex(e){if(e>this.lastMeasuredIndex){const t=this.getSizeAndPositionOfLastMeasuredItem();let n=t.offset+t.size;for(let t=this.lastMeasuredIndex+1;t<=e;t++){const e=this.getSize(t);if(null==e||isNaN(e))throw Error(`Invalid size returned for index ${t} of value ${e}`);this.itemSizeAndPositionData[t]={offset:n,size:e},n+=e}this.lastMeasuredIndex=e}return this.itemSizeAndPositionData[e]}getSizeAndPositionOfLastMeasuredItem(){return this.lastMeasuredIndex>=0?this.itemSizeAndPositionData[this.lastMeasuredIndex]:{offset:0,size:0}}getTotalSize(){if(this.totalSize)return this.totalSize;const e=this.getSizeAndPositionOfLastMeasuredItem();return e.offset+e.size+(this.itemCount-this.lastMeasuredIndex-1)*this.estimatedItemSize}getUpdatedOffsetForIndex({align:e=yt,containerSize:t,currentOffset:n,targetIndex:i}){if(t<=0)return 0;const l=this.getSizeAndPositionForIndex(i),r=l.offset,s=r-t+l.size;let o;switch(e){case xt:o=s;break;case $t:o=r-(t-l.size)/2;break;case yt:o=r;break;default:o=Math.max(s,Math.min(r,n))}const a=this.getTotalSize();return Math.max(0,Math.min(a-t,o))}getVisibleRange({containerSize:e=0,offset:t,overscanCount:n}){if(0===this.getTotalSize())return{};const i=t+e;let l=this.findNearestItem(t);if(void 0===l)throw Error(`Invalid offset ${t} specified`);const r=this.getSizeAndPositionForIndex(l);t=r.offset+r.size;let s=l;for(;t<i&&s<this.itemCount-1;)s++,t+=this.getSizeAndPositionForIndex(s).size;return n&&(l=Math.max(0,l-n),s=Math.min(s+n,this.itemCount-1)),{start:l,stop:s}}resetItem(e){this.lastMeasuredIndex=Math.min(this.lastMeasuredIndex,e-1)}findNearestItem(e){if(isNaN(e))throw Error(`Invalid offset ${e} specified`);e=Math.max(0,e);const t=this.getSizeAndPositionOfLastMeasuredItem(),n=Math.max(0,this.lastMeasuredIndex);return t.offset>=e?this.binarySearch({high:n,low:0,offset:e}):this.exponentialSearch({index:n,offset:e})}binarySearch({low:e,high:t,offset:n}){let i=0,l=0;for(;e<=t;){if(i=e+Math.floor((t-e)/2),l=this.getSizeAndPositionForIndex(i).offset,l===n)return i;l<n?e=i+1:l>n&&(t=i-1)}return e>0?e-1:0}exponentialSearch({index:e,offset:t}){let n=1;for(;e<this.itemCount&&this.getSizeAndPositionForIndex(e).offset<t;)e+=n,n*=2;return this.binarySearch({high:Math.min(e,this.itemCount-1),low:Math.floor(e/2),offset:t})}}const Ft=e=>({}),Et=e=>({});function zt(e,t,n){const i=e.slice();return i[36]=t[n],i}const It=e=>({style:4&e[0],index:4&e[0]}),Ot=e=>({style:e[36].style,index:e[36].index}),Lt=e=>({}),_t=e=>({});function Tt(e,t){let n,i;const l=t[20].item,r=u(l,t,t[19],Ot);return{key:e,first:null,c(){n=L(),r&&r.c(),this.first=n},m(e,t){A(e,n,t),r&&r.m(e,t),i=!0},p(e,n){t=e,r&&r.p&&(!i||524292&n[0])&&p(r,l,t,t[19],i?h(l,t[19],n,It):f(t[19]),Ot)},i(e){i||(we(r,e),i=!0)},o(e){Se(r,e),i=!1},d(e){e&&F(n),r&&r.d(e)}}}function Pt(e){let t,n,i,l,r,s=[],o=new Map;const a=e[20].header,c=u(a,e,e[19],_t);let d=e[2];const m=e=>e[0]?e[0](e[36].index):e[36].index;for(let t=0;t<d.length;t+=1){let n=zt(e,d,t),i=m(n);o.set(i,s[t]=Tt(i,n))}const g=e[20].footer,v=u(g,e,e[19],Et);return{c(){t=z("div"),c&&c.c(),n=O(),i=z("div");for(let e=0;e<s.length;e+=1)s[e].c();l=O(),v&&v.c(),P(i,"class","virtual-list-inner svelte-1he1ex4"),P(i,"style",e[4]),P(t,"class","virtual-list-wrapper svelte-1he1ex4"),P(t,"style",e[3])},m(o,a){A(o,t,a),c&&c.m(t,null),w(t,n),w(t,i);for(let e=0;e<s.length;e+=1)s[e].m(i,null);w(t,l),v&&v.m(t,null),e[21](t),r=!0},p(e,n){c&&c.p&&(!r||524288&n[0])&&p(c,a,e,e[19],r?h(a,e[19],n,Lt):f(e[19]),_t),524293&n[0]&&(d=e[2],xe(),s=Fe(s,n,m,1,e,d,o,i,ke,Tt,null,zt),Ce()),(!r||16&n[0])&&P(i,"style",e[4]),v&&v.p&&(!r||524288&n[0])&&p(v,g,e,e[19],r?h(g,e[19],n,Ft):f(e[19]),Et),(!r||8&n[0])&&P(t,"style",e[3])},i(e){if(!r){we(c,e);for(let e=0;e<d.length;e+=1)we(s[e]);we(v,e),r=!0}},o(e){Se(c,e);for(let e=0;e<s.length;e+=1)Se(s[e]);Se(v,e),r=!1},d(n){n&&F(t),c&&c.d(n);for(let e=0;e<s.length;e+=1)s[e].d();v&&v.d(n),e[21](null)}}}const Mt=(()=>{let e=!1;try{const t=Object.defineProperty({},"passive",{get:()=>(e={passive:!0},!0)});window.addEventListener("testpassive",t,t),window.remove("testpassive",t,t)}catch(e){}return e})();function Nt(e,t,n){let{$$slots:i={},$$scope:l}=t,{height:r}=t,{width:s="100%"}=t,{itemCount:o}=t,{itemSize:a}=t,{estimatedItemSize:c=null}=t,{stickyIndices:u=null}=t,{getKey:d=null}=t,{scrollDirection:h=Ct.VERTICAL}=t,{scrollOffset:p=null}=t,{scrollToIndex:f=null}=t,{scrollToAlignment:m=null}=t,{overscanCount:g=3}=t;const v=ie(),b=new At({itemCount:o,itemSize:a,estimatedItemSize:_()});let y,$=!1,x=[],C={offset:p||null!=f&&x.length&&O(f)||0,scrollChangeReason:St},w=C,S={scrollToIndex:f,scrollToAlignment:m,scrollOffset:p,itemCount:o,itemSize:a,estimatedItemSize:c},k={},A="",F="";function E(){const{offset:e}=C,{start:t,stop:i}=b.getVisibleRange({containerSize:h===Ct.VERTICAL?r:s,offset:e,overscanCount:g});let l=[];const o=b.getTotalSize();h===Ct.VERTICAL?(n(3,A=`height:${r}px;width:${s};`),n(4,F=`flex-direction:column;height:${o}px;`)):(n(3,A=`height:${r};width:${s}px`),n(4,F=`width:${o}px;`));const a=null!=u&&0!==u.length;if(a)for(let e=0;e<u.length;e++){const t=u[e];l.push({index:t,style:T(t,!0)})}if(void 0!==t&&void 0!==i){for(let e=t;e<=i;e++)a&&u.includes(e)||l.push({index:e,style:T(e,!1)});v("itemsUpdated",{startIndex:t,stopIndex:i})}n(2,x=l)}function z(e){n(1,y[kt[h]]=e,y)}function I(e=0){k={},b.resetItem(e),E()}function O(e,t=m,n=o){return(e<0||e>=n)&&(e=0),b.getUpdatedOffsetForIndex({align:t,containerSize:h===Ct.VERTICAL?r:s,currentOffset:C.offset||0,targetIndex:e})}function L(e){const t=y[kt[h]];t<0||C.offset===t||e.target!==y||(n(18,C={offset:t,scrollChangeReason:wt}),v("afterScroll",{offset:t,event:e}))}function _(){return c||"number"==typeof a&&a||50}function T(e,t){if(k[e])return k[e];const{size:n,offset:i}=b.getSizeAndPositionForIndex(e);let l;return h===Ct.VERTICAL?(l=`left:0;width:100%;height:${n}px;`,l+=t?`position:sticky;flex-grow:0;z-index:1;top:0;margin-top:${i}px;margin-bottom:${-(i+n)}px;`:`position:absolute;top:${i}px;`):(l=`top:0;width:${n}px;`,l+=t?`position:sticky;z-index:1;left:0;margin-left:${i}px;margin-right:${-(i+n)}px;`:`position:absolute;height:100%;left:${i}px;`),k[e]=l}return E(),te((()=>{n(17,$=!0),y.addEventListener("scroll",L,Mt),null!=p?z(p):null!=f&&z(O(f))})),ne((()=>{$&&y.removeEventListener("scroll",L)})),e.$$set=e=>{"height"in e&&n(5,r=e.height),"width"in e&&n(6,s=e.width),"itemCount"in e&&n(7,o=e.itemCount),"itemSize"in e&&n(8,a=e.itemSize),"estimatedItemSize"in e&&n(9,c=e.estimatedItemSize),"stickyIndices"in e&&n(10,u=e.stickyIndices),"getKey"in e&&n(0,d=e.getKey),"scrollDirection"in e&&n(11,h=e.scrollDirection),"scrollOffset"in e&&n(12,p=e.scrollOffset),"scrollToIndex"in e&&n(13,f=e.scrollToIndex),"scrollToAlignment"in e&&n(14,m=e.scrollToAlignment),"overscanCount"in e&&n(15,g=e.overscanCount),"$$scope"in e&&n(19,l=e.$$scope)},e.$$.update=()=>{29568&e.$$.dirty[0]&&function(){if(!$)return;const e=S.scrollToIndex!==f||S.scrollToAlignment!==m,t=S.itemCount!==o||S.itemSize!==a||S.estimatedItemSize!==c;t&&(b.updateConfig({itemSize:a,itemCount:o,estimatedItemSize:_()}),I()),S.scrollOffset!==p?n(18,C={offset:p||0,scrollChangeReason:St}):"number"==typeof f&&(e||t)&&n(18,C={offset:O(f,m,o),scrollChangeReason:St}),S={scrollToIndex:f,scrollToAlignment:m,scrollOffset:p,itemCount:o,itemSize:a,estimatedItemSize:c}}(),262144&e.$$.dirty[0]&&function(){if(!$)return;const{offset:e,scrollChangeReason:t}=C;w.offset===e&&w.scrollChangeReason===t||E(),w.offset!==e&&t===St&&z(e),w=C}(),132192&e.$$.dirty[0]&&$&&I(r)},[d,y,x,A,F,r,s,o,a,c,u,h,p,f,m,g,I,$,C,l,i,function(e){se[e?"unshift":"push"]((()=>{y=e,n(1,y)}))}]}class Dt extends _e{constructor(e){super(),Le(this,e,Nt,Pt,o,{height:5,width:6,itemCount:7,itemSize:8,estimatedItemSize:9,stickyIndices:10,getKey:0,scrollDirection:11,scrollOffset:12,scrollToIndex:13,scrollToAlignment:14,overscanCount:15,recomputeSizes:16},null,[-1,-1])}get recomputeSizes(){return this.$$.ctx[16]}}function Vt(e,t,n){const i=e.slice();return i[47]=t[n],i[49]=n,i}function Ht(e){let t,n,i,l,r,s,o,a,c=e[5].length&&Bt(e),u=(e[17]||e[2])&&Ut(e),d=e[8]&&e[1]&&!e[2]&&Jt(e);return{c(){t=z("div"),n=z("div"),i=z("div"),c&&c.c(),l=O(),u&&u.c(),r=O(),d&&d.c(),P(i,"class","sv-dropdown-content svelte-aqpko7"),G(i,"max-reached",e[2]),P(n,"class","sv-dropdown-scroll svelte-aqpko7"),G(n,"is-empty",!e[5].length),P(t,"class","sv-dropdown svelte-aqpko7"),P(t,"aria-expanded",e[25]),P(t,"tabindex","-1"),G(t,"is-virtual",e[7])},m(h,p){A(h,t,p),w(t,n),w(n,i),c&&c.m(i,null),w(i,l),u&&u.m(i,null),e[39](i),e[40](n),w(t,r),d&&d.m(t,null),s=!0,o||(a=_(t,"mousedown",T(e[33])),o=!0)},p(e,r){e[5].length?c?(c.p(e,r),32&r[0]&&we(c,1)):(c=Bt(e),c.c(),we(c,1),c.m(i,l)):c&&(xe(),Se(c,1,1,(()=>{c=null})),Ce()),e[17]||e[2]?u?u.p(e,r):(u=Ut(e),u.c(),u.m(i,null)):u&&(u.d(1),u=null),4&r[0]&&G(i,"max-reached",e[2]),32&r[0]&&G(n,"is-empty",!e[5].length),e[8]&&e[1]&&!e[2]?d?d.p(e,r):(d=Jt(e),d.c(),d.m(t,null)):d&&(d.d(1),d=null),(!s||33554432&r[0])&&P(t,"aria-expanded",e[25]),128&r[0]&&G(t,"is-virtual",e[7])},i(e){s||(we(c),s=!0)},o(e){Se(c),s=!1},d(n){n&&F(t),c&&c.d(),u&&u.d(),e[39](null),e[40](null),d&&d.d(),o=!1,a()}}}function Bt(e){let t,n,i,l;const r=[qt,Rt],s=[];function o(e,t){return e[7]?0:1}return t=o(e),n=s[t]=r[t](e),{c(){n.c(),i=L()},m(e,n){s[t].m(e,n),A(e,i,n),l=!0},p(e,l){let a=t;t=o(e),t===a?s[t].p(e,l):(xe(),Se(s[a],1,1,(()=>{s[a]=null})),Ce(),n=s[t],n?n.p(e,l):(n=s[t]=r[t](e),n.c()),we(n,1),n.m(i.parentNode,i))},i(e){l||(we(n),l=!0)},o(e){Se(n),l=!1},d(e){s[t].d(e),e&&F(i)}}}function Rt(e){let t,n,i=e[5],l=[];for(let t=0;t<i.length;t+=1)l[t]=jt(Vt(e,i,t));const r=e=>Se(l[e],1,1,(()=>{l[e]=null}));return{c(){for(let e=0;e<l.length;e+=1)l[e].c();t=L()},m(e,i){for(let t=0;t<l.length;t+=1)l[t].m(e,i);A(e,t,i),n=!0},p(e,n){if(37689&n[0]){let s;for(i=e[5],s=0;s<i.length;s+=1){const r=Vt(e,i,s);l[s]?(l[s].p(r,n),we(l[s],1)):(l[s]=jt(r),l[s].c(),we(l[s],1),l[s].m(t.parentNode,t))}for(xe(),s=i.length;s<l.length;s+=1)r(s);Ce()}},i(e){if(!n){for(let e=0;e<i.length;e+=1)we(l[e]);n=!0}},o(e){l=l.filter(Boolean);for(let e=0;e<l.length;e+=1)Se(l[e]);n=!1},d(e){E(l,e),e&&F(t)}}}function qt(e){let t,n,i={width:"100%",height:e[23],itemCount:e[5].length,itemSize:e[19],scrollToAlignment:"auto",scrollToIndex:e[0]?parseInt(e[0]):null,$$slots:{item:[Gt,({style:e,index:t})=>({45:e,46:t}),({style:e,index:t})=>[0,(e?16384:0)|(t?32768:0)]]},$$scope:{ctx:e}};return t=new Dt({props:i}),e[36](t),{c(){ze(t.$$.fragment)},m(e,i){Ie(t,e,i),n=!0},p(e,n){const i={};8388608&n[0]&&(i.height=e[23]),32&n[0]&&(i.itemCount=e[5].length),524288&n[0]&&(i.itemSize=e[19]),1&n[0]&&(i.scrollToIndex=e[0]?parseInt(e[0]):null),37689&n[0]|573440&n[1]&&(i.$$scope={dirty:n,ctx:e}),t.$set(i)},i(e){n||(we(t.$$.fragment,e),n=!0)},o(e){Se(t.$$.fragment,e),n=!1},d(n){e[36](null),Oe(t,n)}}}function jt(e){let t,n,i,l,r;var s=e[15];function o(e){return{props:{formatter:e[3],index:e[9].map[e[49]],isDisabled:e[47][e[12]],item:e[47],inputValue:e[8],disableHighlight:e[4]}}}return s&&(n=new s(o(e)),n.$on("hover",e[37]),n.$on("select",e[38])),{c(){t=z("div"),n&&ze(n.$$.fragment),i=O(),P(t,"data-pos",l=e[9].map[e[49]]),P(t,"class","sv-dd-item"),G(t,"sv-dd-item-active",e[9].map[e[49]]==e[0]),G(t,"sv-group-item",e[47].$isGroupItem),G(t,"sv-group-header",e[47].$isGroupHeader)},m(e,l){A(e,t,l),n&&Ie(n,t,null),w(t,i),r=!0},p(e,a){const c={};if(8&a[0]&&(c.formatter=e[3]),512&a[0]&&(c.index=e[9].map[e[49]]),4128&a[0]&&(c.isDisabled=e[47][e[12]]),32&a[0]&&(c.item=e[47]),256&a[0]&&(c.inputValue=e[8]),16&a[0]&&(c.disableHighlight=e[4]),s!==(s=e[15])){if(n){xe();const e=n;Se(e.$$.fragment,1,0,(()=>{Oe(e,1)})),Ce()}s?(n=new s(o(e)),n.$on("hover",e[37]),n.$on("select",e[38]),ze(n.$$.fragment),we(n.$$.fragment,1),Ie(n,t,i)):n=null}else s&&n.$set(c);(!r||512&a[0]&&l!==(l=e[9].map[e[49]]))&&P(t,"data-pos",l),513&a[0]&&G(t,"sv-dd-item-active",e[9].map[e[49]]==e[0]),32&a[0]&&G(t,"sv-group-item",e[47].$isGroupItem),32&a[0]&&G(t,"sv-group-header",e[47].$isGroupHeader)},i(e){r||(n&&we(n.$$.fragment,e),r=!0)},o(e){n&&Se(n.$$.fragment,e),r=!1},d(e){e&&F(t),n&&Oe(n)}}}function Gt(e){let t,n,i,l;var r=e[15];function s(e){return{props:{formatter:e[3],index:e[9].map[e[46]],isDisabled:e[5][e[46]][e[12]],item:e[5][e[46]],inputValue:e[8],disableHighlight:e[4]}}}return r&&(n=new r(s(e)),n.$on("hover",e[34]),n.$on("select",e[35])),{c(){t=z("div"),n&&ze(n.$$.fragment),P(t,"slot","item"),P(t,"style",i=e[45]),P(t,"class","sv-dd-item"),G(t,"sv-dd-item-active",e[46]==e[0]),G(t,"sv-group-item",e[5][e[46]].$isGroupItem),G(t,"sv-group-header",e[5][e[46]].$isGroupHeader)},m(e,i){A(e,t,i),n&&Ie(n,t,null),l=!0},p(e,o){const a={};if(8&o[0]&&(a.formatter=e[3]),512&o[0]|32768&o[1]&&(a.index=e[9].map[e[46]]),4128&o[0]|32768&o[1]&&(a.isDisabled=e[5][e[46]][e[12]]),32&o[0]|32768&o[1]&&(a.item=e[5][e[46]]),256&o[0]&&(a.inputValue=e[8]),16&o[0]&&(a.disableHighlight=e[4]),r!==(r=e[15])){if(n){xe();const e=n;Se(e.$$.fragment,1,0,(()=>{Oe(e,1)})),Ce()}r?(n=new r(s(e)),n.$on("hover",e[34]),n.$on("select",e[35]),ze(n.$$.fragment),we(n.$$.fragment,1),Ie(n,t,null)):n=null}else r&&n.$set(a);(!l||16384&o[1]&&i!==(i=e[45]))&&P(t,"style",i),1&o[0]|32768&o[1]&&G(t,"sv-dd-item-active",e[46]==e[0]),32&o[0]|32768&o[1]&&G(t,"sv-group-item",e[5][e[46]].$isGroupItem),32&o[0]|32768&o[1]&&G(t,"sv-group-header",e[5][e[46]].$isGroupHeader)},i(e){l||(n&&we(n.$$.fragment,e),l=!0)},o(e){n&&Se(n.$$.fragment,e),l=!1},d(e){e&&F(t),n&&Oe(n)}}}function Ut(e){let t,n;return{c(){t=z("div"),n=I(e[11]),P(t,"class","empty-list-row svelte-aqpko7")},m(e,i){A(e,t,i),w(t,n)},p(e,t){2048&t[0]&&D(n,e[11])},d(e){e&&F(t)}}}function Jt(e){let t,n,i,l,o,a,c=e[13](e[8])+"",u=e[24]!=e[0]&&Kt(e);return{c(){t=z("div"),n=z("div"),i=new U,l=O(),u&&u.c(),i.a=l,P(n,"class","creatable-row svelte-aqpko7"),G(n,"active",e[24]==e[0]),G(n,"is-disabled",e[6].includes(e[8])),P(t,"class","creatable-row-wrap svelte-aqpko7")},m(r,d){A(r,t,d),w(t,n),i.m(c,n),w(n,l),u&&u.m(n,null),o||(a=[_(n,"click",(function(){s(e[26]("select",e[8]))&&e[26]("select",e[8]).apply(this,arguments)})),_(n,"mouseenter",(function(){s(e[26]("hover",e[9].last))&&e[26]("hover",e[9].last).apply(this,arguments)}))],o=!0)},p(t,l){e=t,8448&l[0]&&c!==(c=e[13](e[8])+"")&&i.p(c),e[24]!=e[0]?u?u.p(e,l):(u=Kt(e),u.c(),u.m(n,null)):u&&(u.d(1),u=null),16777217&l[0]&&G(n,"active",e[24]==e[0]),320&l[0]&&G(n,"is-disabled",e[6].includes(e[8]))},d(e){e&&F(t),u&&u.d(),o=!1,r(a)}}}function Kt(e){let t,n,i,l,r;return{c(){t=z("span"),n=z("kbd"),i=I(e[14]),l=I("+"),r=z("kbd"),r.textContent="Enter",P(n,"class","svelte-aqpko7"),P(r,"class","svelte-aqpko7"),P(t,"class","shortcut svelte-aqpko7")},m(e,s){A(e,t,s),w(t,n),w(n,i),w(t,l),w(t,r)},p(e,t){16384&t[0]&&D(i,e[14])},d(e){e&&F(t)}}}function Wt(e){let t,n,i=e[16]&&e[18]&&Ht(e);return{c(){i&&i.c(),t=L()},m(e,l){i&&i.m(e,l),A(e,t,l),n=!0},p(e,n){e[16]&&e[18]?i?(i.p(e,n),327680&n[0]&&we(i,1)):(i=Ht(e),i.c(),we(i,1),i.m(t.parentNode,t)):i&&(xe(),Se(i,1,1,(()=>{i=null})),Ce())},i(e){n||(we(i),n=!0)},o(e){Se(i),n=!1},d(e){i&&i.d(e),e&&F(t)}}}function Qt(t,n,i){let l,r,s,o=e,c=()=>(o(),o=a(w,(e=>i(25,s=e))),w);t.$$.on_destroy.push((()=>o()));let{lazyDropdown:u}=n,{creatable:d}=n,{maxReached:h=!1}=n,{dropdownIndex:p=0}=n,{renderer:f}=n,{disableHighlight:m}=n,{items:g=[]}=n,{alreadyCreated:v}=n,{virtualList:b}=n,{vlItemSize:y}=n,{vlHeight:$}=n,{inputValue:x}=n,{listIndex:C}=n,{hasDropdownOpened:w}=n;c();let{listMessage:S}=n,{disabledField:k}=n,{createLabel:A}=n,{metaKey:F}=n,{itemComponent:E}=n;function z(e){if(b)return;const t=O.querySelector(`[data-pos="${p}"]`);if(!t)return;const n=t.getBoundingClientRect(),l=L.getBoundingClientRect(),r=t.offsetHeight/3,s=e&&e.center?L.offsetHeight/2:0;switch(!0){case t.offsetTop<L.scrollTop:i(21,L.scrollTop=t.offsetTop-r+s,L);break;case t.offsetTop+n.height>L.scrollTop+l.height:i(21,L.scrollTop=t.offsetTop+n.height-L.offsetHeight+r+s,L)}}const I=ie();let O,L,_,T=!1,P=!1,M=!u,N=$,D=y,V=null===$&&null===y;function H(e){if(!L&&!M)return;const t=function(e){if(!e)return!1;const t=e.getBoundingClientRect(),n={};return n.top=t.top<0||t.top-t.height<0,n.left=t.left<0,n.bottom=t.bottom>(window.innerHeight||document.documentElement.clientHeight),n.right=t.right>(window.innerWidth||document.documentElement.clientWidth),n.any=n.top||n.left||n.bottom||n.right,n}(L.parentElement);t.bottom&&!t.top?i(21,L.parentElement.style.bottom=L.parentElement.parentElement.clientHeight+1+"px",L):e&&!t.top||i(21,L.parentElement.style.bottom="",L)}function B(){if(!_)return;const e=(e,t)=>{const n=window.getComputedStyle(e);let{groups:{value:i,unit:l}}=n[t].match(/(?<value>\d+)(?<unit>[a-zA-Z]+)/);if(i=parseFloat(i),"px"!==l){const e="rem"===l?document.documentElement:L.parentElement.parentElement;i*=parseFloat(window.getComputedStyle(e).fontSize.match(/\d+/).shift())}return i};i(32,N=e(L,"maxHeight")-e(L,"paddingTop")-e(L,"paddingBottom")),i(21,L.parentElement.style="opacity: 0; display: block",L);const t=_.$$.ctx[1].firstElementChild.firstElementChild;if(t){t.style="";const e=t.getBoundingClientRect().height,n=_.$$.ctx[1].firstElementChild.firstElementChild.nextElementSibling;let l;if(n&&(n.style="",l=n.getBoundingClientRect().height),e!==l){const t=g[0].$isGroupHeader?e:l,n=g[0].$isGroupHeader?l:e;i(19,D=g.map((e=>e.$isGroupHeader?t:n)))}else i(19,D=e)}i(21,L.parentElement.style="",L)}let R=()=>{};return te((()=>{R=w.subscribe((e=>{!M&&e&&i(18,M=!0),he().then((()=>{H(e),e&&z({center:!0})})),document[e?"addEventListener":"removeEventListener"]("scroll",(()=>H(e)),{passive:!0})})),i(16,T=!0)})),ne((()=>R())),t.$$set=e=>{"lazyDropdown"in e&&i(27,u=e.lazyDropdown),"creatable"in e&&i(1,d=e.creatable),"maxReached"in e&&i(2,h=e.maxReached),"dropdownIndex"in e&&i(0,p=e.dropdownIndex),"renderer"in e&&i(3,f=e.renderer),"disableHighlight"in e&&i(4,m=e.disableHighlight),"items"in e&&i(5,g=e.items),"alreadyCreated"in e&&i(6,v=e.alreadyCreated),"virtualList"in e&&i(7,b=e.virtualList),"vlItemSize"in e&&i(28,y=e.vlItemSize),"vlHeight"in e&&i(29,$=e.vlHeight),"inputValue"in e&&i(8,x=e.inputValue),"listIndex"in e&&i(9,C=e.listIndex),"hasDropdownOpened"in e&&c(i(10,w=e.hasDropdownOpened)),"listMessage"in e&&i(11,S=e.listMessage),"disabledField"in e&&i(12,k=e.disabledField),"createLabel"in e&&i(13,A=e.createLabel),"metaKey"in e&&i(14,F=e.metaKey),"itemComponent"in e&&i(15,E=e.itemComponent)},t.$$.update=()=>{32&t.$$.dirty[0]&&i(24,l=g.length),459170&t.$$.dirty[0]&&(i(17,P=g.length<1&&(!d||!x)),b&&V&&T&&M&&(P&&i(0,p=null),i(19,D=0),he().then(B).then(H))),524320&t.$$.dirty[0]|2&t.$$.dirty[1]&&i(23,r=Math.min(N,Array.isArray(D)?D.reduce(((e,t)=>e+=t),0):g.length*D))},[p,d,h,f,m,g,v,b,x,C,w,S,k,A,F,E,T,P,M,D,O,L,_,r,l,s,I,u,y,$,z,function(){return b?[L.offsetHeight,D]:[L.offsetHeight,O.firstElementChild.offsetHeight]},N,function(e){le.call(this,t,e)},function(e){le.call(this,t,e)},function(e){le.call(this,t,e)},function(e){se[e?"unshift":"push"]((()=>{_=e,i(22,_)}))},function(e){le.call(this,t,e)},function(e){le.call(this,t,e)},function(e){se[e?"unshift":"push"]((()=>{O=e,i(20,O)}))},function(e){se[e?"unshift":"push"]((()=>{L=e,i(21,L)}))}]}class Xt extends _e{constructor(e){super(),Le(this,e,Qt,Wt,o,{lazyDropdown:27,creatable:1,maxReached:2,dropdownIndex:0,renderer:3,disableHighlight:4,items:5,alreadyCreated:6,virtualList:7,vlItemSize:28,vlHeight:29,inputValue:8,listIndex:9,hasDropdownOpened:10,listMessage:11,disabledField:12,createLabel:13,metaKey:14,itemComponent:15,scrollIntoView:30,getDimensions:31},null,[-1,-1])}get scrollIntoView(){return this.$$.ctx[30]}get getDimensions(){return this.$$.ctx[31]}}function Yt(t){let n;return{c(){n=z("button"),n.innerHTML='<svg height="16" width="16" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="svelte-w7c5vi"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>',P(n,"class","sv-item-btn svelte-w7c5vi"),P(n,"tabindex","-1"),P(n,"data-action","deselect"),P(n,"type","button")},m(e,t){A(e,n,t)},p:e,i:e,o:e,d(e){e&&F(n)}}}class Zt extends _e{constructor(e){super(),Le(this,e,null,Yt,o,{})}}const en=e=>e.preventDefault();function tn(e,{item:t,index:n}){function i(n){const i=n.target.closest('[data-action="deselect"]')?"deselect":"select";e.dispatchEvent(new CustomEvent(i,{bubble:!0,detail:t}))}function l(){e.dispatchEvent(new CustomEvent("hover",{detail:n}))}return e.onmousedown=en,e.onclick=i,e.addEventListener("mouseenter",l),{update(e){t=e.item,n=e.index},destroy(){e.removeEventListener("mousedown",en),e.removeEventListener("click",i),e.removeEventListener("mouseenter",l)}}}function nn(e){let t,n,i,l,o,a,c,u,d=(e[3]?`<div class="sv-item-content">${e[6](e[2],e[3],e[0])}</div>`:Ge(e[2],e[3],e[0],e[6],e[7]))+"",h=e[3]&&e[5]&&rn();return{c(){t=z("div"),n=new U,i=O(),h&&h.c(),n.a=i,P(t,"class","sv-item"),P(t,"title",l=e[2].$created?"Created item":""),G(t,"is-disabled",e[4])},m(l,r){A(l,t,r),n.m(d,t),w(t,i),h&&h.m(t,null),a=!0,c||(u=[v(o=tn.call(null,t,{item:e[2],index:e[1]})),_(t,"select",e[9]),_(t,"deselect",e[10]),_(t,"hover",e[11])],c=!0)},p(e,i){(!a||205&i)&&d!==(d=(e[3]?`<div class="sv-item-content">${e[6](e[2],e[3],e[0])}</div>`:Ge(e[2],e[3],e[0],e[6],e[7]))+"")&&n.p(d),e[3]&&e[5]?h?40&i&&we(h,1):(h=rn(),h.c(),we(h,1),h.m(t,null)):h&&(xe(),Se(h,1,1,(()=>{h=null})),Ce()),(!a||4&i&&l!==(l=e[2].$created?"Created item":""))&&P(t,"title",l),o&&s(o.update)&&6&i&&o.update.call(null,{item:e[2],index:e[1]}),16&i&&G(t,"is-disabled",e[4])},i(e){a||(we(h),a=!0)},o(e){Se(h),a=!1},d(e){e&&F(t),h&&h.d(),c=!1,r(u)}}}function ln(t){let n,i,l,r,s,o=t[2].label+"";return{c(){n=z("div"),i=z("b"),l=I(o),P(n,"class","optgroup-header svelte-1e087o6")},m(e,o){A(e,n,o),w(n,i),w(i,l),r||(s=_(n,"mousedown",T(t[8])),r=!0)},p(e,t){4&t&&o!==(o=e[2].label+"")&&D(l,o)},i:e,o:e,d(e){e&&F(n),r=!1,s()}}}function rn(e){let t,n;return t=new Zt({}),{c(){ze(t.$$.fragment)},m(e,i){Ie(t,e,i),n=!0},i(e){n||(we(t.$$.fragment,e),n=!0)},o(e){Se(t.$$.fragment,e),n=!1},d(e){Oe(t,e)}}}function sn(e){let t,n,i,l;const r=[ln,nn],s=[];function o(e,t){return e[2].$isGroupHeader?0:1}return t=o(e),n=s[t]=r[t](e),{c(){n.c(),i=L()},m(e,n){s[t].m(e,n),A(e,i,n),l=!0},p(e,[l]){let a=t;t=o(e),t===a?s[t].p(e,l):(xe(),Se(s[a],1,1,(()=>{s[a]=null})),Ce(),n=s[t],n?n.p(e,l):(n=s[t]=r[t](e),n.c()),we(n,1),n.m(i.parentNode,i))},i(e){l||(we(n),l=!0)},o(e){Se(n),l=!1},d(e){s[t].d(e),e&&F(i)}}}function on(e,t,n){let{inputValue:i}=t,{index:l=-1}=t,{item:r={}}=t,{isSelected:s=!1}=t,{isDisabled:o=!1}=t,{isMultiple:a=!1}=t,{formatter:c=null}=t,{disableHighlight:u=!1}=t;return e.$$set=e=>{"inputValue"in e&&n(0,i=e.inputValue),"index"in e&&n(1,l=e.index),"item"in e&&n(2,r=e.item),"isSelected"in e&&n(3,s=e.isSelected),"isDisabled"in e&&n(4,o=e.isDisabled),"isMultiple"in e&&n(5,a=e.isMultiple),"formatter"in e&&n(6,c=e.formatter),"disableHighlight"in e&&n(7,u=e.disableHighlight)},[i,l,r,s,o,a,c,u,function(t){le.call(this,e,t)},function(t){le.call(this,e,t)},function(t){le.call(this,e,t)},function(t){le.call(this,e,t)}]}class an extends _e{constructor(e){super(),Le(this,e,on,sn,o,{inputValue:0,index:1,item:2,isSelected:3,isDisabled:4,isMultiple:5,formatter:6,disableHighlight:7})}}function cn(e,t,n){const i=e.slice();return i[108]=t[n],i}const un=e=>({}),dn=e=>({});function hn(e){let t,n;const i=e[84].icon,l=u(i,e,e[90],dn);return{c(){t=z("div"),l&&l.c(),P(t,"slot","icon"),P(t,"class","icon-slot svelte-1lvkhl0")},m(e,i){A(e,t,i),l&&l.m(t,null),n=!0},p(e,t){l&&l.p&&(!n||268435456&t[2])&&p(l,i,e,e[90],n?h(i,e[90],t,un):f(e[90]),dn)},i(e){n||(we(l,e),n=!0)},o(e){Se(l,e),n=!1},d(e){e&&F(t),l&&l.d(e)}}}function pn(e){let t,n,i,l,r=e[27],s=[];for(let t=0;t<r.length;t+=1)s[t]=fn(cn(e,r,t));return{c(){t=z("select");for(let e=0;e<s.length;e+=1)s[e].c();P(t,"name",e[3]),t.multiple=e[1],P(t,"class","is-hidden svelte-1lvkhl0"),P(t,"tabindex","-1"),t.required=e[4],t.disabled=e[0]},m(r,o){A(r,t,o);for(let e=0;e<s.length;e+=1)s[e].m(t,null);e[89](t),i||(l=v(n=e[40].call(null,t,e[41])),i=!0)},p(e,n){if(184549376&n[0]){let i;for(r=e[27],i=0;i<r.length;i+=1){const l=cn(e,r,i);s[i]?s[i].p(l,n):(s[i]=fn(l),s[i].c(),s[i].m(t,null))}for(;i<s.length;i+=1)s[i].d(1);s.length=r.length}8&n[0]&&P(t,"name",e[3]),2&n[0]&&(t.multiple=e[1]),16&n[0]&&(t.required=e[4]),1&n[0]&&(t.disabled=e[0])},d(n){n&&F(t),E(s,n),e[89](null),i=!1,l()}}}function fn(e){let t,n,i,l=e[108][e[25]]+"";return{c(){t=z("option"),n=I(l),t.__value=i=e[108][e[24]],t.value=t.__value,t.selected=!0},m(e,i){A(e,t,i),w(t,n)},p(e,r){167772160&r[0]&&l!==(l=e[108][e[25]]+"")&&D(n,l),150994944&r[0]&&i!==(i=e[108][e[24]])&&(t.__value=i,t.value=t.__value)},d(e){e&&F(t)}}}function mn(e){let t,n,i,l,r,s,o,a={renderer:e[38],disabled:e[0],clearable:e[9],searchable:e[8],placeholder:e[7],multiple:e[1],resetOnBlur:e[11],collapseSelection:e[15]?bn.collapseSelectionFn:null,inputValue:e[42],hasFocus:e[43],hasDropdownOpened:e[44],selectedOptions:e[27],isFetchingData:e[36],dndzone:e[12],currentValueField:e[24],itemComponent:e[14],$$slots:{icon:[hn]},$$scope:{ctx:e}};n=new bt({props:a}),e[85](n),n.$on("deselect",e[46]),n.$on("keydown",e[48]),n.$on("paste",e[49]),n.$on("consider",e[50]),n.$on("finalize",e[50]),n.$on("blur",e[86]);let c={renderer:e[38],disableHighlight:e[10],creatable:e[16],maxReached:e[30],alreadyCreated:e[37],virtualList:e[18],vlHeight:e[19],vlItemSize:e[20],lazyDropdown:e[18]||e[17],dropdownIndex:e[23],items:e[29],listIndex:e[28],inputValue:e[2](e[31]),hasDropdownOpened:e[44],listMessage:e[39],disabledField:e[6],createLabel:e[26].createRowLabel,metaKey:e[34]?"⌘":"Ctrl",itemComponent:e[13]};l=new Xt({props:c}),e[87](l),l.$on("select",e[45]),l.$on("hover",e[47]),l.$on("createoption",e[88]);let u=e[3]&&!e[5]&&pn(e);return{c(){t=z("div"),ze(n.$$.fragment),i=O(),ze(l.$$.fragment),r=O(),u&&u.c(),P(t,"class",s=m(`svelecte ${e[21]}`)+" svelte-1lvkhl0"),P(t,"style",e[22]),G(t,"is-disabled",e[0])},m(e,s){A(e,t,s),Ie(n,t,null),w(t,i),Ie(l,t,null),w(t,r),u&&u.m(t,null),o=!0},p(e,i){const r={};128&i[1]&&(r.renderer=e[38]),1&i[0]&&(r.disabled=e[0]),512&i[0]&&(r.clearable=e[9]),256&i[0]&&(r.searchable=e[8]),128&i[0]&&(r.placeholder=e[7]),2&i[0]&&(r.multiple=e[1]),2048&i[0]&&(r.resetOnBlur=e[11]),32768&i[0]&&(r.collapseSelection=e[15]?bn.collapseSelectionFn:null),134217728&i[0]&&(r.selectedOptions=e[27]),32&i[1]&&(r.isFetchingData=e[36]),4096&i[0]&&(r.dndzone=e[12]),16777216&i[0]&&(r.currentValueField=e[24]),16384&i[0]&&(r.itemComponent=e[14]),268435456&i[2]&&(r.$$scope={dirty:i,ctx:e}),n.$set(r);const a={};128&i[1]&&(a.renderer=e[38]),1024&i[0]&&(a.disableHighlight=e[10]),65536&i[0]&&(a.creatable=e[16]),1073741824&i[0]&&(a.maxReached=e[30]),64&i[1]&&(a.alreadyCreated=e[37]),262144&i[0]&&(a.virtualList=e[18]),524288&i[0]&&(a.vlHeight=e[19]),1048576&i[0]&&(a.vlItemSize=e[20]),393216&i[0]&&(a.lazyDropdown=e[18]||e[17]),8388608&i[0]&&(a.dropdownIndex=e[23]),536870912&i[0]&&(a.items=e[29]),268435456&i[0]&&(a.listIndex=e[28]),4&i[0]|1&i[1]&&(a.inputValue=e[2](e[31])),256&i[1]&&(a.listMessage=e[39]),64&i[0]&&(a.disabledField=e[6]),67108864&i[0]&&(a.createLabel=e[26].createRowLabel),8&i[1]&&(a.metaKey=e[34]?"⌘":"Ctrl"),8192&i[0]&&(a.itemComponent=e[13]),l.$set(a),e[3]&&!e[5]?u?u.p(e,i):(u=pn(e),u.c(),u.m(t,null)):u&&(u.d(1),u=null),(!o||2097152&i[0]&&s!==(s=m(`svelecte ${e[21]}`)+" svelte-1lvkhl0"))&&P(t,"class",s),(!o||4194304&i[0])&&P(t,"style",e[22]),2097153&i[0]&&G(t,"is-disabled",e[0])},i(e){o||(we(n.$$.fragment,e),we(l.$$.fragment,e),o=!0)},o(e){Se(n.$$.fragment,e),Se(l.$$.fragment,e),o=!1},d(i){i&&F(t),e[85](null),Oe(n),e[87](null),Oe(l),u&&u.d()}}}const gn={default(e){return e[this.label]}};function vn(e,t){if(e instanceof Object)for(let t in e)gn[t]=e[t];else gn[e]=t}const bn=We;function yn(e,t,n){let i,l,r,s,o,a,u,d,h,p,{$$slots:f={},$$scope:m}=t,{name:v="svelecte"}=t,{required:b=!1}=t,{hasAnchor:y=!1}=t,{disabled:$=We.disabled}=t,{options:x=[]}=t,{valueField:C=We.valueField}=t,{labelField:w=We.labelField}=t,{disabledField:S=We.disabledField}=t,{placeholder:k="Select"}=t,{searchable:A=We.searchable}=t,{clearable:F=We.clearable}=t,{renderer:E=null}=t,{disableHighlight:z=!1}=t,{selectOnTab:I=We.selectOnTab}=t,{resetOnBlur:O=We.resetOnBlur}=t,{dndzone:L=(()=>({noop:!0,destroy:()=>{}}))}=t,{validatorAction:_=null}=t,{dropdownItem:T=an}=t,{controlItem:P=an}=t,{multiple:M=We.multiple}=t,{max:N=We.max}=t,{collapseSelection:D=We.collapseSelection}=t,{creatable:V=We.creatable}=t,{creatablePrefix:H=We.creatablePrefix}=t,{allowEditing:B=We.allowEditing}=t,{keepCreated:R=We.keepCreated}=t,{delimiter:q=We.delimiter}=t,{createFilter:j=null}=t,{fetch:G=null}=t,{fetchMode:U="auto"}=t,{fetchCallback:J=We.fetchCallback}=t,{fetchResetOnBlur:K=!0}=t,{minQuery:W=We.minQuery}=t,{lazyDropdown:Q=We.lazyDropdown}=t,{virtualList:X=We.virtualList}=t,{vlHeight:Y=We.vlHeight}=t,{vlItemSize:Z=We.vlItemSize}=t,{searchField:ee=null}=t,{sortField:ne=null}=t,{disableSifter:re=!1}=t,{class:oe="svelecte-control"}=t,{style:ae=null}=t,{i18n:ce=null}=t,{readSelection:ue=null}=t,{value:de=null}=t,{labelAsValue:pe=!1}=t,{valueAsObject:fe=We.valueAsObject}=t;const me=ie(),ge={optionsWithGroups:!1,isOptionArray:x&&x.length&&"object"!=typeof x[0],optionProps:[],valueField:C,labelField:w,labelAsValue:pe};G&&de&&(!x||x&&0===x.length)&&(x=Array.isArray(de)?de:[de]);let ve,be,ye=!1,$e=!1,xe=null,Ce=null,we=C||Je("value",x,ge),Se=w||Je("label",x,ge),ke=!1,Ae=_?_.shift():()=>({destroy:()=>{}}),Fe=_||[],Ee=null;ge.valueField=we,ge.labelField=Se,ge.optionProps=de&&fe&&(!M||!Array.isArray(de)||de.length>0)?et(M?de.slice(0,1).shift():de):[we,Se],M=v&&!M?v.endsWith("[]"):M,j||(j=Ke);const ze=Xe("");c(e,ze,(e=>n(31,d=e)));const Ie=Xe(!1);c(e,Ie,(e=>n(96,p=e)));const Oe=Xe(!1);c(e,Oe,(e=>n(95,h=e)));let Le=!1,_e=!1;function Pe(){Le&&(je&&![0,4].includes(je.readyState)&&je.abort(),n(36,Le=!1))}function Me(e){if(Ce&&(Ce(),Ce=null),!e)return null;const t="string"==typeof e?(i=e,function(e,t){return new Promise(((n,l)=>{je=new XMLHttpRequest,je.open("GET",`${i.replace("[query]",encodeURIComponent(e))}`),je.setRequestHeader("X-Requested-With","XMLHttpRequest"),je.send(),je.onreadystatechange=()=>{if(4===je.readyState)if(200===je.status){const e=JSON.parse(je.response);n(t?t(e):e.data||e.items||e.options||e)}else l()}}))}):e;var i;n(81,_e="init"===U||"auto"===U&&"string"==typeof e&&-1===e.indexOf("[query]"));const l=(r=e=>{!e||d.length?t(e,J).then((e=>{n(51,x=e)})).catch((()=>{n(51,x=[])})).finally((()=>{n(36,Le=!1),p&&Oe.set(!0),n(39,a=De.fetchEmpty),he().then((()=>me("fetch",x)))})):n(36,Le=!1)},s=500,function(){const e=this,t=arguments;clearTimeout(Re),Re=setTimeout((function(){r.apply(e,t)}),s)});var r,s;return _e?("string"==typeof e&&-1!==e.indexOf("[parent]")||(n(36,Le=!0),n(51,x=[]),l(null)),null):(Ce=ze.subscribe((e=>{Pe(),e?e&&e.length<W||(!_e&&Oe.set(!1),n(36,Le=!0),l(e)):ye&&K&&n(51,x=[])})),l)}let Ne=de,De=bn.i18n,Ve=Ye.call(x,de,fe,ge),He=Ve.reduce(((e,t)=>(e.add(t[we]),e)),new Set),Be=[""],qe=x;function Ge(){he().then((()=>{me("change",ue),Ee&&Ee.dispatchEvent(new Event("input"))}))}function Ue(e){if(tt(),e){let t=Array.isArray(e)?e:[e];if(!fe){const e=ge.labelAsValue?Se:we;t=t.reduce(((t,n)=>{const l=i.find((t=>t[e]==n));return l&&t.push(l),t}),[])}if(!(t.every(Qe)&&(M?e.length===t.length:t.length>0)))return console.warn('[Svelecte]: provided "value" property is invalid',e),n(53,de=null),void n(54,ue=null);n(54,ue=Array.isArray(e)?t:t.shift())}n(82,Ne=e)}function Qe(e){if(!e||M&&l)return!1;if(!He.has(e[we])){if("string"==typeof e){if(e=j(e),Be.includes(e))return;!G&&Be.push(e),e={[we]:encodeURIComponent(e),[Se]:`${H}${e}`,$created:!0},R&&n(51,x=[...x,e]),me("createoption",e)}return M?(Ve.push(e),n(27,Ve),He.add(e[we])):(n(27,Ve=[e]),He.clear(),He.add(e[we]),n(23,xe=x.indexOf(e))),n(83,i),n(51,x),n(79,ge),n(80,ye),n(101,qe),n(55,C),n(24,we),n(56,w),n(25,Se),n(73,pe),!0}}function tt(){He.clear(),n(27,Ve=[]),n(83,i),n(51,x),n(79,ge),n(80,ye),n(101,qe),n(55,C),n(24,we),n(56,w),n(25,Se),n(73,pe)}function nt(e,t){t=t||e.detail,$||t[S]||t.$isGroupHeader||(Qe(t),g(ze,d="",d),M?he().then((()=>{n(23,xe=l?null:o.next(xe-1,!0))})):g(Oe,h=!1,h),Ge())}function it(e,t){$||((t=t||e.detail)?function(e){e.$created&&lt&&B&&(Be.splice(Be.findIndex((t=>t===e[pe?Se:we])),1),n(37,Be),R&&(x.splice(x.findIndex((t=>t===e)),1),n(51,x)),g(ze,d=e[Se].replace(H,""),d));const t=e[we];He.delete(t),Ve.splice(Ve.findIndex((e=>e[we]==t)),1),n(27,Ve),n(83,i),n(51,x),n(79,ge),n(80,ye),n(101,qe),n(55,C),n(24,we),n(56,w),n(25,Se),n(73,pe)}(t):tt(),he().then(be.focusControl),Ge())}let lt=!1;return te((()=>{if(n(80,ye=!0),V){const e=ge.labelAsValue?Se:we;n(37,Be=[""].concat(i.map((t=>t[e])).filter((e=>e))))}if(n(23,xe=o.first),Ne&&!M){const e=pe?Se:we,t=fe?Ne[e]:Ne;n(23,xe=i.findIndex((n=>n[e]===t)))}n(34,ke=["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document)})),e.$$set=e=>{"name"in e&&n(3,v=e.name),"required"in e&&n(4,b=e.required),"hasAnchor"in e&&n(5,y=e.hasAnchor),"disabled"in e&&n(0,$=e.disabled),"options"in e&&n(51,x=e.options),"valueField"in e&&n(55,C=e.valueField),"labelField"in e&&n(56,w=e.labelField),"disabledField"in e&&n(6,S=e.disabledField),"placeholder"in e&&n(7,k=e.placeholder),"searchable"in e&&n(8,A=e.searchable),"clearable"in e&&n(9,F=e.clearable),"renderer"in e&&n(57,E=e.renderer),"disableHighlight"in e&&n(10,z=e.disableHighlight),"selectOnTab"in e&&n(58,I=e.selectOnTab),"resetOnBlur"in e&&n(11,O=e.resetOnBlur),"dndzone"in e&&n(12,L=e.dndzone),"validatorAction"in e&&n(59,_=e.validatorAction),"dropdownItem"in e&&n(13,T=e.dropdownItem),"controlItem"in e&&n(14,P=e.controlItem),"multiple"in e&&n(1,M=e.multiple),"max"in e&&n(60,N=e.max),"collapseSelection"in e&&n(15,D=e.collapseSelection),"creatable"in e&&n(16,V=e.creatable),"creatablePrefix"in e&&n(61,H=e.creatablePrefix),"allowEditing"in e&&n(62,B=e.allowEditing),"keepCreated"in e&&n(63,R=e.keepCreated),"delimiter"in e&&n(64,q=e.delimiter),"createFilter"in e&&n(2,j=e.createFilter),"fetch"in e&&n(52,G=e.fetch),"fetchMode"in e&&n(65,U=e.fetchMode),"fetchCallback"in e&&n(66,J=e.fetchCallback),"fetchResetOnBlur"in e&&n(67,K=e.fetchResetOnBlur),"minQuery"in e&&n(68,W=e.minQuery),"lazyDropdown"in e&&n(17,Q=e.lazyDropdown),"virtualList"in e&&n(18,X=e.virtualList),"vlHeight"in e&&n(19,Y=e.vlHeight),"vlItemSize"in e&&n(20,Z=e.vlItemSize),"searchField"in e&&n(69,ee=e.searchField),"sortField"in e&&n(70,ne=e.sortField),"disableSifter"in e&&n(71,re=e.disableSifter),"class"in e&&n(21,oe=e.class),"style"in e&&n(22,ae=e.style),"i18n"in e&&n(72,ce=e.i18n),"readSelection"in e&&n(54,ue=e.readSelection),"value"in e&&n(53,de=e.value),"labelAsValue"in e&&n(73,pe=e.labelAsValue),"valueAsObject"in e&&n(74,fe=e.valueAsObject),"$$scope"in e&&n(90,m=e.$$scope)},e.$$.update=()=>{if(2097152&e.$$.dirty[1]&&Me(G),1&e.$$.dirty[0]&&$&&Pe(),1024&e.$$.dirty[2]&&ce&&"object"==typeof ce&&n(26,De=Object.assign({},bn.i18n,ce)),50331648&e.$$.dirty[0]|51380224&e.$$.dirty[1]|393216&e.$$.dirty[2]&&ye&&qe!==x&&x.length){const e=Je("value",x||null,ge),t=Je("label",x||null,ge);C||we===e||n(79,ge.valueField=n(24,we=e),ge),w||Se===t||n(79,ge.labelField=n(25,Se=t),ge)}if(2048&e.$$.dirty[2]&&n(79,ge.labelAsValue=pe,ge),184549378&e.$$.dirty[0]|1183744&e.$$.dirty[2]){const e=Ve.map((e=>{const t={};return ge.optionProps.forEach((n=>t[n]=e[n])),t})),t=M?e:e.length?e[0]:null,i=ge.labelAsValue?Se:we;n(82,Ne=fe?t:M?t.map((e=>e[i])):Ve.length?t[i]:null),n(53,de=Ne),n(54,ue=t)}4194304&e.$$.dirty[1]|1048576&e.$$.dirty[2]&&Ne!==de&&Ue(de),1048576&e.$$.dirty[1]|131072&e.$$.dirty[2]&&n(83,i=Ze(x,ge)),134217728&e.$$.dirty[0]|536870912&e.$$.dirty[1]&&n(30,l=N&&Ve.length===N),1073741826&e.$$.dirty[0]|1&e.$$.dirty[1]|2229120&e.$$.dirty[2]&&n(29,r=l?[]:function(e,t,n,i,l,r){if(n&&(e=e.filter((e=>!n.has(e[r.valueField]))).filter(((e,t,n)=>!e.$isGroupHeader||!(n[t+1]&&n[t+1].$isGroupHeader||n.length<=1||n.length-1===t)))),!t)return e;const s=new Te(e);r.optionsWithGroups&&(s.getSortFunction=()=>null);let o="and";t.startsWith("|| ")&&(o="or",t=t.substr(2));const a=s.search(t,{fields:i||r.optionProps,sort:(c=l||r.labelField,[{field:c,direction:"asc"}]),conjunction:o});var c;return r.optionsWithGroups?a.items.reduce(((t,i)=>{const l=e[i.id];if(n&&l.isSelected)return t;const r=t.push(l);if(l.$isGroupItem){const n=e.slice(0,i.id);let l=null;do{l=n.pop(),l&&l.$isGroupHeader&&!t.includes(l)&&t.splice(r-1,0,l)}while(l&&!l.$isGroupHeader)}return t}),[]):a.items.map((t=>e[t.id]))}(i,re?null:d,!!M&&He,ee,ne,ge)),536936448&e.$$.dirty[0]|1&e.$$.dirty[1]&&(s=V&&d?r.length:r.length-1),536936448&e.$$.dirty[0]|1&e.$$.dirty[1]|131072&e.$$.dirty[2]&&n(28,o=function(e,t,n){const i=n.optionsWithGroups?e.reduce(((e,t,n)=>(e.push(t.$isGroupHeader?"":n),e)),[]):Object.keys(e);return{map:i,first:""!==i[0]?0:1,last:i.length?i.length-(t?0:1):0,hasCreateRow:!!t,next(e,t){const n=this.map[++e];return this.hasCreateRow&&e===this.last?this.last:""===n?this.next(e):void 0===n?this.map.length?(e>this.map.length&&(e=this.first-1),!0===t?this.prev(e):this.next(e)):0:n},prev(e){const t=this.map[--e];return this.hasCreateRow&&e===this.first?this.first:""===t?this.prev(e):t||this.last}}}(r,V&&d,ge)),276824064&e.$$.dirty[0]&&(null===xe?n(23,xe=o.first):xe>o.last&&n(23,xe=o.last)),1677721600&e.$$.dirty[0]|538968065&e.$$.dirty[1]|524352&e.$$.dirty[2]&&n(39,a=l?De.max(N):d.length&&0===r.length&&W<=1?De.nomatch:G?W<=1?_e?De.fetchInit:De.fetchBefore:De.fetchQuery(W,d.length):De.empty),33554432&e.$$.dirty[0]|67108864&e.$$.dirty[1]&&n(38,u="function"==typeof E?E:gn[E]||gn.default.bind({label:Se}))},[$,M,j,v,b,y,S,k,A,F,z,O,L,T,P,D,V,Q,X,Y,Z,oe,ae,xe,we,Se,De,Ve,o,r,l,d,ve,be,ke,Ee,Le,Be,u,a,Ae,Fe,ze,Ie,Oe,nt,it,function(e){$e?$e=!1:n(23,xe=e.detail)},function(e){if(e=e.detail,V&&q.indexOf(e.key)>-1)return d.length>0&&nt(null,d),void e.preventDefault();const t=I&&h&&!e.shiftKey?"Tab":"No-tab";let i=ke?e.metaKey:e.ctrlKey,l=["PageUp","PageDown"].includes(e.key);switch(e.key){case"End":if(0!==d.length)return;n(23,xe=o.first);case"PageDown":if(l){const[e,t]=ve.getDimensions();n(23,xe=Math.ceil((t*xe+e)/t))}case"ArrowUp":if(e.preventDefault(),!h)return void g(Oe,h=!0,h);n(23,xe=o.prev(xe)),he().then(ve.scrollIntoView),$e=!0;break;case"Home":if(0!==d.length||0===d.length&&0===r.length)return;n(23,xe=o.last);case"PageUp":if(l){const[e,t]=ve.getDimensions();n(23,xe=Math.floor((t*xe-e)/t))}case"ArrowDown":if(e.preventDefault(),!h)return void g(Oe,h=!0,h);n(23,xe=o.next(xe)),he().then(ve.scrollIntoView),$e=!0;break;case"Escape":h&&(e.preventDefault(),e.stopPropagation()),d||g(Oe,h=!1,h),Pe(),g(ze,d="",d);break;case t:case"Enter":if(!h)return;let a=i?null:r[xe];if(V&&d&&(a=!a||i?d:a,i=!1),!i&&a&&nt(null,a),r.length<=xe&&n(23,xe=s>0?s:o.first),!a&&Ve.length)return void g(Oe,h=!1,h);e.preventDefault();break;case" ":G||h||(g(Oe,h=!0,h),e.preventDefault());break;case"Backspace":lt=!0;case"Delete":""===d&&Ve.length&&(i?it({}):it(null,Ve[Ve.length-1]),e.preventDefault()),lt=!1;default:i||["Tab","Shift"].includes(e.key)||h||Le||g(Oe,h=!0,h),!M&&Ve.length&&"Tab"!==e.key&&e.preventDefault()}},function(e){if(V){e.preventDefault();const t=new RegExp("([^"+q+"\\n]+)","g"),n=e.clipboardData.getData("text/plain").replaceAll("/","/"),i=n.match(t);1===i.length&&-1===n.indexOf(",")&&g(ze,d=i.pop().trim(),d),i.forEach((e=>nt(null,e.trim())))}},function(e){n(27,Ve=e.detail.items)},x,G,de,ue,C,w,E,I,_,N,H,B,R,q,U,J,K,W,ee,ne,re,ce,pe,fe,e=>{be.focusControl(e)},e=>{if(!Ve.length)return M?[]:null;const t=Ve.map((t=>e?t[pe?Se:we]:Object.assign({},t)));return M?t:t[0]},(e,t)=>{Ue(e),t&&Ge()},e=>{tt(),Ge(),e&&(n(0,$=!0),n(52,G=null))},ge,ye,_e,Ne,i,f,function(e){se[e?"unshift":"push"]((()=>{be=e,n(33,be)}))},function(t){le.call(this,e,t)},function(e){se[e?"unshift":"push"]((()=>{ve=e,n(32,ve)}))},function(t){le.call(this,e,t)},function(e){se[e?"unshift":"push"]((()=>{Ee=e,n(35,Ee),n(27,Ve),n(24,we),n(80,ye),n(101,qe),n(51,x),n(79,ge),n(55,C),n(56,w),n(25,Se),n(73,pe)}))},m]}class $n extends _e{constructor(e){super(),Le(this,e,yn,mn,o,{name:3,required:4,hasAnchor:5,disabled:0,options:51,valueField:55,labelField:56,disabledField:6,placeholder:7,searchable:8,clearable:9,renderer:57,disableHighlight:10,selectOnTab:58,resetOnBlur:11,dndzone:12,validatorAction:59,dropdownItem:13,controlItem:14,multiple:1,max:60,collapseSelection:15,creatable:16,creatablePrefix:61,allowEditing:62,keepCreated:63,delimiter:64,createFilter:2,fetch:52,fetchMode:65,fetchCallback:66,fetchResetOnBlur:67,minQuery:68,lazyDropdown:17,virtualList:18,vlHeight:19,vlItemSize:20,searchField:69,sortField:70,disableSifter:71,class:21,style:22,i18n:72,readSelection:54,value:53,labelAsValue:73,valueAsObject:74,focus:75,getSelection:76,setSelection:77,clearByParent:78},null,[-1,-1,-1,-1])}get focus(){return this.$$.ctx[75]}get getSelection(){return this.$$.ctx[76]}get setSelection(){return this.$$.ctx[77]}get clearByParent(){return this.$$.ctx[78]}}const xn={countryGroups:()=>[{label:"A",options:[{value:"al",text:"Albania"},{value:"ad",text:"Andorra"},{value:"am",text:"Armenia"},{value:"a",text:"Austria"},{value:"az",text:"Azerbaijan"}]},{label:"B",options:[{value:"by",text:"Belarus"},{value:"be",text:"Belgium"},{value:"ba",text:"Bosnia and Herzegovina"},{value:"bg",text:"Bulgaria"}]},{label:"C",options:[{value:"hr",text:"Croatia"},{value:"cy",text:"Cyprus"},{value:"cz",text:"Czechia"}]}],countries:()=>[{value:"al",text:"Albania"},{value:"ad",text:"Andorra"},{value:"am",text:"Armenia"},{value:"a",text:"Austria"},{value:"az",text:"Azerbaijan"},{value:"by",text:"Belarus"},{value:"be",text:"Belgium"},{value:"ba",text:"Bosnia and Herzegovina"},{value:"bg",text:"Bulgaria"},{value:"hr",text:"Croatia"},{value:"cy",text:"Cyprus"},{value:"cz",text:"Czechia"},{value:"dk",text:"Denmark"},{value:"ee",text:"Estonia"},{value:"fi",text:"Finland"},{value:"fr",text:"France"},{value:"ge",text:"Georgia"},{value:"de",text:"Germany"},{value:"gr",text:"Greece"},{value:"hu",text:"Hungary"},{value:"is",text:"Iceland"},{value:"ie",text:"Ireland"},{value:"it",text:"Italy"},{value:"xk",text:"Kosovo"},{value:"lv",text:"Latvia"},{value:"li",text:"Liechtenstein"},{value:"lt",text:"Lithuania"},{value:"lu",text:"Luxembourg"},{value:"mt",text:"Malta"},{value:"md",text:"Moldova"},{value:"me",text:"Montenegro"},{value:"nl",text:"Netherlands"},{value:"mk",text:"North Macedonia (formerly Macedonia)"},{value:"no",text:"Norway"},{value:"pl",text:"Poland"},{value:"pt",text:"Portugal"},{value:"ro",text:"Romania"},{value:"ru",text:"Russia"},{value:"rs",text:"Serbia"},{value:"sk",text:"Slovakia"},{value:"sl",text:"Slovenia"},{value:"es",text:"Spain"},{value:"se",text:"Sweden"},{value:"ch",text:"Switzerland"},{value:"tr",text:"Turkey"},{value:"ua",text:"Ukraine"},{value:"uk",text:"United Kingdom"}],colors:()=>[{value:"aqua",text:"Aqua",hex:"#00FFFF"},{value:"black",text:"Black",hex:"#000000"},{value:"blue",text:"Blue",hex:"#0000FF"},{value:"gray",text:"Gray",hex:"#808080"},{value:"green",text:"Green",hex:"#008000"},{value:"fuchsia",text:"Fuchsia",hex:"#FF00FF"},{value:"lime",text:"Lime",hex:"#00FF00"},{value:"maroon",text:"Maroon",hex:"#800000"},{value:"navy",text:"Navy",hex:"#000080"},{value:"olive",text:"Olive",hex:"#808000"},{value:"purple",text:"Purple",hex:"#800080"},{value:"red",text:"Red",hex:"#FF0000"},{value:"silver",text:"Silver",hex:"#C0C0C0"},{value:"teal",text:"Teal",hex:"#008080"},{value:"yellow",text:"Yellow",hex:"#FFFF00"},{value:"white",text:"White",hex:"#FFFFFF"}]};function Cn(e){let t,n,i,l,r,s,o,a,c,u,d,h,p,f,m,g,v,b,y=JSON.stringify(e[0])+"";function $(t){e[3](t)}function x(t){e[4](t)}let C={options:e[2],placeholder:"Select country"};return void 0!==e[0]&&(C.readSelection=e[0]),void 0!==e[1]&&(C.value=e[1]),t=new $n({props:C}),se.push((()=>Ee(t,"readSelection",$))),se.push((()=>Ee(t,"value",x))),{c(){ze(t.$$.fragment),l=O(),r=z("div"),s=I("Current "),o=z("code"),o.textContent="readSelection",a=I(" value: "),c=z("b"),u=I(y),d=O(),h=z("div"),p=I("Current "),f=z("code"),f.textContent="value",m=I(" value: "),g=z("b"),v=I(e[1])},m(e,n){Ie(t,e,n),A(e,l,n),A(e,r,n),w(r,s),w(r,o),w(r,a),w(r,c),w(c,u),A(e,d,n),A(e,h,n),w(h,p),w(h,f),w(h,m),w(h,g),w(g,v),b=!0},p(e,[l]){const r={};!n&&1&l&&(n=!0,r.readSelection=e[0],fe((()=>n=!1))),!i&&2&l&&(i=!0,r.value=e[1],fe((()=>i=!1))),t.$set(r),(!b||1&l)&&y!==(y=JSON.stringify(e[0])+"")&&D(u,y),(!b||2&l)&&D(v,e[1])},i(e){b||(we(t.$$.fragment,e),b=!0)},o(e){Se(t.$$.fragment,e),b=!1},d(e){Oe(t,e),e&&F(l),e&&F(r),e&&F(d),e&&F(h)}}}function wn(e,t,n){let i=xn.countries(),l=null,r="cz";return setTimeout((()=>{n(1,r="de")}),4e3),[l,r,i,function(e){l=e,n(0,l)},function(e){r=e,n(1,r)}]}function Sn(e){let t,n,i,l,s,o,a,c,u,d,h,p,f,m,g,v,b,y,$,x,C,S,k,E,L,T,M,N,V,H,B=JSON.stringify(e[1])+"";function R(t){e[4](t)}function q(t){e[5](t)}let j={options:e[3],labelAsValue:e[0],multiple:!0,placeholder:"Select country"};return void 0!==e[1]&&(j.readSelection=e[1]),void 0!==e[2]&&(j.value=e[2]),t=new $n({props:j}),se.push((()=>Ee(t,"readSelection",R))),se.push((()=>Ee(t,"value",q))),{c(){ze(t.$$.fragment),l=O(),s=z("div"),o=I("Pick\r\n  "),a=z("label"),c=z("input"),u=I(" value"),d=O(),h=z("label"),p=z("input"),f=I(" label"),m=O(),g=z("div"),v=I("Current "),b=z("code"),b.textContent="readSelection",y=I(" value: "),$=z("b"),x=I(B),C=O(),S=z("br"),k=I("\r\n  Current "),E=z("code"),E.textContent="value",L=I(" value: "),T=z("b"),M=I(e[2]),P(c,"type","radio"),c.__value=!1,c.value=c.__value,e[7][0].push(c),P(p,"type","radio"),P(p,"id",""),p.__value=!0,p.value=p.__value,e[7][0].push(p),P(s,"class","float-right")},m(n,i){Ie(t,n,i),A(n,l,i),A(n,s,i),w(s,o),w(s,a),w(a,c),c.checked=c.__value===e[0],w(a,u),w(s,d),w(s,h),w(h,p),p.checked=p.__value===e[0],w(h,f),A(n,m,i),A(n,g,i),w(g,v),w(g,b),w(g,y),w(g,$),w($,x),w(g,C),w(g,S),w(g,k),w(g,E),w(g,L),w(g,T),w(T,M),N=!0,V||(H=[_(c,"change",e[6]),_(p,"change",e[8])],V=!0)},p(e,[l]){const r={};1&l&&(r.labelAsValue=e[0]),!n&&2&l&&(n=!0,r.readSelection=e[1],fe((()=>n=!1))),!i&&4&l&&(i=!0,r.value=e[2],fe((()=>i=!1))),t.$set(r),1&l&&(c.checked=c.__value===e[0]),1&l&&(p.checked=p.__value===e[0]),(!N||2&l)&&B!==(B=JSON.stringify(e[1])+"")&&D(x,B),(!N||4&l)&&D(M,e[2])},i(e){N||(we(t.$$.fragment,e),N=!0)},o(e){Se(t.$$.fragment,e),N=!1},d(n){Oe(t,n),n&&F(l),n&&F(s),e[7][0].splice(e[7][0].indexOf(c),1),e[7][0].splice(e[7][0].indexOf(p),1),n&&F(m),n&&F(g),V=!1,r(H)}}}function kn(e,t,n){let i=xn.countries().map((e=>e.text)),l=!1,r=[],s=["Czechia","Germany"];return[l,r,s,i,function(e){r=e,n(1,r)},function(e){s=e,n(2,s)},function(){l=this.__value,n(0,l)},[[]],function(){l=this.__value,n(0,l)}]}function An(t){let n,i;return n=new $n({props:{options:t[0]}}),{c(){ze(n.$$.fragment)},m(e,t){Ie(n,e,t),i=!0},p:e,i(e){i||(we(n.$$.fragment,e),i=!0)},o(e){Se(n.$$.fragment,e),i=!1},d(e){Oe(n,e)}}}function Fn(e){return[[{label:"A",options:[{value:"al",text:"Albania"},{value:"ad",text:"Andorra"},{value:"am",text:"Armenia"},{value:"a",text:"Austria"},{value:"az",text:"Azerbaijan"}]},{label:"B",options:[{value:"by",text:"Belarus"},{value:"be",text:"Belgium"},{value:"ba",text:"Bosnia and Herzegovina"},{value:"bg",text:"Bulgaria"}]},{label:"C",options:[{value:"hr",text:"Croatia"},{value:"cy",text:"Cyprus"},{value:"cz",text:"Czechia"}]}]]}function En(t){let n,i;return n=new $n({props:{options:t[0],renderer:"color-blocks",placeholder:"Select color"}}),{c(){ze(n.$$.fragment)},m(e,t){Ie(n,e,t),i=!0},p:e,i(e){i||(we(n.$$.fragment,e),i=!0)},o(e){Se(n.$$.fragment,e),i=!1},d(e){Oe(n,e)}}}function zn(e,t){return t?`<div class="color-item" style="background-color: ${e.hex}">\n        Selected color\n      </div>`:`<span class="color-item" style="background-color: ${e.hex};">\n      </span>${e.text}`}function In(e){let t=xn.colors();return vn("color-blocks",zn),vn({"color-blocks":zn}),[t]}function On(e){let t,n;return{c(){t=z("b"),n=I(e[1]),P(t,"slot","icon")},m(e,i){A(e,t,i),w(t,n)},p(e,t){2&t&&D(n,e[1])},d(e){e&&F(t)}}}function Ln(e){let t,n,i;function l(t){e[3](t)}let r={options:e[2],placeholder:"Pick your color, even the black 😉",$$slots:{icon:[On]},$$scope:{ctx:e}};return void 0!==e[0]&&(r.value=e[0]),t=new $n({props:r}),se.push((()=>Ee(t,"value",l))),{c(){ze(t.$$.fragment)},m(e,n){Ie(t,e,n),i=!0},p(e,[i]){const l={};18&i&&(l.$$scope={dirty:i,ctx:e}),!n&&1&i&&(n=!0,l.value=e[0],fe((()=>n=!1))),t.$set(l)},i(e){i||(we(t.$$.fragment,e),i=!0)},o(e){Se(t.$$.fragment,e),i=!1},d(e){Oe(t,e)}}}function _n(e,t,n){let i,l=xn.colors(),r=null;return e.$$.update=()=>{1&e.$$.dirty&&n(1,i=r?"black"===r?"💀":"👍":"👉")},[r,i,l,function(e){r=e,n(0,r)}]}function Tn(e){let t,n,i,l,s,o,a,c,u,d,h,p,f,m,g,v,b,y,$,x,C,S,k,E=JSON.stringify(e[2])+"";function L(t){e[4](t)}let T={resetOnBlur:e[0],fetchResetOnBlur:e[1],valueAsObject:!0,minQuery:e[3],multiple:!0,placeholder:"Start typing ('re' for example)",fetch:"https://jsonplaceholder.typicode.com/users/?email_like=[query]"};return void 0!==e[2]&&(T.value=e[2]),t=new $n({props:T}),se.push((()=>Ee(t,"value",L))),{c(){ze(t.$$.fragment),i=O(),l=z("div"),s=z("b"),s.textContent="Selected:",o=O(),a=z("span"),c=I("Min. query length:"),u=z("input"),d=O(),h=z("label"),p=z("input"),f=I(" Reset on blur"),m=O(),g=z("label"),v=z("input"),b=I(" Reset search results on empty input"),y=O(),$=z("pre"),x=I(E),P(u,"type","number"),P(u,"min","1"),P(u,"step","1"),P(u,"class","small-input svelte-1go3b6d"),P(p,"type","checkbox"),P(p,"name",""),P(p,"id","rob"),P(h,"for","rob"),P(h,"class","mr-2"),P(v,"type","checkbox"),P(v,"name",""),P(v,"id","frob"),P(g,"for","frob"),P(a,"class","float-right"),P($,"class","mt-2")},m(n,r){Ie(t,n,r),A(n,i,r),A(n,l,r),w(l,s),w(l,o),w(l,a),w(a,c),w(a,u),V(u,e[3]),w(a,d),w(a,h),w(h,p),p.checked=e[0],w(h,f),w(a,m),w(a,g),w(g,v),v.checked=e[1],w(g,b),w(l,y),w(l,$),w($,x),C=!0,S||(k=[_(u,"input",e[5]),_(p,"change",e[6]),_(v,"change",e[7])],S=!0)},p(e,[i]){const l={};1&i&&(l.resetOnBlur=e[0]),2&i&&(l.fetchResetOnBlur=e[1]),8&i&&(l.minQuery=e[3]),!n&&4&i&&(n=!0,l.value=e[2],fe((()=>n=!1))),t.$set(l),8&i&&N(u.value)!==e[3]&&V(u,e[3]),1&i&&(p.checked=e[0]),2&i&&(v.checked=e[1]),(!C||4&i)&&E!==(E=JSON.stringify(e[2])+"")&&D(x,E)},i(e){C||(we(t.$$.fragment,e),C=!0)},o(e){Se(t.$$.fragment,e),C=!1},d(e){Oe(t,e),e&&F(i),e&&F(l),S=!1,r(k)}}}function Pn(e,t,n){let i=!0,l=!0,r=[{id:10,name:"Clementina DuBuque",username:"Moriah.Stanton",email:"Rey.Padberg@karina.biz",address:{street:"Kattie Turnpike",suite:"Suite 198",city:"Lebsackbury",zipcode:"31428-2261",geo:{lat:"-38.2386",lng:"57.2232"}},phone:"024-648-3804",website:"ambrose.net",company:{name:"Hoeger LLC",catchPhrase:"Centralized empowering task-force",bs:"target end-to-end models"}}],s=2;return[i,l,r,s,function(e){r=e,n(2,r)},function(){s=N(this.value),n(3,s)},function(){i=this.checked,n(0,i)},function(){l=this.checked,n(1,l)}]}function Mn(e,t,n){const i=e.slice();return i[72]=t[n],i[74]=n,i}function Nn(e){let t,n;return{c(){t=z("b"),n=I(e[20]),P(t,"slot","icon")},m(e,i){A(e,t,i),w(t,n)},p(e,t){1048576&t[0]&&D(n,e[20])},d(e){e&&F(t)}}}function Dn(e){let t,n,i,l=e[72]+"";return{c(){t=z("option"),n=I(l),t.__value=i=e[72],t.value=t.__value},m(e,i){A(e,t,i),w(t,n)},p(e,r){4&r[0]&&l!==(l=e[72]+"")&&D(n,l),4&r[0]&&i!==(i=e[72])&&(t.__value=i,t.value=t.__value)},d(e){e&&F(t)}}}function Vn(e){let t,i,l,s,o,a,c,u,d,h,p,f,m,g,v,b,y,$,x,C,S,k,L,T,M,H,R,q,j,U,J,K,W,Q,X,Y,Z,ee,te,ne,ie,le,re,oe,ae,ce,ue,de,he,me,ge,ve,be,ye,$e,xe,Ce,ke,Ae,Fe,Le,_e,Te,Pe,Me,Ne,De,Ve,He,Be,Re,qe,je,Ge,Ue,Je,Ke,We,Qe,Xe,Ye,Ze,et,tt,nt,it,lt,rt,st,ot,at,ct,ut,dt,ht,pt,ft,mt,gt,vt,bt,yt,$t,xt,Ct,wt,St,kt,At,Ft,Et,zt,It,Ot,Lt,_t,Tt,Pt,Mt,Nt,Dt,Vt,Ht,Bt,Rt,qt,jt,Gt,Ut,Jt,Kt,Wt,Qt,Xt,Yt,Zt,en,tn,nn,ln,rn,sn,on,an,cn,un=JSON.stringify(e[3])+"";const dn=[e[19],{name:"select"},{valueAsObject:!0}];function hn(t){e[29](t)}let pn={$$slots:{icon:[Nn]},$$scope:{ctx:e}};for(let e=0;e<dn.length;e+=1)pn=n(pn,dn[e]);function fn(t){e[36](t)}void 0!==e[3]&&(pn.value=e[3]),a=new $n({props:pn}),se.push((()=>Ee(a,"value",hn))),e[30](a);let mn={options:e[22],style:"width: 195px"};void 0!==e[0]&&(mn.readSelection=e[0]),ce=new $n({props:mn}),se.push((()=>Ee(ce,"readSelection",fn))),ce.$on("change",e[37]);let gn=e[21][e[2]]||[],vn=[];for(let t=0;t<gn.length;t+=1)vn[t]=Dn(Mn(e,gn,t));return{c(){t=z("div"),i=z("div"),l=z("h4"),l.textContent="• Complex playground •",s=O(),o=z("div"),ze(a.$$.fragment),u=I("\n      Current value: "),d=I(un),h=O(),p=z("p"),p.textContent="Complete playground with almost options available. Try for example:",f=O(),m=z("ul"),g=z("li"),v=z("button"),v.textContent="collapsible multiselection",b=O(),y=z("li"),$=z("button"),$.textContent="creatable (create your tags)",x=O(),C=z("p"),C.innerHTML="⚠ When searching through items, AND is used as logical operator when space is entered. If you would like\n      to use OR, you have to start your search query by &quot;<code>|| </code>&quot; prefix. The space on 3rd position \n      is also very important here.",S=O(),k=z("div"),L=z("fieldset"),T=z("legend"),T.textContent="Customize",M=O(),H=z("div"),R=z("div"),q=z("fieldset"),j=z("legend"),j.textContent="Control",U=O(),J=z("label"),K=z("input"),W=I(" Disabled"),Q=z("br"),X=O(),Y=z("label"),Z=z("input"),ee=I(" Use virtual list"),te=z("br"),ne=O(),ie=z("button"),ie.textContent="Clear selection",le=O(),re=z("fieldset"),oe=z("legend"),oe.textContent="Options",ae=O(),ze(ce.$$.fragment),de=O(),he=z("p"),he.innerHTML='Options with <small class="label label-primary">API</small> label<br/>\n              to demonstrate AJAX fetch.',me=O(),ge=z("fieldset"),ve=z("legend"),ve.textContent="Rendering",be=O(),ye=z("select"),$e=z("option"),$e.textContent="Default";for(let e=0;e<vn.length;e+=1)vn[e].c();Ce=O(),ke=z("div"),Ae=z("fieldset"),Fe=z("legend"),Fe.textContent="Multiple",Le=O(),_e=z("label"),Te=z("input"),Pe=I(" Multiple"),Me=O(),Ne=z("span"),De=z("input"),He=O(),Be=z("br"),Re=O(),qe=z("label"),je=z("input"),Ue=I(" Collapse selection"),Je=O(),Ke=z("hr"),We=O(),Qe=z("label"),Xe=z("input"),Ye=I(" Inline width"),Ze=O(),et=z("fieldset"),tt=z("legend"),tt.textContent="Creatable",nt=O(),it=z("label"),lt=z("input"),rt=I(" Creatable"),st=z("br"),ot=O(),at=z("span"),ct=z("input"),dt=O(),ht=z("span"),pt=z("input"),mt=O(),gt=z("br"),vt=O(),bt=z("span"),yt=z("label"),$t=z("input"),xt=I(" Allow editing"),Ct=z("br"),wt=O(),St=z("span"),kt=z("label"),At=z("input"),Ft=I(" Keep created options"),Et=z("br"),zt=O(),It=z("div"),Ot=z("fieldset"),Lt=z("legend"),Lt.textContent="UI",_t=I("\n            Placeholder "),Tt=z("input"),Pt=z("br"),Mt=O(),Nt=z("label"),Dt=z("input"),Vt=I(" Searchable"),Ht=z("br"),Bt=O(),Rt=z("label"),qt=z("input"),jt=I(" Clearable"),Gt=z("br"),Ut=O(),Jt=z("label"),Kt=z("input"),Wt=I(" Select on "),Qt=z("kbd"),Qt.textContent="Tab",Xt=O(),Yt=z("fieldset"),Zt=z("legend"),Zt.textContent="Styling",en=O(),tn=z("span"),tn.textContent="CSS class",nn=O(),ln=z("select"),rn=z("option"),rn.textContent="svelecte-control (default)",sn=z("option"),sn.textContent="red style (custom)",P(p,"class","mt-2"),P(v,"class","btn btn-sm"),P($,"class","btn btn-sm"),P(o,"class","form-row example-wrap svelte-19xmbht"),G(o,"flexible-svelecte",e[6]),P(C,"class","mt-2"),P(i,"class","column col-xl-12 col-5"),P(T,"class","svelte-19xmbht"),P(j,"class","svelte-19xmbht"),P(K,"type","checkbox"),P(Z,"type","checkbox"),P(ie,"class","btn mt-2"),P(q,"class","svelte-19xmbht"),P(oe,"class","svelte-19xmbht"),P(he,"class","mb-0"),P(re,"class","svelte-19xmbht"),P(ve,"class","svelte-19xmbht"),$e.__value="",$e.value=$e.__value,ye.disabled=xe=!e[2]||!e[21][e[2]].length,P(ge,"class","svelte-19xmbht"),P(R,"class","col"),P(Fe,"class","svelte-19xmbht"),P(Te,"type","checkbox"),P(De,"class","input-sm svelte-19xmbht"),P(De,"type","number"),P(De,"placeholder","limit"),De.disabled=Ve=!e[19].multiple,P(De,"min","0"),P(Ne,"class","tooltip"),P(Ne,"data-tooltip","Limit selection count"),P(je,"type","checkbox"),je.disabled=Ge=!e[19].multiple,P(qe,"class","tooltip"),P(qe,"data-tooltip","Show only selection sum string"),P(Xe,"type","checkbox"),P(Ae,"class","svelte-19xmbht"),P(tt,"class","svelte-19xmbht"),P(lt,"type","checkbox"),P(ct,"class","input-sm input-short svelte-19xmbht"),P(ct,"placeholder","Item prefix"),ct.disabled=ut=!e[19].creatable,P(at,"class","tooltip"),P(at,"data-tooltip","prefix that is shown\nwhen creating new items"),P(pt,"class","input-sm input-short svelte-19xmbht"),P(pt,"placeholder","Delimiter"),pt.disabled=ft=!e[19].creatable,P(ht,"class","tooltip"),P(ht,"data-tooltip","Delimiter character for new items\n(when pasting etc.)"),P($t,"type","checkbox"),P(bt,"class","tooltip"),P(bt,"data-tooltip","Edit created item when backspace is pressed\n(normally remove selected item)"),P(At,"type","checkbox"),P(St,"class","tooltip"),P(St,"data-tooltip","Keep created item in options dropdown"),P(et,"class","svelte-19xmbht"),P(ke,"class","col"),P(Lt,"class","svelte-19xmbht"),P(Tt,"class","input-sm"),P(Dt,"type","checkbox"),P(qt,"type","checkbox"),P(Kt,"type","checkbox"),P(Ot,"class","svelte-19xmbht"),P(Zt,"class","svelte-19xmbht"),rn.__value="svelecte-control",rn.value=rn.__value,sn.__value="svelecte-control custom-css",sn.value=sn.__value,void 0===e[4]&&pe((()=>e[65].call(ln))),P(Yt,"class","svelte-19xmbht"),P(It,"class","col"),P(H,"class","columns"),P(L,"class","svelte-19xmbht"),P(k,"class","column col-xl-12 col-7"),P(t,"class","columns")},m(n,r){A(n,t,r),w(t,i),w(i,l),w(i,s),w(i,o),Ie(a,o,null),w(o,u),w(o,d),w(o,h),w(o,p),w(o,f),w(o,m),w(m,g),w(g,v),w(m,b),w(m,y),w(y,$),w(i,x),w(i,C),w(t,S),w(t,k),w(k,L),w(L,T),w(L,M),w(L,H),w(H,R),w(R,q),w(q,j),w(q,U),w(q,J),w(J,K),K.checked=e[12],w(J,W),w(q,Q),w(q,X),w(q,Y),w(Y,Z),Z.checked=e[18],w(Y,ee),w(q,te),w(q,ne),w(q,ie),w(R,le),w(R,re),w(re,oe),w(re,ae),Ie(ce,re,null),w(re,de),w(re,he),w(R,me),w(R,ge),w(ge,ve),w(ge,be),w(ge,ye),w(ye,$e);for(let e=0;e<vn.length;e+=1)vn[e].m(ye,null);w(H,Ce),w(H,ke),w(ke,Ae),w(Ae,Fe),w(Ae,Le),w(Ae,_e),w(_e,Te),Te.checked=e[1],w(_e,Pe),w(Ae,Me),w(Ae,Ne),w(Ne,De),V(De,e[7]),w(Ae,He),w(Ae,Be),w(Ae,Re),w(Ae,qe),w(qe,je),je.checked=e[8],w(qe,Ue),w(Ae,Je),w(Ae,Ke),w(Ae,We),w(Ae,Qe),w(Qe,Xe),Xe.checked=e[6],w(Qe,Ye),w(ke,Ze),w(ke,et),w(et,tt),w(et,nt),w(et,it),w(it,lt),lt.checked=e[13],w(it,rt),w(et,st),w(et,ot),w(et,at),w(at,ct),V(ct,e[14]),w(et,dt),w(et,ht),w(ht,pt),V(pt,e[17]),w(ht,mt),w(et,gt),w(et,vt),w(et,bt),w(bt,yt),w(yt,$t),$t.checked=e[15],w(yt,xt),w(bt,Ct),w(et,wt),w(et,St),w(St,kt),w(kt,At),At.checked=e[16],w(kt,Ft),w(St,Et),w(H,zt),w(H,It),w(It,Ot),w(Ot,Lt),w(Ot,_t),w(Ot,Tt),V(Tt,e[19].placeholder),w(Ot,Pt),w(Ot,Mt),w(Ot,Nt),w(Nt,Dt),Dt.checked=e[9],w(Nt,Vt),w(Ot,Ht),w(Ot,Bt),w(Ot,Rt),w(Rt,qt),qt.checked=e[10],w(Rt,jt),w(Ot,Gt),w(Ot,Ut),w(Ot,Jt),w(Jt,Kt),Kt.checked=e[11],w(Jt,Wt),w(Jt,Qt),w(It,Xt),w(It,Yt),w(Yt,Zt),w(Yt,en),w(Yt,tn),w(Yt,nn),w(Yt,ln),w(ln,rn),w(ln,sn),B(ln,e[4]),on=!0,an||(cn=[_(v,"click",e[24]),_($,"click",e[25]),_(K,"change",e[31]),_(K,"change",e[32]),_(Z,"change",e[33]),_(Z,"change",e[34]),_(ie,"click",e[35]),_(ye,"change",e[38]),_(ye,"blur",e[28]),_(Te,"change",e[39]),_(Te,"change",e[40]),_(De,"input",e[41]),_(De,"input",e[42]),_(je,"change",e[43]),_(je,"change",e[44]),_(Xe,"change",e[45]),_(lt,"change",e[46]),_(lt,"change",e[47]),_(ct,"input",e[48]),_(ct,"input",e[49]),_(pt,"input",e[50]),_(pt,"input",e[51]),_($t,"change",e[52]),_($t,"change",e[53]),_(At,"change",e[54]),_(At,"change",e[55]),_(Tt,"input",e[56]),_(Tt,"input",e[57]),_(Dt,"change",e[58]),_(Dt,"change",e[59]),_(qt,"change",e[60]),_(qt,"change",e[61]),_(Kt,"change",e[62]),_(Kt,"change",e[63]),_(ln,"change",e[64]),_(ln,"change",e[65]),_(ln,"blur",e[27])],an=!0)},p(e,t){const n=524288&t[0]?function(e,t){const n={},i={},l={$$scope:1};let r=e.length;for(;r--;){const s=e[r],o=t[r];if(o){for(const e in s)e in o||(i[e]=1);for(const e in o)l[e]||(n[e]=o[e],l[e]=1);e[r]=o}else for(const e in s)l[e]=1}for(const e in i)e in n||(n[e]=void 0);return n}(dn,[(i=e[19],"object"==typeof i&&null!==i?i:{}),dn[1],dn[2]]):{};var i;1048576&t[0]|8192&t[2]&&(n.$$scope={dirty:t,ctx:e}),!c&&8&t[0]&&(c=!0,n.value=e[3],fe((()=>c=!1))),a.$set(n),(!on||8&t[0])&&un!==(un=JSON.stringify(e[3])+"")&&D(d,un),64&t[0]&&G(o,"flexible-svelecte",e[6]),4096&t[0]&&(K.checked=e[12]),262144&t[0]&&(Z.checked=e[18]);const l={};if(!ue&&1&t[0]&&(ue=!0,l.readSelection=e[0],fe((()=>ue=!1))),ce.$set(l),2097156&t[0]){let n;for(gn=e[21][e[2]]||[],n=0;n<gn.length;n+=1){const i=Mn(e,gn,n);vn[n]?vn[n].p(i,t):(vn[n]=Dn(i),vn[n].c(),vn[n].m(ye,null))}for(;n<vn.length;n+=1)vn[n].d(1);vn.length=gn.length}(!on||4&t[0]&&xe!==(xe=!e[2]||!e[21][e[2]].length))&&(ye.disabled=xe),2&t[0]&&(Te.checked=e[1]),(!on||524288&t[0]&&Ve!==(Ve=!e[19].multiple))&&(De.disabled=Ve),128&t[0]&&N(De.value)!==e[7]&&V(De,e[7]),(!on||524288&t[0]&&Ge!==(Ge=!e[19].multiple))&&(je.disabled=Ge),256&t[0]&&(je.checked=e[8]),64&t[0]&&(Xe.checked=e[6]),8192&t[0]&&(lt.checked=e[13]),(!on||524288&t[0]&&ut!==(ut=!e[19].creatable))&&(ct.disabled=ut),16384&t[0]&&ct.value!==e[14]&&V(ct,e[14]),(!on||524288&t[0]&&ft!==(ft=!e[19].creatable))&&(pt.disabled=ft),131072&t[0]&&pt.value!==e[17]&&V(pt,e[17]),32768&t[0]&&($t.checked=e[15]),65536&t[0]&&(At.checked=e[16]),524288&t[0]&&Tt.value!==e[19].placeholder&&V(Tt,e[19].placeholder),512&t[0]&&(Dt.checked=e[9]),1024&t[0]&&(qt.checked=e[10]),2048&t[0]&&(Kt.checked=e[11]),16&t[0]&&B(ln,e[4])},i(e){on||(we(a.$$.fragment,e),we(ce.$$.fragment,e),on=!0)},o(e){Se(a.$$.fragment,e),Se(ce.$$.fragment,e),on=!1},d(n){n&&F(t),e[30](null),Oe(a),Oe(ce),E(vn,n),an=!1,r(cn)}}}function Hn(e){return e.map((e=>({id:e.id,name:e.name,email:e.email,street:`${e.address.street} ${e.address.suite}`,city:e.address.city})))}function Bn(e,t){return t?`<figure class="avatar avatar-sm" data-initial="${e.name.split(" ").map((e=>e[0])).slice(0,2).join("")}" style="background-color: #2ed020;"></figure>\n          ${e.name}`:`<div class="avatar-item">\n        <figure class="avatar avatar-bg" data-initial="${e.name.split(" ").map((e=>e[0])).slice(0,2).join("")}" style="background-color: #aaa;"></figure>\n        <div class="ml-2">\n          ${e.name}<br><small>${e.email}</small>\n        </div>\n      </div>`}function Rn(e,t,n){let i,l=null,r=null,s="svelecte-control";const o={colors:"https://my-json-server.typicode.com/mskocik/svelecte-docs/colors?value_like=[query]",json:"https://jsonplaceholder.typicode.com/users/"},a={opts:"🎨",countries:"🌍",groups:"🔠",colors:"⚡",json:"🙋",tags:"🔖"};let c,u=!1,{multiple:d,max:h,collapseSelection:p,placeholder:f,searchable:m,clearable:g,selectOnTab:v,disabled:b,creatable:y,creatablePrefix:$,allowEditing:x,keepCreated:C,delimiter:w,virtualList:S,style:k,searchField:A}=bn,F={searchable:!0,placeholder:"Pick some option variant 👉",options:[],disabled:!0},E=[{value:"opts",text:"🎨 Colors"},{value:"countries",text:"🌍 Countries"},{value:"groups",text:"🔠 Country (groups)"},{value:"colors",text:'⚡ Colors <small class="label label-primary">API</small>'},{value:"json",text:'🙋 Users <small class="label label-primary">API</small>'},{value:"tags",text:"🔖 Empty list"}],z=null,I=z;function O(e,t){n(19,F[e]=null!==t?t:!F[e],F),n(19,F)}vn("avatar",Bn);return e.$$.update=()=>{1&e.$$.dirty[0]&&n(2,z=r?r.value:null),4&e.$$.dirty[0]&&n(20,i=a[z]||"🚫"),67108870&e.$$.dirty[0]&&I!==z&&(n(3,l=d?[]:null),A=null,"opts"===z?n(19,F={multiple:d,max:h,collapseSelection:p,searchable:m,clearable:g,selectOnTab:v,disabled:b,creatable:y,creatablePrefix:$,allowEditing:x,keepCreated:C,delimiter:w,virtualList:S,style:k,class:s,options:xn.colors(),fetch:null,placeholder:"Pick your color"}):z?"countries"===z?n(19,F={multiple:d,max:h,collapseSelection:p,searchable:m,clearable:g,selectOnTab:v,disabled:b,creatable:y,creatablePrefix:$,allowEditing:x,keepCreated:C,delimiter:w,virtualList:S,style:k,class:s,options:xn.countries(),fetch:null,placeholder:"Choose your favourite European country"}):"groups"===z?n(19,F={multiple:d,max:h,collapseSelection:p,searchable:m,clearable:g,selectOnTab:v,disabled:b,creatable:y,creatablePrefix:$,allowEditing:x,keepCreated:C,delimiter:w,virtualList:S,style:k,class:s,options:xn.countryGroups(),fetch:null,placeholder:"Select from country group"}):["json","colors"].includes(z)?n(19,F={multiple:d,max:h,collapseSelection:p,searchable:m,clearable:g,selectOnTab:v,disabled:b,creatable:y,creatablePrefix:$,allowEditing:x,keepCreated:C,delimiter:w,virtualList:S,style:k,searchField:"json"===z?["name","email"]:null,class:s,fetch:o[z],fetchCallback:"json"===z?Hn:null,placeholder:"json"===z?"Select from prefetched list":"Search for color",renderer:"json"===z?"avatar":null,options:[]}):"tags"===z&&n(19,F={multiple:d,max:h,collapseSelection:p,searchable:m,clearable:g,selectOnTab:v,placeholder:f,disabled:b,creatable:y,creatablePrefix:$,allowEditing:x,keepCreated:C,delimiter:w,virtualList:S,style:k,class:s,fetch:null,fetchCallback:null,renderer:null,options:[]}):n(19,F={placeholder:"Pick some option variant 👉",options:[],disabled:!0}),n(26,I=z))},[r,d,z,l,s,c,u,h,p,m,g,v,b,y,$,x,C,w,S,F,i,{opts:["caps","dotted","color-blocks"],countries:["caps"],groups:["caps"],colors:["caps","dotted","color-blocks"],json:[],tags:[]},E,O,function(){n(1,d=!0),n(8,p=!0),n(6,u=!0),n(0,r=E[1]);const e=xn.countries();setTimeout((()=>{n(3,l=[e[2],e[7]])})),setTimeout((()=>{document.querySelector("#example-7 input").focus()}),300)},function(){n(13,y=!0),n(1,d=!0),n(7,h=0),n(6,u=!1),n(0,r=E[E.length-1]),n(12,b=!1),f="Create!",setTimeout((()=>{document.querySelector("#example-7 input").focus()}),300)},I,function(t){le.call(this,e,t)},function(t){le.call(this,e,t)},function(e){l=e,n(3,l),n(26,I),n(2,z),n(1,d),n(0,r)},function(e){se[e?"unshift":"push"]((()=>{c=e,n(5,c)}))},e=>O("disabled",e.target.checked),function(){b=this.checked,n(12,b)},e=>O("virtualList",e.target.checked),function(){S=this.checked,n(18,S)},()=>{n(3,l=F.multiple?[]:null)},function(e){r=e,n(0,r)},()=>{n(3,l=d?[]:null)},e=>O("renderer",e.target.value),e=>O("multiple",e.target.checked),function(){d=this.checked,n(1,d)},e=>O("max",parseInt(e.target.value)),function(){h=N(this.value),n(7,h)},e=>O("collapseSelection",e.target.checked),function(){p=this.checked,n(8,p)},function(){u=this.checked,n(6,u)},e=>O("creatable",e.target.checked),function(){y=this.checked,n(13,y)},e=>O("creatablePrefix",e.target.value),function(){$=this.value,n(14,$)},e=>O("delimiter",e.target.value),function(){w=this.value,n(17,w)},e=>O("allowEditing",e.target.checked),function(){x=this.checked,n(15,x)},e=>O("keepCreated",e.target.checked),function(){C=this.checked,n(16,C)},e=>O("placeholder",e.target.value),function(){F.placeholder=this.value,n(19,F)},e=>O("searchable",e.target.checked),function(){m=this.checked,n(9,m)},e=>O("clearable",e.target.checked),function(){g=this.checked,n(10,g)},e=>O("selectOnTab",e.target.checked),function(){v=this.checked,n(11,v)},e=>O("class",e.target.value),function(){s=R(this),n(4,s)}]}const qn=["options","value","name","required","disabled","value-field","label-field","disabled-field","placeholder","searchable","clearable","renderer","disable-highlight","select-on-tab","reset-on-blur","multiple","max","collapse-selection","creatable","creatable-prefix","allow-editing","keepCreated","delimiter","fetch","fetch-reset-on-blur","min-query","lazy-dropdown","virtual-list","vl-height","vl-item-size","search-field","sort-field","disable-sifter","label-as-value"];function jn(e,t){switch(e){case"options":if(Array.isArray(t))return t;try{t=JSON.parse(t),Array.isArray(t)||(t=[])}catch(e){t=[]}return t;case"value":return t?t.split(",").map((e=>{const t=parseInt(e);return isNaN(t)?"null"!==e?e:null:t})):"";case"renderer":return t||"default";case"required":case"searchable":case"clearable":case"disable-highlight":case"select-on-tab":case"reset-on-blur":case"multiple":case"collapse-selection":case"creatable":case"allow-editing":case"keep-created":case"fetch-reset-on-blur":case"lazy-dropdown":case"virtual-list":case"disable-sifter":case"label-as-value":return null!==t&&"false"!==t;case"max":return isNaN(parseInt(t))?0:parseInt(t);case"min-query":return isNaN(parseInt(t))?bn.minQuery:parseInt(t)}return t}function Gn(e){return e.includes("-")?e.split("-").reduce(((e,t,n)=>(n&&(t=t[0].toUpperCase()+t.substr(1)),e+t)),""):e}let Un=!1;class Jn extends HTMLElement{constructor(){super(),this.svelecte=void 0,this.anchorSelect=null,this._fetchOpts=null,this._selfSetValue=!1;const e={name:{get(){this.getAttribute("name")},set(e){this.setAttribute("name",e)}},selection:{get(){return this.svelecte?this.svelecte.getSelection():null}},value:{get(){return this.svelecte?this.svelecte.getSelection(!0):null},set(e){this.setAttribute("value",Array.isArray(e)?e.join(","):e)}},options:{get(){return this.hasAttribute("options")?JSON.parse(this.getAttribute("options")):this._fetchOpts||[]},set(e){this.setAttribute("options",Array.isArray(e)?JSON.stringify(e):e)}},hasAnchor:{get(){return!!this.anchorSelect}},form:{get(){return this.closest("form")}},emitChange:{get(){return Un=!0,this}},valueField:{get(){return this.getAttribute("value-field")||bn.valueField},set(e){this.setAttribute("value-field",e)}},labelField:{get(){return this.getAttribute("label-field")||bn.labelField},set(e){this.setAttribute("label-field",e)}},delimiter:{get(){return this.getAttribute("delimiter")||bn.delimiter},set(e){this.setAttribute("delimiter",e)}},lazyDropdown:{get(){return!!this.hasAttribute("lazy-dropdown")||bn.lazyDropdown},set(){console.warn("⚠ this setter has no effect after component has been created")}},placeholder:{get(){return this.getAttribute("placeholder")||bn.placeholder},set(e){this.setAttribute("placeholder",e)}},max:{get(){return this.getAttribute("max")||bn.max},set(e){try{(e=parseInt(e))<0&&(e=0)}catch(t){e=0}this.setAttribute("max",e)}},minQuery:{get(){return this.getAttribute("min-query")||bn.minQuery},set(e){try{(e=parseInt(e))<1&&(e=1)}catch(t){e=bn.minQuery}this.setAttribute("min-query",e)}},creatablePrefix:{get(){return this.getAttribute("creatable-prefix")||bn.creatablePrefix},set(e){this.setAttribute("creatable-prefix",e)}},renderer:{get(){return this.getAttribute("renderer")||"default"},set(e){e?this.setAttribute("renderer",e):this.removeAttribute("renderer")}}},t=["searchable","clearable","disable-highlight","select-on-tab","reset-on-blur","multiple","collapse-selection","creatable","allow-editing","keep-created","fetch-reset-on-blur","virtual-list","disable-sifter","label-as-value"].reduce(((e,t)=>{const n=Gn(t);return e[n]={get(){const e=this.hasAttribute(t),i=!e||"false"!==this.getAttribute(t);return e?i:bn[n]},set(e){e?this.setAttribute(t,e=""):this.hasAttribute(t)?this.removeAttribute(t):this.svelecte.$set({[n]:e})}},e}),{});Object.defineProperties(this,Object.assign({},e,t))}focus(){!this.disabled&&this.querySelector("input").focus()}static get observedAttributes(){return qn}attributeChangedCallback(e,t,n){if(this.svelecte&&t!==n){if("value"===e)return this._selfSetValue||(n?this.svelecte.setSelection(jn(e,n),Un):this.svelecte.clearByParent(!!this.parent)),this._selfSetValue=!1,Un=!1,void(this.anchorSelect&&setTimeout((()=>{const e=this.svelecte.getSelection(!0);this.anchorSelect.innerHTML=(Array.isArray(e)?e.length?e:[null]:[e]).reduce(((e,t)=>e+=t?`<option value="${t}" selected>${t}</option>`:'<option value="" selected="">Empty</option>'),"")})));this.svelecte.$set({[Gn(e)]:jn(e,n)})}}connectedCallback(){setTimeout((()=>{this.render()}))}render(){if(this.svelecte)return;let e={};for(const t of qn)this.hasAttribute(t)&&(e[Gn(t)]=jn(t,this.getAttribute(t)));if(this.hasAttribute("class")&&(e.class=this.getAttribute("class")),this.hasAttribute("parent")){if(delete e.fetch,e.disabled=!0,this.parent=document.getElementById(this.getAttribute("parent")),!this.parent.value&&this.svelecte)return;this.parentCallback=e=>{if(!e.target.selection||Array.isArray(e.target.selection)&&!e.target.selection.length)this.svelecte.clearByParent(!0);else if(!this.parent.disabled&&this.removeAttribute("disabled"),this.hasAttribute("fetch")){this.svelecte.clearByParent(!0);const t=this.getAttribute("fetch").replace("[parent]",e.target.value);this.svelecte.$set({fetch:t,disabled:!1})}},this.parent.addEventListener("change",this.parentCallback)}const t=this.querySelector("select");return t&&(e.hasAnchor=!0,t.style="opacity: 0; position: absolute; z-index: -2; top: 0; height: 38px",t.tabIndex=-1,this.anchorSelect=t,this.anchorSelect.multiple=e.multiple||t.name.includes("[]"),(Array.isArray(e.value)?e.value:[e.value||null]).forEach((e=>{this.anchorSelect.innerHTML+=`<option value="${e||""}" selected>${e||"No value"}</option>`}))),this.svelecte=new $n({target:this,anchor:t,props:e}),this.svelecte.$on("change",(e=>{const t=this.svelecte.getSelection(!0);this._selfSetValue=!0,this.value=t,setTimeout((()=>{this._selfSetValue=!1}),100),this.dispatchEvent(e),this.anchorSelect&&(this.anchorSelect.innerHTML=(Array.isArray(t)?t.length?t:[null]:[t]).reduce(((e,t)=>e+=t?`<option value="${t}" selected>${t}</option>`:'<option value="" selected="">Empty</option>'),""),this.anchorSelect.dispatchEvent(new Event("change")))})),this.svelecte.$on("fetch",(e=>{this._fetchOpts=e.detail,this.dispatchEvent(e)})),this.svelecte.$on("createoption",(e=>{this.dispatchEvent(e)})),!0}disconnectedCallback(){this.svelecte&&this.svelecte.$destroy(),this.parent&&this.parent.removeEventListener("change",this.parentCallback)}}function Kn(t){let n,i,l,s,o,a,c,u,d,h,p,f,m,g,v,b,y,$,x,C,S,k,E,L,N,D,V,H;return{c(){n=z("el-svelecte"),i=O(),l=z("button"),l.textContent="Break it!",s=O(),o=z("button"),o.textContent="Fix it!",a=O(),c=z("button"),c.textContent="Fix it! (no Event)",u=O(),d=z("div"),h=z("form"),p=I("Create new\r\n    "),f=z("select"),m=z("option"),m.textContent="Select options",g=z("option"),g.textContent="Colors",v=z("option"),v.textContent="Countries",b=z("option"),b.textContent="Groups",y=z("option"),y.textContent="Tags (cretable)",$=O(),x=z("select"),C=z("option"),C.textContent="Default renderer",S=z("option"),k=I("Dotted (color only)"),L=z("option"),L.textContent="Caps (all letters uppercase)",N=O(),D=z("button"),D.textContent="Add Svelecte",M(n,"multiple",""),M(n,"options",JSON.stringify([{id:1,name:"User #1"},{id:2,name:"User #2"},{id:3,name:"User #3"},{id:4,name:"User #4"},{id:5,name:"User #5"},{id:6,name:"User #6"}])),m.__value="",m.value=m.__value,g.__value="colors",g.value=g.__value,v.__value="countries",v.value=v.__value,b.__value="countryGroups",b.value=b.__value,y.__value="tags",y.value=y.__value,f.required=!0,void 0===t[0]&&pe((()=>t[10].call(f))),C.__value="",C.value=C.__value,S.__value="dotted",S.value=S.__value,S.disabled=E="colors"!==t[0],L.__value="caps",L.value=L.__value,void 0===t[1]&&pe((()=>t[11].call(x))),P(D,"class","btn"),P(D,"type","submit"),P(h,"action","")},m(e,r){A(e,n,r),t[8](n),A(e,i,r),A(e,l,r),A(e,s,r),A(e,o,r),A(e,a,r),A(e,c,r),A(e,u,r),A(e,d,r),w(d,h),w(h,p),w(h,f),w(f,m),w(f,g),w(f,v),w(f,b),w(f,y),B(f,t[0]),w(h,$),w(h,x),w(x,C),w(x,S),w(S,k),w(x,L),B(x,t[1]),w(h,N),w(h,D),t[12](d),V||(H=[_(n,"change",t[9]),_(l,"click",t[7]),_(o,"click",t[5]),_(c,"click",t[6]),_(f,"change",t[10]),_(x,"change",t[11]),_(h,"submit",T(t[4]))],V=!0)},p(e,[t]){1&t&&B(f,e[0]),1&t&&E!==(E="colors"!==e[0])&&(S.disabled=E),2&t&&B(x,e[1])},i:e,o:e,d(e){e&&F(n),t[8](null),e&&F(i),e&&F(l),e&&F(s),e&&F(o),e&&F(a),e&&F(c),e&&F(u),e&&F(d),t[12](null),V=!1,r(H)}}}function Wn(e,t,n){let i,l,r;var s;let o;bn.clearable=!0,s="el-svelecte",window.customElements.define(s||"el-svelecte",Jn),vn("dotted",(e=>`<span style="background-color:${e.hex}" class="color"></span> ${e.text}`)),vn("caps",(e=>e.text.toUpperCase())),te((()=>{window.el=o}));return e.$$.update=()=>{3&e.$$.dirty&&"colors"!==l&&"dotted"===r&&n(1,r=null)},[l,r,i,o,function(){const e=document.createElement("el-svelecte");e.options="tags"===l?[]:xn[l](),e.renderer=r,"tags"===l&&(e.creatable=!0,e.multiple=!0),e.onchange=e=>console.log("change event",e),i.insertBefore(e,i.lastElementChild);const t=document.createElement("button");t.className="btn float-right ml-2",t.style="z-index: 1; position: relative",t.textContent="Remove select",t.onclick=()=>{i.removeChild(e),i.removeChild(t)},i.insertBefore(t,i.lastElementChild),i.insertBefore(e,i.lastElementChild),n(0,l=""),n(1,r="")},function(){n(3,o.emitChange.value=[4],o)},function(){n(3,o.value=[2],o)},function(){n(3,o.value=[51],o)},function(e){se[e?"unshift":"push"]((()=>{o=e,n(3,o)}))},()=>console.log(Date.now()),function(){l=R(this),n(0,l)},function(){r=R(this),n(1,r),n(0,l)},function(e){se[e?"unshift":"push"]((()=>{i=e,n(2,i)}))}]}function Qn(e){let t,n;return{c(){t=z("pre"),n=I(e[0])},m(e,i){A(e,t,i),w(t,n)},p(e,t){1&t&&D(n,e[0])},d(e){e&&F(t)}}}function Xn(t){let n,i,l,s,o,a,c,u,d,h,p,f,m,g,v,b,y=t[0]&&Qn(t);return{c(){n=z("form"),i=z("el-svelecte"),l=O(),s=z("el-svelecte"),o=O(),a=z("div"),a.textContent="Server-side rendered inner select:",c=O(),u=z("el-svelecte"),d=z("select"),h=O(),p=z("small"),p.innerHTML="This <code>&lt;el-svelecte&gt;</code> has nested (anchored) <code>&lt;select&gt;</code>, when you <em>need</em> to have it rendered server-side. This setup is specific, \n    because inner select needs to have <code>name</code> and <code>required</code> (if applicable) properties specified manually. (They are not inherited from el-svelecte parent)",f=O(),m=z("div"),m.innerHTML='<button type="submit" class="btn btn-success">Send form</button>',g=O(),y&&y.c(),M(i,"name","parent_value"),M(i,"placeholder","Select parent value"),M(i,"options",'[{"value":"posts","text":"Posts"},{"value":"users","text":"Users"},{"value":"comments","text":"Comments"}]'),M(i,"id","is-parent"),M(i,"required",""),M(s,"name","child_value"),M(s,"parent","is-parent"),M(s,"required",""),M(s,"placeholder","Pick from child select"),M(s,"fetch","https://jsonplaceholder.typicode.com/[parent]"),P(d,"id","anchored"),P(d,"name","demo"),d.multiple=!0,P(d,"data-nette-rules",Yn),M(u,"options",'[{"id":"posts","label":"Posts", "prop": "Posts"},{"id":"users","label":"Users", "prop": "Users"},{"id":"comments","label":"Comments", "prop": "Comment"}]'),H(u,"margin-bottom","0"),M(u,"lazy-dropdown","false"),P(m,"class","mt-2"),P(n,"action",""),n.noValidate=!0},m(e,r){A(e,n,r),w(n,i),w(n,l),w(n,s),w(n,o),w(n,a),w(n,c),w(n,u),w(u,d),w(n,h),w(n,p),w(n,f),w(n,m),w(n,g),y&&y.m(n,null),v||(b=[_(s,"change",t[2]),_(d,"change",t[3]),_(n,"submit",T(t[1]))],v=!0)},p(e,[t]){e[0]?y?y.p(e,t):(y=Qn(e),y.c(),y.m(n,null)):y&&(y.d(1),y=null)},i:e,o:e,d(e){e&&F(n),y&&y.d(),v=!1,r(b)}}}let Yn='[{"op":":filled","msg":"This field is required."}]';function Zn(e,t,n){let i=null;te((()=>{!function(e,t,n){if("function"==typeof define&&define.amd)define((function(){return{LiveForm:t(e),Nette:n(e)}}));else if("object"==typeof exports)module.exports={LiveForm:t(e),Nette:n(e)};else{e.LiveForm=t(e);var i=!e.Nette||!e.Nette.noInit;e.Nette=n(e),i&&e.Nette.initOnLoad()}}("undefined"!=typeof window?window:this,(function(e){var t={options:{showMessageClassOnParent:!1,messageParentClass:!1,controlErrorClass:"is-invalid",controlValidClass:"is-valid",messageErrorClass:"invalid-tooltip",enableHiddenMessageClass:"selectized",disableLiveValidationClass:["no-live-validation"],disableShowValidClass:"no-show-valid",messageTag:"div",messageIdPostfix:"_message",messageErrorPrefix:'&nbsp;<i class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></i>&nbsp;',showAllErrors:!0,showValid:!1,wait:!1,focusScreenOffsetY:50},lastEventType:null,forms:{},setOptions:function(e){for(var t in e)Object.prototype.hasOwnProperty.call(this.options,t)&&(this.options[t]=e[t])}};return void 0!==e.LiveFormOptions&&t.setOptions(e.LiveFormOptions),t.isSpecialKey=function(e){return 20==e||16==e||9==e||27==e||17==e||91==e||19==e||18==e||93==e||e>=35&&e<=40||45==e||e>=33&&e<=34||e>=112&&e<=123||e>=144&&e<=145},t.setupHandlers=function(t){if(!this.hasClass(t,this.options.disableLiveValidationClass)&&"BUTTON"!==t.tagName&&!t.getAttribute("data-lfv-initialized")){t.setAttribute("data-lfv-initialized","true");var n=this,i=function(t){t=t||e.event,n.lastEventType=t.type,"blur"===t.type&&t.target.dataset.provide?setTimeout((()=>{Nette.validateControl(t.target?t.target:t.srcElement)}),150):Nette.validateControl(t.target?t.target:t.srcElement)};t.addEventListener("change",i),t.addEventListener("blur",i),t.addEventListener("keydown",(function(e){if(!n.isSpecialKey(e.which)&&(!1===n.options.wait||n.options.wait>=200)){n.removeClass(n.getGroupElement(this),n.options.controlErrorClass),n.removeClass(n.getGroupElement(this),n.options.controlValidClass);var t=n.getMessageElement(this);t.innerHTML="",t.className="",n.timeout&&clearTimeout(n.timeout)}})),t.addEventListener("keyup",(function(t){!1!==n.options.wait&&9!==(t=t||e.event).keyCode&&(n.timeout&&clearTimeout(n.timeout),n.timeout=setTimeout((function(){i(t)}),n.options.wait))}))}},t.processServerErrors=function(e){if(!this.hasClass(e,this.options.disableLiveValidationClass)&&"BUTTON"!==e.tagName&&"true"!=e.dataset.lfvInitialized){for(var t=this.getMessageElement(e),n=this.getMessageParent(e),i=[],l=n.getElementsByClassName(this.options.messageErrorClass),r=l.length-1;r>-1;r--)if(l[r]!=t){var s=l[r].parentNode;s==n&&(i.push(l[r].outerHTML),s.removeChild(l[r]))}i.length>0&&(t.innerHTML=i.join(""))}},t.addError=function(e,t){if(!this.hasClass(e,this.options.disableLiveValidationClass)){var n=this.getGroupElement(e);this.setFormProperty(e.form,"hasError",!0),this.addClass(n,this.options.controlErrorClass),this.options.showValid&&this.removeClass(n,this.options.controlValidClass),t=t?this.options.messageErrorPrefix+t:"&nbsp;";var i=this.getMessageElement(e);i.innerHTML=t,i.className=this.options.messageErrorClass}},t.removeError=function(e){if(!this.getFormProperty(e.form,"onLoadValidation")){var t=this.getGroupElement(e);if(this.removeClass(t,this.options.controlErrorClass),e.getAttribute("data-lfv-message-id")){var n=this.getMessageElement(e);n.innerHTML="",n.className=""}this.options.showValid&&(this.showValid(e)?this.addClass(t,this.options.controlValidClass):this.removeClass(t,this.options.controlValidClass))}},t.showValid=function(e){if(e.type){var t=e.type.toLowerCase();if("checkbox"==t||"radio"==t)return!1}var n=JSON.parse(e.getAttribute("data-nette-rules"));return null!==n&&0!=n.length&&(""!=Nette.getEffectiveValue(e)&&!this.hasClass(e,this.options.disableShowValidClass))},t.getGroupElement=function(e){if(!1===this.options.showMessageClassOnParent)return e;for(var t=e;!this.hasClass(t,this.options.showMessageClassOnParent);)if(null===(t=t.parentNode))return e;return t},t.getMessageId=function(e){var t=e.id+this.options.messageIdPostfix;if(e.name&&(!e.id||!e.form.elements[e.name].tagName)){var n=e.name.match(/\[\]$/)?e.name.match(/(.*)\[\]$/)[1]:e.name;t=(e.form.id?e.form.id:"frm")+"-"+n+this.options.messageIdPostfix}for(var i=t,l=0;document.getElementById(i);)i=i+"_"+ ++l;return i},t.getMessageElement=function(e){e.name&&e.name.match(/\[\]$/)&&(e=e.form.elements[e.name].tagName?e:e.form.elements[e.name][0]);var t=e.getAttribute("data-lfv-message-id");t||(t=this.getMessageId(e),e.setAttribute("data-lfv-message-id",t));var n=document.getElementById(t);if(!n){(n=document.createElement(this.options.messageTag)).id=t,"none"!=e.style.display||this.hasClass(e,this.options.enableHiddenMessageClass)||(n.style.display="none");var i=this.getMessageParent(e);i===e.parentNode?i.insertBefore(n,e.nextSibling):i&&("function"==typeof i.append?i.append(n):i.appendChild(n))}return n},t.getMessageParent=function(e){var t=e.parentNode,n=!1;if(!1!==this.options.messageParentClass)for(n=!0;!this.hasClass(t,this.options.messageParentClass);)if(null===(t=t.parentNode)){t=e.parentNode,n=!1;break}if(e.type){var i=e.type.toLowerCase();"checkbox"!=i&&"radio"!=i||"LABEL"!=t.tagName||(t=t.parentNode)}return n||!e.name||e.form.elements[e.name].tagName||(t=t.parentNode),t},t.addClass=function(e,t){e.classList.add(t)},t.hasClass=function(e,t){return Array.isArray(t)?t.some((t=>e.classList.contains(t))):e.classList.contains(t)},t.removeClass=function(e,t){e.classList.remove(t)},t.getFormProperty=function(e,t){return null!=e&&null!=this.forms[e.id]&&this.forms[e.id][t]},t.setFormProperty=function(e,t,n){null!=e&&(null==this.forms[e.id]&&(this.forms[e.id]={}),this.forms[e.id][t]=n)},t}),(function(e){var t={},n={},i={};return t.version="3.0",t.onDocumentReady=function(e){"loading"!==document.readyState?e.call(this):document.addEventListener("DOMContentLoaded",e)},t.addEvent=function(e,t,n){e.addEventListener?e.addEventListener(t,n):"DOMContentLoaded"===t?e.attachEvent("onreadystatechange",(function(){"complete"===e.readyState&&n.call(this)})):e.attachEvent("on"+t,getHandler(n))},t.getValue=function(e){var n;if(e){if(e.tagName){if("radio"===e.type){var i=e.form.elements;for(n=0;n<i.length;n++)if(i[n].name===e.name&&i[n].checked)return i[n].value;return null}if("file"===e.type)return e.files||e.value;if("select"===e.tagName.toLowerCase()){var l=e.selectedIndex,r=e.options,s=[];if("select-one"===e.type)return l<0?null:r[l].value;for(n=0;n<r.length;n++)r[n].selected&&s.push(r[n].value);return s}if(e.name&&e.name.match(/\[\]$/)){for(i=e.form.elements[e.name].tagName?[e]:e.form.elements[e.name],s=[],n=0;n<i.length;n++){var o=i[n].value;("checkbox"===i[n].type&&i[n].checked||"checkbox"!==i[n].type&&""!==o)&&s.push(o)}return s}return"checkbox"===e.type?e.checked:"textarea"===e.tagName.toLowerCase()?e.value.replace("\r",""):e.value.replace("\r","").replace(/^\s+|\s+$/g,"")}return e[0]?t.getValue(e[0]):null}return null},t.getEffectiveValue=function(e,i){var l=t.getValue(e);if(e.getAttribute&&l===e.getAttribute("data-nette-empty-value")&&(l=""),i&&void 0===n[e.name]){n[e.name]=!0;var r={value:l};t.validateControl(e,null,!0,r),l=r.value,delete n[e.name]}return l},t.validateControl=function(e,n,i,l,r){e.name&&e.name.match(/\[\]$/)&&"checkbox"==e.type.toLowerCase()&&(e=e.form.elements[e.name].tagName?e:e.form.elements[e.name][0]),e=e.tagName?e:e[0],n=n||JSON.parse(e.getAttribute("data-nette-rules")||"[]"),l=void 0===l?{value:t.getEffectiveValue(e)}:l,r=r||!t.validateRule(e,":filled",null,l);for(var s=0,o=n.length;s<o;s++){var a=n[s],c=a.op.match(/(~)?([^?]+)/),u=a.control?e.form.elements.namedItem(a.control):e;if(a.neg=c[1],a.op=c[2],a.condition=!!a.rules,u&&(!r||a.condition||":filled"===a.op)){u=u.tagName?u:u[0];var d=t.validateRule(u,a.op,a.arg,e===u?l:void 0);if(null!==d)if(a.neg&&(d=!d),a.condition&&d){if(!t.validateControl(e,a.rules,i,l,":blank"!==a.op&&r))return!1}else if(!a.condition&&!d){if(t.isDisabled(u))continue;if(!i){var h=Array.isArray(a.arg)?a.arg:[a.arg],p=a.msg.replace(/%(value|\d+)/g,(function(n,i){return t.getValue("value"===i?u:e.form.elements.namedItem(h[i].control))}));t.addError(u,p)}return!1}}}return"number"!==e.type||e.validity.valid?(i||LiveForm.removeError(e),!0):(i||t.addError(e,"Please enter a valid value."),!1)},t.validateForm=function(e,n){var i=e.form||e,l=!1;if(LiveForm.setFormProperty(i,"hasError",!1),i["nette-submittedBy"]&&null!==i["nette-submittedBy"].getAttribute("formnovalidate")){var r=JSON.parse(i["nette-submittedBy"].getAttribute("data-nette-validation-scope")||"[]");if(!r.length)return!0;l=new RegExp("^("+r.join("-|")+"-)")}var s,o,a={},c=!0;for(s=0;s<i.elements.length;s++)if(!(o=i.elements[s]).tagName||o.tagName.toLowerCase()in{input:1,select:1,textarea:1,button:1}){if("radio"===o.type){if(a[o.name])continue;a[o.name]=!0}if(!(l&&!o.name.replace(/]\[|\[|]|$/g,"-").match(l)||t.isDisabled(o)||(c=t.validateControl(o)&&c)||LiveForm.options.showAllErrors))break}return c},t.isDisabled=function(e){if("radio"===e.type){for(var t=0,n=e.form.elements;t<n.length;t++)if(n[t].name===e.name&&!n[t].disabled)return!1;return!0}return e.disabled},t.addError=function(t,n){var i=LiveForm.hasClass(t,LiveForm.options.disableLiveValidationClass);i&&(!n||LiveForm.getFormProperty(t.form,"hasError")||LiveForm.getFormProperty(t.form,"onLoadValidation")||alert(n)),t.focus&&!LiveForm.getFormProperty(t.form,"hasError")&&(LiveForm.focusing||(LiveForm.focusing=!0,t.focus(),setTimeout((function(){LiveForm.focusing=!1;var n=LiveForm.options.focusScreenOffsetY;!1!==n&&t.getBoundingClientRect().top<n&&e.scrollBy(0,t.getBoundingClientRect().top-n)}),10))),i||LiveForm.addError(t,n)},t.validateRule=function(e,n,i,l){l=void 0===l?{value:t.getEffectiveValue(e,!0)}:l,":"===n.charAt(0)&&(n=n.substr(1)),n=(n=n.replace("::","_")).replace(/\\/g,"");for(var r=Array.isArray(i)?i.slice(0):[i],s=0,o=r.length;s<o;s++)if(r[s]&&r[s].control){var a=e.form.elements.namedItem(r[s].control);r[s]=a===e?l.value:t.getEffectiveValue(a,!0)}return t.validators[n]?t.validators[n](e,Array.isArray(i)?r:r[0],l.value,l):null},t.validators={filled:(t,n,i)=>!("number"!==t.type||!t.validity.badInput)||""!==i&&!1!==i&&null!==i&&(!Array.isArray(i)||!!i.length)&&(!e.FileList||!(i instanceof e.FileList)||i.length),blank:(e,n,i)=>!t.validators.filled(e,n,i),valid:e=>t.validateControl(e,null,!0),equal(e,t,n){if(void 0===t)return null;function i(e){return"number"==typeof e||"string"==typeof e?""+e:!0===e?"1":""}n=Array.isArray(n)?n:[n],t=Array.isArray(t)?t:[t];e:for(var l=0,r=n.length;l<r;l++){for(var s=0,o=t.length;s<o;s++)if(i(n[l])===i(t[s]))continue e;return!1}return!0},notEqual:(e,n,i)=>void 0===n?null:!t.validators.equal(e,n,i),minLength(e,t,n){if("number"===e.type){if(e.validity.tooShort)return!1;if(e.validity.badInput)return null}return n.length>=t},maxLength(e,t,n){if("number"===e.type){if(e.validity.tooLong)return!1;if(e.validity.badInput)return null}return n.length<=t},length(e,t,n){if("number"===e.type){if(e.validity.tooShort||e.validity.tooLong)return!1;if(e.validity.badInput)return null}return(null===(t=Array.isArray(t)?t:[t,t])[0]||n.length>=t[0])&&(null===t[1]||n.length<=t[1])},email:(e,t,n)=>/^("([ !#-[\]-~]|\\[ -~])+"|[-a-z0-9!#$%&'*+/=?^_`{|}~]+(\.[-a-z0-9!#$%&'*+/=?^_`{|}~]+)*)@([0-9a-z\u00C0-\u02FF\u0370-\u1EFF]([-0-9a-z\u00C0-\u02FF\u0370-\u1EFF]{0,61}[0-9a-z\u00C0-\u02FF\u0370-\u1EFF])?\.)+[a-z\u00C0-\u02FF\u0370-\u1EFF]([-0-9a-z\u00C0-\u02FF\u0370-\u1EFF]{0,17}[a-z\u00C0-\u02FF\u0370-\u1EFF])?$/i.test(n),url:(e,t,n,i)=>(console.log("validate",n),/^[a-z\d+.-]+:/.test(n)||(n="http://"+n),!!/^https?:\/\/((([-_0-9a-z\u00C0-\u02FF\u0370-\u1EFF]+\.)*[0-9a-z\u00C0-\u02FF\u0370-\u1EFF]([-0-9a-z\u00C0-\u02FF\u0370-\u1EFF]{0,61}[0-9a-z\u00C0-\u02FF\u0370-\u1EFF])?\.)?[a-z\u00C0-\u02FF\u0370-\u1EFF]([-0-9a-z\u00C0-\u02FF\u0370-\u1EFF]{0,17}[a-z\u00C0-\u02FF\u0370-\u1EFF])?|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}|\[[0-9a-f:]{3,39}\])(:\d{1,5})?(\/\S*)?$/i.test(n)&&(i.value=n,!0)),regexp(e,t,n){var i="string"==typeof t&&t.match(/^\/(.*)\/([imu]*)$/);try{return i&&new RegExp(i[1],i[2].replace("u","")).test(n)}catch(e){}},pattern(t,n,i,l,r){if("string"!=typeof n)return null;try{try{var s=new RegExp("^(?:"+n+")$",r?"ui":"u")}catch(e){s=new RegExp("^(?:"+n+")$",r?"i":"")}if(e.FileList&&i instanceof FileList){for(var o=0;o<i.length;o++)if(!s.test(i[o].name))return!1;return!0}return s.test(i)}catch(e){}},patternCaseInsensitive:(e,n,i)=>t.validators.pattern(e,n,i,null,!0),numeric:(e,t,n)=>("number"!==e.type||!e.validity.badInput)&&/^[0-9]+$/.test(n),integer:(e,t,n)=>("number"!==e.type||!e.validity.badInput)&&/^-?[0-9]+$/.test(n),float:(e,t,n,i)=>("number"!==e.type||!e.validity.badInput)&&(n=n.replace(/ +/g,"").replace(/,/g,"."),!!/^-?[0-9]*\.?[0-9]+$/.test(n)&&(i.value=n,!0)),min(e,t,n){if("number"===e.type){if(e.validity.rangeUnderflow)return!1;if(e.validity.badInput)return null}return null===t||parseFloat(n)>=t},max(e,t,n){if("number"===e.type){if(e.validity.rangeOverflow)return!1;if(e.validity.badInput)return null}return null===t||parseFloat(n)<=t},range(e,t,n){if("number"===e.type){if(e.validity.rangeUnderflow||e.validity.rangeOverflow)return!1;if(e.validity.badInput)return null}return Array.isArray(t)?(null===t[0]||parseFloat(n)>=t[0])&&(null===t[1]||parseFloat(n)<=t[1]):null},submitted:e=>e.form["nette-submittedBy"]===e,fileSize(t,n,i){if(e.FileList)for(var l=0;l<i.length;l++)if(i[l].size>n)return!1;return!0},image(t,n,i){if(e.FileList&&i instanceof e.FileList)for(var l=0;l<i.length;l++){var r=i[l].type;if(r&&"image/gif"!==r&&"image/png"!==r&&"image/jpeg"!==r)return!1}return!0},static:(e,t)=>t,BaseComponentsFormCustomValidator_ciEqual(e,t,n){if(void 0===t)return null;function i(e){return"number"==typeof e||"string"==typeof e?""+e:!0===e?"1":""}n=Array.isArray(n)?n:[n],t=Array.isArray(t)?t:[t];e:for(var l=0,r=n.length;l<r;l++){for(var s=0,o=t.length;s<o;s++)if(a=i(n[l]),c=i(t[s]),"string"==typeof a&&"string"==typeof c?0===a.localeCompare(c,void 0,{sensitivity:"accent"}):a===c)continue e;return!1}var a,c;return!0},BaseComponentsFormCustomValidator_ciNotEqual:(e,n,i)=>void 0===n?null:!t.validators.BaseComponentsFormCustomValidator_ciEqual(e,n,i)},t.toggleForm=function(e,n){var l;for(i={},l=0;l<e.elements.length;l++)e.elements[l].tagName.toLowerCase()in{input:1,select:1,textarea:1,button:1}&&t.toggleControl(e.elements[l],null,null,!n);for(l in i)t.toggle(l,i[l],n)},t.toggleControl=function(e,n,l,r,s){n=n||JSON.parse(e.getAttribute("data-nette-rules")||"[]"),s=void 0===s?{value:t.getEffectiveValue(e)}:s;for(var o,a=!1,c=[],u=function(){t.toggleForm(e.form,e)},d=0,h=n.length;d<h;d++){var p=n[d],f=p.op.match(/(~)?([^?]+)/),m=p.control?e.form.elements.namedItem(p.control):e;if(m){if(o=l,!1!==l){if(p.neg=f[1],p.op=f[2],null===(o=t.validateRule(m,p.op,p.arg,e===m?s:void 0)))continue;p.neg&&(o=!o),p.rules||(l=o)}if(p.rules&&t.toggleControl(e,p.rules,o,r,s)||p.toggle){if(a=!0,r)for(var g=m.tagName?m.name:m[0].name,v=m.tagName?m.form.elements:m,b=0;b<v.length;b++)v[b].name===g&&c.indexOf(v[b])<0&&(v[b].addEventListener("change",u),c.push(v[b]));for(var y in p.toggle||[])Object.prototype.hasOwnProperty.call(p.toggle,y)&&(i[y]=i[y]||(p.toggle[y]?o:!o))}}}return a},t.toggle=function(e,t,n){var i=document.getElementById(e);i&&(i.style.display=t?"":"none")},t.initForm=function(e){if(t.toggleForm(e),!e.noValidate){e.noValidate=!0,LiveForm.forms[e.id]={hasError:!1,onLoadValidation:!1},e.addEventListener("submit",(function(n){t.validateForm(e)||(n.stopPropagation(),n.preventDefault())}));for(var n=0;n<e.elements.length;n++)LiveForm.setupHandlers(e.elements[n]),LiveForm.processServerErrors(e.elements[n])}},t.initOnLoad=function(){t.addEvent(document,"DOMContentLoaded",(function(){t.init()}))},t.init=function(){for(var e=0;e<document.forms.length;e++)for(var n=document.forms[e],i=0;i<n.elements.length;i++)if(n.elements[i].getAttribute("data-nette-rules")){t.initForm(n),LiveForm.hasClass(n,"validate-on-load")&&(LiveForm.setFormProperty(n,"onLoadValidation",!0),t.validateForm(n),LiveForm.setFormProperty(n,"onLoadValidation",!1));break}t.addEvent(document.body,"click",(function(e){var t=e.target||e.srcElement;t.form&&t.type in{submit:1,image:1}&&(t.form["nette-submittedBy"]=t)}))},t.isArray=function(e){return"[object Array]"===Object.prototype.toString.call(e)},t.inArray=function(e,t){if([].indexOf)return e.indexOf(t)>-1;for(var n=0;n<e.length;n++)if(e[n]===t)return!0;return!1},t.webalize=function(e){e=e.toLowerCase();var n,i="";for(n=0;n<e.length;n++)i+=t.webalizeTable[e.charAt(n)]||e.charAt(n);return i.replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")},t.webalizeTable={"á":"a","ä":"a","č":"c","ď":"d","é":"e","ě":"e","í":"i","ľ":"l","ň":"n","ó":"o","ô":"o","ř":"r","š":"s","ť":"t","ú":"u","ů":"u","ý":"y","ž":"z"},t}))}));return[i,function(e){if(!Nette.validateForm(e.target))return void n(0,i=null);const t={};new FormData(e.target).forEach(((e,n)=>{t[n]?t[n]+=", "+e:t[n]=e})),n(0,i=JSON.stringify(t,null,2))},e=>console.log("D",e.detail),e=>console.log(e.target.selectedOptions)]}function ei(e){let t,n;return{c(){t=z("pre"),n=I(e[0])},m(e,i){A(e,t,i),w(t,n)},p(e,t){1&t&&D(n,e[0])},d(e){e&&F(t)}}}function ti(t){let n,i,l,s,o,a,c,u=t[0]&&ei(t);return{c(){n=z("form"),i=z("el-svelecte"),l=O(),s=z("div"),s.innerHTML='<button type="submit" class="btn btn-success">Send form</button>',o=O(),u&&u.c(),M(i,"name","selection"),M(i,"multiple",""),M(i,"required",""),M(i,"placeholder","Search for color"),M(i,"fetch","https://my-json-server.typicode.com/mskocik/svelecte-docs/colors?value_like=[query]"),P(s,"class","mt-2"),P(n,"action","")},m(e,r){A(e,n,r),w(n,i),w(n,l),w(n,s),w(n,o),u&&u.m(n,null),a||(c=[_(i,"change",t[2]),_(n,"submit",T(t[1]))],a=!0)},p(e,[t]){e[0]?u?u.p(e,t):(u=ei(e),u.c(),u.m(n,null)):u&&(u.d(1),u=null)},i:e,o:e,d(e){e&&F(n),u&&u.d(),a=!1,r(c)}}}function ni(e,t,n){let i=null;return[i,function(e){const t={};new FormData(e.target).forEach(((e,n)=>{t[n]?t[n]+=", "+e:t[n]=e})),n(0,i=JSON.stringify(t,null,2))},function(e){n(0,i=null)}]}function ii(t){let n;return{c(){n=z("div"),n.innerHTML='<div id="vue"></div>',P(n,"class","example-wrap"),H(n,"border-color","#41b883"),H(n,"box-shadow","0 0 10px #41b883 inset")},m(e,t){A(e,n,t)},p:e,i:e,o:e,d(e){e&&F(n)}}}function li(e){return(e.substr(0,1).toUpperCase()+e.substr(1).toLowerCase()).trim()}function ri(e){return te((()=>{he().then((()=>{new Vue({el:"#vue",data:{placeholder:"Select or create color",selected:[],opts:JSON.stringify(xn.colors())},methods:{onChange(e){this.selected=e.target.value},show(e){console.log(e.detail)}},mounted(){setTimeout((()=>{this.$refs.el.svelecte.$$set({createFilter:li})}),500)},template:'<div>\n          <h6>Vue 2 example</h6>\n          <div>\n            <el-svelecte :options="opts"  @change="onChange" @createoption="show"\n              :value="selected"\n              :placeholder="placeholder"\n              renderer="color-blocks"\n              multiple creatable\n              label-as-value\n              ref="el"\n            ></el-svelecte>\n          </div>\n          <div>Selection: {{ selected }}</div>\n        </div> '})}))})),[]}[class extends _e{constructor(e){super(),Le(this,e,wn,Cn,o,{})}},class extends _e{constructor(e){super(),Le(this,e,kn,Sn,o,{})}},class extends _e{constructor(e){super(),Le(this,e,Fn,An,o,{})}},class extends _e{constructor(e){super(),Le(this,e,In,En,o,{})}},class extends _e{constructor(e){super(),Le(this,e,_n,Ln,o,{})}},class extends _e{constructor(e){super(),Le(this,e,Pn,Tn,o,{})}},class extends _e{constructor(e){super(),Le(this,e,Rn,Vn,o,{},null,[-1,-1,-1])}},class extends _e{constructor(e){super(),Le(this,e,Wn,Kn,o,{})}},class extends _e{constructor(e){super(),Le(this,e,Zn,Xn,o,{})}},class extends _e{constructor(e){super(),Le(this,e,ni,ti,o,{})}},class extends _e{constructor(e){super(),Le(this,e,ri,ii,o,{})}}].forEach(((e,t)=>new e({target:document.getElementById(`example-${t+1}`)})));const si=[];document.querySelectorAll("pre[data-src]").forEach((e=>si.push(fetch(`src/${e.dataset.src}.svelte`).then((e=>e.text())).then((t=>{const n=document.createElement("code");n.className="svelte",n.innerText=t.replaceAll(/(<\/?script>)/g,"\x3c!-- $1 --\x3e"),e.appendChild(n)}))))),Promise.all(si).then((()=>hljs.highlightAll()))}();
+
+(function(l, r) { if (!l || l.getElementById('livereloadscript')) return; r = l.createElement('script'); r.async = 1; r.src = '//' + (self.location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1'; r.id = 'livereloadscript'; l.getElementsByTagName('head')[0].appendChild(r) })(self.document);
+(function () {
+    'use strict';
+
+    function noop() { }
+    const identity = x => x;
+    function assign(tar, src) {
+        // @ts-ignore
+        for (const k in src)
+            tar[k] = src[k];
+        return tar;
+    }
+    function run(fn) {
+        return fn();
+    }
+    function blank_object() {
+        return Object.create(null);
+    }
+    function run_all(fns) {
+        fns.forEach(run);
+    }
+    function is_function(thing) {
+        return typeof thing === 'function';
+    }
+    function safe_not_equal(a, b) {
+        return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
+    }
+    function is_empty(obj) {
+        return Object.keys(obj).length === 0;
+    }
+    function subscribe(store, ...callbacks) {
+        if (store == null) {
+            return noop;
+        }
+        const unsub = store.subscribe(...callbacks);
+        return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;
+    }
+    function component_subscribe(component, store, callback) {
+        component.$$.on_destroy.push(subscribe(store, callback));
+    }
+    function create_slot(definition, ctx, $$scope, fn) {
+        if (definition) {
+            const slot_ctx = get_slot_context(definition, ctx, $$scope, fn);
+            return definition[0](slot_ctx);
+        }
+    }
+    function get_slot_context(definition, ctx, $$scope, fn) {
+        return definition[1] && fn
+            ? assign($$scope.ctx.slice(), definition[1](fn(ctx)))
+            : $$scope.ctx;
+    }
+    function get_slot_changes(definition, $$scope, dirty, fn) {
+        if (definition[2] && fn) {
+            const lets = definition[2](fn(dirty));
+            if ($$scope.dirty === undefined) {
+                return lets;
+            }
+            if (typeof lets === 'object') {
+                const merged = [];
+                const len = Math.max($$scope.dirty.length, lets.length);
+                for (let i = 0; i < len; i += 1) {
+                    merged[i] = $$scope.dirty[i] | lets[i];
+                }
+                return merged;
+            }
+            return $$scope.dirty | lets;
+        }
+        return $$scope.dirty;
+    }
+    function update_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn) {
+        if (slot_changes) {
+            const slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn);
+            slot.p(slot_context, slot_changes);
+        }
+    }
+    function get_all_dirty_from_scope($$scope) {
+        if ($$scope.ctx.length > 32) {
+            const dirty = [];
+            const length = $$scope.ctx.length / 32;
+            for (let i = 0; i < length; i++) {
+                dirty[i] = -1;
+            }
+            return dirty;
+        }
+        return -1;
+    }
+    function null_to_empty(value) {
+        return value == null ? '' : value;
+    }
+    function set_store_value(store, ret, value) {
+        store.set(value);
+        return ret;
+    }
+    function action_destroyer(action_result) {
+        return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;
+    }
+
+    const is_client = typeof window !== 'undefined';
+    let now = is_client
+        ? () => window.performance.now()
+        : () => Date.now();
+    let raf = is_client ? cb => requestAnimationFrame(cb) : noop;
+
+    const tasks = new Set();
+    function run_tasks(now) {
+        tasks.forEach(task => {
+            if (!task.c(now)) {
+                tasks.delete(task);
+                task.f();
+            }
+        });
+        if (tasks.size !== 0)
+            raf(run_tasks);
+    }
+    /**
+     * Creates a new task that runs on each raf frame
+     * until it returns a falsy value or is aborted
+     */
+    function loop(callback) {
+        let task;
+        if (tasks.size === 0)
+            raf(run_tasks);
+        return {
+            promise: new Promise(fulfill => {
+                tasks.add(task = { c: callback, f: fulfill });
+            }),
+            abort() {
+                tasks.delete(task);
+            }
+        };
+    }
+    function append(target, node) {
+        target.appendChild(node);
+    }
+    function get_root_for_style(node) {
+        if (!node)
+            return document;
+        const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
+        if (root && root.host) {
+            return root;
+        }
+        return node.ownerDocument;
+    }
+    function append_empty_stylesheet(node) {
+        const style_element = element('style');
+        append_stylesheet(get_root_for_style(node), style_element);
+        return style_element;
+    }
+    function append_stylesheet(node, style) {
+        append(node.head || node, style);
+    }
+    function insert(target, node, anchor) {
+        target.insertBefore(node, anchor || null);
+    }
+    function detach(node) {
+        node.parentNode.removeChild(node);
+    }
+    function destroy_each(iterations, detaching) {
+        for (let i = 0; i < iterations.length; i += 1) {
+            if (iterations[i])
+                iterations[i].d(detaching);
+        }
+    }
+    function element(name) {
+        return document.createElement(name);
+    }
+    function text(data) {
+        return document.createTextNode(data);
+    }
+    function space() {
+        return text(' ');
+    }
+    function empty() {
+        return text('');
+    }
+    function listen(node, event, handler, options) {
+        node.addEventListener(event, handler, options);
+        return () => node.removeEventListener(event, handler, options);
+    }
+    function prevent_default(fn) {
+        return function (event) {
+            event.preventDefault();
+            // @ts-ignore
+            return fn.call(this, event);
+        };
+    }
+    function stop_propagation(fn) {
+        return function (event) {
+            event.stopPropagation();
+            // @ts-ignore
+            return fn.call(this, event);
+        };
+    }
+    function attr(node, attribute, value) {
+        if (value == null)
+            node.removeAttribute(attribute);
+        else if (node.getAttribute(attribute) !== value)
+            node.setAttribute(attribute, value);
+    }
+    function set_custom_element_data(node, prop, value) {
+        if (prop in node) {
+            node[prop] = typeof node[prop] === 'boolean' && value === '' ? true : value;
+        }
+        else {
+            attr(node, prop, value);
+        }
+    }
+    function to_number(value) {
+        return value === '' ? null : +value;
+    }
+    function children(element) {
+        return Array.from(element.childNodes);
+    }
+    function set_data(text, data) {
+        data = '' + data;
+        if (text.wholeText !== data)
+            text.data = data;
+    }
+    function set_input_value(input, value) {
+        input.value = value == null ? '' : value;
+    }
+    function set_style(node, key, value, important) {
+        node.style.setProperty(key, value, important ? 'important' : '');
+    }
+    function select_option(select, value) {
+        for (let i = 0; i < select.options.length; i += 1) {
+            const option = select.options[i];
+            if (option.__value === value) {
+                option.selected = true;
+                return;
+            }
+        }
+        select.selectedIndex = -1; // no option should be selected
+    }
+    function select_value(select) {
+        const selected_option = select.querySelector(':checked') || select.options[0];
+        return selected_option && selected_option.__value;
+    }
+    // unfortunately this can't be a constant as that wouldn't be tree-shakeable
+    // so we cache the result instead
+    let crossorigin;
+    function is_crossorigin() {
+        if (crossorigin === undefined) {
+            crossorigin = false;
+            try {
+                if (typeof window !== 'undefined' && window.parent) {
+                    void window.parent.document;
+                }
+            }
+            catch (error) {
+                crossorigin = true;
+            }
+        }
+        return crossorigin;
+    }
+    function add_resize_listener(node, fn) {
+        const computed_style = getComputedStyle(node);
+        if (computed_style.position === 'static') {
+            node.style.position = 'relative';
+        }
+        const iframe = element('iframe');
+        iframe.setAttribute('style', 'display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; ' +
+            'overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;');
+        iframe.setAttribute('aria-hidden', 'true');
+        iframe.tabIndex = -1;
+        const crossorigin = is_crossorigin();
+        let unsubscribe;
+        if (crossorigin) {
+            iframe.src = "data:text/html,<script>onresize=function(){parent.postMessage(0,'*')}</script>";
+            unsubscribe = listen(window, 'message', (event) => {
+                if (event.source === iframe.contentWindow)
+                    fn();
+            });
+        }
+        else {
+            iframe.src = 'about:blank';
+            iframe.onload = () => {
+                unsubscribe = listen(iframe.contentWindow, 'resize', fn);
+            };
+        }
+        append(node, iframe);
+        return () => {
+            if (crossorigin) {
+                unsubscribe();
+            }
+            else if (unsubscribe && iframe.contentWindow) {
+                unsubscribe();
+            }
+            detach(iframe);
+        };
+    }
+    function toggle_class(element, name, toggle) {
+        element.classList[toggle ? 'add' : 'remove'](name);
+    }
+    function custom_event(type, detail, bubbles = false) {
+        const e = document.createEvent('CustomEvent');
+        e.initCustomEvent(type, bubbles, false, detail);
+        return e;
+    }
+    class HtmlTag {
+        constructor() {
+            this.e = this.n = null;
+        }
+        c(html) {
+            this.h(html);
+        }
+        m(html, target, anchor = null) {
+            if (!this.e) {
+                this.e = element(target.nodeName);
+                this.t = target;
+                this.c(html);
+            }
+            this.i(anchor);
+        }
+        h(html) {
+            this.e.innerHTML = html;
+            this.n = Array.from(this.e.childNodes);
+        }
+        i(anchor) {
+            for (let i = 0; i < this.n.length; i += 1) {
+                insert(this.t, this.n[i], anchor);
+            }
+        }
+        p(html) {
+            this.d();
+            this.h(html);
+            this.i(this.a);
+        }
+        d() {
+            this.n.forEach(detach);
+        }
+    }
+
+    const active_docs = new Set();
+    let active = 0;
+    // https://github.com/darkskyapp/string-hash/blob/master/index.js
+    function hash(str) {
+        let hash = 5381;
+        let i = str.length;
+        while (i--)
+            hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
+        return hash >>> 0;
+    }
+    function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
+        const step = 16.666 / duration;
+        let keyframes = '{\n';
+        for (let p = 0; p <= 1; p += step) {
+            const t = a + (b - a) * ease(p);
+            keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`;
+        }
+        const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
+        const name = `__svelte_${hash(rule)}_${uid}`;
+        const doc = get_root_for_style(node);
+        active_docs.add(doc);
+        const stylesheet = doc.__svelte_stylesheet || (doc.__svelte_stylesheet = append_empty_stylesheet(node).sheet);
+        const current_rules = doc.__svelte_rules || (doc.__svelte_rules = {});
+        if (!current_rules[name]) {
+            current_rules[name] = true;
+            stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
+        }
+        const animation = node.style.animation || '';
+        node.style.animation = `${animation ? `${animation}, ` : ''}${name} ${duration}ms linear ${delay}ms 1 both`;
+        active += 1;
+        return name;
+    }
+    function delete_rule(node, name) {
+        const previous = (node.style.animation || '').split(', ');
+        const next = previous.filter(name
+            ? anim => anim.indexOf(name) < 0 // remove specific animation
+            : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations
+        );
+        const deleted = previous.length - next.length;
+        if (deleted) {
+            node.style.animation = next.join(', ');
+            active -= deleted;
+            if (!active)
+                clear_rules();
+        }
+    }
+    function clear_rules() {
+        raf(() => {
+            if (active)
+                return;
+            active_docs.forEach(doc => {
+                const stylesheet = doc.__svelte_stylesheet;
+                let i = stylesheet.cssRules.length;
+                while (i--)
+                    stylesheet.deleteRule(i);
+                doc.__svelte_rules = {};
+            });
+            active_docs.clear();
+        });
+    }
+
+    function create_animation(node, from, fn, params) {
+        if (!from)
+            return noop;
+        const to = node.getBoundingClientRect();
+        if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)
+            return noop;
+        const { delay = 0, duration = 300, easing = identity, 
+        // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?
+        start: start_time = now() + delay, 
+        // @ts-ignore todo:
+        end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);
+        let running = true;
+        let started = false;
+        let name;
+        function start() {
+            if (css) {
+                name = create_rule(node, 0, 1, duration, delay, easing, css);
+            }
+            if (!delay) {
+                started = true;
+            }
+        }
+        function stop() {
+            if (css)
+                delete_rule(node, name);
+            running = false;
+        }
+        loop(now => {
+            if (!started && now >= start_time) {
+                started = true;
+            }
+            if (started && now >= end) {
+                tick(1, 0);
+                stop();
+            }
+            if (!running) {
+                return false;
+            }
+            if (started) {
+                const p = now - start_time;
+                const t = 0 + 1 * easing(p / duration);
+                tick(t, 1 - t);
+            }
+            return true;
+        });
+        start();
+        tick(0, 1);
+        return stop;
+    }
+    function fix_position(node) {
+        const style = getComputedStyle(node);
+        if (style.position !== 'absolute' && style.position !== 'fixed') {
+            const { width, height } = style;
+            const a = node.getBoundingClientRect();
+            node.style.position = 'absolute';
+            node.style.width = width;
+            node.style.height = height;
+            add_transform(node, a);
+        }
+    }
+    function add_transform(node, a) {
+        const b = node.getBoundingClientRect();
+        if (a.left !== b.left || a.top !== b.top) {
+            const style = getComputedStyle(node);
+            const transform = style.transform === 'none' ? '' : style.transform;
+            node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;
+        }
+    }
+
+    let current_component;
+    function set_current_component(component) {
+        current_component = component;
+    }
+    function get_current_component() {
+        if (!current_component)
+            throw new Error('Function called outside component initialization');
+        return current_component;
+    }
+    function onMount(fn) {
+        get_current_component().$$.on_mount.push(fn);
+    }
+    function onDestroy(fn) {
+        get_current_component().$$.on_destroy.push(fn);
+    }
+    function createEventDispatcher() {
+        const component = get_current_component();
+        return (type, detail) => {
+            const callbacks = component.$$.callbacks[type];
+            if (callbacks) {
+                // TODO are there situations where events could be dispatched
+                // in a server (non-DOM) environment?
+                const event = custom_event(type, detail);
+                callbacks.slice().forEach(fn => {
+                    fn.call(component, event);
+                });
+            }
+        };
+    }
+    // TODO figure out if we still want to support
+    // shorthand events, or if we want to implement
+    // a real bubbling mechanism
+    function bubble(component, event) {
+        const callbacks = component.$$.callbacks[event.type];
+        if (callbacks) {
+            // @ts-ignore
+            callbacks.slice().forEach(fn => fn.call(this, event));
+        }
+    }
+
+    const dirty_components = [];
+    const binding_callbacks = [];
+    const render_callbacks = [];
+    const flush_callbacks = [];
+    const resolved_promise = Promise.resolve();
+    let update_scheduled = false;
+    function schedule_update() {
+        if (!update_scheduled) {
+            update_scheduled = true;
+            resolved_promise.then(flush);
+        }
+    }
+    function tick() {
+        schedule_update();
+        return resolved_promise;
+    }
+    function add_render_callback(fn) {
+        render_callbacks.push(fn);
+    }
+    function add_flush_callback(fn) {
+        flush_callbacks.push(fn);
+    }
+    // flush() calls callbacks in this order:
+    // 1. All beforeUpdate callbacks, in order: parents before children
+    // 2. All bind:this callbacks, in reverse order: children before parents.
+    // 3. All afterUpdate callbacks, in order: parents before children. EXCEPT
+    //    for afterUpdates called during the initial onMount, which are called in
+    //    reverse order: children before parents.
+    // Since callbacks might update component values, which could trigger another
+    // call to flush(), the following steps guard against this:
+    // 1. During beforeUpdate, any updated components will be added to the
+    //    dirty_components array and will cause a reentrant call to flush(). Because
+    //    the flush index is kept outside the function, the reentrant call will pick
+    //    up where the earlier call left off and go through all dirty components. The
+    //    current_component value is saved and restored so that the reentrant call will
+    //    not interfere with the "parent" flush() call.
+    // 2. bind:this callbacks cannot trigger new flush() calls.
+    // 3. During afterUpdate, any updated components will NOT have their afterUpdate
+    //    callback called a second time; the seen_callbacks set, outside the flush()
+    //    function, guarantees this behavior.
+    const seen_callbacks = new Set();
+    let flushidx = 0; // Do *not* move this inside the flush() function
+    function flush() {
+        const saved_component = current_component;
+        do {
+            // first, call beforeUpdate functions
+            // and update components
+            while (flushidx < dirty_components.length) {
+                const component = dirty_components[flushidx];
+                flushidx++;
+                set_current_component(component);
+                update(component.$$);
+            }
+            set_current_component(null);
+            dirty_components.length = 0;
+            flushidx = 0;
+            while (binding_callbacks.length)
+                binding_callbacks.pop()();
+            // then, once components are updated, call
+            // afterUpdate functions. This may cause
+            // subsequent updates...
+            for (let i = 0; i < render_callbacks.length; i += 1) {
+                const callback = render_callbacks[i];
+                if (!seen_callbacks.has(callback)) {
+                    // ...so guard against infinite loops
+                    seen_callbacks.add(callback);
+                    callback();
+                }
+            }
+            render_callbacks.length = 0;
+        } while (dirty_components.length);
+        while (flush_callbacks.length) {
+            flush_callbacks.pop()();
+        }
+        update_scheduled = false;
+        seen_callbacks.clear();
+        set_current_component(saved_component);
+    }
+    function update($$) {
+        if ($$.fragment !== null) {
+            $$.update();
+            run_all($$.before_update);
+            const dirty = $$.dirty;
+            $$.dirty = [-1];
+            $$.fragment && $$.fragment.p($$.ctx, dirty);
+            $$.after_update.forEach(add_render_callback);
+        }
+    }
+    const outroing = new Set();
+    let outros;
+    function group_outros() {
+        outros = {
+            r: 0,
+            c: [],
+            p: outros // parent group
+        };
+    }
+    function check_outros() {
+        if (!outros.r) {
+            run_all(outros.c);
+        }
+        outros = outros.p;
+    }
+    function transition_in(block, local) {
+        if (block && block.i) {
+            outroing.delete(block);
+            block.i(local);
+        }
+    }
+    function transition_out(block, local, detach, callback) {
+        if (block && block.o) {
+            if (outroing.has(block))
+                return;
+            outroing.add(block);
+            outros.c.push(() => {
+                outroing.delete(block);
+                if (callback) {
+                    if (detach)
+                        block.d(1);
+                    callback();
+                }
+            });
+            block.o(local);
+        }
+    }
+    function outro_and_destroy_block(block, lookup) {
+        transition_out(block, 1, 1, () => {
+            lookup.delete(block.key);
+        });
+    }
+    function fix_and_outro_and_destroy_block(block, lookup) {
+        block.f();
+        outro_and_destroy_block(block, lookup);
+    }
+    function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {
+        let o = old_blocks.length;
+        let n = list.length;
+        let i = o;
+        const old_indexes = {};
+        while (i--)
+            old_indexes[old_blocks[i].key] = i;
+        const new_blocks = [];
+        const new_lookup = new Map();
+        const deltas = new Map();
+        i = n;
+        while (i--) {
+            const child_ctx = get_context(ctx, list, i);
+            const key = get_key(child_ctx);
+            let block = lookup.get(key);
+            if (!block) {
+                block = create_each_block(key, child_ctx);
+                block.c();
+            }
+            else if (dynamic) {
+                block.p(child_ctx, dirty);
+            }
+            new_lookup.set(key, new_blocks[i] = block);
+            if (key in old_indexes)
+                deltas.set(key, Math.abs(i - old_indexes[key]));
+        }
+        const will_move = new Set();
+        const did_move = new Set();
+        function insert(block) {
+            transition_in(block, 1);
+            block.m(node, next);
+            lookup.set(block.key, block);
+            next = block.first;
+            n--;
+        }
+        while (o && n) {
+            const new_block = new_blocks[n - 1];
+            const old_block = old_blocks[o - 1];
+            const new_key = new_block.key;
+            const old_key = old_block.key;
+            if (new_block === old_block) {
+                // do nothing
+                next = new_block.first;
+                o--;
+                n--;
+            }
+            else if (!new_lookup.has(old_key)) {
+                // remove old block
+                destroy(old_block, lookup);
+                o--;
+            }
+            else if (!lookup.has(new_key) || will_move.has(new_key)) {
+                insert(new_block);
+            }
+            else if (did_move.has(old_key)) {
+                o--;
+            }
+            else if (deltas.get(new_key) > deltas.get(old_key)) {
+                did_move.add(new_key);
+                insert(new_block);
+            }
+            else {
+                will_move.add(old_key);
+                o--;
+            }
+        }
+        while (o--) {
+            const old_block = old_blocks[o];
+            if (!new_lookup.has(old_block.key))
+                destroy(old_block, lookup);
+        }
+        while (n)
+            insert(new_blocks[n - 1]);
+        return new_blocks;
+    }
+
+    function get_spread_update(levels, updates) {
+        const update = {};
+        const to_null_out = {};
+        const accounted_for = { $$scope: 1 };
+        let i = levels.length;
+        while (i--) {
+            const o = levels[i];
+            const n = updates[i];
+            if (n) {
+                for (const key in o) {
+                    if (!(key in n))
+                        to_null_out[key] = 1;
+                }
+                for (const key in n) {
+                    if (!accounted_for[key]) {
+                        update[key] = n[key];
+                        accounted_for[key] = 1;
+                    }
+                }
+                levels[i] = n;
+            }
+            else {
+                for (const key in o) {
+                    accounted_for[key] = 1;
+                }
+            }
+        }
+        for (const key in to_null_out) {
+            if (!(key in update))
+                update[key] = undefined;
+        }
+        return update;
+    }
+    function get_spread_object(spread_props) {
+        return typeof spread_props === 'object' && spread_props !== null ? spread_props : {};
+    }
+
+    function bind(component, name, callback) {
+        const index = component.$$.props[name];
+        if (index !== undefined) {
+            component.$$.bound[index] = callback;
+            callback(component.$$.ctx[index]);
+        }
+    }
+    function create_component(block) {
+        block && block.c();
+    }
+    function mount_component(component, target, anchor, customElement) {
+        const { fragment, on_mount, on_destroy, after_update } = component.$$;
+        fragment && fragment.m(target, anchor);
+        if (!customElement) {
+            // onMount happens before the initial afterUpdate
+            add_render_callback(() => {
+                const new_on_destroy = on_mount.map(run).filter(is_function);
+                if (on_destroy) {
+                    on_destroy.push(...new_on_destroy);
+                }
+                else {
+                    // Edge case - component was destroyed immediately,
+                    // most likely as a result of a binding initialising
+                    run_all(new_on_destroy);
+                }
+                component.$$.on_mount = [];
+            });
+        }
+        after_update.forEach(add_render_callback);
+    }
+    function destroy_component(component, detaching) {
+        const $$ = component.$$;
+        if ($$.fragment !== null) {
+            run_all($$.on_destroy);
+            $$.fragment && $$.fragment.d(detaching);
+            // TODO null out other refs, including component.$$ (but need to
+            // preserve final state?)
+            $$.on_destroy = $$.fragment = null;
+            $$.ctx = [];
+        }
+    }
+    function make_dirty(component, i) {
+        if (component.$$.dirty[0] === -1) {
+            dirty_components.push(component);
+            schedule_update();
+            component.$$.dirty.fill(0);
+        }
+        component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));
+    }
+    function init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {
+        const parent_component = current_component;
+        set_current_component(component);
+        const $$ = component.$$ = {
+            fragment: null,
+            ctx: null,
+            // state
+            props,
+            update: noop,
+            not_equal,
+            bound: blank_object(),
+            // lifecycle
+            on_mount: [],
+            on_destroy: [],
+            on_disconnect: [],
+            before_update: [],
+            after_update: [],
+            context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
+            // everything else
+            callbacks: blank_object(),
+            dirty,
+            skip_bound: false,
+            root: options.target || parent_component.$$.root
+        };
+        append_styles && append_styles($$.root);
+        let ready = false;
+        $$.ctx = instance
+            ? instance(component, options.props || {}, (i, ret, ...rest) => {
+                const value = rest.length ? rest[0] : ret;
+                if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+                    if (!$$.skip_bound && $$.bound[i])
+                        $$.bound[i](value);
+                    if (ready)
+                        make_dirty(component, i);
+                }
+                return ret;
+            })
+            : [];
+        $$.update();
+        ready = true;
+        run_all($$.before_update);
+        // `false` as a special case of no DOM component
+        $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+        if (options.target) {
+            if (options.hydrate) {
+                const nodes = children(options.target);
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                $$.fragment && $$.fragment.l(nodes);
+                nodes.forEach(detach);
+            }
+            else {
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                $$.fragment && $$.fragment.c();
+            }
+            if (options.intro)
+                transition_in(component.$$.fragment);
+            mount_component(component, options.target, options.anchor, options.customElement);
+            flush();
+        }
+        set_current_component(parent_component);
+    }
+    /**
+     * Base class for Svelte components. Used when dev=false.
+     */
+    class SvelteComponent {
+        $destroy() {
+            destroy_component(this, 1);
+            this.$destroy = noop;
+        }
+        $on(type, callback) {
+            const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
+            callbacks.push(callback);
+            return () => {
+                const index = callbacks.indexOf(callback);
+                if (index !== -1)
+                    callbacks.splice(index, 1);
+            };
+        }
+        $set($$props) {
+            if (this.$$set && !is_empty($$props)) {
+                this.$$.skip_bound = true;
+                this.$$set($$props);
+                this.$$.skip_bound = false;
+            }
+        }
+    }
+
+    /**
+     * sifter.js
+     * Copyright (c) 2013–2020 Brian Reavis & contributors
+     *
+     * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
+     * file except in compliance with the License. You may obtain a copy of the License at:
+     * http://www.apache.org/licenses/LICENSE-2.0
+     *
+     * Unless required by applicable law or agreed to in writing, software distributed under
+     * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
+     * ANY KIND, either express or implied. See the License for the specific language
+     * governing permissions and limitations under the License.
+     *
+     * @author Brian Reavis <brian@thirdroute.com>
+     */
+
+    /**
+     * Textually searches arrays and hashes of objects
+     * by property (or multiple properties). Designed
+     * specifically for autocomplete.
+     *
+     * @constructor
+     * @param {array|object} items
+     * @param {object} items
+     */
+    var Sifter = function(items, settings) {
+        this.items = items;
+        this.settings = settings || {diacritics: true};
+    };
+
+    /**
+     * Splits a search string into an array of individual
+     * regexps to be used to match results.
+     *
+     * @param {string} query
+     * @returns {array}
+     */
+    Sifter.prototype.tokenize = function(query, respect_word_boundaries) {
+        query = trim(String(query || '').toLowerCase());
+        if (!query || !query.length) return [];
+
+        var i, n, regex, letter;
+        var tokens = [];
+        var words = query.split(/ +/);
+
+        for (i = 0, n = words.length; i < n; i++) {
+            regex = escape_regex(words[i]);
+            if (this.settings.diacritics) {
+                for (letter in DIACRITICS) {
+                    if (DIACRITICS.hasOwnProperty(letter)) {
+                        regex = regex.replace(new RegExp(letter, 'g'), DIACRITICS[letter]);
+                    }
+                }
+            }
+            if (respect_word_boundaries) regex = "\\b"+regex;
+            tokens.push({
+                string : words[i],
+                regex  : new RegExp(regex, 'i')
+            });
+        }
+
+        return tokens;
+    };
+
+    /**
+     * Iterates over arrays and hashes.
+     *
+     * ```
+     * this.iterator(this.items, function(item, id) {
+     *    // invoked for each item
+     * });
+     * ```
+     *
+     * @param {array|object} object
+     */
+    Sifter.prototype.iterator = function(object, callback) {
+        var iterator;
+        if (Array.isArray(object)) {
+            iterator = Array.prototype.forEach || function(callback) {
+                for (var i = 0, n = this.length; i < n; i++) {
+                    callback(this[i], i, this);
+                }
+            };
+        } else {
+            iterator = function(callback) {
+                for (var key in this) {
+                    if (this.hasOwnProperty(key)) {
+                        callback(this[key], key, this);
+                    }
+                }
+            };
+        }
+
+        iterator.apply(object, [callback]);
+    };
+
+    /**
+     * Returns a function to be used to score individual results.
+     *
+     * Good matches will have a higher score than poor matches.
+     * If an item is not a match, 0 will be returned by the function.
+     *
+     * @param {object|string} search
+     * @param {object} options (optional)
+     * @returns {function}
+     */
+    Sifter.prototype.getScoreFunction = function(search, options) {
+        var self, fields, tokens, token_count, nesting;
+
+        self        = this;
+        search      = self.prepareSearch(search, options);
+        tokens      = search.tokens;
+        fields      = search.options.fields;
+        token_count = tokens.length;
+        nesting     = search.options.nesting;
+
+        /**
+         * Calculates how close of a match the
+         * given value is against a search token.
+         *
+         * @param {string | number} value
+         * @param {object} token
+         * @return {number}
+         */
+        var scoreValue = function(value, token) {
+            var score, pos;
+
+            if (!value) return 0;
+            value = String(value || '');
+            pos = value.search(token.regex);
+            if (pos === -1) return 0;
+            score = token.string.length / value.length;
+            if (pos === 0) score += 0.5;
+            return score;
+        };
+
+        /**
+         * Calculates the score of an object
+         * against the search query.
+         *
+         * @param {object} token
+         * @param {object} data
+         * @return {number}
+         */
+        var scoreObject = (function() {
+            var field_count = fields.length;
+            if (!field_count) {
+                return function() { return 0; };
+            }
+            if (field_count === 1) {
+                return function(token, data) {
+                    return scoreValue(getattr(data, fields[0], nesting), token);
+                };
+            }
+            return function(token, data) {
+                for (var i = 0, sum = 0; i < field_count; i++) {
+                    sum += scoreValue(getattr(data, fields[i], nesting), token);
+                }
+                return sum / field_count;
+            };
+        })();
+
+        if (!token_count) {
+            return function() { return 0; };
+        }
+        if (token_count === 1) {
+            return function(data) {
+                return scoreObject(tokens[0], data);
+            };
+        }
+
+        if (search.options.conjunction === 'and') {
+            return function(data) {
+                var score;
+                for (var i = 0, sum = 0; i < token_count; i++) {
+                    score = scoreObject(tokens[i], data);
+                    if (score <= 0) return 0;
+                    sum += score;
+                }
+                return sum / token_count;
+            };
+        } else {
+            return function(data) {
+                for (var i = 0, sum = 0; i < token_count; i++) {
+                    sum += scoreObject(tokens[i], data);
+                }
+                return sum / token_count;
+            };
+        }
+    };
+
+    /**
+     * Returns a function that can be used to compare two
+     * results, for sorting purposes. If no sorting should
+     * be performed, `null` will be returned.
+     *
+     * @param {string|object} search
+     * @param {object} options
+     * @return function(a,b)
+     */
+    Sifter.prototype.getSortFunction = function(search, options) {
+        var i, n, self, field, fields, fields_count, multiplier, multipliers, get_field, implicit_score, sort;
+
+        self   = this;
+        search = self.prepareSearch(search, options);
+        sort   = (!search.query && options.sort_empty) || options.sort;
+
+        /**
+         * Fetches the specified sort field value
+         * from a search result item.
+         *
+         * @param  {string} name
+         * @param  {object} result
+         */
+        get_field = function(name, result) {
+            if (name === '$score') return result.score;
+            return getattr(self.items[result.id], name, options.nesting);
+        };
+
+        // parse options
+        fields = [];
+        if (sort) {
+            for (i = 0, n = sort.length; i < n; i++) {
+                if (search.query || sort[i].field !== '$score') {
+                    fields.push(sort[i]);
+                }
+            }
+        }
+
+        // the "$score" field is implied to be the primary
+        // sort field, unless it's manually specified
+        if (search.query) {
+            implicit_score = true;
+            for (i = 0, n = fields.length; i < n; i++) {
+                if (fields[i].field === '$score') {
+                    implicit_score = false;
+                    break;
+                }
+            }
+            if (implicit_score) {
+                fields.unshift({field: '$score', direction: 'desc'});
+            }
+        } else {
+            for (i = 0, n = fields.length; i < n; i++) {
+                if (fields[i].field === '$score') {
+                    fields.splice(i, 1);
+                    break;
+                }
+            }
+        }
+
+        multipliers = [];
+        for (i = 0, n = fields.length; i < n; i++) {
+            multipliers.push(fields[i].direction === 'desc' ? -1 : 1);
+        }
+
+        // build function
+        fields_count = fields.length;
+        if (!fields_count) {
+            return null;
+        } else if (fields_count === 1) {
+            field = fields[0].field;
+            multiplier = multipliers[0];
+            return function(a, b) {
+                return multiplier * cmp(
+                    get_field(field, a),
+                    get_field(field, b)
+                );
+            };
+        } else {
+            return function(a, b) {
+                var i, result, field;
+                for (i = 0; i < fields_count; i++) {
+                    field = fields[i].field;
+                    result = multipliers[i] * cmp(
+                        get_field(field, a),
+                        get_field(field, b)
+                    );
+                    if (result) return result;
+                }
+                return 0;
+            };
+        }
+    };
+
+    /**
+     * Parses a search query and returns an object
+     * with tokens and fields ready to be populated
+     * with results.
+     *
+     * @param {string} query
+     * @param {object} options
+     * @returns {object}
+     */
+    Sifter.prototype.prepareSearch = function(query, options) {
+        if (typeof query === 'object') return query;
+
+        options = extend({}, options);
+
+        var option_fields     = options.fields;
+        var option_sort       = options.sort;
+        var option_sort_empty = options.sort_empty;
+
+        if (option_fields && !Array.isArray(option_fields)) options.fields = [option_fields];
+        if (option_sort && !Array.isArray(option_sort)) options.sort = [option_sort];
+        if (option_sort_empty && !Array.isArray(option_sort_empty)) options.sort_empty = [option_sort_empty];
+
+        return {
+            options : options,
+            query   : String(query || '').toLowerCase(),
+            tokens  : this.tokenize(query, options.respect_word_boundaries),
+            total   : 0,
+            items   : []
+        };
+    };
+
+    /**
+     * Searches through all items and returns a sorted array of matches.
+     *
+     * The `options` parameter can contain:
+     *
+     *   - fields {string|array}
+     *   - sort {array}
+     *   - score {function}
+     *   - filter {bool}
+     *   - limit {integer}
+     *
+     * Returns an object containing:
+     *
+     *   - options {object}
+     *   - query {string}
+     *   - tokens {array}
+     *   - total {int}
+     *   - items {array}
+     *
+     * @param {string} query
+     * @param {object} options
+     * @returns {object}
+     */
+    Sifter.prototype.search = function(query, options) {
+        var self = this, score, search;
+        var fn_sort;
+        var fn_score;
+
+        search  = this.prepareSearch(query, options);
+        options = search.options;
+        query   = search.query;
+
+        // generate result scoring function
+        fn_score = options.score || self.getScoreFunction(search);
+
+        // perform search and sort
+        if (query.length) {
+            self.iterator(self.items, function(item, id) {
+                score = fn_score(item);
+                if (options.filter === false || score > 0) {
+                    search.items.push({'score': score, 'id': id});
+                }
+            });
+        } else {
+            self.iterator(self.items, function(item, id) {
+                search.items.push({'score': 1, 'id': id});
+            });
+        }
+
+        fn_sort = self.getSortFunction(search, options);
+        if (fn_sort) search.items.sort(fn_sort);
+
+        // apply limits
+        search.total = search.items.length;
+        if (typeof options.limit === 'number') {
+            search.items = search.items.slice(0, options.limit);
+        }
+
+        return search;
+    };
+
+    // utilities
+    // - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+    var cmp = function(a, b) {
+        if (typeof a === 'number' && typeof b === 'number') {
+            return a > b ? 1 : (a < b ? -1 : 0);
+        }
+        a = asciifold(String(a || ''));
+        b = asciifold(String(b || ''));
+        if (a > b) return 1;
+        if (b > a) return -1;
+        return 0;
+    };
+
+    var extend = function(a, b) {
+        var i, n, k, object;
+        for (i = 1, n = arguments.length; i < n; i++) {
+            object = arguments[i];
+            if (!object) continue;
+            for (k in object) {
+                if (object.hasOwnProperty(k)) {
+                    a[k] = object[k];
+                }
+            }
+        }
+        return a;
+    };
+
+    /**
+     * A property getter resolving dot-notation
+     * @param  {Object}  obj     The root object to fetch property on
+     * @param  {String}  name    The optionally dotted property name to fetch
+     * @param  {Boolean} nesting Handle nesting or not
+     * @return {Object}          The resolved property value
+     */
+    var getattr = function(obj, name, nesting) {
+        if (!obj || !name) return;
+        if (!nesting) return obj[name];
+        var names = name.split(".");
+        while(names.length && (obj = obj[names.shift()]));
+        return obj;
+    };
+
+    var trim = function(str) {
+        return (str + '').replace(/^\s+|\s+$|/g, '');
+    };
+
+    var escape_regex = function(str) {
+        return (str + '').replace(/([.?*+^$[\]\\(){}|-])/g, '\\$1');
+    };
+
+    var DIACRITICS = {
+        'a': '[aḀḁĂăÂâǍǎȺⱥȦȧẠạÄäÀàÁáĀāÃãÅåąĄÃąĄ]',
+        'b': '[b␢βΒB฿𐌁ᛒ]',
+        'c': '[cĆćĈĉČčĊċC̄c̄ÇçḈḉȻȼƇƈɕᴄＣｃ]',
+        'd': '[dĎďḊḋḐḑḌḍḒḓḎḏĐđD̦d̦ƉɖƊɗƋƌᵭᶁᶑȡᴅＤｄð]',
+        'e': '[eÉéÈèÊêḘḙĚěĔĕẼẽḚḛẺẻĖėËëĒēȨȩĘęᶒɆɇȄȅẾếỀềỄễỂểḜḝḖḗḔḕȆȇẸẹỆệⱸᴇＥｅɘǝƏƐε]',
+        'f': '[fƑƒḞḟ]',
+        'g': '[gɢ₲ǤǥĜĝĞğĢģƓɠĠġ]',
+        'h': '[hĤĥĦħḨḩẖẖḤḥḢḣɦʰǶƕ]',
+        'i': '[iÍíÌìĬĭÎîǏǐÏïḮḯĨĩĮįĪīỈỉȈȉȊȋỊịḬḭƗɨɨ̆ᵻᶖİiIıɪＩｉ]',
+        'j': '[jȷĴĵɈɉʝɟʲ]',
+        'k': '[kƘƙꝀꝁḰḱǨǩḲḳḴḵκϰ₭]',
+        'l': '[lŁłĽľĻļĹĺḶḷḸḹḼḽḺḻĿŀȽƚⱠⱡⱢɫɬᶅɭȴʟＬｌ]',
+        'n': '[nŃńǸǹŇňÑñṄṅŅņṆṇṊṋṈṉN̈n̈ƝɲȠƞᵰᶇɳȵɴＮｎŊŋ]',
+        'o': '[oØøÖöÓóÒòÔôǑǒŐőŎŏȮȯỌọƟɵƠơỎỏŌōÕõǪǫȌȍՕօ]',
+        'p': '[pṔṕṖṗⱣᵽƤƥᵱ]',
+        'q': '[qꝖꝗʠɊɋꝘꝙq̃]',
+        'r': '[rŔŕɌɍŘřŖŗṘṙȐȑȒȓṚṛⱤɽ]',
+        's': '[sŚśṠṡṢṣꞨꞩŜŝŠšŞşȘșS̈s̈]',
+        't': '[tŤťṪṫŢţṬṭƮʈȚțṰṱṮṯƬƭ]',
+        'u': '[uŬŭɄʉỤụÜüÚúÙùÛûǓǔŰűŬŭƯưỦủŪūŨũŲųȔȕ∪]',
+        'v': '[vṼṽṾṿƲʋꝞꝟⱱʋ]',
+        'w': '[wẂẃẀẁŴŵẄẅẆẇẈẉ]',
+        'x': '[xẌẍẊẋχ]',
+        'y': '[yÝýỲỳŶŷŸÿỸỹẎẏỴỵɎɏƳƴ]',
+        'z': '[zŹźẐẑŽžŻżẒẓẔẕƵƶ]'
+    };
+
+    const asciifold = (function() {
+        var i, n, k, chunk;
+        var foreignletters = '';
+        var lookup = {};
+        for (k in DIACRITICS) {
+            if (DIACRITICS.hasOwnProperty(k)) {
+                chunk = DIACRITICS[k].substring(2, DIACRITICS[k].length - 1);
+                foreignletters += chunk;
+                for (i = 0, n = chunk.length; i < n; i++) {
+                    lookup[chunk.charAt(i)] = k;
+                }
+            }
+        }
+        var regexp = new RegExp('[' +  foreignletters + ']', 'g');
+        return function(str) {
+            return str.replace(regexp, function(foreignletter) {
+                return lookup[foreignletter];
+            }).toLowerCase();
+        };
+    })();
+
+    // source: https://github.com/rob-balfre/svelte-select/blob/master/src/utils/isOutOfViewport.js
+    function isOutOfViewport(elem) {
+      if (!elem) return false;
+      const bounding = elem.getBoundingClientRect();
+      const out = {};
+
+      out.top = bounding.top < 0 || bounding.top - bounding.height < 0;
+      out.left = bounding.left < 0;
+      out.bottom = bounding.bottom > (window.innerHeight || document.documentElement.clientHeight);
+      out.right = bounding.right > (window.innerWidth || document.documentElement.clientWidth);
+      out.any = out.top || out.left || out.bottom || out.right;
+
+      return out;
+    }
+    let xhr = null;
+
+    function fetchRemote(url) {
+      return function(query, cb) {
+        return new Promise((resolve, reject) => {
+          xhr = new XMLHttpRequest();
+          xhr.open('GET', `${url.replace('[query]', encodeURIComponent(query))}`);
+          xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+          xhr.send();
+          
+          xhr.onreadystatechange = () => {
+            if (xhr.readyState === 4) {
+              if (xhr.status === 200) {
+                const resp = JSON.parse(xhr.response);
+                resolve(cb ? cb(resp) : resp.data || resp.items || resp.options || resp);
+              } else {
+                reject();
+              }
+            } 
+          };
+        });
+      }
+    }
+
+    let timeout;
+    function debounce(fn, delay) {
+    	return function() {
+    		const self = this;
+    		const args = arguments;
+    		clearTimeout(timeout);
+    		timeout = setTimeout(function() {
+          fn.apply(self, args);
+    		}, delay);
+    	};
+    }
+    let itemHtml;
+
+    function highlightSearch(item, isSelected, $inputValue, formatter, disableHighlight) {
+      const itemHtmlText = formatter ? formatter(item, isSelected, $inputValue) : item;
+      
+      if ($inputValue == '' || item.isSelected || disableHighlight) {
+        return '<div class="sv-item-content">' + itemHtmlText + '</div>';
+      }
+
+      if (!itemHtml) {
+        itemHtml = document.createElement('div');
+        itemHtml.className = 'sv-item-content';
+      }
+      itemHtml.innerHTML = itemHtmlText;
+
+      // const regex = new RegExp(`(${asciifold($inputValue)})`, 'ig');
+      const pattern = asciifold($inputValue);
+      pattern.split(' ').filter(e => e).forEach(pat => {
+        highlight(itemHtml, pat);
+      });
+      
+      return itemHtml.outerHTML;
+    }
+
+    /**
+     * highlight function code from selectize itself. We pass raw html through @html svelte tag
+     * base from https://github.com/selectize/selectize.js/blob/master/src/contrib/highlight.js & edited
+     */
+    const highlight = function(node, regex) {
+      let skip = 0;
+      // Wrap matching part of text node with highlighting <span>, e.g.
+      // Soccer  ->  <span class="highlight">Soc</span>cer for pattern 'soc'
+      if (node.nodeType === 3) {
+        const folded = asciifold(node.data);
+        let pos = folded.indexOf(regex);
+        pos -= (folded.substr(0, pos).toUpperCase().length - folded.substr(0, pos).length);
+        if (pos >= 0 ) {
+          const spannode = document.createElement('span');
+          spannode.className = 'highlight';
+          const middlebit = node.splitText(pos);
+          middlebit.splitText(regex.length);
+          const middleclone = middlebit.cloneNode(true);
+          spannode.appendChild(middleclone);
+          middlebit.parentNode.replaceChild(spannode, middlebit);
+          skip = 1;
+        }
+      } 
+      // Recurse element node, looking for child text nodes to highlight, unless element 
+      // is childless, <script>, <style>, or already highlighted: <span class="hightlight">
+      else if (node.nodeType === 1 && node.childNodes && !/(script|style)/i.test(node.tagName) && ( node.className !== 'highlight' || node.tagName !== 'SPAN' )) {
+        for (var i = 0; i < node.childNodes.length; ++i) {
+          i += highlight(node.childNodes[i], regex);
+        }
+      }
+      return skip;
+    };
+
+    /**
+     * Automatic setter for 'valueField' or 'labelField' when they are not set
+     */
+    function fieldInit(type, options, config) {
+      const isValue = type === 'value';
+      if (config.isOptionArray) return isValue ? 'value' : 'label';
+      let val = isValue  ? 'value' : 'text';              // selectize style defaults
+      if (options && options.length) {
+        const firstItem = options[0].options ? options[0].options[0] : options[0];
+        const autoAddItem = isValue ? 0 : 1;
+        const guessList = isValue
+          ? ['id', 'value', 'ID']
+          : ['name', 'title', 'label'];
+        val = Object.keys(firstItem).filter(prop => guessList.includes(prop))
+          .concat([Object.keys(firstItem)[autoAddItem]])  // auto add field (used as fallback)
+          .shift();  
+      }
+      return val;
+    }
+
+    /**
+     * Detect Mac device
+     * 
+     * @returns {bool}
+     */
+    function iOS() {
+      return [
+        'iPad Simulator',
+        'iPhone Simulator',
+        'iPod Simulator',
+        'iPad',
+        'iPhone',
+        'iPod'
+      ].includes(navigator.platform)
+      // iPad on iOS 13 detection
+      || (navigator.userAgent.includes("Mac") && "ontouchend" in document)
+    }
+
+    function defaultCreateFilter(val) {
+      return val.trim().split(' ').filter(ch => ch).join(' ');
+    }
+
+    const settings = {
+      // html
+      disabled: false,
+      // basic
+      valueField: null,
+      labelField: null,
+      disabledField: '$disabled',
+      placeholder: 'Select',
+      valueAsObject: false,
+      // ui
+      searchable: true,
+      clearable: false,
+      selectOnTab: false,
+      resetOnBlur: true,
+      fetchResetOnBlur: true,
+      // multi
+      multiple: false,
+      max: 0,
+      collapseSelection: false, // enable collapsible multiple selection
+      // create
+      creatable: false,
+      creatablePrefix: '*',
+      keepCreated: true,
+      allowEditing: false,
+      delimiter: ',',
+      // remote
+      fetchCallback: null,
+      minQuery: 1,
+      // performance
+      lazyDropdown: true,
+      // virtual list
+      virtualList: false,
+      vlItemSize: null,
+      vlHeight: null,
+      // i18n
+      i18n: {
+        empty: 'No options',
+        nomatch: 'No matching options',    
+        max: num => `Maximum items ${num} selected`,
+        fetchBefore: 'Type to start searching',
+        fetchQuery: (minQuery, inputLength) => `Type ${minQuery > 1 && minQuery > inputLength 
+      ? `at least ${minQuery - inputLength} characters `
+      : '' }to start searching`,
+        fetchInit: 'Fetching data, please wait...',
+        fetchEmpty: 'No data related to your search',
+        collapsedSelection: count => `${count} selected`,
+        createRowLabel: value => `Create '${value}'`
+      },
+      collapseSelectionFn: function(selectionCount, selection) {
+        return settings.i18n.collapsedSelection(selectionCount);
+      }
+    };
+
+    const subscriber_queue = [];
+    /**
+     * Create a `Writable` store that allows both updating and reading by subscription.
+     * @param {*=}value initial value
+     * @param {StartStopNotifier=}start start and stop notifications for subscriptions
+     */
+    function writable(value, start = noop) {
+        let stop;
+        const subscribers = new Set();
+        function set(new_value) {
+            if (safe_not_equal(value, new_value)) {
+                value = new_value;
+                if (stop) { // store is ready
+                    const run_queue = !subscriber_queue.length;
+                    for (const subscriber of subscribers) {
+                        subscriber[1]();
+                        subscriber_queue.push(subscriber, value);
+                    }
+                    if (run_queue) {
+                        for (let i = 0; i < subscriber_queue.length; i += 2) {
+                            subscriber_queue[i][0](subscriber_queue[i + 1]);
+                        }
+                        subscriber_queue.length = 0;
+                    }
+                }
+            }
+        }
+        function update(fn) {
+            set(fn(value));
+        }
+        function subscribe(run, invalidate = noop) {
+            const subscriber = [run, invalidate];
+            subscribers.add(subscriber);
+            if (subscribers.size === 1) {
+                stop = start(set) || noop;
+            }
+            run(value);
+            return () => {
+                subscribers.delete(subscriber);
+                if (subscribers.size === 0) {
+                    stop();
+                    stop = null;
+                }
+            };
+        }
+        return { set, update, subscribe };
+    }
+
+    function initSelection(initialValue, valueAsObject, config) {
+      if (initialValue && !valueAsObject) {
+        const _initialValue = Array.isArray(initialValue) ? initialValue : [initialValue];
+        const valueField = config.labelAsValue ? config.labelField : config.valueField;
+        return this/** options */.reduce((res, val, i) => {
+          if (val.options) {  // handle groups
+            const selected = val.options.reduce((res, groupVal) => {
+              if (_initialValue.includes(groupVal[valueField])) res.push(groupVal);
+              return res;
+            }, []);
+            if (selected.length) {
+              res.push(...selected);
+              return res;
+            }
+          }
+          if (_initialValue.includes(val[valueField] || val)) {
+            if (config.isOptionArray) {
+              // initial options are not transformed, therefore we need to create object from given option
+              val = {
+                [config.valueField]: i,
+                [config.labelField]: val
+              };
+            }
+            res.push(val);
+          }      return res;
+        }, []);
+      }
+      return valueAsObject && initialValue
+        ? (Array.isArray(initialValue) ? initialValue : [initialValue])
+        : [];
+    }
+
+    function flatList(options, config) {
+      const flatOpts = options.reduce((res, opt, i) => {
+        if (config.isOptionArray) {
+          res.push({
+            [config.valueField]: i,
+            [config.labelField]: opt
+          });
+          return res;
+        }
+        if (opt.options && opt.options.length) {
+          config.optionsWithGroups = true;
+          res.push({ label: opt.label, $isGroupHeader: true });
+          res.push(...opt.options.map(_opt => {
+            _opt.$isGroupItem = true;
+            return _opt;
+          }));
+          return res;
+        }
+        res.push(opt);
+        return res;
+      }, []);
+      updateOptionProps(flatOpts, config);
+      return flatOpts;
+    }
+
+    function updateOptionProps(options, config) {
+      if (config.isOptionArray) {
+        if (!config.optionProps) {
+          config.optionProps = ['value', 'label'];
+        }
+      }
+      options.some(opt => {
+        if (opt.$isGroupHeader) return false;
+        config.optionProps = getFilterProps(opt);
+        return true;
+      });
+    }
+
+    function getFilterProps(object) {
+      if (object.options) object = object.options[0];
+      const exclude = ['$disabled', '$isGroupHeader', '$isGroupItem'];
+      return Object.keys(object).filter(prop => !exclude.includes(prop));
+    }
+
+    function filterList(options, inputValue, excludeSelected, sifterSearchField, sifterSortField, config) {
+      if (excludeSelected) {
+        options = options
+          .filter(opt => !excludeSelected.has(opt[config.valueField]))
+          .filter((opt, idx, self) => {
+            if (opt.$isGroupHeader &&
+              (
+                (self[idx + 1] && self[idx + 1].$isGroupHeader) 
+              || self.length <= 1
+              || self.length - 1 === idx
+              )
+            ) return false;
+            return true;
+          });
+      }
+      if (!inputValue) return options;
+
+      const sifter = new Sifter(options);
+      /**
+       * Sifter is used for searching to provide rich filter functionality.
+       * But it degradate nicely, when optgroups are present
+      */
+      if (config.optionsWithGroups) {  // disable sorting 
+        sifter.getSortFunction = () => null;
+      }
+      let conjunction = 'and';
+      if (inputValue.startsWith('|| ')) {
+        conjunction = 'or';
+        inputValue = inputValue.substr(2);
+      }
+
+      const result = sifter.search(inputValue, {
+        fields: sifterSearchField || config.optionProps,
+        sort: createSifterSortField(sifterSortField || config.labelField),
+        conjunction: conjunction
+      });
+
+      const mapped = config.optionsWithGroups
+        ? result.items.reduce((res, item) => {
+            const opt = options[item.id];
+            if (excludeSelected && opt.isSelected) return res;
+            const lastPos = res.push(opt);
+            if (opt.$isGroupItem) {
+              const prevItems = options.slice(0, item.id);
+              let prev = null;
+              do {
+                prev = prevItems.pop();
+                prev && prev.$isGroupHeader && !res.includes(prev) && res.splice(lastPos - 1, 0, prev);
+              } while (prev && !prev.$isGroupHeader);
+            }
+            return res;
+          }, [])
+        : result.items.map(item => options[item.id]);
+      return mapped;
+    }
+
+    function createSifterSortField(prop) {
+      return [{ field: prop, direction: 'asc'}];
+    }
+
+    function indexList(options, includeCreateRow, config)  {
+      const map = config.optionsWithGroups
+        ? options.reduce((res, opt, index) => {
+          res.push(opt.$isGroupHeader ? '' : index);
+          return res;
+        }, [])
+        : Object.keys(options);
+
+      return {
+        map: map,
+        first:  map[0] !== '' ? 0 : 1,
+        last: map.length ? map.length - (includeCreateRow ? 0 : 1) : 0,
+        hasCreateRow: !!includeCreateRow,
+        next(curr, prevOnUndefined) {
+          const val = this.map[++curr];
+          if (this.hasCreateRow && curr === this.last) return this.last;
+          if (val === '') return this.next(curr);
+          if (val === undefined) {
+            if (!this.map.length) return 0;   // ref #26
+            if (curr > this.map.length) curr = this.first - 1;
+            return prevOnUndefined === true ? this.prev(curr) : this.next(curr);
+          }
+          return val;
+        },
+        prev(curr) {
+          const val = this.map[--curr];
+          if (this.hasCreateRow && curr === this.first) return this.first;
+          if (val === '') return this.prev(curr);
+          if (!val) return this.last;
+          return val;
+        }
+      };
+    }
+
+    function cubicOut(t) {
+        const f = t - 1.0;
+        return f * f * f + 1.0;
+    }
+
+    function flip(node, { from, to }, params = {}) {
+        const style = getComputedStyle(node);
+        const transform = style.transform === 'none' ? '' : style.transform;
+        const [ox, oy] = style.transformOrigin.split(' ').map(parseFloat);
+        const dx = (from.left + from.width * ox / to.width) - (to.left + ox);
+        const dy = (from.top + from.height * oy / to.height) - (to.top + oy);
+        const { delay = 0, duration = (d) => Math.sqrt(d) * 120, easing = cubicOut } = params;
+        return {
+            delay,
+            duration: is_function(duration) ? duration(Math.sqrt(dx * dx + dy * dy)) : duration,
+            easing,
+            css: (t, u) => {
+                const x = u * dx;
+                const y = u * dy;
+                const sx = t + u * from.width / to.width;
+                const sy = t + u * from.height / to.height;
+                return `transform: ${transform} translate(${x}px, ${y}px) scale(${sx}, ${sy});`;
+            }
+        };
+    }
+
+    /* src/components/Input.svelte generated by Svelte v3.44.3 */
+
+    function create_fragment$h(ctx) {
+    	let input;
+    	let input_readonly_value;
+    	let t0;
+    	let div;
+    	let t1;
+    	let div_resize_listener;
+    	let mounted;
+    	let dispose;
+
+    	return {
+    		c() {
+    			input = element("input");
+    			t0 = space();
+    			div = element("div");
+    			t1 = text(/*shadowText*/ ctx[10]);
+    			attr(input, "type", "text");
+    			attr(input, "class", "inputBox svelte-x1t6fd");
+    			input.disabled = /*disabled*/ ctx[2];
+    			input.readOnly = input_readonly_value = !/*searchable*/ ctx[1];
+    			attr(input, "id", /*id*/ ctx[0]);
+    			attr(input, "style", /*inputStyle*/ ctx[9]);
+    			attr(input, "placeholder", /*placeholderText*/ ctx[6]);
+    			attr(div, "class", "shadow-text svelte-x1t6fd");
+    			add_render_callback(() => /*div_elementresize_handler*/ ctx[25].call(div));
+    		},
+    		m(target, anchor) {
+    			insert(target, input, anchor);
+    			/*input_binding*/ ctx[23](input);
+    			set_input_value(input, /*$inputValue*/ ctx[7]);
+    			insert(target, t0, anchor);
+    			insert(target, div, anchor);
+    			append(div, t1);
+    			div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[25].bind(div));
+
+    			if (!mounted) {
+    				dispose = [
+    					listen(input, "input", /*input_input_handler*/ ctx[24]),
+    					listen(input, "focus", /*focus_handler*/ ctx[19]),
+    					listen(input, "blur", /*blur_handler*/ ctx[20]),
+    					listen(input, "keydown", /*onKeyDown*/ ctx[11]),
+    					listen(input, "keyup", /*onKeyUp*/ ctx[12]),
+    					listen(input, "paste", /*paste_handler*/ ctx[21]),
+    					listen(input, "change", stop_propagation(/*change_handler*/ ctx[22]))
+    				];
+
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, [dirty]) {
+    			if (dirty & /*disabled*/ 4) {
+    				input.disabled = /*disabled*/ ctx[2];
+    			}
+
+    			if (dirty & /*searchable*/ 2 && input_readonly_value !== (input_readonly_value = !/*searchable*/ ctx[1])) {
+    				input.readOnly = input_readonly_value;
+    			}
+
+    			if (dirty & /*id*/ 1) {
+    				attr(input, "id", /*id*/ ctx[0]);
+    			}
+
+    			if (dirty & /*inputStyle*/ 512) {
+    				attr(input, "style", /*inputStyle*/ ctx[9]);
+    			}
+
+    			if (dirty & /*placeholderText*/ 64) {
+    				attr(input, "placeholder", /*placeholderText*/ ctx[6]);
+    			}
+
+    			if (dirty & /*$inputValue*/ 128 && input.value !== /*$inputValue*/ ctx[7]) {
+    				set_input_value(input, /*$inputValue*/ ctx[7]);
+    			}
+
+    			if (dirty & /*shadowText*/ 1024) set_data(t1, /*shadowText*/ ctx[10]);
+    		},
+    		i: noop,
+    		o: noop,
+    		d(detaching) {
+    			if (detaching) detach(input);
+    			/*input_binding*/ ctx[23](null);
+    			if (detaching) detach(t0);
+    			if (detaching) detach(div);
+    			div_resize_listener();
+    			mounted = false;
+    			run_all(dispose);
+    		}
+    	};
+    }
+
+    function instance$g($$self, $$props, $$invalidate) {
+    	let isSingleFilled;
+    	let placeholderText;
+    	let shadowText;
+    	let widthAddition;
+    	let inputStyle;
+
+    	let $hasDropdownOpened,
+    		$$unsubscribe_hasDropdownOpened = noop,
+    		$$subscribe_hasDropdownOpened = () => ($$unsubscribe_hasDropdownOpened(), $$unsubscribe_hasDropdownOpened = subscribe(hasDropdownOpened, $$value => $$invalidate(27, $hasDropdownOpened = $$value)), hasDropdownOpened);
+
+    	let $inputValue,
+    		$$unsubscribe_inputValue = noop,
+    		$$subscribe_inputValue = () => ($$unsubscribe_inputValue(), $$unsubscribe_inputValue = subscribe(inputValue, $$value => $$invalidate(7, $inputValue = $$value)), inputValue);
+
+    	$$self.$$.on_destroy.push(() => $$unsubscribe_hasDropdownOpened());
+    	$$self.$$.on_destroy.push(() => $$unsubscribe_inputValue());
+    	const focus = () => inputRef.focus();
+    	let { id } = $$props;
+    	let { placeholder } = $$props;
+    	let { searchable } = $$props;
+    	let { disabled } = $$props;
+    	let { multiple } = $$props;
+    	let { inputValue } = $$props;
+    	$$subscribe_inputValue();
+    	let { hasDropdownOpened } = $$props;
+    	$$subscribe_hasDropdownOpened();
+    	let { selectedOptions } = $$props;
+    	let inputRef = null;
+    	let shadowWidth = 0;
+    	const dispatch = createEventDispatcher();
+    	let disableEventBubble = false;
+
+    	function onKeyDown(e) {
+    		disableEventBubble = ['Enter', 'Escape'].includes(e.key) && $hasDropdownOpened;
+    		dispatch('keydown', e);
+    	}
+
+    	/** Stop event propagation on keyup, when dropdown is opened. Typically this will prevent form submit */
+    	function onKeyUp(e) {
+    		if (disableEventBubble) {
+    			e.stopImmediatePropagation();
+    			e.preventDefault();
+    		}
+
+    		disableEventBubble = false;
+    	}
+
+    	function focus_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function blur_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function paste_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function change_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function input_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			inputRef = $$value;
+    			$$invalidate(8, inputRef);
+    		});
+    	}
+
+    	function input_input_handler() {
+    		$inputValue = this.value;
+    		inputValue.set($inputValue);
+    	}
+
+    	function div_elementresize_handler() {
+    		shadowWidth = this.clientWidth;
+    		$$invalidate(5, shadowWidth);
+    	}
+
+    	$$self.$$set = $$props => {
+    		if ('id' in $$props) $$invalidate(0, id = $$props.id);
+    		if ('placeholder' in $$props) $$invalidate(14, placeholder = $$props.placeholder);
+    		if ('searchable' in $$props) $$invalidate(1, searchable = $$props.searchable);
+    		if ('disabled' in $$props) $$invalidate(2, disabled = $$props.disabled);
+    		if ('multiple' in $$props) $$invalidate(15, multiple = $$props.multiple);
+    		if ('inputValue' in $$props) $$subscribe_inputValue($$invalidate(3, inputValue = $$props.inputValue));
+    		if ('hasDropdownOpened' in $$props) $$subscribe_hasDropdownOpened($$invalidate(4, hasDropdownOpened = $$props.hasDropdownOpened));
+    		if ('selectedOptions' in $$props) $$invalidate(16, selectedOptions = $$props.selectedOptions);
+    	};
+
+    	$$self.$$.update = () => {
+    		if ($$self.$$.dirty & /*selectedOptions, multiple*/ 98304) {
+    			$$invalidate(18, isSingleFilled = selectedOptions.length > 0 && multiple === false);
+    		}
+
+    		if ($$self.$$.dirty & /*selectedOptions, placeholder*/ 81920) {
+    			$$invalidate(6, placeholderText = selectedOptions.length > 0 ? '' : placeholder);
+    		}
+
+    		if ($$self.$$.dirty & /*$inputValue, placeholderText*/ 192) {
+    			$$invalidate(10, shadowText = $inputValue || placeholderText);
+    		}
+
+    		if ($$self.$$.dirty & /*selectedOptions*/ 65536) {
+    			$$invalidate(17, widthAddition = selectedOptions.length === 0 ? 19 : 12);
+    		}
+
+    		if ($$self.$$.dirty & /*isSingleFilled, shadowWidth, widthAddition*/ 393248) {
+    			$$invalidate(9, inputStyle = `width: ${isSingleFilled ? 2 : shadowWidth + widthAddition}px`);
+    		}
+    	};
+
+    	return [
+    		id,
+    		searchable,
+    		disabled,
+    		inputValue,
+    		hasDropdownOpened,
+    		shadowWidth,
+    		placeholderText,
+    		$inputValue,
+    		inputRef,
+    		inputStyle,
+    		shadowText,
+    		onKeyDown,
+    		onKeyUp,
+    		focus,
+    		placeholder,
+    		multiple,
+    		selectedOptions,
+    		widthAddition,
+    		isSingleFilled,
+    		focus_handler,
+    		blur_handler,
+    		paste_handler,
+    		change_handler,
+    		input_binding,
+    		input_input_handler,
+    		div_elementresize_handler
+    	];
+    }
+
+    class Input extends SvelteComponent {
+    	constructor(options) {
+    		super();
+
+    		init(this, options, instance$g, create_fragment$h, safe_not_equal, {
+    			focus: 13,
+    			id: 0,
+    			placeholder: 14,
+    			searchable: 1,
+    			disabled: 2,
+    			multiple: 15,
+    			inputValue: 3,
+    			hasDropdownOpened: 4,
+    			selectedOptions: 16
+    		});
+    	}
+
+    	get focus() {
+    		return this.$$.ctx[13];
+    	}
+    }
+
+    /* src/components/Control.svelte generated by Svelte v3.44.3 */
+
+    function get_each_context$4(ctx, list, i) {
+    	const child_ctx = ctx.slice();
+    	child_ctx[38] = list[i];
+    	return child_ctx;
+    }
+
+    const get_icon_slot_changes$1 = dirty => ({});
+    const get_icon_slot_context$1 = ctx => ({});
+
+    // (76:4) {#if selectedOptions.length }
+    function create_if_block_2$1(ctx) {
+    	let current_block_type_index;
+    	let if_block;
+    	let if_block_anchor;
+    	let current;
+    	const if_block_creators = [create_if_block_3$1, create_else_block$2];
+    	const if_blocks = [];
+
+    	function select_block_type(ctx, dirty) {
+    		if (/*multiple*/ ctx[5] && /*collapseSelection*/ ctx[6] && /*doCollapse*/ ctx[17]) return 0;
+    		return 1;
+    	}
+
+    	current_block_type_index = select_block_type(ctx);
+    	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+
+    	return {
+    		c() {
+    			if_block.c();
+    			if_block_anchor = empty();
+    		},
+    		m(target, anchor) {
+    			if_blocks[current_block_type_index].m(target, anchor);
+    			insert(target, if_block_anchor, anchor);
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			let previous_block_index = current_block_type_index;
+    			current_block_type_index = select_block_type(ctx);
+
+    			if (current_block_type_index === previous_block_index) {
+    				if_blocks[current_block_type_index].p(ctx, dirty);
+    			} else {
+    				group_outros();
+
+    				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+    					if_blocks[previous_block_index] = null;
+    				});
+
+    				check_outros();
+    				if_block = if_blocks[current_block_type_index];
+
+    				if (!if_block) {
+    					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    					if_block.c();
+    				} else {
+    					if_block.p(ctx, dirty);
+    				}
+
+    				transition_in(if_block, 1);
+    				if_block.m(if_block_anchor.parentNode, if_block_anchor);
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(if_block);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(if_block);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if_blocks[current_block_type_index].d(detaching);
+    			if (detaching) detach(if_block_anchor);
+    		}
+    	};
+    }
+
+    // (79:6) {:else}
+    function create_else_block$2(ctx) {
+    	let each_blocks = [];
+    	let each_1_lookup = new Map();
+    	let each_1_anchor;
+    	let current;
+    	let each_value = /*selectedOptions*/ ctx[11];
+    	const get_key = ctx => /*opt*/ ctx[38][/*currentValueField*/ ctx[14]];
+
+    	for (let i = 0; i < each_value.length; i += 1) {
+    		let child_ctx = get_each_context$4(ctx, each_value, i);
+    		let key = get_key(child_ctx);
+    		each_1_lookup.set(key, each_blocks[i] = create_each_block$4(key, child_ctx));
+    	}
+
+    	return {
+    		c() {
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].c();
+    			}
+
+    			each_1_anchor = empty();
+    		},
+    		m(target, anchor) {
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].m(target, anchor);
+    			}
+
+    			insert(target, each_1_anchor, anchor);
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			if (dirty[0] & /*itemComponent, renderer, selectedOptions, multiple, $inputValue, currentValueField*/ 575524) {
+    				each_value = /*selectedOptions*/ ctx[11];
+    				group_outros();
+    				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
+    				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, each_1_anchor.parentNode, fix_and_outro_and_destroy_block, create_each_block$4, each_1_anchor, get_each_context$4);
+    				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
+    				check_outros();
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+
+    			for (let i = 0; i < each_value.length; i += 1) {
+    				transition_in(each_blocks[i]);
+    			}
+
+    			current = true;
+    		},
+    		o(local) {
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				transition_out(each_blocks[i]);
+    			}
+
+    			current = false;
+    		},
+    		d(detaching) {
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].d(detaching);
+    			}
+
+    			if (detaching) detach(each_1_anchor);
+    		}
+    	};
+    }
+
+    // (77:6) {#if multiple && collapseSelection && doCollapse}
+    function create_if_block_3$1(ctx) {
+    	let t_value = /*collapseSelection*/ ctx[6](/*selectedOptions*/ ctx[11].length, /*selectedOptions*/ ctx[11]) + "";
+    	let t;
+
+    	return {
+    		c() {
+    			t = text(t_value);
+    		},
+    		m(target, anchor) {
+    			insert(target, t, anchor);
+    		},
+    		p(ctx, dirty) {
+    			if (dirty[0] & /*collapseSelection, selectedOptions*/ 2112 && t_value !== (t_value = /*collapseSelection*/ ctx[6](/*selectedOptions*/ ctx[11].length, /*selectedOptions*/ ctx[11]) + "")) set_data(t, t_value);
+    		},
+    		i: noop,
+    		o: noop,
+    		d(detaching) {
+    			if (detaching) detach(t);
+    		}
+    	};
+    }
+
+    // (80:8) {#each selectedOptions as opt (opt[currentValueField])}
+    function create_each_block$4(key_1, ctx) {
+    	let div;
+    	let switch_instance;
+    	let t;
+    	let rect;
+    	let stop_animation = noop;
+    	let current;
+    	var switch_value = /*itemComponent*/ ctx[15];
+
+    	function switch_props(ctx) {
+    		return {
+    			props: {
+    				formatter: /*renderer*/ ctx[2],
+    				item: /*opt*/ ctx[38],
+    				isSelected: true,
+    				isMultiple: /*multiple*/ ctx[5],
+    				inputValue: /*$inputValue*/ ctx[19]
+    			}
+    		};
+    	}
+
+    	if (switch_value) {
+    		switch_instance = new switch_value(switch_props(ctx));
+    		switch_instance.$on("deselect", /*deselect_handler*/ ctx[32]);
+    	}
+
+    	return {
+    		key: key_1,
+    		first: null,
+    		c() {
+    			div = element("div");
+    			if (switch_instance) create_component(switch_instance.$$.fragment);
+    			t = space();
+    			this.first = div;
+    		},
+    		m(target, anchor) {
+    			insert(target, div, anchor);
+
+    			if (switch_instance) {
+    				mount_component(switch_instance, div, null);
+    			}
+
+    			append(div, t);
+    			current = true;
+    		},
+    		p(new_ctx, dirty) {
+    			ctx = new_ctx;
+    			const switch_instance_changes = {};
+    			if (dirty[0] & /*renderer*/ 4) switch_instance_changes.formatter = /*renderer*/ ctx[2];
+    			if (dirty[0] & /*selectedOptions*/ 2048) switch_instance_changes.item = /*opt*/ ctx[38];
+    			if (dirty[0] & /*multiple*/ 32) switch_instance_changes.isMultiple = /*multiple*/ ctx[5];
+    			if (dirty[0] & /*$inputValue*/ 524288) switch_instance_changes.inputValue = /*$inputValue*/ ctx[19];
+
+    			if (switch_value !== (switch_value = /*itemComponent*/ ctx[15])) {
+    				if (switch_instance) {
+    					group_outros();
+    					const old_component = switch_instance;
+
+    					transition_out(old_component.$$.fragment, 1, 0, () => {
+    						destroy_component(old_component, 1);
+    					});
+
+    					check_outros();
+    				}
+
+    				if (switch_value) {
+    					switch_instance = new switch_value(switch_props(ctx));
+    					switch_instance.$on("deselect", /*deselect_handler*/ ctx[32]);
+    					create_component(switch_instance.$$.fragment);
+    					transition_in(switch_instance.$$.fragment, 1);
+    					mount_component(switch_instance, div, t);
+    				} else {
+    					switch_instance = null;
+    				}
+    			} else if (switch_value) {
+    				switch_instance.$set(switch_instance_changes);
+    			}
+    		},
+    		r() {
+    			rect = div.getBoundingClientRect();
+    		},
+    		f() {
+    			fix_position(div);
+    			stop_animation();
+    		},
+    		a() {
+    			stop_animation();
+    			stop_animation = create_animation(div, rect, flip, { duration: flipDurationMs });
+    		},
+    		i(local) {
+    			if (current) return;
+    			if (switch_instance) transition_in(switch_instance.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			if (switch_instance) transition_out(switch_instance.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (detaching) detach(div);
+    			if (switch_instance) destroy_component(switch_instance);
+    		}
+    	};
+    }
+
+    // (99:4) {#if clearable && selectedOptions.length && !disabled}
+    function create_if_block_1$2(ctx) {
+    	let div;
+    	let mounted;
+    	let dispose;
+
+    	return {
+    		c() {
+    			div = element("div");
+    			div.innerHTML = `<svg class="indicator-icon svelte-v9xikc" height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>`;
+    			attr(div, "aria-hidden", "true");
+    			attr(div, "class", "indicator-container close-icon svelte-v9xikc");
+    		},
+    		m(target, anchor) {
+    			insert(target, div, anchor);
+
+    			if (!mounted) {
+    				dispose = [
+    					listen(div, "mousedown", prevent_default(/*mousedown_handler_1*/ ctx[29])),
+    					listen(div, "click", /*click_handler*/ ctx[36])
+    				];
+
+    				mounted = true;
+    			}
+    		},
+    		p: noop,
+    		d(detaching) {
+    			if (detaching) detach(div);
+    			mounted = false;
+    			run_all(dispose);
+    		}
+    	};
+    }
+
+    // (107:4) {#if clearable}
+    function create_if_block$5(ctx) {
+    	let span;
+
+    	return {
+    		c() {
+    			span = element("span");
+    			attr(span, "class", "indicator-separator svelte-v9xikc");
+    		},
+    		m(target, anchor) {
+    			insert(target, span, anchor);
+    		},
+    		d(detaching) {
+    			if (detaching) detach(span);
+    		}
+    	};
+    }
+
+    function create_fragment$g(ctx) {
+    	let div3;
+    	let t0;
+    	let div0;
+    	let t1;
+    	let input;
+    	let dndzone_action;
+    	let t2;
+    	let div2;
+    	let t3;
+    	let t4;
+    	let div1;
+    	let current;
+    	let mounted;
+    	let dispose;
+    	const icon_slot_template = /*#slots*/ ctx[26].icon;
+    	const icon_slot = create_slot(icon_slot_template, ctx, /*$$scope*/ ctx[25], get_icon_slot_context$1);
+    	let if_block0 = /*selectedOptions*/ ctx[11].length && create_if_block_2$1(ctx);
+
+    	let input_props = {
+    		disabled: /*disabled*/ ctx[3],
+    		searchable: /*searchable*/ ctx[1],
+    		placeholder: /*placeholder*/ ctx[4],
+    		multiple: /*multiple*/ ctx[5],
+    		id: /*id*/ ctx[7],
+    		inputValue: /*inputValue*/ ctx[8],
+    		hasDropdownOpened: /*hasDropdownOpened*/ ctx[10],
+    		selectedOptions: /*selectedOptions*/ ctx[11]
+    	};
+
+    	input = new Input({ props: input_props });
+    	/*input_binding*/ ctx[33](input);
+    	input.$on("focus", /*onFocus*/ ctx[22]);
+    	input.$on("blur", /*onBlur*/ ctx[23]);
+    	input.$on("keydown", /*keydown_handler*/ ctx[34]);
+    	input.$on("paste", /*paste_handler*/ ctx[35]);
+    	let if_block1 = /*clearable*/ ctx[0] && /*selectedOptions*/ ctx[11].length && !/*disabled*/ ctx[3] && create_if_block_1$2(ctx);
+    	let if_block2 = /*clearable*/ ctx[0] && create_if_block$5();
+
+    	return {
+    		c() {
+    			div3 = element("div");
+    			if (icon_slot) icon_slot.c();
+    			t0 = space();
+    			div0 = element("div");
+    			if (if_block0) if_block0.c();
+    			t1 = space();
+    			create_component(input.$$.fragment);
+    			t2 = space();
+    			div2 = element("div");
+    			if (if_block1) if_block1.c();
+    			t3 = space();
+    			if (if_block2) if_block2.c();
+    			t4 = space();
+    			div1 = element("div");
+    			div1.innerHTML = `<svg width="20" height="20" class="indicator-icon svelte-v9xikc" viewBox="0 0 20 20" aria-hidden="true" focusable="false"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>`;
+    			attr(div0, "class", "sv-content sv-input-row svelte-v9xikc");
+    			toggle_class(div0, "has-multiSelection", /*multiple*/ ctx[5]);
+    			attr(div1, "aria-hidden", "true");
+    			attr(div1, "class", "indicator-container svelte-v9xikc");
+    			attr(div2, "class", "indicator svelte-v9xikc");
+    			toggle_class(div2, "is-loading", /*isFetchingData*/ ctx[12]);
+    			attr(div3, "class", "sv-control svelte-v9xikc");
+    			toggle_class(div3, "is-active", /*$hasFocus*/ ctx[20]);
+    			toggle_class(div3, "is-disabled", /*disabled*/ ctx[3]);
+    		},
+    		m(target, anchor) {
+    			insert(target, div3, anchor);
+
+    			if (icon_slot) {
+    				icon_slot.m(div3, null);
+    			}
+
+    			append(div3, t0);
+    			append(div3, div0);
+    			if (if_block0) if_block0.m(div0, null);
+    			append(div0, t1);
+    			mount_component(input, div0, null);
+    			append(div3, t2);
+    			append(div3, div2);
+    			if (if_block1) if_block1.m(div2, null);
+    			append(div2, t3);
+    			if (if_block2) if_block2.m(div2, null);
+    			append(div2, t4);
+    			append(div2, div1);
+    			current = true;
+
+    			if (!mounted) {
+    				dispose = [
+    					action_destroyer(dndzone_action = /*dndzone*/ ctx[13].call(null, div0, {
+    						items: /*selectedOptions*/ ctx[11],
+    						flipDurationMs,
+    						morphDisabled: true
+    					})),
+    					listen(div0, "consider", /*consider_handler*/ ctx[30]),
+    					listen(div0, "finalize", /*finalize_handler*/ ctx[31]),
+    					listen(div1, "mousedown", prevent_default(/*mousedown_handler_2*/ ctx[28])),
+    					listen(div3, "mousedown", prevent_default(/*mousedown_handler*/ ctx[27])),
+    					listen(div3, "click", prevent_default(/*focusControl*/ ctx[16]))
+    				];
+
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, dirty) {
+    			if (icon_slot) {
+    				if (icon_slot.p && (!current || dirty[0] & /*$$scope*/ 33554432)) {
+    					update_slot_base(
+    						icon_slot,
+    						icon_slot_template,
+    						ctx,
+    						/*$$scope*/ ctx[25],
+    						!current
+    						? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
+    						: get_slot_changes(icon_slot_template, /*$$scope*/ ctx[25], dirty, get_icon_slot_changes$1),
+    						get_icon_slot_context$1
+    					);
+    				}
+    			}
+
+    			if (/*selectedOptions*/ ctx[11].length) {
+    				if (if_block0) {
+    					if_block0.p(ctx, dirty);
+
+    					if (dirty[0] & /*selectedOptions*/ 2048) {
+    						transition_in(if_block0, 1);
+    					}
+    				} else {
+    					if_block0 = create_if_block_2$1(ctx);
+    					if_block0.c();
+    					transition_in(if_block0, 1);
+    					if_block0.m(div0, t1);
+    				}
+    			} else if (if_block0) {
+    				group_outros();
+
+    				transition_out(if_block0, 1, 1, () => {
+    					if_block0 = null;
+    				});
+
+    				check_outros();
+    			}
+
+    			const input_changes = {};
+    			if (dirty[0] & /*disabled*/ 8) input_changes.disabled = /*disabled*/ ctx[3];
+    			if (dirty[0] & /*searchable*/ 2) input_changes.searchable = /*searchable*/ ctx[1];
+    			if (dirty[0] & /*placeholder*/ 16) input_changes.placeholder = /*placeholder*/ ctx[4];
+    			if (dirty[0] & /*multiple*/ 32) input_changes.multiple = /*multiple*/ ctx[5];
+    			if (dirty[0] & /*id*/ 128) input_changes.id = /*id*/ ctx[7];
+    			if (dirty[0] & /*inputValue*/ 256) input_changes.inputValue = /*inputValue*/ ctx[8];
+    			if (dirty[0] & /*hasDropdownOpened*/ 1024) input_changes.hasDropdownOpened = /*hasDropdownOpened*/ ctx[10];
+    			if (dirty[0] & /*selectedOptions*/ 2048) input_changes.selectedOptions = /*selectedOptions*/ ctx[11];
+    			input.$set(input_changes);
+
+    			if (dndzone_action && is_function(dndzone_action.update) && dirty[0] & /*selectedOptions*/ 2048) dndzone_action.update.call(null, {
+    				items: /*selectedOptions*/ ctx[11],
+    				flipDurationMs,
+    				morphDisabled: true
+    			});
+
+    			if (dirty[0] & /*multiple*/ 32) {
+    				toggle_class(div0, "has-multiSelection", /*multiple*/ ctx[5]);
+    			}
+
+    			if (/*clearable*/ ctx[0] && /*selectedOptions*/ ctx[11].length && !/*disabled*/ ctx[3]) {
+    				if (if_block1) {
+    					if_block1.p(ctx, dirty);
+    				} else {
+    					if_block1 = create_if_block_1$2(ctx);
+    					if_block1.c();
+    					if_block1.m(div2, t3);
+    				}
+    			} else if (if_block1) {
+    				if_block1.d(1);
+    				if_block1 = null;
+    			}
+
+    			if (/*clearable*/ ctx[0]) {
+    				if (if_block2) ; else {
+    					if_block2 = create_if_block$5();
+    					if_block2.c();
+    					if_block2.m(div2, t4);
+    				}
+    			} else if (if_block2) {
+    				if_block2.d(1);
+    				if_block2 = null;
+    			}
+
+    			if (dirty[0] & /*isFetchingData*/ 4096) {
+    				toggle_class(div2, "is-loading", /*isFetchingData*/ ctx[12]);
+    			}
+
+    			if (dirty[0] & /*$hasFocus*/ 1048576) {
+    				toggle_class(div3, "is-active", /*$hasFocus*/ ctx[20]);
+    			}
+
+    			if (dirty[0] & /*disabled*/ 8) {
+    				toggle_class(div3, "is-disabled", /*disabled*/ ctx[3]);
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(icon_slot, local);
+    			transition_in(if_block0);
+    			transition_in(input.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(icon_slot, local);
+    			transition_out(if_block0);
+    			transition_out(input.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (detaching) detach(div3);
+    			if (icon_slot) icon_slot.d(detaching);
+    			if (if_block0) if_block0.d();
+    			/*input_binding*/ ctx[33](null);
+    			destroy_component(input);
+    			if (if_block1) if_block1.d();
+    			if (if_block2) if_block2.d();
+    			mounted = false;
+    			run_all(dispose);
+    		}
+    	};
+    }
+
+    const flipDurationMs = 100;
+
+    function instance$f($$self, $$props, $$invalidate) {
+    	let $inputValue,
+    		$$unsubscribe_inputValue = noop,
+    		$$subscribe_inputValue = () => ($$unsubscribe_inputValue(), $$unsubscribe_inputValue = subscribe(inputValue, $$value => $$invalidate(19, $inputValue = $$value)), inputValue);
+
+    	let $hasDropdownOpened,
+    		$$unsubscribe_hasDropdownOpened = noop,
+    		$$subscribe_hasDropdownOpened = () => ($$unsubscribe_hasDropdownOpened(), $$unsubscribe_hasDropdownOpened = subscribe(hasDropdownOpened, $$value => $$invalidate(37, $hasDropdownOpened = $$value)), hasDropdownOpened);
+
+    	let $hasFocus,
+    		$$unsubscribe_hasFocus = noop,
+    		$$subscribe_hasFocus = () => ($$unsubscribe_hasFocus(), $$unsubscribe_hasFocus = subscribe(hasFocus, $$value => $$invalidate(20, $hasFocus = $$value)), hasFocus);
+
+    	$$self.$$.on_destroy.push(() => $$unsubscribe_inputValue());
+    	$$self.$$.on_destroy.push(() => $$unsubscribe_hasDropdownOpened());
+    	$$self.$$.on_destroy.push(() => $$unsubscribe_hasFocus());
+    	let { $$slots: slots = {}, $$scope } = $$props;
+    	let { clearable } = $$props;
+    	let { searchable } = $$props;
+    	let { renderer } = $$props;
+    	let { disabled } = $$props;
+    	let { placeholder } = $$props;
+    	let { multiple } = $$props;
+    	let { resetOnBlur } = $$props;
+    	let { collapseSelection } = $$props;
+    	let { id } = $$props;
+    	let { inputValue } = $$props;
+    	$$subscribe_inputValue();
+    	let { hasFocus } = $$props;
+    	$$subscribe_hasFocus();
+    	let { hasDropdownOpened } = $$props;
+    	$$subscribe_hasDropdownOpened();
+    	let { selectedOptions } = $$props;
+    	let { isFetchingData } = $$props;
+    	let { dndzone } = $$props;
+    	let { currentValueField } = $$props;
+    	let { itemComponent } = $$props;
+
+    	function focusControl(event) {
+    		if (disabled) return;
+
+    		if (!event) {
+    			!$hasFocus && refInput.focus();
+    			set_store_value(hasDropdownOpened, $hasDropdownOpened = true, $hasDropdownOpened);
+    			return;
+    		}
+
+    		if (!$hasFocus) {
+    			refInput.focus();
+    		} else {
+    			set_store_value(hasDropdownOpened, $hasDropdownOpened = !$hasDropdownOpened, $hasDropdownOpened);
+    		}
+    	}
+
+    	/** ************************************ context */
+    	const dispatch = createEventDispatcher();
+
+    	let doCollapse = true;
+    	let refInput = undefined;
+
+    	function onFocus(e) {
+    		console.log("onFocus", e);
+    		set_store_value(hasFocus, $hasFocus = true, $hasFocus);
+    		set_store_value(hasDropdownOpened, $hasDropdownOpened = true, $hasDropdownOpened);
+
+    		setTimeout(
+    			() => {
+    				$$invalidate(17, doCollapse = false);
+    			},
+    			150
+    		);
+    	}
+
+    	function onBlur() {
+    		set_store_value(hasFocus, $hasFocus = false, $hasFocus);
+    		set_store_value(hasDropdownOpened, $hasDropdownOpened = false, $hasDropdownOpened);
+    		if (resetOnBlur) set_store_value(inputValue, $inputValue = '', $inputValue); // reset
+
+    		setTimeout(
+    			() => {
+    				$$invalidate(17, doCollapse = true);
+    			},
+    			100
+    		);
+
+    		dispatch('blur');
+    	}
+
+    	function mousedown_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function mousedown_handler_2(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function mousedown_handler_1(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function consider_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function finalize_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function deselect_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function input_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			refInput = $$value;
+    			$$invalidate(18, refInput);
+    		});
+    	}
+
+    	function keydown_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function paste_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	const click_handler = () => dispatch('deselect');
+
+    	$$self.$$set = $$props => {
+    		if ('clearable' in $$props) $$invalidate(0, clearable = $$props.clearable);
+    		if ('searchable' in $$props) $$invalidate(1, searchable = $$props.searchable);
+    		if ('renderer' in $$props) $$invalidate(2, renderer = $$props.renderer);
+    		if ('disabled' in $$props) $$invalidate(3, disabled = $$props.disabled);
+    		if ('placeholder' in $$props) $$invalidate(4, placeholder = $$props.placeholder);
+    		if ('multiple' in $$props) $$invalidate(5, multiple = $$props.multiple);
+    		if ('resetOnBlur' in $$props) $$invalidate(24, resetOnBlur = $$props.resetOnBlur);
+    		if ('collapseSelection' in $$props) $$invalidate(6, collapseSelection = $$props.collapseSelection);
+    		if ('id' in $$props) $$invalidate(7, id = $$props.id);
+    		if ('inputValue' in $$props) $$subscribe_inputValue($$invalidate(8, inputValue = $$props.inputValue));
+    		if ('hasFocus' in $$props) $$subscribe_hasFocus($$invalidate(9, hasFocus = $$props.hasFocus));
+    		if ('hasDropdownOpened' in $$props) $$subscribe_hasDropdownOpened($$invalidate(10, hasDropdownOpened = $$props.hasDropdownOpened));
+    		if ('selectedOptions' in $$props) $$invalidate(11, selectedOptions = $$props.selectedOptions);
+    		if ('isFetchingData' in $$props) $$invalidate(12, isFetchingData = $$props.isFetchingData);
+    		if ('dndzone' in $$props) $$invalidate(13, dndzone = $$props.dndzone);
+    		if ('currentValueField' in $$props) $$invalidate(14, currentValueField = $$props.currentValueField);
+    		if ('itemComponent' in $$props) $$invalidate(15, itemComponent = $$props.itemComponent);
+    		if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
+    	};
+
+    	return [
+    		clearable,
+    		searchable,
+    		renderer,
+    		disabled,
+    		placeholder,
+    		multiple,
+    		collapseSelection,
+    		id,
+    		inputValue,
+    		hasFocus,
+    		hasDropdownOpened,
+    		selectedOptions,
+    		isFetchingData,
+    		dndzone,
+    		currentValueField,
+    		itemComponent,
+    		focusControl,
+    		doCollapse,
+    		refInput,
+    		$inputValue,
+    		$hasFocus,
+    		dispatch,
+    		onFocus,
+    		onBlur,
+    		resetOnBlur,
+    		$$scope,
+    		slots,
+    		mousedown_handler,
+    		mousedown_handler_2,
+    		mousedown_handler_1,
+    		consider_handler,
+    		finalize_handler,
+    		deselect_handler,
+    		input_binding,
+    		keydown_handler,
+    		paste_handler,
+    		click_handler
+    	];
+    }
+
+    class Control extends SvelteComponent {
+    	constructor(options) {
+    		super();
+
+    		init(
+    			this,
+    			options,
+    			instance$f,
+    			create_fragment$g,
+    			safe_not_equal,
+    			{
+    				clearable: 0,
+    				searchable: 1,
+    				renderer: 2,
+    				disabled: 3,
+    				placeholder: 4,
+    				multiple: 5,
+    				resetOnBlur: 24,
+    				collapseSelection: 6,
+    				id: 7,
+    				inputValue: 8,
+    				hasFocus: 9,
+    				hasDropdownOpened: 10,
+    				selectedOptions: 11,
+    				isFetchingData: 12,
+    				dndzone: 13,
+    				currentValueField: 14,
+    				itemComponent: 15,
+    				focusControl: 16
+    			},
+    			null,
+    			[-1, -1]
+    		);
+    	}
+
+    	get focusControl() {
+    		return this.$$.ctx[16];
+    	}
+    }
+
+    const ALIGNMENT = {
+    	AUTO:   'auto',
+    	START:  'start',
+    	CENTER: 'center',
+    	END:    'end',
+    };
+
+    const DIRECTION = {
+    	HORIZONTAL: 'horizontal',
+    	VERTICAL:   'vertical',
+    };
+
+    const SCROLL_CHANGE_REASON = {
+    	OBSERVED:  0,
+    	REQUESTED: 1,
+    };
+
+    const SCROLL_PROP = {
+    	[DIRECTION.VERTICAL]:   'scrollTop',
+    	[DIRECTION.HORIZONTAL]: 'scrollLeft',
+    };
+
+    /* Forked from react-virtualized 💖 */
+
+    /**
+     * @callback ItemSizeGetter
+     * @param {number} index
+     * @return {number}
+     */
+
+    /**
+     * @typedef ItemSize
+     * @type {number | number[] | ItemSizeGetter}
+     */
+
+    /**
+     * @typedef SizeAndPosition
+     * @type {object}
+     * @property {number} size
+     * @property {number} offset
+     */
+
+    /**
+     * @typedef SizeAndPositionData
+     * @type {Object.<number, SizeAndPosition>}
+     */
+
+    /**
+     * @typedef Options
+     * @type {object}
+     * @property {number} itemCount
+     * @property {ItemSize} itemSize
+     * @property {number} estimatedItemSize
+     */
+
+    class SizeAndPositionManager {
+
+    	/**
+    	 * @param {Options} options
+    	 */
+    	constructor({ itemSize, itemCount, estimatedItemSize }) {
+    		/**
+    		 * @private
+    		 * @type {ItemSize}
+    		 */
+    		this.itemSize = itemSize;
+
+    		/**
+    		 * @private
+    		 * @type {number}
+    		 */
+    		this.itemCount = itemCount;
+
+    		/**
+    		 * @private
+    		 * @type {number}
+    		 */
+    		this.estimatedItemSize = estimatedItemSize;
+
+    		/**
+    		 * Cache of size and position data for items, mapped by item index.
+    		 *
+    		 * @private
+    		 * @type {SizeAndPositionData}
+    		 */
+    		this.itemSizeAndPositionData = {};
+
+    		/**
+    		 * Measurements for items up to this index can be trusted; items afterward should be estimated.
+    		 *
+    		 * @private
+    		 * @type {number}
+    		 */
+    		this.lastMeasuredIndex = -1;
+
+    		this.checkForMismatchItemSizeAndItemCount();
+
+    		if (!this.justInTime) this.computeTotalSizeAndPositionData();
+    	}
+
+    	get justInTime() {
+    		return typeof this.itemSize === 'function';
+    	}
+
+    	/**
+    	 * @param {Options} options
+    	 */
+    	updateConfig({ itemSize, itemCount, estimatedItemSize }) {
+    		if (itemCount != null) {
+    			this.itemCount = itemCount;
+    		}
+
+    		if (estimatedItemSize != null) {
+    			this.estimatedItemSize = estimatedItemSize;
+    		}
+
+    		if (itemSize != null) {
+    			this.itemSize = itemSize;
+    		}
+
+    		this.checkForMismatchItemSizeAndItemCount();
+
+    		if (this.justInTime && this.totalSize != null) {
+    			this.totalSize = undefined;
+    		} else {
+    			this.computeTotalSizeAndPositionData();
+    		}
+    	}
+
+    	checkForMismatchItemSizeAndItemCount() {
+    		if (Array.isArray(this.itemSize) && this.itemSize.length < this.itemCount) {
+    			throw Error(
+    				`When itemSize is an array, itemSize.length can't be smaller than itemCount`,
+    			);
+    		}
+    	}
+
+    	/**
+    	 * @param {number} index
+    	 */
+    	getSize(index) {
+    		const { itemSize } = this;
+
+    		if (typeof itemSize === 'function') {
+    			return itemSize(index);
+    		}
+
+    		return Array.isArray(itemSize) ? itemSize[index] : itemSize;
+    	}
+
+    	/**
+    	 * Compute the totalSize and itemSizeAndPositionData at the start,
+    	 * only when itemSize is a number or an array.
+    	 */
+    	computeTotalSizeAndPositionData() {
+    		let totalSize = 0;
+    		for (let i = 0; i < this.itemCount; i++) {
+    			const size = this.getSize(i);
+    			const offset = totalSize;
+    			totalSize += size;
+
+    			this.itemSizeAndPositionData[i] = {
+    				offset,
+    				size,
+    			};
+    		}
+
+    		this.totalSize = totalSize;
+    	}
+
+    	getLastMeasuredIndex() {
+    		return this.lastMeasuredIndex;
+    	}
+
+
+    	/**
+    	 * This method returns the size and position for the item at the specified index.
+    	 *
+    	 * @param {number} index
+    	 */
+    	getSizeAndPositionForIndex(index) {
+    		if (index < 0 || index >= this.itemCount) {
+    			throw Error(
+    				`Requested index ${index} is outside of range 0..${this.itemCount}`,
+    			);
+    		}
+
+    		return this.justInTime
+    			? this.getJustInTimeSizeAndPositionForIndex(index)
+    			: this.itemSizeAndPositionData[index];
+    	}
+
+    	/**
+    	 * This is used when itemSize is a function.
+    	 * just-in-time calculates (or used cached values) for items leading up to the index.
+    	 *
+    	 * @param {number} index
+    	 */
+    	getJustInTimeSizeAndPositionForIndex(index) {
+    		if (index > this.lastMeasuredIndex) {
+    			const lastMeasuredSizeAndPosition = this.getSizeAndPositionOfLastMeasuredItem();
+    			let offset =
+    				    lastMeasuredSizeAndPosition.offset + lastMeasuredSizeAndPosition.size;
+
+    			for (let i = this.lastMeasuredIndex + 1; i <= index; i++) {
+    				const size = this.getSize(i);
+
+    				if (size == null || isNaN(size)) {
+    					throw Error(`Invalid size returned for index ${i} of value ${size}`);
+    				}
+
+    				this.itemSizeAndPositionData[i] = {
+    					offset,
+    					size,
+    				};
+
+    				offset += size;
+    			}
+
+    			this.lastMeasuredIndex = index;
+    		}
+
+    		return this.itemSizeAndPositionData[index];
+    	}
+
+    	getSizeAndPositionOfLastMeasuredItem() {
+    		return this.lastMeasuredIndex >= 0
+    			? this.itemSizeAndPositionData[this.lastMeasuredIndex]
+    			: { offset: 0, size: 0 };
+    	}
+
+    	/**
+    	 * Total size of all items being measured.
+    	 *
+    	 * @return {number}
+    	 */
+    	getTotalSize() {
+    		// Return the pre computed totalSize when itemSize is number or array.
+    		if (this.totalSize) return this.totalSize;
+
+    		/**
+    		 * When itemSize is a function,
+    		 * This value will be completedly estimated initially.
+    		 * As items as measured the estimate will be updated.
+    		 */
+    		const lastMeasuredSizeAndPosition = this.getSizeAndPositionOfLastMeasuredItem();
+
+    		return (
+    			lastMeasuredSizeAndPosition.offset +
+    			lastMeasuredSizeAndPosition.size +
+    			(this.itemCount - this.lastMeasuredIndex - 1) * this.estimatedItemSize
+    		);
+    	}
+
+    	/**
+    	 * Determines a new offset that ensures a certain item is visible, given the alignment.
+    	 *
+    	 * @param {'auto' | 'start' | 'center' | 'end'} align Desired alignment within container
+    	 * @param {number | undefined} containerSize Size (width or height) of the container viewport
+    	 * @param {number | undefined} currentOffset
+    	 * @param {number | undefined} targetIndex
+    	 * @return {number} Offset to use to ensure the specified item is visible
+    	 */
+    	getUpdatedOffsetForIndex({ align = ALIGNMENT.START, containerSize, currentOffset, targetIndex }) {
+    		if (containerSize <= 0) {
+    			return 0;
+    		}
+
+    		const datum = this.getSizeAndPositionForIndex(targetIndex);
+    		const maxOffset = datum.offset;
+    		const minOffset = maxOffset - containerSize + datum.size;
+
+    		let idealOffset;
+
+    		switch (align) {
+    			case ALIGNMENT.END:
+    				idealOffset = minOffset;
+    				break;
+    			case ALIGNMENT.CENTER:
+    				idealOffset = maxOffset - (containerSize - datum.size) / 2;
+    				break;
+    			case ALIGNMENT.START:
+    				idealOffset = maxOffset;
+    				break;
+    			default:
+    				idealOffset = Math.max(minOffset, Math.min(maxOffset, currentOffset));
+    		}
+
+    		const totalSize = this.getTotalSize();
+
+    		return Math.max(0, Math.min(totalSize - containerSize, idealOffset));
+    	}
+
+    	/**
+    	 * @param {number} containerSize
+    	 * @param {number} offset
+    	 * @param {number} overscanCount
+    	 * @return {{stop: number|undefined, start: number|undefined}}
+    	 */
+    	getVisibleRange({ containerSize = 0, offset, overscanCount }) {
+    		const totalSize = this.getTotalSize();
+
+    		if (totalSize === 0) {
+    			return {};
+    		}
+
+    		const maxOffset = offset + containerSize;
+    		let start = this.findNearestItem(offset);
+
+    		if (start === undefined) {
+    			throw Error(`Invalid offset ${offset} specified`);
+    		}
+
+    		const datum = this.getSizeAndPositionForIndex(start);
+    		offset = datum.offset + datum.size;
+
+    		let stop = start;
+
+    		while (offset < maxOffset && stop < this.itemCount - 1) {
+    			stop++;
+    			offset += this.getSizeAndPositionForIndex(stop).size;
+    		}
+
+    		if (overscanCount) {
+    			start = Math.max(0, start - overscanCount);
+    			stop = Math.min(stop + overscanCount, this.itemCount - 1);
+    		}
+
+    		return {
+    			start,
+    			stop,
+    		};
+    	}
+
+    	/**
+    	 * Clear all cached values for items after the specified index.
+    	 * This method should be called for any item that has changed its size.
+    	 * It will not immediately perform any calculations; they'll be performed the next time getSizeAndPositionForIndex() is called.
+    	 *
+    	 * @param {number} index
+    	 */
+    	resetItem(index) {
+    		this.lastMeasuredIndex = Math.min(this.lastMeasuredIndex, index - 1);
+    	}
+
+    	/**
+    	 * Searches for the item (index) nearest the specified offset.
+    	 *
+    	 * If no exact match is found the next lowest item index will be returned.
+    	 * This allows partially visible items (with offsets just before/above the fold) to be visible.
+    	 *
+    	 * @param {number} offset
+    	 */
+    	findNearestItem(offset) {
+    		if (isNaN(offset)) {
+    			throw Error(`Invalid offset ${offset} specified`);
+    		}
+
+    		// Our search algorithms find the nearest match at or below the specified offset.
+    		// So make sure the offset is at least 0 or no match will be found.
+    		offset = Math.max(0, offset);
+
+    		const lastMeasuredSizeAndPosition = this.getSizeAndPositionOfLastMeasuredItem();
+    		const lastMeasuredIndex = Math.max(0, this.lastMeasuredIndex);
+
+    		if (lastMeasuredSizeAndPosition.offset >= offset) {
+    			// If we've already measured items within this range just use a binary search as it's faster.
+    			return this.binarySearch({
+    				high: lastMeasuredIndex,
+    				low:  0,
+    				offset,
+    			});
+    		} else {
+    			// If we haven't yet measured this high, fallback to an exponential search with an inner binary search.
+    			// The exponential search avoids pre-computing sizes for the full set of items as a binary search would.
+    			// The overall complexity for this approach is O(log n).
+    			return this.exponentialSearch({
+    				index: lastMeasuredIndex,
+    				offset,
+    			});
+    		}
+    	}
+
+    	/**
+    	 * @private
+    	 * @param {number} low
+    	 * @param {number} high
+    	 * @param {number} offset
+    	 */
+    	binarySearch({ low, high, offset }) {
+    		let middle = 0;
+    		let currentOffset = 0;
+
+    		while (low <= high) {
+    			middle = low + Math.floor((high - low) / 2);
+    			currentOffset = this.getSizeAndPositionForIndex(middle).offset;
+
+    			if (currentOffset === offset) {
+    				return middle;
+    			} else if (currentOffset < offset) {
+    				low = middle + 1;
+    			} else if (currentOffset > offset) {
+    				high = middle - 1;
+    			}
+    		}
+
+    		if (low > 0) {
+    			return low - 1;
+    		}
+
+    		return 0;
+    	}
+
+    	/**
+    	 * @private
+    	 * @param {number} index
+    	 * @param {number} offset
+    	 */
+    	exponentialSearch({ index, offset }) {
+    		let interval = 1;
+
+    		while (
+    			index < this.itemCount &&
+    			this.getSizeAndPositionForIndex(index).offset < offset
+    			) {
+    			index += interval;
+    			interval *= 2;
+    		}
+
+    		return this.binarySearch({
+    			high: Math.min(index, this.itemCount - 1),
+    			low:  Math.floor(index / 2),
+    			offset,
+    		});
+    	}
+    }
+
+    /* node_modules/svelte-tiny-virtual-list/src/VirtualList.svelte generated by Svelte v3.44.3 */
+    const get_footer_slot_changes = dirty => ({});
+    const get_footer_slot_context = ctx => ({});
+
+    function get_each_context$3(ctx, list, i) {
+    	const child_ctx = ctx.slice();
+    	child_ctx[36] = list[i];
+    	return child_ctx;
+    }
+
+    const get_item_slot_changes = dirty => ({
+    	style: dirty[0] & /*items*/ 4,
+    	index: dirty[0] & /*items*/ 4
+    });
+
+    const get_item_slot_context = ctx => ({
+    	style: /*item*/ ctx[36].style,
+    	index: /*item*/ ctx[36].index
+    });
+
+    const get_header_slot_changes = dirty => ({});
+    const get_header_slot_context = ctx => ({});
+
+    // (318:2) {#each items as item (getKey ? getKey(item.index) : item.index)}
+    function create_each_block$3(key_1, ctx) {
+    	let first;
+    	let current;
+    	const item_slot_template = /*#slots*/ ctx[20].item;
+    	const item_slot = create_slot(item_slot_template, ctx, /*$$scope*/ ctx[19], get_item_slot_context);
+
+    	return {
+    		key: key_1,
+    		first: null,
+    		c() {
+    			first = empty();
+    			if (item_slot) item_slot.c();
+    			this.first = first;
+    		},
+    		m(target, anchor) {
+    			insert(target, first, anchor);
+
+    			if (item_slot) {
+    				item_slot.m(target, anchor);
+    			}
+
+    			current = true;
+    		},
+    		p(new_ctx, dirty) {
+    			ctx = new_ctx;
+
+    			if (item_slot) {
+    				if (item_slot.p && (!current || dirty[0] & /*$$scope, items*/ 524292)) {
+    					update_slot_base(
+    						item_slot,
+    						item_slot_template,
+    						ctx,
+    						/*$$scope*/ ctx[19],
+    						!current
+    						? get_all_dirty_from_scope(/*$$scope*/ ctx[19])
+    						: get_slot_changes(item_slot_template, /*$$scope*/ ctx[19], dirty, get_item_slot_changes),
+    						get_item_slot_context
+    					);
+    				}
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(item_slot, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(item_slot, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (detaching) detach(first);
+    			if (item_slot) item_slot.d(detaching);
+    		}
+    	};
+    }
+
+    function create_fragment$f(ctx) {
+    	let div1;
+    	let t0;
+    	let div0;
+    	let each_blocks = [];
+    	let each_1_lookup = new Map();
+    	let t1;
+    	let current;
+    	const header_slot_template = /*#slots*/ ctx[20].header;
+    	const header_slot = create_slot(header_slot_template, ctx, /*$$scope*/ ctx[19], get_header_slot_context);
+    	let each_value = /*items*/ ctx[2];
+
+    	const get_key = ctx => /*getKey*/ ctx[0]
+    	? /*getKey*/ ctx[0](/*item*/ ctx[36].index)
+    	: /*item*/ ctx[36].index;
+
+    	for (let i = 0; i < each_value.length; i += 1) {
+    		let child_ctx = get_each_context$3(ctx, each_value, i);
+    		let key = get_key(child_ctx);
+    		each_1_lookup.set(key, each_blocks[i] = create_each_block$3(key, child_ctx));
+    	}
+
+    	const footer_slot_template = /*#slots*/ ctx[20].footer;
+    	const footer_slot = create_slot(footer_slot_template, ctx, /*$$scope*/ ctx[19], get_footer_slot_context);
+
+    	return {
+    		c() {
+    			div1 = element("div");
+    			if (header_slot) header_slot.c();
+    			t0 = space();
+    			div0 = element("div");
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].c();
+    			}
+
+    			t1 = space();
+    			if (footer_slot) footer_slot.c();
+    			attr(div0, "class", "virtual-list-inner svelte-1he1ex4");
+    			attr(div0, "style", /*innerStyle*/ ctx[4]);
+    			attr(div1, "class", "virtual-list-wrapper svelte-1he1ex4");
+    			attr(div1, "style", /*wrapperStyle*/ ctx[3]);
+    		},
+    		m(target, anchor) {
+    			insert(target, div1, anchor);
+
+    			if (header_slot) {
+    				header_slot.m(div1, null);
+    			}
+
+    			append(div1, t0);
+    			append(div1, div0);
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].m(div0, null);
+    			}
+
+    			append(div1, t1);
+
+    			if (footer_slot) {
+    				footer_slot.m(div1, null);
+    			}
+
+    			/*div1_binding*/ ctx[21](div1);
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			if (header_slot) {
+    				if (header_slot.p && (!current || dirty[0] & /*$$scope*/ 524288)) {
+    					update_slot_base(
+    						header_slot,
+    						header_slot_template,
+    						ctx,
+    						/*$$scope*/ ctx[19],
+    						!current
+    						? get_all_dirty_from_scope(/*$$scope*/ ctx[19])
+    						: get_slot_changes(header_slot_template, /*$$scope*/ ctx[19], dirty, get_header_slot_changes),
+    						get_header_slot_context
+    					);
+    				}
+    			}
+
+    			if (dirty[0] & /*$$scope, items, getKey*/ 524293) {
+    				each_value = /*items*/ ctx[2];
+    				group_outros();
+    				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div0, outro_and_destroy_block, create_each_block$3, null, get_each_context$3);
+    				check_outros();
+    			}
+
+    			if (!current || dirty[0] & /*innerStyle*/ 16) {
+    				attr(div0, "style", /*innerStyle*/ ctx[4]);
+    			}
+
+    			if (footer_slot) {
+    				if (footer_slot.p && (!current || dirty[0] & /*$$scope*/ 524288)) {
+    					update_slot_base(
+    						footer_slot,
+    						footer_slot_template,
+    						ctx,
+    						/*$$scope*/ ctx[19],
+    						!current
+    						? get_all_dirty_from_scope(/*$$scope*/ ctx[19])
+    						: get_slot_changes(footer_slot_template, /*$$scope*/ ctx[19], dirty, get_footer_slot_changes),
+    						get_footer_slot_context
+    					);
+    				}
+    			}
+
+    			if (!current || dirty[0] & /*wrapperStyle*/ 8) {
+    				attr(div1, "style", /*wrapperStyle*/ ctx[3]);
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(header_slot, local);
+
+    			for (let i = 0; i < each_value.length; i += 1) {
+    				transition_in(each_blocks[i]);
+    			}
+
+    			transition_in(footer_slot, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(header_slot, local);
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				transition_out(each_blocks[i]);
+    			}
+
+    			transition_out(footer_slot, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (detaching) detach(div1);
+    			if (header_slot) header_slot.d(detaching);
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].d();
+    			}
+
+    			if (footer_slot) footer_slot.d(detaching);
+    			/*div1_binding*/ ctx[21](null);
+    		}
+    	};
+    }
+
+    const thirdEventArg = (() => {
+    	let result = false;
+
+    	try {
+    		const arg = Object.defineProperty({}, 'passive', {
+    			get() {
+    				result = { passive: true };
+    				return true;
+    			}
+    		});
+
+    		window.addEventListener('testpassive', arg, arg);
+    		window.remove('testpassive', arg, arg);
+    	} catch(e) {
+    		
+    	} /* */
+
+    	return result;
+    })();
+
+    function instance$e($$self, $$props, $$invalidate) {
+    	let { $$slots: slots = {}, $$scope } = $$props;
+    	let { height } = $$props;
+    	let { width = '100%' } = $$props;
+    	let { itemCount } = $$props;
+    	let { itemSize } = $$props;
+    	let { estimatedItemSize = null } = $$props;
+    	let { stickyIndices = null } = $$props;
+    	let { getKey = null } = $$props;
+    	let { scrollDirection = DIRECTION.VERTICAL } = $$props;
+    	let { scrollOffset = null } = $$props;
+    	let { scrollToIndex = null } = $$props;
+    	let { scrollToAlignment = null } = $$props;
+    	let { overscanCount = 3 } = $$props;
+    	const dispatchEvent = createEventDispatcher();
+
+    	const sizeAndPositionManager = new SizeAndPositionManager({
+    			itemCount,
+    			itemSize,
+    			estimatedItemSize: getEstimatedItemSize()
+    		});
+
+    	let mounted = false;
+    	let wrapper;
+    	let items = [];
+
+    	let state = {
+    		offset: scrollOffset || scrollToIndex != null && items.length && getOffsetForIndex(scrollToIndex) || 0,
+    		scrollChangeReason: SCROLL_CHANGE_REASON.REQUESTED
+    	};
+
+    	let prevState = state;
+
+    	let prevProps = {
+    		scrollToIndex,
+    		scrollToAlignment,
+    		scrollOffset,
+    		itemCount,
+    		itemSize,
+    		estimatedItemSize
+    	};
+
+    	let styleCache = {};
+    	let wrapperStyle = '';
+    	let innerStyle = '';
+    	refresh(); // Initial Load
+
+    	onMount(() => {
+    		$$invalidate(17, mounted = true);
+    		wrapper.addEventListener('scroll', handleScroll, thirdEventArg);
+
+    		if (scrollOffset != null) {
+    			scrollTo(scrollOffset);
+    		} else if (scrollToIndex != null) {
+    			scrollTo(getOffsetForIndex(scrollToIndex));
+    		}
+    	});
+
+    	onDestroy(() => {
+    		if (mounted) wrapper.removeEventListener('scroll', handleScroll);
+    	});
+
+    	function propsUpdated() {
+    		if (!mounted) return;
+    		const scrollPropsHaveChanged = prevProps.scrollToIndex !== scrollToIndex || prevProps.scrollToAlignment !== scrollToAlignment;
+    		const itemPropsHaveChanged = prevProps.itemCount !== itemCount || prevProps.itemSize !== itemSize || prevProps.estimatedItemSize !== estimatedItemSize;
+
+    		if (itemPropsHaveChanged) {
+    			sizeAndPositionManager.updateConfig({
+    				itemSize,
+    				itemCount,
+    				estimatedItemSize: getEstimatedItemSize()
+    			});
+
+    			recomputeSizes();
+    		}
+
+    		if (prevProps.scrollOffset !== scrollOffset) {
+    			$$invalidate(18, state = {
+    				offset: scrollOffset || 0,
+    				scrollChangeReason: SCROLL_CHANGE_REASON.REQUESTED
+    			});
+    		} else if (typeof scrollToIndex === 'number' && (scrollPropsHaveChanged || itemPropsHaveChanged)) {
+    			$$invalidate(18, state = {
+    				offset: getOffsetForIndex(scrollToIndex, scrollToAlignment, itemCount),
+    				scrollChangeReason: SCROLL_CHANGE_REASON.REQUESTED
+    			});
+    		}
+
+    		prevProps = {
+    			scrollToIndex,
+    			scrollToAlignment,
+    			scrollOffset,
+    			itemCount,
+    			itemSize,
+    			estimatedItemSize
+    		};
+    	}
+
+    	function stateUpdated() {
+    		if (!mounted) return;
+    		const { offset, scrollChangeReason } = state;
+
+    		if (prevState.offset !== offset || prevState.scrollChangeReason !== scrollChangeReason) {
+    			refresh();
+    		}
+
+    		if (prevState.offset !== offset && scrollChangeReason === SCROLL_CHANGE_REASON.REQUESTED) {
+    			scrollTo(offset);
+    		}
+
+    		prevState = state;
+    	}
+
+    	function refresh() {
+    		const { offset } = state;
+
+    		const { start, stop } = sizeAndPositionManager.getVisibleRange({
+    			containerSize: scrollDirection === DIRECTION.VERTICAL ? height : width,
+    			offset,
+    			overscanCount
+    		});
+
+    		let updatedItems = [];
+    		const totalSize = sizeAndPositionManager.getTotalSize();
+
+    		if (scrollDirection === DIRECTION.VERTICAL) {
+    			$$invalidate(3, wrapperStyle = `height:${height}px;width:${width};`);
+    			$$invalidate(4, innerStyle = `flex-direction:column;height:${totalSize}px;`);
+    		} else {
+    			$$invalidate(3, wrapperStyle = `height:${height};width:${width}px`);
+    			$$invalidate(4, innerStyle = `width:${totalSize}px;`);
+    		}
+
+    		const hasStickyIndices = stickyIndices != null && stickyIndices.length !== 0;
+
+    		if (hasStickyIndices) {
+    			for (let i = 0; i < stickyIndices.length; i++) {
+    				const index = stickyIndices[i];
+    				updatedItems.push({ index, style: getStyle(index, true) });
+    			}
+    		}
+
+    		if (start !== undefined && stop !== undefined) {
+    			for (let index = start; index <= stop; index++) {
+    				if (hasStickyIndices && stickyIndices.includes(index)) {
+    					continue;
+    				}
+
+    				updatedItems.push({ index, style: getStyle(index, false) });
+    			}
+
+    			dispatchEvent('itemsUpdated', { startIndex: start, stopIndex: stop });
+    		}
+
+    		$$invalidate(2, items = updatedItems);
+    	}
+
+    	function scrollTo(value) {
+    		$$invalidate(1, wrapper[SCROLL_PROP[scrollDirection]] = value, wrapper);
+    	}
+
+    	function recomputeSizes(startIndex = 0) {
+    		styleCache = {};
+    		sizeAndPositionManager.resetItem(startIndex);
+    		refresh();
+    	}
+
+    	function getOffsetForIndex(index, align = scrollToAlignment, _itemCount = itemCount) {
+    		if (index < 0 || index >= _itemCount) {
+    			index = 0;
+    		}
+
+    		return sizeAndPositionManager.getUpdatedOffsetForIndex({
+    			align,
+    			containerSize: scrollDirection === DIRECTION.VERTICAL ? height : width,
+    			currentOffset: state.offset || 0,
+    			targetIndex: index
+    		});
+    	}
+
+    	function handleScroll(event) {
+    		const offset = getWrapperOffset();
+    		if (offset < 0 || state.offset === offset || event.target !== wrapper) return;
+
+    		$$invalidate(18, state = {
+    			offset,
+    			scrollChangeReason: SCROLL_CHANGE_REASON.OBSERVED
+    		});
+
+    		dispatchEvent('afterScroll', { offset, event });
+    	}
+
+    	function getWrapperOffset() {
+    		return wrapper[SCROLL_PROP[scrollDirection]];
+    	}
+
+    	function getEstimatedItemSize() {
+    		return estimatedItemSize || typeof itemSize === 'number' && itemSize || 50;
+    	}
+
+    	function getStyle(index, sticky) {
+    		if (styleCache[index]) return styleCache[index];
+    		const { size, offset } = sizeAndPositionManager.getSizeAndPositionForIndex(index);
+    		let style;
+
+    		if (scrollDirection === DIRECTION.VERTICAL) {
+    			style = `left:0;width:100%;height:${size}px;`;
+
+    			if (sticky) {
+    				style += `position:sticky;flex-grow:0;z-index:1;top:0;margin-top:${offset}px;margin-bottom:${-(offset + size)}px;`;
+    			} else {
+    				style += `position:absolute;top:${offset}px;`;
+    			}
+    		} else {
+    			style = `top:0;width:${size}px;`;
+
+    			if (sticky) {
+    				style += `position:sticky;z-index:1;left:0;margin-left:${offset}px;margin-right:${-(offset + size)}px;`;
+    			} else {
+    				style += `position:absolute;height:100%;left:${offset}px;`;
+    			}
+    		}
+
+    		return styleCache[index] = style;
+    	}
+
+    	function div1_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			wrapper = $$value;
+    			$$invalidate(1, wrapper);
+    		});
+    	}
+
+    	$$self.$$set = $$props => {
+    		if ('height' in $$props) $$invalidate(5, height = $$props.height);
+    		if ('width' in $$props) $$invalidate(6, width = $$props.width);
+    		if ('itemCount' in $$props) $$invalidate(7, itemCount = $$props.itemCount);
+    		if ('itemSize' in $$props) $$invalidate(8, itemSize = $$props.itemSize);
+    		if ('estimatedItemSize' in $$props) $$invalidate(9, estimatedItemSize = $$props.estimatedItemSize);
+    		if ('stickyIndices' in $$props) $$invalidate(10, stickyIndices = $$props.stickyIndices);
+    		if ('getKey' in $$props) $$invalidate(0, getKey = $$props.getKey);
+    		if ('scrollDirection' in $$props) $$invalidate(11, scrollDirection = $$props.scrollDirection);
+    		if ('scrollOffset' in $$props) $$invalidate(12, scrollOffset = $$props.scrollOffset);
+    		if ('scrollToIndex' in $$props) $$invalidate(13, scrollToIndex = $$props.scrollToIndex);
+    		if ('scrollToAlignment' in $$props) $$invalidate(14, scrollToAlignment = $$props.scrollToAlignment);
+    		if ('overscanCount' in $$props) $$invalidate(15, overscanCount = $$props.overscanCount);
+    		if ('$$scope' in $$props) $$invalidate(19, $$scope = $$props.$$scope);
+    	};
+
+    	$$self.$$.update = () => {
+    		if ($$self.$$.dirty[0] & /*scrollToIndex, scrollToAlignment, scrollOffset, itemCount, itemSize, estimatedItemSize*/ 29568) {
+    			propsUpdated();
+    		}
+
+    		if ($$self.$$.dirty[0] & /*state*/ 262144) {
+    			stateUpdated();
+    		}
+
+    		if ($$self.$$.dirty[0] & /*mounted, height, width, stickyIndices*/ 132192) {
+    			if (mounted) recomputeSizes(height); // call scroll.reset;
+    		}
+    	};
+
+    	return [
+    		getKey,
+    		wrapper,
+    		items,
+    		wrapperStyle,
+    		innerStyle,
+    		height,
+    		width,
+    		itemCount,
+    		itemSize,
+    		estimatedItemSize,
+    		stickyIndices,
+    		scrollDirection,
+    		scrollOffset,
+    		scrollToIndex,
+    		scrollToAlignment,
+    		overscanCount,
+    		recomputeSizes,
+    		mounted,
+    		state,
+    		$$scope,
+    		slots,
+    		div1_binding
+    	];
+    }
+
+    class VirtualList extends SvelteComponent {
+    	constructor(options) {
+    		super();
+
+    		init(
+    			this,
+    			options,
+    			instance$e,
+    			create_fragment$f,
+    			safe_not_equal,
+    			{
+    				height: 5,
+    				width: 6,
+    				itemCount: 7,
+    				itemSize: 8,
+    				estimatedItemSize: 9,
+    				stickyIndices: 10,
+    				getKey: 0,
+    				scrollDirection: 11,
+    				scrollOffset: 12,
+    				scrollToIndex: 13,
+    				scrollToAlignment: 14,
+    				overscanCount: 15,
+    				recomputeSizes: 16
+    			},
+    			null,
+    			[-1, -1]
+    		);
+    	}
+
+    	get recomputeSizes() {
+    		return this.$$.ctx[16];
+    	}
+    }
+
+    /* src/components/Dropdown.svelte generated by Svelte v3.44.3 */
+
+    function get_each_context$2(ctx, list, i) {
+    	const child_ctx = ctx.slice();
+    	child_ctx[47] = list[i];
+    	child_ctx[49] = i;
+    	return child_ctx;
+    }
+
+    // (165:0) {#if isMounted && renderDropdown}
+    function create_if_block$4(ctx) {
+    	let div2;
+    	let div1;
+    	let div0;
+    	let t0;
+    	let t1;
+    	let current;
+    	let mounted;
+    	let dispose;
+    	let if_block0 = /*items*/ ctx[5].length && create_if_block_4(ctx);
+    	let if_block1 = (/*hasEmptyList*/ ctx[17] || /*maxReached*/ ctx[2]) && create_if_block_3(ctx);
+    	let if_block2 = /*inputValue*/ ctx[8] && /*creatable*/ ctx[1] && !/*maxReached*/ ctx[2] && create_if_block_1$1(ctx);
+
+    	return {
+    		c() {
+    			div2 = element("div");
+    			div1 = element("div");
+    			div0 = element("div");
+    			if (if_block0) if_block0.c();
+    			t0 = space();
+    			if (if_block1) if_block1.c();
+    			t1 = space();
+    			if (if_block2) if_block2.c();
+    			attr(div0, "class", "sv-dropdown-content svelte-aqpko7");
+    			toggle_class(div0, "max-reached", /*maxReached*/ ctx[2]);
+    			attr(div1, "class", "sv-dropdown-scroll svelte-aqpko7");
+    			toggle_class(div1, "is-empty", !/*items*/ ctx[5].length);
+    			attr(div2, "class", "sv-dropdown svelte-aqpko7");
+    			attr(div2, "aria-expanded", /*$hasDropdownOpened*/ ctx[25]);
+    			attr(div2, "tabindex", "-1");
+    			toggle_class(div2, "is-virtual", /*virtualList*/ ctx[7]);
+    		},
+    		m(target, anchor) {
+    			insert(target, div2, anchor);
+    			append(div2, div1);
+    			append(div1, div0);
+    			if (if_block0) if_block0.m(div0, null);
+    			append(div0, t0);
+    			if (if_block1) if_block1.m(div0, null);
+    			/*div0_binding*/ ctx[39](div0);
+    			/*div1_binding*/ ctx[40](div1);
+    			append(div2, t1);
+    			if (if_block2) if_block2.m(div2, null);
+    			current = true;
+
+    			if (!mounted) {
+    				dispose = listen(div2, "mousedown", prevent_default(/*mousedown_handler*/ ctx[33]));
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, dirty) {
+    			if (/*items*/ ctx[5].length) {
+    				if (if_block0) {
+    					if_block0.p(ctx, dirty);
+
+    					if (dirty[0] & /*items*/ 32) {
+    						transition_in(if_block0, 1);
+    					}
+    				} else {
+    					if_block0 = create_if_block_4(ctx);
+    					if_block0.c();
+    					transition_in(if_block0, 1);
+    					if_block0.m(div0, t0);
+    				}
+    			} else if (if_block0) {
+    				group_outros();
+
+    				transition_out(if_block0, 1, 1, () => {
+    					if_block0 = null;
+    				});
+
+    				check_outros();
+    			}
+
+    			if (/*hasEmptyList*/ ctx[17] || /*maxReached*/ ctx[2]) {
+    				if (if_block1) {
+    					if_block1.p(ctx, dirty);
+    				} else {
+    					if_block1 = create_if_block_3(ctx);
+    					if_block1.c();
+    					if_block1.m(div0, null);
+    				}
+    			} else if (if_block1) {
+    				if_block1.d(1);
+    				if_block1 = null;
+    			}
+
+    			if (dirty[0] & /*maxReached*/ 4) {
+    				toggle_class(div0, "max-reached", /*maxReached*/ ctx[2]);
+    			}
+
+    			if (dirty[0] & /*items*/ 32) {
+    				toggle_class(div1, "is-empty", !/*items*/ ctx[5].length);
+    			}
+
+    			if (/*inputValue*/ ctx[8] && /*creatable*/ ctx[1] && !/*maxReached*/ ctx[2]) {
+    				if (if_block2) {
+    					if_block2.p(ctx, dirty);
+    				} else {
+    					if_block2 = create_if_block_1$1(ctx);
+    					if_block2.c();
+    					if_block2.m(div2, null);
+    				}
+    			} else if (if_block2) {
+    				if_block2.d(1);
+    				if_block2 = null;
+    			}
+
+    			if (!current || dirty[0] & /*$hasDropdownOpened*/ 33554432) {
+    				attr(div2, "aria-expanded", /*$hasDropdownOpened*/ ctx[25]);
+    			}
+
+    			if (dirty[0] & /*virtualList*/ 128) {
+    				toggle_class(div2, "is-virtual", /*virtualList*/ ctx[7]);
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(if_block0);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(if_block0);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (detaching) detach(div2);
+    			if (if_block0) if_block0.d();
+    			if (if_block1) if_block1.d();
+    			/*div0_binding*/ ctx[39](null);
+    			/*div1_binding*/ ctx[40](null);
+    			if (if_block2) if_block2.d();
+    			mounted = false;
+    			dispose();
+    		}
+    	};
+    }
+
+    // (171:4) {#if items.length}
+    function create_if_block_4(ctx) {
+    	let current_block_type_index;
+    	let if_block;
+    	let if_block_anchor;
+    	let current;
+    	const if_block_creators = [create_if_block_5, create_else_block$1];
+    	const if_blocks = [];
+
+    	function select_block_type(ctx, dirty) {
+    		if (/*virtualList*/ ctx[7]) return 0;
+    		return 1;
+    	}
+
+    	current_block_type_index = select_block_type(ctx);
+    	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+
+    	return {
+    		c() {
+    			if_block.c();
+    			if_block_anchor = empty();
+    		},
+    		m(target, anchor) {
+    			if_blocks[current_block_type_index].m(target, anchor);
+    			insert(target, if_block_anchor, anchor);
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			let previous_block_index = current_block_type_index;
+    			current_block_type_index = select_block_type(ctx);
+
+    			if (current_block_type_index === previous_block_index) {
+    				if_blocks[current_block_type_index].p(ctx, dirty);
+    			} else {
+    				group_outros();
+
+    				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+    					if_blocks[previous_block_index] = null;
+    				});
+
+    				check_outros();
+    				if_block = if_blocks[current_block_type_index];
+
+    				if (!if_block) {
+    					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    					if_block.c();
+    				} else {
+    					if_block.p(ctx, dirty);
+    				}
+
+    				transition_in(if_block, 1);
+    				if_block.m(if_block_anchor.parentNode, if_block_anchor);
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(if_block);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(if_block);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if_blocks[current_block_type_index].d(detaching);
+    			if (detaching) detach(if_block_anchor);
+    		}
+    	};
+    }
+
+    // (197:6) {:else}
+    function create_else_block$1(ctx) {
+    	let each_1_anchor;
+    	let current;
+    	let each_value = /*items*/ ctx[5];
+    	let each_blocks = [];
+
+    	for (let i = 0; i < each_value.length; i += 1) {
+    		each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
+    	}
+
+    	const out = i => transition_out(each_blocks[i], 1, 1, () => {
+    		each_blocks[i] = null;
+    	});
+
+    	return {
+    		c() {
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].c();
+    			}
+
+    			each_1_anchor = empty();
+    		},
+    		m(target, anchor) {
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].m(target, anchor);
+    			}
+
+    			insert(target, each_1_anchor, anchor);
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			if (dirty[0] & /*listIndex, dropdownIndex, items, itemComponent, renderer, disabledField, inputValue, disableHighlight*/ 37689) {
+    				each_value = /*items*/ ctx[5];
+    				let i;
+
+    				for (i = 0; i < each_value.length; i += 1) {
+    					const child_ctx = get_each_context$2(ctx, each_value, i);
+
+    					if (each_blocks[i]) {
+    						each_blocks[i].p(child_ctx, dirty);
+    						transition_in(each_blocks[i], 1);
+    					} else {
+    						each_blocks[i] = create_each_block$2(child_ctx);
+    						each_blocks[i].c();
+    						transition_in(each_blocks[i], 1);
+    						each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
+    					}
+    				}
+
+    				group_outros();
+
+    				for (i = each_value.length; i < each_blocks.length; i += 1) {
+    					out(i);
+    				}
+
+    				check_outros();
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+
+    			for (let i = 0; i < each_value.length; i += 1) {
+    				transition_in(each_blocks[i]);
+    			}
+
+    			current = true;
+    		},
+    		o(local) {
+    			each_blocks = each_blocks.filter(Boolean);
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				transition_out(each_blocks[i]);
+    			}
+
+    			current = false;
+    		},
+    		d(detaching) {
+    			destroy_each(each_blocks, detaching);
+    			if (detaching) detach(each_1_anchor);
+    		}
+    	};
+    }
+
+    // (172:6) {#if virtualList}
+    function create_if_block_5(ctx) {
+    	let virtuallist;
+    	let current;
+
+    	let virtuallist_props = {
+    		width: "100%",
+    		height: /*vl_listHeight*/ ctx[23],
+    		itemCount: /*items*/ ctx[5].length,
+    		itemSize: /*vl_itemSize*/ ctx[19],
+    		scrollToAlignment: "auto",
+    		scrollToIndex: /*dropdownIndex*/ ctx[0]
+    		? parseInt(/*dropdownIndex*/ ctx[0])
+    		: null,
+    		$$slots: {
+    			item: [
+    				create_item_slot,
+    				({ style, index }) => ({ 45: style, 46: index }),
+    				({ style, index }) => [0, (style ? 16384 : 0) | (index ? 32768 : 0)]
+    			]
+    		},
+    		$$scope: { ctx }
+    	};
+
+    	virtuallist = new VirtualList({ props: virtuallist_props });
+    	/*virtuallist_binding*/ ctx[36](virtuallist);
+
+    	return {
+    		c() {
+    			create_component(virtuallist.$$.fragment);
+    		},
+    		m(target, anchor) {
+    			mount_component(virtuallist, target, anchor);
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			const virtuallist_changes = {};
+    			if (dirty[0] & /*vl_listHeight*/ 8388608) virtuallist_changes.height = /*vl_listHeight*/ ctx[23];
+    			if (dirty[0] & /*items*/ 32) virtuallist_changes.itemCount = /*items*/ ctx[5].length;
+    			if (dirty[0] & /*vl_itemSize*/ 524288) virtuallist_changes.itemSize = /*vl_itemSize*/ ctx[19];
+
+    			if (dirty[0] & /*dropdownIndex*/ 1) virtuallist_changes.scrollToIndex = /*dropdownIndex*/ ctx[0]
+    			? parseInt(/*dropdownIndex*/ ctx[0])
+    			: null;
+
+    			if (dirty[0] & /*dropdownIndex, items, itemComponent, renderer, listIndex, disabledField, inputValue, disableHighlight*/ 37689 | dirty[1] & /*$$scope, style, index*/ 573440) {
+    				virtuallist_changes.$$scope = { dirty, ctx };
+    			}
+
+    			virtuallist.$set(virtuallist_changes);
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(virtuallist.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(virtuallist.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			/*virtuallist_binding*/ ctx[36](null);
+    			destroy_component(virtuallist, detaching);
+    		}
+    	};
+    }
+
+    // (198:8) {#each items as opt, i}
+    function create_each_block$2(ctx) {
+    	let div;
+    	let switch_instance;
+    	let t;
+    	let div_data_pos_value;
+    	let current;
+    	var switch_value = /*itemComponent*/ ctx[15];
+
+    	function switch_props(ctx) {
+    		return {
+    			props: {
+    				formatter: /*renderer*/ ctx[3],
+    				index: /*listIndex*/ ctx[9].map[/*i*/ ctx[49]],
+    				isDisabled: /*opt*/ ctx[47][/*disabledField*/ ctx[12]],
+    				item: /*opt*/ ctx[47],
+    				inputValue: /*inputValue*/ ctx[8],
+    				disableHighlight: /*disableHighlight*/ ctx[4]
+    			}
+    		};
+    	}
+
+    	if (switch_value) {
+    		switch_instance = new switch_value(switch_props(ctx));
+    		switch_instance.$on("hover", /*hover_handler_1*/ ctx[37]);
+    		switch_instance.$on("select", /*select_handler_1*/ ctx[38]);
+    	}
+
+    	return {
+    		c() {
+    			div = element("div");
+    			if (switch_instance) create_component(switch_instance.$$.fragment);
+    			t = space();
+    			attr(div, "data-pos", div_data_pos_value = /*listIndex*/ ctx[9].map[/*i*/ ctx[49]]);
+    			attr(div, "class", "sv-dd-item");
+    			toggle_class(div, "sv-dd-item-active", /*listIndex*/ ctx[9].map[/*i*/ ctx[49]] == /*dropdownIndex*/ ctx[0]);
+    			toggle_class(div, "sv-group-item", /*opt*/ ctx[47].$isGroupItem);
+    			toggle_class(div, "sv-group-header", /*opt*/ ctx[47].$isGroupHeader);
+    		},
+    		m(target, anchor) {
+    			insert(target, div, anchor);
+
+    			if (switch_instance) {
+    				mount_component(switch_instance, div, null);
+    			}
+
+    			append(div, t);
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			const switch_instance_changes = {};
+    			if (dirty[0] & /*renderer*/ 8) switch_instance_changes.formatter = /*renderer*/ ctx[3];
+    			if (dirty[0] & /*listIndex*/ 512) switch_instance_changes.index = /*listIndex*/ ctx[9].map[/*i*/ ctx[49]];
+    			if (dirty[0] & /*items, disabledField*/ 4128) switch_instance_changes.isDisabled = /*opt*/ ctx[47][/*disabledField*/ ctx[12]];
+    			if (dirty[0] & /*items*/ 32) switch_instance_changes.item = /*opt*/ ctx[47];
+    			if (dirty[0] & /*inputValue*/ 256) switch_instance_changes.inputValue = /*inputValue*/ ctx[8];
+    			if (dirty[0] & /*disableHighlight*/ 16) switch_instance_changes.disableHighlight = /*disableHighlight*/ ctx[4];
+
+    			if (switch_value !== (switch_value = /*itemComponent*/ ctx[15])) {
+    				if (switch_instance) {
+    					group_outros();
+    					const old_component = switch_instance;
+
+    					transition_out(old_component.$$.fragment, 1, 0, () => {
+    						destroy_component(old_component, 1);
+    					});
+
+    					check_outros();
+    				}
+
+    				if (switch_value) {
+    					switch_instance = new switch_value(switch_props(ctx));
+    					switch_instance.$on("hover", /*hover_handler_1*/ ctx[37]);
+    					switch_instance.$on("select", /*select_handler_1*/ ctx[38]);
+    					create_component(switch_instance.$$.fragment);
+    					transition_in(switch_instance.$$.fragment, 1);
+    					mount_component(switch_instance, div, t);
+    				} else {
+    					switch_instance = null;
+    				}
+    			} else if (switch_value) {
+    				switch_instance.$set(switch_instance_changes);
+    			}
+
+    			if (!current || dirty[0] & /*listIndex*/ 512 && div_data_pos_value !== (div_data_pos_value = /*listIndex*/ ctx[9].map[/*i*/ ctx[49]])) {
+    				attr(div, "data-pos", div_data_pos_value);
+    			}
+
+    			if (dirty[0] & /*listIndex, dropdownIndex*/ 513) {
+    				toggle_class(div, "sv-dd-item-active", /*listIndex*/ ctx[9].map[/*i*/ ctx[49]] == /*dropdownIndex*/ ctx[0]);
+    			}
+
+    			if (dirty[0] & /*items*/ 32) {
+    				toggle_class(div, "sv-group-item", /*opt*/ ctx[47].$isGroupItem);
+    			}
+
+    			if (dirty[0] & /*items*/ 32) {
+    				toggle_class(div, "sv-group-header", /*opt*/ ctx[47].$isGroupHeader);
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			if (switch_instance) transition_in(switch_instance.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			if (switch_instance) transition_out(switch_instance.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (detaching) detach(div);
+    			if (switch_instance) destroy_component(switch_instance);
+    		}
+    	};
+    }
+
+    // (181:10) 
+    function create_item_slot(ctx) {
+    	let div;
+    	let switch_instance;
+    	let div_style_value;
+    	let current;
+    	var switch_value = /*itemComponent*/ ctx[15];
+
+    	function switch_props(ctx) {
+    		return {
+    			props: {
+    				formatter: /*renderer*/ ctx[3],
+    				index: /*listIndex*/ ctx[9].map[/*index*/ ctx[46]],
+    				isDisabled: /*items*/ ctx[5][/*index*/ ctx[46]][/*disabledField*/ ctx[12]],
+    				item: /*items*/ ctx[5][/*index*/ ctx[46]],
+    				inputValue: /*inputValue*/ ctx[8],
+    				disableHighlight: /*disableHighlight*/ ctx[4]
+    			}
+    		};
+    	}
+
+    	if (switch_value) {
+    		switch_instance = new switch_value(switch_props(ctx));
+    		switch_instance.$on("hover", /*hover_handler*/ ctx[34]);
+    		switch_instance.$on("select", /*select_handler*/ ctx[35]);
+    	}
+
+    	return {
+    		c() {
+    			div = element("div");
+    			if (switch_instance) create_component(switch_instance.$$.fragment);
+    			attr(div, "slot", "item");
+    			attr(div, "style", div_style_value = /*style*/ ctx[45]);
+    			attr(div, "class", "sv-dd-item");
+    			toggle_class(div, "sv-dd-item-active", /*index*/ ctx[46] == /*dropdownIndex*/ ctx[0]);
+    			toggle_class(div, "sv-group-item", /*items*/ ctx[5][/*index*/ ctx[46]].$isGroupItem);
+    			toggle_class(div, "sv-group-header", /*items*/ ctx[5][/*index*/ ctx[46]].$isGroupHeader);
+    		},
+    		m(target, anchor) {
+    			insert(target, div, anchor);
+
+    			if (switch_instance) {
+    				mount_component(switch_instance, div, null);
+    			}
+
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			const switch_instance_changes = {};
+    			if (dirty[0] & /*renderer*/ 8) switch_instance_changes.formatter = /*renderer*/ ctx[3];
+    			if (dirty[0] & /*listIndex*/ 512 | dirty[1] & /*index*/ 32768) switch_instance_changes.index = /*listIndex*/ ctx[9].map[/*index*/ ctx[46]];
+    			if (dirty[0] & /*items, disabledField*/ 4128 | dirty[1] & /*index*/ 32768) switch_instance_changes.isDisabled = /*items*/ ctx[5][/*index*/ ctx[46]][/*disabledField*/ ctx[12]];
+    			if (dirty[0] & /*items*/ 32 | dirty[1] & /*index*/ 32768) switch_instance_changes.item = /*items*/ ctx[5][/*index*/ ctx[46]];
+    			if (dirty[0] & /*inputValue*/ 256) switch_instance_changes.inputValue = /*inputValue*/ ctx[8];
+    			if (dirty[0] & /*disableHighlight*/ 16) switch_instance_changes.disableHighlight = /*disableHighlight*/ ctx[4];
+
+    			if (switch_value !== (switch_value = /*itemComponent*/ ctx[15])) {
+    				if (switch_instance) {
+    					group_outros();
+    					const old_component = switch_instance;
+
+    					transition_out(old_component.$$.fragment, 1, 0, () => {
+    						destroy_component(old_component, 1);
+    					});
+
+    					check_outros();
+    				}
+
+    				if (switch_value) {
+    					switch_instance = new switch_value(switch_props(ctx));
+    					switch_instance.$on("hover", /*hover_handler*/ ctx[34]);
+    					switch_instance.$on("select", /*select_handler*/ ctx[35]);
+    					create_component(switch_instance.$$.fragment);
+    					transition_in(switch_instance.$$.fragment, 1);
+    					mount_component(switch_instance, div, null);
+    				} else {
+    					switch_instance = null;
+    				}
+    			} else if (switch_value) {
+    				switch_instance.$set(switch_instance_changes);
+    			}
+
+    			if (!current || dirty[1] & /*style*/ 16384 && div_style_value !== (div_style_value = /*style*/ ctx[45])) {
+    				attr(div, "style", div_style_value);
+    			}
+
+    			if (dirty[0] & /*dropdownIndex*/ 1 | dirty[1] & /*index*/ 32768) {
+    				toggle_class(div, "sv-dd-item-active", /*index*/ ctx[46] == /*dropdownIndex*/ ctx[0]);
+    			}
+
+    			if (dirty[0] & /*items*/ 32 | dirty[1] & /*index*/ 32768) {
+    				toggle_class(div, "sv-group-item", /*items*/ ctx[5][/*index*/ ctx[46]].$isGroupItem);
+    			}
+
+    			if (dirty[0] & /*items*/ 32 | dirty[1] & /*index*/ 32768) {
+    				toggle_class(div, "sv-group-header", /*items*/ ctx[5][/*index*/ ctx[46]].$isGroupHeader);
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			if (switch_instance) transition_in(switch_instance.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			if (switch_instance) transition_out(switch_instance.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (detaching) detach(div);
+    			if (switch_instance) destroy_component(switch_instance);
+    		}
+    	};
+    }
+
+    // (217:4) {#if hasEmptyList || maxReached}
+    function create_if_block_3(ctx) {
+    	let div;
+    	let t;
+
+    	return {
+    		c() {
+    			div = element("div");
+    			t = text(/*listMessage*/ ctx[11]);
+    			attr(div, "class", "empty-list-row svelte-aqpko7");
+    		},
+    		m(target, anchor) {
+    			insert(target, div, anchor);
+    			append(div, t);
+    		},
+    		p(ctx, dirty) {
+    			if (dirty[0] & /*listMessage*/ 2048) set_data(t, /*listMessage*/ ctx[11]);
+    		},
+    		d(detaching) {
+    			if (detaching) detach(div);
+    		}
+    	};
+    }
+
+    // (222:2) {#if inputValue && creatable && !maxReached}
+    function create_if_block_1$1(ctx) {
+    	let div1;
+    	let div0;
+    	let html_tag;
+    	let raw_value = /*createLabel*/ ctx[13](/*inputValue*/ ctx[8]) + "";
+    	let t;
+    	let mounted;
+    	let dispose;
+    	let if_block = /*currentListLength*/ ctx[24] != /*dropdownIndex*/ ctx[0] && create_if_block_2(ctx);
+
+    	return {
+    		c() {
+    			div1 = element("div");
+    			div0 = element("div");
+    			html_tag = new HtmlTag();
+    			t = space();
+    			if (if_block) if_block.c();
+    			html_tag.a = t;
+    			attr(div0, "class", "creatable-row svelte-aqpko7");
+    			toggle_class(div0, "active", /*currentListLength*/ ctx[24] == /*dropdownIndex*/ ctx[0]);
+    			toggle_class(div0, "is-disabled", /*alreadyCreated*/ ctx[6].includes(/*inputValue*/ ctx[8]));
+    			attr(div1, "class", "creatable-row-wrap svelte-aqpko7");
+    		},
+    		m(target, anchor) {
+    			insert(target, div1, anchor);
+    			append(div1, div0);
+    			html_tag.m(raw_value, div0);
+    			append(div0, t);
+    			if (if_block) if_block.m(div0, null);
+
+    			if (!mounted) {
+    				dispose = [
+    					listen(div0, "click", function () {
+    						if (is_function(/*dispatch*/ ctx[26]('select', /*inputValue*/ ctx[8]))) /*dispatch*/ ctx[26]('select', /*inputValue*/ ctx[8]).apply(this, arguments);
+    					}),
+    					listen(div0, "mouseenter", function () {
+    						if (is_function(/*dispatch*/ ctx[26]('hover', /*listIndex*/ ctx[9].last))) /*dispatch*/ ctx[26]('hover', /*listIndex*/ ctx[9].last).apply(this, arguments);
+    					})
+    				];
+
+    				mounted = true;
+    			}
+    		},
+    		p(new_ctx, dirty) {
+    			ctx = new_ctx;
+    			if (dirty[0] & /*createLabel, inputValue*/ 8448 && raw_value !== (raw_value = /*createLabel*/ ctx[13](/*inputValue*/ ctx[8]) + "")) html_tag.p(raw_value);
+
+    			if (/*currentListLength*/ ctx[24] != /*dropdownIndex*/ ctx[0]) {
+    				if (if_block) {
+    					if_block.p(ctx, dirty);
+    				} else {
+    					if_block = create_if_block_2(ctx);
+    					if_block.c();
+    					if_block.m(div0, null);
+    				}
+    			} else if (if_block) {
+    				if_block.d(1);
+    				if_block = null;
+    			}
+
+    			if (dirty[0] & /*currentListLength, dropdownIndex*/ 16777217) {
+    				toggle_class(div0, "active", /*currentListLength*/ ctx[24] == /*dropdownIndex*/ ctx[0]);
+    			}
+
+    			if (dirty[0] & /*alreadyCreated, inputValue*/ 320) {
+    				toggle_class(div0, "is-disabled", /*alreadyCreated*/ ctx[6].includes(/*inputValue*/ ctx[8]));
+    			}
+    		},
+    		d(detaching) {
+    			if (detaching) detach(div1);
+    			if (if_block) if_block.d();
+    			mounted = false;
+    			run_all(dispose);
+    		}
+    	};
+    }
+
+    // (229:6) {#if currentListLength != dropdownIndex}
+    function create_if_block_2(ctx) {
+    	let span;
+    	let kbd0;
+    	let t0;
+    	let t1;
+    	let kbd1;
+
+    	return {
+    		c() {
+    			span = element("span");
+    			kbd0 = element("kbd");
+    			t0 = text(/*metaKey*/ ctx[14]);
+    			t1 = text("+");
+    			kbd1 = element("kbd");
+    			kbd1.textContent = "Enter";
+    			attr(kbd0, "class", "svelte-aqpko7");
+    			attr(kbd1, "class", "svelte-aqpko7");
+    			attr(span, "class", "shortcut svelte-aqpko7");
+    		},
+    		m(target, anchor) {
+    			insert(target, span, anchor);
+    			append(span, kbd0);
+    			append(kbd0, t0);
+    			append(span, t1);
+    			append(span, kbd1);
+    		},
+    		p(ctx, dirty) {
+    			if (dirty[0] & /*metaKey*/ 16384) set_data(t0, /*metaKey*/ ctx[14]);
+    		},
+    		d(detaching) {
+    			if (detaching) detach(span);
+    		}
+    	};
+    }
+
+    function create_fragment$e(ctx) {
+    	let if_block_anchor;
+    	let current;
+    	let if_block = /*isMounted*/ ctx[16] && /*renderDropdown*/ ctx[18] && create_if_block$4(ctx);
+
+    	return {
+    		c() {
+    			if (if_block) if_block.c();
+    			if_block_anchor = empty();
+    		},
+    		m(target, anchor) {
+    			if (if_block) if_block.m(target, anchor);
+    			insert(target, if_block_anchor, anchor);
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			if (/*isMounted*/ ctx[16] && /*renderDropdown*/ ctx[18]) {
+    				if (if_block) {
+    					if_block.p(ctx, dirty);
+
+    					if (dirty[0] & /*isMounted, renderDropdown*/ 327680) {
+    						transition_in(if_block, 1);
+    					}
+    				} else {
+    					if_block = create_if_block$4(ctx);
+    					if_block.c();
+    					transition_in(if_block, 1);
+    					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+    				}
+    			} else if (if_block) {
+    				group_outros();
+
+    				transition_out(if_block, 1, 1, () => {
+    					if_block = null;
+    				});
+
+    				check_outros();
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(if_block);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(if_block);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (if_block) if_block.d(detaching);
+    			if (detaching) detach(if_block_anchor);
+    		}
+    	};
+    }
+
+    function instance$d($$self, $$props, $$invalidate) {
+    	let currentListLength;
+    	let vl_listHeight;
+
+    	let $hasDropdownOpened,
+    		$$unsubscribe_hasDropdownOpened = noop,
+    		$$subscribe_hasDropdownOpened = () => ($$unsubscribe_hasDropdownOpened(), $$unsubscribe_hasDropdownOpened = subscribe(hasDropdownOpened, $$value => $$invalidate(25, $hasDropdownOpened = $$value)), hasDropdownOpened);
+
+    	$$self.$$.on_destroy.push(() => $$unsubscribe_hasDropdownOpened());
+    	let { lazyDropdown } = $$props;
+    	let { creatable } = $$props;
+    	let { maxReached = false } = $$props;
+    	let { dropdownIndex = 0 } = $$props;
+    	let { renderer } = $$props;
+    	let { disableHighlight } = $$props;
+    	let { items = [] } = $$props;
+    	let { alreadyCreated } = $$props;
+    	let { virtualList } = $$props;
+    	let { vlItemSize } = $$props;
+    	let { vlHeight } = $$props;
+    	let { inputValue } = $$props;
+    	let { listIndex } = $$props;
+    	let { hasDropdownOpened } = $$props;
+    	$$subscribe_hasDropdownOpened();
+    	let { listMessage } = $$props;
+    	let { disabledField } = $$props;
+    	let { createLabel } = $$props;
+    	let { metaKey } = $$props;
+    	let { itemComponent } = $$props;
+
+    	function scrollIntoView(params) {
+    		if (virtualList) return;
+    		const focusedEl = container.querySelector(`[data-pos="${dropdownIndex}"]`);
+    		if (!focusedEl) return;
+    		const focusedRect = focusedEl.getBoundingClientRect();
+    		const menuRect = scrollContainer.getBoundingClientRect();
+    		const overScroll = focusedEl.offsetHeight / 3;
+
+    		const centerOffset = params && params.center
+    		? scrollContainer.offsetHeight / 2
+    		: 0;
+
+    		switch (true) {
+    			case focusedEl.offsetTop < scrollContainer.scrollTop:
+    				$$invalidate(21, scrollContainer.scrollTop = focusedEl.offsetTop - overScroll + centerOffset, scrollContainer);
+    				break;
+    			case focusedEl.offsetTop + focusedRect.height > scrollContainer.scrollTop + menuRect.height:
+    				$$invalidate(21, scrollContainer.scrollTop = focusedEl.offsetTop + focusedRect.height - scrollContainer.offsetHeight + overScroll + centerOffset, scrollContainer);
+    				break;
+    		}
+    	}
+
+    	function getDimensions() {
+    		if (virtualList) {
+    			return [scrollContainer.offsetHeight, vl_itemSize];
+    		}
+
+    		return [scrollContainer.offsetHeight, container.firstElementChild.offsetHeight];
+    	}
+
+    	const dispatch = createEventDispatcher();
+    	let container;
+    	let scrollContainer;
+    	let isMounted = false;
+    	let hasEmptyList = false;
+    	let renderDropdown = !lazyDropdown;
+    	let vl_height = vlHeight;
+    	let vl_itemSize = vlItemSize;
+    	let vl_autoMode = vlHeight === null && vlItemSize === null;
+    	let refVirtualList;
+
+    	function positionDropdown(val) {
+    		if (!scrollContainer && !renderDropdown) return;
+    		const outVp = isOutOfViewport(scrollContainer.parentElement);
+
+    		if (outVp.bottom && !outVp.top) {
+    			$$invalidate(21, scrollContainer.parentElement.style.bottom = scrollContainer.parentElement.parentElement.clientHeight + 1 + 'px', scrollContainer);
+    		} else if (!val || outVp.top) {
+    			$$invalidate(21, scrollContainer.parentElement.style.bottom = '', scrollContainer); // FUTURE: debounce ....
+    		}
+    	}
+
+    	function virtualListDimensionsResolver() {
+    		if (!refVirtualList) return;
+
+    		const pixelGetter = (el, prop) => {
+    			const styles = window.getComputedStyle(el);
+    			let { groups: { value, unit } } = styles[prop].match(/(?<value>\d+)(?<unit>[a-zA-Z]+)/);
+    			value = parseFloat(value);
+
+    			if (unit !== 'px') {
+    				const el = unit === 'rem'
+    				? document.documentElement
+    				: scrollContainer.parentElement.parentElement;
+
+    				const multipler = parseFloat(window.getComputedStyle(el).fontSize.match(/\d+/).shift());
+    				value = multipler * value;
+    			}
+
+    			return value;
+    		};
+
+    		$$invalidate(32, vl_height = pixelGetter(scrollContainer, 'maxHeight') - pixelGetter(scrollContainer, 'paddingTop') - pixelGetter(scrollContainer, 'paddingBottom'));
+
+    		// get item size (hacky style)
+    		$$invalidate(21, scrollContainer.parentElement.style = 'opacity: 0; display: block', scrollContainer);
+
+    		const firstItem = refVirtualList.$$.ctx[1].firstElementChild.firstElementChild;
+
+    		if (firstItem) {
+    			firstItem.style = '';
+    			const firstSize = firstItem.getBoundingClientRect().height;
+    			const secondItem = refVirtualList.$$.ctx[1].firstElementChild.firstElementChild.nextElementSibling;
+    			let secondSize;
+
+    			if (secondItem) {
+    				secondItem.style = '';
+    				secondSize = secondItem.getBoundingClientRect().height;
+    			}
+
+    			if (firstSize !== secondSize) {
+    				const groupHeaderSize = items[0].$isGroupHeader ? firstSize : secondSize;
+    				const regularItemSize = items[0].$isGroupHeader ? secondSize : firstSize;
+    				$$invalidate(19, vl_itemSize = items.map(opt => opt.$isGroupHeader ? groupHeaderSize : regularItemSize));
+    			} else {
+    				$$invalidate(19, vl_itemSize = firstSize);
+    			}
+    		}
+
+    		$$invalidate(21, scrollContainer.parentElement.style = '', scrollContainer);
+    	}
+
+    	let dropdownStateSubscription = () => {
+    		
+    	};
+
+    	/** ************************************ lifecycle */
+    	onMount(() => {
+    		/** ************************************ flawless UX related tweak */
+    		dropdownStateSubscription = hasDropdownOpened.subscribe(val => {
+    			if (!renderDropdown && val) $$invalidate(18, renderDropdown = true);
+
+    			tick().then(() => {
+    				positionDropdown(val);
+    				val && scrollIntoView({ center: true });
+    			});
+
+    			// bind/unbind scroll listener
+    			document[val ? 'addEventListener' : 'removeEventListener']('scroll', () => positionDropdown(val), { passive: true });
+    		});
+
+    		$$invalidate(16, isMounted = true);
+    	});
+
+    	onDestroy(() => dropdownStateSubscription());
+
+    	function mousedown_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function hover_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function select_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function virtuallist_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			refVirtualList = $$value;
+    			$$invalidate(22, refVirtualList);
+    		});
+    	}
+
+    	function hover_handler_1(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function select_handler_1(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function div0_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			container = $$value;
+    			$$invalidate(20, container);
+    		});
+    	}
+
+    	function div1_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			scrollContainer = $$value;
+    			$$invalidate(21, scrollContainer);
+    		});
+    	}
+
+    	$$self.$$set = $$props => {
+    		if ('lazyDropdown' in $$props) $$invalidate(27, lazyDropdown = $$props.lazyDropdown);
+    		if ('creatable' in $$props) $$invalidate(1, creatable = $$props.creatable);
+    		if ('maxReached' in $$props) $$invalidate(2, maxReached = $$props.maxReached);
+    		if ('dropdownIndex' in $$props) $$invalidate(0, dropdownIndex = $$props.dropdownIndex);
+    		if ('renderer' in $$props) $$invalidate(3, renderer = $$props.renderer);
+    		if ('disableHighlight' in $$props) $$invalidate(4, disableHighlight = $$props.disableHighlight);
+    		if ('items' in $$props) $$invalidate(5, items = $$props.items);
+    		if ('alreadyCreated' in $$props) $$invalidate(6, alreadyCreated = $$props.alreadyCreated);
+    		if ('virtualList' in $$props) $$invalidate(7, virtualList = $$props.virtualList);
+    		if ('vlItemSize' in $$props) $$invalidate(28, vlItemSize = $$props.vlItemSize);
+    		if ('vlHeight' in $$props) $$invalidate(29, vlHeight = $$props.vlHeight);
+    		if ('inputValue' in $$props) $$invalidate(8, inputValue = $$props.inputValue);
+    		if ('listIndex' in $$props) $$invalidate(9, listIndex = $$props.listIndex);
+    		if ('hasDropdownOpened' in $$props) $$subscribe_hasDropdownOpened($$invalidate(10, hasDropdownOpened = $$props.hasDropdownOpened));
+    		if ('listMessage' in $$props) $$invalidate(11, listMessage = $$props.listMessage);
+    		if ('disabledField' in $$props) $$invalidate(12, disabledField = $$props.disabledField);
+    		if ('createLabel' in $$props) $$invalidate(13, createLabel = $$props.createLabel);
+    		if ('metaKey' in $$props) $$invalidate(14, metaKey = $$props.metaKey);
+    		if ('itemComponent' in $$props) $$invalidate(15, itemComponent = $$props.itemComponent);
+    	};
+
+    	$$self.$$.update = () => {
+    		if ($$self.$$.dirty[0] & /*items*/ 32) {
+    			$$invalidate(24, currentListLength = items.length);
+    		}
+
+    		if ($$self.$$.dirty[0] & /*items, creatable, inputValue, virtualList, isMounted, renderDropdown, hasEmptyList*/ 459170) {
+    			{
+    				$$invalidate(17, hasEmptyList = items.length < 1 && (creatable ? !inputValue : true));
+
+    				// required when changing item list 'on-the-fly' for VL
+    				if (virtualList && vl_autoMode && isMounted && renderDropdown) {
+    					if (hasEmptyList) $$invalidate(0, dropdownIndex = null);
+    					$$invalidate(19, vl_itemSize = 0);
+    					tick().then(virtualListDimensionsResolver).then(positionDropdown);
+    				}
+    			}
+    		}
+
+    		if ($$self.$$.dirty[0] & /*vl_itemSize, items*/ 524320 | $$self.$$.dirty[1] & /*vl_height*/ 2) {
+    			$$invalidate(23, vl_listHeight = Math.min(vl_height, Array.isArray(vl_itemSize)
+    			? vl_itemSize.reduce(
+    					(res, num) => {
+    						res += num;
+    						return res;
+    					},
+    					0
+    				)
+    			: items.length * vl_itemSize));
+    		}
+    	};
+
+    	return [
+    		dropdownIndex,
+    		creatable,
+    		maxReached,
+    		renderer,
+    		disableHighlight,
+    		items,
+    		alreadyCreated,
+    		virtualList,
+    		inputValue,
+    		listIndex,
+    		hasDropdownOpened,
+    		listMessage,
+    		disabledField,
+    		createLabel,
+    		metaKey,
+    		itemComponent,
+    		isMounted,
+    		hasEmptyList,
+    		renderDropdown,
+    		vl_itemSize,
+    		container,
+    		scrollContainer,
+    		refVirtualList,
+    		vl_listHeight,
+    		currentListLength,
+    		$hasDropdownOpened,
+    		dispatch,
+    		lazyDropdown,
+    		vlItemSize,
+    		vlHeight,
+    		scrollIntoView,
+    		getDimensions,
+    		vl_height,
+    		mousedown_handler,
+    		hover_handler,
+    		select_handler,
+    		virtuallist_binding,
+    		hover_handler_1,
+    		select_handler_1,
+    		div0_binding,
+    		div1_binding
+    	];
+    }
+
+    class Dropdown extends SvelteComponent {
+    	constructor(options) {
+    		super();
+
+    		init(
+    			this,
+    			options,
+    			instance$d,
+    			create_fragment$e,
+    			safe_not_equal,
+    			{
+    				lazyDropdown: 27,
+    				creatable: 1,
+    				maxReached: 2,
+    				dropdownIndex: 0,
+    				renderer: 3,
+    				disableHighlight: 4,
+    				items: 5,
+    				alreadyCreated: 6,
+    				virtualList: 7,
+    				vlItemSize: 28,
+    				vlHeight: 29,
+    				inputValue: 8,
+    				listIndex: 9,
+    				hasDropdownOpened: 10,
+    				listMessage: 11,
+    				disabledField: 12,
+    				createLabel: 13,
+    				metaKey: 14,
+    				itemComponent: 15,
+    				scrollIntoView: 30,
+    				getDimensions: 31
+    			},
+    			null,
+    			[-1, -1]
+    		);
+    	}
+
+    	get scrollIntoView() {
+    		return this.$$.ctx[30];
+    	}
+
+    	get getDimensions() {
+    		return this.$$.ctx[31];
+    	}
+    }
+
+    /* src/components/ItemClose.svelte generated by Svelte v3.44.3 */
+
+    function create_fragment$d(ctx) {
+    	let button;
+
+    	return {
+    		c() {
+    			button = element("button");
+    			button.innerHTML = `<svg height="16" width="16" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="svelte-w7c5vi"><path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path></svg>`;
+    			attr(button, "class", "sv-item-btn svelte-w7c5vi");
+    			attr(button, "tabindex", "-1");
+    			attr(button, "data-action", "deselect");
+    			attr(button, "type", "button");
+    		},
+    		m(target, anchor) {
+    			insert(target, button, anchor);
+    		},
+    		p: noop,
+    		i: noop,
+    		o: noop,
+    		d(detaching) {
+    			if (detaching) detach(button);
+    		}
+    	};
+    }
+
+    class ItemClose extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, null, create_fragment$d, safe_not_equal, {});
+    	}
+    }
+
+    const mouseDownAction = e => e.preventDefault();
+
+    function itemActions(node, {item, index}) {
+
+      function selectAction(e) {
+        const eventType = e.target.closest('[data-action="deselect"]') ? 'deselect' : 'select';
+        node.dispatchEvent(new CustomEvent(eventType, {
+          bubble: true,
+          detail: item
+        }));
+      }
+
+      function hoverAction() {
+        node.dispatchEvent(new CustomEvent('hover', {
+          detail: index
+        }));
+      }
+      node.onmousedown = mouseDownAction;
+      node.onclick = selectAction;
+      // !item.isSelected && 
+      node.addEventListener('mouseenter', hoverAction);
+
+      return {
+        update(updated) {
+          item = updated.item;
+          index = updated.index;
+        },
+        destroy() {
+          node.removeEventListener('mousedown', mouseDownAction);
+          node.removeEventListener('click', selectAction);
+          // !item.isSelected && 
+          node.removeEventListener('mouseenter', hoverAction);
+        }
+      }
+    }
+
+    /* src/components/Item.svelte generated by Svelte v3.44.3 */
+
+    function create_else_block(ctx) {
+    	let div;
+    	let html_tag;
+
+    	let raw_value = (/*isSelected*/ ctx[3]
+    	? `<div class="sv-item-content">${/*formatter*/ ctx[6](/*item*/ ctx[2], /*isSelected*/ ctx[3], /*inputValue*/ ctx[0])}</div>`
+    	: highlightSearch(/*item*/ ctx[2], /*isSelected*/ ctx[3], /*inputValue*/ ctx[0], /*formatter*/ ctx[6], /*disableHighlight*/ ctx[7])) + "";
+
+    	let t;
+    	let div_title_value;
+    	let itemActions_action;
+    	let current;
+    	let mounted;
+    	let dispose;
+    	let if_block = /*isSelected*/ ctx[3] && /*isMultiple*/ ctx[5] && create_if_block_1();
+
+    	return {
+    		c() {
+    			div = element("div");
+    			html_tag = new HtmlTag();
+    			t = space();
+    			if (if_block) if_block.c();
+    			html_tag.a = t;
+    			attr(div, "class", "sv-item");
+    			attr(div, "title", div_title_value = /*item*/ ctx[2].$created ? 'Created item' : '');
+    			toggle_class(div, "is-disabled", /*isDisabled*/ ctx[4]);
+    		},
+    		m(target, anchor) {
+    			insert(target, div, anchor);
+    			html_tag.m(raw_value, div);
+    			append(div, t);
+    			if (if_block) if_block.m(div, null);
+    			current = true;
+
+    			if (!mounted) {
+    				dispose = [
+    					action_destroyer(itemActions_action = itemActions.call(null, div, {
+    						item: /*item*/ ctx[2],
+    						index: /*index*/ ctx[1]
+    					})),
+    					listen(div, "select", /*select_handler*/ ctx[9]),
+    					listen(div, "deselect", /*deselect_handler*/ ctx[10]),
+    					listen(div, "hover", /*hover_handler*/ ctx[11])
+    				];
+
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, dirty) {
+    			if ((!current || dirty & /*isSelected, formatter, item, inputValue, disableHighlight*/ 205) && raw_value !== (raw_value = (/*isSelected*/ ctx[3]
+    			? `<div class="sv-item-content">${/*formatter*/ ctx[6](/*item*/ ctx[2], /*isSelected*/ ctx[3], /*inputValue*/ ctx[0])}</div>`
+    			: highlightSearch(/*item*/ ctx[2], /*isSelected*/ ctx[3], /*inputValue*/ ctx[0], /*formatter*/ ctx[6], /*disableHighlight*/ ctx[7])) + "")) html_tag.p(raw_value);
+
+    			if (/*isSelected*/ ctx[3] && /*isMultiple*/ ctx[5]) {
+    				if (if_block) {
+    					if (dirty & /*isSelected, isMultiple*/ 40) {
+    						transition_in(if_block, 1);
+    					}
+    				} else {
+    					if_block = create_if_block_1();
+    					if_block.c();
+    					transition_in(if_block, 1);
+    					if_block.m(div, null);
+    				}
+    			} else if (if_block) {
+    				group_outros();
+
+    				transition_out(if_block, 1, 1, () => {
+    					if_block = null;
+    				});
+
+    				check_outros();
+    			}
+
+    			if (!current || dirty & /*item*/ 4 && div_title_value !== (div_title_value = /*item*/ ctx[2].$created ? 'Created item' : '')) {
+    				attr(div, "title", div_title_value);
+    			}
+
+    			if (itemActions_action && is_function(itemActions_action.update) && dirty & /*item, index*/ 6) itemActions_action.update.call(null, {
+    				item: /*item*/ ctx[2],
+    				index: /*index*/ ctx[1]
+    			});
+
+    			if (dirty & /*isDisabled*/ 16) {
+    				toggle_class(div, "is-disabled", /*isDisabled*/ ctx[4]);
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(if_block);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(if_block);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (detaching) detach(div);
+    			if (if_block) if_block.d();
+    			mounted = false;
+    			run_all(dispose);
+    		}
+    	};
+    }
+
+    // (18:0) {#if item.$isGroupHeader}
+    function create_if_block$3(ctx) {
+    	let div;
+    	let b;
+    	let t_value = /*item*/ ctx[2].label + "";
+    	let t;
+    	let mounted;
+    	let dispose;
+
+    	return {
+    		c() {
+    			div = element("div");
+    			b = element("b");
+    			t = text(t_value);
+    			attr(div, "class", "optgroup-header svelte-1e087o6");
+    		},
+    		m(target, anchor) {
+    			insert(target, div, anchor);
+    			append(div, b);
+    			append(b, t);
+
+    			if (!mounted) {
+    				dispose = listen(div, "mousedown", prevent_default(/*mousedown_handler*/ ctx[8]));
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, dirty) {
+    			if (dirty & /*item*/ 4 && t_value !== (t_value = /*item*/ ctx[2].label + "")) set_data(t, t_value);
+    		},
+    		i: noop,
+    		o: noop,
+    		d(detaching) {
+    			if (detaching) detach(div);
+    			mounted = false;
+    			dispose();
+    		}
+    	};
+    }
+
+    // (33:2) {#if isSelected && isMultiple}
+    function create_if_block_1(ctx) {
+    	let itemclose;
+    	let current;
+    	itemclose = new ItemClose({});
+
+    	return {
+    		c() {
+    			create_component(itemclose.$$.fragment);
+    		},
+    		m(target, anchor) {
+    			mount_component(itemclose, target, anchor);
+    			current = true;
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(itemclose.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(itemclose.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			destroy_component(itemclose, detaching);
+    		}
+    	};
+    }
+
+    function create_fragment$c(ctx) {
+    	let current_block_type_index;
+    	let if_block;
+    	let if_block_anchor;
+    	let current;
+    	const if_block_creators = [create_if_block$3, create_else_block];
+    	const if_blocks = [];
+
+    	function select_block_type(ctx, dirty) {
+    		if (/*item*/ ctx[2].$isGroupHeader) return 0;
+    		return 1;
+    	}
+
+    	current_block_type_index = select_block_type(ctx);
+    	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+
+    	return {
+    		c() {
+    			if_block.c();
+    			if_block_anchor = empty();
+    		},
+    		m(target, anchor) {
+    			if_blocks[current_block_type_index].m(target, anchor);
+    			insert(target, if_block_anchor, anchor);
+    			current = true;
+    		},
+    		p(ctx, [dirty]) {
+    			let previous_block_index = current_block_type_index;
+    			current_block_type_index = select_block_type(ctx);
+
+    			if (current_block_type_index === previous_block_index) {
+    				if_blocks[current_block_type_index].p(ctx, dirty);
+    			} else {
+    				group_outros();
+
+    				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+    					if_blocks[previous_block_index] = null;
+    				});
+
+    				check_outros();
+    				if_block = if_blocks[current_block_type_index];
+
+    				if (!if_block) {
+    					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    					if_block.c();
+    				} else {
+    					if_block.p(ctx, dirty);
+    				}
+
+    				transition_in(if_block, 1);
+    				if_block.m(if_block_anchor.parentNode, if_block_anchor);
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(if_block);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(if_block);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if_blocks[current_block_type_index].d(detaching);
+    			if (detaching) detach(if_block_anchor);
+    		}
+    	};
+    }
+
+    function instance$c($$self, $$props, $$invalidate) {
+    	let { inputValue } = $$props;
+    	let { index = -1 } = $$props;
+    	let { item = {} } = $$props;
+    	let { isSelected = false } = $$props;
+    	let { isDisabled = false } = $$props;
+    	let { isMultiple = false } = $$props;
+    	let { formatter = null } = $$props;
+    	let { disableHighlight = false } = $$props;
+
+    	function mousedown_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function select_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function deselect_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function hover_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	$$self.$$set = $$props => {
+    		if ('inputValue' in $$props) $$invalidate(0, inputValue = $$props.inputValue);
+    		if ('index' in $$props) $$invalidate(1, index = $$props.index);
+    		if ('item' in $$props) $$invalidate(2, item = $$props.item);
+    		if ('isSelected' in $$props) $$invalidate(3, isSelected = $$props.isSelected);
+    		if ('isDisabled' in $$props) $$invalidate(4, isDisabled = $$props.isDisabled);
+    		if ('isMultiple' in $$props) $$invalidate(5, isMultiple = $$props.isMultiple);
+    		if ('formatter' in $$props) $$invalidate(6, formatter = $$props.formatter);
+    		if ('disableHighlight' in $$props) $$invalidate(7, disableHighlight = $$props.disableHighlight);
+    	};
+
+    	return [
+    		inputValue,
+    		index,
+    		item,
+    		isSelected,
+    		isDisabled,
+    		isMultiple,
+    		formatter,
+    		disableHighlight,
+    		mousedown_handler,
+    		select_handler,
+    		deselect_handler,
+    		hover_handler
+    	];
+    }
+
+    class Item extends SvelteComponent {
+    	constructor(options) {
+    		super();
+
+    		init(this, options, instance$c, create_fragment$c, safe_not_equal, {
+    			inputValue: 0,
+    			index: 1,
+    			item: 2,
+    			isSelected: 3,
+    			isDisabled: 4,
+    			isMultiple: 5,
+    			formatter: 6,
+    			disableHighlight: 7
+    		});
+    	}
+    }
+
+    /* src/Svelecte.svelte generated by Svelte v3.44.3 */
+
+    function get_each_context$1(ctx, list, i) {
+    	const child_ctx = ctx.slice();
+    	child_ctx[109] = list[i];
+    	return child_ctx;
+    }
+
+    const get_icon_slot_changes = dirty => ({});
+    const get_icon_slot_context = ctx => ({});
+
+    // (621:4) 
+    function create_icon_slot$2(ctx) {
+    	let div;
+    	let current;
+    	const icon_slot_template = /*#slots*/ ctx[86].icon;
+    	const icon_slot = create_slot(icon_slot_template, ctx, /*$$scope*/ ctx[92], get_icon_slot_context);
+
+    	return {
+    		c() {
+    			div = element("div");
+    			if (icon_slot) icon_slot.c();
+    			attr(div, "slot", "icon");
+    			attr(div, "class", "icon-slot svelte-z16eei");
+    		},
+    		m(target, anchor) {
+    			insert(target, div, anchor);
+
+    			if (icon_slot) {
+    				icon_slot.m(div, null);
+    			}
+
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			if (icon_slot) {
+    				if (icon_slot.p && (!current || dirty[2] & /*$$scope*/ 1073741824)) {
+    					update_slot_base(
+    						icon_slot,
+    						icon_slot_template,
+    						ctx,
+    						/*$$scope*/ ctx[92],
+    						!current
+    						? get_all_dirty_from_scope(/*$$scope*/ ctx[92])
+    						: get_slot_changes(icon_slot_template, /*$$scope*/ ctx[92], dirty, get_icon_slot_changes),
+    						get_icon_slot_context
+    					);
+    				}
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(icon_slot, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(icon_slot, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (detaching) detach(div);
+    			if (icon_slot) icon_slot.d(detaching);
+    		}
+    	};
+    }
+
+    // (635:2) {#if name && !hasAnchor}
+    function create_if_block$2(ctx) {
+    	let select;
+    	let refSelectAction_action;
+    	let mounted;
+    	let dispose;
+    	let each_value = /*selectedOptions*/ ctx[28];
+    	let each_blocks = [];
+
+    	for (let i = 0; i < each_value.length; i += 1) {
+    		each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
+    	}
+
+    	return {
+    		c() {
+    			select = element("select");
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].c();
+    			}
+
+    			attr(select, "name", /*name*/ ctx[3]);
+    			select.multiple = /*multiple*/ ctx[1];
+    			attr(select, "class", "is-hidden svelte-z16eei");
+    			attr(select, "tabindex", "-1");
+    			select.required = /*required*/ ctx[5];
+    			select.disabled = /*disabled*/ ctx[0];
+    		},
+    		m(target, anchor) {
+    			insert(target, select, anchor);
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].m(select, null);
+    			}
+
+    			/*select_binding*/ ctx[91](select);
+
+    			if (!mounted) {
+    				dispose = action_destroyer(refSelectAction_action = /*refSelectAction*/ ctx[42].call(null, select, /*refSelectActionParams*/ ctx[43]));
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, dirty) {
+    			if (dirty[0] & /*selectedOptions, currentValueField, currentLabelField*/ 369098752) {
+    				each_value = /*selectedOptions*/ ctx[28];
+    				let i;
+
+    				for (i = 0; i < each_value.length; i += 1) {
+    					const child_ctx = get_each_context$1(ctx, each_value, i);
+
+    					if (each_blocks[i]) {
+    						each_blocks[i].p(child_ctx, dirty);
+    					} else {
+    						each_blocks[i] = create_each_block$1(child_ctx);
+    						each_blocks[i].c();
+    						each_blocks[i].m(select, null);
+    					}
+    				}
+
+    				for (; i < each_blocks.length; i += 1) {
+    					each_blocks[i].d(1);
+    				}
+
+    				each_blocks.length = each_value.length;
+    			}
+
+    			if (dirty[0] & /*name*/ 8) {
+    				attr(select, "name", /*name*/ ctx[3]);
+    			}
+
+    			if (dirty[0] & /*multiple*/ 2) {
+    				select.multiple = /*multiple*/ ctx[1];
+    			}
+
+    			if (dirty[0] & /*required*/ 32) {
+    				select.required = /*required*/ ctx[5];
+    			}
+
+    			if (dirty[0] & /*disabled*/ 1) {
+    				select.disabled = /*disabled*/ ctx[0];
+    			}
+    		},
+    		d(detaching) {
+    			if (detaching) detach(select);
+    			destroy_each(each_blocks, detaching);
+    			/*select_binding*/ ctx[91](null);
+    			mounted = false;
+    			dispose();
+    		}
+    	};
+    }
+
+    // (637:4) {#each selectedOptions as opt}
+    function create_each_block$1(ctx) {
+    	let option;
+    	let t_value = /*opt*/ ctx[109][/*currentLabelField*/ ctx[26]] + "";
+    	let t;
+    	let option_value_value;
+
+    	return {
+    		c() {
+    			option = element("option");
+    			t = text(t_value);
+    			option.__value = option_value_value = /*opt*/ ctx[109][/*currentValueField*/ ctx[25]];
+    			option.value = option.__value;
+    			option.selected = true;
+    		},
+    		m(target, anchor) {
+    			insert(target, option, anchor);
+    			append(option, t);
+    		},
+    		p(ctx, dirty) {
+    			if (dirty[0] & /*selectedOptions, currentLabelField*/ 335544320 && t_value !== (t_value = /*opt*/ ctx[109][/*currentLabelField*/ ctx[26]] + "")) set_data(t, t_value);
+
+    			if (dirty[0] & /*selectedOptions, currentValueField*/ 301989888 && option_value_value !== (option_value_value = /*opt*/ ctx[109][/*currentValueField*/ ctx[25]])) {
+    				option.__value = option_value_value;
+    				option.value = option.__value;
+    			}
+    		},
+    		d(detaching) {
+    			if (detaching) detach(option);
+    		}
+    	};
+    }
+
+    function create_fragment$b(ctx) {
+    	let t0;
+    	let t1;
+    	let div;
+    	let control;
+    	let t2;
+    	let dropdown;
+    	let t3;
+    	let div_class_value;
+    	let current;
+
+    	let control_props = {
+    		renderer: /*itemRenderer*/ ctx[39],
+    		disabled: /*disabled*/ ctx[0],
+    		clearable: /*clearable*/ ctx[10],
+    		searchable: /*searchable*/ ctx[9],
+    		placeholder: /*placeholder*/ ctx[8],
+    		multiple: /*multiple*/ ctx[1],
+    		id: /*id*/ ctx[4],
+    		resetOnBlur: /*resetOnBlur*/ ctx[12],
+    		collapseSelection: /*collapseSelection*/ ctx[16]
+    		? config.collapseSelectionFn
+    		: null,
+    		inputValue: /*inputValue*/ ctx[44],
+    		hasFocus: /*hasFocus*/ ctx[45],
+    		hasDropdownOpened: /*hasDropdownOpened*/ ctx[46],
+    		selectedOptions: /*selectedOptions*/ ctx[28],
+    		isFetchingData: /*isFetchingData*/ ctx[37],
+    		dndzone: /*dndzone*/ ctx[13],
+    		currentValueField: /*currentValueField*/ ctx[25],
+    		itemComponent: /*controlItem*/ ctx[15],
+    		$$slots: { icon: [create_icon_slot$2] },
+    		$$scope: { ctx }
+    	};
+
+    	control = new Control({ props: control_props });
+    	/*control_binding*/ ctx[87](control);
+    	control.$on("deselect", /*onDeselect*/ ctx[48]);
+    	control.$on("keydown", /*onKeyDown*/ ctx[50]);
+    	control.$on("paste", /*onPaste*/ ctx[51]);
+    	control.$on("consider", /*onDndEvent*/ ctx[52]);
+    	control.$on("finalize", /*onDndEvent*/ ctx[52]);
+    	control.$on("blur", /*blur_handler*/ ctx[88]);
+
+    	let dropdown_props = {
+    		renderer: /*itemRenderer*/ ctx[39],
+    		disableHighlight: /*disableHighlight*/ ctx[11],
+    		creatable: /*creatable*/ ctx[17],
+    		maxReached: /*maxReached*/ ctx[31],
+    		alreadyCreated: /*alreadyCreated*/ ctx[38],
+    		virtualList: /*virtualList*/ ctx[19],
+    		vlHeight: /*vlHeight*/ ctx[20],
+    		vlItemSize: /*vlItemSize*/ ctx[21],
+    		lazyDropdown: /*virtualList*/ ctx[19] || /*lazyDropdown*/ ctx[18],
+    		dropdownIndex: /*dropdownActiveIndex*/ ctx[24],
+    		items: /*availableItems*/ ctx[30],
+    		listIndex: /*listIndex*/ ctx[29],
+    		inputValue: /*createFilter*/ ctx[2](/*$inputValue*/ ctx[32]),
+    		hasDropdownOpened: /*hasDropdownOpened*/ ctx[46],
+    		listMessage: /*listMessage*/ ctx[40],
+    		disabledField: /*disabledField*/ ctx[7],
+    		createLabel: /*_i18n*/ ctx[27].createRowLabel,
+    		metaKey: /*isIOS*/ ctx[35] ? '⌘' : 'Ctrl',
+    		itemComponent: /*dropdownItem*/ ctx[14]
+    	};
+
+    	dropdown = new Dropdown({ props: dropdown_props });
+    	/*dropdown_binding*/ ctx[89](dropdown);
+    	dropdown.$on("select", /*onSelect*/ ctx[47]);
+    	dropdown.$on("hover", /*onHover*/ ctx[49]);
+    	dropdown.$on("createoption", /*createoption_handler*/ ctx[90]);
+    	let if_block = /*name*/ ctx[3] && !/*hasAnchor*/ ctx[6] && create_if_block$2(ctx);
+
+    	return {
+    		c() {
+    			t0 = text(/*$hasDropdownOpened*/ ctx[41]);
+    			t1 = space();
+    			div = element("div");
+    			create_component(control.$$.fragment);
+    			t2 = space();
+    			create_component(dropdown.$$.fragment);
+    			t3 = space();
+    			if (if_block) if_block.c();
+    			attr(div, "class", div_class_value = "" + (null_to_empty(`svelecte ${/*className*/ ctx[22]}`) + " svelte-z16eei"));
+    			attr(div, "style", /*style*/ ctx[23]);
+    			toggle_class(div, "is-disabled", /*disabled*/ ctx[0]);
+    		},
+    		m(target, anchor) {
+    			insert(target, t0, anchor);
+    			insert(target, t1, anchor);
+    			insert(target, div, anchor);
+    			mount_component(control, div, null);
+    			append(div, t2);
+    			mount_component(dropdown, div, null);
+    			append(div, t3);
+    			if (if_block) if_block.m(div, null);
+    			current = true;
+    		},
+    		p(ctx, dirty) {
+    			if (!current || dirty[1] & /*$hasDropdownOpened*/ 1024) set_data(t0, /*$hasDropdownOpened*/ ctx[41]);
+    			const control_changes = {};
+    			if (dirty[1] & /*itemRenderer*/ 256) control_changes.renderer = /*itemRenderer*/ ctx[39];
+    			if (dirty[0] & /*disabled*/ 1) control_changes.disabled = /*disabled*/ ctx[0];
+    			if (dirty[0] & /*clearable*/ 1024) control_changes.clearable = /*clearable*/ ctx[10];
+    			if (dirty[0] & /*searchable*/ 512) control_changes.searchable = /*searchable*/ ctx[9];
+    			if (dirty[0] & /*placeholder*/ 256) control_changes.placeholder = /*placeholder*/ ctx[8];
+    			if (dirty[0] & /*multiple*/ 2) control_changes.multiple = /*multiple*/ ctx[1];
+    			if (dirty[0] & /*id*/ 16) control_changes.id = /*id*/ ctx[4];
+    			if (dirty[0] & /*resetOnBlur*/ 4096) control_changes.resetOnBlur = /*resetOnBlur*/ ctx[12];
+
+    			if (dirty[0] & /*collapseSelection*/ 65536) control_changes.collapseSelection = /*collapseSelection*/ ctx[16]
+    			? config.collapseSelectionFn
+    			: null;
+
+    			if (dirty[0] & /*selectedOptions*/ 268435456) control_changes.selectedOptions = /*selectedOptions*/ ctx[28];
+    			if (dirty[1] & /*isFetchingData*/ 64) control_changes.isFetchingData = /*isFetchingData*/ ctx[37];
+    			if (dirty[0] & /*dndzone*/ 8192) control_changes.dndzone = /*dndzone*/ ctx[13];
+    			if (dirty[0] & /*currentValueField*/ 33554432) control_changes.currentValueField = /*currentValueField*/ ctx[25];
+    			if (dirty[0] & /*controlItem*/ 32768) control_changes.itemComponent = /*controlItem*/ ctx[15];
+
+    			if (dirty[2] & /*$$scope*/ 1073741824) {
+    				control_changes.$$scope = { dirty, ctx };
+    			}
+
+    			control.$set(control_changes);
+    			const dropdown_changes = {};
+    			if (dirty[1] & /*itemRenderer*/ 256) dropdown_changes.renderer = /*itemRenderer*/ ctx[39];
+    			if (dirty[0] & /*disableHighlight*/ 2048) dropdown_changes.disableHighlight = /*disableHighlight*/ ctx[11];
+    			if (dirty[0] & /*creatable*/ 131072) dropdown_changes.creatable = /*creatable*/ ctx[17];
+    			if (dirty[1] & /*maxReached*/ 1) dropdown_changes.maxReached = /*maxReached*/ ctx[31];
+    			if (dirty[1] & /*alreadyCreated*/ 128) dropdown_changes.alreadyCreated = /*alreadyCreated*/ ctx[38];
+    			if (dirty[0] & /*virtualList*/ 524288) dropdown_changes.virtualList = /*virtualList*/ ctx[19];
+    			if (dirty[0] & /*vlHeight*/ 1048576) dropdown_changes.vlHeight = /*vlHeight*/ ctx[20];
+    			if (dirty[0] & /*vlItemSize*/ 2097152) dropdown_changes.vlItemSize = /*vlItemSize*/ ctx[21];
+    			if (dirty[0] & /*virtualList, lazyDropdown*/ 786432) dropdown_changes.lazyDropdown = /*virtualList*/ ctx[19] || /*lazyDropdown*/ ctx[18];
+    			if (dirty[0] & /*dropdownActiveIndex*/ 16777216) dropdown_changes.dropdownIndex = /*dropdownActiveIndex*/ ctx[24];
+    			if (dirty[0] & /*availableItems*/ 1073741824) dropdown_changes.items = /*availableItems*/ ctx[30];
+    			if (dirty[0] & /*listIndex*/ 536870912) dropdown_changes.listIndex = /*listIndex*/ ctx[29];
+    			if (dirty[0] & /*createFilter*/ 4 | dirty[1] & /*$inputValue*/ 2) dropdown_changes.inputValue = /*createFilter*/ ctx[2](/*$inputValue*/ ctx[32]);
+    			if (dirty[1] & /*listMessage*/ 512) dropdown_changes.listMessage = /*listMessage*/ ctx[40];
+    			if (dirty[0] & /*disabledField*/ 128) dropdown_changes.disabledField = /*disabledField*/ ctx[7];
+    			if (dirty[0] & /*_i18n*/ 134217728) dropdown_changes.createLabel = /*_i18n*/ ctx[27].createRowLabel;
+    			if (dirty[1] & /*isIOS*/ 16) dropdown_changes.metaKey = /*isIOS*/ ctx[35] ? '⌘' : 'Ctrl';
+    			if (dirty[0] & /*dropdownItem*/ 16384) dropdown_changes.itemComponent = /*dropdownItem*/ ctx[14];
+    			dropdown.$set(dropdown_changes);
+
+    			if (/*name*/ ctx[3] && !/*hasAnchor*/ ctx[6]) {
+    				if (if_block) {
+    					if_block.p(ctx, dirty);
+    				} else {
+    					if_block = create_if_block$2(ctx);
+    					if_block.c();
+    					if_block.m(div, null);
+    				}
+    			} else if (if_block) {
+    				if_block.d(1);
+    				if_block = null;
+    			}
+
+    			if (!current || dirty[0] & /*className*/ 4194304 && div_class_value !== (div_class_value = "" + (null_to_empty(`svelecte ${/*className*/ ctx[22]}`) + " svelte-z16eei"))) {
+    				attr(div, "class", div_class_value);
+    			}
+
+    			if (!current || dirty[0] & /*style*/ 8388608) {
+    				attr(div, "style", /*style*/ ctx[23]);
+    			}
+
+    			if (dirty[0] & /*className, disabled*/ 4194305) {
+    				toggle_class(div, "is-disabled", /*disabled*/ ctx[0]);
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(control.$$.fragment, local);
+    			transition_in(dropdown.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(control.$$.fragment, local);
+    			transition_out(dropdown.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (detaching) detach(t0);
+    			if (detaching) detach(t1);
+    			if (detaching) detach(div);
+    			/*control_binding*/ ctx[87](null);
+    			destroy_component(control);
+    			/*dropdown_binding*/ ctx[89](null);
+    			destroy_component(dropdown);
+    			if (if_block) if_block.d();
+    		}
+    	};
+    }
+
+    const formatterList = {
+    	default(item) {
+    		return item[this.label];
+    	}
+    };
+
+    function addFormatter(name, formatFn) {
+    	if (name instanceof Object) {
+    		for (let prop in name) {
+    			formatterList[prop] = name[prop];
+    		}
+    	} else {
+    		formatterList[name] = formatFn;
+    	}
+    }
+    const config = settings;
+    let counter = 0;
+
+    function instance$b($$self, $$props, $$invalidate) {
+    	let flatItems;
+    	let maxReached;
+    	let availableItems;
+    	let currentListLength;
+    	let listIndex;
+    	let listMessage;
+    	let itemRenderer;
+    	let $inputValue;
+    	let $hasDropdownOpened;
+    	let $hasFocus;
+    	let { $$slots: slots = {}, $$scope } = $$props;
+    	let { name = 'svelecte' } = $$props;
+    	let { id = `svelecte-input-${counter++}` } = $$props;
+    	let { required = false } = $$props;
+    	let { hasAnchor = false } = $$props;
+    	let { disabled = settings.disabled } = $$props;
+    	let { options = [] } = $$props;
+    	let { valueField = settings.valueField } = $$props;
+    	let { labelField = settings.labelField } = $$props;
+    	let { disabledField = settings.disabledField } = $$props;
+    	let { placeholder = 'Select' } = $$props;
+    	let { searchable = settings.searchable } = $$props;
+    	let { clearable = settings.clearable } = $$props;
+    	let { renderer = null } = $$props;
+    	let { disableHighlight = false } = $$props;
+    	let { selectOnTab = settings.selectOnTab } = $$props;
+    	let { resetOnBlur = settings.resetOnBlur } = $$props;
+
+    	let { dndzone = () => ({
+    		noop: true,
+    		destroy: () => {
+    			
+    		}
+    	}) } = $$props;
+
+    	let { validatorAction = null } = $$props;
+    	let { dropdownItem = Item } = $$props;
+    	let { controlItem = Item } = $$props;
+    	let { multiple = settings.multiple } = $$props;
+    	let { max = settings.max } = $$props;
+    	let { collapseSelection = settings.collapseSelection } = $$props;
+    	let { creatable = settings.creatable } = $$props;
+    	let { creatablePrefix = settings.creatablePrefix } = $$props;
+    	let { allowEditing = settings.allowEditing } = $$props;
+    	let { keepCreated = settings.keepCreated } = $$props;
+    	let { delimiter = settings.delimiter } = $$props;
+    	let { createFilter = null } = $$props;
+    	let { fetch = null } = $$props;
+    	let { fetchMode = 'auto' } = $$props;
+    	let { fetchCallback = settings.fetchCallback } = $$props;
+    	let { fetchResetOnBlur = true } = $$props;
+    	let { minQuery = settings.minQuery } = $$props;
+    	let { lazyDropdown = settings.lazyDropdown } = $$props;
+    	let { virtualList = settings.virtualList } = $$props;
+    	let { vlHeight = settings.vlHeight } = $$props;
+    	let { vlItemSize = settings.vlItemSize } = $$props;
+    	let { searchField = null } = $$props;
+    	let { sortField = null } = $$props;
+    	let { disableSifter = false } = $$props;
+    	let { class: className = 'svelecte-control' } = $$props;
+    	let { style = null } = $$props;
+    	let { i18n = null } = $$props;
+    	let { readSelection = null } = $$props;
+    	let { value = null } = $$props;
+    	let { labelAsValue = false } = $$props;
+    	let { valueAsObject = settings.valueAsObject } = $$props;
+
+    	const focus = event => {
+    		refControl.focusControl(event);
+    	};
+
+    	const getSelection = onlyValues => {
+    		if (!selectedOptions.length) return multiple ? [] : null;
+
+    		const _selection = selectedOptions.map(opt => onlyValues
+    		? opt[labelAsValue ? currentLabelField : currentValueField]
+    		: Object.assign({}, opt));
+
+    		return multiple ? _selection : _selection[0];
+    	};
+
+    	const setSelection = (selection, triggerChangeEvent) => {
+    		handleValueUpdate(selection);
+    		triggerChangeEvent && emitChangeEvent();
+    	};
+
+    	const clearByParent = doDisable => {
+    		clearSelection();
+    		emitChangeEvent();
+
+    		if (doDisable) {
+    			$$invalidate(0, disabled = true);
+    			$$invalidate(54, fetch = null);
+    		}
+    	};
+
+    	const dispatch = createEventDispatcher();
+
+    	const itemConfig = {
+    		optionsWithGroups: false,
+    		isOptionArray: options && options.length && typeof options[0] !== 'object',
+    		optionProps: [],
+    		valueField,
+    		labelField,
+    		labelAsValue
+    	};
+
+    	if (fetch && value && (!options || options && options.length === 0)) {
+    		options = Array.isArray(value) ? value : [value];
+    	}
+
+    	let isInitialized = false;
+    	let refDropdown;
+    	let refControl;
+    	let ignoreHover = false;
+    	let dropdownActiveIndex = null;
+    	let fetchUnsubscribe = null;
+    	let currentValueField = valueField || fieldInit('value', options, itemConfig);
+    	let currentLabelField = labelField || fieldInit('label', options, itemConfig);
+    	let isIOS = false;
+
+    	let refSelectAction = validatorAction
+    	? validatorAction.shift()
+    	: () => ({
+    			destroy: () => {
+    				
+    			}
+    		});
+
+    	let refSelectActionParams = validatorAction || [];
+    	let refSelectElement = null;
+    	itemConfig.valueField = currentValueField;
+    	itemConfig.labelField = currentLabelField;
+
+    	itemConfig.optionProps = value && valueAsObject && (multiple && Array.isArray(value)
+    	? value.length > 0
+    	: true)
+    	? getFilterProps(multiple ? value.slice(0, 1).shift() : value)
+    	: [currentValueField, currentLabelField];
+
+    	/** ************************************ automatic init */
+    	multiple = name && !multiple ? name.endsWith('[]') : multiple;
+
+    	if (!createFilter) createFilter = defaultCreateFilter;
+
+    	/** ************************************ Context definition */
+    	const inputValue = writable('');
+
+    	component_subscribe($$self, inputValue, value => $$invalidate(32, $inputValue = value));
+    	const hasFocus = writable(false);
+    	component_subscribe($$self, hasFocus, value => $$invalidate(97, $hasFocus = value));
+    	const hasDropdownOpened = writable(false);
+    	component_subscribe($$self, hasDropdownOpened, value => $$invalidate(41, $hasDropdownOpened = value));
+    	let isFetchingData = false;
+    	let initFetchOnly = false;
+
+    	function cancelXhr() {
+    		if (isFetchingData) {
+    			xhr && ![0, 4].includes(xhr.readyState) && xhr.abort();
+    			$$invalidate(37, isFetchingData = false);
+    		}
+    	}
+
+    	function createFetch(fetch) {
+    		if (fetchUnsubscribe) {
+    			fetchUnsubscribe();
+    			fetchUnsubscribe = null;
+    		}
+
+    		if (!fetch) return null;
+    		const fetchSource = typeof fetch === 'string' ? fetchRemote(fetch) : fetch;
+    		$$invalidate(83, initFetchOnly = fetchMode === 'init' || fetchMode === 'auto' && typeof fetch === 'string' && fetch.indexOf('[query]') === -1);
+
+    		const debouncedFetch = debounce(
+    			query => {
+    				if (query && !$inputValue.length) {
+    					$$invalidate(37, isFetchingData = false);
+    					return;
+    				}
+
+    				fetchSource(query, fetchCallback).then(data => {
+    					$$invalidate(53, options = data);
+    				}).catch(() => {
+    					$$invalidate(53, options = []);
+    				}).finally(() => {
+    					$$invalidate(37, isFetchingData = false);
+    					$hasFocus && hasDropdownOpened.set(true);
+    					$$invalidate(40, listMessage = _i18n.fetchEmpty);
+    					tick().then(() => dispatch('fetch', options));
+    				});
+    			},
+    			500
+    		);
+
+    		if (initFetchOnly) {
+    			if (typeof fetch === 'string' && fetch.indexOf('[parent]') !== -1) return null;
+    			$$invalidate(37, isFetchingData = true);
+    			$$invalidate(53, options = []);
+    			debouncedFetch(null);
+    			return null;
+    		}
+
+    		fetchUnsubscribe = inputValue.subscribe(value => {
+    			cancelXhr(); // cancel previous run
+
+    			if (!value) {
+    				if (isInitialized && fetchResetOnBlur) {
+    					$$invalidate(53, options = []);
+    				}
+
+    				return;
+    			}
+
+    			if (value && value.length < minQuery) return;
+    			!initFetchOnly && hasDropdownOpened.set(false);
+    			$$invalidate(37, isFetchingData = true);
+    			debouncedFetch(value);
+    		});
+
+    		return debouncedFetch;
+    	}
+
+    	/** ************************************ component logic */
+    	let prevValue = value;
+
+    	let _i18n = config.i18n;
+
+    	/** - - - - - - - - - - STORE - - - - - - - - - - - - - -*/
+    	let selectedOptions = initSelection.call(options, value, valueAsObject, itemConfig);
+
+    	let selectedKeys = selectedOptions.reduce(
+    		(set, opt) => {
+    			set.add(opt[currentValueField]);
+    			return set;
+    		},
+    		new Set()
+    	);
+
+    	let alreadyCreated = [''];
+    	let prevOptions = options;
+
+    	/**
+     * Dispatch change event on add options/remove selected items
+     */
+    	function emitChangeEvent() {
+    		tick().then(() => {
+    			dispatch('change', readSelection);
+    			refSelectElement && refSelectElement.dispatchEvent(new Event('input')); // required for svelte-use-form
+    		});
+    	}
+
+    	/**
+     * Dispatch createoption event when user creates a new entry (with 'creatable' feature)
+     */
+    	function emitCreateEvent(createdOpt) {
+    		dispatch('createoption', createdOpt);
+    	}
+
+    	/**
+     * update inner selection, when 'value' property is changed
+     */
+    	function handleValueUpdate(passedVal) {
+    		clearSelection();
+
+    		if (passedVal) {
+    			let _selection = Array.isArray(passedVal) ? passedVal : [passedVal];
+
+    			if (!valueAsObject) {
+    				const valueProp = itemConfig.labelAsValue
+    				? currentLabelField
+    				: currentValueField;
+
+    				_selection = _selection.reduce(
+    					(res, val) => {
+    						const opt = flatItems.find(item => item[valueProp] == val);
+    						opt && res.push(opt);
+    						return res;
+    					},
+    					[]
+    				);
+    			}
+
+    			let success = _selection.every(selectOption) && (multiple
+    			? passedVal.length === _selection.length
+    			: _selection.length > 0);
+
+    			if (!success) {
+    				// this is run only when invalid 'value' is provided, like out of option array
+    				console.warn('[Svelecte]: provided "value" property is invalid', passedVal);
+
+    				$$invalidate(55, value = null);
+    				$$invalidate(56, readSelection = null);
+    				return;
+    			}
+
+    			$$invalidate(56, readSelection = Array.isArray(passedVal)
+    			? _selection
+    			: _selection.shift());
+    		}
+
+    		$$invalidate(84, prevValue = passedVal);
+    	}
+
+    	/** 
+     * Add given option to selection pool
+     * Check if not already selected or max item selection reached
+     * 
+     * @returns bool
+     */
+    	function selectOption(opt) {
+    		if (!opt || multiple && maxReached) return false;
+    		if (selectedKeys.has(opt[currentValueField])) return;
+
+    		if (typeof opt === 'string') {
+    			opt = createFilter(opt);
+    			if (alreadyCreated.includes(opt)) return;
+    			!fetch && alreadyCreated.push(opt);
+
+    			opt = {
+    				[currentValueField]: encodeURIComponent(opt),
+    				[currentLabelField]: `${creatablePrefix}${opt}`,
+    				'$created': true
+    			};
+
+    			if (keepCreated) $$invalidate(53, options = [...options, opt]);
+    			emitCreateEvent(opt);
+    		}
+
+    		if (multiple) {
+    			selectedOptions.push(opt);
+    			$$invalidate(28, selectedOptions);
+    			selectedKeys.add(opt[currentValueField]);
+    		} else {
+    			$$invalidate(28, selectedOptions = [opt]);
+    			selectedKeys.clear();
+    			selectedKeys.add(opt[currentValueField]);
+    			$$invalidate(24, dropdownActiveIndex = options.indexOf(opt));
+    		}
+
+    		((((((((($$invalidate(85, flatItems), $$invalidate(53, options)), $$invalidate(81, itemConfig)), $$invalidate(82, isInitialized)), $$invalidate(102, prevOptions)), $$invalidate(57, valueField)), $$invalidate(25, currentValueField)), $$invalidate(58, labelField)), $$invalidate(26, currentLabelField)), $$invalidate(75, labelAsValue));
+    		return true;
+    	}
+
+    	/**
+     * Remove option/all options from selection pool
+     */
+    	function deselectOption(opt) {
+    		if (opt.$created && backspacePressed && allowEditing) {
+    			alreadyCreated.splice(alreadyCreated.findIndex(o => o === opt[labelAsValue ? currentLabelField : currentValueField]), 1);
+    			$$invalidate(38, alreadyCreated);
+
+    			if (keepCreated) {
+    				options.splice(options.findIndex(o => o === opt), 1);
+    				$$invalidate(53, options);
+    			}
+
+    			set_store_value(inputValue, $inputValue = opt[currentLabelField].replace(creatablePrefix, ''), $inputValue);
+    		}
+
+    		const id = opt[currentValueField];
+    		selectedKeys.delete(id);
+    		selectedOptions.splice(selectedOptions.findIndex(o => o[currentValueField] == id), 1);
+    		$$invalidate(28, selectedOptions);
+    		((((((((($$invalidate(85, flatItems), $$invalidate(53, options)), $$invalidate(81, itemConfig)), $$invalidate(82, isInitialized)), $$invalidate(102, prevOptions)), $$invalidate(57, valueField)), $$invalidate(25, currentValueField)), $$invalidate(58, labelField)), $$invalidate(26, currentLabelField)), $$invalidate(75, labelAsValue));
+    	}
+
+    	function clearSelection() {
+    		selectedKeys.clear();
+    		$$invalidate(28, selectedOptions = []);
+    		((((((((($$invalidate(85, flatItems), $$invalidate(53, options)), $$invalidate(81, itemConfig)), $$invalidate(82, isInitialized)), $$invalidate(102, prevOptions)), $$invalidate(57, valueField)), $$invalidate(25, currentValueField)), $$invalidate(58, labelField)), $$invalidate(26, currentLabelField)), $$invalidate(75, labelAsValue));
+    	}
+
+    	/**
+     * Handle user action on select
+     */
+    	function onSelect(event, opt) {
+    		opt = opt || event.detail;
+    		if (disabled || opt[disabledField] || opt.$isGroupHeader) return;
+    		selectOption(opt);
+    		set_store_value(inputValue, $inputValue = '', $inputValue);
+
+    		if (!multiple) {
+    			set_store_value(hasDropdownOpened, $hasDropdownOpened = false, $hasDropdownOpened);
+    		} else {
+    			tick().then(() => {
+    				$$invalidate(24, dropdownActiveIndex = maxReached
+    				? null
+    				: listIndex.next(dropdownActiveIndex - 1, true));
+    			});
+    		}
+
+    		emitChangeEvent();
+    	}
+
+    	function onDeselect(event, opt) {
+    		if (disabled) return;
+    		opt = opt || event.detail;
+
+    		if (opt) {
+    			deselectOption(opt);
+    		} else {
+    			// apply for 'x' when clearable:true || ctrl+backspace || ctrl+delete
+    			clearSelection();
+    		}
+
+    		tick().then(refControl.focusControl);
+    		emitChangeEvent();
+    	}
+
+    	/**
+     * Dropdown hover handler - update active item
+     */
+    	function onHover(event) {
+    		if (ignoreHover) {
+    			ignoreHover = false;
+    			return;
+    		}
+
+    		$$invalidate(24, dropdownActiveIndex = event.detail);
+    	}
+
+    	/** keyboard related props */
+    	let backspacePressed = false;
+
+    	/**
+     * Keyboard navigation
+     */
+    	function onKeyDown(event) {
+    		event = event.detail; // from dispatched event
+
+    		if (creatable && delimiter.indexOf(event.key) > -1) {
+    			$inputValue.length > 0 && onSelect(null, $inputValue); // prevent creating item with delimiter itself
+    			event.preventDefault();
+    			return;
+    		}
+
+    		const Tab = selectOnTab && $hasDropdownOpened && !event.shiftKey
+    		? 'Tab'
+    		: 'No-tab';
+
+    		let ctrlKey = isIOS ? event.metaKey : event.ctrlKey;
+    		let isPageEvent = ['PageUp', 'PageDown'].includes(event.key);
+
+    		switch (event.key) {
+    			case 'End':
+    				if ($inputValue.length !== 0) return;
+    				$$invalidate(24, dropdownActiveIndex = listIndex.first);
+    			case 'PageDown':
+    				if (isPageEvent) {
+    					const [wrap, item] = refDropdown.getDimensions();
+    					$$invalidate(24, dropdownActiveIndex = Math.ceil((item * dropdownActiveIndex + wrap) / item));
+    				}
+    			case 'ArrowUp':
+    				event.preventDefault();
+    				if (!$hasDropdownOpened) {
+    					set_store_value(hasDropdownOpened, $hasDropdownOpened = true, $hasDropdownOpened);
+    					return;
+    				}
+    				$$invalidate(24, dropdownActiveIndex = listIndex.prev(dropdownActiveIndex));
+    				tick().then(refDropdown.scrollIntoView);
+    				ignoreHover = true;
+    				break;
+    			case 'Home':
+    				if ($inputValue.length !== 0 || $inputValue.length === 0 && availableItems.length === 0) return;
+    				$$invalidate(24, dropdownActiveIndex = listIndex.last);
+    			case 'PageUp':
+    				if (isPageEvent) {
+    					const [wrap, item] = refDropdown.getDimensions(); // ref #26
+    					$$invalidate(24, dropdownActiveIndex = Math.floor((item * dropdownActiveIndex - wrap) / item));
+    				}
+    			case 'ArrowDown':
+    				event.preventDefault();
+    				if (!$hasDropdownOpened) {
+    					set_store_value(hasDropdownOpened, $hasDropdownOpened = true, $hasDropdownOpened);
+    					return;
+    				}
+    				$$invalidate(24, dropdownActiveIndex = listIndex.next(dropdownActiveIndex));
+    				tick().then(refDropdown.scrollIntoView);
+    				ignoreHover = true;
+    				break;
+    			case 'Escape':
+    				if ($hasDropdownOpened) {
+    					// prevent ESC bubble in this case (interfering with modal closing etc. (bootstrap))
+    					event.preventDefault();
+
+    					event.stopPropagation();
+    				}
+    				if (!$inputValue) {
+    					set_store_value(hasDropdownOpened, $hasDropdownOpened = false, $hasDropdownOpened);
+    				}
+    				cancelXhr();
+    				set_store_value(inputValue, $inputValue = '', $inputValue);
+    				break;
+    			case Tab:
+    			case 'Enter':
+    				if (!$hasDropdownOpened) return;
+    				let activeDropdownItem = !ctrlKey ? availableItems[dropdownActiveIndex] : null;
+    				if (creatable && $inputValue) {
+    					activeDropdownItem = !activeDropdownItem || ctrlKey
+    					? $inputValue
+    					: activeDropdownItem;
+
+    					ctrlKey = false;
+    				}
+    				!ctrlKey && activeDropdownItem && onSelect(null, activeDropdownItem);
+    				if (availableItems.length <= dropdownActiveIndex) {
+    					$$invalidate(24, dropdownActiveIndex = currentListLength > 0
+    					? currentListLength
+    					: listIndex.first);
+    				}
+    				if (!activeDropdownItem && selectedOptions.length) {
+    					set_store_value(hasDropdownOpened, $hasDropdownOpened = false, $hasDropdownOpened);
+    					return;
+    				}
+    				event.preventDefault();
+    				break;
+    			case ' ':
+    				if (!fetch && !$hasDropdownOpened) {
+    					set_store_value(hasDropdownOpened, $hasDropdownOpened = true, $hasDropdownOpened); // prevent form submit
+    					event.preventDefault();
+    				}
+    				break;
+    			case 'Backspace':
+    				backspacePressed = true;
+    			case 'Delete':
+    				if ($inputValue === '' && selectedOptions.length) {
+    					ctrlKey
+    					? onDeselect({})
+    					: onDeselect(null, selectedOptions[selectedOptions.length - 1]); /** no detail prop */
+
+    					event.preventDefault();
+    				}
+    				backspacePressed = false;
+    			default:
+    				if (!ctrlKey && !['Tab', 'Shift'].includes(event.key) && !$hasDropdownOpened && !isFetchingData) {
+    					set_store_value(hasDropdownOpened, $hasDropdownOpened = true, $hasDropdownOpened);
+    				}
+    				if (!multiple && selectedOptions.length && event.key !== 'Tab') event.preventDefault();
+    		}
+    	}
+
+    	/**
+     * Enable create items by pasting
+     */
+    	function onPaste(event) {
+    		if (creatable) {
+    			event.preventDefault();
+    			const rx = new RegExp('([^' + delimiter + '\\n]+)', 'g');
+    			const pasted = event.clipboardData.getData('text/plain').replaceAll('/', '\/');
+    			const matches = pasted.match(rx);
+
+    			if (matches.length === 1 && pasted.indexOf(',') === -1) {
+    				set_store_value(inputValue, $inputValue = matches.pop().trim(), $inputValue);
+    			}
+
+    			matches.forEach(opt => onSelect(null, opt.trim()));
+    		}
+    	} // do nothing otherwise
+
+    	function onDndEvent(e) {
+    		$$invalidate(28, selectedOptions = e.detail.items);
+    	}
+
+    	/** ************************************ component lifecycle related */
+    	onMount(() => {
+    		$$invalidate(82, isInitialized = true);
+
+    		if (creatable) {
+    			const valueProp = itemConfig.labelAsValue
+    			? currentLabelField
+    			: currentValueField;
+
+    			$$invalidate(38, alreadyCreated = [''].concat(flatItems.map(opt => opt[valueProp]).filter(opt => opt)));
+    		}
+
+    		$$invalidate(24, dropdownActiveIndex = listIndex.first);
+
+    		if (prevValue && !multiple) {
+    			const prop = labelAsValue ? currentLabelField : currentValueField;
+    			const selectedProp = valueAsObject ? prevValue[prop] : prevValue;
+    			$$invalidate(24, dropdownActiveIndex = flatItems.findIndex(opt => opt[prop] === selectedProp));
+    		}
+
+    		$$invalidate(35, isIOS = iOS());
+    	});
+
+    	function control_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			refControl = $$value;
+    			$$invalidate(34, refControl);
+    		});
+    	}
+
+    	function blur_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function dropdown_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			refDropdown = $$value;
+    			$$invalidate(33, refDropdown);
+    		});
+    	}
+
+    	function createoption_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function select_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			refSelectElement = $$value;
+    			$$invalidate(36, refSelectElement);
+    			$$invalidate(28, selectedOptions);
+    			(((((((($$invalidate(25, currentValueField), $$invalidate(82, isInitialized)), $$invalidate(102, prevOptions)), $$invalidate(53, options)), $$invalidate(81, itemConfig)), $$invalidate(57, valueField)), $$invalidate(58, labelField)), $$invalidate(26, currentLabelField)), $$invalidate(75, labelAsValue));
+    		});
+    	}
+
+    	$$self.$$set = $$props => {
+    		if ('name' in $$props) $$invalidate(3, name = $$props.name);
+    		if ('id' in $$props) $$invalidate(4, id = $$props.id);
+    		if ('required' in $$props) $$invalidate(5, required = $$props.required);
+    		if ('hasAnchor' in $$props) $$invalidate(6, hasAnchor = $$props.hasAnchor);
+    		if ('disabled' in $$props) $$invalidate(0, disabled = $$props.disabled);
+    		if ('options' in $$props) $$invalidate(53, options = $$props.options);
+    		if ('valueField' in $$props) $$invalidate(57, valueField = $$props.valueField);
+    		if ('labelField' in $$props) $$invalidate(58, labelField = $$props.labelField);
+    		if ('disabledField' in $$props) $$invalidate(7, disabledField = $$props.disabledField);
+    		if ('placeholder' in $$props) $$invalidate(8, placeholder = $$props.placeholder);
+    		if ('searchable' in $$props) $$invalidate(9, searchable = $$props.searchable);
+    		if ('clearable' in $$props) $$invalidate(10, clearable = $$props.clearable);
+    		if ('renderer' in $$props) $$invalidate(59, renderer = $$props.renderer);
+    		if ('disableHighlight' in $$props) $$invalidate(11, disableHighlight = $$props.disableHighlight);
+    		if ('selectOnTab' in $$props) $$invalidate(60, selectOnTab = $$props.selectOnTab);
+    		if ('resetOnBlur' in $$props) $$invalidate(12, resetOnBlur = $$props.resetOnBlur);
+    		if ('dndzone' in $$props) $$invalidate(13, dndzone = $$props.dndzone);
+    		if ('validatorAction' in $$props) $$invalidate(61, validatorAction = $$props.validatorAction);
+    		if ('dropdownItem' in $$props) $$invalidate(14, dropdownItem = $$props.dropdownItem);
+    		if ('controlItem' in $$props) $$invalidate(15, controlItem = $$props.controlItem);
+    		if ('multiple' in $$props) $$invalidate(1, multiple = $$props.multiple);
+    		if ('max' in $$props) $$invalidate(62, max = $$props.max);
+    		if ('collapseSelection' in $$props) $$invalidate(16, collapseSelection = $$props.collapseSelection);
+    		if ('creatable' in $$props) $$invalidate(17, creatable = $$props.creatable);
+    		if ('creatablePrefix' in $$props) $$invalidate(63, creatablePrefix = $$props.creatablePrefix);
+    		if ('allowEditing' in $$props) $$invalidate(64, allowEditing = $$props.allowEditing);
+    		if ('keepCreated' in $$props) $$invalidate(65, keepCreated = $$props.keepCreated);
+    		if ('delimiter' in $$props) $$invalidate(66, delimiter = $$props.delimiter);
+    		if ('createFilter' in $$props) $$invalidate(2, createFilter = $$props.createFilter);
+    		if ('fetch' in $$props) $$invalidate(54, fetch = $$props.fetch);
+    		if ('fetchMode' in $$props) $$invalidate(67, fetchMode = $$props.fetchMode);
+    		if ('fetchCallback' in $$props) $$invalidate(68, fetchCallback = $$props.fetchCallback);
+    		if ('fetchResetOnBlur' in $$props) $$invalidate(69, fetchResetOnBlur = $$props.fetchResetOnBlur);
+    		if ('minQuery' in $$props) $$invalidate(70, minQuery = $$props.minQuery);
+    		if ('lazyDropdown' in $$props) $$invalidate(18, lazyDropdown = $$props.lazyDropdown);
+    		if ('virtualList' in $$props) $$invalidate(19, virtualList = $$props.virtualList);
+    		if ('vlHeight' in $$props) $$invalidate(20, vlHeight = $$props.vlHeight);
+    		if ('vlItemSize' in $$props) $$invalidate(21, vlItemSize = $$props.vlItemSize);
+    		if ('searchField' in $$props) $$invalidate(71, searchField = $$props.searchField);
+    		if ('sortField' in $$props) $$invalidate(72, sortField = $$props.sortField);
+    		if ('disableSifter' in $$props) $$invalidate(73, disableSifter = $$props.disableSifter);
+    		if ('class' in $$props) $$invalidate(22, className = $$props.class);
+    		if ('style' in $$props) $$invalidate(23, style = $$props.style);
+    		if ('i18n' in $$props) $$invalidate(74, i18n = $$props.i18n);
+    		if ('readSelection' in $$props) $$invalidate(56, readSelection = $$props.readSelection);
+    		if ('value' in $$props) $$invalidate(55, value = $$props.value);
+    		if ('labelAsValue' in $$props) $$invalidate(75, labelAsValue = $$props.labelAsValue);
+    		if ('valueAsObject' in $$props) $$invalidate(76, valueAsObject = $$props.valueAsObject);
+    		if ('$$scope' in $$props) $$invalidate(92, $$scope = $$props.$$scope);
+    	};
+
+    	$$self.$$.update = () => {
+    		if ($$self.$$.dirty[1] & /*fetch*/ 8388608) {
+    			/** ************************************ remote source */
+    			// $: initFetchOnly = fetchMode === 'init' || (typeof fetch === 'string' && fetch.indexOf('[query]') === -1);
+    			createFetch(fetch);
+    		}
+
+    		if ($$self.$$.dirty[0] & /*disabled*/ 1) {
+    			disabled && cancelXhr();
+    		}
+
+    		if ($$self.$$.dirty[2] & /*i18n*/ 4096) {
+    			{
+    				if (i18n && typeof i18n === 'object') {
+    					$$invalidate(27, _i18n = Object.assign({}, config.i18n, i18n));
+    				}
+    			}
+    		}
+
+    		if ($$self.$$.dirty[0] & /*currentValueField, currentLabelField*/ 100663296 | $$self.$$.dirty[1] & /*options, valueField, labelField*/ 205520896 | $$self.$$.dirty[2] & /*isInitialized, itemConfig*/ 1572864) {
+    			{
+    				if (isInitialized && prevOptions !== options && options.length) {
+    					const ivalue = fieldInit('value', options || null, itemConfig);
+    					const ilabel = fieldInit('label', options || null, itemConfig);
+    					if (!valueField && currentValueField !== ivalue) $$invalidate(81, itemConfig.valueField = $$invalidate(25, currentValueField = ivalue), itemConfig);
+    					if (!labelField && currentLabelField !== ilabel) $$invalidate(81, itemConfig.labelField = $$invalidate(26, currentLabelField = ilabel), itemConfig);
+    				}
+    			}
+    		}
+
+    		if ($$self.$$.dirty[2] & /*labelAsValue*/ 8192) {
+    			{
+    				$$invalidate(81, itemConfig.labelAsValue = labelAsValue, itemConfig);
+    			}
+    		}
+
+    		if ($$self.$$.dirty[0] & /*selectedOptions, multiple, currentLabelField, currentValueField*/ 369098754 | $$self.$$.dirty[2] & /*itemConfig, valueAsObject, prevValue*/ 4734976) {
+    			{
+    				const _selectionArray = selectedOptions.map(opt => {
+    					const obj = {};
+    					itemConfig.optionProps.forEach(prop => obj[prop] = opt[prop]);
+    					return obj;
+    				});
+
+    				const _unifiedSelection = multiple
+    				? _selectionArray
+    				: _selectionArray.length ? _selectionArray[0] : null;
+
+    				const valueProp = itemConfig.labelAsValue
+    				? currentLabelField
+    				: currentValueField;
+
+    				if (!valueAsObject) {
+    					$$invalidate(84, prevValue = multiple
+    					? _unifiedSelection.map(opt => opt[valueProp])
+    					: selectedOptions.length
+    						? _unifiedSelection[valueProp]
+    						: null);
+    				} else {
+    					$$invalidate(84, prevValue = _unifiedSelection);
+    				}
+
+    				$$invalidate(55, value = prevValue);
+    				$$invalidate(56, readSelection = _unifiedSelection);
+    			}
+    		}
+
+    		if ($$self.$$.dirty[1] & /*value*/ 16777216 | $$self.$$.dirty[2] & /*prevValue*/ 4194304) {
+    			prevValue !== value && handleValueUpdate(value);
+    		}
+
+    		if ($$self.$$.dirty[1] & /*options*/ 4194304 | $$self.$$.dirty[2] & /*itemConfig*/ 524288) {
+    			$$invalidate(85, flatItems = flatList(options, itemConfig));
+    		}
+
+    		if ($$self.$$.dirty[0] & /*selectedOptions*/ 268435456 | $$self.$$.dirty[2] & /*max*/ 1) {
+    			$$invalidate(31, maxReached = max && selectedOptions.length === max);
+    		}
+
+    		if ($$self.$$.dirty[0] & /*multiple*/ 2 | $$self.$$.dirty[1] & /*maxReached, $inputValue*/ 3 | $$self.$$.dirty[2] & /*flatItems, disableSifter, searchField, sortField, itemConfig*/ 8916480) {
+    			$$invalidate(30, availableItems = maxReached
+    			? []
+    			: filterList(flatItems, disableSifter ? null : $inputValue, multiple ? selectedKeys : false, searchField, sortField, itemConfig));
+    		}
+
+    		if ($$self.$$.dirty[0] & /*creatable, availableItems*/ 1073872896 | $$self.$$.dirty[1] & /*$inputValue*/ 2) {
+    			currentListLength = creatable && $inputValue
+    			? availableItems.length
+    			: availableItems.length - 1;
+    		}
+
+    		if ($$self.$$.dirty[0] & /*availableItems, creatable*/ 1073872896 | $$self.$$.dirty[1] & /*$inputValue*/ 2 | $$self.$$.dirty[2] & /*itemConfig*/ 524288) {
+    			$$invalidate(29, listIndex = indexList(availableItems, creatable && $inputValue, itemConfig));
+    		}
+
+    		if ($$self.$$.dirty[0] & /*dropdownActiveIndex, listIndex*/ 553648128) {
+    			{
+    				if (dropdownActiveIndex === null) {
+    					$$invalidate(24, dropdownActiveIndex = listIndex.first);
+    				} else if (dropdownActiveIndex > listIndex.last) {
+    					$$invalidate(24, dropdownActiveIndex = listIndex.last);
+    				}
+    			}
+    		}
+
+    		if ($$self.$$.dirty[0] & /*_i18n, availableItems*/ 1207959552 | $$self.$$.dirty[1] & /*maxReached, $inputValue, fetch*/ 8388611 | $$self.$$.dirty[2] & /*max, minQuery, initFetchOnly*/ 2097409) {
+    			$$invalidate(40, listMessage = maxReached
+    			? _i18n.max(max)
+    			: $inputValue.length && availableItems.length === 0 && minQuery <= 1
+    				? _i18n.nomatch
+    				: fetch
+    					? minQuery <= 1
+    						? initFetchOnly ? _i18n.fetchInit : _i18n.fetchBefore
+    						: _i18n.fetchQuery(minQuery, $inputValue.length)
+    					: _i18n.empty);
+    		}
+
+    		if ($$self.$$.dirty[0] & /*currentLabelField*/ 67108864 | $$self.$$.dirty[1] & /*renderer*/ 268435456) {
+    			$$invalidate(39, itemRenderer = typeof renderer === 'function'
+    			? renderer
+    			: formatterList[renderer] || formatterList.default.bind({ label: currentLabelField }));
+    		}
+    	};
+
+    	return [
+    		disabled,
+    		multiple,
+    		createFilter,
+    		name,
+    		id,
+    		required,
+    		hasAnchor,
+    		disabledField,
+    		placeholder,
+    		searchable,
+    		clearable,
+    		disableHighlight,
+    		resetOnBlur,
+    		dndzone,
+    		dropdownItem,
+    		controlItem,
+    		collapseSelection,
+    		creatable,
+    		lazyDropdown,
+    		virtualList,
+    		vlHeight,
+    		vlItemSize,
+    		className,
+    		style,
+    		dropdownActiveIndex,
+    		currentValueField,
+    		currentLabelField,
+    		_i18n,
+    		selectedOptions,
+    		listIndex,
+    		availableItems,
+    		maxReached,
+    		$inputValue,
+    		refDropdown,
+    		refControl,
+    		isIOS,
+    		refSelectElement,
+    		isFetchingData,
+    		alreadyCreated,
+    		itemRenderer,
+    		listMessage,
+    		$hasDropdownOpened,
+    		refSelectAction,
+    		refSelectActionParams,
+    		inputValue,
+    		hasFocus,
+    		hasDropdownOpened,
+    		onSelect,
+    		onDeselect,
+    		onHover,
+    		onKeyDown,
+    		onPaste,
+    		onDndEvent,
+    		options,
+    		fetch,
+    		value,
+    		readSelection,
+    		valueField,
+    		labelField,
+    		renderer,
+    		selectOnTab,
+    		validatorAction,
+    		max,
+    		creatablePrefix,
+    		allowEditing,
+    		keepCreated,
+    		delimiter,
+    		fetchMode,
+    		fetchCallback,
+    		fetchResetOnBlur,
+    		minQuery,
+    		searchField,
+    		sortField,
+    		disableSifter,
+    		i18n,
+    		labelAsValue,
+    		valueAsObject,
+    		focus,
+    		getSelection,
+    		setSelection,
+    		clearByParent,
+    		itemConfig,
+    		isInitialized,
+    		initFetchOnly,
+    		prevValue,
+    		flatItems,
+    		slots,
+    		control_binding,
+    		blur_handler,
+    		dropdown_binding,
+    		createoption_handler,
+    		select_binding,
+    		$$scope
+    	];
+    }
+
+    class Svelecte extends SvelteComponent {
+    	constructor(options) {
+    		super();
+
+    		init(
+    			this,
+    			options,
+    			instance$b,
+    			create_fragment$b,
+    			safe_not_equal,
+    			{
+    				name: 3,
+    				id: 4,
+    				required: 5,
+    				hasAnchor: 6,
+    				disabled: 0,
+    				options: 53,
+    				valueField: 57,
+    				labelField: 58,
+    				disabledField: 7,
+    				placeholder: 8,
+    				searchable: 9,
+    				clearable: 10,
+    				renderer: 59,
+    				disableHighlight: 11,
+    				selectOnTab: 60,
+    				resetOnBlur: 12,
+    				dndzone: 13,
+    				validatorAction: 61,
+    				dropdownItem: 14,
+    				controlItem: 15,
+    				multiple: 1,
+    				max: 62,
+    				collapseSelection: 16,
+    				creatable: 17,
+    				creatablePrefix: 63,
+    				allowEditing: 64,
+    				keepCreated: 65,
+    				delimiter: 66,
+    				createFilter: 2,
+    				fetch: 54,
+    				fetchMode: 67,
+    				fetchCallback: 68,
+    				fetchResetOnBlur: 69,
+    				minQuery: 70,
+    				lazyDropdown: 18,
+    				virtualList: 19,
+    				vlHeight: 20,
+    				vlItemSize: 21,
+    				searchField: 71,
+    				sortField: 72,
+    				disableSifter: 73,
+    				class: 22,
+    				style: 23,
+    				i18n: 74,
+    				readSelection: 56,
+    				value: 55,
+    				labelAsValue: 75,
+    				valueAsObject: 76,
+    				focus: 77,
+    				getSelection: 78,
+    				setSelection: 79,
+    				clearByParent: 80
+    			},
+    			null,
+    			[-1, -1, -1, -1]
+    		);
+    	}
+
+    	get focus() {
+    		return this.$$.ctx[77];
+    	}
+
+    	get getSelection() {
+    		return this.$$.ctx[78];
+    	}
+
+    	get setSelection() {
+    		return this.$$.ctx[79];
+    	}
+
+    	get clearByParent() {
+    		return this.$$.ctx[80];
+    	}
+    }
+
+    const dataset = {
+      countryGroups: () => [
+        {
+          label: 'A',
+          options: [{
+            value: 'al',
+            text: 'Albania'
+          },
+          {
+            value: 'ad',
+            text: 'Andorra'
+          },
+          {
+            value: 'am',
+            text: 'Armenia'
+          },
+          {
+            value: 'a',
+            text: 'Austria'
+          },
+          {
+            value: 'az',
+            text: 'Azerbaijan'
+          }]
+        },
+        {
+          label: 'B',
+          options: [{
+            value: 'by',
+            text: 'Belarus'
+          },
+          {
+            value: 'be',
+            text: 'Belgium'
+          },
+          {
+            value: 'ba',
+            text: 'Bosnia and Herzegovina'
+          },
+          {
+            value: 'bg',
+            text: 'Bulgaria'
+          }]
+        },
+        {
+          label: 'C',
+          options: [{
+            value: 'hr',
+            text: 'Croatia'
+          },
+          {
+            value: 'cy',
+            text: 'Cyprus'
+          },
+          {
+            value: 'cz',
+            text: 'Czechia'
+          }]
+        }
+      ],
+      countries: () => [
+        {
+          value: 'al',
+          text: 'Albania'
+        },
+        {
+          value: 'ad',
+          text: 'Andorra'
+        },
+        {
+          value: 'am',
+          text: 'Armenia'
+        },
+        {
+          value: 'a',
+          text: 'Austria'
+        },
+        {
+          value: 'az',
+          text: 'Azerbaijan'
+        },
+        {
+          value: 'by',
+          text: 'Belarus'
+        },
+        {
+          value: 'be',
+          text: 'Belgium'
+        },
+        {
+          value: 'ba',
+          text: 'Bosnia and Herzegovina'
+        },
+        {
+          value: 'bg',
+          text: 'Bulgaria'
+        },
+        {
+          value: 'hr',
+          text: 'Croatia'
+        },
+        {
+          value: 'cy',
+          text: 'Cyprus'
+        },
+        {
+          value: 'cz',
+          text: 'Czechia'
+        },
+        {
+          value: 'dk',
+          text: 'Denmark'
+        },
+        {
+          value: 'ee',
+          text: 'Estonia'
+        },
+        {
+          value: 'fi',
+          text: 'Finland'
+        },
+        {
+          value: 'fr',
+          text: 'France'
+        },
+        {
+          value: 'ge',
+          text: 'Georgia'
+        },
+        {
+          value: 'de',
+          text: 'Germany'
+        },
+        {
+          value: 'gr',
+          text: 'Greece'
+        },
+        {
+          value: 'hu',
+          text: 'Hungary'
+        },
+        {
+          value: 'is',
+          text: 'Iceland'
+        },
+        {
+          value: 'ie',
+          text: 'Ireland'
+        },
+        {
+          value: 'it',
+          text: 'Italy'
+        },
+        {
+          value: 'xk',
+          text: 'Kosovo'
+        },
+        {
+          value: 'lv',
+          text: 'Latvia'
+        },
+        {
+          value: 'li',
+          text: 'Liechtenstein'
+        },
+        {
+          value: 'lt',
+          text: 'Lithuania'
+        },
+        {
+          value: 'lu',
+          text: 'Luxembourg'
+        },
+        {
+          value: 'mt',
+          text: 'Malta'
+        },
+        {
+          value: 'md',
+          text: 'Moldova'
+        },
+        {
+          value: 'me',
+          text: 'Montenegro'
+        },
+        {
+          value: 'nl',
+          text: 'Netherlands'
+        },
+        {
+          value: 'mk',
+          text: 'North Macedonia (formerly Macedonia)'
+        },
+        {
+          value: 'no',
+          text: 'Norway'
+        },
+        {
+          value: 'pl',
+          text: 'Poland'
+        },
+        {
+          value: 'pt',
+          text: 'Portugal'
+        },
+        {
+          value: 'ro',
+          text: 'Romania'
+        },
+        {
+          value: 'ru',
+          text: 'Russia'
+        },
+        {
+          value: 'rs',
+          text: 'Serbia'
+        },
+        {
+          value: 'sk',
+          text: 'Slovakia'
+        },
+        {
+          value: 'sl',
+          text: 'Slovenia'
+        },
+        {
+          value: 'es',
+          text: 'Spain'
+        },
+        {
+          value: 'se',
+          text: 'Sweden'
+        },
+        {
+          value: 'ch',
+          text: 'Switzerland'
+        },
+        {
+          value: 'tr',
+          text: 'Turkey'
+        },
+        {
+          value: 'ua',
+          text: 'Ukraine'
+        },
+        {
+          value: 'uk',
+          text: 'United Kingdom'
+        },
+      ],
+      colors: () => [
+        {
+          value: 'aqua',
+          text: 'Aqua',
+          hex: '#00FFFF'
+        },
+        {
+          value: 'black',
+          text: 'Black',
+          hex: '#000000'
+        },
+        {
+          value: 'blue',
+          text: 'Blue',
+          hex: '#0000FF'
+        },
+        {
+          value: 'gray',
+          text: 'Gray',
+          hex: '#808080'
+        },
+        {
+          value: 'green',
+          text: 'Green',
+          hex: '#008000'
+        },
+        {
+          value: 'fuchsia',
+          text: 'Fuchsia',
+          hex: '#FF00FF'
+        },
+        {
+          value: 'lime',
+          text: 'Lime',
+          hex: '#00FF00'
+        },
+        {
+          value: 'maroon',
+          text: 'Maroon',
+          hex: '#800000'
+        },
+        {
+          value: 'navy',
+          text: 'Navy',
+          hex: '#000080'
+        },
+        {
+          value: 'olive',
+          text: 'Olive',
+          hex: '#808000'
+        },
+        {
+          value: 'purple',
+          text: 'Purple',
+          hex: '#800080'
+        },
+        {
+          value: 'red',
+          text: 'Red',
+          hex: '#FF0000'
+        },
+        {
+          value: 'silver',
+          text: 'Silver',
+          hex: '#C0C0C0'
+        },
+        {
+          value: 'teal',
+          text: 'Teal',
+          hex: '#008080'
+        },
+        {
+          value: 'yellow',
+          text: 'Yellow',
+          hex: '#FFFF00'
+        },
+        {
+          value: 'white',
+          text: 'White',
+          hex: '#FFFFFF'
+        }
+      ]
+    };
+
+    /* docs/src/01-basic.svelte generated by Svelte v3.44.3 */
+
+    function create_fragment$a(ctx) {
+    	let label;
+    	let t1;
+    	let svelecte;
+    	let updating_readSelection;
+    	let updating_value;
+    	let t2;
+    	let div0;
+    	let t3;
+    	let code0;
+    	let t5;
+    	let b0;
+    	let t6_value = JSON.stringify(/*selection*/ ctx[0]) + "";
+    	let t6;
+    	let t7;
+    	let div1;
+    	let t8;
+    	let code1;
+    	let t10;
+    	let b1;
+    	let t11;
+    	let current;
+
+    	function svelecte_readSelection_binding(value) {
+    		/*svelecte_readSelection_binding*/ ctx[3](value);
+    	}
+
+    	function svelecte_value_binding(value) {
+    		/*svelecte_value_binding*/ ctx[4](value);
+    	}
+
+    	let svelecte_props = {
+    		options: /*options*/ ctx[2],
+    		id: "country",
+    		placeholder: "Select country"
+    	};
+
+    	if (/*selection*/ ctx[0] !== void 0) {
+    		svelecte_props.readSelection = /*selection*/ ctx[0];
+    	}
+
+    	if (/*value*/ ctx[1] !== void 0) {
+    		svelecte_props.value = /*value*/ ctx[1];
+    	}
+
+    	svelecte = new Svelecte({ props: svelecte_props });
+    	binding_callbacks.push(() => bind(svelecte, 'readSelection', svelecte_readSelection_binding));
+    	binding_callbacks.push(() => bind(svelecte, 'value', svelecte_value_binding));
+
+    	return {
+    		c() {
+    			label = element("label");
+    			label.textContent = "Select a country";
+    			t1 = space();
+    			create_component(svelecte.$$.fragment);
+    			t2 = space();
+    			div0 = element("div");
+    			t3 = text("Current ");
+    			code0 = element("code");
+    			code0.textContent = "readSelection";
+    			t5 = text(" value: ");
+    			b0 = element("b");
+    			t6 = text(t6_value);
+    			t7 = space();
+    			div1 = element("div");
+    			t8 = text("Current ");
+    			code1 = element("code");
+    			code1.textContent = "value";
+    			t10 = text(" value: ");
+    			b1 = element("b");
+    			t11 = text(/*value*/ ctx[1]);
+    			attr(label, "for", "country");
+    		},
+    		m(target, anchor) {
+    			insert(target, label, anchor);
+    			insert(target, t1, anchor);
+    			mount_component(svelecte, target, anchor);
+    			insert(target, t2, anchor);
+    			insert(target, div0, anchor);
+    			append(div0, t3);
+    			append(div0, code0);
+    			append(div0, t5);
+    			append(div0, b0);
+    			append(b0, t6);
+    			insert(target, t7, anchor);
+    			insert(target, div1, anchor);
+    			append(div1, t8);
+    			append(div1, code1);
+    			append(div1, t10);
+    			append(div1, b1);
+    			append(b1, t11);
+    			current = true;
+    		},
+    		p(ctx, [dirty]) {
+    			const svelecte_changes = {};
+
+    			if (!updating_readSelection && dirty & /*selection*/ 1) {
+    				updating_readSelection = true;
+    				svelecte_changes.readSelection = /*selection*/ ctx[0];
+    				add_flush_callback(() => updating_readSelection = false);
+    			}
+
+    			if (!updating_value && dirty & /*value*/ 2) {
+    				updating_value = true;
+    				svelecte_changes.value = /*value*/ ctx[1];
+    				add_flush_callback(() => updating_value = false);
+    			}
+
+    			svelecte.$set(svelecte_changes);
+    			if ((!current || dirty & /*selection*/ 1) && t6_value !== (t6_value = JSON.stringify(/*selection*/ ctx[0]) + "")) set_data(t6, t6_value);
+    			if (!current || dirty & /*value*/ 2) set_data(t11, /*value*/ ctx[1]);
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(svelecte.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(svelecte.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (detaching) detach(label);
+    			if (detaching) detach(t1);
+    			destroy_component(svelecte, detaching);
+    			if (detaching) detach(t2);
+    			if (detaching) detach(div0);
+    			if (detaching) detach(t7);
+    			if (detaching) detach(div1);
+    		}
+    	};
+    }
+
+    function instance$a($$self, $$props, $$invalidate) {
+    	let options = dataset.countries();
+    	let selection = null;
+    	let value = "cz";
+
+    	setTimeout(
+    		() => {
+    			$$invalidate(1, value = "de");
+    		},
+    		4000
+    	);
+
+    	function svelecte_readSelection_binding(value) {
+    		selection = value;
+    		$$invalidate(0, selection);
+    	}
+
+    	function svelecte_value_binding(value$1) {
+    		value = value$1;
+    		$$invalidate(1, value);
+    	}
+
+    	return [
+    		selection,
+    		value,
+    		options,
+    		svelecte_readSelection_binding,
+    		svelecte_value_binding
+    	];
+    }
+
+    class _01_basic extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance$a, create_fragment$a, safe_not_equal, {});
+    	}
+    }
+
+    /* docs/src/02-basicPlain.svelte generated by Svelte v3.44.3 */
+
+    function create_fragment$9(ctx) {
+    	let svelecte;
+    	let updating_readSelection;
+    	let updating_value;
+    	let t0;
+    	let div0;
+    	let t1;
+    	let label0;
+    	let input0;
+    	let t2;
+    	let t3;
+    	let label1;
+    	let input1;
+    	let t4;
+    	let t5;
+    	let div1;
+    	let t6;
+    	let code0;
+    	let t8;
+    	let b0;
+    	let t9_value = JSON.stringify(/*selection*/ ctx[1]) + "";
+    	let t9;
+    	let t10;
+    	let br;
+    	let t11;
+    	let code1;
+    	let t13;
+    	let b1;
+    	let t14;
+    	let current;
+    	let mounted;
+    	let dispose;
+
+    	function svelecte_readSelection_binding(value) {
+    		/*svelecte_readSelection_binding*/ ctx[4](value);
+    	}
+
+    	function svelecte_value_binding(value) {
+    		/*svelecte_value_binding*/ ctx[5](value);
+    	}
+
+    	let svelecte_props = {
+    		options: /*options*/ ctx[3],
+    		labelAsValue: /*labelAsValue*/ ctx[0],
+    		multiple: true,
+    		placeholder: "Select country"
+    	};
+
+    	if (/*selection*/ ctx[1] !== void 0) {
+    		svelecte_props.readSelection = /*selection*/ ctx[1];
+    	}
+
+    	if (/*value*/ ctx[2] !== void 0) {
+    		svelecte_props.value = /*value*/ ctx[2];
+    	}
+
+    	svelecte = new Svelecte({ props: svelecte_props });
+    	binding_callbacks.push(() => bind(svelecte, 'readSelection', svelecte_readSelection_binding));
+    	binding_callbacks.push(() => bind(svelecte, 'value', svelecte_value_binding));
+
+    	return {
+    		c() {
+    			create_component(svelecte.$$.fragment);
+    			t0 = space();
+    			div0 = element("div");
+    			t1 = text("Pick\r\n  ");
+    			label0 = element("label");
+    			input0 = element("input");
+    			t2 = text(" value");
+    			t3 = space();
+    			label1 = element("label");
+    			input1 = element("input");
+    			t4 = text(" label");
+    			t5 = space();
+    			div1 = element("div");
+    			t6 = text("Current ");
+    			code0 = element("code");
+    			code0.textContent = "readSelection";
+    			t8 = text(" value: ");
+    			b0 = element("b");
+    			t9 = text(t9_value);
+    			t10 = space();
+    			br = element("br");
+    			t11 = text("\r\n  Current ");
+    			code1 = element("code");
+    			code1.textContent = "value";
+    			t13 = text(" value: ");
+    			b1 = element("b");
+    			t14 = text(/*value*/ ctx[2]);
+    			attr(input0, "type", "radio");
+    			input0.__value = false;
+    			input0.value = input0.__value;
+    			/*$$binding_groups*/ ctx[7][0].push(input0);
+    			attr(input1, "type", "radio");
+    			attr(input1, "id", "");
+    			input1.__value = true;
+    			input1.value = input1.__value;
+    			/*$$binding_groups*/ ctx[7][0].push(input1);
+    			attr(div0, "class", "float-right");
+    		},
+    		m(target, anchor) {
+    			mount_component(svelecte, target, anchor);
+    			insert(target, t0, anchor);
+    			insert(target, div0, anchor);
+    			append(div0, t1);
+    			append(div0, label0);
+    			append(label0, input0);
+    			input0.checked = input0.__value === /*labelAsValue*/ ctx[0];
+    			append(label0, t2);
+    			append(div0, t3);
+    			append(div0, label1);
+    			append(label1, input1);
+    			input1.checked = input1.__value === /*labelAsValue*/ ctx[0];
+    			append(label1, t4);
+    			insert(target, t5, anchor);
+    			insert(target, div1, anchor);
+    			append(div1, t6);
+    			append(div1, code0);
+    			append(div1, t8);
+    			append(div1, b0);
+    			append(b0, t9);
+    			append(div1, t10);
+    			append(div1, br);
+    			append(div1, t11);
+    			append(div1, code1);
+    			append(div1, t13);
+    			append(div1, b1);
+    			append(b1, t14);
+    			current = true;
+
+    			if (!mounted) {
+    				dispose = [
+    					listen(input0, "change", /*input0_change_handler*/ ctx[6]),
+    					listen(input1, "change", /*input1_change_handler*/ ctx[8])
+    				];
+
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, [dirty]) {
+    			const svelecte_changes = {};
+    			if (dirty & /*labelAsValue*/ 1) svelecte_changes.labelAsValue = /*labelAsValue*/ ctx[0];
+
+    			if (!updating_readSelection && dirty & /*selection*/ 2) {
+    				updating_readSelection = true;
+    				svelecte_changes.readSelection = /*selection*/ ctx[1];
+    				add_flush_callback(() => updating_readSelection = false);
+    			}
+
+    			if (!updating_value && dirty & /*value*/ 4) {
+    				updating_value = true;
+    				svelecte_changes.value = /*value*/ ctx[2];
+    				add_flush_callback(() => updating_value = false);
+    			}
+
+    			svelecte.$set(svelecte_changes);
+
+    			if (dirty & /*labelAsValue*/ 1) {
+    				input0.checked = input0.__value === /*labelAsValue*/ ctx[0];
+    			}
+
+    			if (dirty & /*labelAsValue*/ 1) {
+    				input1.checked = input1.__value === /*labelAsValue*/ ctx[0];
+    			}
+
+    			if ((!current || dirty & /*selection*/ 2) && t9_value !== (t9_value = JSON.stringify(/*selection*/ ctx[1]) + "")) set_data(t9, t9_value);
+    			if (!current || dirty & /*value*/ 4) set_data(t14, /*value*/ ctx[2]);
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(svelecte.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(svelecte.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			destroy_component(svelecte, detaching);
+    			if (detaching) detach(t0);
+    			if (detaching) detach(div0);
+    			/*$$binding_groups*/ ctx[7][0].splice(/*$$binding_groups*/ ctx[7][0].indexOf(input0), 1);
+    			/*$$binding_groups*/ ctx[7][0].splice(/*$$binding_groups*/ ctx[7][0].indexOf(input1), 1);
+    			if (detaching) detach(t5);
+    			if (detaching) detach(div1);
+    			mounted = false;
+    			run_all(dispose);
+    		}
+    	};
+    }
+
+    function instance$9($$self, $$props, $$invalidate) {
+    	let options = dataset.countries().map(opt => opt.text);
+    	let labelAsValue = false;
+    	let selection = [];
+    	let value = ['Czechia', 'Germany'];
+    	const $$binding_groups = [[]];
+
+    	function svelecte_readSelection_binding(value) {
+    		selection = value;
+    		$$invalidate(1, selection);
+    	}
+
+    	function svelecte_value_binding(value$1) {
+    		value = value$1;
+    		$$invalidate(2, value);
+    	}
+
+    	function input0_change_handler() {
+    		labelAsValue = this.__value;
+    		$$invalidate(0, labelAsValue);
+    	}
+
+    	function input1_change_handler() {
+    		labelAsValue = this.__value;
+    		$$invalidate(0, labelAsValue);
+    	}
+
+    	return [
+    		labelAsValue,
+    		selection,
+    		value,
+    		options,
+    		svelecte_readSelection_binding,
+    		svelecte_value_binding,
+    		input0_change_handler,
+    		$$binding_groups,
+    		input1_change_handler
+    	];
+    }
+
+    class _02_basicPlain extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance$9, create_fragment$9, safe_not_equal, {});
+    	}
+    }
+
+    /* docs/src/03-groups.svelte generated by Svelte v3.44.3 */
+
+    function create_fragment$8(ctx) {
+    	let svelecte;
+    	let current;
+    	svelecte = new Svelecte({ props: { options: /*options*/ ctx[0] } });
+
+    	return {
+    		c() {
+    			create_component(svelecte.$$.fragment);
+    		},
+    		m(target, anchor) {
+    			mount_component(svelecte, target, anchor);
+    			current = true;
+    		},
+    		p: noop,
+    		i(local) {
+    			if (current) return;
+    			transition_in(svelecte.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(svelecte.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			destroy_component(svelecte, detaching);
+    		}
+    	};
+    }
+
+    function instance$8($$self) {
+    	const options = [
+    		{
+    			label: 'A',
+    			options: [
+    				{ value: 'al', text: 'Albania' },
+    				{ value: 'ad', text: 'Andorra' },
+    				{ value: 'am', text: 'Armenia' },
+    				{ value: 'a', text: 'Austria' },
+    				{ value: 'az', text: 'Azerbaijan' }
+    			]
+    		},
+    		{
+    			label: 'B',
+    			options: [
+    				{ value: 'by', text: 'Belarus' },
+    				{ value: 'be', text: 'Belgium' },
+    				{
+    					value: 'ba',
+    					text: 'Bosnia and Herzegovina'
+    				},
+    				{ value: 'bg', text: 'Bulgaria' }
+    			]
+    		},
+    		{
+    			label: 'C',
+    			options: [
+    				{ value: 'hr', text: 'Croatia' },
+    				{ value: 'cy', text: 'Cyprus' },
+    				{ value: 'cz', text: 'Czechia' }
+    			]
+    		}
+    	];
+
+    	return [options];
+    }
+
+    class _03_groups extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance$8, create_fragment$8, safe_not_equal, {});
+    	}
+    }
+
+    /* docs/src/04-item-rendering.svelte generated by Svelte v3.44.3 */
+
+    function create_fragment$7(ctx) {
+    	let svelecte;
+    	let current;
+
+    	svelecte = new Svelecte({
+    			props: {
+    				options: /*options*/ ctx[0],
+    				renderer: "color-blocks",
+    				placeholder: "Select color"
+    			}
+    		});
+
+    	return {
+    		c() {
+    			create_component(svelecte.$$.fragment);
+    		},
+    		m(target, anchor) {
+    			mount_component(svelecte, target, anchor);
+    			current = true;
+    		},
+    		p: noop,
+    		i(local) {
+    			if (current) return;
+    			transition_in(svelecte.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(svelecte.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			destroy_component(svelecte, detaching);
+    		}
+    	};
+    }
+
+    function colorRenderer(item, isSelected) {
+    	if (isSelected) {
+    		return `<div class="color-item" style="background-color: ${item.hex}">
+        Selected color
+      </div>`;
+    	}
+
+    	return `<span class="color-item" style="background-color: ${item.hex};">
+      </span>${item.text}`;
+    }
+
+    function instance$7($$self) {
+    	let options = dataset.colors();
+
+    	// add custom renderer
+    	addFormatter('color-blocks', colorRenderer);
+
+    	// alternatively you can use object syntax
+    	addFormatter({ 'color-blocks': colorRenderer });
+
+    	return [options];
+    }
+
+    class _04_item_rendering extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance$7, create_fragment$7, safe_not_equal, {});
+    	}
+    }
+
+    /* docs/src/05-slot.svelte generated by Svelte v3.44.3 */
+
+    function create_icon_slot$1(ctx) {
+    	let b;
+    	let t;
+
+    	return {
+    		c() {
+    			b = element("b");
+    			t = text(/*iconSlot*/ ctx[1]);
+    			attr(b, "slot", "icon");
+    		},
+    		m(target, anchor) {
+    			insert(target, b, anchor);
+    			append(b, t);
+    		},
+    		p(ctx, dirty) {
+    			if (dirty & /*iconSlot*/ 2) set_data(t, /*iconSlot*/ ctx[1]);
+    		},
+    		d(detaching) {
+    			if (detaching) detach(b);
+    		}
+    	};
+    }
+
+    function create_fragment$6(ctx) {
+    	let svelecte;
+    	let updating_value;
+    	let current;
+
+    	function svelecte_value_binding(value) {
+    		/*svelecte_value_binding*/ ctx[3](value);
+    	}
+
+    	let svelecte_props = {
+    		options: /*options*/ ctx[2],
+    		placeholder: "Pick your color, even the black 😉",
+    		$$slots: { icon: [create_icon_slot$1] },
+    		$$scope: { ctx }
+    	};
+
+    	if (/*iconValue*/ ctx[0] !== void 0) {
+    		svelecte_props.value = /*iconValue*/ ctx[0];
+    	}
+
+    	svelecte = new Svelecte({ props: svelecte_props });
+    	binding_callbacks.push(() => bind(svelecte, 'value', svelecte_value_binding));
+
+    	return {
+    		c() {
+    			create_component(svelecte.$$.fragment);
+    		},
+    		m(target, anchor) {
+    			mount_component(svelecte, target, anchor);
+    			current = true;
+    		},
+    		p(ctx, [dirty]) {
+    			const svelecte_changes = {};
+
+    			if (dirty & /*$$scope, iconSlot*/ 18) {
+    				svelecte_changes.$$scope = { dirty, ctx };
+    			}
+
+    			if (!updating_value && dirty & /*iconValue*/ 1) {
+    				updating_value = true;
+    				svelecte_changes.value = /*iconValue*/ ctx[0];
+    				add_flush_callback(() => updating_value = false);
+    			}
+
+    			svelecte.$set(svelecte_changes);
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(svelecte.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(svelecte.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			destroy_component(svelecte, detaching);
+    		}
+    	};
+    }
+
+    function instance$6($$self, $$props, $$invalidate) {
+    	let iconSlot;
+    	let options = dataset.colors();
+    	let iconValue = null;
+
+    	function svelecte_value_binding(value) {
+    		iconValue = value;
+    		$$invalidate(0, iconValue);
+    	}
+
+    	$$self.$$.update = () => {
+    		if ($$self.$$.dirty & /*iconValue*/ 1) {
+    			$$invalidate(1, iconSlot = iconValue ? iconValue === 'black' ? '💀' : '👍' : '👉');
+    		}
+    	};
+
+    	return [iconValue, iconSlot, options, svelecte_value_binding];
+    }
+
+    class _05_slot extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance$6, create_fragment$6, safe_not_equal, {});
+    	}
+    }
+
+    /* docs/src/06-fetch.svelte generated by Svelte v3.44.3 */
+
+    function create_fragment$5(ctx) {
+    	let svelecte;
+    	let updating_value;
+    	let t0;
+    	let div;
+    	let b;
+    	let t2;
+    	let span;
+    	let t3;
+    	let input0;
+    	let t4;
+    	let label0;
+    	let input1;
+    	let t5;
+    	let t6;
+    	let label1;
+    	let input2;
+    	let t7;
+    	let t8;
+    	let pre;
+    	let t9_value = JSON.stringify(/*selectionWork*/ ctx[2]) + "";
+    	let t9;
+    	let current;
+    	let mounted;
+    	let dispose;
+
+    	function svelecte_value_binding(value) {
+    		/*svelecte_value_binding*/ ctx[4](value);
+    	}
+
+    	let svelecte_props = {
+    		resetOnBlur: /*resetOnBlur*/ ctx[0],
+    		fetchResetOnBlur: /*fetchResetOnBlur*/ ctx[1],
+    		valueAsObject: true,
+    		minQuery: /*minQueryValue*/ ctx[3],
+    		multiple: true,
+    		placeholder: "Start typing ('re' for example)",
+    		fetch: "https://jsonplaceholder.typicode.com/users/?email_like=[query]"
+    	};
+
+    	if (/*selectionWork*/ ctx[2] !== void 0) {
+    		svelecte_props.value = /*selectionWork*/ ctx[2];
+    	}
+
+    	svelecte = new Svelecte({ props: svelecte_props });
+    	binding_callbacks.push(() => bind(svelecte, 'value', svelecte_value_binding));
+
+    	return {
+    		c() {
+    			create_component(svelecte.$$.fragment);
+    			t0 = space();
+    			div = element("div");
+    			b = element("b");
+    			b.textContent = "Selected:";
+    			t2 = space();
+    			span = element("span");
+    			t3 = text("Min. query length:");
+    			input0 = element("input");
+    			t4 = space();
+    			label0 = element("label");
+    			input1 = element("input");
+    			t5 = text(" Reset on blur");
+    			t6 = space();
+    			label1 = element("label");
+    			input2 = element("input");
+    			t7 = text(" Reset search results on empty input");
+    			t8 = space();
+    			pre = element("pre");
+    			t9 = text(t9_value);
+    			attr(input0, "type", "number");
+    			attr(input0, "min", "1");
+    			attr(input0, "step", "1");
+    			attr(input0, "class", "small-input svelte-1go3b6d");
+    			attr(input1, "type", "checkbox");
+    			attr(input1, "name", "");
+    			attr(input1, "id", "rob");
+    			attr(label0, "for", "rob");
+    			attr(label0, "class", "mr-2");
+    			attr(input2, "type", "checkbox");
+    			attr(input2, "name", "");
+    			attr(input2, "id", "frob");
+    			attr(label1, "for", "frob");
+    			attr(span, "class", "float-right");
+    			attr(pre, "class", "mt-2");
+    		},
+    		m(target, anchor) {
+    			mount_component(svelecte, target, anchor);
+    			insert(target, t0, anchor);
+    			insert(target, div, anchor);
+    			append(div, b);
+    			append(div, t2);
+    			append(div, span);
+    			append(span, t3);
+    			append(span, input0);
+    			set_input_value(input0, /*minQueryValue*/ ctx[3]);
+    			append(span, t4);
+    			append(span, label0);
+    			append(label0, input1);
+    			input1.checked = /*resetOnBlur*/ ctx[0];
+    			append(label0, t5);
+    			append(span, t6);
+    			append(span, label1);
+    			append(label1, input2);
+    			input2.checked = /*fetchResetOnBlur*/ ctx[1];
+    			append(label1, t7);
+    			append(div, t8);
+    			append(div, pre);
+    			append(pre, t9);
+    			current = true;
+
+    			if (!mounted) {
+    				dispose = [
+    					listen(input0, "input", /*input0_input_handler*/ ctx[5]),
+    					listen(input1, "change", /*input1_change_handler*/ ctx[6]),
+    					listen(input2, "change", /*input2_change_handler*/ ctx[7])
+    				];
+
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, [dirty]) {
+    			const svelecte_changes = {};
+    			if (dirty & /*resetOnBlur*/ 1) svelecte_changes.resetOnBlur = /*resetOnBlur*/ ctx[0];
+    			if (dirty & /*fetchResetOnBlur*/ 2) svelecte_changes.fetchResetOnBlur = /*fetchResetOnBlur*/ ctx[1];
+    			if (dirty & /*minQueryValue*/ 8) svelecte_changes.minQuery = /*minQueryValue*/ ctx[3];
+
+    			if (!updating_value && dirty & /*selectionWork*/ 4) {
+    				updating_value = true;
+    				svelecte_changes.value = /*selectionWork*/ ctx[2];
+    				add_flush_callback(() => updating_value = false);
+    			}
+
+    			svelecte.$set(svelecte_changes);
+
+    			if (dirty & /*minQueryValue*/ 8 && to_number(input0.value) !== /*minQueryValue*/ ctx[3]) {
+    				set_input_value(input0, /*minQueryValue*/ ctx[3]);
+    			}
+
+    			if (dirty & /*resetOnBlur*/ 1) {
+    				input1.checked = /*resetOnBlur*/ ctx[0];
+    			}
+
+    			if (dirty & /*fetchResetOnBlur*/ 2) {
+    				input2.checked = /*fetchResetOnBlur*/ ctx[1];
+    			}
+
+    			if ((!current || dirty & /*selectionWork*/ 4) && t9_value !== (t9_value = JSON.stringify(/*selectionWork*/ ctx[2]) + "")) set_data(t9, t9_value);
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(svelecte.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(svelecte.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			destroy_component(svelecte, detaching);
+    			if (detaching) detach(t0);
+    			if (detaching) detach(div);
+    			mounted = false;
+    			run_all(dispose);
+    		}
+    	};
+    }
+
+    function instance$5($$self, $$props, $$invalidate) {
+    	let resetOnBlur = true;
+    	let fetchResetOnBlur = true;
+
+    	/**
+     * NOTE: We do not define initial value for `options` property. Initial options are created from `value` property.
+     * To make this conversion automatic, `valueAsObject` must be set to `true`
+     */
+    	let selectionWork = [
+    		{
+    			"id": 10,
+    			"name": "Clementina DuBuque",
+    			"username": "Moriah.Stanton",
+    			"email": "Rey.Padberg@karina.biz",
+    			"address": {
+    				"street": "Kattie Turnpike",
+    				"suite": "Suite 198",
+    				"city": "Lebsackbury",
+    				"zipcode": "31428-2261",
+    				"geo": { "lat": "-38.2386", "lng": "57.2232" }
+    			},
+    			"phone": "024-648-3804",
+    			"website": "ambrose.net",
+    			"company": {
+    				"name": "Hoeger LLC",
+    				"catchPhrase": "Centralized empowering task-force",
+    				"bs": "target end-to-end models"
+    			}
+    		}
+    	];
+
+    	let minQueryValue = 2;
+
+    	function svelecte_value_binding(value) {
+    		selectionWork = value;
+    		$$invalidate(2, selectionWork);
+    	}
+
+    	function input0_input_handler() {
+    		minQueryValue = to_number(this.value);
+    		$$invalidate(3, minQueryValue);
+    	}
+
+    	function input1_change_handler() {
+    		resetOnBlur = this.checked;
+    		$$invalidate(0, resetOnBlur);
+    	}
+
+    	function input2_change_handler() {
+    		fetchResetOnBlur = this.checked;
+    		$$invalidate(1, fetchResetOnBlur);
+    	}
+
+    	return [
+    		resetOnBlur,
+    		fetchResetOnBlur,
+    		selectionWork,
+    		minQueryValue,
+    		svelecte_value_binding,
+    		input0_input_handler,
+    		input1_change_handler,
+    		input2_change_handler
+    	];
+    }
+
+    class _06_fetch extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance$5, create_fragment$5, safe_not_equal, {});
+    	}
+    }
+
+    /* docs/src/07-playground.svelte generated by Svelte v3.44.3 */
+
+    function get_each_context(ctx, list, i) {
+    	const child_ctx = ctx.slice();
+    	child_ctx[72] = list[i];
+    	child_ctx[74] = i;
+    	return child_ctx;
+    }
+
+    // (216:8) 
+    function create_icon_slot(ctx) {
+    	let b;
+    	let t;
+
+    	return {
+    		c() {
+    			b = element("b");
+    			t = text(/*slot*/ ctx[20]);
+    			attr(b, "slot", "icon");
+    		},
+    		m(target, anchor) {
+    			insert(target, b, anchor);
+    			append(b, t);
+    		},
+    		p(ctx, dirty) {
+    			if (dirty[0] & /*slot*/ 1048576) set_data(t, /*slot*/ ctx[20]);
+    		},
+    		d(detaching) {
+    			if (detaching) detach(b);
+    		}
+    	};
+    }
+
+    // (260:14) {#each availableRenderers[remoteValue] || [] as item, i}
+    function create_each_block(ctx) {
+    	let option;
+    	let t_value = /*item*/ ctx[72] + "";
+    	let t;
+    	let option_value_value;
+
+    	return {
+    		c() {
+    			option = element("option");
+    			t = text(t_value);
+    			option.__value = option_value_value = /*item*/ ctx[72];
+    			option.value = option.__value;
+    		},
+    		m(target, anchor) {
+    			insert(target, option, anchor);
+    			append(option, t);
+    		},
+    		p(ctx, dirty) {
+    			if (dirty[0] & /*remoteValue*/ 4 && t_value !== (t_value = /*item*/ ctx[72] + "")) set_data(t, t_value);
+
+    			if (dirty[0] & /*remoteValue*/ 4 && option_value_value !== (option_value_value = /*item*/ ctx[72])) {
+    				option.__value = option_value_value;
+    				option.value = option.__value;
+    			}
+    		},
+    		d(detaching) {
+    			if (detaching) detach(option);
+    		}
+    	};
+    }
+
+    function create_fragment$4(ctx) {
+    	let div7;
+    	let div1;
+    	let h4;
+    	let t1;
+    	let div0;
+    	let svelecte0;
+    	let updating_value;
+    	let t2;
+    	let t3_value = JSON.stringify(/*myValue*/ ctx[3]) + "";
+    	let t3;
+    	let t4;
+    	let p0;
+    	let t6;
+    	let ul;
+    	let li0;
+    	let button0;
+    	let t8;
+    	let li1;
+    	let button1;
+    	let t10;
+    	let p1;
+    	let t14;
+    	let div6;
+    	let fieldset7;
+    	let legend0;
+    	let t16;
+    	let div5;
+    	let div2;
+    	let fieldset0;
+    	let legend1;
+    	let t18;
+    	let label0;
+    	let input0;
+    	let t19;
+    	let br0;
+    	let t20;
+    	let label1;
+    	let input1;
+    	let t21;
+    	let br1;
+    	let t22;
+    	let button2;
+    	let t24;
+    	let fieldset1;
+    	let legend2;
+    	let t26;
+    	let svelecte1;
+    	let updating_readSelection;
+    	let t27;
+    	let p2;
+    	let t32;
+    	let fieldset2;
+    	let legend3;
+    	let t34;
+    	let select0;
+    	let option0;
+    	let select0_disabled_value;
+    	let t36;
+    	let div3;
+    	let fieldset3;
+    	let legend4;
+    	let t38;
+    	let label2;
+    	let input2;
+    	let t39;
+    	let t40;
+    	let span0;
+    	let input3;
+    	let input3_disabled_value;
+    	let t41;
+    	let br3;
+    	let t42;
+    	let label3;
+    	let input4;
+    	let input4_disabled_value;
+    	let t43;
+    	let t44;
+    	let hr;
+    	let t45;
+    	let label4;
+    	let input5;
+    	let t46;
+    	let t47;
+    	let fieldset4;
+    	let legend5;
+    	let t49;
+    	let label5;
+    	let input6;
+    	let t50;
+    	let br4;
+    	let t51;
+    	let span1;
+    	let input7;
+    	let input7_disabled_value;
+    	let t52;
+    	let span2;
+    	let input8;
+    	let input8_disabled_value;
+    	let t53;
+    	let br5;
+    	let t54;
+    	let span3;
+    	let label6;
+    	let input9;
+    	let t55;
+    	let br6;
+    	let t56;
+    	let span4;
+    	let label7;
+    	let input10;
+    	let t57;
+    	let br7;
+    	let t58;
+    	let div4;
+    	let fieldset5;
+    	let legend6;
+    	let t60;
+    	let input11;
+    	let br8;
+    	let t61;
+    	let label8;
+    	let input12;
+    	let t62;
+    	let br9;
+    	let t63;
+    	let label9;
+    	let input13;
+    	let t64;
+    	let br10;
+    	let t65;
+    	let label10;
+    	let input14;
+    	let t66;
+    	let kbd;
+    	let t68;
+    	let fieldset6;
+    	let legend7;
+    	let t70;
+    	let span5;
+    	let t72;
+    	let select1;
+    	let option1;
+    	let option2;
+    	let current;
+    	let mounted;
+    	let dispose;
+    	const svelecte0_spread_levels = [/*settings*/ ctx[19], { name: "select" }, { valueAsObject: true }];
+
+    	function svelecte0_value_binding(value) {
+    		/*svelecte0_value_binding*/ ctx[29](value);
+    	}
+
+    	let svelecte0_props = {
+    		$$slots: { icon: [create_icon_slot] },
+    		$$scope: { ctx }
+    	};
+
+    	for (let i = 0; i < svelecte0_spread_levels.length; i += 1) {
+    		svelecte0_props = assign(svelecte0_props, svelecte0_spread_levels[i]);
+    	}
+
+    	if (/*myValue*/ ctx[3] !== void 0) {
+    		svelecte0_props.value = /*myValue*/ ctx[3];
+    	}
+
+    	svelecte0 = new Svelecte({ props: svelecte0_props });
+    	binding_callbacks.push(() => bind(svelecte0, 'value', svelecte0_value_binding));
+    	/*svelecte0_binding*/ ctx[30](svelecte0);
+
+    	function svelecte1_readSelection_binding(value) {
+    		/*svelecte1_readSelection_binding*/ ctx[36](value);
+    	}
+
+    	let svelecte1_props = {
+    		options: /*optionsList*/ ctx[22],
+    		style: "width: 195px"
+    	};
+
+    	if (/*dataSrc*/ ctx[0] !== void 0) {
+    		svelecte1_props.readSelection = /*dataSrc*/ ctx[0];
+    	}
+
+    	svelecte1 = new Svelecte({ props: svelecte1_props });
+    	binding_callbacks.push(() => bind(svelecte1, 'readSelection', svelecte1_readSelection_binding));
+    	svelecte1.$on("change", /*change_handler_2*/ ctx[37]);
+    	let each_value = /*availableRenderers*/ ctx[21][/*remoteValue*/ ctx[2]] || [];
+    	let each_blocks = [];
+
+    	for (let i = 0; i < each_value.length; i += 1) {
+    		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+    	}
+
+    	return {
+    		c() {
+    			div7 = element("div");
+    			div1 = element("div");
+    			h4 = element("h4");
+    			h4.textContent = "• Complex playground •";
+    			t1 = space();
+    			div0 = element("div");
+    			create_component(svelecte0.$$.fragment);
+    			t2 = text("\n      Current value: ");
+    			t3 = text(t3_value);
+    			t4 = space();
+    			p0 = element("p");
+    			p0.textContent = "Complete playground with almost options available. Try for example:";
+    			t6 = space();
+    			ul = element("ul");
+    			li0 = element("li");
+    			button0 = element("button");
+    			button0.textContent = "collapsible multiselection";
+    			t8 = space();
+    			li1 = element("li");
+    			button1 = element("button");
+    			button1.textContent = "creatable (create your tags)";
+    			t10 = space();
+    			p1 = element("p");
+
+    			p1.innerHTML = `⚠ When searching through items, AND is used as logical operator when space is entered. If you would like
+      to use OR, you have to start your search query by &quot;<code>|| </code>&quot; prefix. The space on 3rd position 
+      is also very important here.`;
+
+    			t14 = space();
+    			div6 = element("div");
+    			fieldset7 = element("fieldset");
+    			legend0 = element("legend");
+    			legend0.textContent = "Customize";
+    			t16 = space();
+    			div5 = element("div");
+    			div2 = element("div");
+    			fieldset0 = element("fieldset");
+    			legend1 = element("legend");
+    			legend1.textContent = "Control";
+    			t18 = space();
+    			label0 = element("label");
+    			input0 = element("input");
+    			t19 = text(" Disabled");
+    			br0 = element("br");
+    			t20 = space();
+    			label1 = element("label");
+    			input1 = element("input");
+    			t21 = text(" Use virtual list");
+    			br1 = element("br");
+    			t22 = space();
+    			button2 = element("button");
+    			button2.textContent = "Clear selection";
+    			t24 = space();
+    			fieldset1 = element("fieldset");
+    			legend2 = element("legend");
+    			legend2.textContent = "Options";
+    			t26 = space();
+    			create_component(svelecte1.$$.fragment);
+    			t27 = space();
+    			p2 = element("p");
+
+    			p2.innerHTML = `Options with <small class="label label-primary">API</small> label<br/>
+              to demonstrate AJAX fetch.`;
+
+    			t32 = space();
+    			fieldset2 = element("fieldset");
+    			legend3 = element("legend");
+    			legend3.textContent = "Rendering";
+    			t34 = space();
+    			select0 = element("select");
+    			option0 = element("option");
+    			option0.textContent = "Default";
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].c();
+    			}
+
+    			t36 = space();
+    			div3 = element("div");
+    			fieldset3 = element("fieldset");
+    			legend4 = element("legend");
+    			legend4.textContent = "Multiple";
+    			t38 = space();
+    			label2 = element("label");
+    			input2 = element("input");
+    			t39 = text(" Multiple");
+    			t40 = space();
+    			span0 = element("span");
+    			input3 = element("input");
+    			t41 = space();
+    			br3 = element("br");
+    			t42 = space();
+    			label3 = element("label");
+    			input4 = element("input");
+    			t43 = text(" Collapse selection");
+    			t44 = space();
+    			hr = element("hr");
+    			t45 = space();
+    			label4 = element("label");
+    			input5 = element("input");
+    			t46 = text(" Inline width");
+    			t47 = space();
+    			fieldset4 = element("fieldset");
+    			legend5 = element("legend");
+    			legend5.textContent = "Creatable";
+    			t49 = space();
+    			label5 = element("label");
+    			input6 = element("input");
+    			t50 = text(" Creatable");
+    			br4 = element("br");
+    			t51 = space();
+    			span1 = element("span");
+    			input7 = element("input");
+    			t52 = space();
+    			span2 = element("span");
+    			input8 = element("input");
+    			t53 = space();
+    			br5 = element("br");
+    			t54 = space();
+    			span3 = element("span");
+    			label6 = element("label");
+    			input9 = element("input");
+    			t55 = text(" Allow editing");
+    			br6 = element("br");
+    			t56 = space();
+    			span4 = element("span");
+    			label7 = element("label");
+    			input10 = element("input");
+    			t57 = text(" Keep created options");
+    			br7 = element("br");
+    			t58 = space();
+    			div4 = element("div");
+    			fieldset5 = element("fieldset");
+    			legend6 = element("legend");
+    			legend6.textContent = "UI";
+    			t60 = text("\n            Placeholder ");
+    			input11 = element("input");
+    			br8 = element("br");
+    			t61 = space();
+    			label8 = element("label");
+    			input12 = element("input");
+    			t62 = text(" Searchable");
+    			br9 = element("br");
+    			t63 = space();
+    			label9 = element("label");
+    			input13 = element("input");
+    			t64 = text(" Clearable");
+    			br10 = element("br");
+    			t65 = space();
+    			label10 = element("label");
+    			input14 = element("input");
+    			t66 = text(" Select on ");
+    			kbd = element("kbd");
+    			kbd.textContent = "Tab";
+    			t68 = space();
+    			fieldset6 = element("fieldset");
+    			legend7 = element("legend");
+    			legend7.textContent = "Styling";
+    			t70 = space();
+    			span5 = element("span");
+    			span5.textContent = "CSS class";
+    			t72 = space();
+    			select1 = element("select");
+    			option1 = element("option");
+    			option1.textContent = "svelecte-control (default)";
+    			option2 = element("option");
+    			option2.textContent = "red style (custom)";
+    			attr(p0, "class", "mt-2");
+    			attr(button0, "class", "btn btn-sm");
+    			attr(button1, "class", "btn btn-sm");
+    			attr(div0, "class", "form-row example-wrap svelte-19xmbht");
+    			toggle_class(div0, "flexible-svelecte", /*isFlexWidth*/ ctx[6]);
+    			attr(p1, "class", "mt-2");
+    			attr(div1, "class", "column col-xl-12 col-5");
+    			attr(legend0, "class", "svelte-19xmbht");
+    			attr(legend1, "class", "svelte-19xmbht");
+    			attr(input0, "type", "checkbox");
+    			attr(input1, "type", "checkbox");
+    			attr(button2, "class", "btn mt-2");
+    			attr(fieldset0, "class", "svelte-19xmbht");
+    			attr(legend2, "class", "svelte-19xmbht");
+    			attr(p2, "class", "mb-0");
+    			attr(fieldset1, "class", "svelte-19xmbht");
+    			attr(legend3, "class", "svelte-19xmbht");
+    			option0.__value = "";
+    			option0.value = option0.__value;
+    			select0.disabled = select0_disabled_value = !/*remoteValue*/ ctx[2] || !/*availableRenderers*/ ctx[21][/*remoteValue*/ ctx[2]].length;
+    			attr(fieldset2, "class", "svelte-19xmbht");
+    			attr(div2, "class", "col");
+    			attr(legend4, "class", "svelte-19xmbht");
+    			attr(input2, "type", "checkbox");
+    			attr(input3, "class", "input-sm svelte-19xmbht");
+    			attr(input3, "type", "number");
+    			attr(input3, "placeholder", "limit");
+    			input3.disabled = input3_disabled_value = !/*settings*/ ctx[19].multiple;
+    			attr(input3, "min", "0");
+    			attr(span0, "class", "tooltip");
+    			attr(span0, "data-tooltip", "Limit selection count");
+    			attr(input4, "type", "checkbox");
+    			input4.disabled = input4_disabled_value = !/*settings*/ ctx[19].multiple;
+    			attr(label3, "class", "tooltip");
+    			attr(label3, "data-tooltip", "Show only selection sum string");
+    			attr(input5, "type", "checkbox");
+    			attr(fieldset3, "class", "svelte-19xmbht");
+    			attr(legend5, "class", "svelte-19xmbht");
+    			attr(input6, "type", "checkbox");
+    			attr(input7, "class", "input-sm input-short svelte-19xmbht");
+    			attr(input7, "placeholder", "Item prefix");
+    			input7.disabled = input7_disabled_value = !/*settings*/ ctx[19].creatable;
+    			attr(span1, "class", "tooltip");
+    			attr(span1, "data-tooltip", "prefix that is shown\nwhen creating new items");
+    			attr(input8, "class", "input-sm input-short svelte-19xmbht");
+    			attr(input8, "placeholder", "Delimiter");
+    			input8.disabled = input8_disabled_value = !/*settings*/ ctx[19].creatable;
+    			attr(span2, "class", "tooltip");
+    			attr(span2, "data-tooltip", "Delimiter character for new items\n(when pasting etc.)");
+    			attr(input9, "type", "checkbox");
+    			attr(span3, "class", "tooltip");
+    			attr(span3, "data-tooltip", "Edit created item when backspace is pressed\n(normally remove selected item)");
+    			attr(input10, "type", "checkbox");
+    			attr(span4, "class", "tooltip");
+    			attr(span4, "data-tooltip", "Keep created item in options dropdown");
+    			attr(fieldset4, "class", "svelte-19xmbht");
+    			attr(div3, "class", "col");
+    			attr(legend6, "class", "svelte-19xmbht");
+    			attr(input11, "class", "input-sm");
+    			attr(input12, "type", "checkbox");
+    			attr(input13, "type", "checkbox");
+    			attr(input14, "type", "checkbox");
+    			attr(fieldset5, "class", "svelte-19xmbht");
+    			attr(legend7, "class", "svelte-19xmbht");
+    			option1.__value = "svelecte-control";
+    			option1.value = option1.__value;
+    			option2.__value = "svelecte-control custom-css";
+    			option2.value = option2.__value;
+    			if (/*classSelection*/ ctx[4] === void 0) add_render_callback(() => /*select1_change_handler*/ ctx[65].call(select1));
+    			attr(fieldset6, "class", "svelte-19xmbht");
+    			attr(div4, "class", "col");
+    			attr(div5, "class", "columns");
+    			attr(fieldset7, "class", "svelte-19xmbht");
+    			attr(div6, "class", "column col-xl-12 col-7");
+    			attr(div7, "class", "columns");
+    		},
+    		m(target, anchor) {
+    			insert(target, div7, anchor);
+    			append(div7, div1);
+    			append(div1, h4);
+    			append(div1, t1);
+    			append(div1, div0);
+    			mount_component(svelecte0, div0, null);
+    			append(div0, t2);
+    			append(div0, t3);
+    			append(div0, t4);
+    			append(div0, p0);
+    			append(div0, t6);
+    			append(div0, ul);
+    			append(ul, li0);
+    			append(li0, button0);
+    			append(ul, t8);
+    			append(ul, li1);
+    			append(li1, button1);
+    			append(div1, t10);
+    			append(div1, p1);
+    			append(div7, t14);
+    			append(div7, div6);
+    			append(div6, fieldset7);
+    			append(fieldset7, legend0);
+    			append(fieldset7, t16);
+    			append(fieldset7, div5);
+    			append(div5, div2);
+    			append(div2, fieldset0);
+    			append(fieldset0, legend1);
+    			append(fieldset0, t18);
+    			append(fieldset0, label0);
+    			append(label0, input0);
+    			input0.checked = /*disabled*/ ctx[12];
+    			append(label0, t19);
+    			append(fieldset0, br0);
+    			append(fieldset0, t20);
+    			append(fieldset0, label1);
+    			append(label1, input1);
+    			input1.checked = /*virtualList*/ ctx[18];
+    			append(label1, t21);
+    			append(fieldset0, br1);
+    			append(fieldset0, t22);
+    			append(fieldset0, button2);
+    			append(div2, t24);
+    			append(div2, fieldset1);
+    			append(fieldset1, legend2);
+    			append(fieldset1, t26);
+    			mount_component(svelecte1, fieldset1, null);
+    			append(fieldset1, t27);
+    			append(fieldset1, p2);
+    			append(div2, t32);
+    			append(div2, fieldset2);
+    			append(fieldset2, legend3);
+    			append(fieldset2, t34);
+    			append(fieldset2, select0);
+    			append(select0, option0);
+
+    			for (let i = 0; i < each_blocks.length; i += 1) {
+    				each_blocks[i].m(select0, null);
+    			}
+
+    			append(div5, t36);
+    			append(div5, div3);
+    			append(div3, fieldset3);
+    			append(fieldset3, legend4);
+    			append(fieldset3, t38);
+    			append(fieldset3, label2);
+    			append(label2, input2);
+    			input2.checked = /*multiple*/ ctx[1];
+    			append(label2, t39);
+    			append(fieldset3, t40);
+    			append(fieldset3, span0);
+    			append(span0, input3);
+    			set_input_value(input3, /*max*/ ctx[7]);
+    			append(fieldset3, t41);
+    			append(fieldset3, br3);
+    			append(fieldset3, t42);
+    			append(fieldset3, label3);
+    			append(label3, input4);
+    			input4.checked = /*collapseSelection*/ ctx[8];
+    			append(label3, t43);
+    			append(fieldset3, t44);
+    			append(fieldset3, hr);
+    			append(fieldset3, t45);
+    			append(fieldset3, label4);
+    			append(label4, input5);
+    			input5.checked = /*isFlexWidth*/ ctx[6];
+    			append(label4, t46);
+    			append(div3, t47);
+    			append(div3, fieldset4);
+    			append(fieldset4, legend5);
+    			append(fieldset4, t49);
+    			append(fieldset4, label5);
+    			append(label5, input6);
+    			input6.checked = /*creatable*/ ctx[13];
+    			append(label5, t50);
+    			append(fieldset4, br4);
+    			append(fieldset4, t51);
+    			append(fieldset4, span1);
+    			append(span1, input7);
+    			set_input_value(input7, /*creatablePrefix*/ ctx[14]);
+    			append(fieldset4, t52);
+    			append(fieldset4, span2);
+    			append(span2, input8);
+    			set_input_value(input8, /*delimiter*/ ctx[17]);
+    			append(span2, t53);
+    			append(fieldset4, br5);
+    			append(fieldset4, t54);
+    			append(fieldset4, span3);
+    			append(span3, label6);
+    			append(label6, input9);
+    			input9.checked = /*allowEditing*/ ctx[15];
+    			append(label6, t55);
+    			append(span3, br6);
+    			append(fieldset4, t56);
+    			append(fieldset4, span4);
+    			append(span4, label7);
+    			append(label7, input10);
+    			input10.checked = /*keepCreated*/ ctx[16];
+    			append(label7, t57);
+    			append(span4, br7);
+    			append(div5, t58);
+    			append(div5, div4);
+    			append(div4, fieldset5);
+    			append(fieldset5, legend6);
+    			append(fieldset5, t60);
+    			append(fieldset5, input11);
+    			set_input_value(input11, /*settings*/ ctx[19].placeholder);
+    			append(fieldset5, br8);
+    			append(fieldset5, t61);
+    			append(fieldset5, label8);
+    			append(label8, input12);
+    			input12.checked = /*searchable*/ ctx[9];
+    			append(label8, t62);
+    			append(fieldset5, br9);
+    			append(fieldset5, t63);
+    			append(fieldset5, label9);
+    			append(label9, input13);
+    			input13.checked = /*clearable*/ ctx[10];
+    			append(label9, t64);
+    			append(fieldset5, br10);
+    			append(fieldset5, t65);
+    			append(fieldset5, label10);
+    			append(label10, input14);
+    			input14.checked = /*selectOnTab*/ ctx[11];
+    			append(label10, t66);
+    			append(label10, kbd);
+    			append(div4, t68);
+    			append(div4, fieldset6);
+    			append(fieldset6, legend7);
+    			append(fieldset6, t70);
+    			append(fieldset6, span5);
+    			append(fieldset6, t72);
+    			append(fieldset6, select1);
+    			append(select1, option1);
+    			append(select1, option2);
+    			select_option(select1, /*classSelection*/ ctx[4]);
+    			current = true;
+
+    			if (!mounted) {
+    				dispose = [
+    					listen(button0, "click", /*onPresetCollapsible*/ ctx[24]),
+    					listen(button1, "click", /*onPresetCreatableOnly*/ ctx[25]),
+    					listen(input0, "change", /*change_handler*/ ctx[31]),
+    					listen(input0, "change", /*input0_change_handler*/ ctx[32]),
+    					listen(input1, "change", /*change_handler_1*/ ctx[33]),
+    					listen(input1, "change", /*input1_change_handler*/ ctx[34]),
+    					listen(button2, "click", /*click_handler*/ ctx[35]),
+    					listen(select0, "change", /*change_handler_3*/ ctx[38]),
+    					listen(select0, "blur", /*blur_handler*/ ctx[28]),
+    					listen(input2, "change", /*change_handler_4*/ ctx[39]),
+    					listen(input2, "change", /*input2_change_handler*/ ctx[40]),
+    					listen(input3, "input", /*input_handler*/ ctx[41]),
+    					listen(input3, "input", /*input3_input_handler*/ ctx[42]),
+    					listen(input4, "change", /*change_handler_5*/ ctx[43]),
+    					listen(input4, "change", /*input4_change_handler*/ ctx[44]),
+    					listen(input5, "change", /*input5_change_handler*/ ctx[45]),
+    					listen(input6, "change", /*change_handler_6*/ ctx[46]),
+    					listen(input6, "change", /*input6_change_handler*/ ctx[47]),
+    					listen(input7, "input", /*input_handler_1*/ ctx[48]),
+    					listen(input7, "input", /*input7_input_handler*/ ctx[49]),
+    					listen(input8, "input", /*input_handler_2*/ ctx[50]),
+    					listen(input8, "input", /*input8_input_handler*/ ctx[51]),
+    					listen(input9, "change", /*change_handler_7*/ ctx[52]),
+    					listen(input9, "change", /*input9_change_handler*/ ctx[53]),
+    					listen(input10, "change", /*change_handler_8*/ ctx[54]),
+    					listen(input10, "change", /*input10_change_handler*/ ctx[55]),
+    					listen(input11, "input", /*input_handler_3*/ ctx[56]),
+    					listen(input11, "input", /*input11_input_handler*/ ctx[57]),
+    					listen(input12, "change", /*change_handler_9*/ ctx[58]),
+    					listen(input12, "change", /*input12_change_handler*/ ctx[59]),
+    					listen(input13, "change", /*change_handler_10*/ ctx[60]),
+    					listen(input13, "change", /*input13_change_handler*/ ctx[61]),
+    					listen(input14, "change", /*change_handler_11*/ ctx[62]),
+    					listen(input14, "change", /*input14_change_handler*/ ctx[63]),
+    					listen(select1, "change", /*change_handler_12*/ ctx[64]),
+    					listen(select1, "change", /*select1_change_handler*/ ctx[65]),
+    					listen(select1, "blur", /*blur_handler_1*/ ctx[27])
+    				];
+
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, dirty) {
+    			const svelecte0_changes = (dirty[0] & /*settings*/ 524288)
+    			? get_spread_update(svelecte0_spread_levels, [
+    					get_spread_object(/*settings*/ ctx[19]),
+    					svelecte0_spread_levels[1],
+    					svelecte0_spread_levels[2]
+    				])
+    			: {};
+
+    			if (dirty[0] & /*slot*/ 1048576 | dirty[2] & /*$$scope*/ 8192) {
+    				svelecte0_changes.$$scope = { dirty, ctx };
+    			}
+
+    			if (!updating_value && dirty[0] & /*myValue*/ 8) {
+    				updating_value = true;
+    				svelecte0_changes.value = /*myValue*/ ctx[3];
+    				add_flush_callback(() => updating_value = false);
+    			}
+
+    			svelecte0.$set(svelecte0_changes);
+    			if ((!current || dirty[0] & /*myValue*/ 8) && t3_value !== (t3_value = JSON.stringify(/*myValue*/ ctx[3]) + "")) set_data(t3, t3_value);
+
+    			if (dirty[0] & /*isFlexWidth*/ 64) {
+    				toggle_class(div0, "flexible-svelecte", /*isFlexWidth*/ ctx[6]);
+    			}
+
+    			if (dirty[0] & /*disabled*/ 4096) {
+    				input0.checked = /*disabled*/ ctx[12];
+    			}
+
+    			if (dirty[0] & /*virtualList*/ 262144) {
+    				input1.checked = /*virtualList*/ ctx[18];
+    			}
+
+    			const svelecte1_changes = {};
+
+    			if (!updating_readSelection && dirty[0] & /*dataSrc*/ 1) {
+    				updating_readSelection = true;
+    				svelecte1_changes.readSelection = /*dataSrc*/ ctx[0];
+    				add_flush_callback(() => updating_readSelection = false);
+    			}
+
+    			svelecte1.$set(svelecte1_changes);
+
+    			if (dirty[0] & /*availableRenderers, remoteValue*/ 2097156) {
+    				each_value = /*availableRenderers*/ ctx[21][/*remoteValue*/ ctx[2]] || [];
+    				let i;
+
+    				for (i = 0; i < each_value.length; i += 1) {
+    					const child_ctx = get_each_context(ctx, each_value, i);
+
+    					if (each_blocks[i]) {
+    						each_blocks[i].p(child_ctx, dirty);
+    					} else {
+    						each_blocks[i] = create_each_block(child_ctx);
+    						each_blocks[i].c();
+    						each_blocks[i].m(select0, null);
+    					}
+    				}
+
+    				for (; i < each_blocks.length; i += 1) {
+    					each_blocks[i].d(1);
+    				}
+
+    				each_blocks.length = each_value.length;
+    			}
+
+    			if (!current || dirty[0] & /*remoteValue*/ 4 && select0_disabled_value !== (select0_disabled_value = !/*remoteValue*/ ctx[2] || !/*availableRenderers*/ ctx[21][/*remoteValue*/ ctx[2]].length)) {
+    				select0.disabled = select0_disabled_value;
+    			}
+
+    			if (dirty[0] & /*multiple*/ 2) {
+    				input2.checked = /*multiple*/ ctx[1];
+    			}
+
+    			if (!current || dirty[0] & /*settings*/ 524288 && input3_disabled_value !== (input3_disabled_value = !/*settings*/ ctx[19].multiple)) {
+    				input3.disabled = input3_disabled_value;
+    			}
+
+    			if (dirty[0] & /*max*/ 128 && to_number(input3.value) !== /*max*/ ctx[7]) {
+    				set_input_value(input3, /*max*/ ctx[7]);
+    			}
+
+    			if (!current || dirty[0] & /*settings*/ 524288 && input4_disabled_value !== (input4_disabled_value = !/*settings*/ ctx[19].multiple)) {
+    				input4.disabled = input4_disabled_value;
+    			}
+
+    			if (dirty[0] & /*collapseSelection*/ 256) {
+    				input4.checked = /*collapseSelection*/ ctx[8];
+    			}
+
+    			if (dirty[0] & /*isFlexWidth*/ 64) {
+    				input5.checked = /*isFlexWidth*/ ctx[6];
+    			}
+
+    			if (dirty[0] & /*creatable*/ 8192) {
+    				input6.checked = /*creatable*/ ctx[13];
+    			}
+
+    			if (!current || dirty[0] & /*settings*/ 524288 && input7_disabled_value !== (input7_disabled_value = !/*settings*/ ctx[19].creatable)) {
+    				input7.disabled = input7_disabled_value;
+    			}
+
+    			if (dirty[0] & /*creatablePrefix*/ 16384 && input7.value !== /*creatablePrefix*/ ctx[14]) {
+    				set_input_value(input7, /*creatablePrefix*/ ctx[14]);
+    			}
+
+    			if (!current || dirty[0] & /*settings*/ 524288 && input8_disabled_value !== (input8_disabled_value = !/*settings*/ ctx[19].creatable)) {
+    				input8.disabled = input8_disabled_value;
+    			}
+
+    			if (dirty[0] & /*delimiter*/ 131072 && input8.value !== /*delimiter*/ ctx[17]) {
+    				set_input_value(input8, /*delimiter*/ ctx[17]);
+    			}
+
+    			if (dirty[0] & /*allowEditing*/ 32768) {
+    				input9.checked = /*allowEditing*/ ctx[15];
+    			}
+
+    			if (dirty[0] & /*keepCreated*/ 65536) {
+    				input10.checked = /*keepCreated*/ ctx[16];
+    			}
+
+    			if (dirty[0] & /*settings*/ 524288 && input11.value !== /*settings*/ ctx[19].placeholder) {
+    				set_input_value(input11, /*settings*/ ctx[19].placeholder);
+    			}
+
+    			if (dirty[0] & /*searchable*/ 512) {
+    				input12.checked = /*searchable*/ ctx[9];
+    			}
+
+    			if (dirty[0] & /*clearable*/ 1024) {
+    				input13.checked = /*clearable*/ ctx[10];
+    			}
+
+    			if (dirty[0] & /*selectOnTab*/ 2048) {
+    				input14.checked = /*selectOnTab*/ ctx[11];
+    			}
+
+    			if (dirty[0] & /*classSelection*/ 16) {
+    				select_option(select1, /*classSelection*/ ctx[4]);
+    			}
+    		},
+    		i(local) {
+    			if (current) return;
+    			transition_in(svelecte0.$$.fragment, local);
+    			transition_in(svelecte1.$$.fragment, local);
+    			current = true;
+    		},
+    		o(local) {
+    			transition_out(svelecte0.$$.fragment, local);
+    			transition_out(svelecte1.$$.fragment, local);
+    			current = false;
+    		},
+    		d(detaching) {
+    			if (detaching) detach(div7);
+    			/*svelecte0_binding*/ ctx[30](null);
+    			destroy_component(svelecte0);
+    			destroy_component(svelecte1);
+    			destroy_each(each_blocks, detaching);
+    			mounted = false;
+    			run_all(dispose);
+    		}
+    	};
+    }
+
+    function fetchCallback(resp) {
+    	return resp.map(user => {
+    		return {
+    			id: user.id,
+    			name: user.name,
+    			email: user.email,
+    			street: `${user.address.street} ${user.address.suite}`,
+    			city: user.address.city
+    		};
+    	});
+    }
+
+    function fetchRenderer(item, isSelected) {
+    	return isSelected
+    	? `<figure class="avatar avatar-sm" data-initial="${item.name.split(' ').map(w => w[0]).slice(0, 2).join('')}" style="background-color: #2ed020;"></figure>
+          ${item.name}`
+    	: `<div class="avatar-item">
+        <figure class="avatar avatar-bg" data-initial="${item.name.split(' ').map(w => w[0]).slice(0, 2).join('')}" style="background-color: #aaa;"></figure>
+        <div class="ml-2">
+          ${item.name}<br><small>${item.email}</small>
+        </div>
+      </div>`;
+    }
+
+    function instance$4($$self, $$props, $$invalidate) {
+    	let slot;
+    	let myValue = null;
+    	let dataSrc = null;
+    	let classSelection = 'svelecte-control';
+
+    	let availableRenderers = {
+    		opts: ['caps', 'dotted', 'color-blocks'], // defined in example 09
+    		// defined in example 09
+    		// defined in example 04
+    		countries: ['caps'],
+    		groups: ['caps'],
+    		colors: ['caps', 'dotted', 'color-blocks'], // defined in example 09
+    		// defined in example 09
+    		// defined in example 04
+    		json: [], // no additional renderers,
+    		tags: []
+    	};
+
+    	const remotes = {
+    		colors: 'https://my-json-server.typicode.com/mskocik/svelecte-docs/colors?value_like=[query]',
+    		json: 'https://jsonplaceholder.typicode.com/users/'
+    	};
+
+    	const slots = {
+    		opts: '🎨',
+    		countries: '🌍',
+    		groups: '🔠',
+    		colors: '⚡',
+    		json: '🙋',
+    		tags: '🔖'
+    	};
+
+    	let cmp;
+    	let isFlexWidth = false;
+    	let { multiple, max, collapseSelection, placeholder, searchable, clearable, selectOnTab, disabled, creatable, creatablePrefix, allowEditing, keepCreated, delimiter, virtualList, style, searchField } = config;
+
+    	let settings = {
+    		searchable: true,
+    		placeholder: 'Pick some option variant 👉',
+    		options: [],
+    		disabled: true
+    	};
+
+    	let optionsList = [
+    		{ value: 'opts', text: '🎨 Colors' },
+    		{ value: 'countries', text: '🌍 Countries' },
+    		{
+    			value: 'groups',
+    			text: '🔠 Country (groups)'
+    		},
+    		{
+    			value: 'colors',
+    			text: '⚡ Colors <small class="label label-primary">API</small>'
+    		},
+    		{
+    			value: 'json',
+    			text: '🙋 Users <small class="label label-primary">API</small>'
+    		},
+    		{ value: 'tags', text: '🔖 Empty list' }
+    	];
+
+    	let remoteValue = null;
+    	let prevRemoteValue = remoteValue;
+
+    	function setRemote() {
+    		searchField = null;
+
+    		if (remoteValue === 'opts') {
+    			$$invalidate(19, settings = {
+    				multiple,
+    				max,
+    				collapseSelection,
+    				searchable,
+    				clearable,
+    				selectOnTab,
+    				disabled,
+    				creatable,
+    				creatablePrefix,
+    				allowEditing,
+    				keepCreated,
+    				delimiter,
+    				virtualList,
+    				style,
+    				class: classSelection,
+    				options: dataset.colors(),
+    				fetch: null,
+    				placeholder: 'Pick your color'
+    			});
+    		} else if (!remoteValue) {
+    			$$invalidate(19, settings = {
+    				placeholder: 'Pick some option variant 👉',
+    				options: [],
+    				disabled: true
+    			});
+    		} else if (remoteValue === 'countries') {
+    			$$invalidate(19, settings = {
+    				multiple,
+    				max,
+    				collapseSelection,
+    				searchable,
+    				clearable,
+    				selectOnTab,
+    				disabled,
+    				creatable,
+    				creatablePrefix,
+    				allowEditing,
+    				keepCreated,
+    				delimiter,
+    				virtualList,
+    				style,
+    				class: classSelection,
+    				options: dataset.countries(),
+    				fetch: null,
+    				placeholder: 'Choose your favourite European country'
+    			});
+    		} else if (remoteValue === 'groups') {
+    			$$invalidate(19, settings = {
+    				multiple,
+    				max,
+    				collapseSelection,
+    				searchable,
+    				clearable,
+    				selectOnTab,
+    				disabled,
+    				creatable,
+    				creatablePrefix,
+    				allowEditing,
+    				keepCreated,
+    				delimiter,
+    				virtualList,
+    				style,
+    				class: classSelection,
+    				options: dataset.countryGroups(),
+    				fetch: null,
+    				placeholder: 'Select from country group'
+    			});
+    		} else if (['json', 'colors'].includes(remoteValue)) {
+    			$$invalidate(19, settings = {
+    				multiple,
+    				max,
+    				collapseSelection,
+    				searchable,
+    				clearable,
+    				selectOnTab,
+    				disabled,
+    				creatable,
+    				creatablePrefix,
+    				allowEditing,
+    				keepCreated,
+    				delimiter,
+    				virtualList,
+    				style,
+    				searchField: remoteValue === 'json' ? ['name', 'email'] : null,
+    				class: classSelection,
+    				fetch: remotes[remoteValue],
+    				fetchCallback: remoteValue === 'json' ? fetchCallback : null,
+    				placeholder: remoteValue === 'json'
+    				? 'Select from prefetched list'
+    				: 'Search for color',
+    				renderer: remoteValue === 'json' ? 'avatar' : null,
+    				options: []
+    			});
+    		} else if (remoteValue === 'tags') {
+    			$$invalidate(19, settings = {
+    				multiple,
+    				max,
+    				collapseSelection,
+    				searchable,
+    				clearable,
+    				selectOnTab,
+    				placeholder,
+    				disabled,
+    				creatable,
+    				creatablePrefix,
+    				allowEditing,
+    				keepCreated,
+    				delimiter,
+    				virtualList,
+    				style,
+    				class: classSelection,
+    				fetch: null,
+    				fetchCallback: null,
+    				renderer: null,
+    				options: []
+    			});
+    		}
+    	}
+
+    	function s(prop, value) {
+    		$$invalidate(19, settings[prop] = value !== null ? value : !settings[prop], settings);
+    		$$invalidate(19, settings);
+    	}
+
+    	function onPresetCollapsible() {
+    		$$invalidate(1, multiple = true);
+    		$$invalidate(8, collapseSelection = true);
+    		$$invalidate(6, isFlexWidth = true);
+    		$$invalidate(0, dataSrc = optionsList[1]);
+    		const countries = dataset.countries();
+
+    		setTimeout(() => {
+    			$$invalidate(3, myValue = [countries[2], countries[7]]);
+    		});
+
+    		setTimeout(
+    			() => {
+    				document.querySelector('#example-7 input').focus();
+    			},
+    			300
+    		);
+    	}
+
+    	function onPresetCreatableOnly() {
+    		$$invalidate(13, creatable = true);
+    		$$invalidate(1, multiple = true);
+    		$$invalidate(7, max = 0);
+    		$$invalidate(6, isFlexWidth = false);
+    		$$invalidate(0, dataSrc = optionsList[optionsList.length - 1]);
+    		$$invalidate(12, disabled = false);
+    		placeholder = 'Create!';
+
+    		setTimeout(
+    			() => {
+    				document.querySelector('#example-7 input').focus();
+    			},
+    			300
+    		);
+    	}
+
+    	addFormatter('avatar', fetchRenderer);
+
+    	function blur_handler_1(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function blur_handler(event) {
+    		bubble.call(this, $$self, event);
+    	}
+
+    	function svelecte0_value_binding(value) {
+    		myValue = value;
+    		(((($$invalidate(3, myValue), $$invalidate(26, prevRemoteValue)), $$invalidate(2, remoteValue)), $$invalidate(1, multiple)), $$invalidate(0, dataSrc));
+    	}
+
+    	function svelecte0_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			cmp = $$value;
+    			$$invalidate(5, cmp);
+    		});
+    	}
+
+    	const change_handler = e => s('disabled', e.target.checked);
+
+    	function input0_change_handler() {
+    		disabled = this.checked;
+    		$$invalidate(12, disabled);
+    	}
+
+    	const change_handler_1 = e => s('virtualList', e.target.checked);
+
+    	function input1_change_handler() {
+    		virtualList = this.checked;
+    		$$invalidate(18, virtualList);
+    	}
+
+    	const click_handler = () => {
+    		$$invalidate(3, myValue = settings.multiple ? [] : null);
+    	};
+
+    	function svelecte1_readSelection_binding(value) {
+    		dataSrc = value;
+    		$$invalidate(0, dataSrc);
+    	}
+
+    	const change_handler_2 = () => {
+    		$$invalidate(3, myValue = multiple ? [] : null);
+    	};
+
+    	const change_handler_3 = e => s('renderer', e.target.value);
+    	const change_handler_4 = e => s('multiple', e.target.checked);
+
+    	function input2_change_handler() {
+    		multiple = this.checked;
+    		$$invalidate(1, multiple);
+    	}
+
+    	const input_handler = e => s('max', parseInt(e.target.value));
+
+    	function input3_input_handler() {
+    		max = to_number(this.value);
+    		$$invalidate(7, max);
+    	}
+
+    	const change_handler_5 = e => s('collapseSelection', e.target.checked);
+
+    	function input4_change_handler() {
+    		collapseSelection = this.checked;
+    		$$invalidate(8, collapseSelection);
+    	}
+
+    	function input5_change_handler() {
+    		isFlexWidth = this.checked;
+    		$$invalidate(6, isFlexWidth);
+    	}
+
+    	const change_handler_6 = e => s('creatable', e.target.checked);
+
+    	function input6_change_handler() {
+    		creatable = this.checked;
+    		$$invalidate(13, creatable);
+    	}
+
+    	const input_handler_1 = e => s('creatablePrefix', e.target.value);
+
+    	function input7_input_handler() {
+    		creatablePrefix = this.value;
+    		$$invalidate(14, creatablePrefix);
+    	}
+
+    	const input_handler_2 = e => s('delimiter', e.target.value);
+
+    	function input8_input_handler() {
+    		delimiter = this.value;
+    		$$invalidate(17, delimiter);
+    	}
+
+    	const change_handler_7 = e => s('allowEditing', e.target.checked);
+
+    	function input9_change_handler() {
+    		allowEditing = this.checked;
+    		$$invalidate(15, allowEditing);
+    	}
+
+    	const change_handler_8 = e => s('keepCreated', e.target.checked);
+
+    	function input10_change_handler() {
+    		keepCreated = this.checked;
+    		$$invalidate(16, keepCreated);
+    	}
+
+    	const input_handler_3 = e => s('placeholder', e.target.value);
+
+    	function input11_input_handler() {
+    		settings.placeholder = this.value;
+    		$$invalidate(19, settings);
+    	}
+
+    	const change_handler_9 = e => s('searchable', e.target.checked);
+
+    	function input12_change_handler() {
+    		searchable = this.checked;
+    		$$invalidate(9, searchable);
+    	}
+
+    	const change_handler_10 = e => s('clearable', e.target.checked);
+
+    	function input13_change_handler() {
+    		clearable = this.checked;
+    		$$invalidate(10, clearable);
+    	}
+
+    	const change_handler_11 = e => s('selectOnTab', e.target.checked);
+
+    	function input14_change_handler() {
+    		selectOnTab = this.checked;
+    		$$invalidate(11, selectOnTab);
+    	}
+
+    	const change_handler_12 = e => s('class', e.target.value);
+
+    	function select1_change_handler() {
+    		classSelection = select_value(this);
+    		$$invalidate(4, classSelection);
+    	}
+
+    	$$self.$$.update = () => {
+    		if ($$self.$$.dirty[0] & /*dataSrc*/ 1) {
+    			{
+    				$$invalidate(2, remoteValue = dataSrc ? dataSrc.value : null);
+    			}
+    		}
+
+    		if ($$self.$$.dirty[0] & /*remoteValue*/ 4) {
+    			$$invalidate(20, slot = slots[remoteValue] || '🚫');
+    		}
+
+    		if ($$self.$$.dirty[0] & /*prevRemoteValue, remoteValue, multiple*/ 67108870) {
+    			{
+    				if (prevRemoteValue !== remoteValue) {
+    					$$invalidate(3, myValue = multiple ? [] : null);
+    					setRemote();
+    					$$invalidate(26, prevRemoteValue = remoteValue);
+    				}
+    			}
+    		}
+    	};
+
+    	return [
+    		dataSrc,
+    		multiple,
+    		remoteValue,
+    		myValue,
+    		classSelection,
+    		cmp,
+    		isFlexWidth,
+    		max,
+    		collapseSelection,
+    		searchable,
+    		clearable,
+    		selectOnTab,
+    		disabled,
+    		creatable,
+    		creatablePrefix,
+    		allowEditing,
+    		keepCreated,
+    		delimiter,
+    		virtualList,
+    		settings,
+    		slot,
+    		availableRenderers,
+    		optionsList,
+    		s,
+    		onPresetCollapsible,
+    		onPresetCreatableOnly,
+    		prevRemoteValue,
+    		blur_handler_1,
+    		blur_handler,
+    		svelecte0_value_binding,
+    		svelecte0_binding,
+    		change_handler,
+    		input0_change_handler,
+    		change_handler_1,
+    		input1_change_handler,
+    		click_handler,
+    		svelecte1_readSelection_binding,
+    		change_handler_2,
+    		change_handler_3,
+    		change_handler_4,
+    		input2_change_handler,
+    		input_handler,
+    		input3_input_handler,
+    		change_handler_5,
+    		input4_change_handler,
+    		input5_change_handler,
+    		change_handler_6,
+    		input6_change_handler,
+    		input_handler_1,
+    		input7_input_handler,
+    		input_handler_2,
+    		input8_input_handler,
+    		change_handler_7,
+    		input9_change_handler,
+    		change_handler_8,
+    		input10_change_handler,
+    		input_handler_3,
+    		input11_input_handler,
+    		change_handler_9,
+    		input12_change_handler,
+    		change_handler_10,
+    		input13_change_handler,
+    		change_handler_11,
+    		input14_change_handler,
+    		change_handler_12,
+    		select1_change_handler
+    	];
+    }
+
+    class _07_playground extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance$4, create_fragment$4, safe_not_equal, {}, null, [-1, -1, -1]);
+    	}
+    }
+
+    const OPTION_LIST = [
+      'options', 'value',
+      // form-related
+      'name', 'required', 'disabled',
+      // basic
+      'value-field', 'label-field', 'disabled-field', 'placeholder',
+      // UI, UX
+      'searchable', 'clearable', 'renderer', 'disable-highlight', 'select-on-tab', 'reset-on-blur',
+      // multiple
+      'multiple', 'max', 'collapse-selection',
+      // creating
+      'creatable', 'creatable-prefix', 'allow-editing', 'keepCreated', 'delimiter',
+      // remote
+      'fetch', 'fetch-reset-on-blur', 'min-query',
+      // perf & virtual list
+      'lazy-dropdown', 'virtual-list', 'vl-height', 'vl-item-size',
+      // sifter
+      'search-field', 'sort-field', 'disable-sifter',
+      // others
+      'label-as-value'
+    ];
+
+    function formatValue(name, value) {
+      switch (name) {
+        case 'options':
+          if (Array.isArray(value)) return value;
+          try {
+            value = JSON.parse(value);
+            if (!Array.isArray(value)) {
+              value = [];
+            }
+          } catch (e) {
+            value = [];
+          }
+          return value;
+        case 'value':
+          return value ? value.split(',').map(item => {
+            const _v = parseInt(item);
+            return isNaN(_v) ? (item !== 'null' ? item : null) : _v;
+          }) : '';
+        case 'renderer':
+          return value || 'default';
+        case 'required':
+        case 'searchable':
+        case 'clearable':
+        case 'disable-highlight':
+        case 'select-on-tab':
+        case 'reset-on-blur':
+        case 'multiple':
+        case 'collapse-selection':
+        case 'creatable':
+        case 'allow-editing':
+        case 'keep-created':
+        case 'fetch-reset-on-blur':
+        case 'lazy-dropdown':
+        case 'virtual-list':
+        case 'disable-sifter':
+        case 'label-as-value':
+          return value !== null && value !== 'false';
+        case 'max':
+          return isNaN(parseInt(value)) ? 0 : parseInt(value);
+        case 'min-query':
+          return isNaN(parseInt(value)) ? config.minQuery : parseInt(value);
+      }
+      return value;
+    }
+
+    function formatProp(name) {
+      if (name.includes('-')) return name.split('-').reduce((res, w, i) => {
+        if (i) w = w[0].toUpperCase() + w.substr(1);
+        return res+w;
+      }, '');
+      return name;
+    }
+
+    let volatileEmitChange = false;
+
+
+    /**
+     * Connect Custom Component attributes to Svelte Component properties
+     * @param {string} name Name of the Custom Component
+     */
+    class SvelecteElement extends HTMLElement {
+      constructor() {
+        super();
+        this.svelecte = undefined;
+        this.anchorSelect = null;
+        this._fetchOpts = null;
+        this._selfSetValue = false;
+
+        /** ************************************ public API */
+        const baseProps = {
+          'name': {
+            get() {
+              this.getAttribute('name');
+            },
+            set(value) {
+              this.setAttribute('name', value);
+            }
+          },
+          'selection': {
+            get() {
+              return this.svelecte
+                ? this.svelecte.getSelection()
+                : null;
+            }
+          },
+          'value': {
+            get() {
+              return this.svelecte
+                ? this.svelecte.getSelection(true)
+                : null;
+            },
+            set(value) {
+              this.setAttribute('value', Array.isArray(value) ? value.join(',') : value);
+            }
+          },
+          'options': {
+            get() {
+              return this.hasAttribute('options')
+                ? JSON.parse(this.getAttribute('options'))
+                : (this._fetchOpts || []);
+            },
+            set(value) {
+              this.setAttribute('options', Array.isArray(value) ? JSON.stringify(value) : value);
+            }
+          },
+          'hasAnchor': {
+            get() {
+              return this.anchorSelect ? true : false;
+            }
+          },
+          'form': {
+            get() {
+              return this.closest('form');
+            }
+          },
+          'emitChange': {
+            get() {
+              volatileEmitChange = true;
+              return this;
+            }
+          },
+          'valueField': {
+            get() {
+              return this.getAttribute('value-field') || config.valueField;
+            },
+            set(value) {
+              this.setAttribute('value-field', value);
+            }
+          },
+          'labelField': {
+            get() {
+              return this.getAttribute('label-field') || config.labelField;
+            },
+            set(value) {
+              this.setAttribute('label-field', value);
+            }
+          },
+          'delimiter': {
+            get() {
+              return this.getAttribute('delimiter') || config.delimiter;
+            },
+            set(value) {
+              this.setAttribute('delimiter', value);
+            }
+          },
+          'lazyDropdown': {
+            get() {
+              return this.hasAttribute('lazy-dropdown')
+                ? true
+                : config.lazyDropdown;
+            },
+            set() {
+              console.warn('⚠ this setter has no effect after component has been created');
+            }
+          },
+          'placeholder': {
+            get() {
+              return this.getAttribute('placeholder') || config.placeholder;
+            },
+            set(value) {
+              this.setAttribute('placeholder', value);
+            }
+          },
+          'max': {
+            get() {
+              return this.getAttribute('max') || config.max;
+            },
+            set(value) {
+              try {
+                value = parseInt(value);
+                if (value < 0) value = 0;
+              } catch (e) {
+                value = 0;
+              }
+              this.setAttribute('max', value);
+            }
+          },
+          'minQuery': {
+            get() {
+              return this.getAttribute('min-query') || config.minQuery;
+            },
+            set(value) {
+              try {
+                value = parseInt(value);
+                if (value < 1) value = 1;
+              } catch (e) {
+                value = config.minQuery;
+              }
+              this.setAttribute('min-query', value);
+            }
+          },
+          'creatablePrefix': {
+            get() {
+              return this.getAttribute('creatable-prefix') || config.creatablePrefix
+            },
+            set(value) {
+              this.setAttribute('creatable-prefix', value);
+            }
+          },
+          'renderer': {
+            get() {
+              return this.getAttribute('renderer') || 'default';
+            },
+            set(value) {
+              if (value) {
+                this.setAttribute('renderer', value);
+              } else {
+                this.removeAttribute('renderer');
+              }
+            }
+          }
+        };
+        const boolProps = ['searchable','clearable','disable-highlight','select-on-tab','reset-on-blur',
+          'multiple','collapse-selection','creatable','allow-editing','keep-created','fetch-reset-on-blur',
+          'virtual-list','disable-sifter','label-as-value'
+        ].reduce((res, propName) => {
+          const formatted = formatProp(propName);
+          res[formatted] = {
+            get() {
+              const hasProp = this.hasAttribute(propName);
+              const notFalse = hasProp ? this.getAttribute(propName) !== 'false' : true;
+              return !hasProp ? config[formatted] : notFalse;
+            },
+            set(value) {
+              if (!value) {
+                if (this.hasAttribute(propName)) {
+                  this.removeAttribute(propName);
+                } else {
+                  // set directly to false, when config default is true
+                  this.svelecte.$set({ [formatted]: value });
+                }
+              } else {
+                this.setAttribute(propName, value = '' );
+              }
+            }
+          };
+          return res;
+        }, {});
+
+        Object.defineProperties(this, Object.assign({}, baseProps, boolProps));
+      }
+
+      focus() {
+        !this.disabled && this.querySelector('input').focus();
+      }
+
+      static get observedAttributes() {
+        return OPTION_LIST;
+      }
+
+      attributeChangedCallback(name, oldValue, newValue) {
+        if (this.svelecte && oldValue !== newValue) {
+          if (name === 'value') {
+            if (!this._selfSetValue) {
+              newValue
+                ? this.svelecte.setSelection(formatValue(name, newValue), volatileEmitChange)
+                : this.svelecte.clearByParent(this.parent ? true : false);
+            }
+            this._selfSetValue = false;
+            volatileEmitChange = false;
+            this.anchorSelect && setTimeout(() => {
+              const value = this.svelecte.getSelection(true);
+              this.anchorSelect.innerHTML = (Array.isArray(value) ? (value.length ? value : [null]) : [value]).reduce((res, item) => {
+                if (!item) {
+                  res+= '<option value="" selected="">Empty</option>';
+                  return res;
+                }
+                res+= `<option value="${item}" selected>${item}</option>`;
+                return res;
+              }, '');
+            });
+            return;
+          }
+          this.svelecte.$set({ [formatProp(name)]: formatValue(name, newValue) });
+        }
+      } 
+
+      connectedCallback() {
+        setTimeout(() => { this.render(); });
+      }
+
+      render() {
+        if (this.svelecte) return;
+        let props = {};
+        for (const attr of OPTION_LIST) {
+          if (this.hasAttribute(attr)) {
+            props[formatProp(attr)] = formatValue(attr, this.getAttribute(attr));
+          }
+        }
+        if (this.hasAttribute('class')) {
+          props.class = this.getAttribute('class');
+        }
+        if (this.hasAttribute('parent')) {
+          delete props['fetch'];
+          props.disabled = true;
+          this.parent = document.getElementById(this.getAttribute('parent'));
+          if (!this.parent.value && this.svelecte) {
+            return;
+          }      this.parentCallback = e => {
+            if (!e.target.selection || (Array.isArray(e.target.selection) && !e.target.selection.length)) {
+              this.svelecte.clearByParent(true);
+              return;
+            }
+            !this.parent.disabled && this.removeAttribute('disabled');
+            if (this.hasAttribute('fetch')) {
+              this.svelecte.clearByParent(true);
+              const fetchUrl = this.getAttribute('fetch').replace('[parent]', e.target.value);
+              this.svelecte.$set({ fetch: fetchUrl, disabled: false });
+            }
+          };
+          this.parent.addEventListener('change', this.parentCallback);
+        }
+        const anchorSelect = this.querySelector('select');
+        if (anchorSelect) {
+          props['hasAnchor'] = true;
+          anchorSelect.style = 'opacity: 0; position: absolute; z-index: -2; top: 0; height: 38px';
+          anchorSelect.tabIndex = -1; // just to be sure
+          this.anchorSelect = anchorSelect;
+          this.anchorSelect.multiple = props.multiple || anchorSelect.name.includes('[]');
+          (Array.isArray(props.value) ? props.value : [props.value || null]).forEach(val => {
+            this.anchorSelect.innerHTML += `<option value="${val || ''}" selected>${val || 'No value'}</option>`;
+          });
+        }
+        this.svelecte = new Svelecte({
+          target: this,
+          anchor: anchorSelect,
+          props,
+        });
+        // event listeners
+        this.svelecte.$on('change', e => {
+          const value = this.svelecte.getSelection(true);
+          this._selfSetValue = true;
+          this.value = value;
+          setTimeout(() => {
+            this._selfSetValue = false;
+          }, 100);
+          this.dispatchEvent(e);
+          // Custom-element related
+          if (this.anchorSelect) {
+            this.anchorSelect.innerHTML = (Array.isArray(value) ? (value.length ? value : [null]) : [value]).reduce((res, item) => {
+              if (!item) {
+                res+= '<option value="" selected="">Empty</option>';
+                return res;
+              }
+              res+= `<option value="${item}" selected>${item}</option>`;
+              return res;
+            }, '');
+            this.anchorSelect.dispatchEvent(new Event('change'));
+          }
+        });
+        this.svelecte.$on('fetch', e => {
+          this._fetchOpts = e.detail;
+          this.dispatchEvent(e);
+        });
+        this.svelecte.$on('createoption', e => {
+          this.dispatchEvent(e);
+        });
+        return true;
+      }
+
+      disconnectedCallback() {
+        this.svelecte && this.svelecte.$destroy();
+        this.parent && this.parent.removeEventListener('change', this.parentCallback);
+      }
+    }
+
+    function registerSvelecte(name) {
+      window.customElements.define(name || 'el-svelecte', SvelecteElement);
+    }
+
+    /* docs/src/08-custom-element.svelte generated by Svelte v3.44.3 */
+
+    function create_fragment$3(ctx) {
+    	let el_svelecte;
+    	let t0;
+    	let button0;
+    	let t2;
+    	let button1;
+    	let t4;
+    	let button2;
+    	let t6;
+    	let div;
+    	let form;
+    	let t7;
+    	let select0;
+    	let option0;
+    	let option1;
+    	let option2;
+    	let option3;
+    	let option4;
+    	let t13;
+    	let select1;
+    	let option5;
+    	let option6;
+    	let t15;
+    	let option6_disabled_value;
+    	let option7;
+    	let t17;
+    	let button3;
+    	let mounted;
+    	let dispose;
+
+    	return {
+    		c() {
+    			el_svelecte = element("el-svelecte");
+    			t0 = space();
+    			button0 = element("button");
+    			button0.textContent = "Break it!";
+    			t2 = space();
+    			button1 = element("button");
+    			button1.textContent = "Fix it!";
+    			t4 = space();
+    			button2 = element("button");
+    			button2.textContent = "Fix it! (no Event)";
+    			t6 = space();
+    			div = element("div");
+    			form = element("form");
+    			t7 = text("Create new\r\n    ");
+    			select0 = element("select");
+    			option0 = element("option");
+    			option0.textContent = "Select options";
+    			option1 = element("option");
+    			option1.textContent = "Colors";
+    			option2 = element("option");
+    			option2.textContent = "Countries";
+    			option3 = element("option");
+    			option3.textContent = "Groups";
+    			option4 = element("option");
+    			option4.textContent = "Tags (cretable)";
+    			t13 = space();
+    			select1 = element("select");
+    			option5 = element("option");
+    			option5.textContent = "Default renderer";
+    			option6 = element("option");
+    			t15 = text("Dotted (color only)");
+    			option7 = element("option");
+    			option7.textContent = "Caps (all letters uppercase)";
+    			t17 = space();
+    			button3 = element("button");
+    			button3.textContent = "Add Svelecte";
+    			set_custom_element_data(el_svelecte, "multiple", "");
+
+    			set_custom_element_data(el_svelecte, "options", JSON.stringify([
+    				{ id: 1, name: 'User #1' },
+    				{ id: 2, name: 'User #2' },
+    				{ id: 3, name: 'User #3' },
+    				{ id: 4, name: 'User #4' },
+    				{ id: 5, name: 'User #5' },
+    				{ id: 6, name: 'User #6' }
+    			]));
+
+    			option0.__value = "";
+    			option0.value = option0.__value;
+    			option1.__value = "colors";
+    			option1.value = option1.__value;
+    			option2.__value = "countries";
+    			option2.value = option2.__value;
+    			option3.__value = "countryGroups";
+    			option3.value = option3.__value;
+    			option4.__value = "tags";
+    			option4.value = option4.__value;
+    			select0.required = true;
+    			if (/*optionList*/ ctx[0] === void 0) add_render_callback(() => /*select0_change_handler*/ ctx[10].call(select0));
+    			option5.__value = "";
+    			option5.value = option5.__value;
+    			option6.__value = "dotted";
+    			option6.value = option6.__value;
+    			option6.disabled = option6_disabled_value = /*optionList*/ ctx[0] !== 'colors';
+    			option7.__value = "caps";
+    			option7.value = option7.__value;
+    			if (/*optionRenderer*/ ctx[1] === void 0) add_render_callback(() => /*select1_change_handler*/ ctx[11].call(select1));
+    			attr(button3, "class", "btn");
+    			attr(button3, "type", "submit");
+    			attr(form, "action", "");
+    		},
+    		m(target, anchor) {
+    			insert(target, el_svelecte, anchor);
+    			/*el_svelecte_binding*/ ctx[8](el_svelecte);
+    			insert(target, t0, anchor);
+    			insert(target, button0, anchor);
+    			insert(target, t2, anchor);
+    			insert(target, button1, anchor);
+    			insert(target, t4, anchor);
+    			insert(target, button2, anchor);
+    			insert(target, t6, anchor);
+    			insert(target, div, anchor);
+    			append(div, form);
+    			append(form, t7);
+    			append(form, select0);
+    			append(select0, option0);
+    			append(select0, option1);
+    			append(select0, option2);
+    			append(select0, option3);
+    			append(select0, option4);
+    			select_option(select0, /*optionList*/ ctx[0]);
+    			append(form, t13);
+    			append(form, select1);
+    			append(select1, option5);
+    			append(select1, option6);
+    			append(option6, t15);
+    			append(select1, option7);
+    			select_option(select1, /*optionRenderer*/ ctx[1]);
+    			append(form, t17);
+    			append(form, button3);
+    			/*div_binding*/ ctx[12](div);
+
+    			if (!mounted) {
+    				dispose = [
+    					listen(el_svelecte, "change", /*change_handler*/ ctx[9]),
+    					listen(button0, "click", /*onBreak*/ ctx[7]),
+    					listen(button1, "click", /*onEmitSet*/ ctx[5]),
+    					listen(button2, "click", /*onSet*/ ctx[6]),
+    					listen(select0, "change", /*select0_change_handler*/ ctx[10]),
+    					listen(select1, "change", /*select1_change_handler*/ ctx[11]),
+    					listen(form, "submit", prevent_default(/*onSubmit*/ ctx[4]))
+    				];
+
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, [dirty]) {
+    			if (dirty & /*optionList*/ 1) {
+    				select_option(select0, /*optionList*/ ctx[0]);
+    			}
+
+    			if (dirty & /*optionList*/ 1 && option6_disabled_value !== (option6_disabled_value = /*optionList*/ ctx[0] !== 'colors')) {
+    				option6.disabled = option6_disabled_value;
+    			}
+
+    			if (dirty & /*optionRenderer*/ 2) {
+    				select_option(select1, /*optionRenderer*/ ctx[1]);
+    			}
+    		},
+    		i: noop,
+    		o: noop,
+    		d(detaching) {
+    			if (detaching) detach(el_svelecte);
+    			/*el_svelecte_binding*/ ctx[8](null);
+    			if (detaching) detach(t0);
+    			if (detaching) detach(button0);
+    			if (detaching) detach(t2);
+    			if (detaching) detach(button1);
+    			if (detaching) detach(t4);
+    			if (detaching) detach(button2);
+    			if (detaching) detach(t6);
+    			if (detaching) detach(div);
+    			/*div_binding*/ ctx[12](null);
+    			mounted = false;
+    			run_all(dispose);
+    		}
+    	};
+    }
+
+    function instance$3($$self, $$props, $$invalidate) {
+    	let container;
+    	let optionList;
+    	let optionRenderer;
+    	config.clearable = true;
+
+    	/** here we register svelecte as custom element */
+    	registerSvelecte('el-svelecte');
+
+    	/** define some custom renderers */
+    	addFormatter('dotted', item => `<span style="background-color:${item.hex}" class="color"></span> ${item.text}`);
+
+    	addFormatter('caps', item => item.text.toUpperCase());
+
+    	function onSubmit() {
+    		/** here the svelecte is defined */
+    		const el = document.createElement('el-svelecte');
+
+    		el.options = optionList === 'tags' ? [] : dataset[optionList]();
+    		el.renderer = optionRenderer;
+
+    		if (optionList === 'tags') {
+    			el.creatable = true;
+    			el.multiple = true;
+    		}
+
+    		el.onchange = e => console.log('change event', e);
+
+    		/** that's all! */
+    		container.insertBefore(el, container.lastElementChild);
+
+    		const rmBtn = document.createElement('button');
+    		rmBtn.className = 'btn float-right ml-2';
+    		rmBtn.style = 'z-index: 1; position: relative';
+    		rmBtn.textContent = 'Remove select';
+
+    		rmBtn.onclick = () => {
+    			container.removeChild(el);
+    			container.removeChild(rmBtn);
+    		};
+
+    		container.insertBefore(rmBtn, container.lastElementChild);
+    		container.insertBefore(el, container.lastElementChild);
+    		$$invalidate(0, optionList = '');
+    		$$invalidate(1, optionRenderer = '');
+    	}
+
+    	let breakable;
+
+    	function onEmitSet() {
+    		$$invalidate(3, breakable.emitChange.value = [4], breakable);
+    	}
+
+    	function onSet() {
+    		$$invalidate(3, breakable.value = [2], breakable);
+    	}
+
+    	function onBreak() {
+    		$$invalidate(3, breakable.value = [51], breakable);
+    	}
+
+    	onMount(() => {
+    		window.el = breakable;
+    	});
+
+    	function el_svelecte_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			breakable = $$value;
+    			$$invalidate(3, breakable);
+    		});
+    	}
+
+    	const change_handler = () => console.log(Date.now());
+
+    	function select0_change_handler() {
+    		optionList = select_value(this);
+    		$$invalidate(0, optionList);
+    	}
+
+    	function select1_change_handler() {
+    		optionRenderer = select_value(this);
+    		($$invalidate(1, optionRenderer), $$invalidate(0, optionList));
+    	}
+
+    	function div_binding($$value) {
+    		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+    			container = $$value;
+    			$$invalidate(2, container);
+    		});
+    	}
+
+    	$$self.$$.update = () => {
+    		if ($$self.$$.dirty & /*optionList, optionRenderer*/ 3) {
+    			{
+    				if (optionList !== 'colors' && optionRenderer === 'dotted') {
+    					$$invalidate(1, optionRenderer = null);
+    				}
+    			}
+    		}
+    	};
+
+    	return [
+    		optionList,
+    		optionRenderer,
+    		container,
+    		breakable,
+    		onSubmit,
+    		onEmitSet,
+    		onSet,
+    		onBreak,
+    		el_svelecte_binding,
+    		change_handler,
+    		select0_change_handler,
+    		select1_change_handler,
+    		div_binding
+    	];
+    }
+
+    class _08_custom_element extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance$3, create_fragment$3, safe_not_equal, {});
+    	}
+    }
+
+    /* docs/src/09-custom-dependent.svelte generated by Svelte v3.44.3 */
+
+    function create_if_block$1(ctx) {
+    	let pre;
+    	let t;
+
+    	return {
+    		c() {
+    			pre = element("pre");
+    			t = text(/*payload*/ ctx[0]);
+    		},
+    		m(target, anchor) {
+    			insert(target, pre, anchor);
+    			append(pre, t);
+    		},
+    		p(ctx, dirty) {
+    			if (dirty & /*payload*/ 1) set_data(t, /*payload*/ ctx[0]);
+    		},
+    		d(detaching) {
+    			if (detaching) detach(pre);
+    		}
+    	};
+    }
+
+    function create_fragment$2(ctx) {
+    	let form;
+    	let el_svelecte0;
+    	let t0;
+    	let el_svelecte1;
+    	let t1;
+    	let div0;
+    	let t3;
+    	let el_svelecte2;
+    	let select;
+    	let t4;
+    	let small;
+    	let t16;
+    	let div1;
+    	let t18;
+    	let mounted;
+    	let dispose;
+    	let if_block = /*payload*/ ctx[0] && create_if_block$1(ctx);
+
+    	return {
+    		c() {
+    			form = element("form");
+    			el_svelecte0 = element("el-svelecte");
+    			t0 = space();
+    			el_svelecte1 = element("el-svelecte");
+    			t1 = space();
+    			div0 = element("div");
+    			div0.textContent = "Server-side rendered inner select:";
+    			t3 = space();
+    			el_svelecte2 = element("el-svelecte");
+    			select = element("select");
+    			t4 = space();
+    			small = element("small");
+
+    			small.innerHTML = `This <code>&lt;el-svelecte&gt;</code> has nested (anchored) <code>&lt;select&gt;</code>, when you <em>need</em> to have it rendered server-side. This setup is specific, 
+    because inner select needs to have <code>name</code> and <code>required</code> (if applicable) properties specified manually. (They are not inherited from el-svelecte parent)`;
+
+    			t16 = space();
+    			div1 = element("div");
+    			div1.innerHTML = `<button type="submit" class="btn btn-success">Send form</button>`;
+    			t18 = space();
+    			if (if_block) if_block.c();
+    			set_custom_element_data(el_svelecte0, "name", "parent_value");
+    			set_custom_element_data(el_svelecte0, "placeholder", "Select parent value");
+    			set_custom_element_data(el_svelecte0, "options", `[{"value":"posts","text":"Posts"},{"value":"users","text":"Users"},{"value":"comments","text":"Comments"}]`);
+    			set_custom_element_data(el_svelecte0, "id", "is-parent");
+    			set_custom_element_data(el_svelecte0, "required", "");
+    			set_custom_element_data(el_svelecte1, "name", "child_value");
+    			set_custom_element_data(el_svelecte1, "parent", "is-parent");
+    			set_custom_element_data(el_svelecte1, "required", "");
+    			set_custom_element_data(el_svelecte1, "placeholder", "Pick from child select");
+    			set_custom_element_data(el_svelecte1, "fetch", "https://jsonplaceholder.typicode.com/[parent]");
+    			attr(select, "id", "anchored");
+    			attr(select, "name", "demo");
+    			select.multiple = true;
+    			attr(select, "data-nette-rules", netteRules);
+    			set_custom_element_data(el_svelecte2, "options", `[{"id":"posts","label":"Posts", "prop": "Posts"},{"id":"users","label":"Users", "prop": "Users"},{"id":"comments","label":"Comments", "prop": "Comment"}]`);
+    			set_style(el_svelecte2, "margin-bottom", "0");
+    			set_custom_element_data(el_svelecte2, "lazy-dropdown", "false");
+    			attr(div1, "class", "mt-2");
+    			attr(form, "action", "");
+    			form.noValidate = true;
+    		},
+    		m(target, anchor) {
+    			insert(target, form, anchor);
+    			append(form, el_svelecte0);
+    			append(form, t0);
+    			append(form, el_svelecte1);
+    			append(form, t1);
+    			append(form, div0);
+    			append(form, t3);
+    			append(form, el_svelecte2);
+    			append(el_svelecte2, select);
+    			append(form, t4);
+    			append(form, small);
+    			append(form, t16);
+    			append(form, div1);
+    			append(form, t18);
+    			if (if_block) if_block.m(form, null);
+
+    			if (!mounted) {
+    				dispose = [
+    					listen(el_svelecte1, "change", /*change_handler*/ ctx[2]),
+    					listen(select, "change", /*change_handler_1*/ ctx[3]),
+    					listen(form, "submit", prevent_default(/*onSubmit*/ ctx[1]))
+    				];
+
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, [dirty]) {
+    			if (/*payload*/ ctx[0]) {
+    				if (if_block) {
+    					if_block.p(ctx, dirty);
+    				} else {
+    					if_block = create_if_block$1(ctx);
+    					if_block.c();
+    					if_block.m(form, null);
+    				}
+    			} else if (if_block) {
+    				if_block.d(1);
+    				if_block = null;
+    			}
+    		},
+    		i: noop,
+    		o: noop,
+    		d(detaching) {
+    			if (detaching) detach(form);
+    			if (if_block) if_block.d();
+    			mounted = false;
+    			run_all(dispose);
+    		}
+    	};
+    }
+
+    let netteRules = '[{"op":":filled","msg":"This field is required."}]';
+
+    function instance$2($$self, $$props, $$invalidate) {
+    	let payload = null;
+
+    	function onSubmit(e) {
+    		const success = Nette.validateForm(e.target);
+
+    		if (!success) {
+    			$$invalidate(0, payload = null);
+    			return;
+    		}
+    		const object = {};
+    		const formData = new FormData(e.target);
+
+    		formData.forEach((value, key) => {
+    			if (object[key]) {
+    				object[key] += ', ' + value;
+    				return;
+    			}
+
+    			object[key] = value;
+    		});
+
+    		$$invalidate(0, payload = JSON.stringify(object, null, 2));
+    	}
+
+    	onMount(() => {
+    		/**
+     * Live Form Validation for Nette Forms 3.0
+     *
+     * @author Robert Pösel, zakrava, Radek Ježdík, MartyIX, David Grudl
+     * @version 2.0-dev
+     * @url https://github.com/Robyer/nette-live-form-validation/
+     * 
+     * CUSTOM MODIFICATIONS:
+     * 
+     * Added custom validators:
+     * Case insensitive comparison (multibyte characters supported)
+     * - Nette.validators.BaseComponentsFormCustomValidator_ciEqual
+     * - Nette.validators.BaseComponentsFormCustomValidator_ciNotEqual
+     */
+    		(function (global, factoryLiveValidation, factoryNetteForm) {
+    			if (typeof define === 'function' && define.amd) {
+    				// AMD
+    				define(function () {
+    					return {
+    						LiveForm: factoryLiveValidation(global),
+    						Nette: factoryNetteForm(global)
+    					};
+    				});
+    			} else if (typeof exports === 'object') {
+    				// Node, CommonJS-like
+    				module.exports = {
+    					LiveForm: factoryLiveValidation(global),
+    					Nette: factoryNetteForm(global)
+    				};
+    			} else {
+    				global.LiveForm = factoryLiveValidation(global);
+
+    				// Browser globals (root is window)
+    				var init = !global.Nette || !global.Nette.noInit;
+
+    				global.Nette = factoryNetteForm(global);
+
+    				if (init) {
+    					global.Nette.initOnLoad();
+    				}
+    			}
+    		})(
+    			typeof window !== 'undefined' ? window : this,
+    			function (window) {
+
+    				var LiveForm = {
+    					options: {
+    						// CSS class of control's parent where error/valid class should be added; or "false" to use control directly
+    						showMessageClassOnParent: false,
+    						// CSS class of control's parent where error/valid message should be added (fallback to direct parent if not found); or "false" to use control's direct parent
+    						messageParentClass: false,
+    						// CSS class for an invalid control
+    						controlErrorClass: 'is-invalid',
+    						// CSS class for a valid control
+    						controlValidClass: 'is-valid',
+    						// CSS class for an error message
+    						messageErrorClass: 'invalid-tooltip',
+    						// control with this CSS class will show error/valid message even when control itself is hidden (useful for controls which are hidden and wrapped into special component)
+    						enableHiddenMessageClass: 'selectized',
+    						// control with this CSS class will have disabled live validation
+    						disableLiveValidationClass: ['no-live-validation'],
+    						// control with this CSS class will not show valid message
+    						disableShowValidClass: 'no-show-valid',
+    						// tag that will hold the error/valid message
+    						messageTag: 'div',
+    						// message element id = control id + this postfix
+    						messageIdPostfix: '_message',
+    						// show this html before error message itself
+    						messageErrorPrefix: '&nbsp;<i class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></i>&nbsp;',
+    						// show all errors when submitting form; or use "false" to show only first error
+    						showAllErrors: true,
+    						// show message when valid
+    						showValid: false,
+    						// delay in ms before validating on keyup/keydown; or use "false" to disable it
+    						wait: false,
+    						// vertical screen offset in px to scroll after focusing element with error (useful when using fixed navbar menu which may otherwise obscure the element in focus); or use "false" for default behavior
+    						focusScreenOffsetY: 50
+    					},
+    					lastEventType: null,
+    					forms: {}
+    				};
+
+    				LiveForm.setOptions = function (userOptions) {
+    					for (var prop in userOptions) {
+    						if (Object.prototype.hasOwnProperty.call(this.options, prop)) {
+    							this.options[prop] = userOptions[prop];
+    						}
+    					}
+    				};
+
+    				// Allow setting options before loading the script just by creating global LiveFormOptions object with options.
+    				if (typeof window.LiveFormOptions !== 'undefined') {
+    					LiveForm.setOptions(window.LiveFormOptions);
+    				}
+
+    				LiveForm.isSpecialKey = function (k) {
+    					// http://stackoverflow.com/questions/7770561/jquery-javascript-reject-control-keys-on-keydown-event
+    					return k == 20 || k == 16 || k == 9 || k == 27 || k == 17 || k == 91 || k == 19 || k == 18 || k == 93 || k >= 35 && k <= 40 || k == 45 || k >= 33 && k <= 34 || k >= 112 && k <= 123 || k >= 144 && k <= 145; /* Caps lock */ /* Shift */ /* Tab */ /* Escape Key */ /* Control Key */ /* Windows Command Key */ /* Pause Break */ /* Alt Key */ /* Right Click Point Key */ /* Home, End, Arrow Keys */ /* Insert Key */ /*Page Down, Page Up */ /* F1 - F12 */ /* Num Lock, Scroll Lock */
+    				};
+
+    				/**
+     * Handlers for all the events that trigger validation
+     * YOU CAN CHANGE these handlers (ie. to use jQuery events instead)
+     */
+    				LiveForm.setupHandlers = function (el) {
+    					if (this.hasClass(el, this.options.disableLiveValidationClass) || el.tagName === 'BUTTON') return;
+
+    					// Check if element was already initialized
+    					if (el.getAttribute("data-lfv-initialized")) return;
+
+    					// Remember we initialized this element so we won't do it again
+    					el.setAttribute('data-lfv-initialized', 'true');
+
+    					var self = this;
+
+    					var handler = function (event) {
+    						event = event || window.event;
+    						self.lastEventType = event.type;
+
+    						if (event.type === 'blur' && event.target.dataset.provide) {
+    							setTimeout(
+    								() => {
+    									Nette.validateControl(event.target ? event.target : event.srcElement);
+    								},
+    								150
+    							);
+
+    							return;
+    						}
+    						Nette.validateControl(event.target ? event.target : event.srcElement);
+    					};
+
+    					el.addEventListener('change', handler);
+    					el.addEventListener('blur', handler);
+
+    					el.addEventListener('keydown', function (event) {
+    						if (!self.isSpecialKey(event.which) && (self.options.wait === false || self.options.wait >= 200)) {
+    							// Hide validation span tag.
+    							self.removeClass(self.getGroupElement(this), self.options.controlErrorClass);
+
+    							self.removeClass(self.getGroupElement(this), self.options.controlValidClass);
+    							var messageEl = self.getMessageElement(this);
+    							messageEl.innerHTML = '';
+    							messageEl.className = '';
+
+    							// Cancel timeout to run validation handler
+    							if (self.timeout) {
+    								clearTimeout(self.timeout);
+    							}
+    						}
+    					});
+
+    					el.addEventListener('keyup', function (event) {
+    						if (self.options.wait !== false) {
+    							event = event || window.event;
+
+    							if (event.keyCode !== 9) {
+    								if (self.timeout) clearTimeout(self.timeout);
+
+    								self.timeout = setTimeout(
+    									function () {
+    										handler(event);
+    									},
+    									self.options.wait
+    								);
+    							}
+    						}
+    					});
+    				};
+
+    				LiveForm.processServerErrors = function (el) {
+    					if (this.hasClass(el, this.options.disableLiveValidationClass) || el.tagName === 'BUTTON' || el.dataset.lfvInitialized == 'true') return;
+    					var messageEl = this.getMessageElement(el);
+    					var parentEl = this.getMessageParent(el); // This is parent element which contain the error elements
+    					var errors = [];
+
+    					// Find existing error elements by class (from server-validation)
+    					var errorEls = parentEl.getElementsByClassName(this.options.messageErrorClass);
+
+    					for (var i = errorEls.length - 1; i > -1; i--) {
+    						// Don't touch our main message element
+    						if (errorEls[i] == messageEl) continue;
+
+    						// Remove only direct children
+    						var errorParent = errorEls[i].parentNode;
+
+    						if (errorParent == parentEl) {
+    							errors.push(errorEls[i].outerHTML);
+    							errorParent.removeChild(errorEls[i]);
+    						}
+    					}
+
+    					// Wrap all server errors into one element
+    					if (errors.length > 0) {
+    						messageEl.innerHTML = errors.join("");
+    					}
+    				};
+
+    				LiveForm.addError = function (el, message) {
+    					// Ignore elements with disabled live validation
+    					if (this.hasClass(el, this.options.disableLiveValidationClass)) return;
+
+    					var groupEl = this.getGroupElement(el);
+    					this.setFormProperty(el.form, "hasError", true);
+    					this.addClass(groupEl, this.options.controlErrorClass);
+
+    					if (this.options.showValid) {
+    						this.removeClass(groupEl, this.options.controlValidClass);
+    					}
+
+    					if (!message) {
+    						message = '&nbsp;';
+    					} else {
+    						message = this.options.messageErrorPrefix + message;
+    					}
+
+    					var messageEl = this.getMessageElement(el);
+    					messageEl.innerHTML = message;
+    					messageEl.className = this.options.messageErrorClass;
+    				};
+
+    				LiveForm.removeError = function (el) {
+    					// We don't want to remove any errors during onLoadValidation
+    					if (this.getFormProperty(el.form, "onLoadValidation")) return;
+
+    					var groupEl = this.getGroupElement(el);
+    					this.removeClass(groupEl, this.options.controlErrorClass);
+    					var id = el.getAttribute('data-lfv-message-id');
+
+    					if (id) {
+    						var messageEl = this.getMessageElement(el);
+    						messageEl.innerHTML = '';
+    						messageEl.className = '';
+    					}
+
+    					if (this.options.showValid) {
+    						if (this.showValid(el)) this.addClass(groupEl, this.options.controlValidClass); else this.removeClass(groupEl, this.options.controlValidClass);
+    					}
+    				};
+
+    				LiveForm.showValid = function (el) {
+    					if (el.type) {
+    						var type = el.type.toLowerCase();
+
+    						if (type == 'checkbox' || type == 'radio') {
+    							return false;
+    						}
+    					}
+
+    					var rules = JSON.parse(el.getAttribute('data-nette-rules'));
+
+    					if (rules === null || rules.length == 0) {
+    						return false;
+    					}
+
+    					if (Nette.getEffectiveValue(el) == '') {
+    						return false;
+    					}
+
+    					if (this.hasClass(el, this.options.disableShowValidClass)) {
+    						return false;
+    					}
+
+    					return true;
+    				};
+
+    				LiveForm.getGroupElement = function (el) {
+    					if (this.options.showMessageClassOnParent === false) return el;
+    					var groupEl = el;
+
+    					while (!this.hasClass(groupEl, this.options.showMessageClassOnParent)) {
+    						groupEl = groupEl.parentNode;
+
+    						if (groupEl === null) {
+    							return el;
+    						}
+    					}
+
+    					return groupEl;
+    				};
+
+    				LiveForm.getMessageId = function (el) {
+    					var tmp = el.id + this.options.messageIdPostfix;
+
+    					// For elements without ID, or multi elements (with same name), we must generate whole ID ourselves
+    					if (el.name && (!el.id || !el.form.elements[el.name].tagName)) {
+    						// Strip possible [] from name
+    						var name = el.name.match(/\[\]$/)
+    						? el.name.match(/(.*)\[\]$/)[1]
+    						: el.name;
+
+    						// Generate new ID based on form ID, element name and messageIdPostfix from options
+    						tmp = (el.form.id ? el.form.id : 'frm') + '-' + name + this.options.messageIdPostfix;
+    					}
+
+    					// We want unique ID which doesn't exist yet
+    					var id = tmp, i = 0;
+
+    					while (document.getElementById(id)) {
+    						id = id + '_' + ++i;
+    					}
+
+    					return id;
+    				};
+
+    				LiveForm.getMessageElement = function (el) {
+    					// For multi elements (with same name) work only with first element attributes
+    					if (el.name && el.name.match(/\[\]$/)) {
+    						el = el.form.elements[el.name].tagName
+    						? el
+    						: el.form.elements[el.name][0];
+    					}
+
+    					var id = el.getAttribute('data-lfv-message-id');
+
+    					if (!id) {
+    						// ID is not specified yet, let's create a new one
+    						id = this.getMessageId(el);
+
+    						// Remember this id for next use
+    						el.setAttribute('data-lfv-message-id', id);
+    					}
+
+    					var messageEl = document.getElementById(id);
+
+    					if (!messageEl) {
+    						// Message element doesn't exist, lets create a new one
+    						messageEl = document.createElement(this.options.messageTag);
+
+    						messageEl.id = id;
+
+    						if (el.style.display == 'none' && !this.hasClass(el, this.options.enableHiddenMessageClass)) {
+    							messageEl.style.display = 'none';
+    						}
+
+    						var parentEl = this.getMessageParent(el);
+
+    						if (parentEl === el.parentNode) {
+    							parentEl.insertBefore(messageEl, el.nextSibling);
+    						} else if (parentEl) {
+    							typeof parentEl.append === 'function'
+    							? parentEl.append(messageEl)
+    							: parentEl.appendChild(messageEl);
+    						}
+    					}
+
+    					return messageEl;
+    				};
+
+    				LiveForm.getMessageParent = function (el) {
+    					var parentEl = el.parentNode;
+    					var parentFound = false;
+
+    					if (this.options.messageParentClass !== false) {
+    						parentFound = true;
+
+    						while (!this.hasClass(parentEl, this.options.messageParentClass)) {
+    							parentEl = parentEl.parentNode;
+
+    							if (parentEl === null) {
+    								// We didn't found wanted parent, so use element's direct parent
+    								parentEl = el.parentNode;
+
+    								parentFound = false;
+    								break;
+    							}
+    						}
+    					}
+
+    					// Don't append error message to radio/checkbox input's label, but along label
+    					if (el.type) {
+    						var type = el.type.toLowerCase();
+
+    						if ((type == 'checkbox' || type == 'radio') && parentEl.tagName == 'LABEL') {
+    							parentEl = parentEl.parentNode;
+    						}
+    					}
+
+    					// For multi elements (with same name) use parent's parent as parent (if wanted one is not found)
+    					if (!parentFound && el.name && !el.form.elements[el.name].tagName) {
+    						parentEl = parentEl.parentNode;
+    					}
+
+    					return parentEl;
+    				};
+
+    				LiveForm.addClass = function (el, className) {
+    					el.classList.add(className);
+    				};
+
+    				LiveForm.hasClass = function (el, className) {
+    					return Array.isArray(className)
+    					? className.some(cl => el.classList.contains(cl))
+    					: el.classList.contains(className);
+    				};
+
+    				LiveForm.removeClass = function (el, className) {
+    					el.classList.remove(className);
+    				};
+
+    				LiveForm.getFormProperty = function (form, propertyName) {
+    					if (form == null || this.forms[form.id] == null) return false;
+    					return this.forms[form.id][propertyName];
+    				};
+
+    				LiveForm.setFormProperty = function (form, propertyName, value) {
+    					if (form == null) return;
+    					if (this.forms[form.id] == null) this.forms[form.id] = {};
+    					this.forms[form.id][propertyName] = value;
+    				};
+
+    				return LiveForm;
+    			},
+    			/*
+    (function(global, factory) {
+        if (!global.JSON) {
+            return;
+        }
+        if (typeof define === 'function' && define.amd) {
+            define(function() {
+                return factory(global);
+            });
+        } else if (typeof module === 'object' && typeof module.exports === 'object') {
+            module.exports = factory(global);
+        } else {
+            var init = !global.Nette || !global.Nette.noInit;
+            global.Nette = factory(global);
+            if (init) {
+                global.Nette.initOnLoad();
+            }
+        }
+    }(typeof window !== 'undefined' ? window : this, function(window) {
+    */
+    			function (window) {
+    				/**
+     * NetteForms - simple form validation.
+     *
+     * This file is part of the Nette Framework (https://nette.org)
+     * Copyright (c) 2004 David Grudl (https://davidgrudl.com)
+     */
+
+    				var Nette = {};
+    				var preventFiltering = {};
+    				var formToggles = {};
+
+    				// LiveForm: original netteForms.js code
+    				// Nette.formErrors = [];
+    				Nette.version = '3.0';
+
+    				/**
+     * Function to execute when the DOM is fully loaded.
+     * @private
+     */
+    				Nette.onDocumentReady = function (callback) {
+    					if (document.readyState !== 'loading') {
+    						callback.call(this);
+    					} else {
+    						document.addEventListener('DOMContentLoaded', callback);
+    					}
+    				};
+
+    				/**
+     * Attaches a handler to an event for the element.
+     */
+    				Nette.addEvent = function (element, on, callback) {
+    					if (element.addEventListener) {
+    						element.addEventListener(on, callback);
+    					} else if (on === 'DOMContentLoaded') {
+    						element.attachEvent('onreadystatechange', function () {
+    							if (element.readyState === 'complete') {
+    								callback.call(this);
+    							}
+    						});
+    					} else {
+    						element.attachEvent('on' + on, getHandler(callback));
+    					}
+    				};
+
+    				/**
+     * Returns the value of form element.
+     */
+    				Nette.getValue = function (elem) {
+    					var i;
+
+    					if (!elem) {
+    						return null;
+    					} else if (!elem.tagName) {
+    						// RadioNodeList, HTMLCollection, array
+    						return elem[0] ? Nette.getValue(elem[0]) : null;
+    					} else if (elem.type === 'radio') {
+    						var elements = elem.form.elements; // prevents problem with name 'item' or 'namedItem'
+
+    						for (i = 0; i < elements.length; i++) {
+    							if (elements[i].name === elem.name && elements[i].checked) {
+    								return elements[i].value;
+    							}
+    						}
+
+    						return null;
+    					} else if (elem.type === 'file') {
+    						return elem.files || elem.value;
+    					} else if (elem.tagName.toLowerCase() === 'select') {
+    						var index = elem.selectedIndex, options = elem.options, values = [];
+
+    						if (elem.type === 'select-one') {
+    							return index < 0 ? null : options[index].value;
+    						}
+
+    						for (i = 0; i < options.length; i++) {
+    							if (options[i].selected) {
+    								values.push(options[i].value);
+    							}
+    						}
+
+    						return values;
+    					} else if (elem.name && elem.name.match(/\[\]$/)) {
+    						// multiple elements []
+    						elements = elem.form.elements[elem.name].tagName
+    						? [elem]
+    						: elem.form.elements[elem.name];
+
+    						values = [];
+
+    						for (i = 0; i < elements.length; i++) {
+    							// LiveForm: original netteForms.js code
+    							/*if (elements[i].type !== 'checkbox' || elements[i].checked) {
+        values.push(elements[i].value);
+    }*/
+    							// LiveForm: addition
+    							var value = elements[i].value;
+
+    							if (elements[i].type === 'checkbox' && elements[i].checked) {
+    								values.push(value);
+    							} else if (elements[i].type !== 'checkbox' && value !== '') {
+    								values.push(value);
+    							}
+    						}
+
+    						return values;
+    					} else if (elem.type === 'checkbox') {
+    						return elem.checked;
+    					} else if (elem.tagName.toLowerCase() === 'textarea') {
+    						return elem.value.replace('\r', '');
+    					} else {
+    						return elem.value.replace('\r', '').replace(/^\s+|\s+$/g, '');
+    					}
+    				};
+
+    				/**
+     * Returns the effective value of form element.
+     */
+    				Nette.getEffectiveValue = function (elem, filter) {
+    					var val = Nette.getValue(elem);
+
+    					if (elem.getAttribute) {
+    						if (val === elem.getAttribute('data-nette-empty-value')) {
+    							val = '';
+    						}
+    					}
+
+    					if (filter && preventFiltering[elem.name] === undefined) {
+    						preventFiltering[elem.name] = true;
+    						var ref = { value: val };
+    						Nette.validateControl(elem, null, true, ref);
+    						val = ref.value;
+    						delete preventFiltering[elem.name];
+    					}
+
+    					return val;
+    				};
+
+    				/**
+     * Validates form element against given rules.
+     */
+    				Nette.validateControl = function (elem, rules, onlyCheck, value, emptyOptional) {
+    					// LiveForm: addition
+    					// Fix for CheckboxList - validation rules are present always only on first input
+    					if (elem.name && elem.name.match(/\[\]$/) && elem.type.toLowerCase() == 'checkbox') {
+    						elem = elem.form.elements[elem.name].tagName
+    						? elem
+    						: elem.form.elements[elem.name][0];
+    					}
+
+    					elem = elem.tagName ? elem : elem[0]; // RadioNodeList
+    					rules = rules || JSON.parse(elem.getAttribute('data-nette-rules') || '[]');
+
+    					value = value === undefined
+    					? { value: Nette.getEffectiveValue(elem) }
+    					: value;
+
+    					emptyOptional = emptyOptional || !Nette.validateRule(elem, ':filled', null, value);
+
+    					for (var id = 0, len = rules.length; id < len; id++) {
+    						var rule = rules[id],
+    							op = rule.op.match(/(~)?([^?]+)/),
+    							curElem = rule.control
+    							? elem.form.elements.namedItem(rule.control)
+    							: elem;
+
+    						rule.neg = op[1];
+    						rule.op = op[2];
+    						rule.condition = !!rule.rules;
+
+    						if (!curElem) {
+    							continue;
+    						} else if (emptyOptional && !rule.condition && rule.op !== ':filled') {
+    							continue;
+    						}
+
+    						curElem = curElem.tagName ? curElem : curElem[0]; // RadioNodeList
+    						var success = Nette.validateRule(curElem, rule.op, rule.arg, elem === curElem ? value : undefined);
+
+    						if (success === null) {
+    							continue;
+    						} else if (rule.neg) {
+    							success = !success;
+    						}
+
+    						if (rule.condition && success) {
+    							if (!Nette.validateControl(elem, rule.rules, onlyCheck, value, rule.op === ':blank' ? false : emptyOptional)) {
+    								return false;
+    							}
+    						} else if (!rule.condition && !success) {
+    							if (Nette.isDisabled(curElem)) {
+    								continue;
+    							}
+
+    							if (!onlyCheck) {
+    								var arr = Array.isArray(rule.arg) ? rule.arg : [rule.arg],
+    									message = rule.msg.replace(/%(value|\d+)/g, function (foo, m) {
+    										return Nette.getValue(m === 'value'
+    										? curElem
+    										: elem.form.elements.namedItem(arr[m].control));
+    									});
+
+    								Nette.addError(curElem, message);
+    							}
+
+    							return false;
+    						}
+    					}
+
+    					if (elem.type === 'number' && !elem.validity.valid) {
+    						if (!onlyCheck) {
+    							Nette.addError(elem, 'Please enter a valid value.');
+    						}
+
+    						return false;
+    					}
+
+    					// LiveForm: addition
+    					if (!onlyCheck) {
+    						LiveForm.removeError(elem);
+    					}
+
+    					return true;
+    				};
+
+    				/**
+     * Validates whole form.
+     */
+    				Nette.validateForm = function (sender, onlyCheck) {
+    					var form = sender.form || sender, scope = false;
+
+    					// LiveForm: addition
+    					LiveForm.setFormProperty(form, "hasError", false);
+
+    					// LiveForm: original netteForms.js code
+    					// Nette.formErrors = [];
+    					if (form['nette-submittedBy'] && form['nette-submittedBy'].getAttribute('formnovalidate') !== null) {
+    						var scopeArr = JSON.parse(form['nette-submittedBy'].getAttribute('data-nette-validation-scope') || '[]');
+
+    						if (scopeArr.length) {
+    							scope = new RegExp('^(' + scopeArr.join('-|') + '-)');
+    						} else {
+    							// LiveForm: original netteForms.js code
+    							// Nette.showFormErrors(form, []);
+    							return true;
+    						}
+    					}
+
+    					var radios = {}, i, elem;
+
+    					// LiveForm: addition
+    					var success = true;
+
+    					for (i = 0; i < form.elements.length; i++) {
+    						elem = form.elements[i];
+
+    						if (elem.tagName && !(elem.tagName.toLowerCase() in {
+    							input: 1,
+    							select: 1,
+    							textarea: 1,
+    							button: 1
+    						})) {
+    							continue;
+    						} else if (elem.type === 'radio') {
+    							if (radios[elem.name]) {
+    								continue;
+    							}
+
+    							radios[elem.name] = true;
+    						}
+
+    						if (scope && !elem.name.replace(/]\[|\[|]|$/g, '-').match(scope) || Nette.isDisabled(elem)) {
+    							continue;
+    						}
+
+    						// LiveForm: addition
+    						success = Nette.validateControl(elem) && success;
+
+    						if (!success && !LiveForm.options.showAllErrors) {
+    							break;
+    						}
+    					} // LiveForm: original netteForms.js code
+    					/*if (!Nette.validateControl(elem, null, onlyCheck) && !Nette.formErrors.length) {
+        return false;
+    }*/
+
+    					// LiveForm: change
+    					return success;
+    				}; // LiveForm: original netteForms.js code
+    				/*var success = !Nette.formErrors.length;
+    Nette.showFormErrors(form, Nette.formErrors);
+    return success;*/
+
+    				/**
+     * Check if input is disabled.
+     */
+    				Nette.isDisabled = function (elem) {
+    					if (elem.type === 'radio') {
+    						for (var i = 0, elements = elem.form.elements; i < elements.length; i++) {
+    							if (elements[i].name === elem.name && !elements[i].disabled) {
+    								return false;
+    							}
+    						}
+
+    						return true;
+    					}
+
+    					return elem.disabled;
+    				};
+
+    				// LiveForm: change
+    				/**
+     * Display error message.
+     */
+    				Nette.addError = function (elem, message) {
+    					// LiveForm: addition
+    					var noLiveValidation = LiveForm.hasClass(elem, LiveForm.options.disableLiveValidationClass);
+
+    					// User explicitly disabled live-validation so we want to show simple alerts
+    					if (noLiveValidation) {
+    						// notify errors for elements with disabled live validation (but only errors and not during onLoadValidation)
+    						if (message && !LiveForm.getFormProperty(elem.form, "hasError") && !LiveForm.getFormProperty(elem.form, "onLoadValidation")) {
+    							alert(message);
+    						}
+    					}
+
+    					if (elem.focus && !LiveForm.getFormProperty(elem.form, "hasError")) {
+    						if (!LiveForm.focusing) {
+    							LiveForm.focusing = true;
+    							elem.focus();
+
+    							setTimeout(
+    								function () {
+    									LiveForm.focusing = false;
+
+    									// Scroll by defined offset (if enabled)
+    									// NOTE: We use it with setTimetout because IE9 doesn't always catch instant scrollTo request
+    									var focusOffsetY = LiveForm.options.focusScreenOffsetY;
+
+    									if (focusOffsetY !== false && elem.getBoundingClientRect().top < focusOffsetY) {
+    										window.scrollBy(0, elem.getBoundingClientRect().top - focusOffsetY);
+    									}
+    								},
+    								10
+    							);
+    						}
+    					}
+
+    					if (!noLiveValidation) {
+    						LiveForm.addError(elem, message);
+    					}
+    				};
+
+    				// LiveForm: original netteForms.js code
+    				/*/!**
+     * Adds error message to the queue.
+     *!/
+    Nette.addError = function(elem, message) {
+        Nette.formErrors.push({
+            element: elem,
+            message: message
+        });
+    };*/
+    				// LiveForm: original netteForms.js code
+    				/*/!**
+     * Display error messages.
+     *!/
+    Nette.showFormErrors = function(form, errors) {
+        var messages = [],
+            focusElem;
+        for (var i = 0; i < errors.length; i++) {
+            var elem = errors[i].element,
+                message = errors[i].message;
+            if (messages.indexOf(message) < 0) {
+                messages.push(message);
+                if (!focusElem && elem.focus) {
+                    focusElem = elem;
+                }
+            }
+        }
+        if (messages.length) {
+            alert(messages.join('\n'));
+            if (focusElem) {
+                focusElem.focus();
+            }
+        }
+    };*/
+    				/**
+     * Validates single rule.
+     */
+    				Nette.validateRule = function (elem, op, arg, value) {
+    					value = value === undefined
+    					? {
+    							value: Nette.getEffectiveValue(elem, true)
+    						}
+    					: value;
+
+    					if (op.charAt(0) === ':') {
+    						op = op.substr(1);
+    					}
+
+    					op = op.replace('::', '_');
+    					op = op.replace(/\\/g, '');
+    					var arr = Array.isArray(arg) ? arg.slice(0) : [arg];
+
+    					for (var i = 0, len = arr.length; i < len; i++) {
+    						if (arr[i] && arr[i].control) {
+    							var control = elem.form.elements.namedItem(arr[i].control);
+
+    							arr[i] = control === elem
+    							? value.value
+    							: Nette.getEffectiveValue(control, true);
+    						}
+    					}
+
+    					return Nette.validators[op]
+    					? Nette.validators[op](elem, Array.isArray(arg) ? arr : arr[0], value.value, value)
+    					: null;
+    				};
+
+    				Nette.validators = {
+    					filled(elem, arg, val) {
+    						if (elem.type === 'number' && elem.validity.badInput) {
+    							return true;
+    						}
+
+    						return val !== '' && val !== false && val !== null && (!Array.isArray(val) || !!val.length) && (!window.FileList || !(val instanceof window.FileList) || val.length);
+    					},
+    					blank(elem, arg, val) {
+    						return !Nette.validators.filled(elem, arg, val);
+    					},
+    					valid(elem) {
+    						return Nette.validateControl(elem, null, true);
+    					},
+    					equal(elem, arg, val) {
+    						if (arg === undefined) {
+    							return null;
+    						}
+
+    						function toString(val) {
+    							if (typeof val === 'number' || typeof val === 'string') {
+    								return '' + val;
+    							} else {
+    								return val === true ? '1' : '';
+    							}
+    						}
+
+    						val = Array.isArray(val) ? val : [val];
+    						arg = Array.isArray(arg) ? arg : [arg];
+
+    						loop: for (var i1 = 0, len1 = val.length; i1 < len1; i1++) {
+    							for (var i2 = 0, len2 = arg.length; i2 < len2; i2++) {
+    								if (toString(val[i1]) === toString(arg[i2])) {
+    									continue loop;
+    								}
+    							}
+
+    							return false;
+    						}
+
+    						return true;
+    					},
+    					notEqual(elem, arg, val) {
+    						return arg === undefined
+    						? null
+    						: !Nette.validators.equal(elem, arg, val);
+    					},
+    					minLength(elem, arg, val) {
+    						if (elem.type === 'number') {
+    							if (elem.validity.tooShort) {
+    								return false;
+    							} else if (elem.validity.badInput) {
+    								return null;
+    							}
+    						}
+
+    						return val.length >= arg;
+    					},
+    					maxLength(elem, arg, val) {
+    						if (elem.type === 'number') {
+    							if (elem.validity.tooLong) {
+    								return false;
+    							} else if (elem.validity.badInput) {
+    								return null;
+    							}
+    						}
+
+    						return val.length <= arg;
+    					},
+    					length(elem, arg, val) {
+    						if (elem.type === 'number') {
+    							if (elem.validity.tooShort || elem.validity.tooLong) {
+    								return false;
+    							} else if (elem.validity.badInput) {
+    								return null;
+    							}
+    						}
+
+    						arg = Array.isArray(arg) ? arg : [arg, arg];
+    						return (arg[0] === null || val.length >= arg[0]) && (arg[1] === null || val.length <= arg[1]);
+    					},
+    					email(elem, arg, val) {
+    						return (/^("([ !#-[\]-~]|\\[ -~])+"|[-a-z0-9!#$%&'*+/=?^_`{|}~]+(\.[-a-z0-9!#$%&'*+/=?^_`{|}~]+)*)@([0-9a-z\u00C0-\u02FF\u0370-\u1EFF]([-0-9a-z\u00C0-\u02FF\u0370-\u1EFF]{0,61}[0-9a-z\u00C0-\u02FF\u0370-\u1EFF])?\.)+[a-z\u00C0-\u02FF\u0370-\u1EFF]([-0-9a-z\u00C0-\u02FF\u0370-\u1EFF]{0,17}[a-z\u00C0-\u02FF\u0370-\u1EFF])?$/i).test(val);
+    					},
+    					url(elem, arg, val, value) {
+    						console.log('validate', val);
+
+    						if (!(/^[a-z\d+.-]+:/).test(val)) {
+    							val = 'http://' + val;
+    						}
+
+    						if ((/^https?:\/\/((([-_0-9a-z\u00C0-\u02FF\u0370-\u1EFF]+\.)*[0-9a-z\u00C0-\u02FF\u0370-\u1EFF]([-0-9a-z\u00C0-\u02FF\u0370-\u1EFF]{0,61}[0-9a-z\u00C0-\u02FF\u0370-\u1EFF])?\.)?[a-z\u00C0-\u02FF\u0370-\u1EFF]([-0-9a-z\u00C0-\u02FF\u0370-\u1EFF]{0,17}[a-z\u00C0-\u02FF\u0370-\u1EFF])?|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}|\[[0-9a-f:]{3,39}\])(:\d{1,5})?(\/\S*)?$/i).test(val)) {
+    							value.value = val;
+    							return true;
+    						}
+
+    						return false;
+    					},
+    					regexp(elem, arg, val) {
+    						var parts = typeof arg === 'string'
+    						? arg.match(/^\/(.*)\/([imu]*)$/)
+    						: false;
+
+    						try {
+    							return parts && new RegExp(parts[1], parts[2].replace('u', '')).test(val);
+    						} catch(e) {
+    							
+    						} // eslint-disable-line no-empty
+    					},
+    					pattern(elem, arg, val, value, caseInsensitive) {
+    						if (typeof arg !== 'string') {
+    							return null;
+    						}
+
+    						try {
+    							try {
+    								var regExp = new RegExp('^(?:' + arg + ')$', caseInsensitive ? 'ui' : 'u');
+    							} catch(e) {
+    								regExp = new RegExp('^(?:' + arg + ')$', caseInsensitive ? 'i' : '');
+    							}
+
+    							if (window.FileList && val instanceof FileList) {
+    								for (var i = 0; i < val.length; i++) {
+    									if (!regExp.test(val[i].name)) {
+    										return false;
+    									}
+    								}
+
+    								return true;
+    							}
+
+    							return regExp.test(val);
+    						} catch(e) {
+    							
+    						} // eslint-disable-line no-empty
+    					},
+    					patternCaseInsensitive(elem, arg, val) {
+    						return Nette.validators.pattern(elem, arg, val, null, true);
+    					},
+    					numeric(elem, arg, val) {
+    						if (elem.type === 'number' && elem.validity.badInput) {
+    							return false;
+    						}
+
+    						return (/^[0-9]+$/).test(val);
+    					},
+    					integer(elem, arg, val) {
+    						if (elem.type === 'number' && elem.validity.badInput) {
+    							return false;
+    						}
+
+    						return (/^-?[0-9]+$/).test(val);
+    					},
+    					'float'(elem, arg, val, value) {
+    						if (elem.type === 'number' && elem.validity.badInput) {
+    							return false;
+    						}
+
+    						val = val.replace(/ +/g, '').replace(/,/g, '.');
+
+    						if ((/^-?[0-9]*\.?[0-9]+$/).test(val)) {
+    							value.value = val;
+    							return true;
+    						}
+
+    						return false;
+    					},
+    					min(elem, arg, val) {
+    						if (elem.type === 'number') {
+    							if (elem.validity.rangeUnderflow) {
+    								return false;
+    							} else if (elem.validity.badInput) {
+    								return null;
+    							}
+    						}
+
+    						return arg === null || parseFloat(val) >= arg;
+    					},
+    					max(elem, arg, val) {
+    						if (elem.type === 'number') {
+    							if (elem.validity.rangeOverflow) {
+    								return false;
+    							} else if (elem.validity.badInput) {
+    								return null;
+    							}
+    						}
+
+    						return arg === null || parseFloat(val) <= arg;
+    					},
+    					range(elem, arg, val) {
+    						if (elem.type === 'number') {
+    							if (elem.validity.rangeUnderflow || elem.validity.rangeOverflow) {
+    								return false;
+    							} else if (elem.validity.badInput) {
+    								return null;
+    							}
+    						}
+
+    						return Array.isArray(arg)
+    						? (arg[0] === null || parseFloat(val) >= arg[0]) && (arg[1] === null || parseFloat(val) <= arg[1])
+    						: null;
+    					},
+    					submitted(elem) {
+    						return elem.form['nette-submittedBy'] === elem;
+    					},
+    					fileSize(elem, arg, val) {
+    						if (window.FileList) {
+    							for (var i = 0; i < val.length; i++) {
+    								if (val[i].size > arg) {
+    									return false;
+    								}
+    							}
+    						}
+
+    						return true;
+    					},
+    					image(elem, arg, val) {
+    						if (window.FileList && val instanceof window.FileList) {
+    							for (var i = 0; i < val.length; i++) {
+    								var type = val[i].type;
+
+    								if (type && type !== 'image/gif' && type !== 'image/png' && type !== 'image/jpeg') {
+    									return false;
+    								}
+    							}
+    						}
+
+    						return true;
+    					},
+    					'static'(elem, arg) {
+    						return arg;
+    					},
+    					BaseComponentsFormCustomValidator_ciEqual(elem, arg, val) {
+    						if (arg === undefined) {
+    							return null;
+    						}
+
+    						function toString(val) {
+    							if (typeof val === 'number' || typeof val === 'string') {
+    								return '' + val;
+    							} else {
+    								return val === true ? '1' : '';
+    							}
+    						}
+
+    						function ciEquals(a, b) {
+    							return typeof a === 'string' && typeof b === 'string'
+    							? a.localeCompare(b, undefined, { sensitivity: 'accent' }) === 0
+    							: a === b;
+    						}
+
+    						val = Array.isArray(val) ? val : [val];
+    						arg = Array.isArray(arg) ? arg : [arg];
+
+    						loop: for (var i1 = 0, len1 = val.length; i1 < len1; i1++) {
+    							for (var i2 = 0, len2 = arg.length; i2 < len2; i2++) {
+    								if (ciEquals(toString(val[i1]), toString(arg[i2]))) {
+    									continue loop;
+    								}
+    							}
+
+    							return false;
+    						}
+
+    						return true;
+    					},
+    					BaseComponentsFormCustomValidator_ciNotEqual(elem, arg, val) {
+    						return arg === undefined
+    						? null
+    						: !Nette.validators.BaseComponentsFormCustomValidator_ciEqual(elem, arg, val);
+    					}
+    				};
+
+    				/**
+     * Process all toggles in form.
+     */
+    				Nette.toggleForm = function (form, elem) {
+    					var i;
+    					formToggles = {};
+
+    					for (i = 0; i < form.elements.length; i++) {
+    						if (form.elements[i].tagName.toLowerCase() in {
+    							input: 1,
+    							select: 1,
+    							textarea: 1,
+    							button: 1
+    						}) {
+    							Nette.toggleControl(form.elements[i], null, null, !elem);
+    						}
+    					}
+
+    					for (i in formToggles) {
+    						Nette.toggle(i, formToggles[i], elem);
+    					}
+    				};
+
+    				/**
+     * Process toggles on form element.
+     */
+    				Nette.toggleControl = function (elem, rules, success, firsttime, value) {
+    					rules = rules || JSON.parse(elem.getAttribute('data-nette-rules') || '[]');
+
+    					value = value === undefined
+    					? { value: Nette.getEffectiveValue(elem) }
+    					: value;
+
+    					var has = false,
+    						handled = [],
+    						handler = function () {
+    							Nette.toggleForm(elem.form, elem);
+    						},
+    						curSuccess;
+
+    					for (var id = 0, len = rules.length; id < len; id++) {
+    						var rule = rules[id],
+    							op = rule.op.match(/(~)?([^?]+)/),
+    							curElem = rule.control
+    							? elem.form.elements.namedItem(rule.control)
+    							: elem;
+
+    						if (!curElem) {
+    							continue;
+    						}
+
+    						curSuccess = success;
+
+    						if (success !== false) {
+    							rule.neg = op[1];
+    							rule.op = op[2];
+    							curSuccess = Nette.validateRule(curElem, rule.op, rule.arg, elem === curElem ? value : undefined);
+
+    							if (curSuccess === null) {
+    								continue;
+    							} else if (rule.neg) {
+    								curSuccess = !curSuccess;
+    							}
+
+    							if (!rule.rules) {
+    								success = curSuccess;
+    							}
+    						}
+
+    						if (rule.rules && Nette.toggleControl(elem, rule.rules, curSuccess, firsttime, value) || rule.toggle) {
+    							has = true;
+
+    							if (firsttime) {
+    								var name = curElem.tagName ? curElem.name : curElem[0].name,
+    									els = curElem.tagName ? curElem.form.elements : curElem;
+
+    								for (var i = 0; i < els.length; i++) {
+    									if (els[i].name === name && handled.indexOf(els[i]) < 0) {
+    										els[i].addEventListener('change', handler);
+    										handled.push(els[i]);
+    									}
+    								}
+    							}
+
+    							for (var id2 in rule.toggle || []) {
+    								if (Object.prototype.hasOwnProperty.call(rule.toggle, id2)) {
+    									formToggles[id2] = formToggles[id2] || (rule.toggle[id2] ? curSuccess : !curSuccess);
+    								}
+    							}
+    						}
+    					}
+
+    					return has;
+    				};
+
+    				/**
+     * Displays or hides HTML element.
+     */
+    				Nette.toggle = function (id, visible, srcElement) {
+    					// eslint-disable-line no-unused-vars
+    					var elem = document.getElementById(id);
+
+    					if (elem) {
+    						elem.style.display = visible ? '' : 'none';
+    					}
+    				};
+
+    				/**
+     * Setup handlers.
+     */
+    				Nette.initForm = function (form) {
+    					Nette.toggleForm(form);
+
+    					if (form.noValidate) {
+    						return;
+    					}
+
+    					form.noValidate = true;
+
+    					// LiveForm: addition
+    					LiveForm.forms[form.id] = { hasError: false, onLoadValidation: false };
+
+    					form.addEventListener('submit', function (e) {
+    						if (!Nette.validateForm(form)) {
+    							e.stopPropagation();
+    							e.preventDefault();
+    						}
+    					});
+
+    					// LiveForm: addition
+    					for (var i = 0; i < form.elements.length; i++) {
+    						LiveForm.setupHandlers(form.elements[i]);
+    						LiveForm.processServerErrors(form.elements[i]);
+    					}
+    				};
+
+    				/**
+     * @private
+     */
+    				Nette.initOnLoad = function () {
+    					Nette.addEvent(document, 'DOMContentLoaded', function () {
+    						// LiveForm: original netteForms.js code
+    						/*
+            for (var i = 0; i < document.forms.length; i++) {
+                var form = document.forms[i];
+                for (var j = 0; j < form.elements.length; j++) {
+                    if (form.elements[j].getAttribute('data-nette-rules')) {
+                        Nette.initForm(form);
+                        break;
+                    }
+                }
+            }
+            Nette.addEvent(document.body, 'click', function(e) {
+                var target = e.target || e.srcElement;
+                if (target.form && target.type in {submit: 1, image: 1}) {
+                    target.form['nette-submittedBy'] = target;
+                }
+            });
+    */
+    						// LiveForm: addition
+    						Nette.init();
+    					});
+    				};
+
+    				// LiveForm: addition
+    				/**
+     * Init function to be called in case usage as module
+     *
+     * @public
+     */
+    				Nette.init = function () {
+    					for (var i = 0; i < document.forms.length; i++) {
+    						var form = document.forms[i];
+
+    						for (var j = 0; j < form.elements.length; j++) {
+    							if (form.elements[j].getAttribute('data-nette-rules')) {
+    								Nette.initForm(form);
+
+    								if (LiveForm.hasClass(form, 'validate-on-load')) {
+    									// This is not so nice way, but I don't want to spoil validateForm, validateControl and other methods with another parameter
+    									LiveForm.setFormProperty(form, "onLoadValidation", true);
+
+    									Nette.validateForm(form);
+    									LiveForm.setFormProperty(form, "onLoadValidation", false);
+    								}
+
+    								break;
+    							}
+    						}
+    					}
+
+    					Nette.addEvent(document.body, 'click', function (e) {
+    						var target = e.target || e.srcElement;
+
+    						if (target.form && target.type in { submit: 1, image: 1 }) {
+    							target.form['nette-submittedBy'] = target;
+    						}
+    					});
+    				};
+
+    				/**
+     * Determines whether the argument is an array.
+     */
+    				Nette.isArray = function (arg) {
+    					return Object.prototype.toString.call(arg) === '[object Array]';
+    				};
+
+    				/**
+     * Search for a specified value within an array.
+     */
+    				Nette.inArray = function (arr, val) {
+    					if ([].indexOf) {
+    						return arr.indexOf(val) > -1;
+    					} else {
+    						for (var i = 0; i < arr.length; i++) {
+    							if (arr[i] === val) {
+    								return true;
+    							}
+    						}
+
+    						return false;
+    					}
+    				};
+
+    				/**
+     * Converts string to web safe characters [a-z0-9-] text.
+     */
+    				Nette.webalize = function (s) {
+    					s = s.toLowerCase();
+    					var res = '', i, ch;
+
+    					for (i = 0; i < s.length; i++) {
+    						ch = Nette.webalizeTable[s.charAt(i)];
+    						res += ch ? ch : s.charAt(i);
+    					}
+
+    					return res.replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
+    				};
+
+    				Nette.webalizeTable = {
+    					á: 'a',
+    					ä: 'a',
+    					č: 'c',
+    					ď: 'd',
+    					é: 'e',
+    					ě: 'e',
+    					í: 'i',
+    					ľ: 'l',
+    					ň: 'n',
+    					ó: 'o',
+    					ô: 'o',
+    					ř: 'r',
+    					š: 's',
+    					ť: 't',
+    					ú: 'u',
+    					ů: 'u',
+    					ý: 'y',
+    					ž: 'z'
+    				};
+
+    				return Nette;
+    			}
+    		);
+    	});
+
+    	const change_handler = e => console.log('D', e.detail);
+    	const change_handler_1 = e => console.log(e.target.selectedOptions);
+    	return [payload, onSubmit, change_handler, change_handler_1];
+    }
+
+    class _09_custom_dependent extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance$2, create_fragment$2, safe_not_equal, {});
+    	}
+    }
+
+    /* docs/src/10-custom-remote.svelte generated by Svelte v3.44.3 */
+
+    function create_if_block(ctx) {
+    	let pre;
+    	let t;
+
+    	return {
+    		c() {
+    			pre = element("pre");
+    			t = text(/*payload*/ ctx[0]);
+    		},
+    		m(target, anchor) {
+    			insert(target, pre, anchor);
+    			append(pre, t);
+    		},
+    		p(ctx, dirty) {
+    			if (dirty & /*payload*/ 1) set_data(t, /*payload*/ ctx[0]);
+    		},
+    		d(detaching) {
+    			if (detaching) detach(pre);
+    		}
+    	};
+    }
+
+    function create_fragment$1(ctx) {
+    	let form;
+    	let el_svelecte;
+    	let t0;
+    	let div;
+    	let t2;
+    	let mounted;
+    	let dispose;
+    	let if_block = /*payload*/ ctx[0] && create_if_block(ctx);
+
+    	return {
+    		c() {
+    			form = element("form");
+    			el_svelecte = element("el-svelecte");
+    			t0 = space();
+    			div = element("div");
+    			div.innerHTML = `<button type="submit" class="btn btn-success">Send form</button>`;
+    			t2 = space();
+    			if (if_block) if_block.c();
+    			set_custom_element_data(el_svelecte, "name", "selection");
+    			set_custom_element_data(el_svelecte, "multiple", "");
+    			set_custom_element_data(el_svelecte, "required", "");
+    			set_custom_element_data(el_svelecte, "placeholder", "Search for color");
+    			set_custom_element_data(el_svelecte, "fetch", "https://my-json-server.typicode.com/mskocik/svelecte-docs/colors?value_like=[query]");
+    			attr(div, "class", "mt-2");
+    			attr(form, "action", "");
+    		},
+    		m(target, anchor) {
+    			insert(target, form, anchor);
+    			append(form, el_svelecte);
+    			append(form, t0);
+    			append(form, div);
+    			append(form, t2);
+    			if (if_block) if_block.m(form, null);
+
+    			if (!mounted) {
+    				dispose = [
+    					listen(el_svelecte, "change", /*resetPayload*/ ctx[2]),
+    					listen(form, "submit", prevent_default(/*onSubmit*/ ctx[1]))
+    				];
+
+    				mounted = true;
+    			}
+    		},
+    		p(ctx, [dirty]) {
+    			if (/*payload*/ ctx[0]) {
+    				if (if_block) {
+    					if_block.p(ctx, dirty);
+    				} else {
+    					if_block = create_if_block(ctx);
+    					if_block.c();
+    					if_block.m(form, null);
+    				}
+    			} else if (if_block) {
+    				if_block.d(1);
+    				if_block = null;
+    			}
+    		},
+    		i: noop,
+    		o: noop,
+    		d(detaching) {
+    			if (detaching) detach(form);
+    			if (if_block) if_block.d();
+    			mounted = false;
+    			run_all(dispose);
+    		}
+    	};
+    }
+
+    function instance$1($$self, $$props, $$invalidate) {
+    	let payload = null;
+
+    	function onSubmit(e) {
+    		const object = {};
+    		const formData = new FormData(e.target);
+
+    		formData.forEach((value, key) => {
+    			if (object[key]) {
+    				object[key] += ', ' + value;
+    				return;
+    			}
+
+    			object[key] = value;
+    		});
+
+    		$$invalidate(0, payload = JSON.stringify(object, null, 2));
+    	}
+
+    	function resetPayload(e) {
+    		$$invalidate(0, payload = null);
+    	}
+
+    	return [payload, onSubmit, resetPayload];
+    }
+
+    class _10_custom_remote extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance$1, create_fragment$1, safe_not_equal, {});
+    	}
+    }
+
+    /* docs/src/11-vue.svelte generated by Svelte v3.44.3 */
+
+    function create_fragment(ctx) {
+    	let div1;
+
+    	return {
+    		c() {
+    			div1 = element("div");
+    			div1.innerHTML = `<div id="vue"></div>`;
+    			attr(div1, "class", "example-wrap");
+    			set_style(div1, "border-color", "#41b883");
+    			set_style(div1, "box-shadow", "0 0 10px #41b883 inset");
+    		},
+    		m(target, anchor) {
+    			insert(target, div1, anchor);
+    		},
+    		p: noop,
+    		i: noop,
+    		o: noop,
+    		d(detaching) {
+    			if (detaching) detach(div1);
+    		}
+    	};
+    }
+
+    function colorCreateFilter(val) {
+    	return (val.substr(0, 1).toUpperCase() + val.substr(1).toLowerCase()).trim();
+    }
+
+    function instance($$self) {
+    	onMount(() => {
+    		tick().then(() => {
+    			new Vue({
+    					el: '#vue',
+    					data: {
+    						placeholder: 'Select or create color',
+    						selected: [],
+    						opts: JSON.stringify(dataset.colors())
+    					},
+    					methods: {
+    						onChange(e) {
+    							this.selected = e.target.value;
+    						},
+    						show(e) {
+    							console.log(e.detail);
+    						}
+    					},
+    					mounted() {
+    						setTimeout(
+    							() => {
+    								/** this is needed, because it's custom-element */
+    								this.$refs.el.svelecte.$$set({ createFilter: colorCreateFilter });
+    							},
+    							500
+    						);
+    					},
+    					template: `<div>
+          <h6>Vue 2 example</h6>
+          <div>
+            <el-svelecte :options="opts"  @change="onChange" @createoption="show"
+              :value="selected"
+              :placeholder="placeholder"
+              renderer="color-blocks"
+              multiple creatable
+              label-as-value
+              ref="el"
+            ></el-svelecte>
+          </div>
+          <div>Selection: {{ selected }}</div>
+        </div> `
+    				});
+    		});
+    	});
+
+    	return [];
+    }
+
+    class _11_vue extends SvelteComponent {
+    	constructor(options) {
+    		super();
+    		init(this, options, instance, create_fragment, safe_not_equal, {});
+    	}
+    }
+
+    [_01_basic, _02_basicPlain, _03_groups, _04_item_rendering, _05_slot, _06_fetch, _07_playground, _08_custom_element, _09_custom_dependent, _10_custom_remote, _11_vue]
+      .forEach(
+        (component, index) => new component({
+          target: document.getElementById(`example-${index +1}`),
+        })
+      );
+
+    /** FETCH example sources */
+    const promises = [];
+    document.querySelectorAll('pre[data-src]')
+      .forEach(codeBlock => promises.push(
+        fetch(`src/${codeBlock.dataset.src}.svelte`)
+          .then(resp => resp.text())
+          .then(html => {
+            const codeEl = document.createElement('code');
+            codeEl.className = 'svelte';
+            codeEl.innerText = html.replaceAll(/(<\/?script>)/g, '<!-- $1 -->');        codeBlock.appendChild(codeEl);
+          })
+      ));
+    Promise.all(promises).then(() => hljs.highlightAll());
+
+})();
diff --git a/docs/src/01-basic.svelte b/docs/src/01-basic.svelte
index f0c9c0e..e4c23f2 100644
--- a/docs/src/01-basic.svelte
+++ b/docs/src/01-basic.svelte
@@ -12,7 +12,9 @@
   }, 4000);
 </script>
 
+<label for="country">Select a country</label>
 <Svelecte {options} 
+  inputId="country"
   bind:readSelection={selection}
   bind:value={value}
   placeholder="Select country"
diff --git a/src/Svelecte.svelte b/src/Svelecte.svelte
index 89a76fd..b20d7f5 100644
--- a/src/Svelecte.svelte
+++ b/src/Svelecte.svelte
@@ -30,6 +30,7 @@
 
   // form and CE
   export let name = 'svelecte';
+  export let inputId = null;
   export let required = false;
   export let hasAnchor = false;
   export let disabled = defaults.disabled;
@@ -605,7 +606,7 @@
 
 <div class={`svelecte ${className}`} class:is-disabled={disabled} {style}>
   <Control bind:this={refControl} renderer={itemRenderer}
-    {disabled} {clearable} {searchable} {placeholder} {multiple} {resetOnBlur} collapseSelection={collapseSelection ? config.collapseSelectionFn : null}
+    {disabled} {clearable} {searchable} {placeholder} {multiple} {inputId} {resetOnBlur} collapseSelection={collapseSelection ? config.collapseSelectionFn : null}
     inputValue={inputValue} hasFocus={hasFocus} hasDropdownOpened={hasDropdownOpened} selectedOptions={selectedOptions} {isFetchingData}
     {dndzone} {currentValueField}
     itemComponent={controlItem}
diff --git a/src/components/Control.svelte b/src/components/Control.svelte
index e9e4145..3ed1420 100644
--- a/src/components/Control.svelte
+++ b/src/components/Control.svelte
@@ -11,6 +11,7 @@
   export let multiple;
   export let resetOnBlur;
   export let collapseSelection;
+  export let inputId;
   /** internal props */
   export let inputValue;
   export let hasFocus;
@@ -83,7 +84,7 @@
       {/if}
     {/if}
     <!-- input -->
-    <Input {disabled} {searchable} {placeholder} {multiple}
+    <Input {disabled} {searchable} {placeholder} {multiple} {inputId}
       {inputValue} {hasDropdownOpened} {selectedOptions}
       bind:this={refInput}
       on:focus={onFocus}
diff --git a/src/components/Input.svelte b/src/components/Input.svelte
index 0bf10df..bff5c60 100644
--- a/src/components/Input.svelte
+++ b/src/components/Input.svelte
@@ -2,6 +2,7 @@
   import { createEventDispatcher } from 'svelte';
 
   export const focus = () => inputRef.focus();
+  export let inputId;
   export let placeholder;
   export let searchable;
   export let disabled;
@@ -43,6 +44,7 @@
 <input type="text" class="inputBox"
   disabled={disabled}
   readonly={!searchable}
+  {inputId}
   style={inputStyle} placeholder={placeholderText}
   bind:this={inputRef} 
   bind:value={$inputValue}