carbon-components-svelte/assets/MultiSelect.fdfe875f.js

let n=document.createElement("style");n.innerHTML="",document.head.appendChild(n);import{S as t,i as a,s,g as e,h as l,k as p,l as o,n as c,o as i,N as r,y as u,q as d,r as k,M as m,w as $,j as f,c as g,p as h,a as x,x as b,m as v,I as w,A as I,t as y,b as S,d as T,B as _,a4 as E,Q as C,C as F,D as j,E as M,F as L,G as W,H as A,a0 as D,J as N,Z as z,_ as U,Y as H}from"./index.c2c9d961.js";import"./Button.37430222.js";import{C as B}from"./Checkbox.4e02ac4e.js";import"./index.af83b04a.js";import{W as P,C as R,P as V}from"./Preview.4c9c0c28.js";import{L as q,b as G,a as J,c as Q}from"./ListBoxMenuItem.266f0ae0.js";import{L as Y,a as Z}from"./ListBoxSelection.eba72945.js";import"./ChevronDown16.d70ae9ed.js";import"./Close16.d95a415b.js";import"./Loading.8dea5962.js";import"./Column.2e03e551.js";import"./Content.94950662.js";import"./store.a9279dc1.js";function K(n,t,a){const s=n.slice();return s[61]=t[a],s[63]=a,s}function O(n){let t,a;return{c(){t=e("label"),a=l(n[8]),this.h()},l(s){t=p(s,"LABEL",{for:!0});var e=o(t);a=c(e,n[8]),e.forEach(i),this.h()},h(){r(t,"for",n[14]),u(t,"bx--label",!0),u(t,"bx--label--disabled",n[3])},m(n,s){d(n,t,s),k(t,a)},p(n,s){256&s[0]&&m(a,n[8]),16384&s[0]&&r(t,"for",n[14]),8&s[0]&&u(t,"bx--label--disabled",n[3])},d(n){n&&i(t)}}}function X(n){let t,a;return t=new P({props:{class:"bx--list-box__invalid-icon"}}),{c(){g(t.$$.fragment)},l(n){x(t.$$.fragment,n)},m(n,s){v(t,n,s),a=!0},i(n){a||(y(t.$$.fragment,n),a=!0)},o(n){S(t.$$.fragment,n),a=!1},d(n){T(t,n)}}}function nn(n){let t,a;return t=new Z({props:{selectionCount:n[22].length,translateWithId:n[7],disabled:n[3]}}),t.$on("clear",n[43]),{c(){g(t.$$.fragment)},l(n){x(t.$$.fragment,n)},m(n,s){v(t,n,s),a=!0},p(n,a){const s={};4194304&a[0]&&(s.selectionCount=n[22].length),128&a[0]&&(s.translateWithId=n[7]),8&a[0]&&(s.disabled=n[3]),t.$set(s)},i(n){a||(y(t.$$.fragment,n),a=!0)},o(n){S(t.$$.fragment,n),a=!1},d(n){T(t,n)}}}function tn(n){let t,a,s,l,o,c,k,m,$=n[10]&&an(),b=n[20]&&sn(n);return o=new J({props:{translateWithId:n[7],open:n[0]}}),o.$on("click",n[49]),{c(){t=e("input"),a=f(),$&&$.c(),s=f(),b&&b.c(),l=f(),g(o.$$.fragment),this.h()},l(n){t=p(n,"INPUT",{role:!0,tabindex:!0,autocomplete:!0,"aria-autocomplete":!0,"aria-expanded":!0,"aria-activedescendant":!0,"aria-disabled":!0,"aria-controls":!0,disabled:!0,placeholder:!0,id:!0,name:!0,value:!0}),a=h(n),$&&$.l(n),s=h(n),b&&b.l(n),l=h(n),x(o.$$.fragment,n),this.h()},h(){r(t,"role","combobox"),r(t,"tabindex","0"),r(t,"autocomplete","off"),r(t,"aria-autocomplete","list"),r(t,"aria-expanded",n[0]),r(t,"aria-activedescendant",n[28]),r(t,"aria-disabled",n[3]),r(t,"aria-controls",n[24]),t.disabled=n[3],r(t,"placeholder",n[6]),r(t,"id",n[14]),r(t,"name",n[15]),t.value=n[20],u(t,"bx--text-input",!0),u(t,"bx--text-input--empty",""===n[20]),u(t,"bx--text-input--light",n[5])},m(e,p){d(e,t,p),n[44](t),d(e,a,p),$&&$.m(e,p),d(e,s,p),b&&b.m(e,p),d(e,l,p),v(o,e,p),c=!0,k||(m=[w(t,"input",n[45]),w(t,"keydown",n[39]),w(t,"keydown",D(n[46])),w(t,"focus",n[40]),w(t,"blur",n[41]),w(t,"blur",n[47])],k=!0)},p(n,a){(!c||1&a[0])&&r(t,"aria-expanded",n[0]),(!c||268435456&a[0])&&r(t,"aria-activedescendant",n[28]),(!c||8&a[0])&&r(t,"aria-disabled",n[3]),(!c||16777216&a[0])&&r(t,"aria-controls",n[24]),(!c||8&a[0])&&(t.disabled=n[3]),(!c||64&a[0])&&r(t,"placeholder",n[6]),(!c||16384&a[0])&&r(t,"id",n[14]),(!c||32768&a[0])&&r(t,"name",n[15]),(!c||1048576&a[0]&&t.value!==n[20])&&(t.value=n[20]),1048576&a[0]&&u(t,"bx--text-input--empty",""===n[20]),32&a[0]&&u(t,"bx--text-input--light",n[5]),n[10]?$?1024&a[0]&&y($,1):($=an(),$.c(),y($,1),$.m(s.parentNode,s)):$&&(M(),S($,1,1,()=>{$=null}),L()),n[20]?b?(b.p(n,a),1048576&a[0]&&y(b,1)):(b=sn(n),b.c(),y(b,1),b.m(l.parentNode,l)):b&&(M(),S(b,1,1,()=>{b=null}),L());const e={};128&a[0]&&(e.translateWithId=n[7]),1&a[0]&&(e.open=n[0]),o.$set(e)},i(n){c||(y($),y(b),y(o.$$.fragment,n),c=!0)},o(n){S($),S(b),S(o.$$.fragment,n),c=!1},d(e){e&&i(t),n[44](null),e&&i(a),$&&$.d(e),e&&i(s),b&&b.d(e),e&&i(l),T(o,e),k=!1,N(m)}}}function an(n){let t,a;return t=new P({props:{class:"bx--list-box__invalid-icon"}}),{c(){g(t.$$.fragment)},l(n){x(t.$$.fragment,n)},m(n,s){v(t,n,s),a=!0},i(n){a||(y(t.$$.fragment,n),a=!0)},o(n){S(t.$$.fragment,n),a=!1},d(n){T(t,n)}}}function sn(n){let t,a;return t=new Z({props:{translateWithId:n[7],disabled:n[3],open:n[0]}}),t.$on("clear",n[48]),{c(){g(t.$$.fragment)},l(n){x(t.$$.fragment,n)},m(n,s){v(t,n,s),a=!0},p(n,a){const s={};128&a[0]&&(s.translateWithId=n[7]),8&a[0]&&(s.disabled=n[3]),1&a[0]&&(s.open=n[0]),t.$set(s)},i(n){a||(y(t.$$.fragment,n),a=!0)},o(n){S(t.$$.fragment,n),a=!1},d(n){T(t,n)}}}function en(n){let t,a,s,u,$;return u=new J({props:{open:n[0],translateWithId:n[7]}}),{c(){t=e("span"),a=l(n[13]),s=f(),g(u.$$.fragment),this.h()},l(e){t=p(e,"SPAN",{class:!0});var l=o(t);a=c(l,n[13]),l.forEach(i),s=h(e),x(u.$$.fragment,e),this.h()},h(){r(t,"class","bx--list-box__label")},m(n,e){d(n,t,e),k(t,a),d(n,s,e),v(u,n,e),$=!0},p(n,t){(!$||8192&t[0])&&m(a,n[13]);const s={};1&t[0]&&(s.open=n[0]),128&t[0]&&(s.translateWithId=n[7]),u.$set(s)},i(n){$||(y(u.$$.fragment,n),$=!0)},o(n){S(u.$$.fragment,n),$=!1},d(n){n&&i(t),n&&i(s),T(u,n)}}}function ln(n){let t,a,s,e,l=n[22].length>0&&nn(n),p=n[4]&&tn(n),o=!n[4]&&en(n);return{c(){l&&l.c(),t=f(),p&&p.c(),a=f(),o&&o.c(),s=j()},l(n){l&&l.l(n),t=h(n),p&&p.l(n),a=h(n),o&&o.l(n),s=j()},m(n,c){l&&l.m(n,c),d(n,t,c),p&&p.m(n,c),d(n,a,c),o&&o.m(n,c),d(n,s,c),e=!0},p(n,e){n[22].length>0?l?(l.p(n,e),4194304&e[0]&&y(l,1)):(l=nn(n),l.c(),y(l,1),l.m(t.parentNode,t)):l&&(M(),S(l,1,1,()=>{l=null}),L()),n[4]?p?(p.p(n,e),16&e[0]&&y(p,1)):(p=tn(n),p.c(),y(p,1),p.m(a.parentNode,a)):p&&(M(),S(p,1,1,()=>{p=null}),L()),n[4]?o&&(M(),S(o,1,1,()=>{o=null}),L()):o?(o.p(n,e),16&e[0]&&y(o,1)):(o=en(n),o.c(),y(o,1),o.m(s.parentNode,s))},i(n){e||(y(l),y(p),y(o),e=!0)},o(n){S(l),S(p),S(o),e=!1},d(n){l&&l.d(n),n&&i(t),p&&p.d(n),n&&i(a),o&&o.d(n),n&&i(s)}}}function pn(n){let t,a;return t=new G({props:{"aria-label":n[26],id:n[14],$$slots:{default:[rn]},$$scope:{ctx:n}}}),{c(){g(t.$$.fragment)},l(n){x(t.$$.fragment,n)},m(n,s){v(t,n,s),a=!0},p(n,a){const s={};67108864&a[0]&&(s["aria-label"]=n[26]),16384&a[0]&&(s.id=n[14]),144835098&a[0]|4&a[2]&&(s.$$scope={dirty:a,ctx:n}),t.$set(s)},i(n){a||(y(t.$$.fragment,n),a=!0)},o(n){S(t.$$.fragment,n),a=!1},d(n){T(t,n)}}}function on(n){let t,a,s;return t=new B({props:{readonly:!0,tabindex:"-1",id:"checkbox-"+n[61].id,title:n[9]?n[1](n[61]):void 0,name:n[1](n[61]),labelText:n[1](n[61]),checked:n[61].checked,disabled:n[3]}}),{c(){g(t.$$.fragment),a=f()},l(n){x(t.$$.fragment,n),a=h(n)},m(n,e){v(t,n,e),d(n,a,e),s=!0},p(n,a){const s={};142606352&a[0]&&(s.id="checkbox-"+n[61].id),142606866&a[0]&&(s.title=n[9]?n[1](n[61]):void 0),142606354&a[0]&&(s.name=n[1](n[61])),142606354&a[0]&&(s.labelText=n[1](n[61])),142606352&a[0]&&(s.checked=n[61].checked),8&a[0]&&(s.disabled=n[3]),t.$set(s)},i(n){s||(y(t.$$.fragment,n),s=!0)},o(n){S(t.$$.fragment,n),s=!1},d(n){T(t,n),n&&i(a)}}}function cn(n,t){let a,s,e;return s=new Q({props:{id:t[61].id,active:t[61].checked,highlighted:t[21]===t[63],$$slots:{default:[on]},$$scope:{ctx:t}}}),s.$on("click",(function(...n){return t[53](t[61],...n)})),s.$on("mouseenter",(function(...n){return t[54](t[63],...n)})),{key:n,first:null,c(){a=j(),g(s.$$.fragment),this.h()},l(n){a=j(),x(s.$$.fragment,n),this.h()},h(){this.first=a},m(n,t){d(n,a,t),v(s,n,t),e=!0},p(n,a){t=n;const e={};142606352&a[0]&&(e.id=t[61].id),142606352&a[0]&&(e.active=t[61].checked),144703504&a[0]&&(e.highlighted=t[21]===t[63]),142606874&a[0]|4&a[2]&&(e.$$scope={dirty:a,ctx:t}),s.$set(e)},i(n){e||(y(s.$$.fragment,n),e=!0)},o(n){S(s.$$.fragment,n),e=!1},d(n){n&&i(a),T(s,n)}}}function rn(n){let t,a,s=[],e=new Map,l=n[4]?n[27]:n[23];const p=n=>n[61].id||n[63];for(let t=0;t<l.length;t+=1){let a=K(n,l,t),o=p(a);e.set(o,s[t]=cn(o,a))}return{c(){for(let n=0;n<s.length;n+=1)s[n].c();t=j()},l(n){for(let t=0;t<s.length;t+=1)s[t].l(n);t=j()},m(n,e){for(let t=0;t<s.length;t+=1)s[t].m(n,e);d(n,t,e),a=!0},p(n,a){if(144835098&a[0]){const l=n[4]?n[27]:n[23];M(),s=z(s,a,p,1,n,l,e,t.parentNode,U,cn,t,K),L()}},i(n){if(!a){for(let n=0;n<l.length;n+=1)y(s[n]);a=!0}},o(n){for(let n=0;n<s.length;n+=1)S(s[n]);a=!1},d(n){for(let t=0;t<s.length;t+=1)s[t].d(n);n&&i(t)}}}function un(n){let t,a,s,e,l,p=n[10]&&X();a=new Y({props:{role:"button",tabindex:"0","aria-expanded":n[0],id:n[14],disabled:n[3],translateWithId:n[7],$$slots:{default:[ln]},$$scope:{ctx:n}}}),a.$on("click",n[50]),a.$on("keydown",n[51]),a.$on("blur",n[52]);let o=n[0]&&pn(n);return{c(){p&&p.c(),t=f(),g(a.$$.fragment),s=f(),o&&o.c(),e=j()},l(n){p&&p.l(n),t=h(n),x(a.$$.fragment,n),s=h(n),o&&o.l(n),e=j()},m(n,c){p&&p.m(n,c),d(n,t,c),v(a,n,c),d(n,s,c),o&&o.m(n,c),d(n,e,c),l=!0},p(n,s){n[10]?p?1024&s[0]&&y(p,1):(p=X(),p.c(),y(p,1),p.m(t.parentNode,t)):p&&(M(),S(p,1,1,()=>{p=null}),L());const l={};1&s[0]&&(l["aria-expanded"]=n[0]),16384&s[0]&&(l.id=n[14]),8&s[0]&&(l.disabled=n[3]),128&s[0]&&(l.translateWithId=n[7]),301655289&s[0]|4&s[2]&&(l.$$scope={dirty:s,ctx:n}),a.$set(l),n[0]?o?(o.p(n,s),1&s[0]&&y(o,1)):(o=pn(n),o.c(),y(o,1),o.m(e.parentNode,e)):o&&(M(),S(o,1,1,()=>{o=null}),L())},i(n){l||(y(p),y(a.$$.fragment,n),y(o),l=!0)},o(n){S(p),S(a.$$.fragment,n),S(o),l=!1},d(n){p&&p.d(n),n&&i(t),T(a,n),n&&i(s),o&&o.d(n),n&&i(e)}}}function dn(n){let t,a;return{c(){t=e("div"),a=l(n[12]),this.h()},l(s){t=p(s,"DIV",{});var e=o(t);a=c(e,n[12]),e.forEach(i),this.h()},h(){u(t,"bx--form__helper-text",!0),u(t,"bx--form__helper-text--disabled",n[3])},m(n,s){d(n,t,s),k(t,a)},p(n,s){4096&s[0]&&m(a,n[12]),8&s[0]&&u(t,"bx--form__helper-text--disabled",n[3])},d(n){n&&i(t)}}}function kn(n){let t,a,s,l,c,r,m,_,E=n[8]&&O(n);l=new q({props:{"aria-label":n[26],id:n[14],disabled:n[3],invalid:n[10],invalidText:n[11],open:n[0],light:n[5],size:n[2],class:"bx--multi-select "+(n[4]&&"bx--combo-box")+"\n      "+(n[4]&&"bx--multi-select--filterable")+"\n      "+(n[10]&&"bx--multi-select--invalid")+"\n      "+(n[25]&&"bx--multi-select--inline")+"\n      "+(n[22].length>0&&"bx--multi-select--selected"),$$slots:{default:[un]},$$scope:{ctx:n}}});let C=!n[25]&&!n[10]&&n[12]&&dn(n),F=[n[30]],j={};for(let n=0;n<F.length;n+=1)j=$(j,F[n]);return{c(){t=f(),a=e("div"),E&&E.c(),s=f(),g(l.$$.fragment),c=f(),C&&C.c(),this.h()},l(n){t=h(n),a=p(n,"DIV",{});var e=o(a);E&&E.l(e),s=h(e),x(l.$$.fragment,e),c=h(e),C&&C.l(e),e.forEach(i),this.h()},h(){b(a,j),u(a,"bx--multi-select__wrapper",!0),u(a,"bx--list-box__wrapper",!0),u(a,"bx--multi-select__wrapper--inline",n[25]),u(a,"bx--list-box__wrapper--inline",n[25]),u(a,"bx--multi-select__wrapper--inline--invalid",n[25]&&n[10])},m(e,p){d(e,t,p),d(e,a,p),E&&E.m(a,null),k(a,s),v(l,a,null),k(a,c),C&&C.m(a,null),n[55](a),r=!0,m||(_=w(document.body,"click",n[42]),m=!0)},p(n,t){n[8]?E?E.p(n,t):(E=O(n),E.c(),E.m(a,s)):E&&(E.d(1),E=null);const e={};67108864&t[0]&&(e["aria-label"]=n[26]),16384&t[0]&&(e.id=n[14]),8&t[0]&&(e.disabled=n[3]),1024&t[0]&&(e.invalid=n[10]),2048&t[0]&&(e.invalidText=n[11]),1&t[0]&&(e.open=n[0]),32&t[0]&&(e.light=n[5]),4&t[0]&&(e.size=n[2]),37749776&t[0]&&(e.class="bx--multi-select "+(n[4]&&"bx--combo-box")+"\n      "+(n[4]&&"bx--multi-select--filterable")+"\n      "+(n[10]&&"bx--multi-select--invalid")+"\n      "+(n[25]&&"bx--multi-select--inline")+"\n      "+(n[22].length>0&&"bx--multi-select--selected")),503244539&t[0]|4&t[2]&&(e.$$scope={dirty:t,ctx:n}),l.$set(e),n[25]||n[10]||!n[12]?C&&(C.d(1),C=null):C?C.p(n,t):(C=dn(n),C.c(),C.m(a,null)),b(a,j=I(F,[1073741824&t[0]&&n[30]])),u(a,"bx--multi-select__wrapper",!0),u(a,"bx--list-box__wrapper",!0),u(a,"bx--multi-select__wrapper--inline",n[25]),u(a,"bx--list-box__wrapper--inline",n[25]),u(a,"bx--multi-select__wrapper--inline--invalid",n[25]&&n[10])},i(n){r||(y(l.$$.fragment,n),r=!0)},o(n){S(l.$$.fragment,n),r=!1},d(s){s&&i(t),s&&i(a),E&&E.d(),T(l),C&&C.d(),n[55](null),m=!1,_()}}}function mn(n,t,a){const s=["items","itemToString","selectedIds","value","size","type","selectionFeedback","disabled","filterable","filterItem","open","light","locale","placeholder","sortItem","translateWithId","titleText","useTitleInItem","invalid","invalidText","helperText","label","id","name"];let e=_(t,s),{items:l=[]}=t,{itemToString:p=(n=>n.text||n.id)}=t,{selectedIds:o=[]}=t,{value:c=""}=t,{size:i}=t,{type:r="default"}=t,{selectionFeedback:u="top-after-reopen"}=t,{disabled:d=!1}=t,{filterable:k=!1}=t,{filterItem:m=((n,t)=>n.text.toLowerCase().includes(t.toLowerCase()))}=t,{open:f=!1}=t,{light:g=!1}=t,{locale:h="en"}=t,{placeholder:x=""}=t,{sortItem:b=((n,t)=>n.text.localeCompare(t.text,h,{numeric:!0}))}=t,{translateWithId:v}=t,{titleText:w=""}=t,{useTitleInItem:I=!1}=t,{invalid:y=!1}=t,{invalidText:S=""}=t,{helperText:T=""}=t,{label:j=""}=t,{id:M="ccs-"+Math.random().toString(36)}=t,{name:L}=t,D=null,N=null,z=null,U=null;function H(n){let t=V+n;t<0?t=l.length-1:t>=l.length&&(t=0),a(21,V=t)}function B(){return[...Z.length>1?Z.sort(b):Z,...K.sort(b)]}E("MultiSelect",{declareRef:({key:n,ref:t})=>{switch(n){case"field":a(17,N=t);break;case"selection":a(18,z=t)}}}),C(()=>{Z.length!==q.length&&("top"===u&&a(23,Y=B()),q=Z,a(32,o=Z.map(({id:n})=>n))),f||(R&&"fixed"===u||(a(23,Y=B()),R=!0),a(21,V=-1),a(20,P="")),a(31,l=Y)});let P,R,V,q,G,J,Q,Y,Z,K,O,X;return n.$$set=n=>{a(60,t=$($({},t),F(n))),a(30,e=_(t,s)),"items"in n&&a(31,l=n.items),"itemToString"in n&&a(1,p=n.itemToString),"selectedIds"in n&&a(32,o=n.selectedIds),"value"in n&&a(33,c=n.value),"size"in n&&a(2,i=n.size),"type"in n&&a(34,r=n.type),"selectionFeedback"in n&&a(35,u=n.selectionFeedback),"disabled"in n&&a(3,d=n.disabled),"filterable"in n&&a(4,k=n.filterable),"filterItem"in n&&a(36,m=n.filterItem),"open"in n&&a(0,f=n.open),"light"in n&&a(5,g=n.light),"locale"in n&&a(37,h=n.locale),"placeholder"in n&&a(6,x=n.placeholder),"sortItem"in n&&a(38,b=n.sortItem),"translateWithId"in n&&a(7,v=n.translateWithId),"titleText"in n&&a(8,w=n.titleText),"useTitleInItem"in n&&a(9,I=n.useTitleInItem),"invalid"in n&&a(10,y=n.invalid),"invalidText"in n&&a(11,S=n.invalidText),"helperText"in n&&a(12,T=n.helperText),"label"in n&&a(13,j=n.label),"id"in n&&a(14,M=n.id),"name"in n&&a(15,L=n.name)},n.$$.update=()=>{16384&n.$$.dirty[0]&&a(24,G="menu-"+M),8&n.$$.dirty[1]&&a(25,J="inline"===r),a(26,Q=t["aria-label"]||"Choose an item"),3&n.$$.dirty[1]&&a(23,Y=l.map(n=>({...n,checked:o.includes(n.id)}))),8388608&n.$$.dirty[0]&&a(22,Z=Y.filter(({checked:n})=>n)),8388608&n.$$.dirty[0]&&(K=Y.filter(({checked:n})=>!n)),1048576&n.$$.dirty[0]&&a(33,c=P),8388608&n.$$.dirty[0]|36&n.$$.dirty[1]&&a(27,O=Y.filter(n=>m(n,c))),10485760&n.$$.dirty[0]&&a(28,X=Y[V]?Y[V].id:void 0)},a(20,P=""),R=!1,a(21,V=-1),q=[],t=F(t),[f,p,i,d,k,g,x,v,w,I,y,S,T,j,M,L,D,N,z,U,P,V,Z,Y,G,J,Q,O,X,H,e,l,o,c,r,u,m,h,b,function(t){W(n,t)},function(t){W(n,t)},function(t){W(n,t)},({target:n})=>{f&&D&&!D.contains(n)&&a(0,f=!1)},()=>{a(23,Y=Y.map(n=>({...n,checked:!1}))),N.blur()},function(n){A[n?"unshift":"push"](()=>{U=n,a(19,U)})},({target:n})=>{a(20,P=n.value)},({key:n})=>{"Enter"===n?V>-1&&a(23,Y[V].checked=!Y[V].checked,Y):"Tab"===n?a(0,f=!1):"ArrowDown"===n?H(1):"ArrowUp"===n&&H(-1)},({relatedTarget:n})=>{n&&"button"!==n.getAttribute("role")&&U.focus()},()=>{a(20,P=""),a(0,f=!1)},n=>{n.stopPropagation(),a(0,f=!f)},()=>{k?(a(0,f=!0),U.focus()):a(0,f=!f)},({key:n})=>{k||(" "===n?a(0,f=!f):"Tab"===n?z&&Z.length>0?z.focus():(a(0,f=!1),N.blur()):"ArrowDown"===n?H(1):"ArrowUp"===n?H(-1):"Enter"===n&&V>-1&&a(23,Y[V].checked=!Y[V].checked,Y))},({relatedTarget:n})=>{n&&"button"!==n.getAttribute("role")&&N.focus()},n=>{a(23,Y=Y.map(t=>t.id===n.id?{...t,checked:!t.checked}:t)),N.focus()},n=>{a(21,V=n)},function(n){A[n?"unshift":"push"](()=>{D=n,a(16,D)})}]}class $n extends t{constructor(n){super(),a(this,n,mn,kn,s,{items:31,itemToString:1,selectedIds:32,value:33,size:2,type:34,selectionFeedback:35,disabled:3,filterable:4,filterItem:36,open:0,light:5,locale:37,placeholder:6,sortItem:38,translateWithId:7,titleText:8,useTitleInItem:9,invalid:10,invalidText:11,helperText:12,label:13,id:14,name:15},[-1,-1,-1])}}function fn(n){let t,a;return t=new $n({props:{titleText:"Contact",label:"Select contact methods...",items:[{id:"0",text:"Slack"},{id:"1",text:"Email"},{id:"2",text:"Fax"}],selectedIds:["0","1"]}}),{c(){g(t.$$.fragment)},l(n){x(t.$$.fragment,n)},m(n,s){v(t,n,s),a=!0},p:H,i(n){a||(y(t.$$.fragment,n),a=!0)},o(n){S(t.$$.fragment,n),a=!1},d(n){T(t,n)}}}function gn(n){let t,a;return t=new $n({props:{light:!0,titleText:"Contact",label:"Select contact methods...",items:[{id:"0",text:"Slack"},{id:"1",text:"Email"},{id:"2",text:"Fax"}]}}),{c(){g(t.$$.fragment)},l(n){x(t.$$.fragment,n)},m(n,s){v(t,n,s),a=!0},p:H,i(n){a||(y(t.$$.fragment,n),a=!0)},o(n){S(t.$$.fragment,n),a=!1},d(n){T(t,n)}}}function hn(n){let t,a;return t=new $n({props:{type:"inline",titleText:"Contact",label:"Select contact methods...",items:[{id:"0",text:"Slack"},{id:"1",text:"Email"},{id:"2",text:"Fax"}]}}),{c(){g(t.$$.fragment)},l(n){x(t.$$.fragment,n)},m(n,s){v(t,n,s),a=!0},p:H,i(n){a||(y(t.$$.fragment,n),a=!0)},o(n){S(t.$$.fragment,n),a=!1},d(n){T(t,n)}}}function xn(n){let t,a;return t=new $n({props:{filterable:!0,titleText:"Contact",placeholder:"Filter contact methods...",items:[{id:"0",text:"Slack"},{id:"1",text:"Email"},{id:"2",text:"Fax"}]}}),{c(){g(t.$$.fragment)},l(n){x(t.$$.fragment,n)},m(n,s){v(t,n,s),a=!0},p:H,i(n){a||(y(t.$$.fragment,n),a=!0)},o(n){S(t.$$.fragment,n),a=!1},d(n){T(t,n)}}}function bn(n){let t,a,s,u,m,$,g,x,b,v,w,I,y,S,T,_,E,C,F,j,M,L;return{c(){t=e("div"),a=e("ul"),s=e("li"),u=e("a"),m=l("Usage"),$=f(),g=e("ul"),x=e("li"),b=e("a"),v=l("Default"),w=f(),I=e("li"),y=e("a"),S=l("Light variant"),T=f(),_=e("li"),E=e("a"),C=l("Inline type"),F=f(),j=e("li"),M=e("a"),L=l("Filterable"),this.h()},l(n){t=p(n,"DIV",{slot:!0});var e=o(t);a=p(e,"UL",{class:!0});var l=o(a);s=p(l,"LI",{class:!0});var r=o(s);u=p(r,"A",{class:!0,href:!0});var d=o(u);m=c(d,"Usage"),d.forEach(i),$=h(r),g=p(r,"UL",{class:!0});var k=o(g);x=p(k,"LI",{class:!0});var f=o(x);b=p(f,"A",{class:!0,href:!0});var W=o(b);v=c(W,"Default"),W.forEach(i),f.forEach(i),w=h(k),I=p(k,"LI",{class:!0});var A=o(I);y=p(A,"A",{class:!0,href:!0});var D=o(y);S=c(D,"Light variant"),D.forEach(i),A.forEach(i),T=h(k),_=p(k,"LI",{class:!0});var N=o(_);E=p(N,"A",{class:!0,href:!0});var z=o(E);C=c(z,"Inline type"),z.forEach(i),N.forEach(i),F=h(k),j=p(k,"LI",{class:!0});var U=o(j);M=p(U,"A",{class:!0,href:!0});var H=o(M);L=c(H,"Filterable"),H.forEach(i),U.forEach(i),k.forEach(i),r.forEach(i),l.forEach(i),e.forEach(i),this.h()},h(){r(u,"class","bx--link"),r(u,"href","#usage"),r(b,"class","bx--link"),r(b,"href","#default"),r(x,"class","bx--list__item"),r(y,"class","bx--link"),r(y,"href","#light-variant"),r(I,"class","bx--list__item"),r(E,"class","bx--link"),r(E,"href","#inline-type"),r(_,"class","bx--list__item"),r(M,"class","bx--link"),r(M,"href","#filterable"),r(j,"class","bx--list__item"),r(g,"class","bx--list--unordered bx--list--nested"),r(s,"class","bx--list__item"),r(a,"class","bx--list--unordered"),r(t,"slot","aside")},m(n,e){d(n,t,e),k(t,a),k(a,s),k(s,u),k(u,m),k(s,$),k(s,g),k(g,x),k(x,b),k(b,v),k(g,w),k(g,I),k(I,y),k(y,S),k(g,T),k(g,_),k(_,E),k(E,C),k(g,F),k(g,j),k(j,M),k(M,L)},d(n){n&&i(t)}}}function vn(n){let t,a,s,u,m,$,b,w,I,_,E,C,F,j,M,L,W,A,D,N,z;return u=new V({props:{codeRaw:"<script>\n  import { MultiSelect } from \"carbon-components-svelte\";\n<\/script>\n\n<MultiSelect\n  titleText=\"Contact\"\n  label=\"Select contact methods...\"\n  items={[{ id: '0', text: 'Slack' }, { id: '1', text: 'Email' }, { id: '2', text: 'Fax' }]}\n  selectedIds={['0', '1']}\n/>\n",code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> MultiSelect <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>MultiSelect</span>\n  <span class="token attr-name">titleText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Contact<span class="token punctuation">"</span></span>\n  <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Select contact methods...<span class="token punctuation">"</span></span>\n  <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token punctuation">{</span> id<span class="token operator">:</span> <span class="token string">\'0\'</span><span class="token punctuation">,</span> text<span class="token operator">:</span> <span class="token string">\'Slack\'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> id<span class="token operator">:</span> <span class="token string">\'1\'</span><span class="token punctuation">,</span> text<span class="token operator">:</span> <span class="token string">\'Email\'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> id<span class="token operator">:</span> <span class="token string">\'2\'</span><span class="token punctuation">,</span> text<span class="token operator">:</span> <span class="token string">\'Fax\'</span> <span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n  <span class="token attr-name">selectedIds=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token string">\'0\'</span><span class="token punctuation">,</span> <span class="token string">\'1\'</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n<span class="token punctuation">/></span></span>\n',$$slots:{default:[fn]},$$scope:{ctx:n}}}),I=new V({props:{codeRaw:"<script>\n  import { MultiSelect } from \"carbon-components-svelte\";\n<\/script>\n\n<MultiSelect\n  light\n  titleText=\"Contact\"\n  label=\"Select contact methods...\"\n  items={[{ id: '0', text: 'Slack' }, { id: '1', text: 'Email' }, { id: '2', text: 'Fax' }]}\n/>\n",code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> MultiSelect <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>MultiSelect</span>\n  <span class="token attr-name">light</span>\n  <span class="token attr-name">titleText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Contact<span class="token punctuation">"</span></span>\n  <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Select contact methods...<span class="token punctuation">"</span></span>\n  <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token punctuation">{</span> id<span class="token operator">:</span> <span class="token string">\'0\'</span><span class="token punctuation">,</span> text<span class="token operator">:</span> <span class="token string">\'Slack\'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> id<span class="token operator">:</span> <span class="token string">\'1\'</span><span class="token punctuation">,</span> text<span class="token operator">:</span> <span class="token string">\'Email\'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> id<span class="token operator">:</span> <span class="token string">\'2\'</span><span class="token punctuation">,</span> text<span class="token operator">:</span> <span class="token string">\'Fax\'</span> <span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n<span class="token punctuation">/></span></span>\n',$$slots:{default:[gn]},$$scope:{ctx:n}}}),j=new V({props:{codeRaw:"<script>\n  import { MultiSelect } from \"carbon-components-svelte\";\n<\/script>\n\n<MultiSelect\n  type=\"inline\"\n  titleText=\"Contact\"\n  label=\"Select contact methods...\"\n  items={[{ id: '0', text: 'Slack' }, { id: '1', text: 'Email' }, { id: '2', text: 'Fax' }]}\n/>\n",code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> MultiSelect <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>MultiSelect</span>\n  <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>inline<span class="token punctuation">"</span></span>\n  <span class="token attr-name">titleText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Contact<span class="token punctuation">"</span></span>\n  <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Select contact methods...<span class="token punctuation">"</span></span>\n  <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token punctuation">{</span> id<span class="token operator">:</span> <span class="token string">\'0\'</span><span class="token punctuation">,</span> text<span class="token operator">:</span> <span class="token string">\'Slack\'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> id<span class="token operator">:</span> <span class="token string">\'1\'</span><span class="token punctuation">,</span> text<span class="token operator">:</span> <span class="token string">\'Email\'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> id<span class="token operator">:</span> <span class="token string">\'2\'</span><span class="token punctuation">,</span> text<span class="token operator">:</span> <span class="token string">\'Fax\'</span> <span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n<span class="token punctuation">/></span></span>\n',$$slots:{default:[hn]},$$scope:{ctx:n}}}),D=new V({props:{codeRaw:"<script>\n  import { MultiSelect } from \"carbon-components-svelte\";\n<\/script>\n\n<MultiSelect\n  filterable\n  titleText=\"Contact\"\n  placeholder=\"Filter contact methods...\"\n  items={[{ id: '0', text: 'Slack' }, { id: '1', text: 'Email' }, { id: '2', text: 'Fax' }]}\n/>\n",code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> <span class="token punctuation">{</span> MultiSelect <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"carbon-components-svelte"</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>MultiSelect</span>\n  <span class="token attr-name">filterable</span>\n  <span class="token attr-name">titleText</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Contact<span class="token punctuation">"</span></span>\n  <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>Filter contact methods...<span class="token punctuation">"</span></span>\n  <span class="token attr-name">items=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">[</span><span class="token punctuation">{</span> id<span class="token operator">:</span> <span class="token string">\'0\'</span><span class="token punctuation">,</span> text<span class="token operator">:</span> <span class="token string">\'Slack\'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> id<span class="token operator">:</span> <span class="token string">\'1\'</span><span class="token punctuation">,</span> text<span class="token operator">:</span> <span class="token string">\'Email\'</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> id<span class="token operator">:</span> <span class="token string">\'2\'</span><span class="token punctuation">,</span> text<span class="token operator">:</span> <span class="token string">\'Fax\'</span> <span class="token punctuation">}</span><span class="token punctuation">]</span><span class="token punctuation">}</span></span>\n<span class="token punctuation">/></span></span>\n',$$slots:{default:[xn]},$$scope:{ctx:n}}}),{c(){t=e("h3"),a=l("Default"),s=f(),g(u.$$.fragment),m=f(),$=e("h3"),b=l("Light variant"),w=f(),g(I.$$.fragment),_=f(),E=e("h3"),C=l("Inline type"),F=f(),g(j.$$.fragment),M=f(),L=e("h3"),W=l("Filterable"),A=f(),g(D.$$.fragment),N=f(),this.h()},l(n){t=p(n,"H3",{id:!0});var e=o(t);a=c(e,"Default"),e.forEach(i),s=h(n),x(u.$$.fragment,n),m=h(n),$=p(n,"H3",{id:!0});var l=o($);b=c(l,"Light variant"),l.forEach(i),w=h(n),x(I.$$.fragment,n),_=h(n),E=p(n,"H3",{id:!0});var r=o(E);C=c(r,"Inline type"),r.forEach(i),F=h(n),x(j.$$.fragment,n),M=h(n),L=p(n,"H3",{id:!0});var d=o(L);W=c(d,"Filterable"),d.forEach(i),A=h(n),x(D.$$.fragment,n),N=h(n),this.h()},h(){r(t,"id","default"),r($,"id","light-variant"),r(E,"id","inline-type"),r(L,"id","filterable")},m(n,e){d(n,t,e),k(t,a),d(n,s,e),v(u,n,e),d(n,m,e),d(n,$,e),k($,b),d(n,w,e),v(I,n,e),d(n,_,e),d(n,E,e),k(E,C),d(n,F,e),v(j,n,e),d(n,M,e),d(n,L,e),k(L,W),d(n,A,e),v(D,n,e),d(n,N,e),z=!0},p(n,t){const a={};1&t&&(a.$$scope={dirty:t,ctx:n}),u.$set(a);const s={};1&t&&(s.$$scope={dirty:t,ctx:n}),I.$set(s);const e={};1&t&&(e.$$scope={dirty:t,ctx:n}),j.$set(e);const l={};1&t&&(l.$$scope={dirty:t,ctx:n}),D.$set(l)},i(n){z||(y(u.$$.fragment,n),y(I.$$.fragment,n),y(j.$$.fragment,n),y(D.$$.fragment,n),z=!0)},o(n){S(u.$$.fragment,n),S(I.$$.fragment,n),S(j.$$.fragment,n),S(D.$$.fragment,n),z=!1},d(n){n&&i(t),n&&i(s),T(u,n),n&&i(m),n&&i($),n&&i(w),T(I,n),n&&i(_),n&&i(E),n&&i(F),T(j,n),n&&i(M),n&&i(L),n&&i(A),T(D,n),n&&i(N)}}}function wn(n){let t,a;return t=new R({props:{$$slots:{default:[vn],aside:[bn]},$$scope:{ctx:n}}}),{c(){g(t.$$.fragment)},l(n){x(t.$$.fragment,n)},m(n,s){v(t,n,s),a=!0},p(n,[a]){const s={};1&a&&(s.$$scope={dirty:a,ctx:n}),t.$set(s)},i(n){a||(y(t.$$.fragment,n),a=!0)},o(n){S(t.$$.fragment,n),a=!1},d(n){T(t,n)}}}export default class extends t{constructor(n){super(),a(this,n,null,wn,s,{})}}