@mozaic-ds/web-components 0.10.1 → 0.11.1

package/public/bricoman/components/sidebar/sidebar-feature-group.nested.js

@@ -1,2 +1,2 @@
-import{P as e,i as t,s,Q as i,e as o,d as n,g as l,b as a,j as r,C as c,E as f,D as u,o as d,J as p,ab as m,K as b,t as v,k as g,x as k,A as h,l as x,I as _,G as w,M as y,v as $,Z as L,T as H}from"../../index-c33b3772.js";import j from"./sidebar-feature.nested.js";import{a as z,i as E,s as G}from"../../sidebar-service-275bf9ef.js";import{E as M}from"../../EventHandler-02058705.js";function A(e){i(e,"svelte-1ksfe14",".mc-feature-group.svelte-1ksfe14.svelte-1ksfe14{background:none;border:none;color:#191919;cursor:pointer;font-size:inherit;font-family:inherit;text-align:initial;margin:0;padding:0;overflow:hidden}.mc-feature-group__icon.svelte-1ksfe14.svelte-1ksfe14{fill:#191919}.mc-feature-group__container.svelte-1ksfe14.svelte-1ksfe14{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px 0;padding:8px 0px;-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out}.mc-feature-group__label.svelte-1ksfe14.svelte-1ksfe14{margin:0 8px;width:200px;min-width:200px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-feature-group__label__tooltip.svelte-1ksfe14.svelte-1ksfe14{opacity:0;-webkit-transition:0s opacity;-o-transition:0s opacity;transition:0s opacity;background-color:#b3b3b3;border:1px solid #191919;border-radius:4px;position:absolute;pointer-events:none;left:calc(100% - 16px);padding:8px 16px;width:188px}.mc-feature-group__label__tooltip__pointer.svelte-1ksfe14.svelte-1ksfe14{position:absolute;top:50%;left:-8px;top:calc(50% - 6px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid white}.mc-feature-group__label__tooltip__pointer.svelte-1ksfe14 div.svelte-1ksfe14{position:relative;top:-6px;left:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #b3b3b3}.mc-feature-group__label.svelte-1ksfe14:hover+.mc-feature-group__label__tooltip.svelte-1ksfe14{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-feature-group__content.svelte-1ksfe14.svelte-1ksfe14{overflow:hidden;-o-transition:height 300ms ease-in-out;-webkit-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}.mc-feature-group__content.is-close.svelte-1ksfe14.svelte-1ksfe14{height:0}.mc-feature-group.is-selected.svelte-1ksfe14.svelte-1ksfe14{background:#ffab80}.mc-feature-group.is-close.svelte-1ksfe14 .mc-feature-group__container.svelte-1ksfe14{margin:0 20px;width:24px}.mc-feature-group.is-open.svelte-1ksfe14 .mc-feature-group__container.svelte-1ksfe14{margin:0 32px}.mc-feature-group.svelte-1ksfe14.svelte-1ksfe14:hover{background:#ff7933}.mc-feature-group.svelte-1ksfe14.svelte-1ksfe14:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-feature-group.svelte-1ksfe14:focus-visible .mc-feature-group__container.svelte-1ksfe14{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}ul.svelte-1ksfe14.svelte-1ksfe14,li.svelte-1ksfe14.svelte-1ksfe14{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}ul.svelte-1ksfe14.svelte-1ksfe14{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-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}ul.svelte-1ksfe14 li.svelte-1ksfe14{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}")}function B(e,t,s){const i=e.slice();return i[15]=t[s],i}function C(e){let t,s,i=`<${D(e[0].icon)} class="mc-feature-group__icon" />`;return{c(){t=new L(!1),s=b(),t.a=s},m(e,o){t.m(i,e,o),a(e,s,o)},p(e,s){1&s&&i!==(i=`<${D(e[0].icon)} class="mc-feature-group__icon" />`)&&t.p(i)},d(e){e&&d(s),e&&t.d()}}}function q(e){let t,s,i,c,f,u=e[0].label+"",p=e[6]?.offsetHeight<e[6]?.scrollHeight&&F(e);function m(e,t){return e[1]?N:S}let k=m(e),h=k(e);return{c(){t=o("span"),s=v(u),i=n(),p&&p.c(),c=n(),h.c(),f=b(),l(t,"class","mc-feature-group__label svelte-1ksfe14")},m(o,n){a(o,t,n),r(t,s),e[9](t),a(o,i,n),p&&p.m(o,n),a(o,c,n),h.m(o,n),a(o,f,n)},p(e,t){1&t&&u!==(u=e[0].label+"")&&g(s,u),e[6]?.offsetHeight<e[6]?.scrollHeight?p?p.p(e,t):(p=F(e),p.c(),p.m(c.parentNode,c)):p&&(p.d(1),p=null),k!==(k=m(e))&&(h.d(1),h=k(e),h&&(h.c(),h.m(f.parentNode,f)))},d(s){s&&d(t),e[9](null),s&&d(i),p&&p.d(s),s&&d(c),h.d(s),s&&d(f)}}}function F(e){let t,s,i,c,f,u=e[0].label+"";return{c(){t=o("div"),s=o("div"),s.innerHTML='<div class="svelte-1ksfe14"></div>',i=n(),c=o("span"),f=v(u),l(s,"class","mc-feature-group__label__tooltip__pointer svelte-1ksfe14"),l(t,"aria-hidden","true"),l(t,"class","mc-feature-group__label__tooltip svelte-1ksfe14")},m(e,o){a(e,t,o),r(t,s),r(t,i),r(t,c),r(c,f)},p(e,t){1&t&&u!==(u=e[0].label+"")&&g(f,u)},d(e){e&&d(t)}}}function N(e){let t,s;return{c(){t=H("svg"),s=H("path"),l(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),l(t,"class","mc-feature-group__icon svelte-1ksfe14"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),r(t,s)},d(e){e&&d(t)}}}function S(e){let t,s;return{c(){t=H("svg"),s=H("path"),l(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),l(t,"class","mc-feature-group__icon svelte-1ksfe14"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),r(t,s)},d(e){e&&d(t)}}}function T(e){let t,s,i,f,p,m;function b(){return e[10](e[15])}return s=new j({props:{feature:e[15],a11yLabels:e[2]}}),{c(){t=o("li"),k(s.$$.fragment),i=n(),l(t,"class","svelte-1ksfe14")},m(e,o){a(e,t,o),h(s,t,null),r(t,i),f=!0,p||(m=x(t,"click",_(b)),p=!0)},p(t,i){e=t;const o={};1&i&&(o.feature=e[15]),4&i&&(o.a11yLabels=e[2]),s.$set(o)},i(e){f||(c(s.$$.fragment,e),f=!0)},o(e){u(s.$$.fragment,e),f=!1},d(e){e&&d(t),w(s),p=!1,m()}}}function V(e){let t,s,i,m,b,v,g,k,h,x,_,w,$,L=e[0].icon&&C(e),H=e[3]&&q(e),j=e[0].items,z=[];for(let t=0;t<j.length;t+=1)z[t]=T(B(e,j,t));const E=e=>u(z[e],1,1,(()=>{z[e]=null}));return{c(){t=o("button"),s=o("span"),L&&L.c(),i=n(),H&&H.c(),h=n(),x=o("ul");for(let e=0;e<z.length;e+=1)z[e].c();l(s,"class","mc-feature-group__container svelte-1ksfe14"),l(t,"class",m="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-1ksfe14"),l(t,"aria-label",b=e[0].label),l(t,"aria-expanded",v=e[3]&&e[1]),l(t,"aria-controls",g=e[0].code+"-list"),l(t,"id",k=e[0].code),l(x,"class","mc-feature-group__content is-close svelte-1ksfe14"),l(x,"aria-hidden",_=!e[3]||!e[1]),l(x,"id",w=e[0].code+"-list")},m(o,n){a(o,t,n),r(t,s),L&&L.m(s,null),r(s,i),H&&H.m(s,null),a(o,h,n),a(o,x,n);for(let e=0;e<z.length;e+=1)z[e]&&z[e].m(x,null);e[11](x),$=!0},p(e,[o]){if(e[0].icon?L?L.p(e,o):(L=C(e),L.c(),L.m(s,i)):L&&(L.d(1),L=null),e[3]?H?H.p(e,o):(H=q(e),H.c(),H.m(s,null)):H&&(H.d(1),H=null),(!$||40&o&&m!==(m="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-1ksfe14"))&&l(t,"class",m),(!$||1&o&&b!==(b=e[0].label))&&l(t,"aria-label",b),(!$||10&o&&v!==(v=e[3]&&e[1]))&&l(t,"aria-expanded",v),(!$||1&o&&g!==(g=e[0].code+"-list"))&&l(t,"aria-controls",g),(!$||1&o&&k!==(k=e[0].code))&&l(t,"id",k),133&o){let t;for(j=e[0].items,t=0;t<j.length;t+=1){const s=B(e,j,t);z[t]?(z[t].p(s,o),c(z[t],1)):(z[t]=T(s),z[t].c(),c(z[t],1),z[t].m(x,null))}for(y(),t=j.length;t<z.length;t+=1)E(t);f()}(!$||10&o&&_!==(_=!e[3]||!e[1]))&&l(x,"aria-hidden",_),(!$||1&o&&w!==(w=e[0].code+"-list"))&&l(x,"id",w)},i(e){if(!$){for(let e=0;e<j.length;e+=1)c(z[e]);$=!0}},o(e){z=z.filter(Boolean);for(let e=0;e<z.length;e+=1)u(z[e]);$=!1},d(s){s&&d(t),L&&L.d(),H&&H.d(),s&&d(h),s&&d(x),p(z,s),e[11](null)}}}function D(e){return`${e} size="1.5rem"`}function I(e,t,s){let i,o;m(e,E,(e=>s(3,i=e))),m(e,G,(e=>s(8,o=e)));let n,l,{featureGroup:a}=t,{expand:r}=t,{a11yLabels:c}=t,f=new M,u=!1;function d(e){var t;e.disabled||((null===(t=e.items)||void 0===t?void 0:t.length)?f.dispatch("feature-click",e):z(e.code))}return e.$$set=e=>{"featureGroup"in e&&s(0,a=e.featureGroup),"expand"in e&&s(1,r=e.expand),"a11yLabels"in e&&s(2,c=e.a11yLabels)},e.$$.update=()=>{var t,l,c,f,d,p;267&e.$$.dirty&&(t=r,l=i,c=a,s(5,u=null!==(p=(null==(f=o)?void 0:f.lv0)&&c.code===(null===(d=null==f?void 0:f.lv0)||void 0===d?void 0:d.code)&&(!f.lv1||!t||!l))&&void 0!==p&&p)),10&e.$$.dirty&&function(e,t){if(n){s(4,n.style.height="",n),s(4,n.style.transition="none",n);const i=window.getComputedStyle(n).height;n.classList.add(t&&e?"is-open":"is-close"),n.classList.remove(t&&e?"is-close":"is-open");const o=window.getComputedStyle(n).height;s(4,n.style.height=i,n),requestAnimationFrame((()=>{s(4,n.style.transition="",n),requestAnimationFrame((()=>{s(4,n.style.height=o,n)}))}));const l=()=>{s(4,n.style.height="",n),n.removeEventListener("transitionend",l)};n.addEventListener("transitionend",l)}}(r,i)},[a,r,c,i,n,u,l,d,o,function(e){$[e?"unshift":"push"]((()=>{l=e,s(6,l)}))},e=>d(e),function(e){$[e?"unshift":"push"]((()=>{n=e,s(4,n)}))}]}class J extends e{constructor(e){super(),t(this,e,I,V,s,{featureGroup:0,expand:1,a11yLabels:2},A)}}export{J as default};
+import{P as e,i as t,s,Q as i,e as o,d as l,g as n,b as a,j as r,C as c,E as f,D as u,o as d,J as p,ab as m,K as b,t as v,k as g,x as h,A as k,l as x,I as _,G as w,M as y,v as $,Z as L,T as H}from"../../index-c33b3772.js";import j from"./sidebar-feature.nested.js";import{a as z,i as E,s as G}from"../../sidebar-service-275bf9ef.js";import{E as M}from"../../EventHandler-02058705.js";function A(e){i(e,"svelte-1ksfe14",".mc-feature-group.svelte-1ksfe14.svelte-1ksfe14{background:none;border:none;color:#191919;cursor:pointer;font-size:inherit;font-family:inherit;text-align:initial;margin:0;padding:0;overflow:hidden}.mc-feature-group__icon.svelte-1ksfe14.svelte-1ksfe14{fill:#191919}.mc-feature-group__container.svelte-1ksfe14.svelte-1ksfe14{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px 0;padding:8px 0px;-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out}.mc-feature-group__label.svelte-1ksfe14.svelte-1ksfe14{margin:0 8px;width:200px;min-width:200px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-feature-group__label__tooltip.svelte-1ksfe14.svelte-1ksfe14{opacity:0;-webkit-transition:0s opacity;-o-transition:0s opacity;transition:0s opacity;background-color:#b3b3b3;border:1px solid #191919;border-radius:4px;position:absolute;pointer-events:none;left:calc(100% - 16px);padding:8px 16px;width:188px}.mc-feature-group__label__tooltip__pointer.svelte-1ksfe14.svelte-1ksfe14{position:absolute;top:50%;left:-8px;top:calc(50% - 6px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid white}.mc-feature-group__label__tooltip__pointer.svelte-1ksfe14 div.svelte-1ksfe14{position:relative;top:-6px;left:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #b3b3b3}.mc-feature-group__label.svelte-1ksfe14:hover+.mc-feature-group__label__tooltip.svelte-1ksfe14{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-feature-group__content.svelte-1ksfe14.svelte-1ksfe14{overflow:hidden;-o-transition:height 300ms ease-in-out;-webkit-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}.mc-feature-group__content.is-close.svelte-1ksfe14.svelte-1ksfe14{height:0}.mc-feature-group.is-selected.svelte-1ksfe14.svelte-1ksfe14{background:#ffab80}.mc-feature-group.is-close.svelte-1ksfe14 .mc-feature-group__container.svelte-1ksfe14{margin:0 20px;width:24px}.mc-feature-group.is-open.svelte-1ksfe14 .mc-feature-group__container.svelte-1ksfe14{margin:0 32px}.mc-feature-group.svelte-1ksfe14.svelte-1ksfe14:hover{background:#ff7933}.mc-feature-group.svelte-1ksfe14.svelte-1ksfe14:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-feature-group.svelte-1ksfe14:focus-visible .mc-feature-group__container.svelte-1ksfe14{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}ul.svelte-1ksfe14.svelte-1ksfe14,li.svelte-1ksfe14.svelte-1ksfe14{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}ul.svelte-1ksfe14.svelte-1ksfe14{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-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}ul.svelte-1ksfe14 li.svelte-1ksfe14{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}")}function B(e,t,s){const i=e.slice();return i[15]=t[s],i}function C(e){let t,s,i=`<${D(e[0].icon)} class="mc-feature-group__icon" />`;return{c(){t=new L(!1),s=b(),t.a=s},m(e,o){t.m(i,e,o),a(e,s,o)},p(e,s){1&s&&i!==(i=`<${D(e[0].icon)} class="mc-feature-group__icon" />`)&&t.p(i)},d(e){e&&d(s),e&&t.d()}}}function q(e){let t,s,i,c,f,u=e[0].label+"",p=e[6]?.offsetHeight<e[6]?.scrollHeight&&F(e);function m(e,t){return e[1]?N:S}let h=m(e),k=h(e);return{c(){t=o("span"),s=v(u),i=l(),p&&p.c(),c=l(),k.c(),f=b(),n(t,"class","mc-feature-group__label svelte-1ksfe14")},m(o,l){a(o,t,l),r(t,s),e[9](t),a(o,i,l),p&&p.m(o,l),a(o,c,l),k.m(o,l),a(o,f,l)},p(e,t){1&t&&u!==(u=e[0].label+"")&&g(s,u),e[6]?.offsetHeight<e[6]?.scrollHeight?p?p.p(e,t):(p=F(e),p.c(),p.m(c.parentNode,c)):p&&(p.d(1),p=null),h!==(h=m(e))&&(k.d(1),k=h(e),k&&(k.c(),k.m(f.parentNode,f)))},d(s){s&&d(t),e[9](null),s&&d(i),p&&p.d(s),s&&d(c),k.d(s),s&&d(f)}}}function F(e){let t,s,i,c,f,u=e[0].label+"";return{c(){t=o("div"),s=o("div"),s.innerHTML='<div class="svelte-1ksfe14"></div>',i=l(),c=o("span"),f=v(u),n(s,"class","mc-feature-group__label__tooltip__pointer svelte-1ksfe14"),n(t,"aria-hidden","true"),n(t,"class","mc-feature-group__label__tooltip svelte-1ksfe14")},m(e,o){a(e,t,o),r(t,s),r(t,i),r(t,c),r(c,f)},p(e,t){1&t&&u!==(u=e[0].label+"")&&g(f,u)},d(e){e&&d(t)}}}function N(e){let t,s;return{c(){t=H("svg"),s=H("path"),n(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),n(t,"class","mc-feature-group__icon svelte-1ksfe14"),n(t,"width","16px"),n(t,"height","16px"),n(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),r(t,s)},d(e){e&&d(t)}}}function S(e){let t,s;return{c(){t=H("svg"),s=H("path"),n(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),n(t,"class","mc-feature-group__icon svelte-1ksfe14"),n(t,"width","16px"),n(t,"height","16px"),n(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),r(t,s)},d(e){e&&d(t)}}}function T(e){let t,s,i,f,p,m;function b(){return e[10](e[15])}return s=new j({props:{feature:e[15],a11yLabels:e[2]}}),{c(){t=o("li"),h(s.$$.fragment),i=l(),n(t,"class","svelte-1ksfe14")},m(e,o){a(e,t,o),k(s,t,null),r(t,i),f=!0,p||(m=x(t,"click",_(b)),p=!0)},p(t,i){e=t;const o={};1&i&&(o.feature=e[15]),4&i&&(o.a11yLabels=e[2]),s.$set(o)},i(e){f||(c(s.$$.fragment,e),f=!0)},o(e){u(s.$$.fragment,e),f=!1},d(e){e&&d(t),w(s),p=!1,m()}}}function V(e){let t,s,i,m,b,v,g,h,k,x,_,w,$,L=e[0].icon&&C(e),H=e[3]&&q(e),j=e[0].items,z=[];for(let t=0;t<j.length;t+=1)z[t]=T(B(e,j,t));const E=e=>u(z[e],1,1,(()=>{z[e]=null}));return{c(){t=o("button"),s=o("span"),L&&L.c(),i=l(),H&&H.c(),k=l(),x=o("ul");for(let e=0;e<z.length;e+=1)z[e].c();n(s,"class","mc-feature-group__container svelte-1ksfe14"),n(t,"class",m="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-1ksfe14"),n(t,"aria-label",b=e[0].label),n(t,"aria-expanded",v=e[3]&&e[1]),n(t,"aria-controls",g=e[0].code+"-list"),n(t,"id",h=e[0].code),n(x,"class","mc-feature-group__content is-close svelte-1ksfe14"),n(x,"aria-hidden",_=!e[3]||!e[1]),n(x,"id",w=e[0].code+"-list")},m(o,l){a(o,t,l),r(t,s),L&&L.m(s,null),r(s,i),H&&H.m(s,null),a(o,k,l),a(o,x,l);for(let e=0;e<z.length;e+=1)z[e]&&z[e].m(x,null);e[11](x),$=!0},p(e,[o]){if(e[0].icon?L?L.p(e,o):(L=C(e),L.c(),L.m(s,i)):L&&(L.d(1),L=null),e[3]?H?H.p(e,o):(H=q(e),H.c(),H.m(s,null)):H&&(H.d(1),H=null),(!$||40&o&&m!==(m="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-1ksfe14"))&&n(t,"class",m),(!$||1&o&&b!==(b=e[0].label))&&n(t,"aria-label",b),(!$||10&o&&v!==(v=e[3]&&e[1]))&&n(t,"aria-expanded",v),(!$||1&o&&g!==(g=e[0].code+"-list"))&&n(t,"aria-controls",g),(!$||1&o&&h!==(h=e[0].code))&&n(t,"id",h),133&o){let t;for(j=e[0].items,t=0;t<j.length;t+=1){const s=B(e,j,t);z[t]?(z[t].p(s,o),c(z[t],1)):(z[t]=T(s),z[t].c(),c(z[t],1),z[t].m(x,null))}for(y(),t=j.length;t<z.length;t+=1)E(t);f()}(!$||10&o&&_!==(_=!e[3]||!e[1]))&&n(x,"aria-hidden",_),(!$||1&o&&w!==(w=e[0].code+"-list"))&&n(x,"id",w)},i(e){if(!$){for(let e=0;e<j.length;e+=1)c(z[e]);$=!0}},o(e){z=z.filter(Boolean);for(let e=0;e<z.length;e+=1)u(z[e]);$=!1},d(s){s&&d(t),L&&L.d(),H&&H.d(),s&&d(k),s&&d(x),p(z,s),e[11](null)}}}function D(e){return`${e} size="1.5rem" style="height: 1.5rem; width: 1.5rem;"`}function I(e,t,s){let i,o;m(e,E,(e=>s(3,i=e))),m(e,G,(e=>s(8,o=e)));let l,n,{featureGroup:a}=t,{expand:r}=t,{a11yLabels:c}=t,f=new M,u=!1;function d(e){var t;e.disabled||((null===(t=e.items)||void 0===t?void 0:t.length)?f.dispatch("feature-click",e):z(e.code))}return e.$$set=e=>{"featureGroup"in e&&s(0,a=e.featureGroup),"expand"in e&&s(1,r=e.expand),"a11yLabels"in e&&s(2,c=e.a11yLabels)},e.$$.update=()=>{var t,n,c,f,d,p;267&e.$$.dirty&&(t=r,n=i,c=a,s(5,u=null!==(p=(null==(f=o)?void 0:f.lv0)&&c.code===(null===(d=null==f?void 0:f.lv0)||void 0===d?void 0:d.code)&&(!f.lv1||!t||!n))&&void 0!==p&&p)),10&e.$$.dirty&&function(e,t){if(l){s(4,l.style.height="",l),s(4,l.style.transition="none",l);const i=window.getComputedStyle(l).height;l.classList.add(t&&e?"is-open":"is-close"),l.classList.remove(t&&e?"is-close":"is-open");const o=window.getComputedStyle(l).height;s(4,l.style.height=i,l),requestAnimationFrame((()=>{s(4,l.style.transition="",l),requestAnimationFrame((()=>{s(4,l.style.height=o,l)}))}));const n=()=>{s(4,l.style.height="",l),l.removeEventListener("transitionend",n)};l.addEventListener("transitionend",n)}}(r,i)},[a,r,c,i,l,u,n,d,o,function(e){$[e?"unshift":"push"]((()=>{n=e,s(6,n)}))},e=>d(e),function(e){$[e?"unshift":"push"]((()=>{l=e,s(4,l)}))}]}class J extends e{constructor(e){super(),t(this,e,I,V,s,{featureGroup:0,expand:1,a11yLabels:2},A)}}export{J as default};
 //# sourceMappingURL=sidebar-feature-group.nested.js.map

