@mozaic-ds/web-components 0.1.0

package/public/adeo/components/link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  export let label: string;\n  export let href: string;\n  export let target: string;\n  export let theme: LinkTheme = undefined;\n  export let disabled = false;\n  export let size: LinkSize = 'm';\n  export let iconname: string | undefined = undefined;\n  export let iconposition: LinkIconPosition | undefined = undefined;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(iconName: string): string {\n    return `${iconName} size=\"1rem\"`;\n  }\n\n  function generateIconClass(iconposition: string): string {\n    const classes = ['mc-link__icon'];\n\n    if (iconposition === 'left') {\n      classes.push('mc-link__icon--left');\n    }\n\n    if (iconposition === 'right') {\n      classes.push('mc-link__icon--right');\n    }\n    return classes.join(' ');\n  }\n\n  function setClasses(theme: LinkTheme, size: LinkSize): string {\n    const classes = ['mc-link'];\n\n    if (theme) {\n      classes.push(`mc-link--${theme}`);\n    }\n    if (size) {\n      classes.push(`mc-link--${size}`);\n    }\n    return classes.join(' ');\n  }\n</script>\n\n<a\n  use:forwardEvents\n  on:click\n  {href}\n  {target}\n  class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n  {...attributes}\n>\n  {#if iconname && iconposition === 'left'}\n    <span class={generateIconClass(iconposition)}>\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n\n  {label}\n\n  {#if iconname && iconposition === 'right'}\n    <span class={generateIconClass(iconposition)}>\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n</a>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["raw_value","generateIconName","ctx","attr","span","span_class_value","generateIconClass","insert","target","anchor","dirty","innerHTML","create_if_block_1","create_if_block","setClasses","a","a_data","class","a_class_value","iconName","iconposition","classes","push","join","theme","size","label","$$props","href","disabled","iconname","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"4QA6DiBA,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBJ,EAAY,aAA3CK,EAEMC,EAAAJ,EAAAK,yBADO,GAAAC,GAAAV,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAO,UAAAX,GADzB,IAAAU,GAAAL,KAAAA,EAAAC,EAAkBJ,EAAY,2DAS9BF,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBJ,EAAY,aAA3CK,EAEMC,EAAAJ,EAAAK,yBADO,GAAAC,GAAAV,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAO,UAAAX,GADzB,IAAAU,GAAAL,KAAAA,EAAAC,EAAkBJ,EAAY,uEATxCA,EAAQ,IAAqB,SAAjBA,EAAY,IAAWU,EAAAV,KAQnCA,EAAQ,IAAqB,UAAjBA,EAAY,IAAYW,EAAAX,yCAXjCY,EAAWZ,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,IACvEA,EAAU,wFAQbA,EAAK,2CAdRK,EAqBGC,EAAAO,EAAAN,uHAbIP,EAAQ,IAAqB,SAAjBA,EAAY,kEAM5BA,EAAK,GAAAc,EAAA,iBAEDd,EAAQ,IAAqB,UAAjBA,EAAY,yHAXrBY,EAAWZ,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,KAAA,CAAAe,MAAAC,UACvEhB,EAAU,0DApCL,SAAAD,EAAiBkB,YACdA,gBAGH,SAAAb,EAAkBc,GACnB,MAAAC,GAAW,uBAEI,SAAjBD,GACFC,EAAQC,KAAK,uBAGM,UAAjBF,GACFC,EAAQC,KAAK,wBAERD,EAAQE,KAAK,cAGbT,EAAWU,EAAkBC,GAC9B,MAAAJ,GAAW,kBAEbG,GACFH,EAAQC,KAAI,YAAaE,KAEvBC,GACFJ,EAAQC,KAAI,YAAaG,KAEpBJ,EAAQE,KAAK,yIAzCXG,GAAaC,QACbC,GAAYD,UACZnB,GAAcmB,GACdH,MAAAA,GAA4BG,GAC5BE,SAAAA,GAAW,GAAKF,GAChBF,KAAAA,EAAiB,KAAGE,GACpBG,SAAAA,GAAwCH,GACxCP,aAAAA,GAAsDO,QAE3DI,EAAgBC,EAAqBC,yUAExCC,EAAA,EAAAC,EAAYR,EAAQV,WACpBmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWnB"}

package/public/adeo/components/link/Link.svelte

@@ -0,0 +1,78 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import { get_current_component } from 'svelte/internal';
+  import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';
+  import { createEventForwarder } from '../../utilities/EventForward';
+  export let label: string;
+  export let href: string;
+  export let target: string;
+  export let theme: LinkTheme = undefined;
+  export let disabled = false;
+  export let size: LinkSize = 'm';
+  export let iconname: string | undefined = undefined;
+  export let iconposition: LinkIconPosition | undefined = undefined;
+
+  const forwardEvents = createEventForwarder(get_current_component());
+
+  $: userClass = $$props.class;
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+
+  function generateIconName(iconName: string): string {
+    return `${iconName} size="1rem"`;
+  }
+
+  function generateIconClass(iconposition: string): string {
+    const classes = ['mc-link__icon'];
+
+    if (iconposition === 'left') {
+      classes.push('mc-link__icon--left');
+    }
+
+    if (iconposition === 'right') {
+      classes.push('mc-link__icon--right');
+    }
+    return classes.join(' ');
+  }
+
+  function setClasses(theme: LinkTheme, size: LinkSize): string {
+    const classes = ['mc-link'];
+
+    if (theme) {
+      classes.push(`mc-link--${theme}`);
+    }
+    if (size) {
+      classes.push(`mc-link--${size}`);
+    }
+    return classes.join(' ');
+  }
+</script>
+
+<a
+  use:forwardEvents
+  on:click
+  {href}
+  {target}
+  class="{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}"
+  {...attributes}
+>
+  {#if iconname && iconposition === 'left'}
+    <span class={generateIconClass(iconposition)}>
+      {@html `<${generateIconName(iconname)} />`}
+    </span>
+  {/if}
+
+  {label}
+
+  {#if iconname && iconposition === 'right'}
+    <span class={generateIconClass(iconposition)}>
+      {@html `<${generateIconName(iconname)} />`}
+    </span>
+  {/if}
+</a>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.links';
+</style>

package/public/adeo/components/link/link.types.d.ts

@@ -0,0 +1,4 @@
+export type LinkSize = 's' | 'm';
+export type LinkTheme = 'danger' | 'neutral' | 'light' | undefined;
+export type LinkIconPosition = 'left' | 'right';
+//# sourceMappingURL=link.types.d.ts.map

package/public/adeo/components/link/link.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.types.d.ts","sourceRoot":"","sources":["../../../../src/components/link/link.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAC;AACjC,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AACnE,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC"}

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

@@ -0,0 +1,2 @@
+import{S as e,i as t,a as i,b as o,f as c,s as a,c as l,e as r,n as s,h as n,z as d,B as m,m as b,o as x,p as u,q as h,O as p,V as g,t as _,g as f,j as k,k as v,K as w,J as M,d as y,W as I,l as A,H as $}from"../../index-c33b3772.js";import{E as Z}from"../../EventHandler-02058705.js";function j(e,t,i){const o=e.slice();return o[21]=t[i],o[23]=i,o}function D(e){let t,i,c;return{c(){t=r("li"),i=r("span"),c=_(e[4]),f(i,"class","mc-listbox__empty"),f(t,"class","mc-listbox__item")},m(e,a){o(e,t,a),k(t,i),k(i,c)},p(e,t){16&t&&v(c,e[4])},d(e){e&&x(t)}}}function S(e){let t,i=e[9],c=[];for(let t=0;t<i.length;t+=1)c[t]=C(j(e,i,t));return{c(){for(let e=0;e<c.length;e+=1)c[e].c();t=w()},m(e,i){for(let t=0;t<c.length;t+=1)c[t]&&c[t].m(e,i);o(e,t,i)},p(e,o){if(3685&o){let a;for(i=e[9],a=0;a<i.length;a+=1){const l=j(e,i,a);c[a]?c[a].p(l,o):(c[a]=C(l),c[a].c(),c[a].m(t.parentNode,t))}for(;a<c.length;a+=1)c[a].d(1);c.length=i.length}},d(e){M(c,e),e&&x(t)}}}function N(e){let t,i,c,a,l,s,n=!1;return a=I(e[17][0]),{c(){t=r("input"),f(t,"id",e[11](e[23])),f(t,"class","mc-listbox__input mc-checkbox__input"),f(t,"type","checkbox"),t.__value=i=e[21][e[6]],t.value=t.__value,t.checked=c=e[0].includes(e[21][e[6]]),a.p(t)},m(i,c){o(i,t,c),t.checked=~(e[0]||[]).indexOf(t.__value),l||(s=[A(t,"change",e[18]),A(t,"change",e[15])],l=!0)},p(e,o){576&o&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,n=!0),577&o&&c!==(c=e[0].includes(e[21][e[6]]))&&(t.checked=c),(n||513&o)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&x(t),a.r(),l=!1,$(s)}}}function z(e){let t,i,c,a,l,s=!1;return c=I(e[17][0]),{c(){t=r("input"),f(t,"id",e[11](e[23])),f(t,"class","mc-listbox__input"),f(t,"type","radio"),t.__value=i=e[21][e[6]],t.value=t.__value,f(t,"name",`listboxradio-${e[10]}`),c.p(t)},m(i,c){o(i,t,c),t.checked=t.__value===e[0],a||(l=[A(t,"change",e[16]),A(t,"change",e[14])],a=!0)},p(e,o){576&o&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,s=!0),(s||513&o)&&(t.checked=t.__value===e[0])},d(e){e&&x(t),c.r(),a=!1,$(l)}}}function C(e){let t,i,c,a,l,s=e[21][e[5]]+"";function n(e,t){return e[2]?N:z}let d=n(e),m=d(e);return{c(){t=r("li"),m.c(),i=y(),c=r("label"),a=_(s),l=y(),f(c,"for",e[11](e[23])),f(c,"class","mc-listbox__label"),f(t,"class","mc-listbox__item")},m(e,r){o(e,t,r),m.m(t,null),k(t,i),k(t,c),k(c,a),k(t,l)},p(e,o){d===(d=n(e))&&m?m.p(e,o):(m.d(1),m=d(e),m&&(m.c(),m.m(t,i))),544&o&&s!==(s=e[21][e[5]]+"")&&v(a,s)},d(e){e&&x(t),m.d()}}}function E(e){let t,i,c,a;function u(e,t){return e[3]?D:S}let h=u(e),p=h(e),g=[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},{style:i="--listbox-width: "+e[7]+";"},e[8]],_={};for(let e=0;e<g.length;e+=1)_=l(_,g[e]);return{c(){t=r("ul"),p.c(),this.c=s,n(t,_),d(t,"is-open",e[1]),d(t,"mc-listbox--multi",e[2])},m(i,l){o(i,t,l),p.m(t,null),c||(a=m(e[12].call(null,t)),c=!0)},p(e,[o]){h===(h=u(e))&&p?p.p(e,o):(p.d(1),p=h(e),p&&(p.c(),p.m(t,null))),n(t,_=b(g,[{role:"listbox"},{class:"mc-listbox"},{"aria-labelledby":"listbox"},128&o&&i!==(i="--listbox-width: "+e[7]+";")&&{style:i},256&o&&e[8]])),d(t,"is-open",e[1]),d(t,"mc-listbox--multi",e[2])},i:s,o:s,d(e){e&&x(t),p.d(),c=!1,a()}}}function T(e,t,i){let o,c;const a=["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"];let r=u(t,a),{items:s}=t,{value:n}=t,{open:d}=t,{multiple:m}=t,{isfiltered:b}=t,{emptysearchlabel:x="No results found"}=t,{datatextexpr:_="label"}=t,{datavalueexpr:f="value"}=t,{maxwidth:k="100%"}=t;const v=Math.random();let w=new Z;const M=[[]];return e.$$set=e=>{t=l(l({},t),h(e)),i(20,r=u(t,a)),"items"in e&&i(13,s=e.items),"value"in e&&i(0,n=e.value),"open"in e&&i(1,d=e.open),"multiple"in e&&i(2,m=e.multiple),"isfiltered"in e&&i(3,b=e.isfiltered),"emptysearchlabel"in e&&i(4,x=e.emptysearchlabel),"datatextexpr"in e&&i(5,_=e.datatextexpr),"datavalueexpr"in e&&i(6,f=e.datavalueexpr),"maxwidth"in e&&i(7,k=e.maxwidth)},e.$$.update=()=>{8192&e.$$.dirty&&i(9,o=s?JSON.parse(s):[]),i(8,c=Object.assign({},r)),256&e.$$.dirty&&delete c.class},[n,d,m,b,x,_,f,k,c,o,v,function(e){return`listboxItem-${e+v}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&w.dispatch("scrollend",{})}))},s,function(t){p.call(this,e,t)},function(t){p.call(this,e,t)},function(){n=this.__value,i(0,n)},M,function(){n=g(M[0],this.__value,this.checked),i(0,n)}]}class G extends e{constructor(e){super();const l=document.createElement("style");l.textContent='.mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:"Roboto", 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[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-listbox{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{opacity:1;visibility:visible;z-index:10}.mc-listbox::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item,.mc-listbox__tile{-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:not(:last-child),.mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item:hover,.mc-listbox__tile:hover{background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__flag,.mc-listbox__icon{width:2rem;height:2rem}.mc-listbox__flag{font-size:1.4375rem;line-height:1.3913043478;text-align:center}.mc-listbox__empty{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label{cursor:pointer;margin-right:auto}.mc-listbox__label::after{content:"";position:absolute;inset:0;z-index:2}.mc-listbox__input{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input{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:not(.mc-listbox--multi) .mc-listbox__input:checked+.mc-listbox__label::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwIDE4LjY4YTEgMSAwIDAxLS43LS4yOWwtNS01QTEgMSAwIDAxNS43MyAxMkwxMCAxNi4yNyAxOC4zMSA4YTEgMSAwIDAxMS40MiAxLjQybC05IDlhMSAxIDAgMDEtLjczLjI2eiIvPjwvc3ZnPg==");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}.mc-listbox--left{right:0}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},T,E,a,{items:13,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,maxwidth:7},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),c()))}static get observedAttributes(){return["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"]}get items(){return this.$$.ctx[13]}set items(e){this.$$set({items:e}),c()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),c()}get open(){return this.$$.ctx[1]}set open(e){this.$$set({open:e}),c()}get multiple(){return this.$$.ctx[2]}set multiple(e){this.$$set({multiple:e}),c()}get isfiltered(){return this.$$.ctx[3]}set isfiltered(e){this.$$set({isfiltered:e}),c()}get emptysearchlabel(){return this.$$.ctx[4]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),c()}get datatextexpr(){return this.$$.ctx[5]}set datatextexpr(e){this.$$set({datatextexpr:e}),c()}get datavalueexpr(){return this.$$.ctx[6]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),c()}get maxwidth(){return this.$$.ctx[7]}set maxwidth(e){this.$$set({maxwidth:e}),c()}}export{G as default};
+//# sourceMappingURL=Listbox.js.map

package/public/adeo/components/listbox/Listbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox.js","sources":["../../../../src/components/listbox/Listbox.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { ListboxItems } from './listbox.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let items: string;\n  export let value: any;\n  export let open: boolean;\n  export let multiple: boolean;\n  export let isfiltered: boolean;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let maxwidth = '100%';\n\n  const uuid = Math.random();\n  let eventHandler = new EventHandler();\n\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function setItemId(index: number) {\n    return `listboxItem-${index + uuid}`;\n  }\n\n  function scrollEnd(node: HTMLElement) {\n    node.addEventListener('scroll', () => {\n      if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n        eventHandler.dispatch('scrollend', {});\n      }\n    });\n  }\n</script>\n\n<ul\n  role=\"listbox\"\n  class=\"mc-listbox\"\n  class:is-open={open}\n  class:mc-listbox--multi={multiple}\n  aria-labelledby=\"listbox\"\n  style=\"--listbox-width: {maxwidth};\"\n  use:scrollEnd\n  {...attributes}\n>\n  {#if !isfiltered}\n    {#each parsedItems as item, index}\n      <li class=\"mc-listbox__item\">\n        {#if !multiple}\n          <input\n            id={setItemId(index)}\n            class=\"mc-listbox__input\"\n            type=\"radio\"\n            value={item[datavalueexpr]}\n            name={`listboxradio-${uuid}`}\n            bind:group={value}\n            on:change\n          />\n        {:else}\n          <input\n            id={setItemId(index)}\n            class=\"mc-listbox__input mc-checkbox__input\"\n            type=\"checkbox\"\n            value={item[datavalueexpr]}\n            checked={value.includes(item[datavalueexpr])}\n            bind:group={value}\n            on:change\n          />\n        {/if}\n\n        <label for={setItemId(index)} class=\"mc-listbox__label\">\n          {item[datatextexpr]}\n        </label>\n      </li>\n    {/each}\n  {:else}\n    <li class=\"mc-listbox__item\">\n      <span class=\"mc-listbox__empty\">{emptysearchlabel}</span>\n    </li>\n  {/if}\n</ul>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.checkbox';\n  @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","li","anchor","append","span","length","i","attr","input","__value","input_value_value","checked","input_checked_value","includes","indexOf","dirty","t1_value","create_if_block_1","label","set_data","t1","create_if_block","ul","style","ul_style_value","items","$$props","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","uuid","Math","random","eventHandler","EventHandler","$$invalidate","parsedItems","JSON","parse","attributes","Object","assign","$$restProps","class","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","this","get_binding_group_value","$$binding_groups"],"mappings":"yZA8EuCA,EAAgB,6EADnDC,EAEIC,EAAAC,EAAAC,GADFC,EAAwDF,EAAAG,4BAAvBN,EAAgB,0CA/B5CA,EAAW,wBAAhBO,OAAIC,GAAA,uKAACR,EAAW,WAAhBO,OAAIC,GAAA,EAAA,yHAAJD,yGAcUE,EAAAC,EAAA,KAAAV,MAAUA,EAAK,iFAGZU,EAAAC,QAAAC,EAAAZ,MAAKA,EAAa,sBAChBU,EAAAG,QAAAC,EAAAd,EAAM,GAAAe,SAASf,MAAKA,EAAa,oBAL5CC,EAQCC,EAAAQ,EAAAN,eAFaJ,EAAK,IAAA,IAAAgB,QAAAN,EAAAC,uEAFV,IAAAM,GAAAL,KAAAA,EAAAZ,MAAKA,EAAa,2CAChB,IAAAiB,GAAAH,KAAAA,EAAAd,EAAM,GAAAe,SAASf,MAAKA,EAAa,8CAC9BA,EAAK,IAAA,IAAAgB,QAAAN,EAAAC,kHAfbF,EAAAC,EAAA,KAAAV,MAAUA,EAAK,2DAGZU,EAAAC,QAAAC,EAAAZ,MAAKA,EAAa,iDACHA,EAAI,sBAL5BC,EAQCC,EAAAQ,EAAAN,yBAFaJ,EAAK,iEAFV,IAAAiB,GAAAL,KAAAA,EAAAZ,MAAKA,EAAa,8EAEbA,EAAK,gEAgBlBkB,EAAAlB,MAAKA,EAAY,IAAA,0BAvBdA,EAAQ,KAAAmB,+EAsBFV,EAAAW,EAAA,MAAApB,MAAUA,EAAK,+EAvB7BC,EA0BIC,EAAAC,EAAAC,sBAHFC,EAEOF,EAAAiB,sFADJ,IAAAH,GAAAC,KAAAA,EAAAlB,MAAKA,EAAY,IAAA,KAAAqB,EAAAC,EAAAJ,0EA1BpBlB,EAAU,KAAAuB,wHAJSvB,EAAQ,GAAA,KAE7BA,EAAU,0GALCA,EAAI,4BACMA,EAAQ,YAJnCC,EA6CIC,EAAAsB,EAAApB,4OAvCuBJ,EAAQ,GAAA,MAAA,CAAAyB,MAAAC,UAE7B1B,EAAU,oBALCA,EAAI,4BACMA,EAAQ,+MAlCtB2B,GAAaC,SACbC,GAAUD,QACVE,GAAaF,YACbG,GAAiBH,cACjBI,GAAmBJ,GACnBK,iBAAAA,EAAmB,oBAAkBL,GACrCM,aAAAA,EAAe,SAAON,GACtBO,cAAAA,EAAgB,SAAOP,GACvBQ,SAAAA,EAAW,QAAMR,QAEtBS,EAAOC,KAAKC,SACd,IAAAC,MAAmBC,2aAEtBC,EAAA,EAAEC,EAAchB,EAASiB,KAAKC,MAAMlB,GAAK,QACvCmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWI,8BAEZ,SAAUC,GACK,MAAA,eAAAA,EAAQd,KAGvB,SAAUe,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7ChB,EAAaiB,SAAS,YAAW,CAAA,gFA0BjB5B,EAAK6B,KAAA/C,6BAULkB,EAAK8B,EAAAC,EAAA,GAAAF,KAAA/C,QAAA+C,KAAA7C"}

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

@@ -0,0 +1,2 @@
+import{P as e,i as l,s as t,Q as i,e as s,g as d,y as o,z as c,b as a,B as n,n as r,o as b,O as m,V as v,t as u,j as x,k as p,d as g,K as h,J as f,l as q,W as _,H as k}from"../../index-c33b3772.js";import{E as M}from"../../EventHandler-02058705.js";function w(e){i(e,"svelte-1l6dq59",'.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59{font-family:"Roboto", 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-1l6dq59.svelte-1l6dq59.svelte-1l6dq59::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:hover{border-color:#191919}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:checked,.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:indeterminate{background-color:#00919f;border-color:#00919f;background-size:1rem 1rem}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:checked::-ms-check{background-color:#00919f;border-color:#00919f}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:disabled:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-listbox.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59{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-1l6dq59.svelte-1l6dq59.svelte-1l6dq59{opacity:1;visibility:visible;z-index:10}.mc-listbox.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__item.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59{-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-1l6dq59.svelte-1l6dq59.svelte-1l6dq59:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox__item.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59: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-1l6dq59.svelte-1l6dq59.svelte-1l6dq59{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-listbox__label.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59{cursor:pointer;margin-right:auto}.mc-listbox__label.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59::after{content:"";position:absolute;inset:0;z-index:2}.mc-listbox__input.svelte-1l6dq59.svelte-1l6dq59.svelte-1l6dq59{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-1l6dq59 .is-disabled.svelte-1l6dq59.svelte-1l6dq59{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox.svelte-1l6dq59:not(.mc-listbox--multi) .mc-listbox__input.svelte-1l6dq59.svelte-1l6dq59{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-1l6dq59:not(.mc-listbox--multi) .mc-listbox__input.svelte-1l6dq59:checked+.mc-listbox__label.svelte-1l6dq59::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwIDE4LjY4YTEgMSAwIDAxLS43LS4yOWwtNS01QTEgMSAwIDAxNS43MyAxMkwxMCAxNi4yNyAxOC4zMSA4YTEgMSAwIDAxMS40MiAxLjQybC05IDlhMSAxIDAgMDEtLjczLjI2eiIvPjwvc3ZnPg==");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 I(e,l,t){const i=e.slice();return i[26]=l[t],i[28]=t,i}function y(e){let l,t,i;return{c(){l=s("li"),t=s("span"),i=u(e[4]),d(t,"class","mc-listbox__empty svelte-1l6dq59"),d(l,"class","mc-listbox__item svelte-1l6dq59")},m(e,s){a(e,l,s),x(l,t),x(t,i)},p(e,l){16&l&&p(i,e[4])},d(e){e&&b(l)}}}function A(e){let l,t,i=e[2]&&e[9]&&Z(e),s=e[11],d=[];for(let l=0;l<s.length;l+=1)d[l]=S(I(e,s,l));return{c(){i&&i.c(),l=g();for(let e=0;e<d.length;e+=1)d[e].c();t=h()},m(e,s){i&&i.m(e,s),a(e,l,s);for(let l=0;l<d.length;l+=1)d[l]&&d[l].m(e,s);a(e,t,s)},p(e,o){if(e[2]&&e[9]?i?i.p(e,o):(i=Z(e),i.c(),i.m(l.parentNode,l)):i&&(i.d(1),i=null),51429&o){let l;for(s=e[11],l=0;l<s.length;l+=1){const i=I(e,s,l);d[l]?d[l].p(i,o):(d[l]=S(i),d[l].c(),d[l].m(t.parentNode,t))}for(;l<d.length;l+=1)d[l].d(1);d.length=s.length}},d(e){i&&i.d(e),e&&b(l),f(d,e),e&&b(t)}}}function Z(e){let l,t,i,o,c,n,r;return{c(){l=s("li"),t=s("input"),i=g(),o=s("label"),c=u(e[10]),d(t,"id","select-all"),d(t,"class","mc-listbox__input mc-checkbox__input svelte-1l6dq59"),d(t,"type","checkbox"),t.indeterminate=e[13],t.checked=e[12],d(o,"for","select-all"),d(o,"class","mc-listbox__label svelte-1l6dq59"),d(l,"class","mc-listbox__item svelte-1l6dq59")},m(s,d){a(s,l,d),x(l,t),x(l,i),x(l,o),x(o,c),n||(r=q(t,"change",e[17]),n=!0)},p(e,l){8192&l&&(t.indeterminate=e[13]),4096&l&&(t.checked=e[12]),1024&l&&p(c,e[10])},d(e){e&&b(l),n=!1,r()}}}function j(e){let l,t,i,o,c,n,r,m=!1;return c=_(e[22][0]),{c(){l=s("input"),d(l,"id",e[15](e[28])),d(l,"class","mc-listbox__input mc-checkbox__input svelte-1l6dq59"),d(l,"type","checkbox"),l.__value=t=e[26][e[6]],l.value=l.__value,l.checked=i=e[0].includes(e[26][e[6]]),l.disabled=o=Boolean(e[26][e[7]]),c.p(l)},m(t,i){a(t,l,i),l.checked=~(e[0]||[]).indexOf(l.__value),n||(r=[q(l,"change",e[23]),q(l,"change",e[20])],n=!0)},p(e,s){2112&s&&t!==(t=e[26][e[6]])&&(l.__value=t,l.value=l.__value,m=!0),2113&s&&i!==(i=e[0].includes(e[26][e[6]]))&&(l.checked=i),2176&s&&o!==(o=Boolean(e[26][e[7]]))&&(l.disabled=o),(m||2049&s)&&(l.checked=~(e[0]||[]).indexOf(l.__value))},d(e){e&&b(l),c.r(),n=!1,k(r)}}}function D(e){let l,t,i,o,n,r,m=!1;return o=_(e[22][0]),{c(){l=s("input"),d(l,"id",e[15](e[28])),d(l,"class","mc-listbox__input svelte-1l6dq59"),d(l,"type","radio"),l.__value=t=e[26][e[6]],l.value=l.__value,d(l,"name",`listboxradio-${e[14]}`),l.disabled=i=Boolean(e[26][e[7]]),c(l,"is-disabled",e[26][e[7]]),o.p(l)},m(t,i){a(t,l,i),l.checked=l.__value===e[0],n||(r=[q(l,"change",e[21]),q(l,"change",e[19])],n=!0)},p(e,s){2112&s&&t!==(t=e[26][e[6]])&&(l.__value=t,l.value=l.__value,m=!0),2176&s&&i!==(i=Boolean(e[26][e[7]]))&&(l.disabled=i),(m||2049&s)&&(l.checked=l.__value===e[0]),2176&s&&c(l,"is-disabled",e[26][e[7]])},d(e){e&&b(l),o.r(),n=!1,k(r)}}}function S(e){let l,t,i,o,n,r=e[26][e[5]]+"";function m(e,l){return e[2]?j:D}let v=m(e),h=v(e);return{c(){l=s("li"),h.c(),t=g(),i=s("label"),o=u(r),n=g(),d(i,"for",e[15](e[28])),d(i,"class","mc-listbox__label svelte-1l6dq59"),d(l,"class","mc-listbox__item svelte-1l6dq59"),c(l,"is-disabled",e[26][e[7]])},m(e,s){a(e,l,s),h.m(l,null),x(l,t),x(l,i),x(i,o),x(l,n)},p(e,i){v===(v=m(e))&&h?h.p(e,i):(h.d(1),h=v(e),h&&(h.c(),h.m(l,t))),2080&i&&r!==(r=e[26][e[5]]+"")&&p(o,r),2176&i&&c(l,"is-disabled",e[26][e[7]])},d(e){e&&b(l),h.d()}}}function N(e){let l,t,i;function m(e,l){return e[3]?y:A}let v=m(e),u=v(e);return{c(){l=s("ul"),u.c(),d(l,"role","listbox"),d(l,"class","mc-listbox svelte-1l6dq59"),d(l,"aria-labelledby","listbox"),o(l,"--listbox-width",e[8]),c(l,"is-open",e[1]),c(l,"mc-listbox--multi",e[2])},m(s,d){a(s,l,d),u.m(l,null),t||(i=n(e[16].call(null,l)),t=!0)},p(e,[t]){v===(v=m(e))&&u?u.p(e,t):(u.d(1),u=v(e),u&&(u.c(),u.m(l,null))),256&t&&o(l,"--listbox-width",e[8]),2&t&&c(l,"is-open",e[1]),4&t&&c(l,"mc-listbox--multi",e[2])},i:r,o:r,d(e){e&&b(l),u.d(),t=!1,i()}}}function z(e,l,t){let i,s,d,{items:o}=l,{value:c}=l,{open:a}=l,{multiple:n}=l,{isfiltered:r}=l,{emptysearchlabel:b="No results found"}=l,{datatextexpr:u="label"}=l,{datavalueexpr:x="value"}=l,{datadisabledexpr:p="disabled"}=l,{maxwidth:g="100%"}=l,{selectall:h=!1}=l,{labelselectall:f="Select all"}=l;const q=Math.random();let _=new M;const k=[[]];return e.$$set=e=>{"items"in e&&t(18,o=e.items),"value"in e&&t(0,c=e.value),"open"in e&&t(1,a=e.open),"multiple"in e&&t(2,n=e.multiple),"isfiltered"in e&&t(3,r=e.isfiltered),"emptysearchlabel"in e&&t(4,b=e.emptysearchlabel),"datatextexpr"in e&&t(5,u=e.datatextexpr),"datavalueexpr"in e&&t(6,x=e.datavalueexpr),"datadisabledexpr"in e&&t(7,p=e.datadisabledexpr),"maxwidth"in e&&t(8,g=e.maxwidth),"selectall"in e&&t(9,h=e.selectall),"labelselectall"in e&&t(10,f=e.labelselectall)},e.$$.update=()=>{512&e.$$.dirty&&t(12,i=null!=h&&h),262144&e.$$.dirty&&t(11,s=o?JSON.parse(o):[]),1&e.$$.dirty&&t(0,c=c?(t(12,i=!1),t(13,d=!1),c&&0===c.length?(t(12,i=!1),t(13,d=!1)):c&&c.length<s.length?t(13,d=!0):c&&c.length===s.length&&t(12,i=!0),c):[])},t(13,d=!0),[c,a,n,r,b,u,x,p,g,h,f,s,i,d,q,function(e){return`listboxItem-${e+q}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&_.dispatch("scrollend",{})}))},function(){t(12,i=!i),i?s.map((e=>{e[p]||-1!==c.indexOf(e[x])||c.push(e[x])})):t(0,c=[]),t(0,c)},o,function(l){m.call(this,e,l)},function(l){m.call(this,e,l)},function(){c=this.__value,t(0,c)},k,function(){c=v(k[0],this.__value,this.checked),t(0,c)}]}class C extends e{constructor(e){super(),l(this,e,z,N,t,{items:18,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10},w)}}export{C as default};
+//# sourceMappingURL=Listbox.nested.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox.nested.js","sources":["../../../../src/components/listbox/Listbox.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { ListboxItems } from './listbox.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let items: string;\n  export let value: any;\n  export let open: boolean;\n  export let multiple: boolean;\n  export let isfiltered: boolean;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let datadisabledexpr = 'disabled';\n  export let maxwidth = '100%';\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n\n  const uuid = Math.random();\n  let eventHandler = new EventHandler();\n\n  $: allSelected = selectall ?? false;\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: value = value ? (determineSelectionState() as []) : [];\n  $: selectAllIndeterminate = true;\n\n  function determineSelectionState(): [] {\n    allSelected = false;\n    selectAllIndeterminate = false;\n    if (value && value.length === 0) {\n      allSelected = false;\n      selectAllIndeterminate = false;\n    } else if (value && value.length < parsedItems.length) {\n      selectAllIndeterminate = true;\n    } else if (value && value.length === parsedItems.length) {\n      allSelected = true;\n    }\n\n    return value;\n  }\n\n  function setItemId(index: number) {\n    return `listboxItem-${index + uuid}`;\n  }\n\n  function scrollEnd(node: HTMLElement) {\n    node.addEventListener('scroll', () => {\n      if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n        eventHandler.dispatch('scrollend', {});\n      }\n    });\n  }\n\n  function onSelectAll() {\n    allSelected = !allSelected;\n    if (allSelected) {\n      parsedItems.map((item) => {\n        if (\n          !item[datadisabledexpr] &&\n          value.indexOf(item[datavalueexpr]) === -1\n        )\n          value.push(item[datavalueexpr]);\n      });\n    } else {\n      value = [];\n    }\n    value = value;\n  }\n</script>\n\n<ul\n  role=\"listbox\"\n  class=\"mc-listbox\"\n  class:is-open={open}\n  class:mc-listbox--multi={multiple}\n  aria-labelledby=\"listbox\"\n  style=\"--listbox-width: {maxwidth};\"\n  use:scrollEnd\n>\n  {#if !isfiltered}\n    {#if multiple && selectall}\n      <li class=\"mc-listbox__item\">\n        <input\n          id=\"select-all\"\n          class=\"mc-listbox__input mc-checkbox__input\"\n          type=\"checkbox\"\n          indeterminate={selectAllIndeterminate}\n          checked={allSelected}\n          on:change={onSelectAll}\n        />\n        <label for=\"select-all\" class=\"mc-listbox__label\">\n          {labelselectall}\n        </label>\n      </li>\n    {/if}\n    {#each parsedItems as item, index}\n      <li class=\"mc-listbox__item\" class:is-disabled={item[datadisabledexpr]}>\n        {#if !multiple}\n          <input\n            id={setItemId(index)}\n            class=\"mc-listbox__input\"\n            class:is-disabled={item[datadisabledexpr]}\n            type=\"radio\"\n            value={item[datavalueexpr]}\n            name={`listboxradio-${uuid}`}\n            disabled={Boolean(item[datadisabledexpr])}\n            bind:group={value}\n            on:change\n          />\n        {:else}\n          <input\n            id={setItemId(index)}\n            class=\"mc-listbox__input mc-checkbox__input\"\n            type=\"checkbox\"\n            value={item[datavalueexpr]}\n            checked={value.includes(item[datavalueexpr])}\n            disabled={Boolean(item[datadisabledexpr])}\n            bind:group={value}\n            on:change\n          />\n        {/if}\n\n        <label for={setItemId(index)} class=\"mc-listbox__label\">\n          {item[datatextexpr]}\n        </label>\n      </li>\n    {/each}\n  {:else}\n    <li class=\"mc-listbox__item\">\n      <span class=\"mc-listbox__empty\">{emptysearchlabel}</span>\n    </li>\n  {/if}\n</ul>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.checkbox';\n  @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","li","anchor","append","span","if_block","create_if_block_2","length","i","input","label","attr","__value","input_value_value","checked","input_checked_value","includes","Boolean","indexOf","dirty","toggle_class","t1_value","create_if_block_1","set_data","t1","create_if_block","ul","items","$$props","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","datadisabledexpr","maxwidth","selectall","labelselectall","uuid","Math","random","eventHandler","EventHandler","$$invalidate","allSelected","parsedItems","JSON","parse","selectAllIndeterminate","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","map","item","push","this","get_binding_group_value","$$binding_groups"],"mappings":"kyNAkIuCA,EAAgB,2GADnDC,EAEIC,EAAAC,EAAAC,GADFC,EAAwDF,EAAAG,4BAAvBN,EAAgB,0CAjD9CO,EAAAP,MAAYA,EAAS,IAAAQ,EAAAR,KAenBA,EAAW,yBAAhBS,OAAIC,GAAA,uLAfDV,MAAYA,EAAS,yFAenBA,EAAW,YAAhBS,OAAIC,GAAA,EAAA,yHAAJD,0IAJKT,EAAc,sIALAA,EAAsB,cAC5BA,EAAW,mIANxBC,EAYIC,EAAAC,EAAAC,GAXFC,EAOCF,EAAAQ,UACDN,EAEOF,EAAAS,6BAJMZ,EAAW,4CAFPA,EAAsB,wBAC5BA,EAAW,iBAInBA,EAAc,0GAoBTa,EAAAF,EAAA,KAAAX,MAAUA,EAAK,gGAGZW,EAAAG,QAAAC,EAAAf,MAAKA,EAAa,sBAChBW,EAAAK,QAAAC,EAAAjB,EAAM,GAAAkB,SAASlB,MAAKA,EAAa,kBAChCmB,QAAQnB,EAAI,IAACA,EAAgB,oBANzCC,EASCC,EAAAS,EAAAP,eAFaJ,EAAK,IAAA,IAAAoB,QAAAT,EAAAG,uEAHV,KAAAO,GAAAN,KAAAA,EAAAf,MAAKA,EAAa,2CAChB,KAAAqB,GAAAJ,KAAAA,EAAAjB,EAAM,GAAAkB,SAASlB,MAAKA,EAAa,oCAChCmB,QAAQnB,EAAI,IAACA,EAAgB,gDAC3BA,EAAK,IAAA,IAAAoB,QAAAT,EAAAG,oHAlBbD,EAAAF,EAAA,KAAAX,MAAUA,EAAK,0EAIZW,EAAAG,QAAAC,EAAAf,MAAKA,EAAa,iDACHA,EAAI,oBAChBmB,QAAQnB,EAAI,IAACA,EAAgB,KAJpBsB,EAAAX,EAAA,cAAAX,MAAKA,EAAgB,oBAH1CC,EAUCC,EAAAS,EAAAP,yBAFaJ,EAAK,iEAHV,KAAAqB,GAAAN,KAAAA,EAAAf,MAAKA,EAAa,0DAEfmB,QAAQnB,EAAI,IAACA,EAAgB,0DAC3BA,EAAK,YALEsB,EAAAX,EAAA,cAAAX,MAAKA,EAAgB,iEAsBzCuB,EAAAvB,MAAKA,EAAY,IAAA,0BA1BdA,EAAQ,KAAAwB,+EAyBFX,EAAAD,EAAA,MAAAZ,MAAUA,EAAK,qGA1BmBsB,EAAAnB,EAAA,cAAAH,MAAKA,EAAgB,aAArEC,EA6BIC,EAAAC,EAAAC,sBAHFC,EAEOF,EAAAS,sFADJ,KAAAS,GAAAE,KAAAA,EAAAvB,MAAKA,EAAY,IAAA,KAAAyB,EAAAC,EAAAH,WA3B0BD,EAAAnB,EAAA,cAAAH,MAAKA,EAAgB,0EAjBnEA,EAAU,KAAA2B,qKAHS3B,EAAQ,kBAHlBA,EAAI,4BACMA,EAAQ,YAJnCC,EA8DIC,EAAA0B,EAAAxB,wJAxDuBJ,EAAQ,uBAHlBA,EAAI,iCACMA,EAAQ,8EArEtB6B,GAAaC,SACbC,GAAUD,QACVE,GAAaF,YACbG,GAAiBH,cACjBI,GAAmBJ,GACnBK,iBAAAA,EAAmB,oBAAkBL,GACrCM,aAAAA,EAAe,SAAON,GACtBO,cAAAA,EAAgB,SAAOP,GACvBQ,iBAAAA,EAAmB,YAAUR,GAC7BS,SAAAA,EAAW,QAAMT,GACjBU,UAAAA,GAAY,GAAKV,GACjBW,eAAAA,EAAiB,cAAYX,QAElCY,EAAOC,KAAKC,SACd,IAAAC,MAAmBC,8gBAEtBC,EAAA,GAAEC,EAAcR,SAAAA,sBAChBO,EAAA,GAAEE,EAAcpB,EAASqB,KAAKC,MAAMtB,GAAK,kBACvCkB,EAAA,EAAAhB,EAAQA,GAITgB,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,GACrBrB,GAA0B,IAAjBA,EAAMtB,QACjBsC,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,IAChBrB,GAASA,EAAMtB,OAASwC,EAAYxC,OAC7CsC,EAAA,GAAAK,GAAyB,GAChBrB,GAASA,EAAMtB,SAAWwC,EAAYxC,QAC/CsC,EAAA,GAAAC,GAAc,GAGTjB,GAfkC,KAC1CgB,EAAA,GAAEK,GAAyB,kCAiBnB,SAAUC,GACK,MAAA,eAAAA,EAAQX,KAGvB,SAAUY,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7Cb,EAAac,SAAS,YAAW,CAAA,kBAMrCZ,EAAA,GAAAC,GAAeA,GACXA,EACFC,EAAYW,KAAKC,IAEZA,EAAKvB,KACkC,IAAxCP,EAAMX,QAAQyC,EAAKxB,KAEnBN,EAAM+B,KAAKD,EAAKxB,GAAa,QAGjCN,EAAK,qFA0CaA,EAAKgC,KAAAjD,6BAWLiB,EAAKiC,EAAAC,EAAA,GAAAF,KAAAjD,QAAAiD,KAAA/C"}

