npm - @mozaic-ds/web-components - Versions diffs - 0.27.0 → 0.28.0 - Mend

@mozaic-ds/web-components 0.27.0 → 0.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (408) hide show

package/public/bricoman/components/listbox/Listbox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as o,f as l,s,e as a,n as c,h as r,L as n,k as m,q as b,r as d,v as h,w as x,c as p,x as u,U as _,$ as g,t as f,l as v,o as w,j as k,M as y,p as $,Q as E,d as C,a0 as z,m as M,O as B}from"../../index-48da6c1f.js";import{E as j}from"../../EventHandler-f7ee47ca.js";function L(e,t,i){const o=e.slice();return o[23]=t[i],o[25]=i,o}function H(e){let t,i,l;return{c(){t=a("div"),i=a("span"),l=f(e[3]),r(i,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile mc-listbox__tile--empty")},m(e,s){o(e,t,s),v(t,i),v(i,l)},p(e,t){8&t&&w(l,e[3])},d(e){e&&b(t)}}}function O(e){let t,i,l,s=e[11],c=[];for(let t=0;t<s.length;t+=1)c[t]=N(L(e,s,t));let r=[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},e[10]],n={};for(let e=0;e<r.length;e+=1)n=p(n,r[e]);return{c(){t=a("ul");for(let e=0;e<c.length;e+=1)c[e].c();k(t,n)},m(s,a){o(s,t,a);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);i||(l=y(e[14].call(null,t)),i=!0)},p(e,i){if(14387&i){let o;for(s=e[11],o=0;o<s.length;o+=1){const l=L(e,s,o);c[o]?c[o].p(l,i):(c[o]=N(l),c[o].c(),c[o].m(t,null))}for(;o<c.length;o+=1)c[o].d(1);c.length=s.length}k(t,n=$(r,[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},1024&i&&e[10]]))},d(e){e&&b(t),E(c,e),i=!1,l()}}}function A(e){let t,i,l,s,c,n,m=!1;return s=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input mc-checkbox__input"),r(t,"type","checkbox"),t.__value=i=e[23][e[5]],t.value=t.__value,t.checked=l=e[0].includes(e[23][e[5]]),s.p(t)},m(i,l){o(i,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),c||(n=[M(t,"change",e[20]),M(t,"change",e[17])],c=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,m=!0),2081&o&&l!==(l=e[0].includes(e[23][e[5]]))&&(t.checked=l),(m||2049&o)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&b(t),s.r(),c=!1,B(n)}}}function Y(e){let t,i,l,s,c,n=!1;return l=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input"),r(t,"type","radio"),t.__value=i=e[23][e[5]],t.value=t.__value,r(t,"name",`listboxradio-${e[12]}`),l.p(t)},m(i,l){o(i,t,l),t.checked=t.__value===e[0],s||(c=[M(t,"change",e[18]),M(t,"change",e[16])],s=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,n=!0),(n||2049&o)&&(t.checked=t.__value===e[0])},d(e){e&&b(t),l.r(),s=!1,B(c)}}}function N(e){let t,i,l,s,c,n=e[23][e[4]]+"";function m(e,t){return e[1]?A:Y}let d=m(e),h=d(e);return{c(){t=a("li"),h.c(),i=C(),l=a("label"),s=f(n),c=C(),r(l,"for",e[13](e[25])),r(l,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile")},m(e,a){o(e,t,a),h.m(t,null),v(t,i),v(t,l),v(l,s),v(t,c)},p(e,o){d===(d=m(e))&&h?h.p(e,o):(h.d(1),h=d(e),h&&(h.c(),h.m(t,i))),2064&o&&n!==(n=e[23][e[4]]+"")&&w(s,n)},d(e){e&&b(t),h.d()}}}function R(e){let t;function i(e,t){return e[2]?H:O}let l=i(e),s=l(e);return{c(){t=a("div"),s.c(),this.c=c,r(t,"class","mc-listbox"),n(t,"--listbox-maxwidth",e[6]),n(t,"--listbox-width",e[8]),m(t,"mc-listbox--options","options"===e[9]),m(t,"mc-listbox--multi",e[1]),m(t,"mc-listbox--overlay",e[7])},m(e,i){o(e,t,i),s.m(t,null)},p(e,[o]){l===(l=i(e))&&s?s.p(e,o):(s.d(1),s=l(e),s&&(s.c(),s.m(t,null))),64&o&&n(t,"--listbox-maxwidth",e[6]),256&o&&n(t,"--listbox-width",e[8]),512&o&&m(t,"mc-listbox--options","options"===e[9]),2&o&&m(t,"mc-listbox--multi",e[1]),128&o&&m(t,"mc-listbox--overlay",e[7])},i:c,o:c,d(e){e&&b(t),s.d()}}}function S(e,t,i){let o,l;const s=["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"];let a=d(t,s),{items:c}=t,{value:r}=t,{multiple:n}=t,{isfiltered:m}=t,{emptysearchlabel:b="No results found"}=t,{datatextexpr:f="label"}=t,{datavalueexpr:v="value"}=t,{maxwidth:w}=t,{overlay:k}=t,{width:y}=t,{type:$="options"}=t;const E=Math.random();let C=new j(h(),x());const z=[[]];return e.$$set=e=>{t=p(p({},t),u(e)),i(22,a=d(t,s)),"items"in e&&i(15,c=e.items),"value"in e&&i(0,r=e.value),"multiple"in e&&i(1,n=e.multiple),"isfiltered"in e&&i(2,m=e.isfiltered),"emptysearchlabel"in e&&i(3,b=e.emptysearchlabel),"datatextexpr"in e&&i(4,f=e.datatextexpr),"datavalueexpr"in e&&i(5,v=e.datavalueexpr),"maxwidth"in e&&i(6,w=e.maxwidth),"overlay"in e&&i(7,k=e.overlay),"width"in e&&i(8,y=e.width),"type"in e&&i(9,$=e.type)},e.$$.update=()=>{32768&e.$$.dirty&&i(11,o=c?JSON.parse(c):[]),i(10,l=Object.assign({},a)),1024&e.$$.dirty&&delete l.class},[r,n,m,b,f,v,w,k,y,$,l,o,E,function(e){return`listboxItem-${e+E}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&C.dispatch("scrollend",{})}))},c,function(t){_.call(this,e,t)},function(t){_.call(this,e,t)},function(){r=this.__value,i(0,r)},z,function(){r=g(z[0],this.__value,this.checked),i(0,r)}]}class q 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;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:#002a5b}.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:#ff941a;border-color:#ff941a;background-size:1rem 1rem}.mc-checkbox__input: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:checked::-ms-check{background-color:#ff941a;border-color:#ff941a}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#ef7f00}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#ef7f00}.mc-checkbox__input: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: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,%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: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-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{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::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.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;-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:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile:has(.mc-listbox__input:focus),.mc-listbox__tile: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--danger,.mc-listbox__tile.is-danger{color:#c61112}.mc-listbox__tile--empty{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty .mc-listbox__label{cursor:default}.mc-listbox__tile.is-disabled{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__flag{font-size:1.5rem;line-height:1.3333333333;text-align:center}.mc-listbox__icon{fill:#666666}.mc-listbox__label{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label::after{content:\"\";position:absolute;inset:0;z-index:var(--listbox-label-z-index, 2)}.mc-listbox__input{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox--left{right:0}.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--options{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options .mc-listbox__flag,.mc-listbox--options .mc-listbox__icon,.mc-listbox--options .mc-listbox__logo{height:2rem;width:2rem}.mc-listbox--options .mc-listbox__tile{height:3rem}.mc-listbox--options .mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options .mc-listbox__tile.is-selected .mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label::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 .mc-listbox__input:checked+.mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__input:checked:disabled+.mc-listbox__label::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 .mc-listbox__label::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--actions{min-width:17.375rem}.mc-listbox--actions.align-top{-webkit-transform:translate(0, calc(-100% - 1.5rem));-ms-transform:translate(0, calc(-100% - 1.5rem));transform:translate(0, calc(-100% - 1.5rem))}.mc-listbox--actions.align-right{-webkit-transform:translate(calc(-100% + 1.5rem), 0);-ms-transform:translate(calc(-100% + 1.5rem), 0);transform:translate(calc(-100% + 1.5rem), 0)}.mc-listbox--actions.align-right.align-top{-webkit-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));-ms-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem))}.mc-listbox--actions .mc-listbox__tile{height:2.5rem}.mc-listbox--overlay{position:absolute;z-index:var(--listbox-overlay-z-index, 10)}",this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},S,R,s,{items:15,value:0,multiple:1,isfiltered:2,emptysearchlabel:3,datatextexpr:4,datavalueexpr:5,maxwidth:6,overlay:7,width:8,type:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),l()))}static get observedAttributes(){return["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"]}get items(){return this.$$.ctx[15]}set items(e){this.$$set({items:e}),l()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),l()}get multiple(){return this.$$.ctx[1]}set multiple(e){this.$$set({multiple:e}),l()}get isfiltered(){return this.$$.ctx[2]}set isfiltered(e){this.$$set({isfiltered:e}),l()}get emptysearchlabel(){return this.$$.ctx[3]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),l()}get datatextexpr(){return this.$$.ctx[4]}set datatextexpr(e){this.$$set({datatextexpr:e}),l()}get datavalueexpr(){return this.$$.ctx[5]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),l()}get maxwidth(){return this.$$.ctx[6]}set maxwidth(e){this.$$set({maxwidth:e}),l()}get overlay(){return this.$$.ctx[7]}set overlay(e){this.$$set({overlay:e}),l()}get width(){return this.$$.ctx[8]}set width(e){this.$$set({width:e}),l()}get type(){return this.$$.ctx[9]}set type(e){this.$$set({type:e}),l()}}export{q as default};
+import{S as e,i as t,a as i,b as o,f as l,s,e as a,n as c,h as r,M as n,t as m,m as b,o as d,q as h,r as x,c as p,u,V as _,a0 as g,v as f,k as v,y as w,j as k,N as y,l as $,R as E,d as C,a1 as z,x as M,P as B}from"../../index-c222d0b7.js";import{E as j}from"../../EventHandler-f7ee47ca.js";function H(e,t,i){const o=e.slice();return o[23]=t[i],o[25]=i,o}function L(e){let t,i,l;return{c(){t=a("div"),i=a("span"),l=f(e[3]),r(i,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile mc-listbox__tile--empty")},m(e,s){o(e,t,s),v(t,i),v(i,l)},p(e,t){8&t&&w(l,e[3])},d(e){e&&b(t)}}}function A(e){let t,i,l,s=e[11],c=[];for(let t=0;t<s.length;t+=1)c[t]=R(H(e,s,t));let r=[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},e[10]],n={};for(let e=0;e<r.length;e+=1)n=p(n,r[e]);return{c(){t=a("ul");for(let e=0;e<c.length;e+=1)c[e].c();k(t,n)},m(s,a){o(s,t,a);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);i||(l=y(e[14].call(null,t)),i=!0)},p(e,i){if(14387&i){let o;for(s=e[11],o=0;o<s.length;o+=1){const l=H(e,s,o);c[o]?c[o].p(l,i):(c[o]=R(l),c[o].c(),c[o].m(t,null))}for(;o<c.length;o+=1)c[o].d(1);c.length=s.length}k(t,n=$(r,[{role:"listbox"},{class:"mc-listbox__list"},{"aria-labelledby":"listbox"},1024&i&&e[10]]))},d(e){e&&b(t),E(c,e),i=!1,l()}}}function O(e){let t,i,l,s,c,n,m=!1;return s=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input mc-checkbox__input"),r(t,"type","checkbox"),t.__value=i=e[23][e[5]],t.value=t.__value,t.checked=l=e[0].includes(e[23][e[5]]),s.p(t)},m(i,l){o(i,t,l),t.checked=~(e[0]||[]).indexOf(t.__value),c||(n=[M(t,"change",e[20]),M(t,"change",e[17])],c=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,m=!0),2081&o&&l!==(l=e[0].includes(e[23][e[5]]))&&(t.checked=l),(m||2049&o)&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&b(t),s.r(),c=!1,B(n)}}}function N(e){let t,i,l,s,c,n=!1;return l=z(e[19][0]),{c(){t=a("input"),r(t,"id",e[13](e[25])),r(t,"class","mc-listbox__input"),r(t,"type","radio"),t.__value=i=e[23][e[5]],t.value=t.__value,r(t,"name",`listboxradio-${e[12]}`),l.p(t)},m(i,l){o(i,t,l),t.checked=t.__value===e[0],s||(c=[M(t,"change",e[18]),M(t,"change",e[16])],s=!0)},p(e,o){2080&o&&i!==(i=e[23][e[5]])&&(t.__value=i,t.value=t.__value,n=!0),(n||2049&o)&&(t.checked=t.__value===e[0])},d(e){e&&b(t),l.r(),s=!1,B(c)}}}function R(e){let t,i,l,s,c,n=e[23][e[4]]+"";function m(e,t){return e[1]?O:N}let d=m(e),h=d(e);return{c(){t=a("li"),h.c(),i=C(),l=a("label"),s=f(n),c=C(),r(l,"for",e[13](e[25])),r(l,"class","mc-listbox__label"),r(t,"class","mc-listbox__tile")},m(e,a){o(e,t,a),h.m(t,null),v(t,i),v(t,l),v(l,s),v(t,c)},p(e,o){d===(d=m(e))&&h?h.p(e,o):(h.d(1),h=d(e),h&&(h.c(),h.m(t,i))),2064&o&&n!==(n=e[23][e[4]]+"")&&w(s,n)},d(e){e&&b(t),h.d()}}}function Y(e){let t;function i(e,t){return e[2]?L:A}let l=i(e),s=l(e);return{c(){t=a("div"),s.c(),this.c=c,r(t,"class","mc-listbox"),n(t,"--listbox-maxwidth",e[6]),n(t,"--listbox-width",e[8]),m(t,"mc-listbox--options","options"===e[9]),m(t,"mc-listbox--multi",e[1]),m(t,"mc-listbox--overlay",e[7])},m(e,i){o(e,t,i),s.m(t,null)},p(e,[o]){l===(l=i(e))&&s?s.p(e,o):(s.d(1),s=l(e),s&&(s.c(),s.m(t,null))),64&o&&n(t,"--listbox-maxwidth",e[6]),256&o&&n(t,"--listbox-width",e[8]),512&o&&m(t,"mc-listbox--options","options"===e[9]),2&o&&m(t,"mc-listbox--multi",e[1]),128&o&&m(t,"mc-listbox--overlay",e[7])},i:c,o:c,d(e){e&&b(t),s.d()}}}function S(e,t,i){let o,l;const s=["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"];let a=d(t,s),{items:c}=t,{value:r}=t,{multiple:n}=t,{isfiltered:m}=t,{emptysearchlabel:b="No results found"}=t,{datatextexpr:f="label"}=t,{datavalueexpr:v="value"}=t,{maxwidth:w}=t,{overlay:k}=t,{width:y}=t,{type:$="options"}=t;const E=Math.random();let C=new j(h(),x());const z=[[]];return e.$$set=e=>{t=p(p({},t),u(e)),i(22,a=d(t,s)),"items"in e&&i(15,c=e.items),"value"in e&&i(0,r=e.value),"multiple"in e&&i(1,n=e.multiple),"isfiltered"in e&&i(2,m=e.isfiltered),"emptysearchlabel"in e&&i(3,b=e.emptysearchlabel),"datatextexpr"in e&&i(4,f=e.datatextexpr),"datavalueexpr"in e&&i(5,v=e.datavalueexpr),"maxwidth"in e&&i(6,w=e.maxwidth),"overlay"in e&&i(7,k=e.overlay),"width"in e&&i(8,y=e.width),"type"in e&&i(9,$=e.type)},e.$$.update=()=>{32768&e.$$.dirty&&i(11,o=c?JSON.parse(c):[]),i(10,l=Object.assign({},a)),1024&e.$$.dirty&&delete l.class},[r,n,m,b,f,v,w,k,y,$,l,o,E,function(e){return`listboxItem-${e+E}`},function(e){e.addEventListener("scroll",(()=>{e.offsetHeight+e.scrollTop>=e.scrollHeight&&C.dispatch("scrollend",{})}))},c,function(t){_.call(this,e,t)},function(t){_.call(this,e,t)},function(){r=this.__value,i(0,r)},z,function(){r=g(z[0],this.__value,this.checked),i(0,r)}]}class q 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;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:#002a5b}.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:#ff941a;border-color:#ff941a;background-size:1rem 1rem}.mc-checkbox__input: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:checked::-ms-check{background-color:#ff941a;border-color:#ff941a}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#ef7f00}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#ef7f00}.mc-checkbox__input: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: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,%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: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-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{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::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.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;-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:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile:has(.mc-listbox__input:focus),.mc-listbox__tile: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--danger,.mc-listbox__tile.is-danger{color:#c61112}.mc-listbox__tile--empty{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty .mc-listbox__label{cursor:default}.mc-listbox__tile.is-disabled{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__flag{font-size:1.5rem;line-height:1.3333333333;text-align:center}.mc-listbox__icon{fill:#666666}.mc-listbox__label{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label::after{content:\"\";position:absolute;inset:0;z-index:var(--listbox-label-z-index, 2)}.mc-listbox__input{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox--left{right:0}.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--options{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options .mc-listbox__flag,.mc-listbox--options .mc-listbox__icon,.mc-listbox--options .mc-listbox__logo{height:2rem;width:2rem}.mc-listbox--options .mc-listbox__tile{height:3rem}.mc-listbox--options .mc-listbox__tile:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options .mc-listbox__tile.is-selected .mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label::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 .mc-listbox__input:checked+.mc-listbox__label::before{visibility:visible}.mc-listbox--options .mc-listbox__input:checked:disabled+.mc-listbox__label::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 .mc-listbox__label::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--actions{min-width:17.375rem}.mc-listbox--actions.align-top{-webkit-transform:translate(0, calc(-100% - 1.5rem));-ms-transform:translate(0, calc(-100% - 1.5rem));transform:translate(0, calc(-100% - 1.5rem))}.mc-listbox--actions.align-right{-webkit-transform:translate(calc(-100% + 1.5rem), 0);-ms-transform:translate(calc(-100% + 1.5rem), 0);transform:translate(calc(-100% + 1.5rem), 0)}.mc-listbox--actions.align-right.align-top{-webkit-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));-ms-transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));transform:translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem))}.mc-listbox--actions .mc-listbox__tile{height:2.5rem}.mc-listbox--overlay{position:absolute;z-index:var(--listbox-overlay-z-index, 10)}",this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},S,Y,s,{items:15,value:0,multiple:1,isfiltered:2,emptysearchlabel:3,datatextexpr:4,datavalueexpr:5,maxwidth:6,overlay:7,width:8,type:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),l()))}static get observedAttributes(){return["items","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type"]}get items(){return this.$$.ctx[15]}set items(e){this.$$set({items:e}),l()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),l()}get multiple(){return this.$$.ctx[1]}set multiple(e){this.$$set({multiple:e}),l()}get isfiltered(){return this.$$.ctx[2]}set isfiltered(e){this.$$set({isfiltered:e}),l()}get emptysearchlabel(){return this.$$.ctx[3]}set emptysearchlabel(e){this.$$set({emptysearchlabel:e}),l()}get datatextexpr(){return this.$$.ctx[4]}set datatextexpr(e){this.$$set({datatextexpr:e}),l()}get datavalueexpr(){return this.$$.ctx[5]}set datavalueexpr(e){this.$$set({datavalueexpr:e}),l()}get maxwidth(){return this.$$.ctx[6]}set maxwidth(e){this.$$set({maxwidth:e}),l()}get overlay(){return this.$$.ctx[7]}set overlay(e){this.$$set({overlay:e}),l()}get width(){return this.$$.ctx[8]}set width(e){this.$$set({width:e}),l()}get type(){return this.$$.ctx[9]}set type(e){this.$$set({type:e}),l()}}export{q as default};
 //# sourceMappingURL=Listbox.js.map

package/public/bricoman/components/listbox/Listbox.js.map CHANGED Viewed

	@@ -1 +1 @@
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 import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\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 maxwidth: string;\n export let overlay: boolean;\n export let width: string;\n export let type = 'options';\n\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\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<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};\"\n>\n {#if !isfiltered}\n <ul\n role=\"listbox\"\n class=\"mc-listbox__list\"\n aria-labelledby=\"listbox\"\n use:scrollEnd\n {...attributes}\n >\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__tile\">\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 </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</style>\n"],"names":["ctx","insert","target","div","anchor","append","span","length","i","ul","attr","input","__value","input_value_value","checked","input_checked_value","includes","indexOf","dirty","t1_value","create_if_block_1","label","li","set_data","t1","create_if_block","toggle_class","items","$$props","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type","uuid","Math","random","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","parsedItems","JSON","parse","attributes","Object","assign","$$restProps","class","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","this","get_binding_group_value","$$binding_groups"],"mappings":"~~oaA4FuCA~~,EAAgB,qGADnDC,EAEKC,EAAAC,EAAAC,GADHC,EAAwDF,EAAAG,2BAAvBN,EAAgB,8CAhC1CA,EAAW,yBAAhBO,OAAIC,GAAA,oGAFFR,EAAU,2HALhBC,EAoCIC,EAAAO,EAAAL,sHA7BKJ,EAAW,YAAhBO,OAAIC,GAAA,EAAA,iHAAJD,oGAFEP,EAAU,iHAgBFU,EAAAC,EAAA,KAAAX,MAAUA,EAAK,iFAGZW,EAAAC,QAAAC,EAAAb,MAAKA,EAAa,sBAChBW,EAAAG,QAAAC,EAAAf,EAAM,GAAAgB,SAAShB,MAAKA,EAAa,oBAL5CC,EAQCC,EAAAS,EAAAP,eAFaJ,EAAK,IAAA,IAAAiB,QAAAN,EAAAC,uEAFV,KAAAM,GAAAL,KAAAA,EAAAb,MAAKA,EAAa,2CAChB,KAAAkB,GAAAH,KAAAA,EAAAf,EAAM,GAAAgB,SAAShB,MAAKA,EAAa,+CAC9BA,EAAK,IAAA,IAAAiB,QAAAN,EAAAC,kHAfbF,EAAAC,EAAA,KAAAX,MAAUA,EAAK,2DAGZW,EAAAC,QAAAC,EAAAb,MAAKA,EAAa,iDACHA,EAAI,sBAL5BC,EAQCC,EAAAS,EAAAP,yBAFaJ,EAAK,iEAFV,KAAAkB,GAAAL,KAAAA,EAAAb,MAAKA,EAAa,+EAEbA,EAAK,gEAgBlBmB,EAAAnB,MAAKA,EAAY,IAAA,0BAvBdA,EAAQ,KAAAoB,+EAsBFV,EAAAW,EAAA,MAAArB,MAAUA,EAAK,+EAvB7BC,EA0BIC,EAAAoB,EAAAlB,sBAHFC,EAEOiB,EAAAD,sFADJ,KAAAH,GAAAC,KAAAA,EAAAnB,MAAKA,EAAY,IAAA,KAAAuB,EAAAC,EAAAL,oEAjCtBnB,EAAU,KAAAyB,4GAFYzB,EAAQ,0BAAqBA,EAAK,IAHnC0B,EAAAvB,EAAA,sBAAS,YAATH,8BACFA,EAAQ,8BACNA,EAAO,YAJpCC,EAkDKC,EAAAC,EAAAC,wHA7CyBJ,EAAQ,iCAAqBA,EAAK,WAHnC0B,EAAAvB,EAAA,sBAAS,YAATH,mCACFA,EAAQ,qCACNA,EAAO,wNAvCvB2B,GAAaC,SACbC,GAAUD,YACVE,GAAiBF,cACjBG,GAAmBH,GACnBI,iBAAAA,EAAmB,oBAAkBJ,GACrCK,aAAAA,EAAe,SAAOL,GACtBM,cAAAA,EAAgB,SAAON,YACvBO,GAAgBP,WAChBQ,GAAgBR,SAChBS,GAAaT,GACbU,KAAAA,EAAO,WAASV,QAErBW,EAAOC,KAAKC,SACd,IAAAC,EAAmB,IAAAC,EACrBC,IACAC,2eAGDC,EAAA,GAAEC,EAAcpB,EAASqB,KAAKC,MAAMtB,GAAK,SACvCuB,EAALC,OAAAC,UAAuBC,4BACXH,EAAWI,kCAEZ,SAAUC,GACK,MAAA,eAAAA,EAAQhB,KAGvB,SAAUiB,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7ClB,EAAamB,SAAS,YAAW,CAAA,gFA8BfhC,EAAKiC,KAAAlD,6BAULiB,EAAKkC,EAAAC,EAAA,GAAAF,KAAAlD,QAAAkD,KAAAhD"}
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 import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\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 maxwidth: string;\n export let overlay: boolean;\n export let width: string;\n export let type = 'options';\n\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\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<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};\"\n>\n {#if !isfiltered}\n <ul\n role=\"listbox\"\n class=\"mc-listbox__list\"\n aria-labelledby=\"listbox\"\n use:scrollEnd\n {...attributes}\n >\n {#each parsedItems as item, index}\n <li class=\"mc-listbox__tile\">\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 </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</style>\n"],"names":["ctx","insert","target","div","anchor","append","span","length","i","ul","attr","input","__value","input_value_value","checked","input_checked_value","includes","indexOf","dirty","t1_value","create_if_block_1","label","li","set_data","t1","create_if_block","toggle_class","items","$$props","value","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","maxwidth","overlay","width","type","uuid","Math","random","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","parsedItems","JSON","parse","attributes","Object","assign","$$restProps","class","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","this","get_binding_group_value","$$binding_groups"],"mappings":"gaA4FuCA,EAAgB,qGADnDC,EAEKC,EAAAC,EAAAC,GADHC,EAAwDF,EAAAG,2BAAvBN,EAAgB,8CAhC1CA,EAAW,yBAAhBO,OAAIC,GAAA,oGAFFR,EAAU,2HALhBC,EAoCIC,EAAAO,EAAAL,sHA7BKJ,EAAW,YAAhBO,OAAIC,GAAA,EAAA,iHAAJD,oGAFEP,EAAU,iHAgBFU,EAAAC,EAAA,KAAAX,MAAUA,EAAK,iFAGZW,EAAAC,QAAAC,EAAAb,MAAKA,EAAa,sBAChBW,EAAAG,QAAAC,EAAAf,EAAM,GAAAgB,SAAShB,MAAKA,EAAa,oBAL5CC,EAQCC,EAAAS,EAAAP,eAFaJ,EAAK,IAAA,IAAAiB,QAAAN,EAAAC,uEAFV,KAAAM,GAAAL,KAAAA,EAAAb,MAAKA,EAAa,2CAChB,KAAAkB,GAAAH,KAAAA,EAAAf,EAAM,GAAAgB,SAAShB,MAAKA,EAAa,+CAC9BA,EAAK,IAAA,IAAAiB,QAAAN,EAAAC,kHAfbF,EAAAC,EAAA,KAAAX,MAAUA,EAAK,2DAGZW,EAAAC,QAAAC,EAAAb,MAAKA,EAAa,iDACHA,EAAI,sBAL5BC,EAQCC,EAAAS,EAAAP,yBAFaJ,EAAK,iEAFV,KAAAkB,GAAAL,KAAAA,EAAAb,MAAKA,EAAa,+EAEbA,EAAK,gEAgBlBmB,EAAAnB,MAAKA,EAAY,IAAA,0BAvBdA,EAAQ,KAAAoB,+EAsBFV,EAAAW,EAAA,MAAArB,MAAUA,EAAK,+EAvB7BC,EA0BIC,EAAAoB,EAAAlB,sBAHFC,EAEOiB,EAAAD,sFADJ,KAAAH,GAAAC,KAAAA,EAAAnB,MAAKA,EAAY,IAAA,KAAAuB,EAAAC,EAAAL,oEAjCtBnB,EAAU,KAAAyB,4GAFYzB,EAAQ,0BAAqBA,EAAK,IAHnC0B,EAAAvB,EAAA,sBAAS,YAATH,8BACFA,EAAQ,8BACNA,EAAO,YAJpCC,EAkDKC,EAAAC,EAAAC,wHA7CyBJ,EAAQ,iCAAqBA,EAAK,WAHnC0B,EAAAvB,EAAA,sBAAS,YAATH,mCACFA,EAAQ,qCACNA,EAAO,wNAvCvB2B,GAAaC,SACbC,GAAUD,YACVE,GAAiBF,cACjBG,GAAmBH,GACnBI,iBAAAA,EAAmB,oBAAkBJ,GACrCK,aAAAA,EAAe,SAAOL,GACtBM,cAAAA,EAAgB,SAAON,YACvBO,GAAgBP,WAChBQ,GAAgBR,SAChBS,GAAaT,GACbU,KAAAA,EAAO,WAASV,QAErBW,EAAOC,KAAKC,SACd,IAAAC,EAAmB,IAAAC,EACrBC,IACAC,2eAGDC,EAAA,GAAEC,EAAcpB,EAASqB,KAAKC,MAAMtB,GAAK,SACvCuB,EAALC,OAAAC,UAAuBC,4BACXH,EAAWI,kCAEZ,SAAUC,GACK,MAAA,eAAAA,EAAQhB,KAGvB,SAAUiB,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7ClB,EAAamB,SAAS,YAAW,CAAA,gFA8BfhC,EAAKiC,KAAAlD,6BAULiB,EAAKkC,EAAAC,EAAA,GAAAF,KAAAlD,QAAAkD,KAAAhD"}

package/public/bricoman/components/listbox/Listbox.nested.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as e,i as t,s as l,H as s,e as n,h as i,L as o,k as a,b,n as c,q as r,v as d,w as m,U as v,$ as k,t as x,l as h,o as u,d as p,M as _,Q as f,m as g,O as w,a0 as y}from"../../index-48da6c1f.js";import{E}from"../../EventHandler-f7ee47ca.js";function C(e){s(e,"svelte-110k7bn",".mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn{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-110k7bn.svelte-110k7bn.svelte-110k7bn::-ms-check{background-color:#ffffff;border:2px solid #808080;border-radius:4px;color:#002a5b}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:hover{border-color:#191919}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn: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-110k7bn.svelte-110k7bn.svelte-110k7bn:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:checked,.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:indeterminate{background-color:#ff941a;border-color:#ff941a;background-size:1rem 1rem}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn: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-110k7bn.svelte-110k7bn.svelte-110k7bn:checked::-ms-check{background-color:#ff941a;border-color:#ff941a}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:checked:hover:not(:disabled){border-color:#ef7f00}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:checked:hover:not(:disabled)::-ms-check{border-color:#ef7f00}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn: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-110k7bn.svelte-110k7bn.svelte-110k7bn:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn: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-110k7bn.svelte-110k7bn.svelte-110k7bn: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-110k7bn.svelte-110k7bn.svelte-110k7bn{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-110k7bn.svelte-110k7bn.svelte-110k7bn::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn{-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-110k7bn.svelte-110k7bn.svelte-110k7bn:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:has(.mc-listbox__input:focus),.mc-listbox__tile.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn: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-110k7bn.svelte-110k7bn.svelte-110k7bn{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty.svelte-110k7bn .mc-listbox__label.svelte-110k7bn.svelte-110k7bn{cursor:default}.mc-listbox__tile.is-disabled.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__label.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn::after{content:\"\";position:absolute;inset:0;z-index:var(--listbox-label-z-index, 2)}.mc-listbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-110k7bn:not(.mc-listbox--multi) .mc-listbox__input.svelte-110k7bn.svelte-110k7bn{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-110k7bn.svelte-110k7bn.svelte-110k7bn{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options.svelte-110k7bn .mc-listbox__tile.svelte-110k7bn.svelte-110k7bn{height:3rem}.mc-listbox--options.svelte-110k7bn .mc-listbox__tile.svelte-110k7bn.svelte-110k7bn:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options.svelte-110k7bn .mc-listbox__tile.is-selected .mc-listbox__label.svelte-110k7bn.svelte-110k7bn::before{visibility:visible}.mc-listbox--options.svelte-110k7bn .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label.svelte-110k7bn.svelte-110k7bn::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-110k7bn .mc-listbox__input.svelte-110k7bn:checked+.mc-listbox__label.svelte-110k7bn::before{visibility:visible}.mc-listbox--options.svelte-110k7bn .mc-listbox__input.svelte-110k7bn:checked:disabled+.mc-listbox__label.svelte-110k7bn::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-110k7bn .mc-listbox__label.svelte-110k7bn.svelte-110k7bn::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-110k7bn.svelte-110k7bn.svelte-110k7bn{position:absolute;z-index:var(--listbox-overlay-z-index, 10)}")}function z(e,t,l){const s=e.slice();return s[30]=t[l],s[32]=l,s}function $(e){let t,l,s;return{c(){t=n("div"),l=n("span"),s=x(e[4]),i(l,"class","mc-listbox__label svelte-110k7bn"),i(t,"class","mc-listbox__tile mc-listbox__tile--empty svelte-110k7bn")},m(e,n){b(e,t,n),h(t,l),h(l,s)},p(e,t){16&t[0]&&u(s,e[4])},d(e){e&&r(t)}}}function B(e){let t,l,s,o,a=e[2]&&e[9]&&M(e),c=e[14],d=[];for(let t=0;t<c.length;t+=1)d[t]=O(z(e,c,t));return{c(){t=n("ul"),a&&a.c(),l=p();for(let e=0;e<d.length;e+=1)d[e].c();i(t,"role","listbox"),i(t,"class","mc-listbox__list svelte-110k7bn"),i(t,"aria-labelledby","listbox")},m(n,i){b(n,t,i),a&&a.m(t,null),h(t,l);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(t,null);s||(o=_(e[18].call(null,t)),s=!0)},p(e,s){if(e[2]&&e[9]?a?a.p(e,s):(a=M(e),a.c(),a.m(t,l)):a&&(a.d(1),a=null),147687&s[0]){let l;for(c=e[14],l=0;l<c.length;l+=1){const n=z(e,c,l);d[l]?d[l].p(n,s):(d[l]=O(n),d[l].c(),d[l].m(t,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=c.length}},d(e){e&&r(t),a&&a.d(),f(d,e),s=!1,o()}}}function M(e){let t,l,s,o,a,c,d;return{c(){t=n("li"),l=n("input"),s=p(),o=n("label"),a=x(e[10]),i(l,"id","select-all"),i(l,"class","mc-listbox__input mc-checkbox__input svelte-110k7bn"),i(l,"type","checkbox"),l.indeterminate=e[16],i(o,"for","select-all"),i(o,"class","mc-listbox__label svelte-110k7bn"),i(t,"class","mc-listbox__tile svelte-110k7bn")},m(n,i){b(n,t,i),h(t,l),l.checked=e[15],h(t,s),h(t,o),h(o,a),c||(d=[g(l,"change",e[23]),g(l,"change",e[19])],c=!0)},p(e,t){65536&t[0]&&(l.indeterminate=e[16]),32768&t[0]&&(l.checked=e[15]),1024&t[0]&&u(a,e[10])},d(e){e&&r(t),c=!1,w(d)}}}function H(e){let t,l,s,o,a,c,d,m=!1;return a=y(e[25][0]),{c(){t=n("input"),i(t,"id",e[17](e[32])),i(t,"class","mc-listbox__input mc-checkbox__input svelte-110k7bn"),i(t,"type","checkbox"),t.__value=l=e[30][e[6]],t.value=t.__value,t.checked=s=e[0].includes(e[30][e[6]]),t.disabled=o=Boolean(e[30][e[7]]),a.p(t)},m(l,s){b(l,t,s),t.checked=~(e[0]||[]).indexOf(t.__value),c||(d=[g(t,"change",e[26]),g(t,"change",e[22])],c=!0)},p(e,n){16448&n[0]&&l!==(l=e[30][e[6]])&&(t.__value=l,t.value=t.__value,m=!0),16449&n[0]&&s!==(s=e[0].includes(e[30][e[6]]))&&(t.checked=s),16512&n[0]&&o!==(o=Boolean(e[30][e[7]]))&&(t.disabled=o),(m||16385&n[0])&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&r(t),a.r(),c=!1,w(d)}}}function L(e){let t,l,s,o,c,d,m=!1;return o=y(e[25][0]),{c(){t=n("input"),i(t,"id",e[17](e[32])),i(t,"class","mc-listbox__input svelte-110k7bn"),i(t,"type","radio"),t.__value=l=e[30][e[6]],t.value=t.__value,i(t,"name",e[1]),t.disabled=s=Boolean(e[30][e[7]]),a(t,"is-disabled",e[30][e[7]]),o.p(t)},m(l,s){b(l,t,s),t.checked=t.__value===e[0],c||(d=[g(t,"change",e[24]),g(t,"change",e[21])],c=!0)},p(e,n){16448&n[0]&&l!==(l=e[30][e[6]])&&(t.__value=l,t.value=t.__value,m=!0),2&n[0]&&i(t,"name",e[1]),16512&n[0]&&s!==(s=Boolean(e[30][e[7]]))&&(t.disabled=s),(m||16385&n[0])&&(t.checked=t.__value===e[0]),16512&n[0]&&a(t,"is-disabled",e[30][e[7]])},d(e){e&&r(t),o.r(),c=!1,w(d)}}}function O(e){let t,l,s,o,c,d=e[30][e[5]]+"";function m(e,t){return e[2]?H:L}let v=m(e),k=v(e);return{c(){t=n("li"),k.c(),l=p(),s=n("label"),o=x(d),c=p(),i(s,"for",e[17](e[32])),i(s,"class","mc-listbox__label svelte-110k7bn"),i(t,"class","mc-listbox__tile svelte-110k7bn"),a(t,"is-disabled",e[30][e[7]])},m(e,n){b(e,t,n),k.m(t,null),h(t,l),h(t,s),h(s,o),h(t,c)},p(e,s){v===(v=m(e))&&k?k.p(e,s):(k.d(1),k=v(e),k&&(k.c(),k.m(t,l))),16416&s[0]&&d!==(d=e[30][e[5]]+"")&&u(o,d),16512&s[0]&&a(t,"is-disabled",e[30][e[7]])},d(e){e&&r(t),k.d()}}}function j(e){let t;function l(e,t){return e[3]?$:B}let s=l(e),d=s(e);return{c(){t=n("div"),d.c(),i(t,"class","mc-listbox svelte-110k7bn"),o(t,"--listbox-maxwidth",e[8]),o(t,"--listbox-width",e[12]),o(t,"--listbox-minwidth",e[12]),a(t,"mc-listbox--options","options"===e[13]),a(t,"mc-listbox--multi",e[2]),a(t,"mc-listbox--overlay",e[11])},m(e,l){b(e,t,l),d.m(t,null)},p(e,n){s===(s=l(e))&&d?d.p(e,n):(d.d(1),d=s(e),d&&(d.c(),d.m(t,null))),256&n[0]&&o(t,"--listbox-maxwidth",e[8]),4096&n[0]&&o(t,"--listbox-width",e[12]),4096&n[0]&&o(t,"--listbox-minwidth",e[12]),8192&n[0]&&a(t,"mc-listbox--options","options"===e[13]),4&n[0]&&a(t,"mc-listbox--multi",e[2]),2048&n[0]&&a(t,"mc-listbox--overlay",e[11])},i:c,o:c,d(e){e&&r(t),d.d()}}}function A(e,t,l){let s,n,i;const o=Math.random();let{name:a=`listboxradio-${o}`}=t,{items:b}=t,{value:c}=t,{multiple:r}=t,{isfiltered:x}=t,{emptysearchlabel:h="No results found"}=t,{datatextexpr:u="label"}=t,{datavalueexpr:p="value"}=t,{datadisabledexpr:_="disabled"}=t,{maxwidth:f}=t,{selectall:g=!1}=t,{labelselectall:w="Select all"}=t,{overlay:y}=t,{width:C}=t,{type:z="options"}=t,$=new E(d(),m());const B=[[]];return e.$$set=e=>{"name"in e&&l(1,a=e.name),"items"in e&&l(20,b=e.items),"value"in e&&l(0,c=e.value),"multiple"in e&&l(2,r=e.multiple),"isfiltered"in e&&l(3,x=e.isfiltered),"emptysearchlabel"in e&&l(4,h=e.emptysearchlabel),"datatextexpr"in e&&l(5,u=e.datatextexpr),"datavalueexpr"in e&&l(6,p=e.datavalueexpr),"datadisabledexpr"in e&&l(7,_=e.datadisabledexpr),"maxwidth"in e&&l(8,f=e.maxwidth),"selectall"in e&&l(9,g=e.selectall),"labelselectall"in e&&l(10,w=e.labelselectall),"overlay"in e&&l(11,y=e.overlay),"width"in e&&l(12,C=e.width),"type"in e&&l(13,z=e.type)},e.$$.update=()=>{512&e.$$.dirty[0]&&l(15,s=null!=g&&g),1048576&e.$$.dirty[0]&&l(14,n=b?JSON.parse(b):[]),1&e.$$.dirty[0]&&l(0,c=c?(l(15,s=!1),l(16,i=!1),c&&0===c.length?(l(15,s=!1),l(16,i=!1)):c&&c.length<n.length?l(16,i=!0):c&&c.length===n.length&&l(15,s=!0),c):[])},l(16,i=!0),[c,a,r,x,h,u,p,_,f,g,w,y,C,z,n,s,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;l(15,s=!!t),s?n.map((e=>{e[_]||-1!==c.indexOf(e[p])||c.push(e[p])})):l(0,c=[]),$.dispatch("select-all",c),l(0,c)},b,function(t){v.call(this,e,t)},function(t){v.call(this,e,t)},function(){s=this.checked,l(15,s),l(9,g)},function(){c=this.__value,l(0,c)},B,function(){c=k(B[0],this.__value,this.checked),l(0,c)}]}class Y extends e{constructor(e){super(),t(this,e,A,j,l,{name:1,items:20,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},C,[-1,-1])}}export{Y as default};
+import{H as e,i as t,s as l,I as s,e as n,h as i,M as o,t as a,b,n as c,m as r,q as d,r as m,V as v,a0 as k,v as x,k as h,y as u,d as p,N as _,R as f,x as g,P as w,a1 as y}from"../../index-c222d0b7.js";import{E}from"../../EventHandler-f7ee47ca.js";function C(e){s(e,"svelte-110k7bn",".mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn{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-110k7bn.svelte-110k7bn.svelte-110k7bn::-ms-check{background-color:#ffffff;border:2px solid #808080;border-radius:4px;color:#002a5b}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:hover{border-color:#191919}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:hover::-ms-check{border-color:#191919}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn: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-110k7bn.svelte-110k7bn.svelte-110k7bn:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:checked,.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:indeterminate{background-color:#ff941a;border-color:#ff941a;background-size:1rem 1rem}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn: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-110k7bn.svelte-110k7bn.svelte-110k7bn:checked::-ms-check{background-color:#ff941a;border-color:#ff941a}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:checked:hover:not(:disabled){border-color:#ef7f00}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:checked:hover:not(:disabled)::-ms-check{border-color:#ef7f00}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn: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-110k7bn.svelte-110k7bn.svelte-110k7bn:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn: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-110k7bn.svelte-110k7bn.svelte-110k7bn: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-110k7bn.svelte-110k7bn.svelte-110k7bn{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-110k7bn.svelte-110k7bn.svelte-110k7bn::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-listbox.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn::-webkit-scrollbar-thumb{background:#666666}.mc-listbox__list.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn{list-style:none;margin-left:0;padding-left:0;margin-top:0;margin-right:0;margin-bottom:0}.mc-listbox__tile.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn{-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-110k7bn.svelte-110k7bn.svelte-110k7bn:not(.mc-listbox__tile--empty):not(.is-disabled):hover,.mc-listbox__tile.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn:has(.mc-listbox__input:focus),.mc-listbox__tile.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn: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-110k7bn.svelte-110k7bn.svelte-110k7bn{color:#666666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-listbox__tile--empty.svelte-110k7bn .mc-listbox__label.svelte-110k7bn.svelte-110k7bn{cursor:default}.mc-listbox__tile.is-disabled.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn{-webkit-box-shadow:none;box-shadow:none;background-color:#cccccc;color:#666666;pointer-events:none}.mc-listbox__label.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn{font-size:1rem;line-height:1.375;color:currentColor;cursor:pointer;white-space:nowrap;outline:transparent}.mc-listbox__label.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn::after{content:\"\";position:absolute;inset:0;z-index:var(--listbox-label-z-index, 2)}.mc-listbox__input.svelte-110k7bn.svelte-110k7bn.svelte-110k7bn{margin-left:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mc-listbox.svelte-110k7bn:not(.mc-listbox--multi) .mc-listbox__input.svelte-110k7bn.svelte-110k7bn{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-110k7bn.svelte-110k7bn.svelte-110k7bn{max-height:13.8125rem;min-width:var(--listbox-minwidth, 6rem)}.mc-listbox--options.svelte-110k7bn .mc-listbox__tile.svelte-110k7bn.svelte-110k7bn{height:3rem}.mc-listbox--options.svelte-110k7bn .mc-listbox__tile.svelte-110k7bn.svelte-110k7bn:not(:last-child){border-bottom:1px solid #b3b3b3}.mc-listbox--options.svelte-110k7bn .mc-listbox__tile.is-selected .mc-listbox__label.svelte-110k7bn.svelte-110k7bn::before{visibility:visible}.mc-listbox--options.svelte-110k7bn .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label.svelte-110k7bn.svelte-110k7bn::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-110k7bn .mc-listbox__input.svelte-110k7bn:checked+.mc-listbox__label.svelte-110k7bn::before{visibility:visible}.mc-listbox--options.svelte-110k7bn .mc-listbox__input.svelte-110k7bn:checked:disabled+.mc-listbox__label.svelte-110k7bn::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-110k7bn .mc-listbox__label.svelte-110k7bn.svelte-110k7bn::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-110k7bn.svelte-110k7bn.svelte-110k7bn{position:absolute;z-index:var(--listbox-overlay-z-index, 10)}")}function z(e,t,l){const s=e.slice();return s[30]=t[l],s[32]=l,s}function $(e){let t,l,s;return{c(){t=n("div"),l=n("span"),s=x(e[4]),i(l,"class","mc-listbox__label svelte-110k7bn"),i(t,"class","mc-listbox__tile mc-listbox__tile--empty svelte-110k7bn")},m(e,n){b(e,t,n),h(t,l),h(l,s)},p(e,t){16&t[0]&&u(s,e[4])},d(e){e&&r(t)}}}function B(e){let t,l,s,o,a=e[2]&&e[9]&&M(e),c=e[14],d=[];for(let t=0;t<c.length;t+=1)d[t]=j(z(e,c,t));return{c(){t=n("ul"),a&&a.c(),l=p();for(let e=0;e<d.length;e+=1)d[e].c();i(t,"role","listbox"),i(t,"class","mc-listbox__list svelte-110k7bn"),i(t,"aria-labelledby","listbox")},m(n,i){b(n,t,i),a&&a.m(t,null),h(t,l);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(t,null);s||(o=_(e[18].call(null,t)),s=!0)},p(e,s){if(e[2]&&e[9]?a?a.p(e,s):(a=M(e),a.c(),a.m(t,l)):a&&(a.d(1),a=null),147687&s[0]){let l;for(c=e[14],l=0;l<c.length;l+=1){const n=z(e,c,l);d[l]?d[l].p(n,s):(d[l]=j(n),d[l].c(),d[l].m(t,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=c.length}},d(e){e&&r(t),a&&a.d(),f(d,e),s=!1,o()}}}function M(e){let t,l,s,o,a,c,d;return{c(){t=n("li"),l=n("input"),s=p(),o=n("label"),a=x(e[10]),i(l,"id","select-all"),i(l,"class","mc-listbox__input mc-checkbox__input svelte-110k7bn"),i(l,"type","checkbox"),l.indeterminate=e[16],i(o,"for","select-all"),i(o,"class","mc-listbox__label svelte-110k7bn"),i(t,"class","mc-listbox__tile svelte-110k7bn")},m(n,i){b(n,t,i),h(t,l),l.checked=e[15],h(t,s),h(t,o),h(o,a),c||(d=[g(l,"change",e[23]),g(l,"change",e[19])],c=!0)},p(e,t){65536&t[0]&&(l.indeterminate=e[16]),32768&t[0]&&(l.checked=e[15]),1024&t[0]&&u(a,e[10])},d(e){e&&r(t),c=!1,w(d)}}}function H(e){let t,l,s,o,a,c,d,m=!1;return a=y(e[25][0]),{c(){t=n("input"),i(t,"id",e[17](e[32])),i(t,"class","mc-listbox__input mc-checkbox__input svelte-110k7bn"),i(t,"type","checkbox"),t.__value=l=e[30][e[6]],t.value=t.__value,t.checked=s=e[0].includes(e[30][e[6]]),t.disabled=o=Boolean(e[30][e[7]]),a.p(t)},m(l,s){b(l,t,s),t.checked=~(e[0]||[]).indexOf(t.__value),c||(d=[g(t,"change",e[26]),g(t,"change",e[22])],c=!0)},p(e,n){16448&n[0]&&l!==(l=e[30][e[6]])&&(t.__value=l,t.value=t.__value,m=!0),16449&n[0]&&s!==(s=e[0].includes(e[30][e[6]]))&&(t.checked=s),16512&n[0]&&o!==(o=Boolean(e[30][e[7]]))&&(t.disabled=o),(m||16385&n[0])&&(t.checked=~(e[0]||[]).indexOf(t.__value))},d(e){e&&r(t),a.r(),c=!1,w(d)}}}function L(e){let t,l,s,o,c,d,m=!1;return o=y(e[25][0]),{c(){t=n("input"),i(t,"id",e[17](e[32])),i(t,"class","mc-listbox__input svelte-110k7bn"),i(t,"type","radio"),t.__value=l=e[30][e[6]],t.value=t.__value,i(t,"name",e[1]),t.disabled=s=Boolean(e[30][e[7]]),a(t,"is-disabled",e[30][e[7]]),o.p(t)},m(l,s){b(l,t,s),t.checked=t.__value===e[0],c||(d=[g(t,"change",e[24]),g(t,"change",e[21])],c=!0)},p(e,n){16448&n[0]&&l!==(l=e[30][e[6]])&&(t.__value=l,t.value=t.__value,m=!0),2&n[0]&&i(t,"name",e[1]),16512&n[0]&&s!==(s=Boolean(e[30][e[7]]))&&(t.disabled=s),(m||16385&n[0])&&(t.checked=t.__value===e[0]),16512&n[0]&&a(t,"is-disabled",e[30][e[7]])},d(e){e&&r(t),o.r(),c=!1,w(d)}}}function j(e){let t,l,s,o,c,d=e[30][e[5]]+"";function m(e,t){return e[2]?H:L}let v=m(e),k=v(e);return{c(){t=n("li"),k.c(),l=p(),s=n("label"),o=x(d),c=p(),i(s,"for",e[17](e[32])),i(s,"class","mc-listbox__label svelte-110k7bn"),i(t,"class","mc-listbox__tile svelte-110k7bn"),a(t,"is-disabled",e[30][e[7]])},m(e,n){b(e,t,n),k.m(t,null),h(t,l),h(t,s),h(s,o),h(t,c)},p(e,s){v===(v=m(e))&&k?k.p(e,s):(k.d(1),k=v(e),k&&(k.c(),k.m(t,l))),16416&s[0]&&d!==(d=e[30][e[5]]+"")&&u(o,d),16512&s[0]&&a(t,"is-disabled",e[30][e[7]])},d(e){e&&r(t),k.d()}}}function O(e){let t;function l(e,t){return e[3]?$:B}let s=l(e),d=s(e);return{c(){t=n("div"),d.c(),i(t,"class","mc-listbox svelte-110k7bn"),o(t,"--listbox-maxwidth",e[8]),o(t,"--listbox-width",e[12]),o(t,"--listbox-minwidth",e[12]),a(t,"mc-listbox--options","options"===e[13]),a(t,"mc-listbox--multi",e[2]),a(t,"mc-listbox--overlay",e[11])},m(e,l){b(e,t,l),d.m(t,null)},p(e,n){s===(s=l(e))&&d?d.p(e,n):(d.d(1),d=s(e),d&&(d.c(),d.m(t,null))),256&n[0]&&o(t,"--listbox-maxwidth",e[8]),4096&n[0]&&o(t,"--listbox-width",e[12]),4096&n[0]&&o(t,"--listbox-minwidth",e[12]),8192&n[0]&&a(t,"mc-listbox--options","options"===e[13]),4&n[0]&&a(t,"mc-listbox--multi",e[2]),2048&n[0]&&a(t,"mc-listbox--overlay",e[11])},i:c,o:c,d(e){e&&r(t),d.d()}}}function A(e,t,l){let s,n,i;const o=Math.random();let{name:a=`listboxradio-${o}`}=t,{items:b}=t,{value:c}=t,{multiple:r}=t,{isfiltered:x}=t,{emptysearchlabel:h="No results found"}=t,{datatextexpr:u="label"}=t,{datavalueexpr:p="value"}=t,{datadisabledexpr:_="disabled"}=t,{maxwidth:f}=t,{selectall:g=!1}=t,{labelselectall:w="Select all"}=t,{overlay:y}=t,{width:C}=t,{type:z="options"}=t,$=new E(d(),m());const B=[[]];return e.$$set=e=>{"name"in e&&l(1,a=e.name),"items"in e&&l(20,b=e.items),"value"in e&&l(0,c=e.value),"multiple"in e&&l(2,r=e.multiple),"isfiltered"in e&&l(3,x=e.isfiltered),"emptysearchlabel"in e&&l(4,h=e.emptysearchlabel),"datatextexpr"in e&&l(5,u=e.datatextexpr),"datavalueexpr"in e&&l(6,p=e.datavalueexpr),"datadisabledexpr"in e&&l(7,_=e.datadisabledexpr),"maxwidth"in e&&l(8,f=e.maxwidth),"selectall"in e&&l(9,g=e.selectall),"labelselectall"in e&&l(10,w=e.labelselectall),"overlay"in e&&l(11,y=e.overlay),"width"in e&&l(12,C=e.width),"type"in e&&l(13,z=e.type)},e.$$.update=()=>{512&e.$$.dirty[0]&&l(15,s=null!=g&&g),1048576&e.$$.dirty[0]&&l(14,n=b?JSON.parse(b):[]),1&e.$$.dirty[0]&&l(0,c=c?(l(15,s=!1),l(16,i=!1),c&&0===c.length?(l(15,s=!1),l(16,i=!1)):c&&c.length<n.length?l(16,i=!0):c&&c.length===n.length&&l(15,s=!0),c):[])},l(16,i=!0),[c,a,r,x,h,u,p,_,f,g,w,y,C,z,n,s,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;l(15,s=!!t),s?n.map((e=>{e[_]||-1!==c.indexOf(e[p])||c.push(e[p])})):l(0,c=[]),$.dispatch("select-all",c),l(0,c)},b,function(t){v.call(this,e,t)},function(t){v.call(this,e,t)},function(){s=this.checked,l(15,s),l(9,g)},function(){c=this.__value,l(0,c)},B,function(){c=k(B[0],this.__value,this.checked),l(0,c)}]}class N extends e{constructor(e){super(),t(this,e,A,O,l,{name:1,items:20,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},C,[-1,-1])}}export{N as default};
 //# sourceMappingURL=Listbox.nested.js.map

package/public/bricoman/components/listbox/Listbox.nested.js.map CHANGED Viewed

	@@ -1 +1 @@
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\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 class=\"mc-listbox__tile\" 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}\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 </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</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","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":"~~+zQAoJuCA~~,EAAgB,mIADnDC,EAEKC,EAAAC,EAAAC,GADHC,EAAwDF,EAAAG,+BAAvBN,EAAgB,8CAlD5CO,EAAAP,MAAYA,EAAS,IAAAQ,EAAAR,KAenBA,EAAW,yBAAhBS,OAAIC,GAAA,0MArBRT,EAqDIC,EAAAS,EAAAP,uHA/CGJ,MAAYA,EAAS,kFAenBA,EAAW,YAAhBS,OAAIC,GAAA,EAAA,iHAAJD,0IAJKT,EAAc,sIALAA,EAAsB,mIALzCC,EAYIC,EAAAU,EAAAR,GAXFC,EAOCO,EAAAC,aAFeb,EAAW,WAG3BK,EAEOO,EAAAE,kDAJMd,EAAW,iDAFPA,EAAsB,4BACvBA,EAAW,oBAIxBA,EAAc,2GAoBTe,EAAAF,EAAA,KAAAb,MAAUA,EAAK,gGAGZa,EAAAG,QAAAC,EAAAjB,MAAKA,EAAa,sBAChBa,EAAAK,QAAAC,EAAAnB,EAAM,GAAAoB,SAASpB,MAAKA,EAAa,kBAChCqB,QAAQrB,EAAI,IAACA,EAAgB,oBANzCC,EASCC,EAAAW,EAAAT,eAFaJ,EAAK,IAAA,IAAAsB,QAAAT,EAAAG,uEAHV,MAAAO,EAAA,IAAAN,KAAAA,EAAAjB,MAAKA,EAAa,2CAChB,MAAAuB,EAAA,IAAAJ,KAAAA,EAAAnB,EAAM,GAAAoB,SAASpB,MAAKA,EAAa,wCAChCqB,QAAQrB,EAAI,IAACA,EAAgB,oDAC3BA,EAAK,IAAA,IAAAsB,QAAAT,EAAAG,oHAlBbD,EAAAF,EAAA,KAAAb,MAAUA,EAAK,0EAIZa,EAAAG,QAAAC,EAAAjB,MAAKA,EAAa,oDAEfqB,QAAQrB,EAAI,IAACA,EAAgB,KAJpBwB,EAAAX,EAAA,cAAAb,MAAKA,EAAgB,oBAH1CC,EAUCC,EAAAW,EAAAT,yBAFaJ,EAAK,iEAHV,MAAAuB,EAAA,IAAAN,KAAAA,EAAAjB,MAAKA,EAAa,uFAEfqB,QAAQrB,EAAI,IAACA,EAAgB,8DAC3BA,EAAK,gBALEwB,EAAAX,EAAA,cAAAb,MAAKA,EAAgB,iEAsBzCyB,EAAAzB,MAAKA,EAAY,IAAA,0BA1BdA,EAAQ,KAAA0B,+EAyBFX,EAAAD,EAAA,MAAAd,MAAUA,EAAK,qGA1BmBwB,EAAAZ,EAAA,cAAAZ,MAAKA,EAAgB,aAArEC,EA6BIC,EAAAU,EAAAR,sBAHFC,EAEOO,EAAAE,sFADJ,MAAAS,EAAA,IAAAE,KAAAA,EAAAzB,MAAKA,EAAY,IAAA,KAAA2B,EAAAC,EAAAH,eA3B0BD,EAAAZ,EAAA,cAAAZ,MAAKA,EAAgB,sEAvBrEA,EAAU,KAAA6B,kHAFY7B,EAAQ,0BAAqBA,EAAK,8BAAwBA,EAAK,KAHhEwB,EAAArB,EAAA,sBAAS,YAATH,+BACFA,EAAQ,8BACNA,EAAO,aAJpCC,EAmEKC,EAAAC,EAAAC,0HA9DyBJ,EAAQ,qCAAqBA,EAAK,yCAAwBA,EAAK,gBAHhEwB,EAAArB,EAAA,sBAAS,YAATH,uCACFA,EAAQ,yCACNA,EAAO,qEA9E5B8B,EAAOC,KAAKC,SAEP,IAAAC,KAAAA,kBAA+BH,KAAII,SACnCC,GAAaD,SACbE,GAAUF,YACVG,GAAiBH,cACjBI,GAAmBJ,GACnBK,iBAAAA,EAAmB,oBAAkBL,GACrCM,aAAAA,EAAe,SAAON,GACtBO,cAAAA,EAAgB,SAAOP,GACvBQ,iBAAAA,EAAmB,YAAUR,YAC7BS,GAAgBT,GAChBU,UAAAA,GAAY,GAAKV,GACjBW,eAAAA,EAAiB,cAAYX,WAC7BY,GAAgBZ,SAChBa,GAAab,GACbc,KAAAA,EAAO,WAASd,EAEvBe,EAAmB,IAAAC,EACrBC,IACAC,6mBAGDC,EAAA,GAAEC,EAAcV,SAAAA,0BAChBS,EAAA,GAAEE,EAAcpB,EAASqB,KAAKC,MAAMtB,GAAK,qBACvCkB,EAAA,EAAAjB,EAAQA,GAITiB,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,GACrBtB,GAA0B,IAAjBA,EAAM3B,QACjB4C,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,IAChBtB,GAASA,EAAM3B,OAAS8C,EAAY9C,OAC7C4C,EAAA,GAAAK,GAAyB,GAChBtB,GAASA,EAAM3B,SAAW8C,EAAY9C,QAC/C4C,EAAA,GAAAC,GAAc,GAGTlB,GAfkC,KAC1CiB,EAAA,GAAEK,GAAyB,sCAiBnB,SAAUC,GACK,MAAA,eAAAA,EAAQ7B,KAGvB,SAAU8B,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7Cf,EAAagB,SAAS,YAAW,CAAA,OAK9B,SAAYC,GACb,MAAAC,EAA+BD,EAAEhE,OAAQgB,QAC/CmC,EAAA,GAAAC,IAAca,GACVb,EACFC,EAAYa,KAAKC,IAEZA,EAAK3B,KACkC,IAAxCN,EAAMd,QAAQ+C,EAAK5B,KAEnBL,EAAMkC,KAAKD,EAAK5B,GAAa,QAGjCL,EAAK,IAEPa,EAAagB,SAAS,aAAc7B,oFA0BdkB,EAAWiB,KAAArD,mCAmBXkB,EAAKmC,KAAAvD,6BAWLoB,EAAKoC,EAAAC,EAAA,GAAAF,KAAAvD,QAAAuD,KAAArD"}
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\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 class=\"mc-listbox__tile\" 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}\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 </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</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","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":"g0QAoJuCA,EAAgB,mIADnDC,EAEKC,EAAAC,EAAAC,GADHC,EAAwDF,EAAAG,+BAAvBN,EAAgB,8CAlD5CO,EAAAP,MAAYA,EAAS,IAAAQ,EAAAR,KAenBA,EAAW,yBAAhBS,OAAIC,GAAA,0MArBRT,EAqDIC,EAAAS,EAAAP,uHA/CGJ,MAAYA,EAAS,kFAenBA,EAAW,YAAhBS,OAAIC,GAAA,EAAA,iHAAJD,0IAJKT,EAAc,sIALAA,EAAsB,mIALzCC,EAYIC,EAAAU,EAAAR,GAXFC,EAOCO,EAAAC,aAFeb,EAAW,WAG3BK,EAEOO,EAAAE,kDAJMd,EAAW,iDAFPA,EAAsB,4BACvBA,EAAW,oBAIxBA,EAAc,2GAoBTe,EAAAF,EAAA,KAAAb,MAAUA,EAAK,gGAGZa,EAAAG,QAAAC,EAAAjB,MAAKA,EAAa,sBAChBa,EAAAK,QAAAC,EAAAnB,EAAM,GAAAoB,SAASpB,MAAKA,EAAa,kBAChCqB,QAAQrB,EAAI,IAACA,EAAgB,oBANzCC,EASCC,EAAAW,EAAAT,eAFaJ,EAAK,IAAA,IAAAsB,QAAAT,EAAAG,uEAHV,MAAAO,EAAA,IAAAN,KAAAA,EAAAjB,MAAKA,EAAa,2CAChB,MAAAuB,EAAA,IAAAJ,KAAAA,EAAAnB,EAAM,GAAAoB,SAASpB,MAAKA,EAAa,wCAChCqB,QAAQrB,EAAI,IAACA,EAAgB,oDAC3BA,EAAK,IAAA,IAAAsB,QAAAT,EAAAG,oHAlBbD,EAAAF,EAAA,KAAAb,MAAUA,EAAK,0EAIZa,EAAAG,QAAAC,EAAAjB,MAAKA,EAAa,oDAEfqB,QAAQrB,EAAI,IAACA,EAAgB,KAJpBwB,EAAAX,EAAA,cAAAb,MAAKA,EAAgB,oBAH1CC,EAUCC,EAAAW,EAAAT,yBAFaJ,EAAK,iEAHV,MAAAuB,EAAA,IAAAN,KAAAA,EAAAjB,MAAKA,EAAa,uFAEfqB,QAAQrB,EAAI,IAACA,EAAgB,8DAC3BA,EAAK,gBALEwB,EAAAX,EAAA,cAAAb,MAAKA,EAAgB,iEAsBzCyB,EAAAzB,MAAKA,EAAY,IAAA,0BA1BdA,EAAQ,KAAA0B,+EAyBFX,EAAAD,EAAA,MAAAd,MAAUA,EAAK,qGA1BmBwB,EAAAZ,EAAA,cAAAZ,MAAKA,EAAgB,aAArEC,EA6BIC,EAAAU,EAAAR,sBAHFC,EAEOO,EAAAE,sFADJ,MAAAS,EAAA,IAAAE,KAAAA,EAAAzB,MAAKA,EAAY,IAAA,KAAA2B,EAAAC,EAAAH,eA3B0BD,EAAAZ,EAAA,cAAAZ,MAAKA,EAAgB,sEAvBrEA,EAAU,KAAA6B,kHAFY7B,EAAQ,0BAAqBA,EAAK,8BAAwBA,EAAK,KAHhEwB,EAAArB,EAAA,sBAAS,YAATH,+BACFA,EAAQ,8BACNA,EAAO,aAJpCC,EAmEKC,EAAAC,EAAAC,0HA9DyBJ,EAAQ,qCAAqBA,EAAK,yCAAwBA,EAAK,gBAHhEwB,EAAArB,EAAA,sBAAS,YAATH,uCACFA,EAAQ,yCACNA,EAAO,qEA9E5B8B,EAAOC,KAAKC,SAEP,IAAAC,KAAAA,kBAA+BH,KAAII,SACnCC,GAAaD,SACbE,GAAUF,YACVG,GAAiBH,cACjBI,GAAmBJ,GACnBK,iBAAAA,EAAmB,oBAAkBL,GACrCM,aAAAA,EAAe,SAAON,GACtBO,cAAAA,EAAgB,SAAOP,GACvBQ,iBAAAA,EAAmB,YAAUR,YAC7BS,GAAgBT,GAChBU,UAAAA,GAAY,GAAKV,GACjBW,eAAAA,EAAiB,cAAYX,WAC7BY,GAAgBZ,SAChBa,GAAab,GACbc,KAAAA,EAAO,WAASd,EAEvBe,EAAmB,IAAAC,EACrBC,IACAC,6mBAGDC,EAAA,GAAEC,EAAcV,SAAAA,0BAChBS,EAAA,GAAEE,EAAcpB,EAASqB,KAAKC,MAAMtB,GAAK,qBACvCkB,EAAA,EAAAjB,EAAQA,GAITiB,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,GACrBtB,GAA0B,IAAjBA,EAAM3B,QACjB4C,EAAA,GAAAC,GAAc,GACdD,EAAA,GAAAK,GAAyB,IAChBtB,GAASA,EAAM3B,OAAS8C,EAAY9C,OAC7C4C,EAAA,GAAAK,GAAyB,GAChBtB,GAASA,EAAM3B,SAAW8C,EAAY9C,QAC/C4C,EAAA,GAAAC,GAAc,GAGTlB,GAfkC,KAC1CiB,EAAA,GAAEK,GAAyB,sCAiBnB,SAAUC,GACK,MAAA,eAAAA,EAAQ7B,KAGvB,SAAU8B,GACjBA,EAAKC,iBAAiB,UAAQ,KACxBD,EAAKE,aAAeF,EAAKG,WAAaH,EAAKI,cAC7Cf,EAAagB,SAAS,YAAW,CAAA,OAK9B,SAAYC,GACb,MAAAC,EAA+BD,EAAEhE,OAAQgB,QAC/CmC,EAAA,GAAAC,IAAca,GACVb,EACFC,EAAYa,KAAKC,IAEZA,EAAK3B,KACkC,IAAxCN,EAAMd,QAAQ+C,EAAK5B,KAEnBL,EAAMkC,KAAKD,EAAK5B,GAAa,QAGjCL,EAAK,IAEPa,EAAagB,SAAS,aAAc7B,oFA0BdkB,EAAWiB,KAAArD,mCAmBXkB,EAAKmC,KAAAvD,6BAWLoB,EAAKoC,EAAAC,EAAA,GAAAF,KAAAvD,QAAAuD,KAAArD"}

package/public/bricoman/components/loader/Loader.js CHANGED Viewed

@@ -1,2 +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,I as l,d,n as c,h as m,j as h,l as f,p as k,q as p,r as u,x,t as _,o as g}from"../../index-48da6c1f.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:#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};
+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/public/bricoman/components/loader/Loader.js.map CHANGED Viewed

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

package/public/bricoman/components/loader/Loader.nested.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as e,i as t,s,H as r,e as a,I as o,d as l,h as k,b as n,l as i,n as d,q as c,c as m,x as f,t as h,o as v}from"../../index-48da6c1f.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 p(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 u(e){let t,s,r,m,f,h,v,_,u=e[2]&&p(e);return{c(){t=a("div"),s=a("span"),r=o("svg"),m=o("circle"),v=l(),u&&u.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=w(e[0])),k(s,"class","mc-loader__spinner svelte-1kte6k4"),k(t,"class",_=x(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),u&&u.m(t,null)},p(e,[s]){1&s&&f!==(f=b(e[0]))&&k(m,"r",f),1&s&&h!==(h=w(e[0]))&&k(r,"viewBox",h),e[2]?u?u.p(e,s):(u=p(e),u.c(),u.m(t,null)):u&&(u.d(1),u=null),11&s&&_!==(_=x(e[0],e[1])+" "+e[3].class+" svelte-1kte6k4")&&k(t,"class",_)},i:d,o:d,d(e){e&&c(t),u&&u.d()}}}function x(e,t){const s=["mc-loader"];return e&&s.push(`mc-loader--${e}`),t&&s.push(`mc-loader--${t}`),s.join(" ")}function w(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function 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,u,s,{size:0,theme:1,text:2},_)}}export{y as default};
+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/public/bricoman/components/menu/Menu.js CHANGED Viewed

@@ -1,2 +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,l as c,q as d,Q as u,u as f,v as b,w as g,d as h,t as p,k as _,m as w,o as k}from"../../index-48da6c1f.js";import{E as x}from"../../EventHandler-f7ee47ca.js";function v(e,t,i){const n=e.slice();return n[8]=t[i],n[10]=i,n}function $(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 y(e){let t,i,n,a,o,r,u,f,b,g,x=`<${C(e[8].iconName,e[0]===e[10])} />`,v=e[8].label+"",y=e[3].icon&&$(e);function E(){return e[6](e[10],e[8])}return{c(){t=l("li"),i=l("div"),n=l("span"),a=h(),y&&y.c(),o=h(),r=l("span"),u=p(v),f=h(),m(n,"class","mc-menu__icon"),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),c(i,n),n.innerHTML=x,c(i,a),y&&y.m(i,null),c(i,o),c(i,r),c(r,u),c(t,f),b||(g=w(i,"click",E),b=!0)},p(t,s){e=t,3&s&&x!==(x=`<${C(e[8].iconName,e[0]===e[10])} />`)&&(n.innerHTML=x),e[3].icon?y?y.p(e,s):(y=$(e),y.c(),y.m(i,o)):y&&(y.d(1),y=null),2&s&&v!==(v=e[8].label+"")&&k(u,v),1&s&&_(i,"is-active",e[0]===e[10]),2&s&&_(i,"is-disabled",e[8].disabled)},d(e){e&&d(t),y&&y.d(),b=!1,g()}}}function E(e){let t,i,n=e[1],a=[];for(let t=0;t<n.length;t+=1)a[t]=y(v(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=v(e,n,s);a[s]?a[s].p(o,t):(a[s]=y(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 C(e,t){return t?`${e} fill="white" `:`${e} `}function z(e,t,i){let n,s,{$$slots:a={},$$scope:o}=t;const l=f(a);let{items:r}=t,{selected:m}=t,c=new x(b(),g());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 L 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},z,E,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{L as default};
+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 g,d as h,v as p,t as _,x as w,y as x}from"../../index-c222d0b7.js";import{E as k}from"../../EventHandler-f7ee47ca.js";function v(e,t,i){const n=e.slice();return n[8]=t[i],n[10]=i,n}function $(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 y(e){let t,i,n,a,o,r,u,f,b,g,k=`<${C(e[8].iconName,e[0]===e[10])} />`,v=e[8].label+"",y=e[3].icon&&$(e);function E(){return e[6](e[10],e[8])}return{c(){t=l("li"),i=l("div"),n=l("span"),a=h(),y&&y.c(),o=h(),r=l("span"),u=p(v),f=h(),m(n,"class","mc-menu__icon"),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),c(i,n),n.innerHTML=k,c(i,a),y&&y.m(i,null),c(i,o),c(i,r),c(r,u),c(t,f),b||(g=w(i,"click",E),b=!0)},p(t,s){e=t,3&s&&k!==(k=`<${C(e[8].iconName,e[0]===e[10])} />`)&&(n.innerHTML=k),e[3].icon?y?y.p(e,s):(y=$(e),y.c(),y.m(i,o)):y&&(y.d(1),y=null),2&s&&v!==(v=e[8].label+"")&&x(u,v),1&s&&_(i,"is-active",e[0]===e[10]),2&s&&_(i,"is-disabled",e[8].disabled)},d(e){e&&d(t),y&&y.d(),b=!1,g()}}}function E(e){let t,i,n=e[1],a=[];for(let t=0;t<n.length;t+=1)a[t]=y(v(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=v(e,n,s);a[s]?a[s].p(o,t):(a[s]=y(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 C(e,t){return t?`${e} fill="white" `:`${e} `}function z(e,t,i){let n,s,{$$slots:a={},$$scope:o}=t;const l=f(a);let{items:r}=t,{selected:m}=t,c=new k(b(),g());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 L 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},z,E,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{L as default};
 //# sourceMappingURL=Menu.js.map

package/public/bricoman/components/modal/Modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,t as r,d,n as m,h as c,j as b,l as h,m as p,o as f,p as x,q as g,r as w,v as _,w as u,a9 as y,x as v,J as k}from"../../index-48da6c1f.js";import{E as $}from"../../EventHandler-f7ee47ca.js";function z(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&f(i,e[1])},d(e){e&&g(t)}}}function E(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&g(t)}}}function j(e){let t,i,a,s,w,_,u,y,v,k,$,j,C,Y,T,q,H,L,S,M,R,A,B,J,O=e[1]&&z(e),D=!e[6]&&E(),F=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":S=!e[0]},e[4]],G={};for(let e=0;e<F.length;e+=1)G=n(G,F[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),_=r(e[2]),u=d(),y=l("button"),v=l("span"),k=r(e[3]),$=d(),j=l("main"),C=l("article"),O&&O.c(),Y=d(),T=l("slot"),q=d(),D&&D.c(),M=d(),R=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(y,"class","mc-modal__close"),c(y,"type","button"),c(s,"class","mc-modal__header"),c(T,"name","content"),c(C,"class","mc-modal__content"),c(j,"class","mc-modal__body"),c(a,"class",H="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,G),c(R,"class",A="mc-modal-overlay "+(e[0]?" is-visible":"")),c(R,"tabindex","-1"),c(R,"role","dialog")},m(n,l){o(n,t,l),h(t,i),h(i,a),h(a,s),h(s,w),h(w,_),h(s,u),h(s,y),h(y,v),h(v,k),h(a,$),h(a,j),h(j,C),O&&O.m(C,null),h(C,Y),h(C,T),h(a,q),D&&D.m(a,null),h(t,M),h(t,R),e[11](t),B||(J=p(y,"click",e[10]),B=!0)},p(e,[t]){4&t&&f(_,e[2]),8&t&&f(k,e[3]),e[1]?O?O.p(e,t):(O=z(e),O.c(),O.m(C,Y)):O&&(O.d(1),O=null),e[6]?D&&(D.d(1),D=null):D||(D=E(),D.c(),D.m(a,null)),1&t&&H!==(H="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",H),b(i,G=x(F,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&S!==(S=!e[0])&&{"aria-hidden":S},16&t&&e[4]])),1&t&&A!==(A="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(R,"class",A)},i:m,o:m,d(i){i&&g(t),O&&O.d(),D&&D.d(),e[11](null),B=!1,J()}}}function C(e,t,i){let o,a;const s=["title","modaltitle","isopen","closebuttontext","hidefooter"];let l,r=w(t,s),{title:d}=t,{modaltitle:m}=t,{isopen:c}=t,{closebuttontext:b="Close"}=t,{hidefooter:h}=t,p=new $(_(),u());function f(){i(0,c=!1)}y((()=>{const e=l.querySelector(".mc-modal"),t=l.querySelector(".mc-modal__body"),i=l.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),v(e)),i(13,r=w(t,s)),"title"in e&&i(1,d=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,c=e.isopen),"closebuttontext"in e&&i(3,b=e.closebuttontext),"hidefooter"in e&&i(9,h=e.hidefooter)},e.$$.update=()=>{512&e.$$.dirty&&i(6,o=null!=h&&h),1&e.$$.dirty&&(c?p.dispatch("modal-opened",{}):p.dispatch("modal-closed",{})),i(4,a=Object.assign({},r)),16&e.$$.dirty&&delete a.class},[c,d,m,b,a,l,o,undefined,f,h,()=>f(),function(e){k[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class Y extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-modal{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--modal-z-index, 1999999999);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;max-height:100%;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::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;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-modal__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-modal__close: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-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},C,j,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{Y as default};
+import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,v as r,d,n as m,h as c,j as b,k as h,x as p,y as f,l as x,m as g,o as w,q as _,r as u,a9 as y,u as v,K as k}from"../../index-c222d0b7.js";import{E as $}from"../../EventHandler-f7ee47ca.js";function z(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&f(i,e[1])},d(e){e&&g(t)}}}function E(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&g(t)}}}function j(e){let t,i,a,s,w,_,u,y,v,k,$,j,C,Y,T,q,H,L,S,M,R,A,B,K,O=e[1]&&z(e),D=!e[6]&&E(),F=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":S=!e[0]},e[4]],G={};for(let e=0;e<F.length;e+=1)G=n(G,F[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),_=r(e[2]),u=d(),y=l("button"),v=l("span"),k=r(e[3]),$=d(),j=l("main"),C=l("article"),O&&O.c(),Y=d(),T=l("slot"),q=d(),D&&D.c(),M=d(),R=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(y,"class","mc-modal__close"),c(y,"type","button"),c(s,"class","mc-modal__header"),c(T,"name","content"),c(C,"class","mc-modal__content"),c(j,"class","mc-modal__body"),c(a,"class",H="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,G),c(R,"class",A="mc-modal-overlay "+(e[0]?" is-visible":"")),c(R,"tabindex","-1"),c(R,"role","dialog")},m(n,l){o(n,t,l),h(t,i),h(i,a),h(a,s),h(s,w),h(w,_),h(s,u),h(s,y),h(y,v),h(v,k),h(a,$),h(a,j),h(j,C),O&&O.m(C,null),h(C,Y),h(C,T),h(a,q),D&&D.m(a,null),h(t,M),h(t,R),e[11](t),B||(K=p(y,"click",e[10]),B=!0)},p(e,[t]){4&t&&f(_,e[2]),8&t&&f(k,e[3]),e[1]?O?O.p(e,t):(O=z(e),O.c(),O.m(C,Y)):O&&(O.d(1),O=null),e[6]?D&&(D.d(1),D=null):D||(D=E(),D.c(),D.m(a,null)),1&t&&H!==(H="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",H),b(i,G=x(F,[{class:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&S!==(S=!e[0])&&{"aria-hidden":S},16&t&&e[4]])),1&t&&A!==(A="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(R,"class",A)},i:m,o:m,d(i){i&&g(t),O&&O.d(),D&&D.d(),e[11](null),B=!1,K()}}}function C(e,t,i){let o,a;const s=["title","modaltitle","isopen","closebuttontext","hidefooter"];let l,r=w(t,s),{title:d}=t,{modaltitle:m}=t,{isopen:c}=t,{closebuttontext:b="Close"}=t,{hidefooter:h}=t,p=new $(_(),u());function f(){i(0,c=!1)}y((()=>{const e=l.querySelector(".mc-modal"),t=l.querySelector(".mc-modal__body"),i=l.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),v(e)),i(13,r=w(t,s)),"title"in e&&i(1,d=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,c=e.isopen),"closebuttontext"in e&&i(3,b=e.closebuttontext),"hidefooter"in e&&i(9,h=e.hidefooter)},e.$$.update=()=>{512&e.$$.dirty&&i(6,o=null!=h&&h),1&e.$$.dirty&&(c?p.dispatch("modal-opened",{}):p.dispatch("modal-closed",{})),i(4,a=Object.assign({},r)),16&e.$$.dirty&&delete a.class},[c,d,m,b,a,l,o,undefined,f,h,()=>f(),function(e){k[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class Y extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-modal{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--modal-z-index, 1999999999);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;max-height:100%;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23808080'%3E%3Cpath d='M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::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;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-modal__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-modal__close: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-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},C,j,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{Y as default};
 //# sourceMappingURL=Modal.js.map

package/public/bricoman/components/notification/Notification.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as i,i as t,a as e,b as o,f as n,s as a,c as r,e as s,d as c,n as l,h as m,j as d,l as f,p as h,q as g,r as b,v as x,w,x as p,R as k,t as u,a5 as v,o as y,m as _}from"../../index-48da6c1f.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function E(i){let t,e=i[1],n=i[1]&&z(i);return{c(){n&&n.c(),t=k()},m(i,e){n&&n.m(i,e),o(i,t,e)},p(i,o){i[1]?e?a(e,i[1])?(n.d(1),n=z(i),e=i[1],n.c(),n.m(t.parentNode,t)):n.p(i,o):(n=z(i),e=i[1],n.c(),n.m(t.parentNode,t)):e&&(n.d(1),n=null,e=i[1])},d(i){i&&g(t),n&&n.d(i)}}}function z(i){let t,e;return{c(){t=s(i[1]),e=u(i[0]),v(i[1])(t,{class:"mc-notification__title"})},m(i,n){o(i,t,n),f(t,e)},p(i,t){1&t&&y(e,i[0])},d(i){i&&g(t)}}}function $(i){let t;return{c(){t=s("div"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-notification__footer")},m(i,e){o(i,t,e)},p:l,d(i){i&&g(t)}}}function M(i){let t,e,n;return{c(){t=s("div"),e=s("a"),n=u(i[4]),m(e,"class","mc-notification__link mc-link"),m(e,"href",i[3]),m(t,"class","mc-notification__footer")},m(i,a){o(i,t,a),f(t,e),f(e,n)},p(i,t){16&t&&y(n,i[4]),8&t&&m(e,"href",i[3])},d(i){i&&g(t)}}}function A(i){let t,e,n;return{c(){t=s("button"),m(t,"type","button"),m(t,"class","mc-notification-closable__close"),m(t,"title","Close")},m(a,r){o(a,t,r),e||(n=_(t,"click",i[10]),e=!0)},p:l,d(i){i&&g(t),e=!1,n()}}}function Z(i){let t,e,n,a,b,x,w,p,k=i[0]&&E(i);function u(i,t){return i[3]&&i[4]?M:i[8]?$:void 0}let v=u(i),y=v&&v(i),_=i[6]&&A(i),C=[{class:w=L(i[5],i[7],i[6])+" "+i[11].class},{role:p=i[2]?"alert":"status"},i[9]],z={};for(let i=0;i<C.length;i+=1)z=r(z,C[i]);return{c(){t=s("div"),e=s("div"),k&&k.c(),n=c(),a=s("div"),a.innerHTML="<slot></slot>",b=c(),y&&y.c(),x=c(),_&&_.c(),this.c=l,m(a,"class","mc-notification__message"),m(e,"class","mc-notification__content"),d(t,z)},m(i,r){o(i,t,r),f(t,e),k&&k.m(e,null),f(e,n),f(e,a),f(e,b),y&&y.m(e,null),f(t,x),_&&_.m(t,null)},p(i,[o]){i[0]?k?k.p(i,o):(k=E(i),k.c(),k.m(e,n)):k&&(k.d(1),k=null),v===(v=u(i))&&y?y.p(i,o):(y&&y.d(1),y=v&&v(i),y&&(y.c(),y.m(e,null))),i[6]?_?_.p(i,o):(_=A(i),_.c(),_.m(t,null)):_&&(_.d(1),_=null),d(t,z=h(C,[2272&o&&w!==(w=L(i[5],i[7],i[6])+" "+i[11].class)&&{class:w},4&o&&p!==(p=i[2]?"alert":"status")&&{role:p},512&o&&i[9]]))},i:l,o:l,d(i){i&&g(t),k&&k.d(),y&&y.d(),_&&_.d()}}}function L(i,t,e){const o=["mc-notification"];return i&&o.push(`mc-notification--${i}`),t&&"m"!==t&&o.push(`mc-notification--${t}`),e&&o.push("mc-notification-closable"),o.join(" ")}function B(i,t,e){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let a=b(t,n),{title:s}=t,{titletag:c="h3"}=t,{alert:l=!1}=t,{href:m}=t,{linkcontent:d}=t,{type:f}=t,{closable:h=!1}=t,{size:g="m"}=t,{hasfooter:k=!1}=t,u=new C(x(),w());return i.$$set=i=>{e(11,t=r(r({},t),p(i))),e(13,a=b(t,n)),"title"in i&&e(0,s=i.title),"titletag"in i&&e(1,c=i.titletag),"alert"in i&&e(2,l=i.alert),"href"in i&&e(3,m=i.href),"linkcontent"in i&&e(4,d=i.linkcontent),"type"in i&&e(5,f=i.type),"closable"in i&&e(6,h=i.closable),"size"in i&&e(7,g=i.size),"hasfooter"in i&&e(8,k=i.hasfooter)},i.$$.update=()=>{e(9,o=Object.assign({},a)),512&i.$$.dirty&&delete o.class},t=p(t),[s,c,l,m,d,f,h,g,k,o,function(i){u.dispatch("close",i)},t]}class V extends i{constructor(i){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;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;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:#c34400}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#c34400}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#943300}.mc-link--primary.is-active,.mc-link--primary:active{color:#702700}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#c34400}.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}}.mc-notification{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000000}.mc-notification::before{background-size:2rem;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:0.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:0.5rem}.mc-notification::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification::before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:0.875rem;line-height:1.5714285714}.mc-notification__footer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.mc-notification__link{font-size:0.875rem;line-height:1.2857142857;margin-top:0.5rem}.mc-notification--information{background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;-webkit-box-shadow:inset 0 0 0 1px #46a610;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;-webkit-box-shadow:inset 0 0 0 1px #ea7315;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;-webkit-box-shadow:inset 0 0 0 1px #ea302d;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:0.75rem 0.75rem 1.5rem}.mc-notification--s::before{background-size:1.5rem;-webkit-box-flex:0;-ms-flex:0 0 1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:0.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:0.25rem}.mc-notification--s::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close::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;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-notification-closable__close: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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}@media screen and (min-width: 1024px){.mc-notification__footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},B,Z,a,{title:0,titletag:1,alert:2,href:3,linkcontent:4,type:5,closable:6,size:7,hasfooter:8},null),i&&(i.target&&o(i.target,this,i.anchor),i.props&&(this.$set(i.props),n()))}static get observedAttributes(){return["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"]}get title(){return this.$$.ctx[0]}set title(i){this.$$set({title:i}),n()}get titletag(){return this.$$.ctx[1]}set titletag(i){this.$$set({titletag:i}),n()}get alert(){return this.$$.ctx[2]}set alert(i){this.$$set({alert:i}),n()}get href(){return this.$$.ctx[3]}set href(i){this.$$set({href:i}),n()}get linkcontent(){return this.$$.ctx[4]}set linkcontent(i){this.$$set({linkcontent:i}),n()}get type(){return this.$$.ctx[5]}set type(i){this.$$set({type:i}),n()}get closable(){return this.$$.ctx[6]}set closable(i){this.$$set({closable:i}),n()}get size(){return this.$$.ctx[7]}set size(i){this.$$set({size:i}),n()}get hasfooter(){return this.$$.ctx[8]}set hasfooter(i){this.$$set({hasfooter:i}),n()}}export{V as default};
+import{S as i,i as t,a as e,b as o,f as n,s as a,c as r,e as s,d as c,n as l,h as m,j as d,k as f,l as h,m as g,o as b,q as x,r as w,u as p,T as k,v as u,w as v,y,x as _}from"../../index-c222d0b7.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function E(i){let t,e=i[1],n=i[1]&&z(i);return{c(){n&&n.c(),t=k()},m(i,e){n&&n.m(i,e),o(i,t,e)},p(i,o){i[1]?e?a(e,i[1])?(n.d(1),n=z(i),e=i[1],n.c(),n.m(t.parentNode,t)):n.p(i,o):(n=z(i),e=i[1],n.c(),n.m(t.parentNode,t)):e&&(n.d(1),n=null,e=i[1])},d(i){i&&g(t),n&&n.d(i)}}}function z(i){let t,e;return{c(){t=s(i[1]),e=u(i[0]),v(i[1])(t,{class:"mc-notification__title"})},m(i,n){o(i,t,n),f(t,e)},p(i,t){1&t&&y(e,i[0])},d(i){i&&g(t)}}}function $(i){let t;return{c(){t=s("div"),t.innerHTML='<slot name="footer"></slot>',m(t,"class","mc-notification__footer")},m(i,e){o(i,t,e)},p:l,d(i){i&&g(t)}}}function M(i){let t,e,n;return{c(){t=s("div"),e=s("a"),n=u(i[4]),m(e,"class","mc-notification__link mc-link"),m(e,"href",i[3]),m(t,"class","mc-notification__footer")},m(i,a){o(i,t,a),f(t,e),f(e,n)},p(i,t){16&t&&y(n,i[4]),8&t&&m(e,"href",i[3])},d(i){i&&g(t)}}}function A(i){let t,e,n;return{c(){t=s("button"),m(t,"type","button"),m(t,"class","mc-notification-closable__close"),m(t,"title","Close")},m(a,r){o(a,t,r),e||(n=_(t,"click",i[10]),e=!0)},p:l,d(i){i&&g(t),e=!1,n()}}}function Z(i){let t,e,n,a,b,x,w,p,k=i[0]&&E(i);function u(i,t){return i[3]&&i[4]?M:i[8]?$:void 0}let v=u(i),y=v&&v(i),_=i[6]&&A(i),C=[{class:w=L(i[5],i[7],i[6])+" "+i[11].class},{role:p=i[2]?"alert":"status"},i[9]],z={};for(let i=0;i<C.length;i+=1)z=r(z,C[i]);return{c(){t=s("div"),e=s("div"),k&&k.c(),n=c(),a=s("div"),a.innerHTML="<slot></slot>",b=c(),y&&y.c(),x=c(),_&&_.c(),this.c=l,m(a,"class","mc-notification__message"),m(e,"class","mc-notification__content"),d(t,z)},m(i,r){o(i,t,r),f(t,e),k&&k.m(e,null),f(e,n),f(e,a),f(e,b),y&&y.m(e,null),f(t,x),_&&_.m(t,null)},p(i,[o]){i[0]?k?k.p(i,o):(k=E(i),k.c(),k.m(e,n)):k&&(k.d(1),k=null),v===(v=u(i))&&y?y.p(i,o):(y&&y.d(1),y=v&&v(i),y&&(y.c(),y.m(e,null))),i[6]?_?_.p(i,o):(_=A(i),_.c(),_.m(t,null)):_&&(_.d(1),_=null),d(t,z=h(C,[2272&o&&w!==(w=L(i[5],i[7],i[6])+" "+i[11].class)&&{class:w},4&o&&p!==(p=i[2]?"alert":"status")&&{role:p},512&o&&i[9]]))},i:l,o:l,d(i){i&&g(t),k&&k.d(),y&&y.d(),_&&_.d()}}}function L(i,t,e){const o=["mc-notification"];return i&&o.push(`mc-notification--${i}`),t&&"m"!==t&&o.push(`mc-notification--${t}`),e&&o.push("mc-notification-closable"),o.join(" ")}function B(i,t,e){let o;const n=["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"];let a=b(t,n),{title:s}=t,{titletag:c="h3"}=t,{alert:l=!1}=t,{href:m}=t,{linkcontent:d}=t,{type:f}=t,{closable:h=!1}=t,{size:g="m"}=t,{hasfooter:k=!1}=t,u=new C(x(),w());return i.$$set=i=>{e(11,t=r(r({},t),p(i))),e(13,a=b(t,n)),"title"in i&&e(0,s=i.title),"titletag"in i&&e(1,c=i.titletag),"alert"in i&&e(2,l=i.alert),"href"in i&&e(3,m=i.href),"linkcontent"in i&&e(4,d=i.linkcontent),"type"in i&&e(5,f=i.type),"closable"in i&&e(6,h=i.closable),"size"in i&&e(7,g=i.size),"hasfooter"in i&&e(8,k=i.hasfooter)},i.$$.update=()=>{e(9,o=Object.assign({},a)),512&i.$$.dirty&&delete o.class},t=p(t),[s,c,l,m,d,f,h,g,k,o,function(i){u.dispatch("close",i)},t]}class V extends i{constructor(i){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;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;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:#c34400}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#c34400}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#943300}.mc-link--primary.is-active,.mc-link--primary:active{color:#702700}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#c34400}.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}}.mc-notification{font-family:\"LeroyMerlin\", sans-serif;font-weight:400;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000000}.mc-notification::before{background-size:2rem;-webkit-box-flex:0;-ms-flex:0 0 2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:0.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:0.5rem}.mc-notification::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification::before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:0.875rem;line-height:1.5714285714}.mc-notification__footer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.mc-notification__link{font-size:0.875rem;line-height:1.2857142857;margin-top:0.5rem}.mc-notification--information{background:#daeff7;-webkit-box-shadow:inset 0 0 0 1px #0b96cc;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23007bb4'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z'/%3E%3Ccircle cx='16' cy='11.3' r='1'/%3E%3C/svg%3E\")}.mc-notification--success{background:#ebf5de;-webkit-box-shadow:inset 0 0 0 1px #46a610;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23188803' viewBox='0 0 32 32'%3E%3Cpath d='M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z'/%3E%3Cpath d='M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z'/%3E%3C/svg%3E\")}.mc-notification--warning{background:#fdf1e8;-webkit-box-shadow:inset 0 0 0 1px #ea7315;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c65200'%3E%3Cpath d='M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z'/%3E%3Cpath d='M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z'/%3E%3Ccircle cx='16' cy='20.7' r='1'/%3E%3C/svg%3E\")}.mc-notification--danger{background:#fdeaea;-webkit-box-shadow:inset 0 0 0 1px #ea302d;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' viewBox='0 0 32 32' fill='%23c61112'%3E%3Cpath d='M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z'/%3E%3Cpath d='M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z'/%3E%3C/svg%3E\")}.mc-notification--s{padding:0.75rem 0.75rem 1.5rem}.mc-notification--s::before{background-size:1.5rem;-webkit-box-flex:0;-ms-flex:0 0 1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:0.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:0.25rem}.mc-notification--s::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23007bb4'%3E%3Cpath d='M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z'/%3E%3Cpath d='M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--success::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23188803'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--warning::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c65200'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-notification--s.mc-notification--danger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close::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;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-notification-closable__close: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;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}@media screen and (min-width: 1024px){.mc-notification__footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},B,Z,a,{title:0,titletag:1,alert:2,href:3,linkcontent:4,type:5,closable:6,size:7,hasfooter:8},null),i&&(i.target&&o(i.target,this,i.anchor),i.props&&(this.$set(i.props),n()))}static get observedAttributes(){return["title","titletag","alert","href","linkcontent","type","closable","size","hasfooter"]}get title(){return this.$$.ctx[0]}set title(i){this.$$set({title:i}),n()}get titletag(){return this.$$.ctx[1]}set titletag(i){this.$$set({titletag:i}),n()}get alert(){return this.$$.ctx[2]}set alert(i){this.$$set({alert:i}),n()}get href(){return this.$$.ctx[3]}set href(i){this.$$set({href:i}),n()}get linkcontent(){return this.$$.ctx[4]}set linkcontent(i){this.$$set({linkcontent:i}),n()}get type(){return this.$$.ctx[5]}set type(i){this.$$set({type:i}),n()}get closable(){return this.$$.ctx[6]}set closable(i){this.$$set({closable:i}),n()}get size(){return this.$$.ctx[7]}set size(i){this.$$set({size:i}),n()}get hasfooter(){return this.$$.ctx[8]}set hasfooter(i){this.$$set({hasfooter:i}),n()}}export{V as default};
 //# sourceMappingURL=Notification.js.map

package/public/bricoman/components/notification/Notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","sources":["../../../../src/components/notification/Notification.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type {\n NotificationTitleTag,\n NotificationType,\n NotificationSize,\n } from './notification.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let title: string;\n export let titletag: NotificationTitleTag = 'h3';\n export let alert = false;\n export let href: string;\n export let linkcontent: string;\n export let type: NotificationType;\n export let closable = false;\n export let size: NotificationSize = 'm';\n export let hasfooter = false;\n\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function setClasses(\n type: NotificationType,\n size: NotificationSize,\n closable: boolean,\n ): string {\n const classes = ['mc-notification'];\n\n if (type) {\n classes.push(`mc-notification--${type}`);\n }\n\n if (size && size !== 'm') {\n classes.push(`mc-notification--${size}`);\n }\n\n if (closable) {\n classes.push('mc-notification-closable');\n }\n\n return classes.join(' ');\n }\n\n function emitClose(e: CustomEventInit): void {\n eventHandler.dispatch('close', e);\n }\n</script>\n\n<div\n class=\"{setClasses(type, size, closable)} {$$props.class}\"\n role={alert ? 'alert' : 'status'}\n {...attributes}\n>\n <div class=\"mc-notification__content\">\n {#if title}\n <svelte:element this={titletag} class=\"mc-notification__title\"\n >{title}</svelte:element\n >\n {/if}\n <div class=\"mc-notification__message\">\n <slot />\n </div>\n {#if href && linkcontent}\n <div class=\"mc-notification__footer\">\n <a class=\"mc-notification__link mc-link\" {href}>{linkcontent}</a>\n </div>\n {:else if hasfooter}\n <div class=\"mc-notification__footer\">\n <slot name=\"footer\" />\n </div>\n {/if}\n </div>\n {#if closable}\n <button\n type=\"button\"\n class=\"mc-notification-closable__close\"\n title=\"Close\"\n on:click={emitClose}\n />\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.links';\n @import '@mozaic-ds/styles/components/_c.notification';\n</style>\n"],"names":["ctx","create_dynamic_element","svelte_element","class","insert","target","anchor","div","append","a","button","create_if_block_3","create_if_block_1","create_if_block_2","create_if_block","setClasses","div2","div1","div0","div2_class_value","role","div2_role_value","type","size","closable","classes","push","join","title","$$props","titletag","alert","href","linkcontent","hasfooter","eventHandler","EventHandler","get_current_component","createEventDispatcher","attributes","Object","assign","$$restProps","e","dispatch"],"mappings":"~~kRAkE4BA~~,EAAQ,KAARA,EAAQ,IAAAC,EAAAD,kEAARA,EAAQ,SAARA,EAAQ,qBAARA,EAAQ,iDAARA,EAAQ,kDAARA,EAAQ,mEAARA,EAAQ,QAC1BA,EAAK,MADaA,EAAQ,IAAAE,EAAA,CAAAC,MAAA,mCAA9BC,EAEAC,EAAAH,EAAAI,2BADIN,EAAK,uJAWTI,EAEKC,EAAAE,EAAAD,kFAL8CN,EAAW,iHAD9DI,EAEKC,EAAAE,EAAAD,GADHE,EAAgED,EAAAE,4BAAfT,EAAW,4LAShEI,EAKCC,EAAAK,EAAAJ,qBADWN,EAAS,4EAvBhBA,EAAK,IAAAW,EAAAX,mBAQL,OAAAA,MAAQA,EAAW,GAAAY,EAIdZ,EAAS,GAAAa,gCAMhBb,EAAQ,IAAAc,EAAAd,eAvBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACG,eAC7CH,EAAK,GAAG,QAAU,UACpBA,EAAU,8QAHhBI,EAgCKC,EAAAW,EAAAV,GA3BHE,EAkBKQ,EAAAC,yBAZHT,EAEKS,EAAAC,yDAPAlB,EAAK,+HAkBPA,EAAQ,sFAvBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACG,QAAK,CAAAA,MAAAgB,eAClDnB,EAAK,GAAG,QAAU,WAAQ,CAAAoB,KAAAC,UAC5BrB,EAAU,yDA9BL,SAAAe,EACPO,EACAC,EACAC,GAEM,MAAAC,GAAW,0BAEbH,GACFG,EAAQC,KAAI,oBAAqBJ,KAG/BC,GAAiB,MAATA,GACVE,EAAQC,KAAI,oBAAqBH,KAG/BC,GACFC,EAAQC,KAAK,4BAGRD,EAAQE,KAAK,gJArCXC,GAAaC,GACbC,SAAAA,EAAiC,MAAID,GACrCE,MAAAA,GAAQ,GAAKF,QACbG,GAAYH,eACZI,GAAmBJ,QACnBP,GAAsBO,GACtBL,SAAAA,GAAW,GAAKK,GAChBN,KAAAA,EAAyB,KAAGM,GAC5BK,UAAAA,GAAY,GAAKL,EAKxBM,EAAmB,IAAAC,EACrBC,IACAC,2WALCC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWpC,mCA6BZ,SAAUwC,GACjBR,EAAaS,SAAS,QAASD"}
1	+ {"version":3,"file":"Notification.js","sources":["../../../../src/components/notification/Notification.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type {\n NotificationTitleTag,\n NotificationType,\n NotificationSize,\n } from './notification.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let title: string;\n export let titletag: NotificationTitleTag = 'h3';\n export let alert = false;\n export let href: string;\n export let linkcontent: string;\n export let type: NotificationType;\n export let closable = false;\n export let size: NotificationSize = 'm';\n export let hasfooter = false;\n\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function setClasses(\n type: NotificationType,\n size: NotificationSize,\n closable: boolean,\n ): string {\n const classes = ['mc-notification'];\n\n if (type) {\n classes.push(`mc-notification--${type}`);\n }\n\n if (size && size !== 'm') {\n classes.push(`mc-notification--${size}`);\n }\n\n if (closable) {\n classes.push('mc-notification-closable');\n }\n\n return classes.join(' ');\n }\n\n function emitClose(e: CustomEventInit): void {\n eventHandler.dispatch('close', e);\n }\n</script>\n\n<div\n class=\"{setClasses(type, size, closable)} {$$props.class}\"\n role={alert ? 'alert' : 'status'}\n {...attributes}\n>\n <div class=\"mc-notification__content\">\n {#if title}\n <svelte:element this={titletag} class=\"mc-notification__title\"\n >{title}</svelte:element\n >\n {/if}\n <div class=\"mc-notification__message\">\n <slot />\n </div>\n {#if href && linkcontent}\n <div class=\"mc-notification__footer\">\n <a class=\"mc-notification__link mc-link\" {href}>{linkcontent}</a>\n </div>\n {:else if hasfooter}\n <div class=\"mc-notification__footer\">\n <slot name=\"footer\" />\n </div>\n {/if}\n </div>\n {#if closable}\n <button\n type=\"button\"\n class=\"mc-notification-closable__close\"\n title=\"Close\"\n on:click={emitClose}\n />\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.links';\n @import '@mozaic-ds/styles/components/_c.notification';\n</style>\n"],"names":["ctx","create_dynamic_element","svelte_element","class","insert","target","anchor","div","append","a","button","create_if_block_3","create_if_block_1","create_if_block_2","create_if_block","setClasses","div2","div1","div0","div2_class_value","role","div2_role_value","type","size","closable","classes","push","join","title","$$props","titletag","alert","href","linkcontent","hasfooter","eventHandler","EventHandler","get_current_component","createEventDispatcher","attributes","Object","assign","$$restProps","e","dispatch"],"mappings":"iRAkE4BA,EAAQ,KAARA,EAAQ,IAAAC,EAAAD,kEAARA,EAAQ,SAARA,EAAQ,qBAARA,EAAQ,iDAARA,EAAQ,kDAARA,EAAQ,mEAARA,EAAQ,QAC1BA,EAAK,MADaA,EAAQ,IAAAE,EAAA,CAAAC,MAAA,mCAA9BC,EAEAC,EAAAH,EAAAI,2BADIN,EAAK,uJAWTI,EAEKC,EAAAE,EAAAD,kFAL8CN,EAAW,iHAD9DI,EAEKC,EAAAE,EAAAD,GADHE,EAAgED,EAAAE,4BAAfT,EAAW,4LAShEI,EAKCC,EAAAK,EAAAJ,qBADWN,EAAS,4EAvBhBA,EAAK,IAAAW,EAAAX,mBAQL,OAAAA,MAAQA,EAAW,GAAAY,EAIdZ,EAAS,GAAAa,gCAMhBb,EAAQ,IAAAc,EAAAd,eAvBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACG,eAC7CH,EAAK,GAAG,QAAU,UACpBA,EAAU,8QAHhBI,EAgCKC,EAAAW,EAAAV,GA3BHE,EAkBKQ,EAAAC,yBAZHT,EAEKS,EAAAC,yDAPAlB,EAAK,+HAkBPA,EAAQ,sFAvBLe,EAAWf,EAAM,GAAAA,KAAMA,EAAQ,IAAA,IAAIA,EAAO,IAACG,QAAK,CAAAA,MAAAgB,eAClDnB,EAAK,GAAG,QAAU,WAAQ,CAAAoB,KAAAC,UAC5BrB,EAAU,yDA9BL,SAAAe,EACPO,EACAC,EACAC,GAEM,MAAAC,GAAW,0BAEbH,GACFG,EAAQC,KAAI,oBAAqBJ,KAG/BC,GAAiB,MAATA,GACVE,EAAQC,KAAI,oBAAqBH,KAG/BC,GACFC,EAAQC,KAAK,4BAGRD,EAAQE,KAAK,gJArCXC,GAAaC,GACbC,SAAAA,EAAiC,MAAID,GACrCE,MAAAA,GAAQ,GAAKF,QACbG,GAAYH,eACZI,GAAmBJ,QACnBP,GAAsBO,GACtBL,SAAAA,GAAW,GAAKK,GAChBN,KAAAA,EAAyB,KAAGM,GAC5BK,UAAAA,GAAY,GAAKL,EAKxBM,EAAmB,IAAAC,EACrBC,IACAC,2WALCC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWpC,mCA6BZ,SAAUwC,GACjBR,EAAaS,SAAS,QAASD"}

package/public/bricoman/components/optionbutton/OptionButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as t,i as o,a as e,b as n,f as s,s as i,c,e as a,n as l,j as r,k as p,p as d,q as b,Q as u,r as m,v as h,w as f,x,d as g,t as w,h as k,l as $,M as _,m as y,o as j,O as v}from"../../index-48da6c1f.js";import{c as E}from"../../EventForward-78ecc73b.js";import{E as O}from"../../EventHandler-f7ee47ca.js";function C(t,o,e){const n=t.slice();return n[14]=o[e],n}function M(t){let o,e,s,i,c,l,r,d,u,m,h,f,x,E,O=t[14].label+"";function C(){return t[10](t[14])}return{c(){o=a("div"),e=a("input"),d=g(),u=a("label"),m=w(O),f=g(),k(e,"id",s=t[14].id),k(e,"type","radio"),k(e,"class","mc-option-button__input"),k(e,"name",i=t[14].name),e.checked=c=t[14].checked,e.value=l=t[14].id,e.disabled=r=t[14].disabled,k(u,"for",h=t[14].id),k(u,"class","mc-option-button__label"),k(o,"class","mc-option-button"),p(o,"mc-option-button--full",t[14].fullwidth)},m(s,i){n(s,o,i),$(o,e),$(o,d),$(o,u),$(u,m),$(o,f),x||(E=[_(t[6].call(null,e)),y(e,"change",C)],x=!0)},p(n,a){t=n,32&a&&s!==(s=t[14].id)&&k(e,"id",s),32&a&&i!==(i=t[14].name)&&k(e,"name",i),32&a&&c!==(c=t[14].checked)&&(e.checked=c),32&a&&l!==(l=t[14].id)&&(e.value=l),32&a&&r!==(r=t[14].disabled)&&(e.disabled=r),32&a&&O!==(O=t[14].label+"")&&j(m,O),32&a&&h!==(h=t[14].id)&&k(u,"for",h),32&a&&p(o,"mc-option-button--full",t[14].fullwidth)},d(t){t&&b(o),x=!1,v(E)}}}function R(t){let o,e,s,i=t[5],m=[];for(let o=0;o<i.length;o+=1)m[o]=M(C(t,i,o));let h=[{class:e="mc-option-group "+t[4]},t[3],{style:s=`justify-content:${t[0]}; gap:${t[2]}`}],f={};for(let t=0;t<h.length;t+=1)f=c(f,h[t]);return{c(){o=a("div");for(let t=0;t<m.length;t+=1)m[t].c();this.c=l,r(o,f),p(o,"mc-option-group--column",t[1])},m(t,e){n(t,o,e);for(let t=0;t<m.length;t+=1)m[t]&&m[t].m(o,null)},p(t,[n]){if(160&n){let e;for(i=t[5],e=0;e<i.length;e+=1){const s=C(t,i,e);m[e]?m[e].p(s,n):(m[e]=M(s),m[e].c(),m[e].m(o,null))}for(;e<m.length;e+=1)m[e].d(1);m.length=i.length}r(o,f=d(h,[16&n&&e!==(e="mc-option-group "+t[4])&&{class:e},8&n&&t[3],5&n&&s!==(s=`justify-content:${t[0]}; gap:${t[2]}`)&&{style:s}])),p(o,"mc-option-group--column",t[1])},i:l,o:l,d(t){t&&b(o),u(m,t)}}}function S(t,o,e){let n,s,i;const a=["checked","options","justifycontent","column","gap"];let l=m(o,a),{checked:r}=o,{options:p}=o,{justifycontent:d="space-between"}=o,{column:b=!1}=o,{gap:u="1rem"}=o,g=new O(h(),f());const w=E(h());function k(t){t.checked=!t.checked,g.dispatch("change",t)}return t.$$set=t=>{e(13,o=c(c({},o),x(t))),e(12,l=m(o,a)),"checked"in t&&e(8,r=t.checked),"options"in t&&e(9,p=t.options),"justifycontent"in t&&e(0,d=t.justifycontent),"column"in t&&e(1,b=t.column),"gap"in t&&e(2,u=t.gap)},t.$$.update=()=>{512&t.$$.dirty&&e(5,n=p?JSON.parse(p):[]),e(4,s=o.class),e(3,i=Object.assign({},l)),8&t.$$.dirty&&delete i.class},o=x(o),[d,b,u,i,s,n,w,k,r,p,t=>k(t)]}class q extends t{constructor(t){super();const c=document.createElement("style");c.textContent='.mc-option-button{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}.mc-option-button__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-option-button__input:hover+.mc-option-button__label{-webkit-box-shadow:0 0 0 2px #333333;box-shadow:0 0 0 2px #333333}.mc-option-button__input:checked+.mc-option-button__label{border-color:#ff941a;-webkit-box-shadow:0 0 0 0.25rem #ffe2bd;box-shadow:0 0 0 0.25rem #ffe2bd}.mc-option-button__input:focus+.mc-option-button__label::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-option-button__input:disabled+.mc-option-button__label{cursor:not-allowed;background-color:#cccccc;color:#666666;-webkit-box-shadow:none;box-shadow:none}.mc-option-button__label{font-family:"LeroyMerlin", sans-serif;font-weight:600;position:relative;padding:1.5625rem 2rem;border-radius:4px;-webkit-box-shadow:0 0 0 1px #b3b3b3;box-shadow:0 0 0 1px #b3b3b3;border:2px solid transparent;cursor:pointer;position:relative}.mc-option-button__label::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;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:6px;top:-0.25rem;right:-0.25rem;bottom:-0.25rem;left:-0.25rem}.mc-option-button--full .mc-option-button__label{width:100%}.mc-option-group{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-option-group--column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}',this.shadowRoot.appendChild(c),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},S,R,i,{checked:8,options:9,justifycontent:0,column:1,gap:2},null),t&&(t.target&&n(t.target,this,t.anchor),t.props&&(this.$set(t.props),s()))}static get observedAttributes(){return["checked","options","justifycontent","column","gap"]}get checked(){return this.$$.ctx[8]}set checked(t){this.$$set({checked:t}),s()}get options(){return this.$$.ctx[9]}set options(t){this.$$set({options:t}),s()}get justifycontent(){return this.$$.ctx[0]}set justifycontent(t){this.$$set({justifycontent:t}),s()}get column(){return this.$$.ctx[1]}set column(t){this.$$set({column:t}),s()}get gap(){return this.$$.ctx[2]}set gap(t){this.$$set({gap:t}),s()}}export{q as default};
+import{S as t,i as o,a as e,b as n,f as s,s as i,c,e as a,n as l,j as r,t as p,l as d,m as b,R as u,o as m,q as h,r as f,u as x,d as g,v as w,h as k,k as $,N as y,x as _,y as j,P as v}from"../../index-c222d0b7.js";import{c as E}from"../../EventForward-c4c8cd29.js";import{E as R}from"../../EventHandler-f7ee47ca.js";function C(t,o,e){const n=t.slice();return n[14]=o[e],n}function N(t){let o,e,s,i,c,l,r,d,u,m,h,f,x,E,R=t[14].label+"";function C(){return t[10](t[14])}return{c(){o=a("div"),e=a("input"),d=g(),u=a("label"),m=w(R),f=g(),k(e,"id",s=t[14].id),k(e,"type","radio"),k(e,"class","mc-option-button__input"),k(e,"name",i=t[14].name),e.checked=c=t[14].checked,e.value=l=t[14].id,e.disabled=r=t[14].disabled,k(u,"for",h=t[14].id),k(u,"class","mc-option-button__label"),k(o,"class","mc-option-button"),p(o,"mc-option-button--full",t[14].fullwidth)},m(s,i){n(s,o,i),$(o,e),$(o,d),$(o,u),$(u,m),$(o,f),x||(E=[y(t[6].call(null,e)),_(e,"change",C)],x=!0)},p(n,a){t=n,32&a&&s!==(s=t[14].id)&&k(e,"id",s),32&a&&i!==(i=t[14].name)&&k(e,"name",i),32&a&&c!==(c=t[14].checked)&&(e.checked=c),32&a&&l!==(l=t[14].id)&&(e.value=l),32&a&&r!==(r=t[14].disabled)&&(e.disabled=r),32&a&&R!==(R=t[14].label+"")&&j(m,R),32&a&&h!==(h=t[14].id)&&k(u,"for",h),32&a&&p(o,"mc-option-button--full",t[14].fullwidth)},d(t){t&&b(o),x=!1,v(E)}}}function O(t){let o,e,s,i=t[5],m=[];for(let o=0;o<i.length;o+=1)m[o]=N(C(t,i,o));let h=[{class:e="mc-option-group "+t[4]},t[3],{style:s=`justify-content:${t[0]}; gap:${t[2]}`}],f={};for(let t=0;t<h.length;t+=1)f=c(f,h[t]);return{c(){o=a("div");for(let t=0;t<m.length;t+=1)m[t].c();this.c=l,r(o,f),p(o,"mc-option-group--column",t[1])},m(t,e){n(t,o,e);for(let t=0;t<m.length;t+=1)m[t]&&m[t].m(o,null)},p(t,[n]){if(160&n){let e;for(i=t[5],e=0;e<i.length;e+=1){const s=C(t,i,e);m[e]?m[e].p(s,n):(m[e]=N(s),m[e].c(),m[e].m(o,null))}for(;e<m.length;e+=1)m[e].d(1);m.length=i.length}r(o,f=d(h,[16&n&&e!==(e="mc-option-group "+t[4])&&{class:e},8&n&&t[3],5&n&&s!==(s=`justify-content:${t[0]}; gap:${t[2]}`)&&{style:s}])),p(o,"mc-option-group--column",t[1])},i:l,o:l,d(t){t&&b(o),u(m,t)}}}function S(t,o,e){let n,s,i;const a=["checked","options","justifycontent","column","gap"];let l=m(o,a),{checked:r}=o,{options:p}=o,{justifycontent:d="space-between"}=o,{column:b=!1}=o,{gap:u="1rem"}=o,g=new R(h(),f());const w=E(h());function k(t){t.checked=!t.checked,g.dispatch("change",t)}return t.$$set=t=>{e(13,o=c(c({},o),x(t))),e(12,l=m(o,a)),"checked"in t&&e(8,r=t.checked),"options"in t&&e(9,p=t.options),"justifycontent"in t&&e(0,d=t.justifycontent),"column"in t&&e(1,b=t.column),"gap"in t&&e(2,u=t.gap)},t.$$.update=()=>{512&t.$$.dirty&&e(5,n=p?JSON.parse(p):[]),e(4,s=o.class),e(3,i=Object.assign({},l)),8&t.$$.dirty&&delete i.class},o=x(o),[d,b,u,i,s,n,w,k,r,p,t=>k(t)]}class q extends t{constructor(t){super();const c=document.createElement("style");c.textContent='.mc-option-button{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}.mc-option-button__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-option-button__input:hover+.mc-option-button__label{-webkit-box-shadow:0 0 0 2px #333333;box-shadow:0 0 0 2px #333333}.mc-option-button__input:checked+.mc-option-button__label{border-color:#ff941a;-webkit-box-shadow:0 0 0 0.25rem #ffe2bd;box-shadow:0 0 0 0.25rem #ffe2bd}.mc-option-button__input:focus+.mc-option-button__label::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-option-button__input:disabled+.mc-option-button__label{cursor:not-allowed;background-color:#cccccc;color:#666666;-webkit-box-shadow:none;box-shadow:none}.mc-option-button__label{font-family:"LeroyMerlin", sans-serif;font-weight:600;position:relative;padding:1.5625rem 2rem;border-radius:4px;-webkit-box-shadow:0 0 0 1px #b3b3b3;box-shadow:0 0 0 1px #b3b3b3;border:2px solid transparent;cursor:pointer;position:relative}.mc-option-button__label::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;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;border-radius:6px;top:-0.25rem;right:-0.25rem;bottom:-0.25rem;left:-0.25rem}.mc-option-button--full .mc-option-button__label{width:100%}.mc-option-group{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-option-group--column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}',this.shadowRoot.appendChild(c),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},S,O,i,{checked:8,options:9,justifycontent:0,column:1,gap:2},null),t&&(t.target&&n(t.target,this,t.anchor),t.props&&(this.$set(t.props),s()))}static get observedAttributes(){return["checked","options","justifycontent","column","gap"]}get checked(){return this.$$.ctx[8]}set checked(t){this.$$set({checked:t}),s()}get options(){return this.$$.ctx[9]}set options(t){this.$$set({options:t}),s()}get justifycontent(){return this.$$.ctx[0]}set justifycontent(t){this.$$set({justifycontent:t}),s()}get column(){return this.$$.ctx[1]}set column(t){this.$$set({column:t}),s()}get gap(){return this.$$.ctx[2]}set gap(t){this.$$set({gap:t}),s()}}export{q as default};
 //# sourceMappingURL=OptionButton.js.map