package/public/bricoman/components/sidebar/sidebar-feature-group.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-feature-group.nested.js","sources":["../../../../src/components/sidebar/sidebar-feature-group.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { FeatureGroup, Feature, A11yLabels } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n    Selection,\n  } from './sidebar-service';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let featureGroup: FeatureGroup;\n  export let expand: boolean;\n  export let a11yLabels: A11yLabels;\n  let eventHandler = new EventHandler();\n  let content: HTMLElement;\n\n  $: updateSelection(expand, $isSidebarOpen, featureGroup, $selectedFeature);\n  $: updateContentCSS(expand, $isSidebarOpen);\n\n  let isSelected = false;\n\n  let label: HTMLElement;\n\n  function updateSelection(\n    isExpanded: boolean,\n    isOpen: boolean,\n    group: FeatureGroup,\n    selection?: Selection,\n  ): void {\n    isSelected =\n      (selection?.lv0 &&\n        group.code === selection?.lv0?.code &&\n        (!selection.lv1 || !isExpanded || !isOpen)) ??\n      false;\n  }\n\n  // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n  function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n    if (content) {\n      content.style.height = '';\n      content.style.transition = 'none';\n      const startHeight = window.getComputedStyle(content).height;\n\n      content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n      content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n      const height = window.getComputedStyle(content).height;\n      content.style.height = startHeight;\n\n      // wait until the next frame so that everything has time to update before starting the transition\n      requestAnimationFrame(() => {\n        content.style.transition = '';\n        requestAnimationFrame(() => {\n          content.style.height = height;\n        });\n      });\n\n      // Clear the saved height values after the transition\n      const handler = () => {\n        content.style.height = '';\n        content.removeEventListener('transitionend', handler);\n      };\n\n      content.addEventListener('transitionend', handler);\n    }\n  }\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n\n  function handleClick(feature: Feature) {\n    if (!feature.disabled) {\n      // Only select the feature if it is the last level item\n      if (feature.items?.length) {\n        eventHandler.dispatch('feature-click', feature);\n      } else {\n        selectFeature(feature.code);\n      }\n    }\n  }\n</script>\n\n<button\n  class=\"mc-feature-group {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n    ? 'is-open'\n    : 'is-close'}\"\n  aria-label={featureGroup.label}\n  aria-expanded={$isSidebarOpen && expand}\n  aria-controls=\"{featureGroup.code}-list\"\n  id={featureGroup.code}\n>\n  <span class=\"mc-feature-group__container\">\n    {#if featureGroup.icon}\n      {@html `<${generateIcon(\n        featureGroup.icon,\n      )} class=\"mc-feature-group__icon\" />`}\n    {/if}\n    {#if $isSidebarOpen}\n      <span class=\"mc-feature-group__label\" bind:this={label}>\n        {featureGroup.label}\n      </span>\n      {#if label?.offsetHeight < label?.scrollHeight}\n        <div aria-hidden=\"true\" class=\"mc-feature-group__label__tooltip\">\n          <div class=\"mc-feature-group__label__tooltip__pointer\"><div /></div>\n          <span>{featureGroup.label}</span>\n        </div>\n      {/if}\n      {#if !expand}\n        <svg\n          class=\"mc-feature-group__icon\"\n          width=\"16px\"\n          height=\"16px\"\n          viewBox=\"0 0 16 16\"\n          ><path\n            d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n          /></svg\n        >\n      {:else}\n        <svg\n          class=\"mc-feature-group__icon\"\n          width=\"16px\"\n          height=\"16px\"\n          viewBox=\"0 0 16 16\"\n          ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n        >\n      {/if}\n    {/if}\n  </span>\n</button>\n<ul\n  class=\"mc-feature-group__content is-close\"\n  aria-hidden={!$isSidebarOpen || !expand}\n  id=\"{featureGroup.code}-list\"\n  bind:this={content}\n>\n  {#each featureGroup.items as feature}\n    <li on:click|stopPropagation={() => handleClick(feature)}>\n      <FeatureComponent {feature} {a11yLabels} />\n    </li>\n  {/each}\n</ul>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-feature-group {\n    background: none;\n    border: none;\n    color: $color-sidebar-text-color;\n    cursor: pointer;\n    font-size: inherit;\n    font-family: inherit;\n    text-align: initial;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      margin: 5px 0;\n      padding: 8px 0px;\n      @include transition(margin 300ms ease-in-out);\n    }\n\n    &__label {\n      margin: 0 8px;\n      width: 200px;\n      min-width: 200px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      line-clamp: 2;\n      -webkit-box-orient: vertical;\n\n      &__tooltip {\n        opacity: 0;\n        transition: 0s opacity;\n        background-color: $color-sidebar-divider-background;\n        border: 1px solid $color-sidebar-text-color;\n        border-radius: 4px;\n        position: absolute;\n        pointer-events: none;\n        left: calc(100% - 16px);\n        padding: 8px 16px;\n        width: 188px;\n\n        &__pointer {\n          position: absolute;\n          top: 50%;\n          left: -8px;\n          top: calc(50% - 6px);\n          width: 0;\n          height: 0;\n          border-top: 6px solid transparent;\n          border-bottom: 6px solid transparent;\n          border-right: 8px solid white;\n\n          & div {\n            position: relative;\n            top: -6px;\n            left: 2px;\n            width: 0;\n            height: 0;\n            border-top: 6px solid transparent;\n            border-bottom: 6px solid transparent;\n            border-right: 8px solid $color-sidebar-divider-background;\n          }\n        }\n      }\n\n      &:hover + .mc-feature-group__label__tooltip {\n        opacity: 1;\n        transition-delay: 1s;\n      }\n    }\n\n    &__content {\n      overflow: hidden;\n      @include transition(height 300ms ease-in-out);\n      &.is-close {\n        height: 0;\n      }\n\n      &.is-open {\n        height: auto;\n      }\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    &.is-close {\n      .mc-feature-group__container {\n        margin: 0 20px;\n        width: 24px;\n      }\n    }\n\n    &.is-open {\n      .mc-feature-group__container {\n        margin: 0 32px;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-feature-group__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n  }\n\n  ul,\n  li {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    width: 100%;\n  }\n\n  ul {\n    align-items: start;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      flex-direction: column;\n      box-sizing: border-box;\n    }\n  }\n</style>\n"],"names":["generateIcon","ctx","icon","html_tag","p","raw_value","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","insert","target","span","anchor","dirty","set_data","t0","t1_value","div2","append","div1","t1","svg","path","li","create_if_block_3","create_if_block","each_value","items","length","i","attr","button","button_aria_label_value","button_aria_expanded_value","button_aria_controls_value","code","button_id_value","ul","ul_aria_hidden_value","ul_id_value","current","each_blocks","iconname","content","featureGroup","$$props","expand","a11yLabels","eventHandler","EventHandler","isSelected","handleClick","feature","disabled","_a","dispatch","selectFeature","isExpanded","isOpen","group","selection","$isSidebarOpen","_b","$selectedFeature","lv0","lv1","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$$value"],"mappings":"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"}
+{"version":3,"file":"sidebar-feature-group.nested.js","sources":["../../../../src/components/sidebar/sidebar-feature-group.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { FeatureGroup, Feature, A11yLabels } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n    Selection,\n  } from './sidebar-service';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let featureGroup: FeatureGroup;\n  export let expand: boolean;\n  export let a11yLabels: A11yLabels;\n  let eventHandler = new EventHandler();\n  let content: HTMLElement;\n\n  $: updateSelection(expand, $isSidebarOpen, featureGroup, $selectedFeature);\n  $: updateContentCSS(expand, $isSidebarOpen);\n\n  let isSelected = false;\n\n  let label: HTMLElement;\n\n  function updateSelection(\n    isExpanded: boolean,\n    isOpen: boolean,\n    group: FeatureGroup,\n    selection?: Selection,\n  ): void {\n    isSelected =\n      (selection?.lv0 &&\n        group.code === selection?.lv0?.code &&\n        (!selection.lv1 || !isExpanded || !isOpen)) ??\n      false;\n  }\n\n  // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n  function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n    if (content) {\n      content.style.height = '';\n      content.style.transition = 'none';\n      const startHeight = window.getComputedStyle(content).height;\n\n      content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n      content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n      const height = window.getComputedStyle(content).height;\n      content.style.height = startHeight;\n\n      // wait until the next frame so that everything has time to update before starting the transition\n      requestAnimationFrame(() => {\n        content.style.transition = '';\n        requestAnimationFrame(() => {\n          content.style.height = height;\n        });\n      });\n\n      // Clear the saved height values after the transition\n      const handler = () => {\n        content.style.height = '';\n        content.removeEventListener('transitionend', handler);\n      };\n\n      content.addEventListener('transitionend', handler);\n    }\n  }\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"1.5rem\" style=\"height: 1.5rem; width: 1.5rem;\"`;\n  }\n\n  function handleClick(feature: Feature) {\n    if (!feature.disabled) {\n      // Only select the feature if it is the last level item\n      if (feature.items?.length) {\n        eventHandler.dispatch('feature-click', feature);\n      } else {\n        selectFeature(feature.code);\n      }\n    }\n  }\n</script>\n\n<button\n  class=\"mc-feature-group {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n    ? 'is-open'\n    : 'is-close'}\"\n  aria-label={featureGroup.label}\n  aria-expanded={$isSidebarOpen && expand}\n  aria-controls=\"{featureGroup.code}-list\"\n  id={featureGroup.code}\n>\n  <span class=\"mc-feature-group__container\">\n    {#if featureGroup.icon}\n      {@html `<${generateIcon(\n        featureGroup.icon,\n      )} class=\"mc-feature-group__icon\" />`}\n    {/if}\n    {#if $isSidebarOpen}\n      <span class=\"mc-feature-group__label\" bind:this={label}>\n        {featureGroup.label}\n      </span>\n      {#if label?.offsetHeight < label?.scrollHeight}\n        <div aria-hidden=\"true\" class=\"mc-feature-group__label__tooltip\">\n          <div class=\"mc-feature-group__label__tooltip__pointer\"><div /></div>\n          <span>{featureGroup.label}</span>\n        </div>\n      {/if}\n      {#if !expand}\n        <svg\n          class=\"mc-feature-group__icon\"\n          width=\"16px\"\n          height=\"16px\"\n          viewBox=\"0 0 16 16\"\n          ><path\n            d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n          /></svg\n        >\n      {:else}\n        <svg\n          class=\"mc-feature-group__icon\"\n          width=\"16px\"\n          height=\"16px\"\n          viewBox=\"0 0 16 16\"\n          ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n        >\n      {/if}\n    {/if}\n  </span>\n</button>\n<ul\n  class=\"mc-feature-group__content is-close\"\n  aria-hidden={!$isSidebarOpen || !expand}\n  id=\"{featureGroup.code}-list\"\n  bind:this={content}\n>\n  {#each featureGroup.items as feature}\n    <li on:click|stopPropagation={() => handleClick(feature)}>\n      <FeatureComponent {feature} {a11yLabels} />\n    </li>\n  {/each}\n</ul>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-feature-group {\n    background: none;\n    border: none;\n    color: $color-sidebar-text-color;\n    cursor: pointer;\n    font-size: inherit;\n    font-family: inherit;\n    text-align: initial;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      margin: 5px 0;\n      padding: 8px 0px;\n      @include transition(margin 300ms ease-in-out);\n    }\n\n    &__label {\n      margin: 0 8px;\n      width: 200px;\n      min-width: 200px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      line-clamp: 2;\n      -webkit-box-orient: vertical;\n\n      &__tooltip {\n        opacity: 0;\n        transition: 0s opacity;\n        background-color: $color-sidebar-divider-background;\n        border: 1px solid $color-sidebar-text-color;\n        border-radius: 4px;\n        position: absolute;\n        pointer-events: none;\n        left: calc(100% - 16px);\n        padding: 8px 16px;\n        width: 188px;\n\n        &__pointer {\n          position: absolute;\n          top: 50%;\n          left: -8px;\n          top: calc(50% - 6px);\n          width: 0;\n          height: 0;\n          border-top: 6px solid transparent;\n          border-bottom: 6px solid transparent;\n          border-right: 8px solid white;\n\n          & div {\n            position: relative;\n            top: -6px;\n            left: 2px;\n            width: 0;\n            height: 0;\n            border-top: 6px solid transparent;\n            border-bottom: 6px solid transparent;\n            border-right: 8px solid $color-sidebar-divider-background;\n          }\n        }\n      }\n\n      &:hover + .mc-feature-group__label__tooltip {\n        opacity: 1;\n        transition-delay: 1s;\n      }\n    }\n\n    &__content {\n      overflow: hidden;\n      @include transition(height 300ms ease-in-out);\n      &.is-close {\n        height: 0;\n      }\n\n      &.is-open {\n        height: auto;\n      }\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    &.is-close {\n      .mc-feature-group__container {\n        margin: 0 20px;\n        width: 24px;\n      }\n    }\n\n    &.is-open {\n      .mc-feature-group__container {\n        margin: 0 32px;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-feature-group__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n  }\n\n  ul,\n  li {\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    width: 100%;\n  }\n\n  ul {\n    align-items: start;\n    flex-direction: column;\n    justify-content: center;\n\n    li {\n      flex-direction: column;\n      box-sizing: border-box;\n    }\n  }\n</style>\n"],"names":["generateIcon","ctx","icon","html_tag","p","raw_value","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","insert","target","span","anchor","dirty","set_data","t0","t1_value","div2","append","div1","t1","svg","path","li","create_if_block_3","create_if_block","each_value","items","length","i","attr","button","button_aria_label_value","button_aria_expanded_value","button_aria_controls_value","code","button_id_value","ul","ul_aria_hidden_value","ul_id_value","current","each_blocks","iconname","content","featureGroup","$$props","expand","a11yLabels","eventHandler","EventHandler","isSelected","handleClick","feature","disabled","_a","dispatch","selectFeature","isExpanded","isOpen","group","selection","$isSidebarOpen","_b","$selectedFeature","lv0","lv1","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$$value"],"mappings":"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"}

