@mozaic-ds/web-components 0.1.0

package/public/bricoman/components/link/Link.js

@@ -0,0 +1,2 @@
+import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,B as f,l as k,X as b,m as p,o as g,H as u,p as x,r as $,q as v,g as w,O as y}from"../../index-c33b3772.js";import{c as z}from"../../EventForward-3dbb2f25.js";function _(e){let i,t,s=`<${L(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=M(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=M(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function j(e){let i,t,s=`<${L(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=M(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=M(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function H(e){let i,t,s,o,x,$,v,w=e[6]&&"left"===e[7]&&_(e),y=e[6]&&"right"===e[7]&&j(e),z=[{href:e[1]},{target:e[2]},{class:x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],H={};for(let e=0;e<z.length;e+=1)H=r(H,z[e]);return{c(){i=l("a"),w&&w.c(),t=c(),s=a(e[0]),o=c(),y&&y.c(),this.c=m,h(i,H)},m(r,l){n(r,i,l),w&&w.m(i,null),d(i,t),d(i,s),d(i,o),y&&y.m(i,null),$||(v=[f(e[10].call(null,i)),k(i,"click",e[11])],$=!0)},p(e,[n]){e[6]&&"left"===e[7]?w?w.p(e,n):(w=_(e),w.c(),w.m(i,t)):w&&(w.d(1),w=null),1&n&&b(s,e[0],H.contenteditable),e[6]&&"right"===e[7]?y?y.p(e,n):(y=j(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),h(i,H=p(z,[2&n&&{href:e[1]},4&n&&{target:e[2]},568&n&&x!==(x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:x},256&n&&e[8]]))},i:m,o:m,d(e){e&&g(i),w&&w.d(),y&&y.d(),$=!1,u(v)}}}function L(e){return`${e} size="1rem"`}function M(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function T(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function C(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=x(i,o),{label:c}=i,{href:a}=i,{target:m}=i,{theme:h}=i,{disabled:d=!1}=i,{size:f="m"}=i,{iconname:k}=i,{iconposition:b}=i;const p=z($());return e.$$set=e=>{t(13,i=r(r({},i),v(e))),t(12,l=x(i,o)),"label"in e&&t(0,c=e.label),"href"in e&&t(1,a=e.href),"target"in e&&t(2,m=e.target),"theme"in e&&t(3,h=e.theme),"disabled"in e&&t(4,d=e.disabled),"size"in e&&t(5,f=e.size),"iconname"in e&&t(6,k=e.iconname),"iconposition"in e&&t(7,b=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},l)),256&e.$$.dirty&&delete s.class},i=v(i),[c,a,m,h,d,f,k,b,s,n,p,function(i){y.call(this,e,i)}]}class E extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-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-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},C,H,o,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),s()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),s()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),s()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),s()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),s()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),s()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),s()}}export{E as default};
+//# sourceMappingURL=Link.js.map

package/public/bricoman/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/bricoman/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/bricoman/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/bricoman/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/bricoman/components/listbox/Listbox.js

