@mozaic-ds/web-components 0.11.0 → 0.12.0-beta.0

package/public/components/listbox/Listbox.nested.js

@@ -1,2 +1,630 @@
-import{P as e,i as t,s as i,Q as l,e as s,g as o,y as a,z as c,b as n,B as r,n as d,o as m,O as b,V as v,t as u,j as h,k as p,d as x,K as y,J as f,l as g,H as _,W as k}from"../../index-c33b3772.js";import{E as w}from"../../EventHandler-02058705.js";function E(e){l(e,"svelte-1y2i024",".mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:hover{border-color:#191919}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked,.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-listbox.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{list-style:none;margin-left:0;padding-left:0;background-color:#ffffff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:0.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{opacity:1;visibility:visible;z-index:10}.mc-listbox.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;min-height:3rem;padding-left:0.75rem;padding-right:0.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__empty.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{cursor:pointer;margin-right:auto}.mc-listbox__label.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-1y2i024 .is-disabled.svelte-1y2i024.svelte-1y2i024{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox.svelte-1y2i024:not(.mc-listbox--multi) .mc-listbox__input.svelte-1y2i024.svelte-1y2i024{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox.svelte-1y2i024:not(.mc-listbox--multi) .mc-listbox__input.svelte-1y2i024:checked+.mc-listbox__label.svelte-1y2i024::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}")}function C(e,t,i){const l=e.slice();return l[27]=t[i],l[29]=i,l}function z(e){let t,i,l;return{c(){t=s("li"),i=s("span"),l=u(e[4]),o(i,"class","mc-listbox__empty svelte-1y2i024"),o(t,"class","mc-listbox__item svelte-1y2i024")},m(e,s){n(e,t,s),h(t,i),h(i,l)},p(e,t){16&t&&p(l,e[4])},d(e){e&&m(t)}}}function $(e){let t,i,l=e[2]&&e[9]&&B(e),s=e[11],o=[];for(let t=0;t<s.length;t+=1)o[t]=H(C(e,s,t));return{c(){l&&l.c(),t=x();for(let e=0;e<o.length;e+=1)o[e].c();i=y()},m(e,s){l&&l.m(e,s),n(e,t,s);for(let t=0;t<o.length;t+=1)o[t]&&o[t].m(e,s);n(e,i,s)},p(e,a){if(e[2]&&e[9]?l?l.p(e,a):(l=B(e),l.c(),l.m(t.parentNode,t)):l&&(l.d(1),l=null),51429&a){let t;for(s=e[11],t=0;t<s.length;t+=1){const l=C(e,s,t);o[t]?o[t].p(l,a):(o[t]=H(l),o[t].c(),o[t].m(i.parentNode,i))}for(;t<o.length;t+=1)o[t].d(1);o.length=s.length}},d(e){l&&l.d(e),e&&m(t),f(o,e),e&&m(i)}}}function B(e){let t,i,l,a,c,r,d;return{c(){t=s("li"),i=s("input"),l=x(),a=s("label"),c=u(e[10]),o(i,"id","select-all"),o(i,"class","mc-listbox__input mc-checkbox__input svelte-1y2i024"),o(i,"type","checkbox"),i.indeterminate=e[13],o(a,"for","select-all"),o(a,"class","mc-listbox__label svelte-1y2i024"),o(t,"class","mc-listbox__item svelte-1y2i024")},m(s,o){n(s,t,o),h(t,i),i.checked=e[12],h(t,l),h(t,a),h(a,c),r||(d=[g(i,"change",e[21]),g(i,"change",e[17])],r=!0)},p(e,t){8192&t&&(i.indeterminate=e[13]),4096&t&&(i.checked=e[12]),1024&t&&p(c,e[10])},d(e){e&&m(t),r=!1,_(d)}}}function M(e){let t,i,l,a,c,r,d,b=!1;return c=k(e[23][0]),{c(){t=s("input"),o(t,"id",e[15](e[29])),o(t,"class","mc-listbox__input mc-checkbox__input svelte-1y2i024"),o(t,"type","checkbox"),t.__value=i=e[27][e[6]],t.value=t.__value,t.checked=l=e[0].includes(e[27][e[6]]),t.disabled=a=Boolean(e[27][e[7]]),c.p(t)},m(i,l){n(i,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),r||(d=[g(t,"change",e[24]),g(t,"change",e[20])],r=!0)},p(e,s){2112&s&&i!==(i=e[27][e[6]])&&(t.__value=i,t.value=t.__value,b=!0),2113&s&&l!==(l=e[0].includes(e[27][e[6]]))&&(t.checked=l),2176&s&&a!==(a=Boolean(e[27][e[7]]))&&(t.disabled=a),(b||2049&s)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&m(t),c.r(),r=!1,_(d)}}}function j(e){let t,i,l,a,r,d,b=!1;return a=k(e[23][0]),{c(){t=s("input"),o(t,"id",e[15](e[29])),o(t,"class","mc-listbox__input svelte-1y2i024"),o(t,"type","radio"),t.__value=i=e[27][e[6]],t.value=t.__value,o(t,"name",`listboxradio-${e[14]}`),t.disabled=l=Boolean(e[27][e[7]]),c(t,"is-disabled",e[27][e[7]]),a.p(t)},m(i,l){n(i,t,l),t.checked=t.__value===e[0],r||(d=[g(t,"change",e[22]),g(t,"change",e[19])],r=!0)},p(e,s){2112&s&&i!==(i=e[27][e[6]])&&(t.__value=i,t.value=t.__value,b=!0),2176&s&&l!==(l=Boolean(e[27][e[7]]))&&(t.disabled=l),(b||2049&s)&&(t.checked=t.__value===e[0]),2176&s&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&m(t),a.r(),r=!1,_(d)}}}function H(e){let t,i,l,a,r,d=e[27][e[5]]+"";function b(e,t){return e[2]?M:j}let v=b(e),y=v(e);return{c(){t=s("li"),y.c(),i=x(),l=s("label"),a=u(d),r=x(),o(l,"for",e[15](e[29])),o(l,"class","mc-listbox__label svelte-1y2i024"),o(t,"class","mc-listbox__item svelte-1y2i024"),c(t,"is-disabled",e[27][e[7]])},m(e,s){n(e,t,s),y.m(t,null),h(t,i),h(t,l),h(l,a),h(t,r)},p(e,l){v===(v=b(e))&&y?y.p(e,l):(y.d(1),y=v(e),y&&(y.c(),y.m(t,i))),2080&l&&d!==(d=e[27][e[5]]+"")&&p(a,d),2176&l&&c(t,"is-disabled",e[27][e[7]])},d(e){e&&m(t),y.d()}}}function O(e){let t,i,l;function b(e,t){return e[3]?z:$}let v=b(e),u=v(e);return{c(){t=s("ul"),u.c(),o(t,"role","listbox"),o(t,"class","mc-listbox svelte-1y2i024"),o(t,"aria-labelledby","listbox"),a(t,"--listbox-width",e[8]),c(t,"is-open",e[1]),c(t,"mc-listbox--multi",e[2])},m(s,o){n(s,t,o),u.m(t,null),i||(l=r(e[16].call(null,t)),i=!0)},p(e,[i]){v===(v=b(e))&&u?u.p(e,i):(u.d(1),u=v(e),u&&(u.c(),u.m(t,null))),256&i&&a(t,"--listbox-width",e[8]),2&i&&c(t,"is-open",e[1]),4&i&&c(t,"mc-listbox--multi",e[2])},i:d,o:d,d(e){e&&m(t),u.d(),i=!1,l()}}}function N(e,t,i){let l,s,o,{items:a}=t,{value:c}=t,{open:n}=t,{multiple:r}=t,{isfiltered:d}=t,{emptysearchlabel:m="No results found"}=t,{datatextexpr:u="label"}=t,{datavalueexpr:h="value"}=t,{datadisabledexpr:p="disabled"}=t,{maxwidth:x="100%"}=t,{selectall:y=!1}=t,{labelselectall:f="Select all"}=t;const g=Math.random();let _=new w;const k=[[]];return e.$$set=e=>{"items"in e&&i(18,a=e.items),"value"in e&&i(0,c=e.value),"open"in e&&i(1,n=e.open),"multiple"in e&&i(2,r=e.multiple),"isfiltered"in e&&i(3,d=e.isfiltered),"emptysearchlabel"in e&&i(4,m=e.emptysearchlabel),"datatextexpr"in e&&i(5,u=e.datatextexpr),"datavalueexpr"in e&&i(6,h=e.datavalueexpr),"datadisabledexpr"in e&&i(7,p=e.datadisabledexpr),"maxwidth"in e&&i(8,x=e.maxwidth),"selectall"in e&&i(9,y=e.selectall),"labelselectall"in e&&i(10,f=e.labelselectall)},e.$$.update=()=>{512&e.$$.dirty&&i(12,l=null!=y&&y),262144&e.$$.dirty&&i(11,s=a?JSON.parse(a):[]),1&e.$$.dirty&&i(0,c=c?(i(12,l=!1),i(13,o=!1),c&&0===c.length?(i(12,l=!1),i(13,o=!1)):c&&c.length<s.length?i(13,o=!0):c&&c.length===s.length&&i(12,l=!0),c):[])},i(13,o=!0),[c,n,r,d,m,u,h,p,x,y,f,s,l,o,g,function(e){return`listboxItem-${e+g}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&_.dispatch("scrollend",{})}))},function(e){const t=e.target.checked;i(12,l=!!t),l?s.map((e=>{e[p]||-1!==c.indexOf(e[h])||c.push(e[h])})):i(0,c=[]),_.dispatch("select-all",c),i(0,c)},a,function(t){b.call(this,e,t)},function(t){b.call(this,e,t)},function(){l=this.checked,i(12,l),i(9,y)},function(){c=this.__value,i(0,c)},k,function(){c=v(k[0],this.__value,this.checked),i(0,c)}]}class L extends e{constructor(e){super(),t(this,e,N,O,i,{items:18,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10},E)}}export{L as default};
+import { P as SvelteComponent, i as init, s as safe_not_equal, Q as append_styles, e as element, g as attr, y as set_style, z as toggle_class, b as insert, B as action_destroyer, n as noop, o as detach, O as bubble, V as get_binding_group_value, t as text, j as append, k as set_data, d as space, K as empty, J as destroy_each, l as listen, H as run_all, W as init_binding_group } from '../../index-c33b3772.js';
+import { E as EventHandler } from '../../EventHandler-02058705.js';
+
+/* src/components/listbox/Listbox.nested.svelte generated by Svelte v3.58.0 */
+
+function add_css(target) {
+	append_styles(target, "svelte-1y2i024", ".mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:hover{border-color:#191919}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked,.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-listbox.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{list-style:none;margin-left:0;padding-left:0;background-color:#ffffff;border:1px solid #666666;border-radius:3px;position:absolute;overflow-y:auto;margin-top:0.25rem;margin-bottom:0;max-height:13.8125rem;min-width:auto;opacity:0;visibility:hidden;max-width:var(--listbox-width, auto);width:100%}.mc-listbox.is-open.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{opacity:1;visibility:visible;z-index:10}.mc-listbox.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;min-height:3rem;padding-left:0.75rem;padding-right:0.75rem;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-listbox__item.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__empty.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{cursor:pointer;margin-right:auto}.mc-listbox__label.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024::after{content:\"\";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-1y2i024.svelte-1y2i024.svelte-1y2i024{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-1y2i024 .is-disabled.svelte-1y2i024.svelte-1y2i024{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox.svelte-1y2i024:not(.mc-listbox--multi) .mc-listbox__input.svelte-1y2i024.svelte-1y2i024{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-listbox.svelte-1y2i024:not(.mc-listbox--multi) .mc-listbox__input.svelte-1y2i024:checked+.mc-listbox__label.svelte-1y2i024::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;content:\"\";height:1.5rem;position:absolute;right:0.75rem;top:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);width:1.5rem}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[27] = list[i];
+	child_ctx[29] = i;
+	return child_ctx;
+}
+
+// (122:2) {:else}
+function create_else_block_1(ctx) {
+	let li;
+	let span;
+	let t;
+
+	return {
+		c() {
+			li = element("li");
+			span = element("span");
+			t = text(/*emptysearchlabel*/ ctx[4]);
+			attr(span, "class", "mc-listbox__empty svelte-1y2i024");
+			attr(li, "class", "mc-listbox__item svelte-1y2i024");
+		},
+		m(target, anchor) {
+			insert(target, li, anchor);
+			append(li, span);
+			append(span, t);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*emptysearchlabel*/ 16) set_data(t, /*emptysearchlabel*/ ctx[4]);
+		},
+		d(detaching) {
+			if (detaching) detach(li);
+		}
+	};
+}
+
+// (74:2) {#if !isfiltered}
+function create_if_block(ctx) {
+	let t;
+	let each_1_anchor;
+	let if_block = /*multiple*/ ctx[2] && /*selectall*/ ctx[9] && create_if_block_2(ctx);
+	let each_value = /*parsedItems*/ ctx[11];
+	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() {
+			if (if_block) if_block.c();
+			t = space();
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			each_1_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, t, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				if (each_blocks[i]) {
+					each_blocks[i].m(target, anchor);
+				}
+			}
+
+			insert(target, each_1_anchor, anchor);
+		},
+		p(ctx, dirty) {
+			if (/*multiple*/ ctx[2] && /*selectall*/ ctx[9]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block_2(ctx);
+					if_block.c();
+					if_block.m(t.parentNode, t);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+
+			if (dirty & /*parsedItems, datadisabledexpr, setItemId, datatextexpr, datavalueexpr, uuid, Boolean, value, multiple*/ 51429) {
+				each_value = /*parsedItems*/ ctx[11];
+				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(each_1_anchor.parentNode, each_1_anchor);
+					}
+				}
+
+				for (; i < each_blocks.length; i += 1) {
+					each_blocks[i].d(1);
+				}
+
+				each_blocks.length = each_value.length;
+			}
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(t);
+			destroy_each(each_blocks, detaching);
+			if (detaching) detach(each_1_anchor);
+		}
+	};
+}
+
+// (75:4) {#if multiple && selectall}
+function create_if_block_2(ctx) {
+	let li;
+	let input;
+	let t0;
+	let label;
+	let t1;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			li = element("li");
+			input = element("input");
+			t0 = space();
+			label = element("label");
+			t1 = text(/*labelselectall*/ ctx[10]);
+			attr(input, "id", "select-all");
+			attr(input, "class", "mc-listbox__input mc-checkbox__input svelte-1y2i024");
+			attr(input, "type", "checkbox");
+			input.indeterminate = /*selectAllIndeterminate*/ ctx[13];
+			attr(label, "for", "select-all");
+			attr(label, "class", "mc-listbox__label svelte-1y2i024");
+			attr(li, "class", "mc-listbox__item svelte-1y2i024");
+		},
+		m(target, anchor) {
+			insert(target, li, anchor);
+			append(li, input);
+			input.checked = /*allSelected*/ ctx[12];
+			append(li, t0);
+			append(li, label);
+			append(label, t1);
+
+			if (!mounted) {
+				dispose = [
+					listen(input, "change", /*input_change_handler*/ ctx[21]),
+					listen(input, "change", /*onSelectAll*/ ctx[17])
+				];
+
+				mounted = true;
+			}
+		},
+		p(ctx, dirty) {
+			if (dirty & /*selectAllIndeterminate*/ 8192) {
+				input.indeterminate = /*selectAllIndeterminate*/ ctx[13];
+			}
+
+			if (dirty & /*allSelected*/ 4096) {
+				input.checked = /*allSelected*/ ctx[12];
+			}
+
+			if (dirty & /*labelselectall*/ 1024) set_data(t1, /*labelselectall*/ ctx[10]);
+		},
+		d(detaching) {
+			if (detaching) detach(li);
+			mounted = false;
+			run_all(dispose);
+		}
+	};
+}
+
+// (104:8) {:else}
+function create_else_block(ctx) {
+	let input;
+	let input_value_value;
+	let value_has_changed = false;
+	let input_checked_value;
+	let input_disabled_value;
+	let binding_group;
+	let mounted;
+	let dispose;
+	binding_group = init_binding_group(/*$$binding_groups*/ ctx[23][0]);
+
+	return {
+		c() {
+			input = element("input");
+			attr(input, "id", /*setItemId*/ ctx[15](/*index*/ ctx[29]));
+			attr(input, "class", "mc-listbox__input mc-checkbox__input svelte-1y2i024");
+			attr(input, "type", "checkbox");
+			input.__value = input_value_value = /*item*/ ctx[27][/*datavalueexpr*/ ctx[6]];
+			input.value = input.__value;
+			input.checked = input_checked_value = /*value*/ ctx[0].includes(/*item*/ ctx[27][/*datavalueexpr*/ ctx[6]]);
+			input.disabled = input_disabled_value = Boolean(/*item*/ ctx[27][/*datadisabledexpr*/ ctx[7]]);
+			binding_group.p(input);
+		},
+		m(target, anchor) {
+			insert(target, input, anchor);
+			input.checked = ~(/*value*/ ctx[0] || []).indexOf(input.__value);
+
+			if (!mounted) {
+				dispose = [
+					listen(input, "change", /*input_change_handler_2*/ ctx[24]),
+					listen(input, "change", /*change_handler_1*/ ctx[20])
+				];
+
+				mounted = true;
+			}
+		},
+		p(ctx, dirty) {
+			if (dirty & /*parsedItems, datavalueexpr*/ 2112 && input_value_value !== (input_value_value = /*item*/ ctx[27][/*datavalueexpr*/ ctx[6]])) {
+				input.__value = input_value_value;
+				input.value = input.__value;
+				value_has_changed = true;
+			}
+
+			if (dirty & /*value, parsedItems, datavalueexpr*/ 2113 && input_checked_value !== (input_checked_value = /*value*/ ctx[0].includes(/*item*/ ctx[27][/*datavalueexpr*/ ctx[6]]))) {
+				input.checked = input_checked_value;
+			}
+
+			if (dirty & /*parsedItems, datadisabledexpr*/ 2176 && input_disabled_value !== (input_disabled_value = Boolean(/*item*/ ctx[27][/*datadisabledexpr*/ ctx[7]]))) {
+				input.disabled = input_disabled_value;
+			}
+
+			if (value_has_changed || dirty & /*value, parsedItems*/ 2049) {
+				input.checked = ~(/*value*/ ctx[0] || []).indexOf(input.__value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(input);
+			binding_group.r();
+			mounted = false;
+			run_all(dispose);
+		}
+	};
+}
+
+// (92:8) {#if !multiple}
+function create_if_block_1(ctx) {
+	let input;
+	let input_value_value;
+	let value_has_changed = false;
+	let input_disabled_value;
+	let binding_group;
+	let mounted;
+	let dispose;
+	binding_group = init_binding_group(/*$$binding_groups*/ ctx[23][0]);
+
+	return {
+		c() {
+			input = element("input");
+			attr(input, "id", /*setItemId*/ ctx[15](/*index*/ ctx[29]));
+			attr(input, "class", "mc-listbox__input svelte-1y2i024");
+			attr(input, "type", "radio");
+			input.__value = input_value_value = /*item*/ ctx[27][/*datavalueexpr*/ ctx[6]];
+			input.value = input.__value;
+			attr(input, "name", `listboxradio-${/*uuid*/ ctx[14]}`);
+			input.disabled = input_disabled_value = Boolean(/*item*/ ctx[27][/*datadisabledexpr*/ ctx[7]]);
+			toggle_class(input, "is-disabled", /*item*/ ctx[27][/*datadisabledexpr*/ ctx[7]]);
+			binding_group.p(input);
+		},
+		m(target, anchor) {
+			insert(target, input, anchor);
+			input.checked = input.__value === /*value*/ ctx[0];
+
+			if (!mounted) {
+				dispose = [
+					listen(input, "change", /*input_change_handler_1*/ ctx[22]),
+					listen(input, "change", /*change_handler*/ ctx[19])
+				];
+
+				mounted = true;
+			}
+		},
+		p(ctx, dirty) {
+			if (dirty & /*parsedItems, datavalueexpr*/ 2112 && input_value_value !== (input_value_value = /*item*/ ctx[27][/*datavalueexpr*/ ctx[6]])) {
+				input.__value = input_value_value;
+				input.value = input.__value;
+				value_has_changed = true;
+			}
+
+			if (dirty & /*parsedItems, datadisabledexpr*/ 2176 && input_disabled_value !== (input_disabled_value = Boolean(/*item*/ ctx[27][/*datadisabledexpr*/ ctx[7]]))) {
+				input.disabled = input_disabled_value;
+			}
+
+			if (value_has_changed || dirty & /*value, parsedItems*/ 2049) {
+				input.checked = input.__value === /*value*/ ctx[0];
+			}
+
+			if (dirty & /*parsedItems, datadisabledexpr*/ 2176) {
+				toggle_class(input, "is-disabled", /*item*/ ctx[27][/*datadisabledexpr*/ ctx[7]]);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(input);
+			binding_group.r();
+			mounted = false;
+			run_all(dispose);
+		}
+	};
+}
+
+// (90:4) {#each parsedItems as item, index}
+function create_each_block(ctx) {
+	let li;
+	let t0;
+	let label;
+	let t1_value = /*item*/ ctx[27][/*datatextexpr*/ ctx[5]] + "";
+	let t1;
+	let t2;
+
+	function select_block_type_1(ctx, dirty) {
+		if (!/*multiple*/ ctx[2]) return create_if_block_1;
+		return create_else_block;
+	}
+
+	let current_block_type = select_block_type_1(ctx);
+	let if_block = current_block_type(ctx);
+
+	return {
+		c() {
+			li = element("li");
+			if_block.c();
+			t0 = space();
+			label = element("label");
+			t1 = text(t1_value);
+			t2 = space();
+			attr(label, "for", /*setItemId*/ ctx[15](/*index*/ ctx[29]));
+			attr(label, "class", "mc-listbox__label svelte-1y2i024");
+			attr(li, "class", "mc-listbox__item svelte-1y2i024");
+			toggle_class(li, "is-disabled", /*item*/ ctx[27][/*datadisabledexpr*/ ctx[7]]);
+		},
+		m(target, anchor) {
+			insert(target, li, anchor);
+			if_block.m(li, null);
+			append(li, t0);
+			append(li, label);
+			append(label, t1);
+			append(li, t2);
+		},
+		p(ctx, dirty) {
+			if (current_block_type === (current_block_type = select_block_type_1(ctx)) && if_block) {
+				if_block.p(ctx, dirty);
+			} else {
+				if_block.d(1);
+				if_block = current_block_type(ctx);
+
+				if (if_block) {
+					if_block.c();
+					if_block.m(li, t0);
+				}
+			}
+
+			if (dirty & /*parsedItems, datatextexpr*/ 2080 && t1_value !== (t1_value = /*item*/ ctx[27][/*datatextexpr*/ ctx[5]] + "")) set_data(t1, t1_value);
+
+			if (dirty & /*parsedItems, datadisabledexpr*/ 2176) {
+				toggle_class(li, "is-disabled", /*item*/ ctx[27][/*datadisabledexpr*/ ctx[7]]);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(li);
+			if_block.d();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let ul;
+	let mounted;
+	let dispose;
+
+	function select_block_type(ctx, dirty) {
+		if (!/*isfiltered*/ ctx[3]) return create_if_block;
+		return create_else_block_1;
+	}
+
+	let current_block_type = select_block_type(ctx);
+	let if_block = current_block_type(ctx);
+
+	return {
+		c() {
+			ul = element("ul");
+			if_block.c();
+			attr(ul, "role", "listbox");
+			attr(ul, "class", "mc-listbox svelte-1y2i024");
+			attr(ul, "aria-labelledby", "listbox");
+			set_style(ul, "--listbox-width", /*maxwidth*/ ctx[8]);
+			toggle_class(ul, "is-open", /*open*/ ctx[1]);
+			toggle_class(ul, "mc-listbox--multi", /*multiple*/ ctx[2]);
+		},
+		m(target, anchor) {
+			insert(target, ul, anchor);
+			if_block.m(ul, null);
+
+			if (!mounted) {
+				dispose = action_destroyer(/*scrollEnd*/ ctx[16].call(null, ul));
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
+				if_block.p(ctx, dirty);
+			} else {
+				if_block.d(1);
+				if_block = current_block_type(ctx);
+
+				if (if_block) {
+					if_block.c();
+					if_block.m(ul, null);
+				}
+			}
+
+			if (dirty & /*maxwidth*/ 256) {
+				set_style(ul, "--listbox-width", /*maxwidth*/ ctx[8]);
+			}
+
+			if (dirty & /*open*/ 2) {
+				toggle_class(ul, "is-open", /*open*/ ctx[1]);
+			}
+
+			if (dirty & /*multiple*/ 4) {
+				toggle_class(ul, "mc-listbox--multi", /*multiple*/ ctx[2]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(ul);
+			if_block.d();
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let allSelected;
+	let parsedItems;
+	let selectAllIndeterminate;
+	let { items } = $$props;
+	let { value } = $$props;
+	let { open } = $$props;
+	let { multiple } = $$props;
+	let { isfiltered } = $$props;
+	let { emptysearchlabel = 'No results found' } = $$props;
+	let { datatextexpr = 'label' } = $$props;
+	let { datavalueexpr = 'value' } = $$props;
+	let { datadisabledexpr = 'disabled' } = $$props;
+	let { maxwidth = '100%' } = $$props;
+	let { selectall = false } = $$props;
+	let { labelselectall = 'Select all' } = $$props;
+	const uuid = Math.random();
+	let eventHandler = new EventHandler();
+
+	function determineSelectionState() {
+		$$invalidate(12, allSelected = false);
+		$$invalidate(13, selectAllIndeterminate = false);
+
+		if (value && value.length === 0) {
+			$$invalidate(12, allSelected = false);
+			$$invalidate(13, selectAllIndeterminate = false);
+		} else if (value && value.length < parsedItems.length) {
+			$$invalidate(13, selectAllIndeterminate = true);
+		} else if (value && value.length === parsedItems.length) {
+			$$invalidate(12, allSelected = true);
+		}
+
+		return value;
+	}
+
+	function setItemId(index) {
+		return `listboxItem-${index + uuid}`;
+	}
+
+	function scrollEnd(node) {
+		node.addEventListener('scroll', () => {
+			if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {
+				eventHandler.dispatch('scrollend', {});
+			}
+		});
+	}
+
+	function onSelectAll(e) {
+		const ischecked = e.target.checked;
+		$$invalidate(12, allSelected = ischecked ? true : false);
+
+		if (allSelected) {
+			parsedItems.map(item => {
+				if (!item[datadisabledexpr] && value.indexOf(item[datavalueexpr]) === -1) value.push(item[datavalueexpr]);
+			});
+		} else {
+			$$invalidate(0, value = []);
+		}
+
+		eventHandler.dispatch('select-all', value);
+		$$invalidate(0, value);
+	}
+
+	const $$binding_groups = [[]];
+
+	function change_handler(event) {
+		bubble.call(this, $$self, event);
+	}
+
+	function change_handler_1(event) {
+		bubble.call(this, $$self, event);
+	}
+
+	function input_change_handler() {
+		allSelected = this.checked;
+		($$invalidate(12, allSelected), $$invalidate(9, selectall));
+	}
+
+	function input_change_handler_1() {
+		value = this.__value;
+		$$invalidate(0, value);
+	}
+
+	function input_change_handler_2() {
+		value = get_binding_group_value($$binding_groups[0], this.__value, this.checked);
+		$$invalidate(0, value);
+	}
+
+	$$self.$$set = $$props => {
+		if ('items' in $$props) $$invalidate(18, items = $$props.items);
+		if ('value' in $$props) $$invalidate(0, value = $$props.value);
+		if ('open' in $$props) $$invalidate(1, open = $$props.open);
+		if ('multiple' in $$props) $$invalidate(2, multiple = $$props.multiple);
+		if ('isfiltered' in $$props) $$invalidate(3, isfiltered = $$props.isfiltered);
+		if ('emptysearchlabel' in $$props) $$invalidate(4, emptysearchlabel = $$props.emptysearchlabel);
+		if ('datatextexpr' in $$props) $$invalidate(5, datatextexpr = $$props.datatextexpr);
+		if ('datavalueexpr' in $$props) $$invalidate(6, datavalueexpr = $$props.datavalueexpr);
+		if ('datadisabledexpr' in $$props) $$invalidate(7, datadisabledexpr = $$props.datadisabledexpr);
+		if ('maxwidth' in $$props) $$invalidate(8, maxwidth = $$props.maxwidth);
+		if ('selectall' in $$props) $$invalidate(9, selectall = $$props.selectall);
+		if ('labelselectall' in $$props) $$invalidate(10, labelselectall = $$props.labelselectall);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*selectall*/ 512) {
+			$$invalidate(12, allSelected = selectall !== null && selectall !== void 0
+			? selectall
+			: false);
+		}
+
+		if ($$self.$$.dirty & /*items*/ 262144) {
+			$$invalidate(11, parsedItems = items ? JSON.parse(items) : []);
+		}
+
+		if ($$self.$$.dirty & /*value*/ 1) {
+			$$invalidate(0, value = value ? determineSelectionState() : []);
+		}
+	};
+
+	$$invalidate(13, selectAllIndeterminate = true);
+
+	return [
+		value,
+		open,
+		multiple,
+		isfiltered,
+		emptysearchlabel,
+		datatextexpr,
+		datavalueexpr,
+		datadisabledexpr,
+		maxwidth,
+		selectall,
+		labelselectall,
+		parsedItems,
+		allSelected,
+		selectAllIndeterminate,
+		uuid,
+		setItemId,
+		scrollEnd,
+		onSelectAll,
+		items,
+		change_handler,
+		change_handler_1,
+		input_change_handler,
+		input_change_handler_1,
+		$$binding_groups,
+		input_change_handler_2
+	];
+}
+
+class Listbox_nested extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				items: 18,
+				value: 0,
+				open: 1,
+				multiple: 2,
+				isfiltered: 3,
+				emptysearchlabel: 4,
+				datatextexpr: 5,
+				datavalueexpr: 6,
+				datadisabledexpr: 7,
+				maxwidth: 8,
+				selectall: 9,
+				labelselectall: 10
+			},
+			add_css
+		);
+	}
+}
+
+export { Listbox_nested as default };
 //# sourceMappingURL=Listbox.nested.js.map