package/public/bricoman/components/sidebar/sidebar-segment.nested.js

@@ -1,2 +1,2 @@
-import{P as e,i as s,s as t,Q as i,K as n,b as l,n as a,o as c,ab as m,e as o,d as r,t as d,g as b,j as g,l as v,k as p,Z as x}from"../../index-c33b3772.js";import{a as f,s as u,i as z}from"../../sidebar-service-275bf9ef.js";function _(e){i(e,"svelte-36lmcz",".mc-sidebar-segment.svelte-36lmcz.svelte-36lmcz{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#191919;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-36lmcz.svelte-36lmcz{fill:#191919}.mc-sidebar-segment.svelte-36lmcz span.svelte-36lmcz{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-36lmcz.svelte-36lmcz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-36lmcz.svelte-36lmcz{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-36lmcz.svelte-36lmcz{background:#ffab80}.mc-sidebar-segment.svelte-36lmcz .svelte-36lmcz:last-child{margin-left:10px}.mc-sidebar-segment.svelte-36lmcz.svelte-36lmcz:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-36lmcz:focus-visible .mc-sidebar-segment__container.svelte-36lmcz{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-36lmcz.svelte-36lmcz:hover{background:#ff7933}.mc-sidebar-segment.is-close.svelte-36lmcz .mc-sidebar-segment__container.svelte-36lmcz{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-36lmcz .mc-sidebar-segment__text.svelte-36lmcz{opacity:0}.mc-sidebar-segment.is-open.svelte-36lmcz .mc-sidebar-segment__container.svelte-36lmcz{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-36lmcz .mc-sidebar-segment__text.svelte-36lmcz{opacity:1}")}function h(e){let s,t,i,n,a,m,x,f,u,z,_,h,k=e[0].label+"",y=e[0].icon&&w(e);return{c(){s=o("a"),t=o("div"),y&&y.c(),i=r(),n=o("span"),a=d(k),b(n,"aria-hidden",m=!e[2]),b(n,"class","mc-sidebar-segment__text svelte-36lmcz"),b(t,"class","mc-sidebar-segment__container mc-sidebar-segment__icon svelte-36lmcz"),b(s,"aria-label",x=e[0].label),b(s,"class",f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-36lmcz"),b(s,"href",u=e[0].href??"javascript:void(null)"),b(s,"id",z=e[0].code)},m(c,m){l(c,s,m),g(s,t),y&&y.m(t,null),g(t,i),g(t,n),g(n,a),_||(h=v(s,"click",e[3]),_=!0)},p(e,l){e[0].icon?y?y.p(e,l):(y=w(e),y.c(),y.m(t,i)):y&&(y.d(1),y=null),1&l&&k!==(k=e[0].label+"")&&p(a,k),4&l&&m!==(m=!e[2])&&b(n,"aria-hidden",m),1&l&&x!==(x=e[0].label)&&b(s,"aria-label",x),7&l&&f!==(f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-36lmcz")&&b(s,"class",f),1&l&&u!==(u=e[0].href??"javascript:void(null)")&&b(s,"href",u),1&l&&z!==(z=e[0].code)&&b(s,"id",z)},d(e){e&&c(s),y&&y.d(),_=!1,h()}}}function w(e){let s,t,i=`<${y(e[0].icon)} class="mc-sidebar-segment__icon"/>`;return{c(){s=new x(!1),t=n(),s.a=t},m(e,n){s.m(i,e,n),l(e,t,n)},p(e,t){1&t&&i!==(i=`<${y(e[0].icon)} class="mc-sidebar-segment__icon"/>`)&&s.p(i)},d(e){e&&c(t),e&&s.d()}}}function k(e){let s,t=e[0]&&h(e);return{c(){t&&t.c(),s=n()},m(e,i){t&&t.m(e,i),l(e,s,i)},p(e,[i]){e[0]?t?t.p(e,i):(t=h(e),t.c(),t.m(s.parentNode,s)):t&&(t.d(1),t=null)},i:a,o:a,d(e){t&&t.d(e),e&&c(s)}}}function y(e){return`${e} size="1.5rem"`}function j(e,s,t){let i,n;m(e,u,(e=>t(1,i=e))),m(e,z,(e=>t(2,n=e)));let{data:l}=s;return e.$$set=e=>{"data"in e&&t(0,l=e.data)},[l,i,n,function(){f(l.code)}]}class $ extends e{constructor(e){super(),s(this,e,j,k,t,{data:0},_)}}export{$ as default};
+import{P as e,i as s,s as t,Q as i,K as l,b as n,n as a,o as c,ab as m,e as o,d as r,t as d,g as b,j as g,l as v,k as p,Z as x}from"../../index-c33b3772.js";import{a as f,s as u,i as z}from"../../sidebar-service-275bf9ef.js";function _(e){i(e,"svelte-36lmcz",".mc-sidebar-segment.svelte-36lmcz.svelte-36lmcz{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#191919;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-36lmcz.svelte-36lmcz{fill:#191919}.mc-sidebar-segment.svelte-36lmcz span.svelte-36lmcz{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-36lmcz.svelte-36lmcz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-36lmcz.svelte-36lmcz{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-36lmcz.svelte-36lmcz{background:#ffab80}.mc-sidebar-segment.svelte-36lmcz .svelte-36lmcz:last-child{margin-left:10px}.mc-sidebar-segment.svelte-36lmcz.svelte-36lmcz:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-36lmcz:focus-visible .mc-sidebar-segment__container.svelte-36lmcz{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-36lmcz.svelte-36lmcz:hover{background:#ff7933}.mc-sidebar-segment.is-close.svelte-36lmcz .mc-sidebar-segment__container.svelte-36lmcz{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-36lmcz .mc-sidebar-segment__text.svelte-36lmcz{opacity:0}.mc-sidebar-segment.is-open.svelte-36lmcz .mc-sidebar-segment__container.svelte-36lmcz{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-36lmcz .mc-sidebar-segment__text.svelte-36lmcz{opacity:1}")}function h(e){let s,t,i,l,a,m,x,f,u,z,_,h,k=e[0].label+"",y=e[0].icon&&w(e);return{c(){s=o("a"),t=o("div"),y&&y.c(),i=r(),l=o("span"),a=d(k),b(l,"aria-hidden",m=!e[2]),b(l,"class","mc-sidebar-segment__text svelte-36lmcz"),b(t,"class","mc-sidebar-segment__container mc-sidebar-segment__icon svelte-36lmcz"),b(s,"aria-label",x=e[0].label),b(s,"class",f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-36lmcz"),b(s,"href",u=e[0].href??"javascript:void(null)"),b(s,"id",z=e[0].code)},m(c,m){n(c,s,m),g(s,t),y&&y.m(t,null),g(t,i),g(t,l),g(l,a),_||(h=v(s,"click",e[3]),_=!0)},p(e,n){e[0].icon?y?y.p(e,n):(y=w(e),y.c(),y.m(t,i)):y&&(y.d(1),y=null),1&n&&k!==(k=e[0].label+"")&&p(a,k),4&n&&m!==(m=!e[2])&&b(l,"aria-hidden",m),1&n&&x!==(x=e[0].label)&&b(s,"aria-label",x),7&n&&f!==(f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-36lmcz")&&b(s,"class",f),1&n&&u!==(u=e[0].href??"javascript:void(null)")&&b(s,"href",u),1&n&&z!==(z=e[0].code)&&b(s,"id",z)},d(e){e&&c(s),y&&y.d(),_=!1,h()}}}function w(e){let s,t,i=`<${y(e[0].icon)} class="mc-sidebar-segment__icon"/>`;return{c(){s=new x(!1),t=l(),s.a=t},m(e,l){s.m(i,e,l),n(e,t,l)},p(e,t){1&t&&i!==(i=`<${y(e[0].icon)} class="mc-sidebar-segment__icon"/>`)&&s.p(i)},d(e){e&&c(t),e&&s.d()}}}function k(e){let s,t=e[0]&&h(e);return{c(){t&&t.c(),s=l()},m(e,i){t&&t.m(e,i),n(e,s,i)},p(e,[i]){e[0]?t?t.p(e,i):(t=h(e),t.c(),t.m(s.parentNode,s)):t&&(t.d(1),t=null)},i:a,o:a,d(e){t&&t.d(e),e&&c(s)}}}function y(e){return`${e} size="1.5rem" style="height: 1.5rem; width: 1.5rem;"`}function j(e,s,t){let i,l;m(e,u,(e=>t(1,i=e))),m(e,z,(e=>t(2,l=e)));let{data:n}=s;return e.$$set=e=>{"data"in e&&t(0,n=e.data)},[n,i,l,function(){f(n.code)}]}class $ extends e{constructor(e){super(),s(this,e,j,k,t,{data:0},_)}}export{$ as default};
 //# sourceMappingURL=sidebar-segment.nested.js.map