@@ -0,0 +1,2 @@
+import{S as e,i as t,a as i,b as c,f as o,s as l,c as a,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 M,J as w,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 c=e.slice();return c[21]=t[i],c[23]=i,c}function D(e){let t,i,o;return{c(){t=r("li"),i=r("span"),o=_(e[4]),f(i,"class","mc-listbox__empty"),f(t,"class","mc-listbox__item")},m(e,l){c(e,t,l),k(t,i),k(i,o)},p(e,t){16&t&&v(o,e[4])},d(e){e&&x(t)}}}function S(e){let t,i=e[9],o=[];for(let t=0;t<i.length;t+=1)o[t]=C(j(e,i,t));return{c(){for(let e=0;e<o.length;e+=1)o[e].c();t=M()},m(e,i){for(let t=0;t<o.length;t+=1)o[t]&&o[t].m(e,i);c(e,t,i)},p(e,c){if(3685&c){let l;for(i=e[9],l=0;l<i.length;l+=1){const a=j(e,i,l);o[l]?o[l].p(a,c):(o[l]=C(a),o[l].c(),o[l].m(t.parentNode,t))}for(;l<o.length;l+=1)o[l].d(1);o.length=i.length}},d(e){w(o,e),e&&x(t)}}}function N(e){let t,i,o,l,a,s,n=!1;return l=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=o=e[0].includes(e[21][e[6]]),l.p(t)},m(i,o){c(i,t,o),t.checked=~(e[0]||[]).indexOf(t.__value),a||(s=[A(t,"change",e[18]),A(t,"change",e[15])],a=!0)},p(e,c){576&c&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,n=!0),577&c&&o!==(o=e[0].includes(e[21][e[6]]))&&(t.checked=o),(n||513&c)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&x(t),l.r(),a=!1,$(s)}}}function z(e){let t,i,o,l,a,s=!1;return o=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]}`),o.p(t)},m(i,o){c(i,t,o),t.checked=t.__value===e[0],l||(a=[A(t,"change",e[16]),A(t,"change",e[14])],l=!0)},p(e,c){576&c&&i!==(i=e[21][e[6]])&&(t.__value=i,t.value=t.__value,s=!0),(s||513&c)&&(t.checked=t.__value===e[0])},d(e){e&&x(t),o.r(),l=!1,$(a)}}}function C(e){let t,i,o,l,a,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(),o=r("label"),l=_(s),a=y(),f(o,"for",e[11](e[23])),f(o,"class","mc-listbox__label"),f(t,"class","mc-listbox__item")},m(e,r){c(e,t,r),m.m(t,null),k(t,i),k(t,o),k(o,l),k(t,a)},p(e,c){d===(d=n(e))&&m?m.p(e,c):(m.d(1),m=d(e),m&&(m.c(),m.m(t,i))),544&c&&s!==(s=e[21][e[5]]+"")&&v(l,s)},d(e){e&&x(t),m.d()}}}function E(e){let t,i,o,l;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)_=a(_,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,a){c(i,t,a),p.m(t,null),o||(l=m(e[12].call(null,t)),o=!0)},p(e,[c]){h===(h=u(e))&&p?p.p(e,c):(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&c&&i!==(i="--listbox-width: "+e[7]+";")&&{style:i},256&c&&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(),o=!1,l()}}}function T(e,t,i){let c,o;const l=["items","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth"];let r=u(t,l),{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 M=new Z;const w=[[]];return e.$$set=e=>{t=a(a({},t),h(e)),i(20,r=u(t,l)),"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,c=s?JSON.parse(s):[]),i(8,o=Object.assign({},r)),256&e.$$.dirty&&delete o.class},[n,d,m,b,x,_,f,k,o,c,v,function(e){return`listboxItem-${e+v}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&M.dispatch("scrollend",{})}))},s,function(t){p.call(this,e,t)},function(t){p.call(this,e,t)},function(){n=this.__value,i(0,n)},w,function(){n=g(w[0],this.__value,this.checked),i(0,n)}]}class G extends e{constructor(e){super();const a=document.createElement("style");a.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:"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 #808080;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 #808080;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 #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.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 #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#ff5800;border-color:#ff5800;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:#ff5800;border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#ff5800}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#ff5800}.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(a),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},T,E,l,{items:13,value:0,open:1,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,maxwidth:7},null),e&&(e.target&&c(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}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}),o()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),o()}get open(){return this.$$.ctx[1]}set open(e){this.$$set({open:e}),o()}get multiple(){return this.$$.ctx[2]}set multiple(e){this.$$set({multiple:e}),o()}get isfiltered(){return this.$$.ctx[3]}set isfiltered(e){this.$$set({isfiltered:e}),o()}get emptysearchlabel(){return this.$$.ctx[4]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),o()}get datatextexpr(){return this.$$.ctx[5]}set datatextexpr(e){this.$$set({datatextexpr:e}),o()}get datavalueexpr(){return this.$$.ctx[6]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),o()}get maxwidth(){return this.$$.ctx[7]}set maxwidth(e){this.$$set({maxwidth:e}),o()}}export{G as default};
+//# sourceMappingURL=Listbox.js.map

package/public/bricoman/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/bricoman/components/listbox/Listbox.nested.js

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

package/public/bricoman/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":"ysNAkIuCA,EAAgB,yGADnDC,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,qIALAA,EAAsB,cAC5BA,EAAW,iIANxBC,EAYIC,EAAAC,EAAAC,GAXFC,EAOCF,EAAAQ,UACDN,EAEOF,EAAAS,6BAJMZ,EAAW,4CAFPA,EAAsB,wBAC5BA,EAAW,iBAInBA,EAAc,0GAoBTa,EAAAF,EAAA,KAAAX,MAAUA,EAAK,+FAGZW,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,yEAIZW,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,mGA1BmBsB,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,oKAHS3B,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/bricoman/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/bricoman/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/bricoman/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/bricoman/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/bricoman/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,n as c,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"),_=d(),b&&b.c(),this.c=c,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:c,o:c,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:#373de7;-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/bricoman/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":"wNA4EOA,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/bricoman/components/loader/Loader.nested.js

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

package/public/bricoman/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":"uxFA4EOA,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/bricoman/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>