package/public/adeo/components/listbox/Listbox.nested.svelte

@@ -0,0 +1,140 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type { ListboxItems } from './listbox.types';
+  import { EventHandler } from '../../utilities/EventHandler';
+
+  export let items: string;
+  export let value: any;
+  export let open: boolean;
+  export let multiple: boolean;
+  export let isfiltered: boolean;
+  export let emptysearchlabel = 'No results found';
+  export let datatextexpr = 'label';
+  export let datavalueexpr = 'value';
+  export let datadisabledexpr = 'disabled';
+  export let maxwidth = '100%';
+  export let selectall = false;
+  export let labelselectall = 'Select all';
+
+  const uuid = Math.random();
+  let eventHandler = new EventHandler();
+
+  $: allSelected = selectall ?? false;
+  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];
+  $: value = value ? (determineSelectionState() as []) : [];
+  $: selectAllIndeterminate = true;
+
+  function determineSelectionState(): [] {
+    allSelected = false;
+    selectAllIndeterminate = false;
+    if (value && value.length === 0) {
+      allSelected = false;
+      selectAllIndeterminate = false;
+    } else if (value && value.length < parsedItems.length) {
+      selectAllIndeterminate = true;
+    } else if (value && value.length === parsedItems.length) {
+      allSelected = true;
+    }
+
+    return value;
+  }
+
+  function setItemId(index: number) {
+    return `listboxItem-${index + uuid}`;
+  }
+
+  function scrollEnd(node: HTMLElement) {
+    node.addEventListener('scroll', () => {
+      if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {
+        eventHandler.dispatch('scrollend', {});
+      }
+    });
+  }
+
+  function onSelectAll() {
+    allSelected = !allSelected;
+    if (allSelected) {
+      parsedItems.map((item) => {
+        if (
+          !item[datadisabledexpr] &&
+          value.indexOf(item[datavalueexpr]) === -1
+        )
+          value.push(item[datavalueexpr]);
+      });
+    } else {
+      value = [];
+    }
+    value = value;
+  }
+</script>
+
+<ul
+  role="listbox"
+  class="mc-listbox"
+  class:is-open={open}
+  class:mc-listbox--multi={multiple}
+  aria-labelledby="listbox"
+  style="--listbox-width: {maxwidth};"
+  use:scrollEnd
+>
+  {#if !isfiltered}
+    {#if multiple && selectall}
+      <li class="mc-listbox__item">
+        <input
+          id="select-all"
+          class="mc-listbox__input mc-checkbox__input"
+          type="checkbox"
+          indeterminate={selectAllIndeterminate}
+          checked={allSelected}
+          on:change={onSelectAll}
+        />
+        <label for="select-all" class="mc-listbox__label">
+          {labelselectall}
+        </label>
+      </li>
+    {/if}
+    {#each parsedItems as item, index}
+      <li class="mc-listbox__item" class:is-disabled={item[datadisabledexpr]}>
+        {#if !multiple}
+          <input
+            id={setItemId(index)}
+            class="mc-listbox__input"
+            class:is-disabled={item[datadisabledexpr]}
+            type="radio"
+            value={item[datavalueexpr]}
+            name={`listboxradio-${uuid}`}
+            disabled={Boolean(item[datadisabledexpr])}
+            bind:group={value}
+            on:change
+          />
+        {:else}
+          <input
+            id={setItemId(index)}
+            class="mc-listbox__input mc-checkbox__input"
+            type="checkbox"
+            value={item[datavalueexpr]}
+            checked={value.includes(item[datavalueexpr])}
+            disabled={Boolean(item[datadisabledexpr])}
+            bind:group={value}
+            on:change
+          />
+        {/if}
+
+        <label for={setItemId(index)} class="mc-listbox__label">
+          {item[datatextexpr]}
+        </label>
+      </li>
+    {/each}
+  {:else}
+    <li class="mc-listbox__item">
+      <span class="mc-listbox__empty">{emptysearchlabel}</span>
+    </li>
+  {/if}
+</ul>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/all-settings';
+  @import '@mozaic-ds/styles/components/c.checkbox';
+  @import '@mozaic-ds/styles/components/c.listbox';
+</style>

package/public/adeo/components/listbox/Listbox.svelte

@@ -0,0 +1,88 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type { ListboxItems } from './listbox.types';
+  import { EventHandler } from '../../utilities/EventHandler';
+
+  export let items: string;
+  export let value: any;
+  export let open: boolean;
+  export let multiple: boolean;
+  export let isfiltered: boolean;
+  export let emptysearchlabel = 'No results found';
+  export let datatextexpr = 'label';
+  export let datavalueexpr = 'value';
+  export let maxwidth = '100%';
+
+  const uuid = Math.random();
+  let eventHandler = new EventHandler();
+
+  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+
+  function setItemId(index: number) {
+    return `listboxItem-${index + uuid}`;
+  }
+
+  function scrollEnd(node: HTMLElement) {
+    node.addEventListener('scroll', () => {
+      if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {
+        eventHandler.dispatch('scrollend', {});
+      }
+    });
+  }
+</script>
+
+<ul
+  role="listbox"
+  class="mc-listbox"
+  class:is-open={open}
+  class:mc-listbox--multi={multiple}
+  aria-labelledby="listbox"
+  style="--listbox-width: {maxwidth};"
+  use:scrollEnd
+  {...attributes}
+>
+  {#if !isfiltered}
+    {#each parsedItems as item, index}
+      <li class="mc-listbox__item">
+        {#if !multiple}
+          <input
+            id={setItemId(index)}
+            class="mc-listbox__input"
+            type="radio"
+            value={item[datavalueexpr]}
+            name={`listboxradio-${uuid}`}
+            bind:group={value}
+            on:change
+          />
+        {:else}
+          <input
+            id={setItemId(index)}
+            class="mc-listbox__input mc-checkbox__input"
+            type="checkbox"
+            value={item[datavalueexpr]}
+            checked={value.includes(item[datavalueexpr])}
+            bind:group={value}
+            on:change
+          />
+        {/if}
+
+        <label for={setItemId(index)} class="mc-listbox__label">
+          {item[datatextexpr]}
+        </label>
+      </li>
+    {/each}
+  {:else}
+    <li class="mc-listbox__item">
+      <span class="mc-listbox__empty">{emptysearchlabel}</span>
+    </li>
+  {/if}
+</ul>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/all-settings';
+  @import '@mozaic-ds/styles/components/c.checkbox';
+  @import '@mozaic-ds/styles/components/c.listbox';
+</style>

package/public/adeo/components/listbox/listbox.types.d.ts

@@ -0,0 +1,8 @@
+export interface ListboxItems {
+    id?: string;
+    label: string;
+    value: string | boolean | undefined;
+    [value: string]: string | boolean | undefined;
+    selectall: boolean | undefined;
+}
+//# sourceMappingURL=listbox.types.d.ts.map

package/public/adeo/components/listbox/listbox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/listbox/listbox.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACpC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IAC9C,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC"}

package/public/adeo/components/loader/Loader.js

@@ -0,0 +1,2 @@
+import{S as e,i as t,a as r,b as a,f as s,s as o,c as i,e as n,T as l,d as c,n as d,g as m,h,j as f,m as k,o as p,p as u,q as x,t as _,k as g}from"../../index-c33b3772.js";function w(e){let t,r;return{c(){t=n("span"),r=_(e[2]),m(t,"class","mc-loader__text")},m(e,s){a(e,t,s),f(t,r)},p(e,t){4&t&&g(r,e[2])},d(e){e&&p(t)}}}function b(e){let t,r,s,o,u,x,_,g,b=e[2]&&w(e),v=[{class:g=y(e[0],e[1])},e[3]],C={};for(let e=0;e<v.length;e+=1)C=i(C,v[e]);return{c(){t=n("div"),r=n("span"),s=l("svg"),o=l("circle"),_=c(),b&&b.c(),this.c=d,m(o,"class","mc-loader__path"),m(o,"cx","50%"),m(o,"cy","50%"),m(o,"r",u=z(e[0])),m(s,"class","mc-loader__icon"),m(s,"xmlns","http://www.w3.org/2000/svg"),m(s,"viewBox",x=$(e[0])),m(r,"class","mc-loader__spinner"),h(t,C)},m(e,i){a(e,t,i),f(t,r),f(r,s),f(s,o),f(t,_),b&&b.m(t,null)},p(e,[r]){1&r&&u!==(u=z(e[0]))&&m(o,"r",u),1&r&&x!==(x=$(e[0]))&&m(s,"viewBox",x),e[2]?b?b.p(e,r):(b=w(e),b.c(),b.m(t,null)):b&&(b.d(1),b=null),h(t,C=k(v,[3&r&&g!==(g=y(e[0],e[1]))&&{class:g},8&r&&e[3]]))},i:d,o:d,d(e){e&&p(t),b&&b.d()}}}function y(e,t){const r=["mc-loader"];return e&&r.push(`mc-loader--${e}`),t&&r.push(`mc-loader--${t}`),r.join(" ")}function $(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function z(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}function v(e,t,r){const a=["size","theme","text"];let s=u(t,a),{size:o}=t,{theme:n}=t,{text:l}=t;return e.$$set=e=>{t=i(i({},t),x(e)),r(3,s=u(t,a)),"size"in e&&r(0,o=e.size),"theme"in e&&r(1,n=e.theme),"text"in e&&r(2,l=e.text)},[o,n,l,s]}class C extends e{constructor(e){super();const i=document.createElement("style");i.textContent=".mc-loader{color:#007f8c;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{-webkit-animation:rotate-loader 2s linear infinite;animation:rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:animate-dash-loader 2s ease-in-out infinite;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#ffffff}.mc-loader--light .mc-loader__path{stroke:currentColor}@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}",this.shadowRoot.appendChild(i),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},v,b,o,{size:0,theme:1,text:2},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["size","theme","text"]}get size(){return this.$$.ctx[0]}set size(e){this.$$set({size:e}),s()}get theme(){return this.$$.ctx[1]}set theme(e){this.$$set({theme:e}),s()}get text(){return this.$$.ctx[2]}set text(e){this.$$set({text:e}),s()}}export{C as default};
+//# sourceMappingURL=Loader.js.map

package/public/adeo/components/loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sources":["../../../../src/components/loader/Loader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { LoaderSize, LoaderTheme } from './loader.types';\n\n  export let size: LoaderSize;\n  export let theme: LoaderTheme;\n  export let text: string;\n\n  function setClasses(size: LoaderSize, theme: LoaderTheme) {\n    const classes = ['mc-loader'];\n\n    if (size) {\n      classes.push(`mc-loader--${size}`);\n    }\n\n    if (theme) {\n      classes.push(`mc-loader--${theme}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  function setViewBox(size: LoaderSize) {\n    let viewBox: string;\n\n    switch (size) {\n      case 's':\n        viewBox = '0 0 24 24';\n        break;\n      case 'l':\n        viewBox = '0 0 64 64';\n        break;\n      default:\n        viewBox = '0 0 32 32';\n    }\n\n    return viewBox;\n  }\n\n  function setCircleRadius(size: LoaderSize) {\n    let circleRadius: number;\n\n    switch (size) {\n      case 's':\n        circleRadius = 6;\n        break;\n      case 'l':\n        circleRadius = 19;\n        break;\n      default:\n        circleRadius = 9;\n    }\n\n    return circleRadius;\n  }\n</script>\n\n<div class={setClasses(size, theme)} {...$$restProps}>\n  <span class=\"mc-loader__spinner\">\n    <svg\n      class=\"mc-loader__icon\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={setViewBox(size)}\n    >\n      <circle\n        class=\"mc-loader__path\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r={setCircleRadius(size)}\n      />\n    </svg>\n  </span>\n\n  {#if text}\n    <span class=\"mc-loader__text\">\n      {text}\n    </span>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.loader';\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block","setClasses","attr","circle","circle_r_value","setCircleRadius","svg","svg_viewBox_value","setViewBox","div","append","dirty","class","div_class_value","size","theme","classes","push","join","viewBox","circleRadius","$$props","text"],"mappings":"6NA4EOA,EAAI,2CADPC,EAEMC,EAAAC,EAAAC,2BADHJ,EAAI,wDAFJA,EAAI,IAAAK,EAAAL,eAhBCM,EAAWN,EAAI,GAAEA,EAAK,KAAOA,EAAW,mMAWzCO,EAAAC,EAAA,IAAAC,EAAAC,EAAgBV,EAAI,8EANhBO,EAAAI,EAAA,UAAAC,EAAAC,EAAWb,EAAI,sDAL9BC,EAqBKC,EAAAY,EAAAV,GApBHW,EAaMD,EAAAX,GAZJY,EAWKZ,EAAAQ,GANHI,EAKCJ,EAAAH,mCADI,EAAAQ,GAAAP,KAAAA,EAAAC,EAAgBV,EAAI,iBANhB,EAAAgB,GAAAJ,KAAAA,EAAAC,EAAWb,EAAI,uBAWvBA,EAAI,mFAhBCM,EAAWN,EAAI,GAAEA,EAAK,MAAA,CAAAiB,MAAAC,QAAOlB,EAAW,gDAjDzCM,EAAWa,EAAkBC,GAC9B,MAAAC,GAAW,oBAEbF,GACFE,EAAQC,KAAI,cAAeH,KAGzBC,GACFC,EAAQC,KAAI,cAAeF,KAGtBC,EAAQE,KAAK,KAGb,SAAAV,EAAWM,OACdK,SAEIL,OACD,IACHK,EAAU,sBAEP,IACHA,EAAU,0BAGVA,EAAU,mBAGPA,EAGA,SAAAd,EAAgBS,OACnBM,SAEIN,OACD,IACHM,EAAe,YAEZ,IACHA,EAAe,iBAGfA,EAAe,SAGZA,uEAjDEN,GAAgBO,SAChBN,GAAkBM,QAClBC,GAAYD"}

package/public/adeo/components/loader/Loader.nested.js

@@ -0,0 +1,2 @@
+import{P as e,i as t,s,Q as r,e as a,T as o,d as l,g as n,b as i,j as f,n as v,o as d,c,q as m,t as h,k as z}from"../../index-c33b3772.js";function k(e){r(e,"svelte-11f75vz",".mc-loader.svelte-11f75vz.svelte-11f75vz{color:#007f8c;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader.svelte-11f75vz .mc-loader__spinner.svelte-11f75vz{height:2rem;width:2rem}.mc-loader.svelte-11f75vz .mc-loader__path.svelte-11f75vz{stroke-width:4}.mc-loader.svelte-11f75vz .mc-loader__path.svelte-11f75vz{stroke:currentColor}.mc-loader__spinner.svelte-11f75vz.svelte-11f75vz:not(:only-child){margin-bottom:1rem}.mc-loader__icon.svelte-11f75vz.svelte-11f75vz{-webkit-animation:svelte-11f75vz-rotate-loader 2s linear infinite;animation:svelte-11f75vz-rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path.svelte-11f75vz.svelte-11f75vz{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:svelte-11f75vz-animate-dash-loader 2s ease-in-out infinite;animation:svelte-11f75vz-animate-dash-loader 2s ease-in-out infinite}.mc-loader__text.svelte-11f75vz.svelte-11f75vz{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s.svelte-11f75vz .mc-loader__spinner.svelte-11f75vz{height:1.5rem;width:1.5rem}.mc-loader--s.svelte-11f75vz .mc-loader__path.svelte-11f75vz{stroke-width:4}.mc-loader--l.svelte-11f75vz .mc-loader__spinner.svelte-11f75vz{height:4rem;width:4rem}.mc-loader--l.svelte-11f75vz .mc-loader__path.svelte-11f75vz{stroke-width:8}.mc-loader--dark.svelte-11f75vz.svelte-11f75vz{color:#191919}.mc-loader--dark.svelte-11f75vz .mc-loader__path.svelte-11f75vz{stroke:currentColor}.mc-loader--light.svelte-11f75vz.svelte-11f75vz{color:#ffffff}.mc-loader--light.svelte-11f75vz .mc-loader__path.svelte-11f75vz{stroke:currentColor}@-webkit-keyframes svelte-11f75vz-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes svelte-11f75vz-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes svelte-11f75vz-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes svelte-11f75vz-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}")}function _(e){let t,s;return{c(){t=a("span"),s=h(e[2]),n(t,"class","mc-loader__text svelte-11f75vz")},m(e,r){i(e,t,r),f(t,s)},p(e,t){4&t&&z(s,e[2])},d(e){e&&d(t)}}}function p(e){let t,s,r,c,m,h,z,k,p=e[2]&&_(e);return{c(){t=a("div"),s=a("span"),r=o("svg"),c=o("circle"),z=l(),p&&p.c(),n(c,"class","mc-loader__path svelte-11f75vz"),n(c,"cx","50%"),n(c,"cy","50%"),n(c,"r",m=x(e[0])),n(r,"class","mc-loader__icon svelte-11f75vz"),n(r,"xmlns","http://www.w3.org/2000/svg"),n(r,"viewBox",h=w(e[0])),n(s,"class","mc-loader__spinner svelte-11f75vz"),n(t,"class",k=u(e[0],e[1])+" "+e[3].class+" svelte-11f75vz")},m(e,a){i(e,t,a),f(t,s),f(s,r),f(r,c),f(t,z),p&&p.m(t,null)},p(e,[s]){1&s&&m!==(m=x(e[0]))&&n(c,"r",m),1&s&&h!==(h=w(e[0]))&&n(r,"viewBox",h),e[2]?p?p.p(e,s):(p=_(e),p.c(),p.m(t,null)):p&&(p.d(1),p=null),11&s&&k!==(k=u(e[0],e[1])+" "+e[3].class+" svelte-11f75vz")&&n(t,"class",k)},i:v,o:v,d(e){e&&d(t),p&&p.d()}}}function u(e,t){const s=["mc-loader"];return e&&s.push(`mc-loader--${e}`),t&&s.push(`mc-loader--${t}`),s.join(" ")}function w(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function x(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}function b(e,t,s){let{size:r}=t,{theme:a}=t,{text:o}=t;return e.$$set=e=>{s(3,t=c(c({},t),m(e))),"size"in e&&s(0,r=e.size),"theme"in e&&s(1,a=e.theme),"text"in e&&s(2,o=e.text)},t=m(t),[r,a,o,t]}class g extends e{constructor(e){super(),t(this,e,b,p,s,{size:0,theme:1,text:2},k)}}export{g as default};
+//# sourceMappingURL=Loader.nested.js.map

package/public/adeo/components/loader/Loader.nested.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.nested.js","sources":["../../../../src/components/loader/Loader.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { LoaderSize, LoaderTheme } from './loader.types';\n\n  export let size: LoaderSize;\n  export let theme: LoaderTheme;\n  export let text: string;\n\n  function setClasses(size: LoaderSize, theme: LoaderTheme) {\n    const classes = ['mc-loader'];\n\n    if (size) {\n      classes.push(`mc-loader--${size}`);\n    }\n\n    if (theme) {\n      classes.push(`mc-loader--${theme}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  function setViewBox(size: LoaderSize) {\n    let viewBox: string;\n\n    switch (size) {\n      case 's':\n        viewBox = '0 0 24 24';\n        break;\n      case 'l':\n        viewBox = '0 0 64 64';\n        break;\n      default:\n        viewBox = '0 0 32 32';\n    }\n\n    return viewBox;\n  }\n\n  function setCircleRadius(size: LoaderSize) {\n    let circleRadius: number;\n\n    switch (size) {\n      case 's':\n        circleRadius = 6;\n        break;\n      case 'l':\n        circleRadius = 19;\n        break;\n      default:\n        circleRadius = 9;\n    }\n\n    return circleRadius;\n  }\n</script>\n\n<div class=\"{setClasses(size, theme)} {$$props.class}\">\n  <span class=\"mc-loader__spinner\">\n    <svg\n      class=\"mc-loader__icon\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={setViewBox(size)}\n    >\n      <circle\n        class=\"mc-loader__path\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r={setCircleRadius(size)}\n      />\n    </svg>\n  </span>\n\n  {#if text}\n    <span class=\"mc-loader__text\">\n      {text}\n    </span>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.loader';\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block","attr","circle","circle_r_value","setCircleRadius","svg","svg_viewBox_value","setViewBox","div","div_class_value","setClasses","class","append","dirty","size","theme","classes","push","join","viewBox","circleRadius","$$props","text"],"mappings":"kxFA4EOA,EAAI,0DADPC,EAEMC,EAAAC,EAAAC,2BADHJ,EAAI,wDAFJA,EAAI,IAAAK,EAAAL,2JALAM,EAAAC,EAAA,IAAAC,EAAAC,EAAgBT,EAAI,6FANhBM,EAAAI,EAAA,UAAAC,EAAAC,EAAWZ,EAAI,sDALjBM,EAAAO,EAAA,QAAAC,EAAAC,EAAWf,EAAI,GAAEA,EAAS,IAAA,IAAAA,KAAQgB,MAAK,2BAApDf,EAqBKC,EAAAW,EAAAT,GApBHa,EAaMJ,EAAAV,GAZJc,EAWKd,EAAAO,GANHO,EAKCP,EAAAH,mCADI,EAAAW,GAAAV,KAAAA,EAAAC,EAAgBT,EAAI,iBANhB,EAAAkB,GAAAP,KAAAA,EAAAC,EAAWZ,EAAI,uBAWvBA,EAAI,4DAhBE,GAAAkB,GAAAJ,KAAAA,EAAAC,EAAWf,EAAI,GAAEA,EAAS,IAAA,IAAAA,KAAQgB,MAAK,6EAjDzCD,EAAWI,EAAkBC,GAC9B,MAAAC,GAAW,oBAEbF,GACFE,EAAQC,KAAI,cAAeH,KAGzBC,GACFC,EAAQC,KAAI,cAAeF,KAGtBC,EAAQE,KAAK,KAGb,SAAAX,EAAWO,OACdK,SAEIL,OACD,IACHK,EAAU,sBAEP,IACHA,EAAU,0BAGVA,EAAU,mBAGPA,EAGA,SAAAf,EAAgBU,OACnBM,SAEIN,OACD,IACHM,EAAe,YAEZ,IACHA,EAAe,iBAGfA,EAAe,SAGZA,6BAjDEN,GAAgBO,SAChBN,GAAkBM,QAClBC,GAAYD"}

package/public/adeo/components/loader/Loader.nested.svelte

@@ -0,0 +1,85 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type { LoaderSize, LoaderTheme } from './loader.types';
+
+  export let size: LoaderSize;
+  export let theme: LoaderTheme;
+  export let text: string;
+
+  function setClasses(size: LoaderSize, theme: LoaderTheme) {
+    const classes = ['mc-loader'];
+
+    if (size) {
+      classes.push(`mc-loader--${size}`);
+    }
+
+    if (theme) {
+      classes.push(`mc-loader--${theme}`);
+    }
+
+    return classes.join(' ');
+  }
+
+  function setViewBox(size: LoaderSize) {
+    let viewBox: string;
+
+    switch (size) {
+      case 's':
+        viewBox = '0 0 24 24';
+        break;
+      case 'l':
+        viewBox = '0 0 64 64';
+        break;
+      default:
+        viewBox = '0 0 32 32';
+    }
+
+    return viewBox;
+  }
+
+  function setCircleRadius(size: LoaderSize) {
+    let circleRadius: number;
+
+    switch (size) {
+      case 's':
+        circleRadius = 6;
+        break;
+      case 'l':
+        circleRadius = 19;
+        break;
+      default:
+        circleRadius = 9;
+    }
+
+    return circleRadius;
+  }
+</script>
+
+<div class="{setClasses(size, theme)} {$$props.class}">
+  <span class="mc-loader__spinner">
+    <svg
+      class="mc-loader__icon"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox={setViewBox(size)}
+    >
+      <circle
+        class="mc-loader__path"
+        cx="50%"
+        cy="50%"
+        r={setCircleRadius(size)}
+      />
+    </svg>
+  </span>
+
+  {#if text}
+    <span class="mc-loader__text">
+      {text}
+    </span>
+  {/if}
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/all-settings';
+  @import '@mozaic-ds/styles/components/c.loader';
+</style>