package/public/bricoman/components/sidebar/sidebar-segment.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from './sidebar-service';\n\n  export let data: Segment;\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    aria-label={data.label}\n    class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n      ? 'is-selected'\n      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    href={data.href ?? 'javascript:void(null)'}\n    id={data.code}\n    on:click={handleClick}\n  >\n    <div class=\"mc-sidebar-segment__container mc-sidebar-segment__icon\">\n      {#if data.icon}\n        {@html `<${generateIcon(data.icon)} class=\"mc-sidebar-segment__icon\"/>`}\n      {/if}\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-segment {\n    cursor: pointer;\n    flex: 0;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    display: flex;\n    overflow: hidden;\n    min-height: 40px;\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    span {\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    svg {\n      fill: $color-sidebar-icon;\n    }\n\n    &__text {\n      margin-left: 10px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    :last-child {\n      margin-left: 10px;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-segment__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":["t1_value","ctx","label","if_block","icon","create_if_block_1","attr","a","a_aria_label_value","a_class_value","code","lv0","href","a_id_value","insert","target","anchor","append","div","span","dirty","set_data","t1","generateIcon","html_tag","p","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"omEAoCSA,EAAAC,KAAKC,MAAK,GAJRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAGMA,EAAc,8IAZxBK,EAAAC,EAAA,aAAAC,EAAAP,KAAKC,OACUI,EAAAC,EAAA,QAAAE,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,+BAC1CA,EAAI,GAACW,MAAQ,yBACfN,EAAAC,EAAA,KAAAM,EAAAZ,KAAKS,cANXI,EAiBGC,EAAAR,EAAAS,GARDC,EAOKV,EAAAW,yBAHHD,EAEMC,EAAAC,4BARElB,EAAW,kBAGdA,KAAKG,2DAIP,EAAAgB,GAAApB,KAAAA,EAAAC,KAAKC,MAAK,KAAAmB,EAAAC,EAAAtB,gBADOC,EAAc,0BAZxB,EAAAmB,GAAAZ,KAAAA,EAAAP,KAAKC,4BACU,EAAAkB,GAAAX,KAAAA,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,8CAC1CA,EAAI,GAACW,MAAQ,wCACf,EAAAQ,GAAAP,KAAAA,EAAAZ,KAAKS,iFAKMa,EAAatB,EAAI,GAACG,kIAAlBmB,EAAatB,EAAI,GAACG,6CAAIoB,EAAAC,EAAAC,kDAZpCzB,EAAI,IAAA0B,EAAA1B,oEAAJA,EAAI,sGATE,SAAAsB,EAAaK,YACVA,+FAHDC,GAAaC,kEAOtBC,EAAcF,EAAKnB"}
+{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from './sidebar-service';\n\n  export let data: Segment;\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"1.5rem\" style=\"height: 1.5rem; width: 1.5rem;\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    aria-label={data.label}\n    class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n      ? 'is-selected'\n      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    href={data.href ?? 'javascript:void(null)'}\n    id={data.code}\n    on:click={handleClick}\n  >\n    <div class=\"mc-sidebar-segment__container mc-sidebar-segment__icon\">\n      {#if data.icon}\n        {@html `<${generateIcon(data.icon)} class=\"mc-sidebar-segment__icon\"/>`}\n      {/if}\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-segment {\n    cursor: pointer;\n    flex: 0;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    display: flex;\n    overflow: hidden;\n    min-height: 40px;\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    span {\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    svg {\n      fill: $color-sidebar-icon;\n    }\n\n    &__text {\n      margin-left: 10px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    :last-child {\n      margin-left: 10px;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-segment__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":["t1_value","ctx","label","if_block","icon","create_if_block_1","attr","a","a_aria_label_value","a_class_value","code","lv0","href","a_id_value","insert","target","anchor","append","div","span","dirty","set_data","t1","generateIcon","html_tag","p","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"omEAoCSA,EAAAC,KAAKC,MAAK,GAJRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAGMA,EAAc,8IAZxBK,EAAAC,EAAA,aAAAC,EAAAP,KAAKC,OACUI,EAAAC,EAAA,QAAAE,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,+BAC1CA,EAAI,GAACW,MAAQ,yBACfN,EAAAC,EAAA,KAAAM,EAAAZ,KAAKS,cANXI,EAiBGC,EAAAR,EAAAS,GARDC,EAOKV,EAAAW,yBAHHD,EAEMC,EAAAC,4BARElB,EAAW,kBAGdA,KAAKG,2DAIP,EAAAgB,GAAApB,KAAAA,EAAAC,KAAKC,MAAK,KAAAmB,EAAAC,EAAAtB,gBADOC,EAAc,0BAZxB,EAAAmB,GAAAZ,KAAAA,EAAAP,KAAKC,4BACU,EAAAkB,GAAAX,KAAAA,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,8CAC1CA,EAAI,GAACW,MAAQ,wCACf,EAAAQ,GAAAP,KAAAA,EAAAZ,KAAKS,iFAKMa,EAAatB,EAAI,GAACG,kIAAlBmB,EAAatB,EAAI,GAACG,6CAAIoB,EAAAC,EAAAC,kDAZpCzB,EAAI,IAAA0B,EAAA1B,oEAAJA,EAAI,sGATE,SAAAsB,EAAaK,YACVA,sIAHDC,GAAaC,kEAOtBC,EAAcF,EAAKnB"}

package/public/bricoman/components/sidebar/sidebar-user.nested.js

@@ -1,2 +1,2 @@
-import{P as e,i as t,s,Q as i,K as n,b as a,C as r,D as l,E as o,o as u,ab as d,e as c,d as p,g as m,j as g,l as b,M as f,t as h,k as _,J as w,x,A as v,I as j,G as y,v as k,T as $,n as L,y as z,$ as B}from"../../index-c33b3772.js";import{t as C,a as M,i as A}from"../../sidebar-service-275bf9ef.js";import N from"./sidebar-feature.nested.js";function H(e){i(e,"svelte-1wjepug",".mc-sidebar-user.svelte-1wjepug.svelte-1wjepug{left:0;right:0;bottom:0;position:absolute;background:#ffab80}.mc-sidebar-user__header.svelte-1wjepug.svelte-1wjepug{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#191919;font-size:inherit;font-family:inherit;text-align:initial;margin:0;width:100%;overflow:hidden}.mc-sidebar-user__header.svelte-1wjepug.svelte-1wjepug:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:12px;outline:1px solid #0b96cc;outline-offset:-5px}.mc-sidebar-user__header.svelte-1wjepug.svelte-1wjepug:hover{cursor:pointer}.mc-sidebar-user__header.svelte-1wjepug:hover .mc-sidebar-user__header__information__icon.svelte-1wjepug{background:#ff7933}.mc-sidebar-user__header__picture.svelte-1wjepug.svelte-1wjepug{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#5B737D;border-radius:24px;width:48px;min-width:48px;height:48px;overflow:hidden}.mc-sidebar-user__header__picture.svelte-1wjepug img.svelte-1wjepug{display:block}.mc-sidebar-user__header__information.svelte-1wjepug.svelte-1wjepug{-ms-flex-pack:distribute;justify-content:space-around;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-flex:1;-ms-flex:1;flex:1;margin:0;margin-left:8px;height:40px}.mc-sidebar-user__header__information__icon.svelte-1wjepug.svelte-1wjepug{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:4px}.mc-sidebar-user__header__information__identity.svelte-1wjepug.svelte-1wjepug{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-1wjepug.svelte-1wjepug,.mc-sidebar-user__header__information__identity.svelte-1wjepug.svelte-1wjepug{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-1wjepug.svelte-1wjepug{fill:#191919}.mc-sidebar-user__content.svelte-1wjepug.svelte-1wjepug{list-style-type:none;padding:0;overflow:hidden;margin:-8px 0px 24px 0px;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mc-sidebar-user__content.is-close.svelte-1wjepug.svelte-1wjepug{height:0;margin:0}.mc-sidebar-user.is-close.svelte-1wjepug .mc-sidebar-user__header.svelte-1wjepug{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 8px;margin:8px 0}.mc-sidebar-user.is-open.svelte-1wjepug .mc-sidebar-user__header.svelte-1wjepug{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 24px 12px 32px;margin:8px 0}")}function E(e,t,s){const i=e.slice();return i[11]=t[s],i}function V(e){let t,s,i,n,d,h,_,w,x,v,j;function y(e,t){return e[0].imageBase64?D:q}let k=y(e),$=k(e),L=e[4]&&F(e),z=e[1]?.length&&G(e);return{c(){t=c("div"),s=c("button"),i=c("span"),$.c(),n=p(),L&&L.c(),_=p(),z&&z.c(),m(i,"class","mc-sidebar-user__header__picture svelte-1wjepug"),m(s,"aria-expanded",d=e[4]&&e[3]),m(s,"class","mc-sidebar-user__header svelte-1wjepug"),m(s,"aria-label",h=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"),m(s,"aria-controls","user-content"),m(t,"class",w="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1wjepug")},m(r,l){a(r,t,l),g(t,s),g(s,i),$.m(i,null),g(s,n),L&&L.m(s,null),g(t,_),z&&z.m(t,null),x=!0,v||(j=b(t,"click",e[6]),v=!0)},p(e,n){k===(k=y(e))&&$?$.p(e,n):($.d(1),$=k(e),$&&($.c(),$.m(i,null))),e[4]?L?L.p(e,n):(L=F(e),L.c(),L.m(s,null)):L&&(L.d(1),L=null),(!x||24&n&&d!==(d=e[4]&&e[3]))&&m(s,"aria-expanded",d),(!x||28&n&&h!==(h=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&m(s,"aria-label",h),e[1]?.length?z?(z.p(e,n),2&n&&r(z,1)):(z=G(e),z.c(),r(z,1),z.m(t,null)):z&&(f(),l(z,1,1,(()=>{z=null})),o()),(!x||16&n&&w!==(w="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1wjepug"))&&m(t,"class",w)},i(e){x||(r(z),x=!0)},o(e){l(z),x=!1},d(e){e&&u(t),$.d(),L&&L.d(),z&&z.d(),v=!1,j()}}}function q(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z"),m(t,"class","mc-sidebar-user__icon svelte-1wjepug"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,i){a(e,t,i),g(t,s)},p:L,d(e){e&&u(t)}}}function D(e){let t,s;return{c(){t=c("img"),m(t,"class","base64 svelte-1wjepug"),z(t,"display","block"),z(t,"width","auto"),z(t,"height","48px"),z(t,"max-width","48px"),m(t,"aria-hidden",""),m(t,"alt","User Picture"),B(t.src,s="data:image/png;base64, "+e[0].imageBase64)||m(t,"src",s)},m(e,s){a(e,t,s)},p(e,i){1&i&&!B(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&m(t,"src",s)},d(e){e&&u(t)}}}function F(e){let t,s,i,r,l,o,d,b,f=(e[0]?.firstName||"")+"",w=(e[0]?.lastName||"")+"",x=e[0]?.title&&O(e),v=e[1]?.length&&P(e);return{c(){t=c("p"),s=c("span"),i=h(f),r=p(),l=h(w),o=p(),x&&x.c(),d=p(),v&&v.c(),b=n(),m(s,"class","mc-sidebar-user__header__information__identity svelte-1wjepug"),m(t,"class","mc-sidebar-user__header__information svelte-1wjepug")},m(e,n){a(e,t,n),g(t,s),g(s,i),g(s,r),g(s,l),g(t,o),x&&x.m(t,null),a(e,d,n),v&&v.m(e,n),a(e,b,n)},p(e,s){1&s&&f!==(f=(e[0]?.firstName||"")+"")&&_(i,f),1&s&&w!==(w=(e[0]?.lastName||"")+"")&&_(l,w),e[0]?.title?x?x.p(e,s):(x=O(e),x.c(),x.m(t,null)):x&&(x.d(1),x=null),e[1]?.length?v?v.p(e,s):(v=P(e),v.c(),v.m(b.parentNode,b)):v&&(v.d(1),v=null)},d(e){e&&u(t),x&&x.d(),e&&u(d),v&&v.d(e),e&&u(b)}}}function O(e){let t,s,i=K(e[0].title)+"";return{c(){t=c("span"),s=h(i),m(t,"class","mc-sidebar-user__header__information__title svelte-1wjepug")},m(e,i){a(e,t,i),g(t,s)},p(e,t){1&t&&i!==(i=K(e[0].title)+"")&&_(s,i)},d(e){e&&u(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let i=s(e),n=i(e);return{c(){t=c("span"),n.c(),m(t,"class","mc-sidebar-user__header__information__icon svelte-1wjepug")},m(e,s){a(e,t,s),n.m(t,null)},p(e,a){i!==(i=s(e))&&(n.d(1),n=i(e),n&&(n.c(),n.m(t,null)))},d(e){e&&u(t),n.d()}}}function S(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),m(t,"width","16px"),m(t,"height","16px"),m(t,"class","mc-sidebar-user__icon svelte-1wjepug"),m(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),g(t,s)},d(e){e&&u(t)}}}function U(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),m(t,"class","mc-sidebar-user__icon svelte-1wjepug"),m(t,"width","16px"),m(t,"height","16px"),m(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),g(t,s)},d(e){e&&u(t)}}}function G(e){let t,s,i,n=e[1],d=[];for(let t=0;t<n.length;t+=1)d[t]=I(E(e,n,t));const p=e=>l(d[e],1,1,(()=>{d[e]=null}));return{c(){t=c("ul");for(let e=0;e<d.length;e+=1)d[e].c();m(t,"aria-hidden",s=!e[4]||!e[3]),m(t,"class","mc-sidebar-user__content is-close svelte-1wjepug"),m(t,"id","user-content")},m(s,n){a(s,t,n);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(t,null);e[9](t),i=!0},p(e,a){if(134&a){let s;for(n=e[1],s=0;s<n.length;s+=1){const i=E(e,n,s);d[s]?(d[s].p(i,a),r(d[s],1)):(d[s]=I(i),d[s].c(),r(d[s],1),d[s].m(t,null))}for(f(),s=n.length;s<d.length;s+=1)p(s);o()}(!i||24&a&&s!==(s=!e[4]||!e[3]))&&m(t,"aria-hidden",s)},i(e){if(!i){for(let e=0;e<n.length;e+=1)r(d[e]);i=!0}},o(e){d=d.filter(Boolean);for(let e=0;e<d.length;e+=1)l(d[e]);i=!1},d(s){s&&u(t),w(d,s),e[9](null)}}}function I(e){let t,s,i,n,o,d;function m(){return e[8](e[11])}return s=new N({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=c("li"),x(s.$$.fragment),i=p()},m(e,r){a(e,t,r),v(s,t,null),g(t,i),n=!0,o||(d=b(t,"click",j(m)),o=!0)},p(t,i){e=t;const n={};2&i&&(n.feature=e[11]),4&i&&(n.a11yLabels=e[2]),s.$set(n)},i(e){n||(r(s.$$.fragment,e),n=!0)},o(e){l(s.$$.fragment,e),n=!1},d(e){e&&u(t),y(s),o=!1,d()}}}function J(e){let t,s,i=e[0]&&V(e);return{c(){i&&i.c(),t=n()},m(e,n){i&&i.m(e,n),a(e,t,n),s=!0},p(e,[s]){e[0]?i?(i.p(e,s),1&s&&r(i,1)):(i=V(e),i.c(),r(i,1),i.m(t.parentNode,t)):i&&(f(),l(i,1,1,(()=>{i=null})),o())},i(e){s||(r(i),s=!0)},o(e){l(i),s=!1},d(e){i&&i.d(e),e&&u(t)}}}function K(e){let t=e.toLowerCase().split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].substring(1);return t.join(" ")}function Q(e,t,s){let i;d(e,A,(e=>s(4,i=e)));let n,{user:a}=t,{data:r}=t,{a11yLabels:l}=t,o=!1;function u(e){e.disabled||M(e.code)}return e.$$set=e=>{"user"in e&&s(0,a=e.user),"data"in e&&s(1,r=e.data),"a11yLabels"in e&&s(2,l=e.a11yLabels)},e.$$.update=()=>{24&e.$$.dirty&&function(e,t){if(n){s(5,n.style.height="",n),s(5,n.style.transition="none",n);const i=window.getComputedStyle(n).height;n.classList.add(t&&e?"is-open":"is-close"),n.classList.remove(t&&e?"is-close":"is-open");const a=window.getComputedStyle(n).height;s(5,n.style.height=i,n),requestAnimationFrame((()=>{s(5,n.style.transition="",n),requestAnimationFrame((()=>{s(5,n.style.height=a,n)}))}));const r=()=>{s(5,n.style.height="",n),n.removeEventListener("transitionend",r)};n.addEventListener("transitionend",r)}}(o,i)},[a,r,l,o,i,n,function(){i?s(3,o=!o):(C(!0),s(3,o=!0))},u,e=>u(e),function(e){k[e?"unshift":"push"]((()=>{n=e,s(5,n)}))}]}class T extends e{constructor(e){super(),t(this,e,Q,J,s,{user:0,data:1,a11yLabels:2},H)}}export{T as default};
+import{P as e,i as t,s,Q as i,K as n,b as a,C as r,D as l,E as o,o as u,ab as d,e as c,d as p,g as m,j as g,l as b,M as f,t as h,k as _,J as w,x,A as v,I as j,G as y,v as k,T as $,n as L,y as z,$ as B}from"../../index-c33b3772.js";import{t as C,a as M,i as A}from"../../sidebar-service-275bf9ef.js";import N from"./sidebar-feature.nested.js";function H(e){i(e,"svelte-1wjepug",".mc-sidebar-user.svelte-1wjepug.svelte-1wjepug{left:0;right:0;bottom:0;position:absolute;background:#ffab80}.mc-sidebar-user__header.svelte-1wjepug.svelte-1wjepug{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#191919;font-size:inherit;font-family:inherit;text-align:initial;margin:0;width:100%;overflow:hidden}.mc-sidebar-user__header.svelte-1wjepug.svelte-1wjepug:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:12px;outline:1px solid #0b96cc;outline-offset:-5px}.mc-sidebar-user__header.svelte-1wjepug.svelte-1wjepug:hover{cursor:pointer}.mc-sidebar-user__header.svelte-1wjepug:hover .mc-sidebar-user__header__information__icon.svelte-1wjepug{background:#ff7933}.mc-sidebar-user__header__picture.svelte-1wjepug.svelte-1wjepug{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#5B737D;border-radius:24px;width:48px;min-width:48px;height:48px;overflow:hidden}.mc-sidebar-user__header__picture.svelte-1wjepug img.svelte-1wjepug{display:block}.mc-sidebar-user__header__information.svelte-1wjepug.svelte-1wjepug{-ms-flex-pack:distribute;justify-content:space-around;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-flex:1;-ms-flex:1;flex:1;margin:0;margin-left:8px;height:40px}.mc-sidebar-user__header__information__icon.svelte-1wjepug.svelte-1wjepug{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:4px}.mc-sidebar-user__header__information__identity.svelte-1wjepug.svelte-1wjepug{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-1wjepug.svelte-1wjepug,.mc-sidebar-user__header__information__identity.svelte-1wjepug.svelte-1wjepug{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-1wjepug.svelte-1wjepug{fill:#191919}.mc-sidebar-user__content.svelte-1wjepug.svelte-1wjepug{list-style-type:none;padding:0;overflow:hidden;margin:-8px 0px 24px 0px;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mc-sidebar-user__content.is-close.svelte-1wjepug.svelte-1wjepug{height:0;margin:0}.mc-sidebar-user.is-close.svelte-1wjepug .mc-sidebar-user__header.svelte-1wjepug{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 8px;margin:8px 0}.mc-sidebar-user.is-open.svelte-1wjepug .mc-sidebar-user__header.svelte-1wjepug{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 24px 12px 32px;margin:8px 0}")}function E(e,t,s){const i=e.slice();return i[11]=t[s],i}function V(e){let t,s,i,n,d,h,_,w,x,v,j;function y(e,t){return e[0].imageBase64?D:q}let k=y(e),$=k(e),L=e[4]&&F(e),z=e[1]?.length&&G(e);return{c(){t=c("div"),s=c("button"),i=c("span"),$.c(),n=p(),L&&L.c(),_=p(),z&&z.c(),m(i,"class","mc-sidebar-user__header__picture svelte-1wjepug"),m(s,"aria-expanded",d=e[4]&&e[3]),m(s,"class","mc-sidebar-user__header svelte-1wjepug"),m(s,"aria-label",h=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"),m(s,"aria-controls","user-content"),m(s,"id","user-trigger"),m(t,"class",w="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1wjepug")},m(r,l){a(r,t,l),g(t,s),g(s,i),$.m(i,null),g(s,n),L&&L.m(s,null),g(t,_),z&&z.m(t,null),x=!0,v||(j=b(t,"click",e[6]),v=!0)},p(e,n){k===(k=y(e))&&$?$.p(e,n):($.d(1),$=k(e),$&&($.c(),$.m(i,null))),e[4]?L?L.p(e,n):(L=F(e),L.c(),L.m(s,null)):L&&(L.d(1),L=null),(!x||24&n&&d!==(d=e[4]&&e[3]))&&m(s,"aria-expanded",d),(!x||28&n&&h!==(h=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&m(s,"aria-label",h),e[1]?.length?z?(z.p(e,n),2&n&&r(z,1)):(z=G(e),z.c(),r(z,1),z.m(t,null)):z&&(f(),l(z,1,1,(()=>{z=null})),o()),(!x||16&n&&w!==(w="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1wjepug"))&&m(t,"class",w)},i(e){x||(r(z),x=!0)},o(e){l(z),x=!1},d(e){e&&u(t),$.d(),L&&L.d(),z&&z.d(),v=!1,j()}}}function q(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z"),m(t,"class","mc-sidebar-user__icon svelte-1wjepug"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,i){a(e,t,i),g(t,s)},p:L,d(e){e&&u(t)}}}function D(e){let t,s;return{c(){t=c("img"),m(t,"class","base64 svelte-1wjepug"),z(t,"display","block"),z(t,"width","auto"),z(t,"height","48px"),z(t,"max-width","48px"),m(t,"aria-hidden",""),m(t,"alt","User Picture"),B(t.src,s="data:image/png;base64, "+e[0].imageBase64)||m(t,"src",s)},m(e,s){a(e,t,s)},p(e,i){1&i&&!B(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&m(t,"src",s)},d(e){e&&u(t)}}}function F(e){let t,s,i,r,l,o,d,b,f=(e[0]?.firstName||"")+"",w=(e[0]?.lastName||"")+"",x=e[0]?.title&&O(e),v=e[1]?.length&&P(e);return{c(){t=c("p"),s=c("span"),i=h(f),r=p(),l=h(w),o=p(),x&&x.c(),d=p(),v&&v.c(),b=n(),m(s,"class","mc-sidebar-user__header__information__identity svelte-1wjepug"),m(t,"class","mc-sidebar-user__header__information svelte-1wjepug")},m(e,n){a(e,t,n),g(t,s),g(s,i),g(s,r),g(s,l),g(t,o),x&&x.m(t,null),a(e,d,n),v&&v.m(e,n),a(e,b,n)},p(e,s){1&s&&f!==(f=(e[0]?.firstName||"")+"")&&_(i,f),1&s&&w!==(w=(e[0]?.lastName||"")+"")&&_(l,w),e[0]?.title?x?x.p(e,s):(x=O(e),x.c(),x.m(t,null)):x&&(x.d(1),x=null),e[1]?.length?v?v.p(e,s):(v=P(e),v.c(),v.m(b.parentNode,b)):v&&(v.d(1),v=null)},d(e){e&&u(t),x&&x.d(),e&&u(d),v&&v.d(e),e&&u(b)}}}function O(e){let t,s,i=K(e[0].title)+"";return{c(){t=c("span"),s=h(i),m(t,"class","mc-sidebar-user__header__information__title svelte-1wjepug")},m(e,i){a(e,t,i),g(t,s)},p(e,t){1&t&&i!==(i=K(e[0].title)+"")&&_(s,i)},d(e){e&&u(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let i=s(e),n=i(e);return{c(){t=c("span"),n.c(),m(t,"class","mc-sidebar-user__header__information__icon svelte-1wjepug")},m(e,s){a(e,t,s),n.m(t,null)},p(e,a){i!==(i=s(e))&&(n.d(1),n=i(e),n&&(n.c(),n.m(t,null)))},d(e){e&&u(t),n.d()}}}function S(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),m(t,"width","16px"),m(t,"height","16px"),m(t,"class","mc-sidebar-user__icon svelte-1wjepug"),m(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),g(t,s)},d(e){e&&u(t)}}}function U(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),m(t,"class","mc-sidebar-user__icon svelte-1wjepug"),m(t,"width","16px"),m(t,"height","16px"),m(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),g(t,s)},d(e){e&&u(t)}}}function G(e){let t,s,i,n=e[1],d=[];for(let t=0;t<n.length;t+=1)d[t]=I(E(e,n,t));const p=e=>l(d[e],1,1,(()=>{d[e]=null}));return{c(){t=c("ul");for(let e=0;e<d.length;e+=1)d[e].c();m(t,"aria-hidden",s=!e[4]||!e[3]),m(t,"class","mc-sidebar-user__content is-close svelte-1wjepug"),m(t,"id","user-content")},m(s,n){a(s,t,n);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(t,null);e[9](t),i=!0},p(e,a){if(134&a){let s;for(n=e[1],s=0;s<n.length;s+=1){const i=E(e,n,s);d[s]?(d[s].p(i,a),r(d[s],1)):(d[s]=I(i),d[s].c(),r(d[s],1),d[s].m(t,null))}for(f(),s=n.length;s<d.length;s+=1)p(s);o()}(!i||24&a&&s!==(s=!e[4]||!e[3]))&&m(t,"aria-hidden",s)},i(e){if(!i){for(let e=0;e<n.length;e+=1)r(d[e]);i=!0}},o(e){d=d.filter(Boolean);for(let e=0;e<d.length;e+=1)l(d[e]);i=!1},d(s){s&&u(t),w(d,s),e[9](null)}}}function I(e){let t,s,i,n,o,d;function m(){return e[8](e[11])}return s=new N({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=c("li"),x(s.$$.fragment),i=p()},m(e,r){a(e,t,r),v(s,t,null),g(t,i),n=!0,o||(d=b(t,"click",j(m)),o=!0)},p(t,i){e=t;const n={};2&i&&(n.feature=e[11]),4&i&&(n.a11yLabels=e[2]),s.$set(n)},i(e){n||(r(s.$$.fragment,e),n=!0)},o(e){l(s.$$.fragment,e),n=!1},d(e){e&&u(t),y(s),o=!1,d()}}}function J(e){let t,s,i=e[0]&&V(e);return{c(){i&&i.c(),t=n()},m(e,n){i&&i.m(e,n),a(e,t,n),s=!0},p(e,[s]){e[0]?i?(i.p(e,s),1&s&&r(i,1)):(i=V(e),i.c(),r(i,1),i.m(t.parentNode,t)):i&&(f(),l(i,1,1,(()=>{i=null})),o())},i(e){s||(r(i),s=!0)},o(e){l(i),s=!1},d(e){i&&i.d(e),e&&u(t)}}}function K(e){let t=e.toLowerCase().split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].substring(1);return t.join(" ")}function Q(e,t,s){let i;d(e,A,(e=>s(4,i=e)));let n,{user:a}=t,{data:r}=t,{a11yLabels:l}=t,o=!1;function u(e){e.disabled||M(e.code)}return e.$$set=e=>{"user"in e&&s(0,a=e.user),"data"in e&&s(1,r=e.data),"a11yLabels"in e&&s(2,l=e.a11yLabels)},e.$$.update=()=>{24&e.$$.dirty&&function(e,t){if(n){s(5,n.style.height="",n),s(5,n.style.transition="none",n);const i=window.getComputedStyle(n).height;n.classList.add(t&&e?"is-open":"is-close"),n.classList.remove(t&&e?"is-close":"is-open");const a=window.getComputedStyle(n).height;s(5,n.style.height=i,n),requestAnimationFrame((()=>{s(5,n.style.transition="",n),requestAnimationFrame((()=>{s(5,n.style.height=a,n)}))}));const r=()=>{s(5,n.style.height="",n),n.removeEventListener("transitionend",r)};n.addEventListener("transitionend",r)}}(o,i)},[a,r,l,o,i,n,function(){i?s(3,o=!o):(C(!0),s(3,o=!0))},u,e=>u(e),function(e){k[e?"unshift":"push"]((()=>{n=e,s(5,n)}))}]}class T extends e{constructor(e){super(),t(this,e,Q,J,s,{user:0,data:1,a11yLabels:2},H)}}export{T as default};
 //# sourceMappingURL=sidebar-user.nested.js.map

