@mozaic-ds/web-components 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/bricoman/components/listbox/Listbox.nested.js

@@ -0,0 +1,2 @@
+import{H as e,i as t,s,I as l,e as a,h as i,M as o,t as c,b as n,n as r,m as p,q as b,r as d,V as m,a0 as v,v as x,k as h,y as u,d as _,N as j,R as f,x as g,P as w,a1 as k}from"../../index-c222d0b7.js";import{E as y}from"../../EventHandler-f7ee47ca.js";function z(e){l(e,"svelte-38jpas",".mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas{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;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas::-ms-check{background-color:#ffffff;border:2px solid #808080;border-radius:4px;color:#002a5b}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:hover{border-color:#191919}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas: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-38jpas.svelte-38jpas.svelte-38jpas:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:checked,.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:indeterminate{background-color:#ff941a;border-color:#ff941a;background-size:1rem 1rem}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23002a5b' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:checked::-ms-check{background-color:#ff941a;border-color:#ff941a}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:checked:hover:not(:disabled){border-color:#ef7f00}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:checked:hover:not(:disabled)::-ms-check{border-color:#ef7f00}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23002a5b' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-listbox.svelte-38jpas.svelte-38jpas.svelte-38jpas{background-color:#ffffff;border:1px solid #666666;border-radius:3px;overflow-y:auto;max-width:var(--listbox-maxwidth, none);width:var(--listbox-width, auto)}.mc-listbox.svelte-38jpas.svelte-38jpas.svelte-38jpas::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-38jpas.svelte-38jpas.svelte-38jpas::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list.svelte-38jpas.svelte-38jpas.svelte-38jpas{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile.svelte-38jpas.svelte-38jpas.svelte-38jpas{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.75rem;padding-right:0.75rem;position:relative}.mc-listbox__tile.svelte-38jpas.svelte-38jpas.svelte-38jpas:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile.svelte-38jpas.svelte-38jpas.svelte-38jpas:has(.mc-listbox__input:focus),.mc-listbox__tile.svelte-38jpas.svelte-38jpas.svelte-38jpas:has(.mc-listbox__label:focus){background-color:#e6e6e6;-webkit-box-shadow:inset 9px 0 0 -7px #191919;box-shadow:inset 9px 0 0 -7px #191919}.mc-listbox__tile--empty.svelte-38jpas.svelte-38jpas.svelte-38jpas{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty.svelte-38jpas .mc-listbox__label.svelte-38jpas.svelte-38jpas{cursor:default}.mc-listbox__tile.is-disabled.svelte-38jpas.svelte-38jpas.svelte-38jpas{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__label.svelte-38jpas.svelte-38jpas.svelte-38jpas{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label.svelte-38jpas.svelte-38jpas.svelte-38jpas::after{content:\"\";position:absolute;inset:0;z-index:var(--listbox-label-z-index, 2)}.mc-listbox__input.svelte-38jpas.svelte-38jpas.svelte-38jpas{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-38jpas:not(.mc-listbox--multi) .mc-listbox__input.svelte-38jpas.svelte-38jpas{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--options.svelte-38jpas.svelte-38jpas.svelte-38jpas{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options.svelte-38jpas .mc-listbox__tile.svelte-38jpas.svelte-38jpas{height:3rem}.mc-listbox--options.svelte-38jpas .mc-listbox__tile.svelte-38jpas.svelte-38jpas:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options.svelte-38jpas .mc-listbox__tile.is-selected .mc-listbox__label.svelte-38jpas.svelte-38jpas::before{visibility:visible}.mc-listbox--options.svelte-38jpas .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label.svelte-38jpas.svelte-38jpas::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-38jpas .mc-listbox__input.svelte-38jpas:checked+.mc-listbox__label.svelte-38jpas::before{visibility:visible}.mc-listbox--options.svelte-38jpas .mc-listbox__input.svelte-38jpas:checked:disabled+.mc-listbox__label.svelte-38jpas::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\")}.mc-listbox--options.svelte-38jpas .mc-listbox__label.svelte-38jpas.svelte-38jpas::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23191919' height='1.5rem' width='1.5rem'%3E%3Cpath d='M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z'/%3E%3C/svg%3E\");background-position:center;background-repeat:no-repeat;background-size:1.5rem;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;visibility:hidden}.mc-listbox--overlay.svelte-38jpas.svelte-38jpas.svelte-38jpas{position:absolute;z-index:var(--listbox-overlay-z-index, 10)}.mc-listbox__tile--auto-size.svelte-38jpas.svelte-38jpas.svelte-38jpas{height:auto !important;min-height:3rem}.mc-listbox__label--no-overflow.svelte-38jpas.svelte-38jpas.svelte-38jpas{white-space:break-spaces}")}function E(e,t,s){const l=e.slice();return l[31]=t[s],l[33]=s,l}function C(e){let t,s,l;return{c(){t=a("div"),s=a("span"),l=x(e[4]),i(s,"class","mc-listbox__label svelte-38jpas"),i(t,"class","mc-listbox__tile mc-listbox__tile--empty svelte-38jpas")},m(e,a){n(e,t,a),h(t,s),h(s,l)},p(e,t){16&t[0]&&u(l,e[4])},d(e){e&&p(t)}}}function $(e){let t,s,l,o,c=e[2]&&e[9]&&B(e),r=e[15],b=[];for(let t=0;t<r.length;t+=1)b[t]=L(E(e,r,t));return{c(){t=a("ul"),c&&c.c(),s=_();for(let e=0;e<b.length;e+=1)b[e].c();i(t,"role","listbox"),i(t,"class","mc-listbox__list svelte-38jpas"),i(t,"aria-labelledby","listbox")},m(a,i){n(a,t,i),c&&c.m(t,null),h(t,s);for(let e=0;e<b.length;e+=1)b[e]&&b[e].m(t,null);l||(o=j(e[19].call(null,t)),l=!0)},p(e,l){if(e[2]&&e[9]?c?c.p(e,l):(c=B(e),c.c(),c.m(t,s)):c&&(c.d(1),c=null),311527&l[0]){let s;for(r=e[15],s=0;s<r.length;s+=1){const a=E(e,r,s);b[s]?b[s].p(a,l):(b[s]=L(a),b[s].c(),b[s].m(t,null))}for(;s<b.length;s+=1)b[s].d(1);b.length=r.length}},d(e){e&&p(t),c&&c.d(),f(b,e),l=!1,o()}}}function B(e){let t,s,l,o,c,r,b;return{c(){t=a("li"),s=a("input"),l=_(),o=a("label"),c=x(e[10]),i(s,"id","select-all"),i(s,"class","mc-listbox__input mc-checkbox__input svelte-38jpas"),i(s,"type","checkbox"),s.indeterminate=e[17],i(o,"for","select-all"),i(o,"class","mc-listbox__label svelte-38jpas"),i(t,"class","mc-listbox__tile svelte-38jpas")},m(a,i){n(a,t,i),h(t,s),s.checked=e[16],h(t,l),h(t,o),h(o,c),r||(b=[g(s,"change",e[24]),g(s,"change",e[20])],r=!0)},p(e,t){131072&t[0]&&(s.indeterminate=e[17]),65536&t[0]&&(s.checked=e[16]),1024&t[0]&&u(c,e[10])},d(e){e&&p(t),r=!1,w(b)}}}function M(e){let t,s,l,o,c,r,b,d=!1;return c=k(e[26][0]),{c(){t=a("input"),i(t,"id",e[18](e[33])),i(t,"class","mc-listbox__input mc-checkbox__input svelte-38jpas"),i(t,"type","checkbox"),t.__value=s=e[31][e[6]],t.value=t.__value,t.checked=l=e[0].includes(e[31][e[6]]),t.disabled=o=Boolean(e[31][e[7]]),c.p(t)},m(s,l){n(s,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),r||(b=[g(t,"change",e[27]),g(t,"change",e[23])],r=!0)},p(e,a){32832&a[0]&&s!==(s=e[31][e[6]])&&(t.__value=s,t.value=t.__value,d=!0),32833&a[0]&&l!==(l=e[0].includes(e[31][e[6]]))&&(t.checked=l),32896&a[0]&&o!==(o=Boolean(e[31][e[7]]))&&(t.disabled=o),(d||32769&a[0])&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&p(t),c.r(),r=!1,w(b)}}}function H(e){let t,s,l,o,r,b,d=!1;return o=k(e[26][0]),{c(){t=a("input"),i(t,"id",e[18](e[33])),i(t,"class","mc-listbox__input svelte-38jpas"),i(t,"type","radio"),t.__value=s=e[31][e[6]],t.value=t.__value,i(t,"name",e[1]),t.disabled=l=Boolean(e[31][e[7]]),c(t,"is-disabled",e[31][e[7]]),o.p(t)},m(s,l){n(s,t,l),t.checked=t.__value===e[0],r||(b=[g(t,"change",e[25]),g(t,"change",e[22])],r=!0)},p(e,a){32832&a[0]&&s!==(s=e[31][e[6]])&&(t.__value=s,t.value=t.__value,d=!0),2&a[0]&&i(t,"name",e[1]),32896&a[0]&&l!==(l=Boolean(e[31][e[7]]))&&(t.disabled=l),(d||32769&a[0])&&(t.checked=t.__value===e[0]),32896&a[0]&&c(t,"is-disabled",e[31][e[7]])},d(e){e&&p(t),o.r(),r=!1,w(b)}}}function L(e){let t,s,l,o,r,b=e[31][e[5]]+"";function d(e,t){return e[2]?M:H}let m=d(e),v=m(e);return{c(){t=a("li"),v.c(),s=_(),l=a("label"),o=x(b),r=_(),i(l,"for",e[18](e[33])),i(l,"class","mc-listbox__label svelte-38jpas"),c(l,"mc-listbox__label--no-overflow",e[14]),i(t,"class","mc-listbox__tile svelte-38jpas"),c(t,"is-disabled",e[31][e[7]]),c(t,"mc-listbox__tile--auto-size",e[14])},m(e,a){n(e,t,a),v.m(t,null),h(t,s),h(t,l),h(l,o),h(t,r)},p(e,a){m===(m=d(e))&&v?v.p(e,a):(v.d(1),v=m(e),v&&(v.c(),v.m(t,s))),32800&a[0]&&b!==(b=e[31][e[5]]+"")&&u(o,b),16384&a[0]&&c(l,"mc-listbox__label--no-overflow",e[14]),32896&a[0]&&c(t,"is-disabled",e[31][e[7]]),16384&a[0]&&c(t,"mc-listbox__tile--auto-size",e[14])},d(e){e&&p(t),v.d()}}}function O(e){let t;function s(e,t){return e[3]?C:$}let l=s(e),b=l(e);return{c(){t=a("div"),b.c(),i(t,"class","mc-listbox svelte-38jpas"),o(t,"--listbox-maxwidth",e[8]),o(t,"--listbox-width",e[12]),o(t,"--listbox-minwidth",e[12]),c(t,"mc-listbox--options","options"===e[13]),c(t,"mc-listbox--multi",e[2]),c(t,"mc-listbox--overlay",e[11])},m(e,s){n(e,t,s),b.m(t,null)},p(e,a){l===(l=s(e))&&b?b.p(e,a):(b.d(1),b=l(e),b&&(b.c(),b.m(t,null))),256&a[0]&&o(t,"--listbox-maxwidth",e[8]),4096&a[0]&&o(t,"--listbox-width",e[12]),4096&a[0]&&o(t,"--listbox-minwidth",e[12]),8192&a[0]&&c(t,"mc-listbox--options","options"===e[13]),4&a[0]&&c(t,"mc-listbox--multi",e[2]),2048&a[0]&&c(t,"mc-listbox--overlay",e[11])},i:r,o:r,d(e){e&&p(t),b.d()}}}function A(e,t,s){let l,a,i;const o=Math.random();let{name:c=`listboxradio-${o}`}=t,{items:n}=t,{value:r}=t,{multiple:p}=t,{isfiltered:x}=t,{emptysearchlabel:h="No results found"}=t,{datatextexpr:u="label"}=t,{datavalueexpr:_="value"}=t,{datadisabledexpr:j="disabled"}=t,{maxwidth:f}=t,{selectall:g=!1}=t,{labelselectall:w="Select all"}=t,{overlay:k}=t,{width:z}=t,{type:E="options"}=t,{labelautosize:C=!1}=t,$=new y(b(),d());const B=[[]];return e.$$set=e=>{"name"in e&&s(1,c=e.name),"items"in e&&s(21,n=e.items),"value"in e&&s(0,r=e.value),"multiple"in e&&s(2,p=e.multiple),"isfiltered"in e&&s(3,x=e.isfiltered),"emptysearchlabel"in e&&s(4,h=e.emptysearchlabel),"datatextexpr"in e&&s(5,u=e.datatextexpr),"datavalueexpr"in e&&s(6,_=e.datavalueexpr),"datadisabledexpr"in e&&s(7,j=e.datadisabledexpr),"maxwidth"in e&&s(8,f=e.maxwidth),"selectall"in e&&s(9,g=e.selectall),"labelselectall"in e&&s(10,w=e.labelselectall),"overlay"in e&&s(11,k=e.overlay),"width"in e&&s(12,z=e.width),"type"in e&&s(13,E=e.type),"labelautosize"in e&&s(14,C=e.labelautosize)},e.$$.update=()=>{512&e.$$.dirty[0]&&s(16,l=null!=g&&g),2097152&e.$$.dirty[0]&&s(15,a=n?JSON.parse(n):[]),1&e.$$.dirty[0]&&s(0,r=r?(s(16,l=!1),s(17,i=!1),r&&0===r.length?(s(16,l=!1),s(17,i=!1)):r&&r.length<a.length?s(17,i=!0):r&&r.length===a.length&&s(16,l=!0),r):[])},s(17,i=!0),[r,c,p,x,h,u,_,j,f,g,w,k,z,E,C,a,l,i,function(e){return`listboxItem-${e+o}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&$.dispatch("scrollend",{})}))},function(e){const t=e.target.checked;s(16,l=!!t),l?a.map((e=>{e[j]||-1!==r.indexOf(e[_])||r.push(e[_])})):s(0,r=[]),$.dispatch("select-all",r),s(0,r)},n,function(t){m.call(this,e,t)},function(t){m.call(this,e,t)},function(){l=this.checked,s(16,l),s(9,g)},function(){r=this.__value,s(0,r)},B,function(){r=v(B[0],this.__value,this.checked),s(0,r)}]}class N extends e{constructor(e){super(),t(this,e,A,O,s,{name:1,items:21,value:0,multiple:2,isfiltered:3,emptysearchlabel:4,datatextexpr:5,datavalueexpr:6,datadisabledexpr:7,maxwidth:8,selectall:9,labelselectall:10,overlay:11,width:12,type:13,labelautosize:14},z,[-1,-1])}}export{N as default};
+//# sourceMappingURL=Listbox.nested.js.map

package/dist/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  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  const uuid = Math.random();\n\n  export let name: string = `listboxradio-${uuid}`;\n  export let items: string;\n  export let value: any;\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: string;\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n  export let overlay: boolean;\n  export let width: string;\n  export let type = 'options';\n  export let labelautosize = false;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\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(e: Event) {\n    const ischecked = (<HTMLInputElement>e.target).checked;\n    allSelected = ischecked ? true : false;\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    eventHandler.dispatch('select-all', value);\n    value = value;\n  }\n</script>\n\n<div\n  class=\"mc-listbox\"\n  class:mc-listbox--options={type === 'options'}\n  class:mc-listbox--multi={multiple}\n  class:mc-listbox--overlay={overlay}\n  style=\"--listbox-maxwidth: {maxwidth}; --listbox-width: {width}; --listbox-minwidth: {width};\"\n>\n  {#if !isfiltered}\n    <ul\n      role=\"listbox\"\n      class=\"mc-listbox__list\"\n      aria-labelledby=\"listbox\"\n      use:scrollEnd\n    >\n      {#if multiple && selectall}\n        <li class=\"mc-listbox__tile\">\n          <input\n            id=\"select-all\"\n            class=\"mc-listbox__input mc-checkbox__input\"\n            type=\"checkbox\"\n            indeterminate={selectAllIndeterminate}\n            bind: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\n          class=\"mc-listbox__tile\"\n          class:is-disabled={item[datadisabledexpr]}\n          class:mc-listbox__tile--auto-size={labelautosize}\n        >\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}\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\n            for={setItemId(index)}\n            class=\"mc-listbox__label\"\n            class:mc-listbox__label--no-overflow={labelautosize}\n          >\n            {item[datatextexpr]}\n          </label>\n        </li>\n      {/each}\n    </ul>\n  {:else}\n    <div class=\"mc-listbox__tile mc-listbox__tile--empty\">\n      <span class=\"mc-listbox__label\">{emptysearchlabel}</span>\n    </div>\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.checkbox';\n  @import '@mozaic-ds/styles/components/c.listbox';\n\n  .mc-listbox__tile--auto-size {\n    height: auto !important;\n    min-height: 3rem;\n  }\n  .mc-listbox__label--no-overflow {\n    white-space: break-spaces;\n  }\n</style>\n"],"names":["ctx","insert","target","div","anchor","append","span","if_block","create_if_block_2","length","i","ul","li","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","uuid","Math","random","name","$$props","items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","datadisabledexpr","maxwidth","selectall","labelselectall","overlay","width","type","labelautosize","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allSelected","parsedItems","JSON","parse","selectAllIndeterminate","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","e","ischecked","map","item","push","this","get_binding_group_value","$$binding_groups"],"mappings":"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"}

package/dist/bricoman/components/listbox/Listbox.nested.svelte

@@ -0,0 +1,175 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type { ListboxItems } from './listbox.types';
+  import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
+
+  const uuid = Math.random();
+
+  export let name: string = `listboxradio-${uuid}`;
+  export let items: string;
+  export let value: any;
+  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: string;
+  export let selectall = false;
+  export let labelselectall = 'Select all';
+  export let overlay: boolean;
+  export let width: string;
+  export let type = 'options';
+  export let labelautosize = false;
+
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
+
+  $: 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(e: Event) {
+    const ischecked = (<HTMLInputElement>e.target).checked;
+    allSelected = ischecked ? true : false;
+    if (allSelected) {
+      parsedItems.map((item) => {
+        if (
+          !item[datadisabledexpr] &&
+          value.indexOf(item[datavalueexpr]) === -1
+        )
+          value.push(item[datavalueexpr]);
+      });
+    } else {
+      value = [];
+    }
+    eventHandler.dispatch('select-all', value);
+    value = value;
+  }
+</script>
+
+<div
+  class="mc-listbox"
+  class:mc-listbox--options={type === 'options'}
+  class:mc-listbox--multi={multiple}
+  class:mc-listbox--overlay={overlay}
+  style="--listbox-maxwidth: {maxwidth}; --listbox-width: {width}; --listbox-minwidth: {width};"
+>
+  {#if !isfiltered}
+    <ul
+      role="listbox"
+      class="mc-listbox__list"
+      aria-labelledby="listbox"
+      use:scrollEnd
+    >
+      {#if multiple && selectall}
+        <li class="mc-listbox__tile">
+          <input
+            id="select-all"
+            class="mc-listbox__input mc-checkbox__input"
+            type="checkbox"
+            indeterminate={selectAllIndeterminate}
+            bind: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__tile"
+          class:is-disabled={item[datadisabledexpr]}
+          class:mc-listbox__tile--auto-size={labelautosize}
+        >
+          {#if !multiple}
+            <input
+              id={setItemId(index)}
+              class="mc-listbox__input"
+              class:is-disabled={item[datadisabledexpr]}
+              type="radio"
+              value={item[datavalueexpr]}
+              {name}
+              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"
+            class:mc-listbox__label--no-overflow={labelautosize}
+          >
+            {item[datatextexpr]}
+          </label>
+        </li>
+      {/each}
+    </ul>
+  {:else}
+    <div class="mc-listbox__tile mc-listbox__tile--empty">
+      <span class="mc-listbox__label">{emptysearchlabel}</span>
+    </div>
+  {/if}
+</div>
+
+<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';
+
+  .mc-listbox__tile--auto-size {
+    height: auto !important;
+    min-height: 3rem;
+  }
+  .mc-listbox__label--no-overflow {
+    white-space: break-spaces;
+  }
+</style>

package/dist/bricoman/components/listbox/Listbox.svelte

@@ -0,0 +1,102 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type { ListboxItems } from './listbox.types';
+  import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
+
+  export let items: string;
+  export let value: any;
+  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: string;
+  export let overlay: boolean;
+  export let width: string;
+  export let type = 'options';
+
+  const uuid = Math.random();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
+
+  $: 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>
+
+<div
+  class="mc-listbox"
+  class:mc-listbox--options={type === 'options'}
+  class:mc-listbox--multi={multiple}
+  class:mc-listbox--overlay={overlay}
+  style="--listbox-maxwidth: {maxwidth}; --listbox-width: {width};"
+>
+  {#if !isfiltered}
+    <ul
+      role="listbox"
+      class="mc-listbox__list"
+      aria-labelledby="listbox"
+      use:scrollEnd
+      {...attributes}
+    >
+      {#each parsedItems as item, index}
+        <li class="mc-listbox__tile">
+          {#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}
+    </ul>
+  {:else}
+    <div class="mc-listbox__tile mc-listbox__tile--empty">
+      <span class="mc-listbox__label">{emptysearchlabel}</span>
+    </div>
+  {/if}
+</div>
+
+<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/dist/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/dist/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/dist/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,J as l,d,n as c,h as m,j as h,k as f,l as k,m as u,o as p,u as x,v as _,y as g}from"../../index-c222d0b7.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&&u(t)}}}function b(e){let t,r,s,o,p,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",p=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&&p!==(p=z(e[0]))&&m(o,"r",p),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&&u(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=p(t,a),{size:o}=t,{theme:n}=t,{text:l}=t;return e.$$set=e=>{t=i(i({},t),x(e)),r(3,s=p(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:#ef7f00;-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/dist/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":"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/dist/bricoman/components/loader/Loader.nested.js

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

package/dist/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/dist/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>

package/dist/bricoman/components/loader/Loader.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)} {...$$restProps}>
+  <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>

package/dist/bricoman/components/loader/loader.types.d.ts

@@ -0,0 +1,3 @@
+export type LoaderSize = 's' | 'm' | 'l' | undefined;
+export type LoaderTheme = 'dark' | 'light' | 'primary' | undefined;
+//# sourceMappingURL=loader.types.d.ts.map

package/dist/bricoman/components/loader/loader.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.types.d.ts","sourceRoot":"","sources":["../../../../src/components/loader/loader.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC"}

package/dist/bricoman/components/menu/Menu.js

@@ -0,0 +1,2 @@
+import{S as e,i as t,a as i,g as n,b as s,f as a,s as o,e as l,n as r,h as m,k as c,m as d,R as u,p as f,q as b,r as h,d as g,v as p,t as _,x as w,y as x,J as k,M as v}from"../../index-c222d0b7.js";import{E as $}from"../../EventHandler-f7ee47ca.js";function y(e,t,i){const n=e.slice();return n[8]=t[i],n[10]=i,n}function E(e){let t,i=`<${N(e[8].iconName,e[0]===e[10])} />`;return{c(){t=l("span"),m(t,"class","mc-menu__icon")},m(e,n){s(e,t,n),t.innerHTML=i},p(e,n){3&n&&i!==(i=`<${N(e[8].iconName,e[0]===e[10])} />`)&&(t.innerHTML=i)},d(e){e&&d(t)}}}function C(e){let t,i,n;return{c(){t=l("span"),i=l("slot"),m(i,"prop",n=e[8]),m(i,"name","icon"),m(t,"class","mc-menu__icon")},m(e,n){s(e,t,n),c(t,i)},p(e,t){2&t&&n!==(n=e[8])&&m(i,"prop",n)},d(e){e&&d(t)}}}function z(e){let t,i,n,a;return{c(){t=k("svg"),i=k("use"),m(i,"href",n=e[8].iconPath),m(t,"class","mc-menu__icon"),m(t,"fill",a=e[0]===e[10]?"white":""),v(t,"width","2rem")},m(e,n){s(e,t,n),c(t,i)},p(e,s){2&s&&n!==(n=e[8].iconPath)&&m(i,"href",n),1&s&&a!==(a=e[0]===e[10]?"white":"")&&m(t,"fill",a)},d(e){e&&d(t)}}}function M(e){let t,i,n,a,o,r,u,f,b,h,k=e[8].label+"",v=e[8].iconName&&E(e),$=e[3].icon&&C(e),y=e[8].iconPath&&z(e);function M(){return e[6](e[10],e[8])}return{c(){t=l("li"),i=l("div"),v&&v.c(),n=g(),$&&$.c(),a=g(),y&&y.c(),o=g(),r=l("span"),u=p(k),f=g(),m(r,"class","mc-menu__label"),m(i,"class","mc-menu__link"),_(i,"is-active",e[0]===e[10]),_(i,"is-disabled",e[8].disabled),m(t,"class","mc-menu__item")},m(e,l){s(e,t,l),c(t,i),v&&v.m(i,null),c(i,n),$&&$.m(i,null),c(i,a),y&&y.m(i,null),c(i,o),c(i,r),c(r,u),c(t,f),b||(h=w(i,"click",M),b=!0)},p(t,s){(e=t)[8].iconName?v?v.p(e,s):(v=E(e),v.c(),v.m(i,n)):v&&(v.d(1),v=null),e[3].icon?$?$.p(e,s):($=C(e),$.c(),$.m(i,a)):$&&($.d(1),$=null),e[8].iconPath?y?y.p(e,s):(y=z(e),y.c(),y.m(i,o)):y&&(y.d(1),y=null),2&s&&k!==(k=e[8].label+"")&&x(u,k),1&s&&_(i,"is-active",e[0]===e[10]),2&s&&_(i,"is-disabled",e[8].disabled)},d(e){e&&d(t),v&&v.d(),$&&$.d(),y&&y.d(),b=!1,h()}}}function L(e){let t,i,n=e[1],a=[];for(let t=0;t<n.length;t+=1)a[t]=M(y(e,n,t));return{c(){t=l("nav"),i=l("ul");for(let e=0;e<a.length;e+=1)a[e].c();this.c=r,m(i,"class","mc-menu__list"),m(t,"class","mc-menu"),m(t,"aria-label","menu")},m(e,n){s(e,t,n),c(t,i);for(let e=0;e<a.length;e+=1)a[e]&&a[e].m(i,null)},p(e,[t]){if(15&t){let s;for(n=e[1],s=0;s<n.length;s+=1){const o=y(e,n,s);a[s]?a[s].p(o,t):(a[s]=M(o),a[s].c(),a[s].m(i,null))}for(;s<a.length;s+=1)a[s].d(1);a.length=n.length}},i:r,o:r,d(e){e&&d(t),u(a,e)}}}function N(e,t){return t?`${e} fill="white" `:`${e} `}function P(e,t,i){let n,s,{$$slots:a={},$$scope:o}=t;const l=f(a);let{items:r}=t,{selected:m}=t,c=new $(b(),h());function d(e,t){i(0,s=e),c.dispatch("item-selected",{index:e,item:t})}return e.$$set=e=>{"items"in e&&i(4,r=e.items),"selected"in e&&i(5,m=e.selected)},e.$$.update=()=>{16&e.$$.dirty&&i(1,n=r?JSON.parse(r):[]),32&e.$$.dirty&&i(0,s=m?Number(m):"")},[s,n,d,l,r,m,(e,t)=>d(e,t)]}class B extends e{constructor(e){super();const l=document.createElement("style");l.textContent=".mc-menu,.mc-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mc-menu__list{list-style:none;padding:0;margin:0}.mc-menu__item{position:relative}.mc-menu__item:not(:last-child) .mc-menu__link::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%}.mc-menu__item:not(:last-child) .mc-menu__link::after{bottom:0;position:absolute;left:0}.mc-menu__item:not(:last-child) .mc-menu__link.is-active::after{display:none}.mc-menu__item:first-of-type .mc-menu__link{border-radius:0.25rem 0.25rem 0 0}.mc-menu__item:last-of-type .mc-menu__link{border-radius:0 0 0.25rem 0.25rem}.mc-menu__link{font-weight:400;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23191919'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-position:center right 1rem;background-repeat:no-repeat;background-size:1rem;border:none;cursor:pointer;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;height:3.5rem;font-family:inherit;padding-right:3rem;padding-left:1rem;position:relative;text-decoration:none;outline:none;width:100%}.mc-menu__link::before{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;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;z-index:var(--menu-link-z-index, 1)}.mc-menu__link.is-active,.mc-menu__link.is-disabled{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");color:#ffffff}.mc-menu__link:hover{background-color:#ffe2bd}.mc-menu__link:active{background-color:#ff941a}.mc-menu__link:focus::before{-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-menu__link.is-active{background-color:#ff941a;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23002a5b'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");color:#002a5b}.mc-menu__link.is-active .mc-menu__label{font-family:\"LeroyMerlin\", sans-serif;font-weight:600}.mc-menu__link.is-disabled{background-color:#e6e6e6;cursor:not-allowed}.mc-menu__icon{-ms-flex-negative:0;flex-shrink:0}.mc-menu__label{font-size:1rem;line-height:1.375;font-family:\"LeroyMerlin\", sans-serif;font-weight:400;display:-webkit-box;max-height:2.75rem;overflow:hidden;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}",this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:{...i(this.attributes),$$slots:n(this)},customElement:!0},P,L,o,{items:4,selected:5},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["items","selected"]}get items(){return this.$$.ctx[4]}set items(e){this.$$set({items:e}),a()}get selected(){return this.$$.ctx[5]}set selected(e){this.$$set({selected:e}),a()}}export{B as default};
+//# sourceMappingURL=Menu.js.map

package/dist/bricoman/components/menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../../src/components/menu/Menu.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type { menuType } from './menu.types';\n  export let items: string;\n  export let selected: string;\n  $: menuItems = items ? (JSON.parse(items) as menuType[]) : [];\n  $: itemSelected = selected ? Number(selected) : '';\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function generateIconName(\n    iconName: string | undefined,\n    isActive: boolean,\n  ): string {\n    if (isActive) return `${iconName} fill=\"white\" `;\n    else return `${iconName} `;\n  }\n\n  function manageMenu(index: any, item: any) {\n    itemSelected = index;\n    eventHandler.dispatch('item-selected', {\n      index,\n      item,\n    });\n  }\n</script>\n\n<nav class=\"mc-menu\" aria-label=\"menu\">\n  <ul class=\"mc-menu__list\">\n    {#each menuItems as item, index}\n      <li class=\"mc-menu__item\">\n        <!-- svelte-ignore a11y-click-events-have-key-events -->\n        <div\n          class=\"mc-menu__link\"\n          class:is-active={itemSelected === index}\n          class:is-disabled={item.disabled}\n          on:click={() => manageMenu(index, item)}\n        >\n          {#if item.iconName}\n            <span class=\"mc-menu__icon\">\n              {@html `<${generateIconName(\n                item.iconName,\n                itemSelected === index,\n              )} />`}\n            </span>\n          {/if}\n          {#if $$slots.icon}\n            <span class=\"mc-menu__icon\"><slot prop={item} name=\"icon\" /></span>\n          {/if}\n          {#if item.iconPath}\n            <svg\n              class=\"mc-menu__icon\"\n              fill={itemSelected === index ? 'white' : ''}\n              style=\"width: 2rem\"\n            >\n              <use href={item.iconPath} />\n            </svg>\n          {/if}\n          <span class=\"mc-menu__label\">{item.label}</span>\n        </div>\n      </li>\n    {/each}\n  </ul>\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.menu';\n</style>\n"],"names":["raw_value","generateIconName","ctx","iconName","insert","target","span","anchor","dirty","innerHTML","append","slot","attr","use","use_href_value","iconPath","svg","svg_fill_value","t3_value","label","if_block0","create_if_block_2","if_block1","icon","create_if_block_1","if_block2","create_if_block","toggle_class","div","disabled","li","set_data","t3","length","i","nav","ul","isActive","items","$$props","selected","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageMenu","index","item","$$invalidate","itemSelected","dispatch","menuItems","JSON","parse","Number"],"mappings":"4UAiDyBA,EAAA,IAAAC,EACTC,EAAI,GAACC,SACLD,OAAiBA,EAAK,sEAH1BE,EAKMC,EAAAC,EAAAC,yBAJO,EAAAC,GAAAR,KAAAA,EAAA,IAAAC,EACTC,EAAI,GAACC,SACLD,OAAiBA,EAAK,aAAAI,EAAAG,UAAAT,2FAKcE,EAAI,4DAA5CE,EAAkEC,EAAAC,EAAAC,GAAtCG,EAAgCJ,EAAAK,uBAApBT,EAAI,8FAQ/BU,EAAAC,EAAA,OAAAC,EAAAZ,KAAKa,uCAHVH,EAAAI,EAAA,OAAAC,EAAAf,OAAiBA,EAAK,IAAG,QAAU,gCAF3CE,EAMKC,EAAAW,EAAAT,GADHG,EAA2BM,EAAAH,WAAhB,EAAAL,GAAAM,KAAAA,EAAAZ,KAAKa,yBAHV,EAAAP,GAAAS,KAAAA,EAAAf,OAAiBA,EAAK,IAAG,QAAU,yEAMfgB,EAAAhB,KAAKiB,MAAK,GApBnCC,EAAAlB,KAAKC,UAAQkB,EAAAnB,GAQboB,EAAApB,KAAQqB,MAAIC,EAAAtB,GAGZuB,EAAAvB,KAAKa,UAAQW,EAAAxB,yMAfDyB,EAAAC,EAAA,YAAA1B,OAAiBA,EAAK,KACpByB,EAAAC,EAAA,cAAA1B,KAAK2B,+CAL5BzB,EA8BIC,EAAAyB,EAAAvB,GA5BFG,EA2BKoB,EAAAF,qEADHlB,EAA+CkB,EAAAtB,6DApBrCH,+DAQLD,KAAQqB,2DAGRrB,KAAKa,+DASoB,EAAAP,GAAAU,KAAAA,EAAAhB,KAAKiB,MAAK,KAAAY,EAAAC,EAAAd,QAxBvBS,EAAAC,EAAA,YAAA1B,OAAiBA,EAAK,UACpByB,EAAAC,EAAA,cAAA1B,KAAK2B,sFANvB3B,EAAS,wBAAd+B,OAAIC,GAAA,sLAFV9B,EAoCKC,EAAA8B,EAAA5B,GAnCHG,EAkCIyB,EAAAC,mFAjCKlC,EAAS,WAAd+B,OAAIC,GAAA,EAAA,iHAAJD,gDAnBKhC,EACPE,EACAkC,UAEIA,EAAQ,GAAYlC,kBAAQ,GACjBA,iFAfNmC,GAAaC,YACbC,GAAgBD,EAIvBE,EAAmB,IAAAC,EACrBC,IACAC,cAWOC,EAAWC,EAAYC,GAC9BC,EAAA,EAAAC,EAAeH,GACfL,EAAaS,SAAS,gBACpB,CAAAJ,QACAC,2HApBHC,EAAA,EAAEG,EAAYb,EAASc,KAAKC,MAAMf,GAAK,mBACvCU,EAAA,EAAEC,EAAeT,EAAWc,OAAOd,GAAY,yBAiCxBK,EAAWC,EAAOC"}