package/public/bricoman/components/sidebar/sidebar-user.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-user.nested.js","sources":["../../../../src/components/sidebar/sidebar-user.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import {\n    isSidebarOpen,\n    selectFeature,\n    toggleSidebar,\n  } from './sidebar-service';\n  import type { User, Feature, A11yLabels } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n\n  export let user: User;\n  export let data: Feature[];\n  export let a11yLabels: A11yLabels;\n\n  let content: HTMLElement;\n  let isExpanded = false;\n\n  $: updateContentCSS(isExpanded, $isSidebarOpen);\n\n  // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n  function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n    if (content) {\n      content.style.height = '';\n      content.style.transition = 'none';\n      const startHeight = window.getComputedStyle(content).height;\n\n      content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n      content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n      const height = window.getComputedStyle(content).height;\n      content.style.height = startHeight;\n\n      // wait until the next frame so that everything has time to update before starting the transition\n      requestAnimationFrame(() => {\n        content.style.transition = '';\n        requestAnimationFrame(() => {\n          content.style.height = height;\n        });\n      });\n\n      // Clear the saved height values after the transition\n      const handler = () => {\n        content.style.height = '';\n        content.removeEventListener('transitionend', handler);\n      };\n\n      content.addEventListener('transitionend', handler);\n    }\n  }\n\n  function toggle(): void {\n    if (!$isSidebarOpen) {\n      toggleSidebar(true);\n      isExpanded = true;\n    } else {\n      isExpanded = !isExpanded;\n    }\n  }\n\n  function capitalizeTheFirstLetterOfEachWord(words: string): string {\n    let separateWord: string[] = words.toLowerCase().split(' ');\n    for (let i = 0; i < separateWord.length; i++) {\n      separateWord[i] =\n        separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1);\n    }\n    return separateWord.join(' ');\n  }\n\n  function handleClick(feature: Feature) {\n    if (!feature.disabled) {\n      selectFeature(feature.code);\n    }\n  }\n</script>\n\n{#if user}\n  <!-- svelte-ignore a11y-click-events-have-key-events -->\n  <div\n    class=\"mc-sidebar-user {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    on:click={toggle}\n  >\n    <button\n      aria-expanded={$isSidebarOpen && isExpanded}\n      class=\"mc-sidebar-user__header\"\n      aria-label={$isSidebarOpen && isExpanded\n        ? a11yLabels?.['close-user'] || 'Close the user sub menu'\n        : a11yLabels?.['open-user'] || 'Open the user sub menu'}\n      aria-controls=\"user-content\"\n    >\n      <span class=\"mc-sidebar-user__header__picture\">\n        {#if user.imageBase64}\n          <img\n            class=\"base64\"\n            style=\"display:block; width:auto; height:48px; max-width:48px;\"\n            aria-hidden\n            alt=\"User Picture\"\n            src=\"data:image/png;base64, {user.imageBase64}\"\n          />\n        {:else}\n          <svg\n            class=\"mc-sidebar-user__icon\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            ><path\n              d=\"M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z\"\n            /></svg\n          >\n        {/if}\n      </span>\n      {#if $isSidebarOpen}\n        <p class=\"mc-sidebar-user__header__information\">\n          <span class=\"mc-sidebar-user__header__information__identity\">\n            {user?.firstName || ''}\n            {user?.lastName || ''}\n          </span>\n          {#if user?.title}\n            <span class=\"mc-sidebar-user__header__information__title\">\n              {capitalizeTheFirstLetterOfEachWord(user.title)}\n            </span>\n          {/if}\n        </p>\n        {#if data?.length}\n          <span class=\"mc-sidebar-user__header__information__icon\">\n            {#if $isSidebarOpen && !isExpanded}\n              <svg\n                class=\"mc-sidebar-user__icon\"\n                width=\"16px\"\n                height=\"16px\"\n                viewBox=\"0 0 16 16\"\n                ><path\n                  d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n                /></svg\n              >\n            {:else}\n              <svg\n                width=\"16px\"\n                height=\"16px\"\n                class=\"mc-sidebar-user__icon\"\n                viewBox=\"0 0 16 16\"\n                ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n              >\n            {/if}\n          </span>\n        {/if}\n      {/if}\n    </button>\n    {#if data?.length}\n      <ul\n        aria-hidden={!$isSidebarOpen || !isExpanded}\n        class=\"mc-sidebar-user__content is-close\"\n        id=\"user-content\"\n        bind:this={content}\n      >\n        {#each data as feature}\n          <!-- svelte-ignore a11y-click-events-have-key-events -->\n          <li on:click|stopPropagation={() => handleClick(feature)}>\n            <FeatureComponent {feature} {a11yLabels} />\n          </li>\n        {/each}\n      </ul>\n    {/if}\n  </div>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-user {\n    left: 0;\n    right: 0;\n    bottom: 0;\n    position: absolute;\n    background: $color-sidebar-user-background;\n\n    &__header {\n      display: flex;\n      align-items: center;\n      background: none;\n      border: none;\n      color: $color-sidebar-text-color;\n      font-size: inherit;\n      font-family: inherit;\n      text-align: initial;\n      margin: 0;\n      width: 100%;\n      overflow: hidden;\n\n      &:focus-visible {\n        box-shadow: none;\n        border: none;\n        border-radius: 12px;\n        outline: 1px solid #0b96cc;\n        outline-offset: -5px;\n      }\n\n      &:hover {\n        cursor: pointer;\n\n        .mc-sidebar-user__header__information__icon {\n          background: $color-sidebar-feature-hover-background;\n        }\n      }\n\n      &__picture {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: $color-grey;\n        border-radius: 24px;\n        width: 48px;\n        min-width: 48px;\n        height: 48px;\n        overflow: hidden;\n        img {\n          display: block;\n        }\n      }\n\n      &__information {\n        justify-content: space-around;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        margin: 0;\n        margin-left: 8px;\n        height: 40px;\n        &__icon {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 32px;\n          height: 32px;\n          border-radius: 4px;\n        }\n\n        &__identity {\n          font-size: 16px;\n          font-weight: bold;\n        }\n\n        &__title,\n        &__identity {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 176px;\n        }\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__content {\n      list-style-type: none;\n      padding: 0;\n      overflow: hidden;\n      margin: -8px 0px 24px 0px;\n      @include transition(all 300ms ease-in-out);\n\n      &.is-close {\n        height: 0;\n        margin: 0;\n      }\n\n      .is-open {\n        height: auto;\n      }\n    }\n\n    &.is-close {\n      .mc-sidebar-user__header {\n        @include transition(padding 300ms ease-in-out);\n        padding: 12px 8px;\n        margin: 8px 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-user__header {\n        @include transition(padding 300ms ease-in-out);\n        padding: 12px 24px 12px 32px;\n        margin: 8px 0;\n      }\n    }\n  }\n</style>\n"],"names":["ctx","imageBase64","create_if_block_6","create_if_block_2","if_block2","length","create_if_block_1","attr","button","button_aria_expanded_value","button_aria_label_value","insert","target","div","anchor","append","span","current","dirty","svg","path","src_url_equal","img","src","img_src_value","firstName","lastName","if_block0","title","create_if_block_5","if_block1","create_if_block_3","p","set_data","t0","t0_value","t2","t2_value","capitalizeTheFirstLetterOfEachWord","t","t_value","create_if_block_4","i","ul","ul_aria_hidden_value","each_blocks","li","create_if_block","words","separateWord","toLowerCase","split","charAt","toUpperCase","substring","join","content","user","$$props","data","a11yLabels","isExpanded","handleClick","feature","disabled","selectFeature","code","isOpen","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$isSidebarOpen","toggleSidebar","$$value"],"mappings":"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"}
+{"version":3,"file":"sidebar-user.nested.js","sources":["../../../../src/components/sidebar/sidebar-user.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import {\n    isSidebarOpen,\n    selectFeature,\n    toggleSidebar,\n  } from './sidebar-service';\n  import type { User, Feature, A11yLabels } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n\n  export let user: User;\n  export let data: Feature[];\n  export let a11yLabels: A11yLabels;\n\n  let content: HTMLElement;\n  let isExpanded = false;\n\n  $: updateContentCSS(isExpanded, $isSidebarOpen);\n\n  // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n  function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n    if (content) {\n      content.style.height = '';\n      content.style.transition = 'none';\n      const startHeight = window.getComputedStyle(content).height;\n\n      content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n      content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n      const height = window.getComputedStyle(content).height;\n      content.style.height = startHeight;\n\n      // wait until the next frame so that everything has time to update before starting the transition\n      requestAnimationFrame(() => {\n        content.style.transition = '';\n        requestAnimationFrame(() => {\n          content.style.height = height;\n        });\n      });\n\n      // Clear the saved height values after the transition\n      const handler = () => {\n        content.style.height = '';\n        content.removeEventListener('transitionend', handler);\n      };\n\n      content.addEventListener('transitionend', handler);\n    }\n  }\n\n  function toggle(): void {\n    if (!$isSidebarOpen) {\n      toggleSidebar(true);\n      isExpanded = true;\n    } else {\n      isExpanded = !isExpanded;\n    }\n  }\n\n  function capitalizeTheFirstLetterOfEachWord(words: string): string {\n    let separateWord: string[] = words.toLowerCase().split(' ');\n    for (let i = 0; i < separateWord.length; i++) {\n      separateWord[i] =\n        separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1);\n    }\n    return separateWord.join(' ');\n  }\n\n  function handleClick(feature: Feature) {\n    if (!feature.disabled) {\n      selectFeature(feature.code);\n    }\n  }\n</script>\n\n{#if user}\n  <!-- svelte-ignore a11y-click-events-have-key-events -->\n  <div\n    class=\"mc-sidebar-user {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    on:click={toggle}\n  >\n    <button\n      aria-expanded={$isSidebarOpen && isExpanded}\n      class=\"mc-sidebar-user__header\"\n      aria-label={$isSidebarOpen && isExpanded\n        ? a11yLabels?.['close-user'] || 'Close the user sub menu'\n        : a11yLabels?.['open-user'] || 'Open the user sub menu'}\n      aria-controls=\"user-content\"\n      id=\"user-trigger\"\n    >\n      <span class=\"mc-sidebar-user__header__picture\">\n        {#if user.imageBase64}\n          <img\n            class=\"base64\"\n            style=\"display:block; width:auto; height:48px; max-width:48px;\"\n            aria-hidden\n            alt=\"User Picture\"\n            src=\"data:image/png;base64, {user.imageBase64}\"\n          />\n        {:else}\n          <svg\n            class=\"mc-sidebar-user__icon\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            ><path\n              d=\"M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z\"\n            /></svg\n          >\n        {/if}\n      </span>\n      {#if $isSidebarOpen}\n        <p class=\"mc-sidebar-user__header__information\">\n          <span class=\"mc-sidebar-user__header__information__identity\">\n            {user?.firstName || ''}\n            {user?.lastName || ''}\n          </span>\n          {#if user?.title}\n            <span class=\"mc-sidebar-user__header__information__title\">\n              {capitalizeTheFirstLetterOfEachWord(user.title)}\n            </span>\n          {/if}\n        </p>\n        {#if data?.length}\n          <span class=\"mc-sidebar-user__header__information__icon\">\n            {#if $isSidebarOpen && !isExpanded}\n              <svg\n                class=\"mc-sidebar-user__icon\"\n                width=\"16px\"\n                height=\"16px\"\n                viewBox=\"0 0 16 16\"\n                ><path\n                  d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n                /></svg\n              >\n            {:else}\n              <svg\n                width=\"16px\"\n                height=\"16px\"\n                class=\"mc-sidebar-user__icon\"\n                viewBox=\"0 0 16 16\"\n                ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n              >\n            {/if}\n          </span>\n        {/if}\n      {/if}\n    </button>\n    {#if data?.length}\n      <ul\n        aria-hidden={!$isSidebarOpen || !isExpanded}\n        class=\"mc-sidebar-user__content is-close\"\n        id=\"user-content\"\n        bind:this={content}\n      >\n        {#each data as feature}\n          <!-- svelte-ignore a11y-click-events-have-key-events -->\n          <li on:click|stopPropagation={() => handleClick(feature)}>\n            <FeatureComponent {feature} {a11yLabels} />\n          </li>\n        {/each}\n      </ul>\n    {/if}\n  </div>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-user {\n    left: 0;\n    right: 0;\n    bottom: 0;\n    position: absolute;\n    background: $color-sidebar-user-background;\n\n    &__header {\n      display: flex;\n      align-items: center;\n      background: none;\n      border: none;\n      color: $color-sidebar-text-color;\n      font-size: inherit;\n      font-family: inherit;\n      text-align: initial;\n      margin: 0;\n      width: 100%;\n      overflow: hidden;\n\n      &:focus-visible {\n        box-shadow: none;\n        border: none;\n        border-radius: 12px;\n        outline: 1px solid #0b96cc;\n        outline-offset: -5px;\n      }\n\n      &:hover {\n        cursor: pointer;\n\n        .mc-sidebar-user__header__information__icon {\n          background: $color-sidebar-feature-hover-background;\n        }\n      }\n\n      &__picture {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: $color-grey;\n        border-radius: 24px;\n        width: 48px;\n        min-width: 48px;\n        height: 48px;\n        overflow: hidden;\n        img {\n          display: block;\n        }\n      }\n\n      &__information {\n        justify-content: space-around;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        margin: 0;\n        margin-left: 8px;\n        height: 40px;\n        &__icon {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 32px;\n          height: 32px;\n          border-radius: 4px;\n        }\n\n        &__identity {\n          font-size: 16px;\n          font-weight: bold;\n        }\n\n        &__title,\n        &__identity {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 176px;\n        }\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__content {\n      list-style-type: none;\n      padding: 0;\n      overflow: hidden;\n      margin: -8px 0px 24px 0px;\n      @include transition(all 300ms ease-in-out);\n\n      &.is-close {\n        height: 0;\n        margin: 0;\n      }\n\n      .is-open {\n        height: auto;\n      }\n    }\n\n    &.is-close {\n      .mc-sidebar-user__header {\n        @include transition(padding 300ms ease-in-out);\n        padding: 12px 8px;\n        margin: 8px 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-user__header {\n        @include transition(padding 300ms ease-in-out);\n        padding: 12px 24px 12px 32px;\n        margin: 8px 0;\n      }\n    }\n  }\n</style>\n"],"names":["ctx","imageBase64","create_if_block_6","create_if_block_2","if_block2","length","create_if_block_1","attr","button","button_aria_expanded_value","button_aria_label_value","insert","target","div","anchor","append","span","current","dirty","svg","path","src_url_equal","img","src","img_src_value","firstName","lastName","if_block0","title","create_if_block_5","if_block1","create_if_block_3","p","set_data","t0","t0_value","t2","t2_value","capitalizeTheFirstLetterOfEachWord","t","t_value","create_if_block_4","i","ul","ul_aria_hidden_value","each_blocks","li","create_if_block","words","separateWord","toLowerCase","split","charAt","toUpperCase","substring","join","content","user","$$props","data","a11yLabels","isExpanded","handleClick","feature","disabled","selectFeature","code","isOpen","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$isSidebarOpen","toggleSidebar","$$value"],"mappings":"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"}

package/public/bricoman/components/sidebar-feature-group/sidebar-feature-group.nested.svelte

@@ -69,7 +69,7 @@
   }
 
   function generateIcon(iconname: string): string {
-    return `${iconname} size="1.5rem"`;
+    return `${iconname} size="1.5rem" style="height: 1.5rem; width: 1.5rem;"`;
   }
 
   function handleClick(feature: Feature) {

package/public/bricoman/components/sidebar-segment/sidebar-segment.nested.svelte

@@ -11,7 +11,7 @@
   export let data: Segment;
 
   function generateIcon(iconname: string): string {
-    return `${iconname} size="1.5rem"`;
+    return `${iconname} size="1.5rem" style="height: 1.5rem; width: 1.5rem;"`;
   }
 
   function handleClick() {

package/public/bricoman/components/sidebar-user/sidebar-user.nested.svelte

@@ -87,6 +87,7 @@
         ? a11yLabels?.['close-user'] || 'Close the user sub menu'
         : a11yLabels?.['open-user'] || 'Open the user sub menu'}
       aria-controls="user-content"
+      id="user-trigger"
     >
       <span class="mc-sidebar-user__header__picture">
         {#if user.imageBase64}

package/public/bricoman/components/starsinput/StarsInput.svelte

@@ -1,8 +1,8 @@
-<svelte:options tag="m-stars-input" />
+<svelte:options tag={null} />
 
 <script lang="ts">
   import type { RatingsSize } from './ratings.types';
-
+  import { EventHandler } from '../../utilities/EventHandler';
   const ratingValue = 5;
   export let unselectedText = 'No opinion given';
   export let name = 'rating';
@@ -15,6 +15,7 @@
     'Excellent',
   ];
 
+  let eventHandler = new EventHandler();
   function setClasses(size: RatingsSize): string {
     const mainClass = 'mc-stars-input';
 
@@ -24,6 +25,10 @@
   function setInputId(name: string, index: number): string {
     return `${name}${index + 1}`;
   }
+
+  function selectStar(i: number) {
+    eventHandler.dispatch('star-selected', i + 1);
+  }
 </script>
 
 <div class={setClasses(size)} {...$$restProps}>
@@ -46,10 +51,12 @@
       class="mc-stars-input__radio"
     />
 
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <label
       for={setInputId(name, i)}
       title={ratinglabels[i]}
       class="mc-stars-input__label"
+      on:click={() => selectStar(i)}
     >
       <span class="mc-stars-input__text">
         {ratinglabels[i]}

package/public/bricoman/utilities/DataTableUtilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableUtilities.d.ts","sourceRoot":"","sources":["../../../src/utilities/DataTableUtilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EAIR,QAAQ,EACR,aAAa,EACb,WAAW,EAEX,eAAe,EAIhB,MAAM,yCAAyC,CAAC;AAwGjD,eAAO,MAAM,cAAc,aACf,QAAQ,YACR,QAAQ,KACjB,MAMF,CAAC;AAEF,eAAO,MAAM,gBAAgB,oBACV,MAAM,GAAG,SAAS,SAC5B,MAAM;;CAQd,CAAC;AACF,eAAO,MAAM,mBAAmB,UAAW,QAAQ,EAAE,KAAG,OASvD,CAAC;AACF,eAAO,MAAM,WAAW,UAAW,QAAQ,EAAE,KAAG,OAQ/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBACL,aAAa,KAClC,aAaF,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,QAAQ,EAAE,YACP,MAAM,eACH,WAAW,iBACT,aAAa,KAC3B,QAAQ,EA8DV,CAAC;AAEF,eAAO,MAAM,yBAAyB,eACxB,MAAM,eACL,MAAM,gBACL,OAAO,KACpB,MAAM,EAmBR,CAAC;AAEF,eAAO,MAAM,wBAAwB,SAC7B,QAAQ,mBACG,eAAe,GAAG,SAAS,sBACxB,OAAO,KAC1B,eAAe,GAAG,SAyCpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,UAC3B,QAAQ,EAAE,mBACA,eAAe,GAAG,SAAS,sBACxB,OAAO,iBACZ,OAAO,YACZ,OAAO,KAChB,eAAe,GAAG,SAwFpB,CAAC;AAEF,eAAO,MAAM,cAAc,oBACR,eAAe,GAAG,SAAS,KAC3C,eAAe,GAAG,SAOpB,CAAC;AAEF,eAAO,MAAM,SAAS,oBACH,eAAe,GAAG,SAAS,KAC3C,eAAe,GAAG,SAOpB,CAAC;AAEF,eAAO,MAAM,mCAAmC,UACvC,QAAQ,EAAE,mBACA,eAAe,GAAG,SAAS,iBAC7B,OAAO,KACrB,OA4BF,CAAC;AAEF,oBAAY,aAAa;IACvB,KAAK,UAAU;CAChB"}
+{"version":3,"file":"DataTableUtilities.d.ts","sourceRoot":"","sources":["../../../src/utilities/DataTableUtilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EAIR,QAAQ,EACR,aAAa,EACb,WAAW,EAEX,eAAe,EAKhB,MAAM,yCAAyC,CAAC;AAmHjD,eAAO,MAAM,cAAc,aACf,QAAQ,YACR,QAAQ,KACjB,MAMF,CAAC;AAEF,eAAO,MAAM,gBAAgB,oBACV,MAAM,GAAG,SAAS,SAC5B,MAAM;;CAQd,CAAC;AACF,eAAO,MAAM,mBAAmB,UAAW,QAAQ,EAAE,KAAG,OASvD,CAAC;AACF,eAAO,MAAM,WAAW,UAAW,QAAQ,EAAE,KAAG,OAQ/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBACL,aAAa,KAClC,aAaF,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,QAAQ,EAAE,YACP,MAAM,eACH,WAAW,iBACT,aAAa,KAC3B,QAAQ,EA8DV,CAAC;AAEF,eAAO,MAAM,yBAAyB,eACxB,MAAM,eACL,MAAM,gBACL,OAAO,KACpB,MAAM,EAmBR,CAAC;AAEF,eAAO,MAAM,wBAAwB,SAC7B,QAAQ,mBACG,eAAe,GAAG,SAAS,sBACxB,OAAO,KAC1B,eAAe,GAAG,SAyCpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,UAC3B,QAAQ,EAAE,mBACA,eAAe,GAAG,SAAS,sBACxB,OAAO,iBACZ,OAAO,YACZ,OAAO,KAChB,eAAe,GAAG,SAwFpB,CAAC;AAEF,eAAO,MAAM,cAAc,oBACR,eAAe,GAAG,SAAS,KAC3C,eAAe,GAAG,SAOpB,CAAC;AAEF,eAAO,MAAM,SAAS,oBACH,eAAe,GAAG,SAAS,KAC3C,eAAe,GAAG,SAOpB,CAAC;AAEF,eAAO,MAAM,mCAAmC,UACvC,QAAQ,EAAE,mBACA,eAAe,GAAG,SAAS,iBAC7B,OAAO,KACrB,OA4BF,CAAC;AAEF,oBAAY,aAAa;IACvB,KAAK,UAAU;CAChB"}

package/public/bricoman/utilities/DataTableUtilities.ts

@@ -12,6 +12,7 @@ import type {
   ProgressBar,
   Button,
   FileFormat,
+  InputText,
 } from '../components/datatable/datatable.types';
 
 const customTextFormatter = (customText: CustomText): string => {
@@ -83,6 +84,15 @@ const buttonFormatterBranded = (button: Button, id: string): string => {
   return buttonText;
 };
 
+const inputFormatter = (input: InputText, id: string): string => {
+  let textInput = `<m-textinput id=cell-input-${id} size="s" placeholder=${
+    input.placeholder
+  } inputtype=${input.type} value="${input.value ? input.value : ''}" min=${
+    input.min
+  } max=${input.max} rightalign=${input.rightalign} /> `;
+  return textInput;
+};
+
 const getFormattedCell = (
   headerFormat: string,
   cellValue: CellValue,
@@ -112,6 +122,8 @@ const getFormattedCell = (
       return progressBarFormatter(cellValue as ProgressBar);
     case 'Button':
       return buttonFormatterBranded(cellValue as Button, id);
+    case 'InputText':
+      return inputFormatter(cellValue as InputText, id);
     default:
       return cellValue as string;
   }

package/public/bundle.js

@@ -49,6 +49,8 @@ import OptionButton from './components/optionbutton/OptionButton.js';
 import Header from './components/header/Header.js';
 import TagList from './components/taglist/TagList.js';
 import Kpi from './components/kpi/Kpi.js';
+import SegmentedControl from './components/segmentedcontrol/SegmentedControl.js';
+import Menu from './components/menu/Menu.js';
 
 if (!customElements.get('m-accordion')) {
   customElements.define('m-accordion', Accordion);
@@ -252,3 +254,11 @@ if (!customElements.get('m-taglist')) {
 if (!customElements.get('m-kpi')) {
   customElements.define('m-kpi', Kpi);
 }
+
+if (!customElements.get('m-segmented-control')) {
+  customElements.define('m-segmented-control', SegmentedControl);
+}
+
+if (!customElements.get('m-menu')) {
+  customElements.define('m-menu', Menu);
+}

package/public/components/autocomplete/Autocomplete.js

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as l,b as a,f as i,s,v as n,w as o,c as r,e as c,d,x as u,n as m,g as p,y as h,h as g,z as $,j as x,A as b,B as f,l as w,C as v,D as y,E as _,F as k,m as z,o as q,G as j,H as S,p as C,r as N,q as O,I as T,J as E,K as J,L,M as H,N as M,O as R}from"../../index-c33b3772.js";import{E as Y}from"../../EventHandler-02058705.js";import{c as A}from"../../ClickOutside-63071e7a.js";import U from"../tag/Tag.nested.js";import B from"../loader/Loader.nested.js";import D from"../textinput/Textinput.nested.js";import F from"../listbox/Listbox.nested.js";function G(t,e,l){const a=t.slice();return a[70]=e[l],a}function I(t,e,l){const a=t.slice();return a[70]=e[l],a[74]=l,a}function K(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[31]}`,class:"mc-autocomplete__tag",label:t[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new U({props:a}),t[49](e),e.$on("tag-removed",t[32]),{c(){u(e.$$.fragment)},m(t,a){b(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[31]}`),1073741824&l[0]&&(a.label=t[30]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[49](null),j(e,l)}}}function W(t){let e,l;return e=new B({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){b(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function P(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=w(e,"click",T(t[54])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function Q(t){let e,l,i=t[26],s=[];for(let e=0;e<i.length;e+=1)s[e]=tt(I(t,i,e));let n=t[19].length>t[15]&&et(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);x(e,l),n&&n.m(e,null)},p(t,a){if(67141640&a[0]|512&a[1]){let n;for(i=t[26],n=0;n<i.length;n+=1){const o=I(t,i,n);s[n]?s[n].p(o,a):(s[n]=tt(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[19].length>t[15]?n?n.p(t,a):(n=et(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),E(s,t),n&&n.d()}}}function V(t){let e;function l(t,e){return t[3]?Z:X}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function X(t){let e,l,i,s,n;function o(){return t[56](t[70])}return{c(){e=c("m-tag"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function Z(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","link"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s"),L(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function tt(t){let e,l=t[74]<t[15]&&V(t);return{c(){l&&l.c(),e=J()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[74]<t[15]?l?l.p(t,a):(l=V(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function et(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),L(l,"id","id-tag"),L(l,"label",i="("+t[19].length+") "+t[14]+" "),L(l,"size","s"),L(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),x(e,l),s||(n=w(l,"tag-selected",t[57]),s=!0)},p(t,e){540672&e[0]&&i!==(i="("+t[19].length+") "+t[14]+" ")&&L(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function lt(t){let e,l,i,s,n,o,r=t[26],d=[];for(let e=0;e<r.length;e+=1)d[e]=st(G(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),L(l,"title",t[13]),L(l,"layertitletag","h3"),L(l,"isopen",t[27])},m(r,c){a(r,e,c),x(e,l),x(l,i),x(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=w(l,"layer-closed",t[59]),n=!0)},p(t,e){if(67108872&e[0]|512&e[1]){let l;for(r=t[26],l=0;l<r.length;l+=1){const a=G(t,r,l);d[l]?d[l].p(a,e):(d[l]=st(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&L(l,"title",t[13]),134217728&e[0]&&L(l,"isopen",t[27])},d(t){t&&q(e),E(d,t),n=!1,o()}}}function at(t){let e,l,i,s,n;function o(){return t[58](t[70])}return{c(){e=c("m-tag"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function it(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","text"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function st(t){let e,l;function i(t,e){return t[3]?it:at}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),x(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function nt(t){let e,l,i,s,C,N,O,T,E,J,L,M,R,Y,U,B,G,I,V,X,Z,tt=t[9]&&t[19].length>0&&!t[16]&&K(t);function et(e){t[50](e)}let at={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[28]&&(at.value=t[28]),s=new D({props:at}),n.push((()=>o(s,"value",et))),s.$on("input",t[37]),s.$on("click",t[51]),s.$on("change",t[52]),s.$on("blur",t[53]);let it=t[7]&&W(),st=null!=t[28]&&""!=t[28]&&!t[3]&&P(t);function nt(e){t[55](e)}let ot={items:JSON.stringify(t[29]),open:t[21],multiple:t[9],isfiltered:t[25],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),J=new F({props:ot}),n.push((()=>o(J,"value",nt))),J.$on("change",t[34]),J.$on("scrollend",t[38]),J.$on("select-all",t[39]);let rt=t[9]&&t[16]&&Q(t),ct=t[9]&&t[16]&&lt(t),dt=[{class:"mc-autocomplete"},{style:I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"},t[22]],ut={};for(let t=0;t<dt.length;t+=1)ut=r(ut,dt[t]);return{c(){e=c("div"),l=c("div"),tt&&tt.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),it&&it.c(),T=d(),st&&st.c(),E=d(),u(J.$$.fragment),M=d(),rt&&rt.c(),R=d(),Y=c("span"),U=d(),B=c("span"),G=d(),ct&&ct.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,ut),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),x(e,l),tt&&tt.m(l,null),x(l,i),b(s,l,null),x(l,N),x(l,O),it&&it.m(O,null),x(O,T),st&&st.m(O,null),x(e,E),b(J,e,null),x(e,M),rt&&rt.m(e,null),x(e,R),x(e,Y),x(e,U),x(e,B),x(e,G),ct&&ct.m(e,null),V=!0,X||(Z=[f(A.call(null,e)),w(e,"outclick",t[33])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?tt?(tt.p(t,a),590336&a[0]&&v(tt,1)):(tt=K(t),tt.c(),v(tt,1),tt.m(l,i)):tt&&(H(),y(tt,1,1,(()=>{tt=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&268435456&a[0]&&(C=!0,n.value=t[28],k((()=>C=!1))),s.$set(n),t[7]?it?128&a[0]&&v(it,1):(it=W(),it.c(),v(it,1),it.m(O,T)):it&&(H(),y(it,1,1,(()=>{it=null})),_()),null==t[28]||""==t[28]||t[3]?st&&(st.d(1),st=null):st?st.p(t,a):(st=P(t),st.c(),st.m(O,null));const o={};536870912&a[0]&&(o.items=JSON.stringify(t[29])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),33554432&a[0]&&(o.isfiltered=t[25]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),J.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=Q(t),rt.c(),rt.m(e,R)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=lt(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,ut=z(dt,[{class:"mc-autocomplete"},(!V||16777217&a[0]&&I!==(I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"))&&{style:I},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){V||(v(tt),v(s.$$.fragment,t),v(it),v(J.$$.fragment,t),V=!0)},o(t){y(tt),y(s.$$.fragment,t),y(it),y(J.$$.fragment,t),V=!1},d(t){t&&q(e),tt&&tt.d(),j(s),it&&it.d(),st&&st.d(),j(J),rt&&rt.d(),ct&&ct.d(),X=!1,S(Z)}}}function ot(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p=C(e,m),{maxwidth:h="100%"}=e,{tagid:g}=e,{taglabel:$=""}=e,{placeholder:x}=e,{filter:b=!0}=e,{disabled:f=!1}=e,{size:w="m"}=e,{isinvalid:v}=e,{inputvalue:y}=e,{id:_}=e,{loading:k=!1}=e,{required:z=!1}=e,{items:q}=e,{value:j}=e,{open:S=!1}=e,{multiple:T=!1}=e,{emptysearchlabel:E="No results found"}=e,{datatextexpr:J="label"}=e,{datavalueexpr:L="value"}=e,{nosort:H=!1}=e,{layertitle:A="Title layer"}=e,{showmoretagslabel:U="Show more"}=e,{maxnumbertoshowtags:B=12}=e,{alltags:D=!1}=e,{selectall:F=!1}=e,{labelselectall:G="Select all"}=e;const I=N(),K=Math.random();let W,P,Q,V=new Y,X="0px",Z=!1,tt=[],et=null;function lt(){l(19,o=T?[]:""),at(),V.dispatch("clear",!0)}function at(){l(21,d=!1),T&&!H?function(){Q=i;const t=it();Q.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[L]-l[L]:a<i?1:-1})),l(29,s=Q)}():l(29,s=i)}function it(t){const e=t||o;return i.filter((t=>T?e.includes(t[L]):e===t[L]))}function st(){l(27,et=!0)}function nt(){l(27,et=null)}function ot(t){l(19,o=o.filter((e=>e!==t))),V.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),O(t)),l(69,p=C(e,m)),"maxwidth"in t&&l(0,h=t.maxwidth),"tagid"in t&&l(1,g=t.tagid),"taglabel"in t&&l(41,$=t.taglabel),"placeholder"in t&&l(2,x=t.placeholder),"filter"in t&&l(42,b=t.filter),"disabled"in t&&l(3,f=t.disabled),"size"in t&&l(4,w=t.size),"isinvalid"in t&&l(5,v=t.isinvalid),"inputvalue"in t&&l(43,y=t.inputvalue),"id"in t&&l(6,_=t.id),"loading"in t&&l(7,k=t.loading),"required"in t&&l(8,z=t.required),"items"in t&&l(44,q=t.items),"value"in t&&l(45,j=t.value),"open"in t&&l(46,S=t.open),"multiple"in t&&l(9,T=t.multiple),"emptysearchlabel"in t&&l(10,E=t.emptysearchlabel),"datatextexpr"in t&&l(11,J=t.datatextexpr),"datavalueexpr"in t&&l(12,L=t.datavalueexpr),"nosort"in t&&l(47,H=t.nosort),"layertitle"in t&&l(13,A=t.layertitle),"showmoretagslabel"in t&&l(14,U=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,B=t.maxnumbertoshowtags),"alltags"in t&&l(16,D=t.alltags),"selectall"in t&&l(17,F=t.selectall),"labelselectall"in t&&l(18,G=t.labelselectall)},t.$$.update=()=>{if(4096&t.$$.dirty[1]&&l(28,a=y),8192&t.$$.dirty[1]&&l(20,i=q?JSON.parse(q):[]),1048576&t.$$.dirty[0]&&l(29,s=i),512&t.$$.dirty[0]|16384&t.$$.dirty[1]&&l(19,o=!j&&T?[]:j?JSON.parse(j):j),524288&t.$$.dirty[0]|1024&t.$$.dirty[1]&&l(30,c=()=>o.length.toString()+" "+$),524288&t.$$.dirty[0]&&async function(t){if(await M(),l(26,tt=it(t)),T)l(48,P=t);else{const t=tt.map((t=>t[J]));l(28,a=t.join(", "))}}(o),131072&t.$$.dirty[1]&&async function(t){await M(),l(24,X=W&&t&&t.length?`${I.shadowRoot.querySelector(".mc-tag-removable").clientWidth}px`:"0px")}(P),32768&t.$$.dirty[1]&&l(21,d=S),2097152&t.$$.dirty[0]){const t=d?"open":"close";V.dispatch(t,d)}l(22,u=Object.assign({},p)),4194304&t.$$.dirty[0]&&delete u.class},[h,g,x,f,w,v,_,k,z,T,E,J,L,A,U,B,D,F,G,o,i,d,u,W,X,Z,tt,et,a,s,c,K,lt,at,function(){V.dispatch("onchange",o),T||at()},st,nt,function(t){const e=t.target.value;!function(t){V.dispatch("oninput",t)}(e),function(t){b&&(t.length?l(29,s=i.filter((e=>e[J].toUpperCase().includes(t.toUpperCase())))):l(29,s=i),l(25,Z=!s.length),V.dispatch("onfilter",s))}(e)},function(){V.dispatch("scrollend",!0)},function(t){V.dispatch("select-all",t.detail)},ot,$,b,y,q,j,S,H,P,function(t){n[t?"unshift":"push"]((()=>{W=t,l(23,W)}))},function(t){a=t,l(28,a),l(43,y)},()=>l(21,d=!0),function(e){R.call(this,t,e)},function(e){R.call(this,t,e)},()=>{l(28,a=""),l(29,s=i),l(25,Z=!1),T||lt()},function(t){o=t,l(19,o),l(45,j),l(9,T)},t=>ot(t.id),()=>st(),t=>ot(t.id),()=>nt()]}class rt extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ot,nt,s,{maxwidth:0,tagid:1,taglabel:41,placeholder:2,filter:42,disabled:3,size:4,isinvalid:5,inputvalue:43,id:6,loading:7,required:8,items:44,value:45,open:46,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:47,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[41]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[42]}set filter(t){this.$$set({filter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[43]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[44]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[45]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[46]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[47]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{rt as default};
+import{S as t,i as e,a as l,b as a,f as i,s,v as n,w as o,c as r,e as c,d,x as u,n as m,g as p,y as h,h as g,z as $,j as x,A as b,B as f,l as w,C as v,D as y,E as _,F as k,m as z,o as q,G as j,H as S,p as C,r as N,q as O,I as T,J as E,K as J,L,M as H,N as M,O as R}from"../../index-c33b3772.js";import{E as Y}from"../../EventHandler-02058705.js";import{c as A}from"../../ClickOutside-63071e7a.js";import U from"../tag/Tag.nested.js";import B from"../loader/Loader.nested.js";import D from"../textinput/Textinput.nested.js";import F from"../listbox/Listbox.nested.js";function G(t,e,l){const a=t.slice();return a[70]=e[l],a}function I(t,e,l){const a=t.slice();return a[70]=e[l],a[74]=l,a}function K(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[31]}`,class:"mc-autocomplete__tag",label:t[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new U({props:a}),t[49](e),e.$on("tag-removed",t[32]),{c(){u(e.$$.fragment)},m(t,a){b(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[31]}`),1073741824&l[0]&&(a.label=t[30]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[49](null),j(e,l)}}}function W(t){let e,l;return e=new B({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){b(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function P(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=w(e,"click",T(t[54])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function Q(t){let e,l,i=t[26],s=[];for(let e=0;e<i.length;e+=1)s[e]=tt(I(t,i,e));let n=t[19].length>t[15]&&et(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);x(e,l),n&&n.m(e,null)},p(t,a){if(67141640&a[0]|512&a[1]){let n;for(i=t[26],n=0;n<i.length;n+=1){const o=I(t,i,n);s[n]?s[n].p(o,a):(s[n]=tt(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[19].length>t[15]?n?n.p(t,a):(n=et(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),E(s,t),n&&n.d()}}}function V(t){let e;function l(t,e){return t[3]?Z:X}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function X(t){let e,l,i,s,n;function o(){return t[56](t[70])}return{c(){e=c("m-tag"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function Z(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","link"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s"),L(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function tt(t){let e,l=t[74]<t[15]&&V(t);return{c(){l&&l.c(),e=J()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[74]<t[15]?l?l.p(t,a):(l=V(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function et(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),L(l,"id","id-tag"),L(l,"label",i="("+t[19].length+") "+t[14]+" "),L(l,"size","s"),L(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),x(e,l),s||(n=w(e,"click",t[57]),s=!0)},p(t,e){540672&e[0]&&i!==(i="("+t[19].length+") "+t[14]+" ")&&L(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function lt(t){let e,l,i,s,n,o,r=t[26],d=[];for(let e=0;e<r.length;e+=1)d[e]=st(G(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),L(l,"title",t[13]),L(l,"layertitletag","h3"),L(l,"isopen",t[27])},m(r,c){a(r,e,c),x(e,l),x(l,i),x(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=w(l,"layer-closed",t[59]),n=!0)},p(t,e){if(67108872&e[0]|512&e[1]){let l;for(r=t[26],l=0;l<r.length;l+=1){const a=G(t,r,l);d[l]?d[l].p(a,e):(d[l]=st(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&L(l,"title",t[13]),134217728&e[0]&&L(l,"isopen",t[27])},d(t){t&&q(e),E(d,t),n=!1,o()}}}function at(t){let e,l,i,s,n;function o(){return t[58](t[70])}return{c(){e=c("m-tag"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function it(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","text"),L(e,"id",l=t[70].id),L(e,"label",i=t[70].label),L(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[70].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[70].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function st(t){let e,l;function i(t,e){return t[3]?it:at}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),x(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function nt(t){let e,l,i,s,C,N,O,T,E,J,L,M,R,Y,U,B,G,I,V,X,Z,tt=t[9]&&t[19].length>0&&!t[16]&&K(t);function et(e){t[50](e)}let at={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[28]&&(at.value=t[28]),s=new D({props:at}),n.push((()=>o(s,"value",et))),s.$on("input",t[37]),s.$on("click",t[51]),s.$on("change",t[52]),s.$on("blur",t[53]);let it=t[7]&&W(),st=null!=t[28]&&""!=t[28]&&!t[3]&&P(t);function nt(e){t[55](e)}let ot={items:JSON.stringify(t[29]),open:t[21],multiple:t[9],isfiltered:t[25],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),J=new F({props:ot}),n.push((()=>o(J,"value",nt))),J.$on("change",t[34]),J.$on("scrollend",t[38]),J.$on("select-all",t[39]);let rt=t[9]&&t[16]&&Q(t),ct=t[9]&&t[16]&&lt(t),dt=[{class:"mc-autocomplete"},{style:I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"},t[22]],ut={};for(let t=0;t<dt.length;t+=1)ut=r(ut,dt[t]);return{c(){e=c("div"),l=c("div"),tt&&tt.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),it&&it.c(),T=d(),st&&st.c(),E=d(),u(J.$$.fragment),M=d(),rt&&rt.c(),R=d(),Y=c("span"),U=d(),B=c("span"),G=d(),ct&&ct.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,ut),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),x(e,l),tt&&tt.m(l,null),x(l,i),b(s,l,null),x(l,N),x(l,O),it&&it.m(O,null),x(O,T),st&&st.m(O,null),x(e,E),b(J,e,null),x(e,M),rt&&rt.m(e,null),x(e,R),x(e,Y),x(e,U),x(e,B),x(e,G),ct&&ct.m(e,null),V=!0,X||(Z=[f(A.call(null,e)),w(e,"outclick",t[33])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?tt?(tt.p(t,a),590336&a[0]&&v(tt,1)):(tt=K(t),tt.c(),v(tt,1),tt.m(l,i)):tt&&(H(),y(tt,1,1,(()=>{tt=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&268435456&a[0]&&(C=!0,n.value=t[28],k((()=>C=!1))),s.$set(n),t[7]?it?128&a[0]&&v(it,1):(it=W(),it.c(),v(it,1),it.m(O,T)):it&&(H(),y(it,1,1,(()=>{it=null})),_()),null==t[28]||""==t[28]||t[3]?st&&(st.d(1),st=null):st?st.p(t,a):(st=P(t),st.c(),st.m(O,null));const o={};536870912&a[0]&&(o.items=JSON.stringify(t[29])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),33554432&a[0]&&(o.isfiltered=t[25]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),J.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=Q(t),rt.c(),rt.m(e,R)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=lt(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,ut=z(dt,[{class:"mc-autocomplete"},(!V||16777217&a[0]&&I!==(I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"))&&{style:I},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){V||(v(tt),v(s.$$.fragment,t),v(it),v(J.$$.fragment,t),V=!0)},o(t){y(tt),y(s.$$.fragment,t),y(it),y(J.$$.fragment,t),V=!1},d(t){t&&q(e),tt&&tt.d(),j(s),it&&it.d(),st&&st.d(),j(J),rt&&rt.d(),ct&&ct.d(),X=!1,S(Z)}}}function ot(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p=C(e,m),{maxwidth:h="100%"}=e,{tagid:g}=e,{taglabel:$=""}=e,{placeholder:x}=e,{filter:b=!0}=e,{disabled:f=!1}=e,{size:w="m"}=e,{isinvalid:v}=e,{inputvalue:y}=e,{id:_}=e,{loading:k=!1}=e,{required:z=!1}=e,{items:q}=e,{value:j}=e,{open:S=!1}=e,{multiple:T=!1}=e,{emptysearchlabel:E="No results found"}=e,{datatextexpr:J="label"}=e,{datavalueexpr:L="value"}=e,{nosort:H=!1}=e,{layertitle:A="Title layer"}=e,{showmoretagslabel:U="Show more"}=e,{maxnumbertoshowtags:B=12}=e,{alltags:D=!1}=e,{selectall:F=!1}=e,{labelselectall:G="Select all"}=e;const I=N(),K=Math.random();let W,P,Q,V=new Y,X="0px",Z=!1,tt=[],et=null;function lt(){f||(l(19,o=T?[]:""),at(),V.dispatch("clear",!0))}function at(){l(21,d=!1),T&&!H?function(){Q=i;const t=it();Q.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[L]-l[L]:a<i?1:-1})),l(29,s=Q)}():l(29,s=i)}function it(t){const e=t||o;return i.filter((t=>T?e.includes(t[L]):e===t[L]))}function st(){l(27,et=!0)}function nt(){l(27,et=null)}function ot(t){l(19,o=o.filter((e=>e!==t))),V.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),O(t)),l(69,p=C(e,m)),"maxwidth"in t&&l(0,h=t.maxwidth),"tagid"in t&&l(1,g=t.tagid),"taglabel"in t&&l(41,$=t.taglabel),"placeholder"in t&&l(2,x=t.placeholder),"filter"in t&&l(42,b=t.filter),"disabled"in t&&l(3,f=t.disabled),"size"in t&&l(4,w=t.size),"isinvalid"in t&&l(5,v=t.isinvalid),"inputvalue"in t&&l(43,y=t.inputvalue),"id"in t&&l(6,_=t.id),"loading"in t&&l(7,k=t.loading),"required"in t&&l(8,z=t.required),"items"in t&&l(44,q=t.items),"value"in t&&l(45,j=t.value),"open"in t&&l(46,S=t.open),"multiple"in t&&l(9,T=t.multiple),"emptysearchlabel"in t&&l(10,E=t.emptysearchlabel),"datatextexpr"in t&&l(11,J=t.datatextexpr),"datavalueexpr"in t&&l(12,L=t.datavalueexpr),"nosort"in t&&l(47,H=t.nosort),"layertitle"in t&&l(13,A=t.layertitle),"showmoretagslabel"in t&&l(14,U=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,B=t.maxnumbertoshowtags),"alltags"in t&&l(16,D=t.alltags),"selectall"in t&&l(17,F=t.selectall),"labelselectall"in t&&l(18,G=t.labelselectall)},t.$$.update=()=>{if(4096&t.$$.dirty[1]&&l(28,a=y),8192&t.$$.dirty[1]&&l(20,i=q?JSON.parse(q):[]),1048576&t.$$.dirty[0]&&l(29,s=i),512&t.$$.dirty[0]|16384&t.$$.dirty[1]&&l(19,o=!j&&T?[]:j?JSON.parse(j):j),524288&t.$$.dirty[0]|1024&t.$$.dirty[1]&&l(30,c=()=>o.length.toString()+" "+$),524288&t.$$.dirty[0]&&async function(t){if(await M(),l(26,tt=it(t)),T)l(48,P=t);else{const t=tt.map((t=>t[J]));l(28,a=t.join(", "))}}(o),131072&t.$$.dirty[1]&&async function(t){await M(),l(24,X=W&&t&&t.length?`${I.shadowRoot.querySelector(".mc-tag-removable").clientWidth}px`:"0px")}(P),32768&t.$$.dirty[1]&&l(21,d=S),2097152&t.$$.dirty[0]){const t=d?"open":"close";V.dispatch(t,d)}l(22,u=Object.assign({},p)),4194304&t.$$.dirty[0]&&delete u.class},[h,g,x,f,w,v,_,k,z,T,E,J,L,A,U,B,D,F,G,o,i,d,u,W,X,Z,tt,et,a,s,c,K,lt,at,function(){V.dispatch("onchange",o),T||at()},st,nt,function(t){const e=t.target.value;!function(t){V.dispatch("oninput",t)}(e),function(t){b&&(t.length?l(29,s=i.filter((e=>e[J].toUpperCase().includes(t.toUpperCase())))):l(29,s=i),l(25,Z=!s.length),V.dispatch("onfilter",s))}(e)},function(){V.dispatch("scrollend",!0)},function(t){V.dispatch("select-all",t.detail)},ot,$,b,y,q,j,S,H,P,function(t){n[t?"unshift":"push"]((()=>{W=t,l(23,W)}))},function(t){a=t,l(28,a),l(43,y)},()=>l(21,d=!0),function(e){R.call(this,t,e)},function(e){R.call(this,t,e)},()=>{l(28,a=""),l(29,s=i),l(25,Z=!1),T||lt()},function(t){o=t,l(19,o),l(45,j),l(9,T)},t=>ot(t.id),()=>st(),t=>ot(t.id),()=>nt()]}class rt extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ot,nt,s,{maxwidth:0,tagid:1,taglabel:41,placeholder:2,filter:42,disabled:3,size:4,isinvalid:5,inputvalue:43,id:6,loading:7,required:8,items:44,value:45,open:46,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:47,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[41]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[42]}set filter(t){this.$$set({filter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[43]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[44]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[45]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[46]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[47]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{rt as default};
 //# sourceMappingURL=Autocomplete.js.map