@mozaic-ds/web-components 0.27.0 → 0.28.0

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

@@ -1,2 +1,2 @@
-import{G as e,i as t,s as i,H as o,e as s,d as n,h as l,b as a,l as r,A as c,y as u,z as d,q as p,Q as g,ag as x,u as f,v as m,w as b,X as v,Y as h,Z as _,_ as j,t as w,R as y,o as k,D as $,E as L,m as H,P as z,F as E,B as G,J as M,I as B}from"../../index-48da6c1f.js";import q from"./sidebar-feature.nested.js";import{a as A,i as F,s as T}from"../../sidebar-service-e5d3eb89.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function N(e){o(e,"svelte-5jxg83",".mc-feature-group.svelte-5jxg83.svelte-5jxg83{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-5jxg83.svelte-5jxg83{fill:#191919;height:1.5rem;width:1.5rem}.mc-feature-group__container.svelte-5jxg83.svelte-5jxg83{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;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out}.mc-feature-group__label.svelte-5jxg83.svelte-5jxg83{margin:0 8px;width:200px;min-width:200px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-feature-group__label__tooltip.svelte-5jxg83.svelte-5jxg83{opacity:0;-webkit-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-5jxg83.svelte-5jxg83{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-5jxg83 div.svelte-5jxg83{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-5jxg83:hover+.mc-feature-group__label__tooltip.svelte-5jxg83{opacity:1;-webkit-transition-delay:1s;transition-delay:1s}.mc-feature-group__content.svelte-5jxg83.svelte-5jxg83{overflow:hidden;-webkit-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}.mc-feature-group__content.is-close.svelte-5jxg83.svelte-5jxg83{height:0}.mc-feature-group.is-selected.svelte-5jxg83.svelte-5jxg83{background:#ffbf6b}.mc-feature-group.is-close.svelte-5jxg83 .mc-feature-group__container.svelte-5jxg83{margin:0 20px;width:24px}.mc-feature-group.is-open.svelte-5jxg83 .mc-feature-group__container.svelte-5jxg83{margin:0 32px}.mc-feature-group.svelte-5jxg83.svelte-5jxg83:hover{background:#ff941a}.mc-feature-group.svelte-5jxg83.svelte-5jxg83:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-feature-group.svelte-5jxg83:focus-visible .mc-feature-group__container.svelte-5jxg83{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}ul.svelte-5jxg83.svelte-5jxg83,li.svelte-5jxg83.svelte-5jxg83{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}ul.svelte-5jxg83.svelte-5jxg83{-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-5jxg83 li.svelte-5jxg83{-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 S(e,t,i){const o=e.slice();return o[18]=t[i],o}const V=e=>({}),D=e=>({});function I(e){let t,i=`<${K(e[0].icon)} />`;return{c(){t=s("span"),l(t,"class","mc-feature-group__icon svelte-5jxg83")},m(e,o){a(e,t,o),t.innerHTML=i},p(e,o){1&o&&i!==(i=`<${K(e[0].icon)} />`)&&(t.innerHTML=i)},d(e){e&&p(t)}}}function J(e){let t,i;const o=e[11].icon,n=v(o,e,e[10],D);return{c(){t=s("span"),n&&n.c(),l(t,"class","mc-feature-group__icon svelte-5jxg83")},m(e,o){a(e,t,o),n&&n.m(t,null),i=!0},p(e,t){n&&n.p&&(!i||1024&t)&&h(n,o,e,e[10],i?j(o,e[10],t,V):_(e[10]),D)},i(e){i||(c(n,e),i=!0)},o(e){u(n,e),i=!1},d(e){e&&p(t),n&&n.d(e)}}}function P(e){let t,i,o,c,u,d=e[0].label+"",g=e[6]?.offsetHeight<e[6]?.scrollHeight&&Q(e);function x(e,t){return e[1]?R:X}let f=x(e),m=f(e);return{c(){t=s("span"),i=w(d),o=n(),g&&g.c(),c=n(),m.c(),u=y(),l(t,"class","mc-feature-group__label svelte-5jxg83")},m(s,n){a(s,t,n),r(t,i),e[12](t),a(s,o,n),g&&g.m(s,n),a(s,c,n),m.m(s,n),a(s,u,n)},p(e,t){1&t&&d!==(d=e[0].label+"")&&k(i,d),e[6]?.offsetHeight<e[6]?.scrollHeight?g?g.p(e,t):(g=Q(e),g.c(),g.m(c.parentNode,c)):g&&(g.d(1),g=null),f!==(f=x(e))&&(m.d(1),m=f(e),m&&(m.c(),m.m(u.parentNode,u)))},d(i){i&&p(t),e[12](null),i&&p(o),g&&g.d(i),i&&p(c),m.d(i),i&&p(u)}}}function Q(e){let t,i,o,c,u,d=e[0].label+"";return{c(){t=s("div"),i=s("div"),i.innerHTML='<div class="svelte-5jxg83"></div>',o=n(),c=s("span"),u=w(d),l(i,"class","mc-feature-group__label__tooltip__pointer svelte-5jxg83"),l(t,"aria-hidden","true"),l(t,"class","mc-feature-group__label__tooltip svelte-5jxg83")},m(e,s){a(e,t,s),r(t,i),r(t,o),r(t,c),r(c,u)},p(e,t){1&t&&d!==(d=e[0].label+"")&&k(u,d)},d(e){e&&p(t)}}}function R(e){let t,i;return{c(){t=B("svg"),i=B("path"),l(i,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),l(t,"class","mc-feature-group__icon svelte-5jxg83"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,o){a(e,t,o),r(t,i)},d(e){e&&p(t)}}}function X(e){let t,i;return{c(){t=B("svg"),i=B("path"),l(i,"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-5jxg83"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,o){a(e,t,o),r(t,i)},d(e){e&&p(t)}}}function Y(e){let t,i,o,d,g,x;function f(){return e[13](e[18])}return i=new q({props:{feature:e[18],a11yLabels:e[2]}}),{c(){t=s("li"),$(i.$$.fragment),o=n(),l(t,"class","svelte-5jxg83")},m(e,s){a(e,t,s),L(i,t,null),r(t,o),d=!0,g||(x=H(t,"click",z(f)),g=!0)},p(t,o){e=t;const s={};1&o&&(s.feature=e[18]),4&o&&(s.a11yLabels=e[2]),i.$set(s)},i(e){d||(c(i.$$.fragment,e),d=!0)},o(e){u(i.$$.fragment,e),d=!1},d(e){e&&p(t),E(i),g=!1,x()}}}function Z(e){let t,i,o,x,f,m,b,v,h,_,j,w,y,k,$=e[0].icon&&I(e),L=e[8].icon&&J(e),H=e[3]&&P(e),z=e[0].items,E=[];for(let t=0;t<z.length;t+=1)E[t]=Y(S(e,z,t));const M=e=>u(E[e],1,1,(()=>{E[e]=null}));return{c(){t=s("button"),i=s("span"),$&&$.c(),o=n(),L&&L.c(),x=n(),H&&H.c(),_=n(),j=s("ul");for(let e=0;e<E.length;e+=1)E[e].c();l(i,"class","mc-feature-group__container svelte-5jxg83"),l(t,"class",f="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-5jxg83"),l(t,"aria-label",m=e[0].label),l(t,"aria-expanded",b=e[3]&&e[1]),l(t,"aria-controls",v=e[0].code+"-list"),l(t,"id",h=e[0].code),l(j,"class","mc-feature-group__content is-close svelte-5jxg83"),l(j,"aria-hidden",w=!e[3]||!e[1]),l(j,"id",y=e[0].code+"-list")},m(s,n){a(s,t,n),r(t,i),$&&$.m(i,null),r(i,o),L&&L.m(i,null),r(i,x),H&&H.m(i,null),a(s,_,n),a(s,j,n);for(let e=0;e<E.length;e+=1)E[e]&&E[e].m(j,null);e[14](j),k=!0},p(e,[s]){if(e[0].icon?$?$.p(e,s):($=I(e),$.c(),$.m(i,o)):$&&($.d(1),$=null),e[8].icon?L?(L.p(e,s),256&s&&c(L,1)):(L=J(e),L.c(),c(L,1),L.m(i,x)):L&&(G(),u(L,1,1,(()=>{L=null})),d()),e[3]?H?H.p(e,s):(H=P(e),H.c(),H.m(i,null)):H&&(H.d(1),H=null),(!k||40&s&&f!==(f="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-5jxg83"))&&l(t,"class",f),(!k||1&s&&m!==(m=e[0].label))&&l(t,"aria-label",m),(!k||10&s&&b!==(b=e[3]&&e[1]))&&l(t,"aria-expanded",b),(!k||1&s&&v!==(v=e[0].code+"-list"))&&l(t,"aria-controls",v),(!k||1&s&&h!==(h=e[0].code))&&l(t,"id",h),133&s){let t;for(z=e[0].items,t=0;t<z.length;t+=1){const i=S(e,z,t);E[t]?(E[t].p(i,s),c(E[t],1)):(E[t]=Y(i),E[t].c(),c(E[t],1),E[t].m(j,null))}for(G(),t=z.length;t<E.length;t+=1)M(t);d()}(!k||10&s&&w!==(w=!e[3]||!e[1]))&&l(j,"aria-hidden",w),(!k||1&s&&y!==(y=e[0].code+"-list"))&&l(j,"id",y)},i(e){if(!k){c(L);for(let e=0;e<z.length;e+=1)c(E[e]);k=!0}},o(e){u(L),E=E.filter(Boolean);for(let e=0;e<E.length;e+=1)u(E[e]);k=!1},d(i){i&&p(t),$&&$.d(),L&&L.d(),H&&H.d(),i&&p(_),i&&p(j),g(E,i),e[14](null)}}}function K(e){return`${e} size="1.5rem"`}function O(e,t,i){let o,s;x(e,F,(e=>i(3,o=e))),x(e,T,(e=>i(9,s=e)));let{$$slots:n={},$$scope:l}=t;const a=f(n);let r,c,{featureGroup:u}=t,{expand:d}=t,{a11yLabels:p}=t,g=new C(m(),b()),v=!1;function h(e){var t;e.disabled||((null===(t=e.items)||void 0===t?void 0:t.length)?g.dispatch("feature-click",e):A(e.code))}return e.$$set=e=>{"featureGroup"in e&&i(0,u=e.featureGroup),"expand"in e&&i(1,d=e.expand),"a11yLabels"in e&&i(2,p=e.a11yLabels),"$$scope"in e&&i(10,l=e.$$scope)},e.$$.update=()=>{var t,n,l,a,c,p;523&e.$$.dirty&&(t=d,n=o,l=u,i(5,v=null!==(p=(null==(a=s)?void 0:a.lv0)&&l.code===(null===(c=null==a?void 0:a.lv0)||void 0===c?void 0:c.code)&&(!a.lv1||!t||!n))&&void 0!==p&&p)),10&e.$$.dirty&&function(e,t){if(r){i(4,r.style.height="",r),i(4,r.style.transition="none",r);const o=window.getComputedStyle(r).height;r.classList.add(t&&e?"is-open":"is-close"),r.classList.remove(t&&e?"is-close":"is-open");const s=window.getComputedStyle(r).height;i(4,r.style.height=o,r),requestAnimationFrame((()=>{i(4,r.style.transition="",r),requestAnimationFrame((()=>{i(4,r.style.height=s,r)}))}));const n=()=>{i(4,r.style.height="",r),r.removeEventListener("transitionend",n)};r.addEventListener("transitionend",n)}}(d,o)},[u,d,p,o,r,v,c,h,a,s,l,n,function(e){M[e?"unshift":"push"]((()=>{c=e,i(6,c)}))},e=>h(e),function(e){M[e?"unshift":"push"]((()=>{r=e,i(4,r)}))}]}class U extends e{constructor(e){super(),t(this,e,O,Z,i,{featureGroup:0,expand:1,a11yLabels:2},N)}}export{U as default};
+import{H as e,i as t,s as i,I as o,e as s,d as n,h as l,b as a,k as r,B as c,z as u,A as d,m as p,R as g,ag as x,p as f,q as m,r as b,Y as v,Z as h,_,$ as j,v as w,T as y,y as k,E as $,F as L,x as H,Q as z,G as E,C as G,K as M,J as B}from"../../index-c222d0b7.js";import T from"./sidebar-feature.nested.js";import{a as q,i as A,s as C}from"../../sidebar-service-8aa10fb1.js";import{E as F}from"../../EventHandler-f7ee47ca.js";function N(e){o(e,"svelte-5jxg83",".mc-feature-group.svelte-5jxg83.svelte-5jxg83{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-5jxg83.svelte-5jxg83{fill:#191919;height:1.5rem;width:1.5rem}.mc-feature-group__container.svelte-5jxg83.svelte-5jxg83{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;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out}.mc-feature-group__label.svelte-5jxg83.svelte-5jxg83{margin:0 8px;width:200px;min-width:200px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-feature-group__label__tooltip.svelte-5jxg83.svelte-5jxg83{opacity:0;-webkit-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-5jxg83.svelte-5jxg83{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-5jxg83 div.svelte-5jxg83{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-5jxg83:hover+.mc-feature-group__label__tooltip.svelte-5jxg83{opacity:1;-webkit-transition-delay:1s;transition-delay:1s}.mc-feature-group__content.svelte-5jxg83.svelte-5jxg83{overflow:hidden;-webkit-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}.mc-feature-group__content.is-close.svelte-5jxg83.svelte-5jxg83{height:0}.mc-feature-group.is-selected.svelte-5jxg83.svelte-5jxg83{background:#ffbf6b}.mc-feature-group.is-close.svelte-5jxg83 .mc-feature-group__container.svelte-5jxg83{margin:0 20px;width:24px}.mc-feature-group.is-open.svelte-5jxg83 .mc-feature-group__container.svelte-5jxg83{margin:0 32px}.mc-feature-group.svelte-5jxg83.svelte-5jxg83:hover{background:#ff941a}.mc-feature-group.svelte-5jxg83.svelte-5jxg83:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-feature-group.svelte-5jxg83:focus-visible .mc-feature-group__container.svelte-5jxg83{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}ul.svelte-5jxg83.svelte-5jxg83,li.svelte-5jxg83.svelte-5jxg83{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}ul.svelte-5jxg83.svelte-5jxg83{-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-5jxg83 li.svelte-5jxg83{-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 S(e,t,i){const o=e.slice();return o[18]=t[i],o}const V=e=>({}),I=e=>({});function J(e){let t,i=`<${P(e[0].icon)} />`;return{c(){t=s("span"),l(t,"class","mc-feature-group__icon svelte-5jxg83")},m(e,o){a(e,t,o),t.innerHTML=i},p(e,o){1&o&&i!==(i=`<${P(e[0].icon)} />`)&&(t.innerHTML=i)},d(e){e&&p(t)}}}function K(e){let t,i;const o=e[11].icon,n=v(o,e,e[10],I);return{c(){t=s("span"),n&&n.c(),l(t,"class","mc-feature-group__icon svelte-5jxg83")},m(e,o){a(e,t,o),n&&n.m(t,null),i=!0},p(e,t){n&&n.p&&(!i||1024&t)&&h(n,o,e,e[10],i?j(o,e[10],t,V):_(e[10]),I)},i(e){i||(c(n,e),i=!0)},o(e){u(n,e),i=!1},d(e){e&&p(t),n&&n.d(e)}}}function Q(e){let t,i,o,c,u,d=e[0].label+"",g=e[6]?.offsetHeight<e[6]?.scrollHeight&&R(e);function x(e,t){return e[1]?Y:Z}let f=x(e),m=f(e);return{c(){t=s("span"),i=w(d),o=n(),g&&g.c(),c=n(),m.c(),u=y(),l(t,"class","mc-feature-group__label svelte-5jxg83")},m(s,n){a(s,t,n),r(t,i),e[12](t),a(s,o,n),g&&g.m(s,n),a(s,c,n),m.m(s,n),a(s,u,n)},p(e,t){1&t&&d!==(d=e[0].label+"")&&k(i,d),e[6]?.offsetHeight<e[6]?.scrollHeight?g?g.p(e,t):(g=R(e),g.c(),g.m(c.parentNode,c)):g&&(g.d(1),g=null),f!==(f=x(e))&&(m.d(1),m=f(e),m&&(m.c(),m.m(u.parentNode,u)))},d(i){i&&p(t),e[12](null),i&&p(o),g&&g.d(i),i&&p(c),m.d(i),i&&p(u)}}}function R(e){let t,i,o,c,u,d=e[0].label+"";return{c(){t=s("div"),i=s("div"),i.innerHTML='<div class="svelte-5jxg83"></div>',o=n(),c=s("span"),u=w(d),l(i,"class","mc-feature-group__label__tooltip__pointer svelte-5jxg83"),l(t,"aria-hidden","true"),l(t,"class","mc-feature-group__label__tooltip svelte-5jxg83")},m(e,s){a(e,t,s),r(t,i),r(t,o),r(t,c),r(c,u)},p(e,t){1&t&&d!==(d=e[0].label+"")&&k(u,d)},d(e){e&&p(t)}}}function Y(e){let t,i;return{c(){t=B("svg"),i=B("path"),l(i,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),l(t,"class","mc-feature-group__icon svelte-5jxg83"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,o){a(e,t,o),r(t,i)},d(e){e&&p(t)}}}function Z(e){let t,i;return{c(){t=B("svg"),i=B("path"),l(i,"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-5jxg83"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,o){a(e,t,o),r(t,i)},d(e){e&&p(t)}}}function D(e){let t,i,o,d,g,x;function f(){return e[13](e[18])}return i=new T({props:{feature:e[18],a11yLabels:e[2]}}),{c(){t=s("li"),$(i.$$.fragment),o=n(),l(t,"class","svelte-5jxg83")},m(e,s){a(e,t,s),L(i,t,null),r(t,o),d=!0,g||(x=H(t,"click",z(f)),g=!0)},p(t,o){e=t;const s={};1&o&&(s.feature=e[18]),4&o&&(s.a11yLabels=e[2]),i.$set(s)},i(e){d||(c(i.$$.fragment,e),d=!0)},o(e){u(i.$$.fragment,e),d=!1},d(e){e&&p(t),E(i),g=!1,x()}}}function O(e){let t,i,o,x,f,m,b,v,h,_,j,w,y,k,$=e[0].icon&&J(e),L=e[8].icon&&K(e),H=e[3]&&Q(e),z=e[0].items,E=[];for(let t=0;t<z.length;t+=1)E[t]=D(S(e,z,t));const M=e=>u(E[e],1,1,(()=>{E[e]=null}));return{c(){t=s("button"),i=s("span"),$&&$.c(),o=n(),L&&L.c(),x=n(),H&&H.c(),_=n(),j=s("ul");for(let e=0;e<E.length;e+=1)E[e].c();l(i,"class","mc-feature-group__container svelte-5jxg83"),l(t,"class",f="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-5jxg83"),l(t,"aria-label",m=e[0].label),l(t,"aria-expanded",b=e[3]&&e[1]),l(t,"aria-controls",v=e[0].code+"-list"),l(t,"id",h=e[0].code),l(j,"class","mc-feature-group__content is-close svelte-5jxg83"),l(j,"aria-hidden",w=!e[3]||!e[1]),l(j,"id",y=e[0].code+"-list")},m(s,n){a(s,t,n),r(t,i),$&&$.m(i,null),r(i,o),L&&L.m(i,null),r(i,x),H&&H.m(i,null),a(s,_,n),a(s,j,n);for(let e=0;e<E.length;e+=1)E[e]&&E[e].m(j,null);e[14](j),k=!0},p(e,[s]){if(e[0].icon?$?$.p(e,s):($=J(e),$.c(),$.m(i,o)):$&&($.d(1),$=null),e[8].icon?L?(L.p(e,s),256&s&&c(L,1)):(L=K(e),L.c(),c(L,1),L.m(i,x)):L&&(G(),u(L,1,1,(()=>{L=null})),d()),e[3]?H?H.p(e,s):(H=Q(e),H.c(),H.m(i,null)):H&&(H.d(1),H=null),(!k||40&s&&f!==(f="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-5jxg83"))&&l(t,"class",f),(!k||1&s&&m!==(m=e[0].label))&&l(t,"aria-label",m),(!k||10&s&&b!==(b=e[3]&&e[1]))&&l(t,"aria-expanded",b),(!k||1&s&&v!==(v=e[0].code+"-list"))&&l(t,"aria-controls",v),(!k||1&s&&h!==(h=e[0].code))&&l(t,"id",h),133&s){let t;for(z=e[0].items,t=0;t<z.length;t+=1){const i=S(e,z,t);E[t]?(E[t].p(i,s),c(E[t],1)):(E[t]=D(i),E[t].c(),c(E[t],1),E[t].m(j,null))}for(G(),t=z.length;t<E.length;t+=1)M(t);d()}(!k||10&s&&w!==(w=!e[3]||!e[1]))&&l(j,"aria-hidden",w),(!k||1&s&&y!==(y=e[0].code+"-list"))&&l(j,"id",y)},i(e){if(!k){c(L);for(let e=0;e<z.length;e+=1)c(E[e]);k=!0}},o(e){u(L),E=E.filter(Boolean);for(let e=0;e<E.length;e+=1)u(E[e]);k=!1},d(i){i&&p(t),$&&$.d(),L&&L.d(),H&&H.d(),i&&p(_),i&&p(j),g(E,i),e[14](null)}}}function P(e){return`${e} size="1.5rem"`}function U(e,t,i){let o,s;x(e,A,(e=>i(3,o=e))),x(e,C,(e=>i(9,s=e)));let{$$slots:n={},$$scope:l}=t;const a=f(n);let r,c,{featureGroup:u}=t,{expand:d}=t,{a11yLabels:p}=t,g=new F(m(),b()),v=!1;function h(e){var t;e.disabled||((null===(t=e.items)||void 0===t?void 0:t.length)?g.dispatch("feature-click",e):q(e.code))}return e.$$set=e=>{"featureGroup"in e&&i(0,u=e.featureGroup),"expand"in e&&i(1,d=e.expand),"a11yLabels"in e&&i(2,p=e.a11yLabels),"$$scope"in e&&i(10,l=e.$$scope)},e.$$.update=()=>{var t,n,l,a,c,p;523&e.$$.dirty&&(t=d,n=o,l=u,i(5,v=null!==(p=(null==(a=s)?void 0:a.lv0)&&l.code===(null===(c=null==a?void 0:a.lv0)||void 0===c?void 0:c.code)&&(!a.lv1||!t||!n))&&void 0!==p&&p)),10&e.$$.dirty&&function(e,t){if(r){i(4,r.style.height="",r),i(4,r.style.transition="none",r);const o=window.getComputedStyle(r).height;r.classList.add(t&&e?"is-open":"is-close"),r.classList.remove(t&&e?"is-close":"is-open");const s=window.getComputedStyle(r).height;i(4,r.style.height=o,r),requestAnimationFrame((()=>{i(4,r.style.transition="",r),requestAnimationFrame((()=>{i(4,r.style.height=s,r)}))}));const n=()=>{i(4,r.style.height="",r),r.removeEventListener("transitionend",n)};r.addEventListener("transitionend",n)}}(d,o)},[u,d,p,o,r,v,c,h,a,s,l,n,function(e){M[e?"unshift":"push"]((()=>{c=e,i(6,c)}))},e=>h(e),function(e){M[e?"unshift":"push"]((()=>{r=e,i(4,r)}))}]}class W extends e{constructor(e){super(),t(this,e,U,O,i,{featureGroup:0,expand:1,a11yLabels:2},N)}}export{W 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 {\n    FeatureGroup,\n    Feature,\n    A11yLabels,\n    Selection,\n  } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from '../../utilities/sidebar-service';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let featureGroup: FeatureGroup;\n  export let expand: boolean;\n  export let a11yLabels: A11yLabels;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\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      <span class=\"mc-feature-group__icon\">\n        {@html `<${generateIcon(featureGroup.icon)} />`}\n      </span>\n    {/if}\n    {#if $$slots.icon}\n      <span class=\"mc-feature-group__icon\">\n        <slot name=\"icon\" />\n      </span>\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 './_c.sidebar';\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      height: 1.5rem;\n      width: 1.5rem;\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","insert","target","span","anchor","innerHTML","raw_value","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","dirty","set_data","t0","t1_value","div2","append","div1","t1","svg","path","li","create_if_block_4","if_block1","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","get_current_component","createEventDispatcher","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":"msHA6GmBA,EAAaC,EAAY,GAACC,8FADvCC,EAEMC,EAAAC,EAAAC,yCADON,EAAaC,EAAY,GAACC,cAAIG,EAAAE,UAAAC,yKAI3CL,EAEMC,EAAAC,EAAAC,+LAIHG,EAAAR,KAAaS,MAAK,GAEhBC,EAAAV,EAAO,IAAAW,aAAeX,MAAOY,cAAYC,EAAAb,0BAMxCA,EAAM,KAAAc,gJATZZ,EAEMC,EAAAC,EAAAC,2EADH,EAAAU,GAAAP,KAAAA,EAAAR,KAAaS,MAAK,KAAAO,EAAAC,EAAAT,GAEhBR,EAAO,IAAAW,aAAeX,MAAOY,4OAGvBM,EAAAlB,KAAaS,MAAK,oRAF3BP,EAGKC,EAAAgB,EAAAd,GAFHe,EAAmED,EAAAE,UACnED,EAAgCD,EAAAf,kBAAzB,EAAAW,GAAAG,KAAAA,EAAAlB,KAAaS,MAAK,KAAAO,EAAAM,EAAAJ,yPAc3BhB,EAMAC,EAAAoB,EAAAlB,GADGe,EAA+CG,EAAAC,8RAflDtB,EAQAC,EAAAoB,EAAAlB,GAHGe,EAECG,EAAAC,qNAqBRtB,EAEIC,EAAAsB,EAAApB,uRAnDCK,EAAAV,KAAaC,MAAIyB,EAAA1B,GAKjB2B,EAAA3B,KAAQC,MAAI2B,EAAA5B,KAKZA,EAAc,IAAA6B,EAAA7B,GAsCd8B,EAAA9B,KAAa+B,2BAAlBC,OAAIC,GAAA,yRAzDmBjC,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,kBACFkC,EAAAC,EAAA,aAAAC,EAAApC,KAAaS,OACVyB,EAAAC,EAAA,gBAAAE,EAAArC,MAAkBA,EAAM,IACvBkC,EAAAC,EAAA,gBAAAG,EAAAtC,KAAauC,KAAI,SAC7BL,EAAAC,EAAA,KAAAK,EAAAxC,KAAauC,sEA+CHL,EAAAO,EAAA,cAAAC,GAAA1C,OAAmBA,EAAM,IAClCkC,EAAAO,EAAA,KAAAE,EAAA3C,KAAauC,KAAI,iBAvDxBrC,EAmDQC,EAAAgC,EAAA9B,GA1CNe,EAyCMe,EAAA/B,uEAERF,EAWIC,EAAAsC,EAAApC,+EArDKL,KAAaC,2DAKbD,KAAQC,oGAKRD,EAAc,mGAnBIA,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,qCACF4C,GAAA,EAAA7B,GAAAqB,KAAAA,EAAApC,KAAaS,+BACVmC,GAAA,GAAA7B,GAAAsB,KAAAA,EAAArC,MAAkBA,EAAM,+BACvB4C,GAAA,EAAA7B,GAAAuB,KAAAA,EAAAtC,KAAauC,KAAI,oCAC7BK,GAAA,EAAA7B,GAAAyB,KAAAA,EAAAxC,KAAauC,qCAmDVT,EAAA9B,KAAa+B,cAAlBC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAY,EAAAb,OAAAC,GAAA,aAJQW,GAAA,GAAA7B,GAAA2B,KAAAA,GAAA1C,OAAmBA,EAAM,6BAClC4C,GAAA,EAAA7B,GAAA4B,KAAAA,EAAA3C,KAAauC,KAAI,yDAGpBP,OAAIC,GAAA,sKA1EG,SAAAlC,EAAa+C,YACVA,qIAtDRC,EAOAtC,gBAdOuC,GAA0BC,UAC1BC,GAAeD,cACfE,GAAsBF,EAC7BG,EAAmB,IAAAC,EACrBC,IACAC,KAOEC,GAAa,EAoDR,SAAAC,EAAYC,SACdA,EAAQC,YAEjB,QAAAC,EAAUF,EAAQ3B,aAAlB,IAAA6B,SAAAA,EAAyB5B,QACjBoB,EAAaS,SAAS,gBAAiBH,GAEvCI,EAAcJ,EAAQnB,2LAtDnB,IACPwB,EACAC,EACAC,EACAC,uBAHAH,EARiBb,EASjBc,EATyBG,EAUzBF,EAVyCjB,MAazCQ,EAGJ,QAFAY,GAAOF,OAHHA,EAXuDG,UAcpDH,EAAWI,MACVL,EAAM1B,QAAd,QAAAqB,EAAuBM,eAAAA,EAAWI,eAAlCV,SAAAA,EAAuCrB,SAC7B2B,EAAUK,MAAQR,IAAeC,cAA3CI,GAAAA,4BAK4BL,EAAqBC,MACzCjB,EAAO,CACTyB,EAAA,EAAAzB,EAAQ0B,MAAMC,OAAS,GAAE3B,GACzByB,EAAA,EAAAzB,EAAQ0B,MAAME,WAAa,OAAM5B,GAC3B,MAAA6B,EAAcC,OAAOC,iBAAiB/B,GAAS2B,OAErD3B,EAAQgC,UAAUC,IAAIhB,GAAUD,EAAa,UAAY,YACzDhB,EAAQgC,UAAUE,OAAOjB,GAAUD,EAAa,WAAa,WAEvD,MAAAW,EAASG,OAAOC,iBAAiB/B,GAAS2B,OAChDF,EAAA,EAAAzB,EAAQ0B,MAAMC,OAASE,EAAW7B,GAGlCmC,uBAAqB,KACnBV,EAAA,EAAAzB,EAAQ0B,MAAME,WAAa,GAAE5B,GAC7BmC,uBAAqB,KACnBV,EAAA,EAAAzB,EAAQ0B,MAAMC,OAASA,EAAM3B,EAAA,aAK3BoC,EAAO,KACXX,EAAA,EAAAzB,EAAQ0B,MAAMC,OAAS,GAAE3B,GACzBA,EAAQqC,oBAAoB,gBAAiBD,EAAO,EAGtDpC,EAAQsC,iBAAiB,gBAAiBF,IA9C3CG,CAAiBpC,EAAQiB,qEAuFyB1D,EAAK8E,aAsCpB7B,GAAAD,EAAYC,2CAHvCX,EAAOwC"}
+{"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 {\n    FeatureGroup,\n    Feature,\n    A11yLabels,\n    Selection,\n  } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from '../../utilities/sidebar-service';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let featureGroup: FeatureGroup;\n  export let expand: boolean;\n  export let a11yLabels: A11yLabels;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\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      <span class=\"mc-feature-group__icon\">\n        {@html `<${generateIcon(featureGroup.icon)} />`}\n      </span>\n    {/if}\n    {#if $$slots.icon}\n      <span class=\"mc-feature-group__icon\">\n        <slot name=\"icon\" />\n      </span>\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 './_c.sidebar';\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      height: 1.5rem;\n      width: 1.5rem;\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","insert","target","span","anchor","innerHTML","raw_value","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","dirty","set_data","t0","t1_value","div2","append","div1","t1","svg","path","li","create_if_block_4","if_block1","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","get_current_component","createEventDispatcher","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":"8rHA6GmBA,EAAaC,EAAY,GAACC,8FADvCC,EAEMC,EAAAC,EAAAC,yCADON,EAAaC,EAAY,GAACC,cAAIG,EAAAE,UAAAC,yKAI3CL,EAEMC,EAAAC,EAAAC,+LAIHG,EAAAR,KAAaS,MAAK,GAEhBC,EAAAV,EAAO,IAAAW,aAAeX,MAAOY,cAAYC,EAAAb,0BAMxCA,EAAM,KAAAc,gJATZZ,EAEMC,EAAAC,EAAAC,2EADH,EAAAU,GAAAP,KAAAA,EAAAR,KAAaS,MAAK,KAAAO,EAAAC,EAAAT,GAEhBR,EAAO,IAAAW,aAAeX,MAAOY,4OAGvBM,EAAAlB,KAAaS,MAAK,oRAF3BP,EAGKC,EAAAgB,EAAAd,GAFHe,EAAmED,EAAAE,UACnED,EAAgCD,EAAAf,kBAAzB,EAAAW,GAAAG,KAAAA,EAAAlB,KAAaS,MAAK,KAAAO,EAAAM,EAAAJ,yPAc3BhB,EAMAC,EAAAoB,EAAAlB,GADGe,EAA+CG,EAAAC,8RAflDtB,EAQAC,EAAAoB,EAAAlB,GAHGe,EAECG,EAAAC,qNAqBRtB,EAEIC,EAAAsB,EAAApB,uRAnDCK,EAAAV,KAAaC,MAAIyB,EAAA1B,GAKjB2B,EAAA3B,KAAQC,MAAI2B,EAAA5B,KAKZA,EAAc,IAAA6B,EAAA7B,GAsCd8B,EAAA9B,KAAa+B,2BAAlBC,OAAIC,GAAA,yRAzDmBjC,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,kBACFkC,EAAAC,EAAA,aAAAC,EAAApC,KAAaS,OACVyB,EAAAC,EAAA,gBAAAE,EAAArC,MAAkBA,EAAM,IACvBkC,EAAAC,EAAA,gBAAAG,EAAAtC,KAAauC,KAAI,SAC7BL,EAAAC,EAAA,KAAAK,EAAAxC,KAAauC,sEA+CHL,EAAAO,EAAA,cAAAC,GAAA1C,OAAmBA,EAAM,IAClCkC,EAAAO,EAAA,KAAAE,EAAA3C,KAAauC,KAAI,iBAvDxBrC,EAmDQC,EAAAgC,EAAA9B,GA1CNe,EAyCMe,EAAA/B,uEAERF,EAWIC,EAAAsC,EAAApC,+EArDKL,KAAaC,2DAKbD,KAAQC,oGAKRD,EAAc,mGAnBIA,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,qCACF4C,GAAA,EAAA7B,GAAAqB,KAAAA,EAAApC,KAAaS,+BACVmC,GAAA,GAAA7B,GAAAsB,KAAAA,EAAArC,MAAkBA,EAAM,+BACvB4C,GAAA,EAAA7B,GAAAuB,KAAAA,EAAAtC,KAAauC,KAAI,oCAC7BK,GAAA,EAAA7B,GAAAyB,KAAAA,EAAAxC,KAAauC,qCAmDVT,EAAA9B,KAAa+B,cAAlBC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAY,EAAAb,OAAAC,GAAA,aAJQW,GAAA,GAAA7B,GAAA2B,KAAAA,GAAA1C,OAAmBA,EAAM,6BAClC4C,GAAA,EAAA7B,GAAA4B,KAAAA,EAAA3C,KAAauC,KAAI,yDAGpBP,OAAIC,GAAA,sKA1EG,SAAAlC,EAAa+C,YACVA,qIAtDRC,EAOAtC,gBAdOuC,GAA0BC,UAC1BC,GAAeD,cACfE,GAAsBF,EAC7BG,EAAmB,IAAAC,EACrBC,IACAC,KAOEC,GAAa,EAoDR,SAAAC,EAAYC,SACdA,EAAQC,YAEjB,QAAAC,EAAUF,EAAQ3B,aAAlB,IAAA6B,SAAAA,EAAyB5B,QACjBoB,EAAaS,SAAS,gBAAiBH,GAEvCI,EAAcJ,EAAQnB,2LAtDnB,IACPwB,EACAC,EACAC,EACAC,uBAHAH,EARiBb,EASjBc,EATyBG,EAUzBF,EAVyCjB,MAazCQ,EAGJ,QAFAY,GAAOF,OAHHA,EAXuDG,UAcpDH,EAAWI,MACVL,EAAM1B,QAAd,QAAAqB,EAAuBM,eAAAA,EAAWI,eAAlCV,SAAAA,EAAuCrB,SAC7B2B,EAAUK,MAAQR,IAAeC,cAA3CI,GAAAA,4BAK4BL,EAAqBC,MACzCjB,EAAO,CACTyB,EAAA,EAAAzB,EAAQ0B,MAAMC,OAAS,GAAE3B,GACzByB,EAAA,EAAAzB,EAAQ0B,MAAME,WAAa,OAAM5B,GAC3B,MAAA6B,EAAcC,OAAOC,iBAAiB/B,GAAS2B,OAErD3B,EAAQgC,UAAUC,IAAIhB,GAAUD,EAAa,UAAY,YACzDhB,EAAQgC,UAAUE,OAAOjB,GAAUD,EAAa,WAAa,WAEvD,MAAAW,EAASG,OAAOC,iBAAiB/B,GAAS2B,OAChDF,EAAA,EAAAzB,EAAQ0B,MAAMC,OAASE,EAAW7B,GAGlCmC,uBAAqB,KACnBV,EAAA,EAAAzB,EAAQ0B,MAAME,WAAa,GAAE5B,GAC7BmC,uBAAqB,KACnBV,EAAA,EAAAzB,EAAQ0B,MAAMC,OAASA,EAAM3B,EAAA,aAK3BoC,EAAO,KACXX,EAAA,EAAAzB,EAAQ0B,MAAMC,OAAS,GAAE3B,GACzBA,EAAQqC,oBAAoB,gBAAiBD,EAAO,EAGtDpC,EAAQsC,iBAAiB,gBAAiBF,IA9C3CG,CAAiBpC,EAAQiB,qEAuFyB1D,EAAK8E,aAsCpB7B,GAAAD,EAAYC,2CAHvCX,EAAOwC"}

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

@@ -1,2 +1,2 @@
-import{G as e,i as t,s as a,H as i,R as s,b as l,n as d,q as o,ag as r,J as n,e as b,I as c,d as p,t as u,h as v,l as f,o as g}from"../../index-48da6c1f.js";import{i as w,s as m}from"../../sidebar-service-e5d3eb89.js";function x(e){i(e,"svelte-gw49ta",".mc-sidebar-feature.svelte-gw49ta.svelte-gw49ta{font-size:16px;min-width:200px;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#191919;line-height:22px;overflow:hidden}.mc-sidebar-feature__container.svelte-gw49ta.svelte-gw49ta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding-top:8px;padding-bottom:8px}.mc-sidebar-feature__container.svelte-gw49ta span.svelte-gw49ta{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-gw49ta.svelte-gw49ta{fill:#191919}.mc-sidebar-feature__icon-disabled.svelte-gw49ta.svelte-gw49ta{fill:#e05a00}.mc-sidebar-feature__label.svelte-gw49ta.svelte-gw49ta{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-sidebar-feature__label__tooltip.svelte-gw49ta.svelte-gw49ta{opacity:0;-webkit-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-sidebar-feature__label__tooltip__pointer.svelte-gw49ta.svelte-gw49ta{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 #191919}.mc-sidebar-feature__label__tooltip__pointer.svelte-gw49ta div.svelte-gw49ta{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-sidebar-feature__label.svelte-gw49ta:hover+.mc-sidebar-feature__label__tooltip.svelte-gw49ta{opacity:1;-webkit-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-gw49ta.svelte-gw49ta{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-gw49ta.svelte-gw49ta{background:#ffbf6b}.mc-sidebar-feature.is-close.svelte-gw49ta.svelte-gw49ta{-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-gw49ta .mc-sidebar-feature__container.svelte-gw49ta{-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:20px;width:24px}.mc-sidebar-feature.is-open.svelte-gw49ta.svelte-gw49ta{-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-gw49ta .mc-sidebar-feature__container.svelte-gw49ta{-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-gw49ta.svelte-gw49ta{color:#e05a00;fill:#e05a00}.mc-sidebar-feature.svelte-gw49ta.svelte-gw49ta:hover{background:#ff941a}.mc-sidebar-feature.svelte-gw49ta.svelte-gw49ta:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-gw49ta:focus-visible .mc-sidebar-feature__container.svelte-gw49ta{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function _(e){let t,a,i,s,d,r,n,w,m,x,_,h,k,y,$=e[0].label+"";return{c(){t=b("span"),a=b("div"),i=c("svg"),s=c("g"),d=c("path"),r=c("defs"),n=c("clipPath"),w=c("path"),m=p(),x=b("span"),_=u($),v(d,"fill-rule","evenodd"),v(d,"d","M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z"),v(s,"clip-path","url(#a)"),v(w,"d","M0 0h16v16H0z"),v(n,"id","a"),v(i,"class","mc-sidebar-feature__icon-disabled svelte-gw49ta"),v(i,"width","16px"),v(i,"height","16px"),v(i,"viewBox","0 0 16 16"),v(x,"class","svelte-gw49ta"),v(a,"class","mc-sidebar-feature__container svelte-gw49ta"),v(t,"aria-label",h=e[0].label),v(t,"aria-disabled","true"),v(t,"class",k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-gw49ta"),v(t,"id",y=e[0].code)},m(e,o){l(e,t,o),f(t,a),f(a,i),f(i,s),f(s,d),f(i,r),f(r,n),f(n,w),f(a,m),f(a,x),f(x,_)},p(e,a){1&a&&$!==($=e[0].label+"")&&g(_,$),1&a&&h!==(h=e[0].label)&&v(t,"aria-label",h),6&a&&k!==(k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-gw49ta")&&v(t,"class",k),1&a&&y!==(y=e[0].code)&&v(t,"id",y)},d(e){e&&o(t)}}}function h(e){let t,a,i,s,d,r,n,c,w,m,x,_=e[0].label+"",h=e[5]&&k(e),$="_blank"===e[0].embedded&&y();return{c(){t=b("a"),a=b("div"),i=b("span"),s=u(_),d=p(),h&&h.c(),r=p(),$&&$.c(),v(i,"class","mc-sidebar-feature__label svelte-gw49ta"),v(a,"class","mc-sidebar-feature__container svelte-gw49ta"),v(t,"aria-label",n=""+(e[0].label+e[3])),v(t,"href",c=e[0].href??"javascript:void(null)"),v(t,"target",w=e[0].embedded),v(t,"class",m="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-gw49ta"),v(t,"id",x=e[0].code)},m(o,n){l(o,t,n),f(t,a),f(a,i),f(i,s),e[8](i),f(a,d),h&&h.m(a,null),f(a,r),$&&$.m(a,null)},p(e,i){1&i&&_!==(_=e[0].label+"")&&g(s,_),e[5]?h?h.p(e,i):(h=k(e),h.c(),h.m(a,r)):h&&(h.d(1),h=null),"_blank"===e[0].embedded?$||($=y(),$.c(),$.m(a,null)):$&&($.d(1),$=null),9&i&&n!==(n=""+(e[0].label+e[3]))&&v(t,"aria-label",n),1&i&&c!==(c=e[0].href??"javascript:void(null)")&&v(t,"href",c),1&i&&w!==(w=e[0].embedded)&&v(t,"target",w),6&i&&m!==(m="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-gw49ta")&&v(t,"class",m),1&i&&x!==(x=e[0].code)&&v(t,"id",x)},d(a){a&&o(t),e[8](null),h&&h.d(),$&&$.d()}}}function k(e){let t,a,i,s,d,r=e[0].label+"";return{c(){t=b("div"),a=b("div"),a.innerHTML='<div class="svelte-gw49ta"></div>',i=p(),s=b("span"),d=u(r),v(a,"class","mc-sidebar-feature__label__tooltip__pointer svelte-gw49ta"),v(s,"class","svelte-gw49ta"),v(t,"aria-hidden","true"),v(t,"class","mc-sidebar-feature__label__tooltip svelte-gw49ta")},m(e,o){l(e,t,o),f(t,a),f(t,i),f(t,s),f(s,d)},p(e,t){1&t&&r!==(r=e[0].label+"")&&g(d,r)},d(e){e&&o(t)}}}function y(e){let t,a;return{c(){t=c("svg"),a=c("path"),v(a,"fill-rule","evenodd"),v(a,"d","M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z"),v(t,"class","mc-sidebar-feature__icon svelte-gw49ta"),v(t,"width","16px"),v(t,"height","16px"),v(t,"viewBox","0 0 16 16")},m(e,i){l(e,t,i),f(t,a)},d(e){e&&o(t)}}}function $(e){let t;function a(e,t){return e[0].disabled?_:h}let i=a(e),r=i(e);return{c(){r.c(),t=s()},m(e,a){r.m(e,a),l(e,t,a)},p(e,[s]){i===(i=a(e))&&r?r.p(e,s):(r.d(1),r=i(e),r&&(r.c(),r.m(t.parentNode,t)))},i:d,o:d,d(e){r.d(e),e&&o(t)}}}function H(e,t,a){let i,s;r(e,w,(e=>a(1,i=e))),r(e,m,(e=>a(7,s=e)));let l,d,o,{feature:b}=t,{a11yLabels:c}=t,p=!1;return e.$$set=e=>{"feature"in e&&a(0,b=e.feature),"a11yLabels"in e&&a(6,c=e.a11yLabels)},e.$$.update=()=>{129&e.$$.dirty&&function(e,t){var i,s,l;a(2,p=null!==(l=(null==t?void 0:t.lv1)&&e.code===(null===(i=null==t?void 0:t.lv1)||void 0===i?void 0:i.code)||(null==t?void 0:t.lv2)&&e.code===(null===(s=null==t?void 0:t.lv2)||void 0===s?void 0:s.code))&&void 0!==l&&l)}(b,s),65&e.$$.dirty&&function(e,t){t.embedded?a(3,l=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):a(3,l="")}(c,b),2&e.$$.dirty&&setTimeout((()=>{a(5,o=(null==d?void 0:d.offsetHeight)<(null==d?void 0:d.scrollHeight))}),500)},[b,i,p,l,d,o,c,s,function(e){n[e?"unshift":"push"]((()=>{d=e,a(4,d)}))}]}class z extends e{constructor(e){super(),t(this,e,H,$,a,{feature:0,a11yLabels:6},x)}}export{z as default};
+import{H as e,i as t,s as a,I as i,T as s,b as l,n as d,m as r,ag as o,K as n,e as b,J as c,d as p,v as u,h as v,k as f,y as g}from"../../index-c222d0b7.js";import{i as w,s as m}from"../../sidebar-service-8aa10fb1.js";function x(e){i(e,"svelte-gw49ta",".mc-sidebar-feature.svelte-gw49ta.svelte-gw49ta{font-size:16px;min-width:200px;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#191919;line-height:22px;overflow:hidden}.mc-sidebar-feature__container.svelte-gw49ta.svelte-gw49ta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding-top:8px;padding-bottom:8px}.mc-sidebar-feature__container.svelte-gw49ta span.svelte-gw49ta{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-gw49ta.svelte-gw49ta{fill:#191919}.mc-sidebar-feature__icon-disabled.svelte-gw49ta.svelte-gw49ta{fill:#e05a00}.mc-sidebar-feature__label.svelte-gw49ta.svelte-gw49ta{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-sidebar-feature__label__tooltip.svelte-gw49ta.svelte-gw49ta{opacity:0;-webkit-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-sidebar-feature__label__tooltip__pointer.svelte-gw49ta.svelte-gw49ta{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 #191919}.mc-sidebar-feature__label__tooltip__pointer.svelte-gw49ta div.svelte-gw49ta{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-sidebar-feature__label.svelte-gw49ta:hover+.mc-sidebar-feature__label__tooltip.svelte-gw49ta{opacity:1;-webkit-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-gw49ta.svelte-gw49ta{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-gw49ta.svelte-gw49ta{background:#ffbf6b}.mc-sidebar-feature.is-close.svelte-gw49ta.svelte-gw49ta{-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-gw49ta .mc-sidebar-feature__container.svelte-gw49ta{-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:20px;width:24px}.mc-sidebar-feature.is-open.svelte-gw49ta.svelte-gw49ta{-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-gw49ta .mc-sidebar-feature__container.svelte-gw49ta{-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-gw49ta.svelte-gw49ta{color:#e05a00;fill:#e05a00}.mc-sidebar-feature.svelte-gw49ta.svelte-gw49ta:hover{background:#ff941a}.mc-sidebar-feature.svelte-gw49ta.svelte-gw49ta:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-gw49ta:focus-visible .mc-sidebar-feature__container.svelte-gw49ta{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function _(e){let t,a,i,s,d,o,n,w,m,x,_,h,k,y,$=e[0].label+"";return{c(){t=b("span"),a=b("div"),i=c("svg"),s=c("g"),d=c("path"),o=c("defs"),n=c("clipPath"),w=c("path"),m=p(),x=b("span"),_=u($),v(d,"fill-rule","evenodd"),v(d,"d","M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z"),v(s,"clip-path","url(#a)"),v(w,"d","M0 0h16v16H0z"),v(n,"id","a"),v(i,"class","mc-sidebar-feature__icon-disabled svelte-gw49ta"),v(i,"width","16px"),v(i,"height","16px"),v(i,"viewBox","0 0 16 16"),v(x,"class","svelte-gw49ta"),v(a,"class","mc-sidebar-feature__container svelte-gw49ta"),v(t,"aria-label",h=e[0].label),v(t,"aria-disabled","true"),v(t,"class",k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-gw49ta"),v(t,"id",y=e[0].code)},m(e,r){l(e,t,r),f(t,a),f(a,i),f(i,s),f(s,d),f(i,o),f(o,n),f(n,w),f(a,m),f(a,x),f(x,_)},p(e,a){1&a&&$!==($=e[0].label+"")&&g(_,$),1&a&&h!==(h=e[0].label)&&v(t,"aria-label",h),6&a&&k!==(k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-gw49ta")&&v(t,"class",k),1&a&&y!==(y=e[0].code)&&v(t,"id",y)},d(e){e&&r(t)}}}function h(e){let t,a,i,s,d,o,n,c,w,m,x,_=e[0].label+"",h=e[5]&&k(e),$="_blank"===e[0].embedded&&y();return{c(){t=b("a"),a=b("div"),i=b("span"),s=u(_),d=p(),h&&h.c(),o=p(),$&&$.c(),v(i,"class","mc-sidebar-feature__label svelte-gw49ta"),v(a,"class","mc-sidebar-feature__container svelte-gw49ta"),v(t,"aria-label",n=""+(e[0].label+e[3])),v(t,"href",c=e[0].href??"javascript:void(null)"),v(t,"target",w=e[0].embedded),v(t,"class",m="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-gw49ta"),v(t,"id",x=e[0].code)},m(r,n){l(r,t,n),f(t,a),f(a,i),f(i,s),e[8](i),f(a,d),h&&h.m(a,null),f(a,o),$&&$.m(a,null)},p(e,i){1&i&&_!==(_=e[0].label+"")&&g(s,_),e[5]?h?h.p(e,i):(h=k(e),h.c(),h.m(a,o)):h&&(h.d(1),h=null),"_blank"===e[0].embedded?$||($=y(),$.c(),$.m(a,null)):$&&($.d(1),$=null),9&i&&n!==(n=""+(e[0].label+e[3]))&&v(t,"aria-label",n),1&i&&c!==(c=e[0].href??"javascript:void(null)")&&v(t,"href",c),1&i&&w!==(w=e[0].embedded)&&v(t,"target",w),6&i&&m!==(m="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-gw49ta")&&v(t,"class",m),1&i&&x!==(x=e[0].code)&&v(t,"id",x)},d(a){a&&r(t),e[8](null),h&&h.d(),$&&$.d()}}}function k(e){let t,a,i,s,d,o=e[0].label+"";return{c(){t=b("div"),a=b("div"),a.innerHTML='<div class="svelte-gw49ta"></div>',i=p(),s=b("span"),d=u(o),v(a,"class","mc-sidebar-feature__label__tooltip__pointer svelte-gw49ta"),v(s,"class","svelte-gw49ta"),v(t,"aria-hidden","true"),v(t,"class","mc-sidebar-feature__label__tooltip svelte-gw49ta")},m(e,r){l(e,t,r),f(t,a),f(t,i),f(t,s),f(s,d)},p(e,t){1&t&&o!==(o=e[0].label+"")&&g(d,o)},d(e){e&&r(t)}}}function y(e){let t,a;return{c(){t=c("svg"),a=c("path"),v(a,"fill-rule","evenodd"),v(a,"d","M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z"),v(t,"class","mc-sidebar-feature__icon svelte-gw49ta"),v(t,"width","16px"),v(t,"height","16px"),v(t,"viewBox","0 0 16 16")},m(e,i){l(e,t,i),f(t,a)},d(e){e&&r(t)}}}function $(e){let t;function a(e,t){return e[0].disabled?_:h}let i=a(e),o=i(e);return{c(){o.c(),t=s()},m(e,a){o.m(e,a),l(e,t,a)},p(e,[s]){i===(i=a(e))&&o?o.p(e,s):(o.d(1),o=i(e),o&&(o.c(),o.m(t.parentNode,t)))},i:d,o:d,d(e){o.d(e),e&&r(t)}}}function H(e,t,a){let i,s;o(e,w,(e=>a(1,i=e))),o(e,m,(e=>a(7,s=e)));let l,d,r,{feature:b}=t,{a11yLabels:c}=t,p=!1;return e.$$set=e=>{"feature"in e&&a(0,b=e.feature),"a11yLabels"in e&&a(6,c=e.a11yLabels)},e.$$.update=()=>{129&e.$$.dirty&&function(e,t){var i,s,l;a(2,p=null!==(l=(null==t?void 0:t.lv1)&&e.code===(null===(i=null==t?void 0:t.lv1)||void 0===i?void 0:i.code)||(null==t?void 0:t.lv2)&&e.code===(null===(s=null==t?void 0:t.lv2)||void 0===s?void 0:s.code))&&void 0!==l&&l)}(b,s),65&e.$$.dirty&&function(e,t){t.embedded?a(3,l=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):a(3,l="")}(c,b),2&e.$$.dirty&&setTimeout((()=>{a(5,r=(null==d?void 0:d.offsetHeight)<(null==d?void 0:d.scrollHeight))}),500)},[b,i,p,l,d,r,c,s,function(e){n[e?"unshift":"push"]((()=>{d=e,a(4,d)}))}]}class z extends e{constructor(e){super(),t(this,e,H,$,a,{feature:0,a11yLabels:6},x)}}export{z as default};
 //# sourceMappingURL=sidebar-feature.nested.js.map

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

@@ -1,2 +1,2 @@
-import{G as e,i as t,s as l,H as i,R as a,b as s,A as n,y as o,z as r,q as c,ag as d,e as b,d as m,h as f,V as u,l as w,B as x,Q as p,D as v,E as g,m as z,F as h}from"../../index-48da6c1f.js";import k from"./sidebar-feature-group.nested.js";import y from"./sidebar-sub-features.nested.js";import{t as $,i as L}from"../../sidebar-service-e5d3eb89.js";import"./sidebar-feature.nested.js";import"../../EventHandler-f7ee47ca.js";function j(e){i(e,"svelte-l8zaw2",".mc-sidebar-section.svelte-l8zaw2.svelte-l8zaw2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:38px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:1px 0px;scrollbar-color:#ef7f00 #b3b3b3;scrollbar-width:thin}.mc-sidebar-section.svelte-l8zaw2 ul.svelte-l8zaw2,.mc-sidebar-section.svelte-l8zaw2 li.svelte-l8zaw2{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-l8zaw2 ul.svelte-l8zaw2{-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}.mc-sidebar-section.svelte-l8zaw2 ul li.svelte-l8zaw2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4px 0px}.mc-sidebar-section.svelte-l8zaw2 ul li.svelte-l8zaw2:first-child{margin-top:0}.mc-sidebar-section.svelte-l8zaw2 ul li.svelte-l8zaw2:last-child{margin-bottom:0}.mc-sidebar-section.svelte-l8zaw2 ul.is-hidden.svelte-l8zaw2{-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:-320px;opacity:0}.mc-sidebar-section.svelte-l8zaw2 ul.is-visible.svelte-l8zaw2{-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:0}.mc-sidebar-section.svelte-l8zaw2.svelte-l8zaw2::-webkit-scrollbar{width:5px;height:10px;background:#b3b3b3}.mc-sidebar-section.svelte-l8zaw2.svelte-l8zaw2::-webkit-scrollbar-thumb{background:#ef7f00}")}function G(e,t,l){const i=e.slice();return i[10]=t[l],i}function B(e){let t,l,i,a,d,v,g=e[0],z=[];for(let t=0;t<g.length;t+=1)z[t]=E(G(e,g,t));const h=e=>o(z[e],1,1,(()=>{z[e]=null}));let k=e[3]&&e[4]&&H(e);return{c(){t=b("div"),l=b("ul");for(let e=0;e<z.length;e+=1)z[e].c();d=m(),k&&k.c(),f(l,"class",i=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-l8zaw2"),f(l,"aria-hidden",a=e[3]&&e[4]),f(t,"class","mc-sidebar-section svelte-l8zaw2")},m(e,i){s(e,t,i),w(t,l);for(let e=0;e<z.length;e+=1)z[e]&&z[e].m(l,null);w(t,d),k&&k.m(t,null),v=!0},p(e,s){if(103&s){let t;for(g=e[0],t=0;t<g.length;t+=1){const i=G(e,g,t);z[t]?(z[t].p(i,s),n(z[t],1)):(z[t]=E(i),z[t].c(),n(z[t],1),z[t].m(l,null))}for(x(),t=g.length;t<z.length;t+=1)h(t);r()}(!v||24&s&&i!==(i=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-l8zaw2"))&&f(l,"class",i),(!v||24&s&&a!==(a=e[3]&&e[4]))&&f(l,"aria-hidden",a),e[3]&&e[4]?k?(k.p(e,s),24&s&&n(k,1)):(k=H(e),k.c(),n(k,1),k.m(t,null)):k&&(x(),o(k,1,1,(()=>{k=null})),r())},i(e){if(!v){for(let e=0;e<g.length;e+=1)n(z[e]);n(k),v=!0}},o(e){z=z.filter(Boolean);for(let e=0;e<z.length;e+=1)o(z[e]);o(k),v=!1},d(e){e&&c(t),p(z,e),k&&k.d()}}}function E(e){let t,l,i,a,r,d;function u(){return e[8](e[10])}return l=new k({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),l.$on("feature-click",e[7]),{c(){t=b("li"),v(l.$$.fragment),i=m(),f(t,"class","svelte-l8zaw2")},m(e,n){s(e,t,n),g(l,t,null),w(t,i),a=!0,r||(d=z(t,"click",u),r=!0)},p(t,i){e=t;const a={};1&i&&(a.featureGroup=e[10]),5&i&&(a.expand=e[2]===e[10].code),2&i&&(a.a11yLabels=e[1]),l.$set(a)},i(e){a||(n(l.$$.fragment,e),a=!0)},o(e){o(l.$$.fragment,e),a=!1},d(e){e&&c(t),h(l),r=!1,d()}}}function H(e){let t,l;return t=new y({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){v(t.$$.fragment)},m(e,i){g(t,e,i),l=!0},p(e,l){const i={};8&l&&(i.data=e[3]),2&l&&(i.a11yLabels=e[1]),t.$set(i)},i(e){l||(n(t.$$.fragment,e),l=!0)},o(e){o(t.$$.fragment,e),l=!1},d(e){h(t,e)}}}function q(e){let t,l,i=e[0]?.length&&B(e);return{c(){i&&i.c(),t=a()},m(e,a){i&&i.m(e,a),s(e,t,a),l=!0},p(e,[l]){e[0]?.length?i?(i.p(e,l),1&l&&n(i,1)):(i=B(e),i.c(),n(i,1),i.m(t.parentNode,t)):i&&(x(),o(i,1,1,(()=>{i=null})),r())},i(e){l||(n(i),l=!0)},o(e){o(i),l=!1},d(e){i&&i.d(e),e&&c(t)}}}function A(e,t,l){let i;d(e,L,(e=>l(4,i=e)));let a,s,{data:n=[]}=t,{a11yLabels:o}=t;function r(e){const t=i;t||$(),l(2,a=t&&a===e?void 0:e)}function c(e){(null==e?void 0:e.detail)?s&&s.code===e.detail.code?l(3,s=void 0):l(3,s=e.detail):l(3,s=void 0)}return e.$$set=e=>{"data"in e&&l(0,n=e.data),"a11yLabels"in e&&l(1,o=e.a11yLabels)},[n,o,a,s,i,r,c,e=>c(e),e=>r(e.code),()=>c()]}class D extends e{constructor(e){super(),t(this,e,A,q,l,{data:0,a11yLabels:1},j)}}export{D as default};
+import{H as e,i as t,s as l,I as i,T as a,b as s,B as n,z as o,A as r,m as c,ag as d,e as b,d as m,h as f,W as u,k as w,C as x,R as p,E as v,F as g,x as z,G as h}from"../../index-c222d0b7.js";import k from"./sidebar-feature-group.nested.js";import y from"./sidebar-sub-features.nested.js";import{t as $,i as L}from"../../sidebar-service-8aa10fb1.js";import"./sidebar-feature.nested.js";import"../../EventHandler-f7ee47ca.js";function j(e){i(e,"svelte-l8zaw2",".mc-sidebar-section.svelte-l8zaw2.svelte-l8zaw2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:38px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:1px 0px;scrollbar-color:#ef7f00 #b3b3b3;scrollbar-width:thin}.mc-sidebar-section.svelte-l8zaw2 ul.svelte-l8zaw2,.mc-sidebar-section.svelte-l8zaw2 li.svelte-l8zaw2{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-l8zaw2 ul.svelte-l8zaw2{-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}.mc-sidebar-section.svelte-l8zaw2 ul li.svelte-l8zaw2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4px 0px}.mc-sidebar-section.svelte-l8zaw2 ul li.svelte-l8zaw2:first-child{margin-top:0}.mc-sidebar-section.svelte-l8zaw2 ul li.svelte-l8zaw2:last-child{margin-bottom:0}.mc-sidebar-section.svelte-l8zaw2 ul.is-hidden.svelte-l8zaw2{-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:-320px;opacity:0}.mc-sidebar-section.svelte-l8zaw2 ul.is-visible.svelte-l8zaw2{-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:0}.mc-sidebar-section.svelte-l8zaw2.svelte-l8zaw2::-webkit-scrollbar{width:5px;height:10px;background:#b3b3b3}.mc-sidebar-section.svelte-l8zaw2.svelte-l8zaw2::-webkit-scrollbar-thumb{background:#ef7f00}")}function G(e,t,l){const i=e.slice();return i[10]=t[l],i}function B(e){let t,l,i,a,d,v,g=e[0],z=[];for(let t=0;t<g.length;t+=1)z[t]=E(G(e,g,t));const h=e=>o(z[e],1,1,(()=>{z[e]=null}));let k=e[3]&&e[4]&&H(e);return{c(){t=b("div"),l=b("ul");for(let e=0;e<z.length;e+=1)z[e].c();d=m(),k&&k.c(),f(l,"class",i=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-l8zaw2"),f(l,"aria-hidden",a=e[3]&&e[4]),f(t,"class","mc-sidebar-section svelte-l8zaw2")},m(e,i){s(e,t,i),w(t,l);for(let e=0;e<z.length;e+=1)z[e]&&z[e].m(l,null);w(t,d),k&&k.m(t,null),v=!0},p(e,s){if(103&s){let t;for(g=e[0],t=0;t<g.length;t+=1){const i=G(e,g,t);z[t]?(z[t].p(i,s),n(z[t],1)):(z[t]=E(i),z[t].c(),n(z[t],1),z[t].m(l,null))}for(x(),t=g.length;t<z.length;t+=1)h(t);r()}(!v||24&s&&i!==(i=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-l8zaw2"))&&f(l,"class",i),(!v||24&s&&a!==(a=e[3]&&e[4]))&&f(l,"aria-hidden",a),e[3]&&e[4]?k?(k.p(e,s),24&s&&n(k,1)):(k=H(e),k.c(),n(k,1),k.m(t,null)):k&&(x(),o(k,1,1,(()=>{k=null})),r())},i(e){if(!v){for(let e=0;e<g.length;e+=1)n(z[e]);n(k),v=!0}},o(e){z=z.filter(Boolean);for(let e=0;e<z.length;e+=1)o(z[e]);o(k),v=!1},d(e){e&&c(t),p(z,e),k&&k.d()}}}function E(e){let t,l,i,a,r,d;function u(){return e[8](e[10])}return l=new k({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),l.$on("feature-click",e[7]),{c(){t=b("li"),v(l.$$.fragment),i=m(),f(t,"class","svelte-l8zaw2")},m(e,n){s(e,t,n),g(l,t,null),w(t,i),a=!0,r||(d=z(t,"click",u),r=!0)},p(t,i){e=t;const a={};1&i&&(a.featureGroup=e[10]),5&i&&(a.expand=e[2]===e[10].code),2&i&&(a.a11yLabels=e[1]),l.$set(a)},i(e){a||(n(l.$$.fragment,e),a=!0)},o(e){o(l.$$.fragment,e),a=!1},d(e){e&&c(t),h(l),r=!1,d()}}}function H(e){let t,l;return t=new y({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){v(t.$$.fragment)},m(e,i){g(t,e,i),l=!0},p(e,l){const i={};8&l&&(i.data=e[3]),2&l&&(i.a11yLabels=e[1]),t.$set(i)},i(e){l||(n(t.$$.fragment,e),l=!0)},o(e){o(t.$$.fragment,e),l=!1},d(e){h(t,e)}}}function A(e){let t,l,i=e[0]?.length&&B(e);return{c(){i&&i.c(),t=a()},m(e,a){i&&i.m(e,a),s(e,t,a),l=!0},p(e,[l]){e[0]?.length?i?(i.p(e,l),1&l&&n(i,1)):(i=B(e),i.c(),n(i,1),i.m(t.parentNode,t)):i&&(x(),o(i,1,1,(()=>{i=null})),r())},i(e){l||(n(i),l=!0)},o(e){o(i),l=!1},d(e){i&&i.d(e),e&&c(t)}}}function C(e,t,l){let i;d(e,L,(e=>l(4,i=e)));let a,s,{data:n=[]}=t,{a11yLabels:o}=t;function r(e){const t=i;t||$(),l(2,a=t&&a===e?void 0:e)}function c(e){(null==e?void 0:e.detail)?s&&s.code===e.detail.code?l(3,s=void 0):l(3,s=e.detail):l(3,s=void 0)}return e.$$set=e=>{"data"in e&&l(0,n=e.data),"a11yLabels"in e&&l(1,o=e.a11yLabels)},[n,o,a,s,i,r,c,e=>c(e),e=>r(e.code),()=>c()]}class F extends e{constructor(e){super(),t(this,e,C,A,l,{data:0,a11yLabels:1},j)}}export{F as default};
 //# sourceMappingURL=sidebar-section.nested.js.map

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

@@ -1,2 +1,2 @@
-import{G as e,i as s,s as t,H as a,R as i,b as l,A as n,y as o,z as c,q as r,ag as d,u as m,e as u,d as b,t as w,h as p,l as v,m as g,B as x,o as f,X as h,Y as _,Z as $,_ as k}from"../../index-48da6c1f.js";import{a as y,s as j,i as H}from"../../sidebar-service-e5d3eb89.js";function z(e){a(e,"svelte-lwaust",".mc-sidebar-segment.svelte-lwaust.svelte-lwaust{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-lwaust.svelte-lwaust{fill:#191919;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-lwaust.svelte-lwaust{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-lwaust.svelte-lwaust{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-lwaust.svelte-lwaust{background:#ffbf6b}.mc-sidebar-segment.svelte-lwaust .svelte-lwaust:last-child{margin-left:10px}.mc-sidebar-segment.svelte-lwaust.svelte-lwaust:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-lwaust:focus-visible .mc-sidebar-segment__container.svelte-lwaust{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-lwaust.svelte-lwaust:hover{background:#ff941a}.mc-sidebar-segment.is-close.svelte-lwaust .mc-sidebar-segment__container.svelte-lwaust{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-lwaust .mc-sidebar-segment__text.svelte-lwaust{opacity:0}.mc-sidebar-segment.is-open.svelte-lwaust .mc-sidebar-segment__container.svelte-lwaust{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-lwaust .mc-sidebar-segment__text.svelte-lwaust{opacity:1}")}const L=e=>({}),M=e=>({});function T(e){let s,t,a,i,d,m,h,_,$,k,y,j,H,z,L,M=e[0].label+"",T=e[0].icon&&q(e),B=e[4].icon&&A(e);return{c(){s=u("a"),t=u("div"),T&&T.c(),a=b(),B&&B.c(),i=b(),d=u("span"),m=w(M),p(d,"aria-hidden",h=!e[2]),p(d,"class","mc-sidebar-segment__text svelte-lwaust"),p(t,"class","mc-sidebar-segment__container svelte-lwaust"),p(s,"id",_=e[0].code),p(s,"aria-label",$=e[0].label),p(s,"class",k="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-lwaust"),p(s,"href",y=e[0].href??"javascript:void(null)"),p(s,"target",j=e[0].embedded)},m(n,o){l(n,s,o),v(s,t),T&&T.m(t,null),v(t,a),B&&B.m(t,null),v(t,i),v(t,d),v(d,m),H=!0,z||(L=g(s,"click",e[3]),z=!0)},p(e,l){e[0].icon?T?T.p(e,l):(T=q(e),T.c(),T.m(t,a)):T&&(T.d(1),T=null),e[4].icon?B?(B.p(e,l),16&l&&n(B,1)):(B=A(e),B.c(),n(B,1),B.m(t,i)):B&&(x(),o(B,1,1,(()=>{B=null})),c()),(!H||1&l)&&M!==(M=e[0].label+"")&&f(m,M),(!H||4&l&&h!==(h=!e[2]))&&p(d,"aria-hidden",h),(!H||1&l&&_!==(_=e[0].code))&&p(s,"id",_),(!H||1&l&&$!==($=e[0].label))&&p(s,"aria-label",$),(!H||7&l&&k!==(k="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-lwaust"))&&p(s,"class",k),(!H||1&l&&y!==(y=e[0].href??"javascript:void(null)"))&&p(s,"href",y),(!H||1&l&&j!==(j=e[0].embedded))&&p(s,"target",j)},i(e){H||(n(B),H=!0)},o(e){o(B),H=!1},d(e){e&&r(s),T&&T.d(),B&&B.d(),z=!1,L()}}}function q(e){let s,t=`<${G(e[0].icon)} />`;return{c(){s=u("span"),p(s,"class","mc-sidebar-segment__icon svelte-lwaust")},m(e,a){l(e,s,a),s.innerHTML=t},p(e,a){1&a&&t!==(t=`<${G(e[0].icon)} />`)&&(s.innerHTML=t)},d(e){e&&r(s)}}}function A(e){let s,t;const a=e[6].icon,i=h(a,e,e[5],M);return{c(){s=u("span"),i&&i.c(),p(s,"class","mc-sidebar-segment__icon svelte-lwaust")},m(e,a){l(e,s,a),i&&i.m(s,null),t=!0},p(e,s){i&&i.p&&(!t||32&s)&&_(i,a,e,e[5],t?k(a,e[5],s,L):$(e[5]),M)},i(e){t||(n(i,e),t=!0)},o(e){o(i,e),t=!1},d(e){e&&r(s),i&&i.d(e)}}}function B(e){let s,t,a=e[0]&&T(e);return{c(){a&&a.c(),s=i()},m(e,i){a&&a.m(e,i),l(e,s,i),t=!0},p(e,[t]){e[0]?a?(a.p(e,t),1&t&&n(a,1)):(a=T(e),a.c(),n(a,1),a.m(s.parentNode,s)):a&&(x(),o(a,1,1,(()=>{a=null})),c())},i(e){t||(n(a),t=!0)},o(e){o(a),t=!1},d(e){a&&a.d(e),e&&r(s)}}}function G(e){return`${e} size="1.5rem"`}function N(e,s,t){let a,i;d(e,j,(e=>t(1,a=e))),d(e,H,(e=>t(2,i=e)));let{$$slots:l={},$$scope:n}=s;const o=m(l);let{data:c}=s;return e.$$set=e=>{"data"in e&&t(0,c=e.data),"$$scope"in e&&t(5,n=e.$$scope)},[c,a,i,function(){y(c.code)},o,n,l]}class R extends e{constructor(e){super(),s(this,e,N,B,t,{data:0},z)}}export{R as default};
+import{H as e,i as s,s as t,I as i,T as n,b as c,B as a,z as l,A as o,m as f,ag as r,p as d,e as m,d as b,v as h,h as p,k as v,x as g,C as k,y as u,Y as x,Z as _,_ as w,$,J as y,a4 as j}from"../../index-c222d0b7.js";import{a as P,s as z,i as A}from"../../sidebar-service-8aa10fb1.js";function B(e){i(e,"svelte-1chf8kf",".mc-sidebar-segment.svelte-1chf8kf.svelte-1chf8kf{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-1chf8kf.svelte-1chf8kf{fill:#191919;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-1chf8kf.svelte-1chf8kf{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.svelte-1chf8kf svg.svelte-1chf8kf{fill:#191919}.mc-sidebar-segment__text.svelte-1chf8kf.svelte-1chf8kf{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-1chf8kf.svelte-1chf8kf{background:#ffbf6b}.mc-sidebar-segment.svelte-1chf8kf.svelte-1chf8kf:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1chf8kf:focus-visible .mc-sidebar-segment__container.svelte-1chf8kf{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1chf8kf.svelte-1chf8kf:hover{background:#ff941a}.mc-sidebar-segment.is-close.svelte-1chf8kf .mc-sidebar-segment__container.svelte-1chf8kf{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-1chf8kf .mc-sidebar-segment__text.svelte-1chf8kf{opacity:0}.mc-sidebar-segment.is-open.svelte-1chf8kf .mc-sidebar-segment__container.svelte-1chf8kf{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-1chf8kf .mc-sidebar-segment__text.svelte-1chf8kf{opacity:1}")}const C=e=>({}),H=e=>({});function I(e){let s,t,i,n,r,d,x,_,w,$,y,j,P,z,A,B,C,H=e[0].label+"",I=e[0].icon&&J(e),Y=e[4].icon&&N(e),Z=e[0].iconPath&&T(e);return{c(){s=m("a"),t=m("div"),i=m("span"),I&&I.c(),n=b(),Y&&Y.c(),r=b(),Z&&Z.c(),d=b(),x=m("span"),_=h(H),p(i,"class","mc-sidebar-segment__icon svelte-1chf8kf"),p(x,"aria-hidden",w=!e[2]),p(x,"class","mc-sidebar-segment__text svelte-1chf8kf"),p(t,"class","mc-sidebar-segment__container svelte-1chf8kf"),p(s,"id",$=e[0].code),p(s,"aria-label",y=e[0].label),p(s,"class",j="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1chf8kf"),p(s,"href",P=e[0].href??"javascript:void(null)"),p(s,"target",z=e[0].embedded)},m(a,l){c(a,s,l),v(s,t),v(t,i),I&&I.m(i,null),v(i,n),Y&&Y.m(i,null),v(i,r),Z&&Z.m(i,null),v(t,d),v(t,x),v(x,_),A=!0,B||(C=g(s,"click",e[3]),B=!0)},p(e,t){e[0].icon?I?I.p(e,t):(I=J(e),I.c(),I.m(i,n)):I&&(I.d(1),I=null),e[4].icon?Y?(Y.p(e,t),16&t&&a(Y,1)):(Y=N(e),Y.c(),a(Y,1),Y.m(i,r)):Y&&(k(),l(Y,1,1,(()=>{Y=null})),o()),e[0].iconPath?Z?Z.p(e,t):(Z=T(e),Z.c(),Z.m(i,null)):Z&&(Z.d(1),Z=null),(!A||1&t)&&H!==(H=e[0].label+"")&&u(_,H),(!A||4&t&&w!==(w=!e[2]))&&p(x,"aria-hidden",w),(!A||1&t&&$!==($=e[0].code))&&p(s,"id",$),(!A||1&t&&y!==(y=e[0].label))&&p(s,"aria-label",y),(!A||7&t&&j!==(j="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1chf8kf"))&&p(s,"class",j),(!A||1&t&&P!==(P=e[0].href??"javascript:void(null)"))&&p(s,"href",P),(!A||1&t&&z!==(z=e[0].embedded))&&p(s,"target",z)},i(e){A||(a(Y),A=!0)},o(e){l(Y),A=!1},d(e){e&&f(s),I&&I.d(),Y&&Y.d(),Z&&Z.d(),B=!1,C()}}}function J(e){let s,t,i=`<${Z(e[0].icon)} />`;return{c(){s=new j(!1),t=n(),s.a=t},m(e,n){s.m(i,e,n),c(e,t,n)},p(e,t){1&t&&i!==(i=`<${Z(e[0].icon)} />`)&&s.p(i)},d(e){e&&f(t),e&&s.d()}}}function N(e){let s;const t=e[6].icon,i=x(t,e,e[5],H);return{c(){i&&i.c()},m(e,t){i&&i.m(e,t),s=!0},p(e,n){i&&i.p&&(!s||32&n)&&_(i,t,e,e[5],s?$(t,e[5],n,C):w(e[5]),H)},i(e){s||(a(i,e),s=!0)},o(e){l(i,e),s=!1},d(e){i&&i.d(e)}}}function T(e){let s,t,i;return{c(){s=y("svg"),t=y("use"),p(t,"href",i=e[0].iconPath),p(s,"class","mc-sidebar-segment__icon svelte-1chf8kf")},m(e,i){c(e,s,i),v(s,t)},p(e,s){1&s&&i!==(i=e[0].iconPath)&&p(t,"href",i)},d(e){e&&f(s)}}}function Y(e){let s,t,i=e[0]&&I(e);return{c(){i&&i.c(),s=n()},m(e,n){i&&i.m(e,n),c(e,s,n),t=!0},p(e,[t]){e[0]?i?(i.p(e,t),1&t&&a(i,1)):(i=I(e),i.c(),a(i,1),i.m(s.parentNode,s)):i&&(k(),l(i,1,1,(()=>{i=null})),o())},i(e){t||(a(i),t=!0)},o(e){l(i),t=!1},d(e){i&&i.d(e),e&&f(s)}}}function Z(e){return`${e} size="1.5rem"`}function q(e,s,t){let i,n;r(e,z,(e=>t(1,i=e))),r(e,A,(e=>t(2,n=e)));let{$$slots:c={},$$scope:a}=s;const l=d(c);let{data:o}=s;return e.$$set=e=>{"data"in e&&t(0,o=e.data),"$$scope"in e&&t(5,a=e.$$scope)},[o,i,n,function(){P(o.code)},l,a,c]}class D extends e{constructor(e){super(),s(this,e,q,Y,t,{data:0},B)}}export{D 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 '../../utilities/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    id={data.code}\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    target={data.embedded}\n    on:click={handleClick}\n  >\n    <div class=\"mc-sidebar-segment__container\">\n      {#if data.icon}\n        <span class=\"mc-sidebar-segment__icon\">\n          {@html `<${generateIcon(data.icon)} />`}\n        </span>\n      {/if}\n      {#if $$slots.icon}\n        <span class=\"mc-sidebar-segment__icon\">\n          <slot name=\"icon\" />\n        </span>\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 './_c.sidebar';\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      height: 1.5rem;\n      width: 1.5rem;\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      width: 200px;\n      min-width: 200px;\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":["t2_value","ctx","label","if_block0","icon","create_if_block_2","if_block1","create_if_block_1","attr","a","a_id_value","code","a_aria_label_value","a_class_value","lv0","href","a_target_value","embedded","insert","target","anchor","append","div","span","current","dirty","set_data","t2","generateIcon","innerHTML","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"6kEA4CSA,EAAAC,KAAKC,MAAK,GAXRC,EAAAF,KAAKG,MAAIC,EAAAJ,GAKTK,EAAAL,KAAQG,MAAIG,EAAAN,wGAKGA,EAAc,qHApBhCO,EAAAC,EAAA,KAAAC,EAAAT,KAAKU,MACGH,EAAAC,EAAA,aAAAG,EAAAX,KAAKC,OACUM,EAAAC,EAAA,QAAAI,EAAA,uBAAAZ,KAAKU,OAASV,EAAkB,IAAAa,KAAKH,KAC5D,cACA,IAAK,KAAAV,EAAiB,GAAA,UAAY,YAAU,+BAC1CA,EAAI,GAACc,MAAQ,yBACXP,EAAAC,EAAA,SAAAO,EAAAf,KAAKgB,kBAPfC,EAyBGC,EAAAV,EAAAW,GAfDC,EAcKZ,EAAAa,+CAHHD,EAEMC,EAAAC,iCAfEtB,EAAW,kBAGdA,KAAKG,2DAKLH,KAAQG,qGAMVoB,GAAA,EAAAC,IAAAzB,KAAAA,EAAAC,KAAKC,MAAK,KAAAwB,EAAAC,EAAA3B,qBADOC,EAAc,6BApBhCuB,GAAA,EAAAC,GAAAf,KAAAA,EAAAT,KAAKU,sBACGa,GAAA,EAAAC,GAAAb,KAAAA,EAAAX,KAAKC,+BACUsB,GAAA,EAAAC,GAAAZ,KAAAA,EAAA,uBAAAZ,KAAKU,OAASV,EAAkB,IAAAa,KAAKH,KAC5D,cACA,IAAK,KAAAV,EAAiB,GAAA,UAAY,YAAU,oDAC1CA,EAAI,GAACc,MAAQ,2CACXS,GAAA,EAAAC,GAAAT,KAAAA,EAAAf,KAAKgB,sIAMIW,EAAa3B,EAAI,GAACG,gGAD/Bc,EAEMC,EAAAI,EAAAH,yCADOQ,EAAa3B,EAAI,GAACG,cAAImB,EAAAM,UAAAC,yKAInCZ,EAEMC,EAAAI,EAAAH,sLApBTnB,EAAI,IAAA8B,EAAA9B,yEAAJA,EAAI,0KATE,SAAA2B,EAAaI,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,EAAKtB"}
+{"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 '../../utilities/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    id={data.code}\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    target={data.embedded}\n    on:click={handleClick}\n  >\n  \n    <div class=\"mc-sidebar-segment__container\">\n      <span class=\"mc-sidebar-segment__icon\">\n      {#if data.icon}\n          {@html `<${generateIcon(data.icon)} />`}\n      {/if}\n      {#if $$slots.icon}\n          <slot name=\"icon\" />\n      {/if}\n      {#if data.iconPath}\n      <svg class=\"mc-sidebar-segment__icon\">\n        <use href={data.iconPath}></use>\n      </svg>\n      {/if}\n      </span>\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 './_c.sidebar';\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      height: 1.5rem;\n      width: 1.5rem;\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      width: 200px;\n      min-width: 200px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\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":["t3_value","ctx","label","if_block0","icon","create_if_block_3","if_block1","create_if_block_2","if_block2","iconPath","create_if_block_1","attr","a","a_id_value","code","a_aria_label_value","a_class_value","lv0","href","a_target_value","embedded","insert","target","anchor","append","div","span0","span1","current","dirty","set_data","t3","generateIcon","html_tag","p","raw_value","use","use_href_value","svg","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"0mEAgDSA,EAAAC,KAAKC,MAAK,GAbRC,EAAAF,KAAKG,MAAIC,EAAAJ,GAGTK,EAAAL,KAAQG,MAAIG,EAAAN,GAGZO,EAAAP,KAAKQ,UAAQC,EAAAT,0LAMEA,EAAc,uHAxBhCU,EAAAC,EAAA,KAAAC,EAAAZ,KAAKa,MACGH,EAAAC,EAAA,aAAAG,EAAAd,KAAKC,OACUS,EAAAC,EAAA,QAAAI,EAAA,uBAAAf,KAAKa,OAASb,EAAkB,IAAAgB,KAAKH,KAC5D,cACA,IAAK,KAAAb,EAAiB,GAAA,UAAY,YAAU,gCAC1CA,EAAI,GAACiB,MAAQ,yBACXP,EAAAC,EAAA,SAAAO,EAAAlB,KAAKmB,kBAPfC,EA6BGC,EAAAV,EAAAW,GAlBDC,EAiBKZ,EAAAa,GAhBHD,EAYMC,EAAAC,qEACNF,EAEMC,EAAAE,iCAnBE1B,EAAW,kBAKdA,KAAKG,2DAGLH,KAAQG,mGAGRH,KAAKQ,oEAOPmB,GAAA,EAAAC,IAAA7B,KAAAA,EAAAC,KAAKC,MAAK,KAAA4B,EAAAC,EAAA/B,qBADOC,EAAc,6BAxBhC2B,GAAA,EAAAC,GAAAhB,KAAAA,EAAAZ,KAAKa,sBACGc,GAAA,EAAAC,GAAAd,KAAAA,EAAAd,KAAKC,+BACU0B,GAAA,EAAAC,GAAAb,KAAAA,EAAA,uBAAAf,KAAKa,OAASb,EAAkB,IAAAgB,KAAKH,KAC5D,cACA,IAAK,KAAAb,EAAiB,GAAA,UAAY,YAAU,qDAC1CA,EAAI,GAACiB,MAAQ,2CACXU,GAAA,EAAAC,GAAAV,KAAAA,EAAAlB,KAAKmB,iJAOIY,EAAa/B,EAAI,GAACG,kGAAlB4B,EAAa/B,EAAI,GAACG,aAAI6B,EAAAC,EAAAC,uTAOxBxB,EAAAyB,EAAA,OAAAC,EAAApC,KAAKQ,yEADlBY,EAEKC,EAAAgB,EAAAf,GADHC,EAA+Bc,EAAAF,WAApB,EAAAP,GAAAQ,KAAAA,EAAApC,KAAKQ,iEAtBnBR,EAAI,IAAAsC,EAAAtC,yEAAJA,EAAI,0KATE,SAAA+B,EAAaQ,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,EAAK3B"}

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

@@ -30,17 +30,21 @@
     target={data.embedded}
     on:click={handleClick}
   >
+  
     <div class="mc-sidebar-segment__container">
+      <span class="mc-sidebar-segment__icon">
       {#if data.icon}
-        <span class="mc-sidebar-segment__icon">
           {@html `<${generateIcon(data.icon)} />`}
-        </span>
       {/if}
       {#if $$slots.icon}
-        <span class="mc-sidebar-segment__icon">
           <slot name="icon" />
-        </span>
       {/if}
+      {#if data.iconPath}
+      <svg class="mc-sidebar-segment__icon">
+        <use href={data.iconPath}></use>
+      </svg>
+      {/if}
+      </span>
       <span aria-hidden={!$isSidebarOpen} class="mc-sidebar-segment__text">
         {data.label}
       </span>
@@ -89,10 +93,6 @@
       background: $color-sidebar-feature-selected-background;
     }
 
-    :last-child {
-      margin-left: 10px;
-    }
-
     &:focus-visible {
       box-shadow: none;
       border: none;

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

@@ -1,2 +1,2 @@
-import{G as s,i as e,s as a,H as t,e as i,h as r,b as n,n as o,q as l,ag as m}from"../../index-48da6c1f.js";import{i as p}from"../../sidebar-service-e5d3eb89.js";function c(s){t(s,"svelte-1n2lt5l",".mc-sidebar-separator.svelte-1n2lt5l{border-bottom:1px solid #b3b3b3;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-sidebar-separator.is-close.svelte-1n2lt5l{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 0}.mc-sidebar-separator.is-open.svelte-1n2lt5l{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 32px}")}function b(s){let e,a;return{c(){e=i("span"),r(e,"role","separator"),r(e,"class",a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-1n2lt5l")},m(s,a){n(s,e,a)},p(s,[t]){1&t&&a!==(a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-1n2lt5l")&&r(e,"class",a)},i:o,o:o,d(s){s&&l(e)}}}function d(s,e,a){let t;return m(s,p,(s=>a(0,t=s))),[t]}class u extends s{constructor(s){super(),e(this,s,d,b,a,{},c)}}export{u as default};
+import{H as s,i as e,s as a,I as t,e as i,h as r,b as n,n as o,m as l,ag as m}from"../../index-c222d0b7.js";import{i as p}from"../../sidebar-service-8aa10fb1.js";function b(s){t(s,"svelte-1n2lt5l",".mc-sidebar-separator.svelte-1n2lt5l{border-bottom:1px solid #b3b3b3;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-sidebar-separator.is-close.svelte-1n2lt5l{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 0}.mc-sidebar-separator.is-open.svelte-1n2lt5l{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 32px}")}function c(s){let e,a;return{c(){e=i("span"),r(e,"role","separator"),r(e,"class",a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-1n2lt5l")},m(s,a){n(s,e,a)},p(s,[t]){1&t&&a!==(a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-1n2lt5l")&&r(e,"class",a)},i:o,o:o,d(s){s&&l(e)}}}function d(s,e,a){let t;return m(s,p,(s=>a(0,t=s))),[t]}class u extends s{constructor(s){super(),e(this,s,d,c,a,{},b)}}export{u as default};
 //# sourceMappingURL=sidebar-separator.nested.js.map

package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js

@@ -1,2 +1,2 @@
-import{G as e,i as s,s as a,H as t,e as l,I as i,d as n,t as r,h as o,b,l as c,m as d,o as u,A as f,y as m,z as p,q as g,v,w as h,B as x,Q as _,D as j,E as w,P as y,F as k}from"../../index-48da6c1f.js";import{a as $}from"../../sidebar-service-e5d3eb89.js";import L from"./sidebar-feature.nested.js";import{E as z}from"../../EventHandler-f7ee47ca.js";function H(e){t(e,"svelte-6es2j1",".mc-sidebar-sub-feature.svelte-6es2j1.svelte-6es2j1{width:320px}.mc-sidebar-sub-feature__trigger.svelte-6es2j1.svelte-6es2j1{background:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;font-size:inherit;font-family:inherit;width:100%;padding:0px 32px}.mc-sidebar-sub-feature__trigger__label.svelte-6es2j1.svelte-6es2j1{font-size:16px;font-weight:700;margin-left:8px;color:#191919}.mc-sidebar-sub-feature__trigger.svelte-6es2j1.svelte-6es2j1:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-sub-feature__trigger.svelte-6es2j1:focus-visible .mc-sidebar-sub-feature__container.svelte-6es2j1{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-sub-feature__icon.svelte-6es2j1.svelte-6es2j1{fill:#191919}.mc-sidebar-sub-feature__container.svelte-6es2j1.svelte-6es2j1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:24px;padding:8px 0px}.mc-sidebar-sub-feature.svelte-6es2j1 ul.svelte-6es2j1{list-style:none;margin:0;padding:0}")}function B(e,s,a){const t=e.slice();return t[6]=s[a],t}function E(e){let s,a,t=e[0]?.items,i=[];for(let s=0;s<t.length;s+=1)i[s]=A(B(e,t,s));const n=e=>m(i[e],1,1,(()=>{i[e]=null}));return{c(){s=l("ul");for(let e=0;e<i.length;e+=1)i[e].c();o(s,"class","svelte-6es2j1")},m(e,t){b(e,s,t);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null);a=!0},p(e,a){if(11&a){let l;for(t=e[0]?.items,l=0;l<t.length;l+=1){const n=B(e,t,l);i[l]?(i[l].p(n,a),f(i[l],1)):(i[l]=A(n),i[l].c(),f(i[l],1),i[l].m(s,null))}for(x(),l=t.length;l<i.length;l+=1)n(l);p()}},i(e){if(!a){for(let e=0;e<t.length;e+=1)f(i[e]);a=!0}},o(e){i=i.filter(Boolean);for(let e=0;e<i.length;e+=1)m(i[e]);a=!1},d(e){e&&g(s),_(i,e)}}}function A(e){let s,a,t,i,r,u;function p(){return e[4](e[6])}return a=new L({props:{feature:e[6],a11yLabels:e[1]}}),{c(){s=l("li"),j(a.$$.fragment),t=n(),o(s,"class","mc-sidebar-sub-feature__item")},m(e,l){b(e,s,l),w(a,s,null),c(s,t),i=!0,r||(u=d(s,"click",y(p)),r=!0)},p(s,t){e=s;const l={};1&t&&(l.feature=e[6]),2&t&&(l.a11yLabels=e[1]),a.$set(l)},i(e){i||(f(a.$$.fragment,e),i=!0)},o(e){m(a.$$.fragment,e),i=!1},d(e){e&&g(s),k(a),r=!1,u()}}}function M(e){let s,a,t,v,h,_,j,w,y,k,$,L,z,H,B=e[0]?.label+"",A=e[0]?.items?.length&&E(e);return{c(){s=l("div"),a=l("button"),t=l("span"),v=i("svg"),h=i("path"),_=i("path"),j=n(),w=l("span"),y=r(B),k=n(),A&&A.c(),o(h,"d","M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z"),o(_,"d","M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z"),o(v,"class","mc-sidebar-sub-feature__icon svelte-6es2j1"),o(v,"width","24px"),o(v,"height","24px"),o(v,"viewBox","0 0 24 24"),o(w,"class","mc-sidebar-sub-feature__trigger__label svelte-6es2j1"),o(t,"class","mc-sidebar-sub-feature__container svelte-6es2j1"),o(a,"class","mc-sidebar-sub-feature__trigger svelte-6es2j1"),o(s,"class","mc-sidebar-sub-feature svelte-6es2j1"),o(s,"aria-label",$=e[0]?.label)},m(l,i){b(l,s,i),c(s,a),c(a,t),c(t,v),c(v,h),c(v,_),c(t,j),c(t,w),c(w,y),c(s,k),A&&A.m(s,null),L=!0,z||(H=d(a,"click",e[2]),z=!0)},p(e,[a]){(!L||1&a)&&B!==(B=e[0]?.label+"")&&u(y,B),e[0]?.items?.length?A?(A.p(e,a),1&a&&f(A,1)):(A=E(e),A.c(),f(A,1),A.m(s,null)):A&&(x(),m(A,1,1,(()=>{A=null})),p()),(!L||1&a&&$!==($=e[0]?.label))&&o(s,"aria-label",$)},i(e){L||(f(A),L=!0)},o(e){m(A),L=!1},d(e){e&&g(s),A&&A.d(),z=!1,H()}}}function q(e,s,a){let{data:t}=s,{a11yLabels:l}=s,i=new z(v(),h());function n(e){e.disabled||$(e.code)}return e.$$set=e=>{"data"in e&&a(0,t=e.data),"a11yLabels"in e&&a(1,l=e.a11yLabels)},[t,l,function(){i.dispatch("back-click",t)},n,e=>n(e)]}class D extends e{constructor(e){super(),s(this,e,q,M,a,{data:0,a11yLabels:1},H)}}export{D as default};
+import{H as e,i as s,s as a,I as t,e as l,J as i,d as n,v as r,h as o,b,k as c,x as d,y as u,B as f,z as m,A as p,m as g,q as v,r as x,C as h,R as _,E as j,F as w,Q as y,G as k}from"../../index-c222d0b7.js";import{a as $}from"../../sidebar-service-8aa10fb1.js";import L from"./sidebar-feature.nested.js";import{E as z}from"../../EventHandler-f7ee47ca.js";function H(e){t(e,"svelte-6es2j1",".mc-sidebar-sub-feature.svelte-6es2j1.svelte-6es2j1{width:320px}.mc-sidebar-sub-feature__trigger.svelte-6es2j1.svelte-6es2j1{background:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;font-size:inherit;font-family:inherit;width:100%;padding:0px 32px}.mc-sidebar-sub-feature__trigger__label.svelte-6es2j1.svelte-6es2j1{font-size:16px;font-weight:700;margin-left:8px;color:#191919}.mc-sidebar-sub-feature__trigger.svelte-6es2j1.svelte-6es2j1:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-sub-feature__trigger.svelte-6es2j1:focus-visible .mc-sidebar-sub-feature__container.svelte-6es2j1{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-sub-feature__icon.svelte-6es2j1.svelte-6es2j1{fill:#191919}.mc-sidebar-sub-feature__container.svelte-6es2j1.svelte-6es2j1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:24px;padding:8px 0px}.mc-sidebar-sub-feature.svelte-6es2j1 ul.svelte-6es2j1{list-style:none;margin:0;padding:0}")}function B(e,s,a){const t=e.slice();return t[6]=s[a],t}function E(e){let s,a,t=e[0]?.items,i=[];for(let s=0;s<t.length;s+=1)i[s]=A(B(e,t,s));const n=e=>m(i[e],1,1,(()=>{i[e]=null}));return{c(){s=l("ul");for(let e=0;e<i.length;e+=1)i[e].c();o(s,"class","svelte-6es2j1")},m(e,t){b(e,s,t);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null);a=!0},p(e,a){if(11&a){let l;for(t=e[0]?.items,l=0;l<t.length;l+=1){const n=B(e,t,l);i[l]?(i[l].p(n,a),f(i[l],1)):(i[l]=A(n),i[l].c(),f(i[l],1),i[l].m(s,null))}for(h(),l=t.length;l<i.length;l+=1)n(l);p()}},i(e){if(!a){for(let e=0;e<t.length;e+=1)f(i[e]);a=!0}},o(e){i=i.filter(Boolean);for(let e=0;e<i.length;e+=1)m(i[e]);a=!1},d(e){e&&g(s),_(i,e)}}}function A(e){let s,a,t,i,r,u;function p(){return e[4](e[6])}return a=new L({props:{feature:e[6],a11yLabels:e[1]}}),{c(){s=l("li"),j(a.$$.fragment),t=n(),o(s,"class","mc-sidebar-sub-feature__item")},m(e,l){b(e,s,l),w(a,s,null),c(s,t),i=!0,r||(u=d(s,"click",y(p)),r=!0)},p(s,t){e=s;const l={};1&t&&(l.feature=e[6]),2&t&&(l.a11yLabels=e[1]),a.$set(l)},i(e){i||(f(a.$$.fragment,e),i=!0)},o(e){m(a.$$.fragment,e),i=!1},d(e){e&&g(s),k(a),r=!1,u()}}}function M(e){let s,a,t,v,x,_,j,w,y,k,$,L,z,H,B=e[0]?.label+"",A=e[0]?.items?.length&&E(e);return{c(){s=l("div"),a=l("button"),t=l("span"),v=i("svg"),x=i("path"),_=i("path"),j=n(),w=l("span"),y=r(B),k=n(),A&&A.c(),o(x,"d","M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z"),o(_,"d","M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z"),o(v,"class","mc-sidebar-sub-feature__icon svelte-6es2j1"),o(v,"width","24px"),o(v,"height","24px"),o(v,"viewBox","0 0 24 24"),o(w,"class","mc-sidebar-sub-feature__trigger__label svelte-6es2j1"),o(t,"class","mc-sidebar-sub-feature__container svelte-6es2j1"),o(a,"class","mc-sidebar-sub-feature__trigger svelte-6es2j1"),o(s,"class","mc-sidebar-sub-feature svelte-6es2j1"),o(s,"aria-label",$=e[0]?.label)},m(l,i){b(l,s,i),c(s,a),c(a,t),c(t,v),c(v,x),c(v,_),c(t,j),c(t,w),c(w,y),c(s,k),A&&A.m(s,null),L=!0,z||(H=d(a,"click",e[2]),z=!0)},p(e,[a]){(!L||1&a)&&B!==(B=e[0]?.label+"")&&u(y,B),e[0]?.items?.length?A?(A.p(e,a),1&a&&f(A,1)):(A=E(e),A.c(),f(A,1),A.m(s,null)):A&&(h(),m(A,1,1,(()=>{A=null})),p()),(!L||1&a&&$!==($=e[0]?.label))&&o(s,"aria-label",$)},i(e){L||(f(A),L=!0)},o(e){m(A),L=!1},d(e){e&&g(s),A&&A.d(),z=!1,H()}}}function q(e,s,a){let{data:t}=s,{a11yLabels:l}=s,i=new z(v(),x());function n(e){e.disabled||$(e.code)}return e.$$set=e=>{"data"in e&&a(0,t=e.data),"a11yLabels"in e&&a(1,l=e.a11yLabels)},[t,l,function(){i.dispatch("back-click",t)},n,e=>n(e)]}class C extends e{constructor(e){super(),s(this,e,q,M,a,{data:0,a11yLabels:1},H)}}export{C as default};
 //# sourceMappingURL=sidebar-sub-features.nested.js.map

package/public/bricoman/components/sidebar/sidebar-sub-features.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-sub-features.nested.js","sources":["../../../../src/components/sidebar/sidebar-sub-features.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import { selectFeature } from '../../utilities/sidebar-service';\n  import type { A11yLabels, Feature } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let data: Feature;\n  export let a11yLabels: A11yLabels;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function handleBackClick(): void {\n    eventHandler.dispatch('back-click', data);\n  }\n\n  function handleFeatureClick(feature: Feature): void {\n    if (!feature.disabled) {\n      selectFeature(feature.code);\n    }\n  }\n</script>\n\n<div class=\"mc-sidebar-sub-feature\" aria-label={data?.label}>\n  <button class=\"mc-sidebar-sub-feature__trigger\" on:click={handleBackClick}>\n    <span class=\"mc-sidebar-sub-feature__container\">\n      <svg\n        class=\"mc-sidebar-sub-feature__icon\"\n        width=\"24px\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        ><path\n          d=\"M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z\"\n        /><path d=\"M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z\" /></svg\n      >\n      <span class=\"mc-sidebar-sub-feature__trigger__label\">{data?.label}</span>\n    </span>\n  </button>\n  {#if data?.items?.length}\n    <ul>\n      {#each data?.items as feature}\n        <li\n          class=\"mc-sidebar-sub-feature__item\"\n          on:click|stopPropagation={() => handleFeatureClick(feature)}\n        >\n          <FeatureComponent {feature} {a11yLabels} />\n        </li>\n      {/each}\n    </ul>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-sub-feature {\n    width: 320px;\n\n    &__trigger {\n      background: none;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      font-family: inherit;\n      width: 100%;\n      padding: 0px 32px;\n\n      &__label {\n        font-size: 16px;\n        font-weight: 700;\n        margin-left: 8px;\n        color: $color-sidebar-text-color;\n      }\n\n      &:focus-visible {\n        box-shadow: none;\n        border: none;\n        outline: none;\n\n        .mc-sidebar-sub-feature__container {\n          box-shadow: none;\n          border: none;\n          border-radius: 6px;\n          outline: 1px solid #0b96cc;\n        }\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      height: 24px;\n      padding: 8px 0px;\n    }\n\n    ul {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n</style>\n"],"names":["each_value","ctx","items","length","i","insert","target","ul","anchor","each_blocks","li","t1_value","label","create_if_block","attr","div","div_aria_label_value","append","button","span1","svg","path0","path1","span0","current","dirty","set_data","t1","data","$$props","a11yLabels","eventHandler","EventHandler","get_current_component","createEventDispatcher","handleFeatureClick","feature","disabled","selectFeature","code","dispatch"],"mappings":"4lDAgDaA,EAAAC,MAAMC,2BAAXC,OAAIC,GAAA,2JADRC,EASIC,EAAAC,EAAAC,oFARKR,EAAAC,MAAMC,cAAXC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAK,EAAAN,OAAAC,GAAA,yCAAJD,OAAIC,GAAA,wTACJC,EAKIC,EAAAI,EAAAF,sRAXgDG,EAAAV,MAAMW,MAAK,KAGhEX,EAAI,IAAEC,OAAOC,QAAMU,EAAAZ,6pBAfsBa,EAAAC,EAAA,aAAAC,EAAAf,MAAMW,eAAtDP,EA2BKC,EAAAS,EAAAP,GA1BHS,EAaQF,EAAAG,GAZND,EAWMC,EAAAC,GAVJF,EAQAE,EAAAC,GAHGH,EAECG,EAAAC,GAAAJ,EAAoDG,EAAAE,UAExDL,EAAwEE,EAAAI,uDAXlBtB,EAAe,sBAWfuB,GAAA,EAAAC,IAAAd,KAAAA,EAAAV,MAAMW,MAAK,KAAAc,EAAAC,EAAAhB,GAGhEV,EAAI,IAAEC,OAAOC,yGAf4BqB,GAAA,EAAAC,GAAAT,KAAAA,EAAAf,MAAMW,+HAnBzCgB,GAAaC,cACbC,GAAsBD,EAE7BE,EAAmB,IAAAC,EACrBC,IACAC,KAOO,SAAAC,EAAmBC,GACrBA,EAAQC,UACXC,EAAcF,EAAQG,0GALxBR,EAAaS,SAAS,aAAcZ,MA8BEQ,GAAAD,EAAmBC"}
+{"version":3,"file":"sidebar-sub-features.nested.js","sources":["../../../../src/components/sidebar/sidebar-sub-features.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import { selectFeature } from '../../utilities/sidebar-service';\n  import type { A11yLabels, Feature } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let data: Feature;\n  export let a11yLabels: A11yLabels;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function handleBackClick(): void {\n    eventHandler.dispatch('back-click', data);\n  }\n\n  function handleFeatureClick(feature: Feature): void {\n    if (!feature.disabled) {\n      selectFeature(feature.code);\n    }\n  }\n</script>\n\n<div class=\"mc-sidebar-sub-feature\" aria-label={data?.label}>\n  <button class=\"mc-sidebar-sub-feature__trigger\" on:click={handleBackClick}>\n    <span class=\"mc-sidebar-sub-feature__container\">\n      <svg\n        class=\"mc-sidebar-sub-feature__icon\"\n        width=\"24px\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        ><path\n          d=\"M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z\"\n        /><path d=\"M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z\" /></svg\n      >\n      <span class=\"mc-sidebar-sub-feature__trigger__label\">{data?.label}</span>\n    </span>\n  </button>\n  {#if data?.items?.length}\n    <ul>\n      {#each data?.items as feature}\n        <li\n          class=\"mc-sidebar-sub-feature__item\"\n          on:click|stopPropagation={() => handleFeatureClick(feature)}\n        >\n          <FeatureComponent {feature} {a11yLabels} />\n        </li>\n      {/each}\n    </ul>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-sub-feature {\n    width: 320px;\n\n    &__trigger {\n      background: none;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      font-family: inherit;\n      width: 100%;\n      padding: 0px 32px;\n\n      &__label {\n        font-size: 16px;\n        font-weight: 700;\n        margin-left: 8px;\n        color: $color-sidebar-text-color;\n      }\n\n      &:focus-visible {\n        box-shadow: none;\n        border: none;\n        outline: none;\n\n        .mc-sidebar-sub-feature__container {\n          box-shadow: none;\n          border: none;\n          border-radius: 6px;\n          outline: 1px solid #0b96cc;\n        }\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      height: 24px;\n      padding: 8px 0px;\n    }\n\n    ul {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n</style>\n"],"names":["each_value","ctx","items","length","i","insert","target","ul","anchor","each_blocks","li","t1_value","label","create_if_block","attr","div","div_aria_label_value","append","button","span1","svg","path0","path1","span0","current","dirty","set_data","t1","data","$$props","a11yLabels","eventHandler","EventHandler","get_current_component","createEventDispatcher","handleFeatureClick","feature","disabled","selectFeature","code","dispatch"],"mappings":"imDAgDaA,EAAAC,MAAMC,2BAAXC,OAAIC,GAAA,2JADRC,EASIC,EAAAC,EAAAC,oFARKR,EAAAC,MAAMC,cAAXC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAK,EAAAN,OAAAC,GAAA,yCAAJD,OAAIC,GAAA,wTACJC,EAKIC,EAAAI,EAAAF,sRAXgDG,EAAAV,MAAMW,MAAK,KAGhEX,EAAI,IAAEC,OAAOC,QAAMU,EAAAZ,6pBAfsBa,EAAAC,EAAA,aAAAC,EAAAf,MAAMW,eAAtDP,EA2BKC,EAAAS,EAAAP,GA1BHS,EAaQF,EAAAG,GAZND,EAWMC,EAAAC,GAVJF,EAQAE,EAAAC,GAHGH,EAECG,EAAAC,GAAAJ,EAAoDG,EAAAE,UAExDL,EAAwEE,EAAAI,uDAXlBtB,EAAe,sBAWfuB,GAAA,EAAAC,IAAAd,KAAAA,EAAAV,MAAMW,MAAK,KAAAc,EAAAC,EAAAhB,GAGhEV,EAAI,IAAEC,OAAOC,yGAf4BqB,GAAA,EAAAC,GAAAT,KAAAA,EAAAf,MAAMW,+HAnBzCgB,GAAaC,cACbC,GAAsBD,EAE7BE,EAAmB,IAAAC,EACrBC,IACAC,KAOO,SAAAC,EAAmBC,GACrBA,EAAQC,UACXC,EAAcF,EAAQG,0GALxBR,EAAaS,SAAS,aAAcZ,MA8BEQ,GAAAD,EAAmBC"}

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

@@ -1,2 +1,2 @@
-import{G as e,i as t,s,H as a,R as i,b as n,A as r,y as l,z as d,q as o,ag as c,e as m,d as u,h as p,l as b,m as h,B as f,t as _,o as x,Q as g,D as v,E as w,P as y,F as k,J as $,I as L,n as z,L as B,a4 as j}from"../../index-48da6c1f.js";import{t as A,a as C,i as M}from"../../sidebar-service-e5d3eb89.js";import N from"./sidebar-feature.nested.js";function H(e){a(e,"svelte-5a6mtd",".mc-sidebar-user.svelte-5a6mtd.svelte-5a6mtd{left:0;right:0;bottom:0;position:absolute;background:#ffbf6b}.mc-sidebar-user__header.svelte-5a6mtd.svelte-5a6mtd{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-5a6mtd.svelte-5a6mtd: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-5a6mtd.svelte-5a6mtd:hover{cursor:pointer}.mc-sidebar-user__header.svelte-5a6mtd:hover .mc-sidebar-user__header__information__icon.svelte-5a6mtd{background:#ff941a}.mc-sidebar-user__header__picture.svelte-5a6mtd.svelte-5a6mtd{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-5a6mtd img.svelte-5a6mtd{display:block}.mc-sidebar-user__header__information.svelte-5a6mtd.svelte-5a6mtd{-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-5a6mtd.svelte-5a6mtd{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-5a6mtd.svelte-5a6mtd{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-5a6mtd.svelte-5a6mtd,.mc-sidebar-user__header__information__identity.svelte-5a6mtd.svelte-5a6mtd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-5a6mtd.svelte-5a6mtd{fill:#191919}.mc-sidebar-user__content.svelte-5a6mtd.svelte-5a6mtd{list-style-type:none;padding:0;overflow:hidden;margin:-8px 0px 24px 0px;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mc-sidebar-user__content.is-close.svelte-5a6mtd.svelte-5a6mtd{height:0;margin:0}.mc-sidebar-user.is-close.svelte-5a6mtd .mc-sidebar-user__header.svelte-5a6mtd{-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-5a6mtd .mc-sidebar-user__header.svelte-5a6mtd{-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 24px 12px 32px;margin:8px 0}")}function q(e,t,s){const a=e.slice();return a[11]=t[s],a}function E(e){let t,s,a,i,c,_,x,g,v,w,y;function k(e,t){return e[0].imageBase64?V:F}let $=k(e),L=$(e),z=e[4]&&D(e),B=e[1]?.length&&G(e);return{c(){t=m("div"),s=m("button"),a=m("span"),L.c(),i=u(),z&&z.c(),x=u(),B&&B.c(),p(a,"class","mc-sidebar-user__header__picture svelte-5a6mtd"),p(s,"aria-expanded",c=e[4]&&e[3]),p(s,"class","mc-sidebar-user__header svelte-5a6mtd"),p(s,"aria-label",_=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"),p(s,"aria-controls","user-content"),p(s,"id","user-trigger"),p(t,"class",g="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-5a6mtd")},m(r,l){n(r,t,l),b(t,s),b(s,a),L.m(a,null),b(s,i),z&&z.m(s,null),b(t,x),B&&B.m(t,null),v=!0,w||(y=h(t,"click",e[6]),w=!0)},p(e,i){$===($=k(e))&&L?L.p(e,i):(L.d(1),L=$(e),L&&(L.c(),L.m(a,null))),e[4]?z?z.p(e,i):(z=D(e),z.c(),z.m(s,null)):z&&(z.d(1),z=null),(!v||24&i&&c!==(c=e[4]&&e[3]))&&p(s,"aria-expanded",c),(!v||28&i&&_!==(_=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&p(s,"aria-label",_),e[1]?.length?B?(B.p(e,i),2&i&&r(B,1)):(B=G(e),B.c(),r(B,1),B.m(t,null)):B&&(f(),l(B,1,1,(()=>{B=null})),d()),(!v||16&i&&g!==(g="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-5a6mtd"))&&p(t,"class",g)},i(e){v||(r(B),v=!0)},o(e){l(B),v=!1},d(e){e&&o(t),L.d(),z&&z.d(),B&&B.d(),w=!1,y()}}}function F(e){let t,s;return{c(){t=L("svg"),s=L("path"),p(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"),p(t,"class","mc-sidebar-user__icon svelte-5a6mtd"),p(t,"width","24px"),p(t,"height","24px"),p(t,"viewBox","0 0 24 24")},m(e,a){n(e,t,a),b(t,s)},p:z,d(e){e&&o(t)}}}function V(e){let t,s;return{c(){t=m("img"),p(t,"class","base64 svelte-5a6mtd"),B(t,"display","block"),B(t,"width","auto"),B(t,"height","48px"),B(t,"max-width","48px"),p(t,"aria-hidden",""),p(t,"alt","User Picture"),j(t.src,s="data:image/png;base64, "+e[0].imageBase64)||p(t,"src",s)},m(e,s){n(e,t,s)},p(e,a){1&a&&!j(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&p(t,"src",s)},d(e){e&&o(t)}}}function D(e){let t,s,a,r,l,d,c,h,f=(e[0]?.firstName||"")+"",g=(e[0]?.lastName||"")+"",v=e[0]?.title&&O(e),w=e[1]?.length&&P(e);return{c(){t=m("p"),s=m("span"),a=_(f),r=u(),l=_(g),d=u(),v&&v.c(),c=u(),w&&w.c(),h=i(),p(s,"class","mc-sidebar-user__header__information__identity svelte-5a6mtd"),p(t,"class","mc-sidebar-user__header__information svelte-5a6mtd")},m(e,i){n(e,t,i),b(t,s),b(s,a),b(s,r),b(s,l),b(t,d),v&&v.m(t,null),n(e,c,i),w&&w.m(e,i),n(e,h,i)},p(e,s){1&s&&f!==(f=(e[0]?.firstName||"")+"")&&x(a,f),1&s&&g!==(g=(e[0]?.lastName||"")+"")&&x(l,g),e[0]?.title?v?v.p(e,s):(v=O(e),v.c(),v.m(t,null)):v&&(v.d(1),v=null),e[1]?.length?w?w.p(e,s):(w=P(e),w.c(),w.m(h.parentNode,h)):w&&(w.d(1),w=null)},d(e){e&&o(t),v&&v.d(),e&&o(c),w&&w.d(e),e&&o(h)}}}function O(e){let t,s,a=Q(e[0].title)+"";return{c(){t=m("span"),s=_(a),p(t,"class","mc-sidebar-user__header__information__title svelte-5a6mtd")},m(e,a){n(e,t,a),b(t,s)},p(e,t){1&t&&a!==(a=Q(e[0].title)+"")&&x(s,a)},d(e){e&&o(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let a=s(e),i=a(e);return{c(){t=m("span"),i.c(),p(t,"class","mc-sidebar-user__header__information__icon svelte-5a6mtd")},m(e,s){n(e,t,s),i.m(t,null)},p(e,n){a!==(a=s(e))&&(i.d(1),i=a(e),i&&(i.c(),i.m(t,null)))},d(e){e&&o(t),i.d()}}}function S(e){let t,s;return{c(){t=L("svg"),s=L("path"),p(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),p(t,"width","16px"),p(t,"height","16px"),p(t,"class","mc-sidebar-user__icon svelte-5a6mtd"),p(t,"viewBox","0 0 16 16")},m(e,a){n(e,t,a),b(t,s)},d(e){e&&o(t)}}}function U(e){let t,s;return{c(){t=L("svg"),s=L("path"),p(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),p(t,"class","mc-sidebar-user__icon svelte-5a6mtd"),p(t,"width","16px"),p(t,"height","16px"),p(t,"viewBox","0 0 16 16")},m(e,a){n(e,t,a),b(t,s)},d(e){e&&o(t)}}}function G(e){let t,s,a,i=e[1],c=[];for(let t=0;t<i.length;t+=1)c[t]=I(q(e,i,t));const u=e=>l(c[e],1,1,(()=>{c[e]=null}));return{c(){t=m("ul");for(let e=0;e<c.length;e+=1)c[e].c();p(t,"aria-hidden",s=!e[4]||!e[3]),p(t,"class","mc-sidebar-user__content is-close svelte-5a6mtd"),p(t,"id","user-content")},m(s,i){n(s,t,i);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);e[9](t),a=!0},p(e,n){if(134&n){let s;for(i=e[1],s=0;s<i.length;s+=1){const a=q(e,i,s);c[s]?(c[s].p(a,n),r(c[s],1)):(c[s]=I(a),c[s].c(),r(c[s],1),c[s].m(t,null))}for(f(),s=i.length;s<c.length;s+=1)u(s);d()}(!a||24&n&&s!==(s=!e[4]||!e[3]))&&p(t,"aria-hidden",s)},i(e){if(!a){for(let e=0;e<i.length;e+=1)r(c[e]);a=!0}},o(e){c=c.filter(Boolean);for(let e=0;e<c.length;e+=1)l(c[e]);a=!1},d(s){s&&o(t),g(c,s),e[9](null)}}}function I(e){let t,s,a,i,d,c;function p(){return e[8](e[11])}return s=new N({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=m("li"),v(s.$$.fragment),a=u()},m(e,r){n(e,t,r),w(s,t,null),b(t,a),i=!0,d||(c=h(t,"click",y(p)),d=!0)},p(t,a){e=t;const i={};2&a&&(i.feature=e[11]),4&a&&(i.a11yLabels=e[2]),s.$set(i)},i(e){i||(r(s.$$.fragment,e),i=!0)},o(e){l(s.$$.fragment,e),i=!1},d(e){e&&o(t),k(s),d=!1,c()}}}function J(e){let t,s,a=e[0]&&E(e);return{c(){a&&a.c(),t=i()},m(e,i){a&&a.m(e,i),n(e,t,i),s=!0},p(e,[s]){e[0]?a?(a.p(e,s),1&s&&r(a,1)):(a=E(e),a.c(),r(a,1),a.m(t.parentNode,t)):a&&(f(),l(a,1,1,(()=>{a=null})),d())},i(e){s||(r(a),s=!0)},o(e){l(a),s=!1},d(e){a&&a.d(e),e&&o(t)}}}function Q(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 R(e,t,s){let a;c(e,M,(e=>s(4,a=e)));let i,{user:n}=t,{data:r}=t,{a11yLabels:l}=t,d=!1;function o(e){e.disabled||C(e.code)}return e.$$set=e=>{"user"in e&&s(0,n=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(i){s(5,i.style.height="",i),s(5,i.style.transition="none",i);const a=window.getComputedStyle(i).height;i.classList.add(t&&e?"is-open":"is-close"),i.classList.remove(t&&e?"is-close":"is-open");const n=window.getComputedStyle(i).height;s(5,i.style.height=a,i),requestAnimationFrame((()=>{s(5,i.style.transition="",i),requestAnimationFrame((()=>{s(5,i.style.height=n,i)}))}));const r=()=>{s(5,i.style.height="",i),i.removeEventListener("transitionend",r)};i.addEventListener("transitionend",r)}}(d,a)},[n,r,l,d,a,i,function(){a?s(3,d=!d):(A(!0),s(3,d=!0))},o,e=>o(e),function(e){$[e?"unshift":"push"]((()=>{i=e,s(5,i)}))}]}class K extends e{constructor(e){super(),t(this,e,R,J,s,{user:0,data:1,a11yLabels:2},H)}}export{K as default};
+import{H as e,i as t,s,I as a,T as i,b as n,B as r,z as l,A as d,m as o,ag as c,e as m,d as u,h as p,k as b,x as h,C as f,v as _,y as x,R as g,E as v,F as w,Q as y,G as k,K as $,J as L,n as z,M as B,a5 as j}from"../../index-c222d0b7.js";import{t as C,a as M,i as A}from"../../sidebar-service-8aa10fb1.js";import N from"./sidebar-feature.nested.js";function H(e){a(e,"svelte-5a6mtd",".mc-sidebar-user.svelte-5a6mtd.svelte-5a6mtd{left:0;right:0;bottom:0;position:absolute;background:#ffbf6b}.mc-sidebar-user__header.svelte-5a6mtd.svelte-5a6mtd{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-5a6mtd.svelte-5a6mtd: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-5a6mtd.svelte-5a6mtd:hover{cursor:pointer}.mc-sidebar-user__header.svelte-5a6mtd:hover .mc-sidebar-user__header__information__icon.svelte-5a6mtd{background:#ff941a}.mc-sidebar-user__header__picture.svelte-5a6mtd.svelte-5a6mtd{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-5a6mtd img.svelte-5a6mtd{display:block}.mc-sidebar-user__header__information.svelte-5a6mtd.svelte-5a6mtd{-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-5a6mtd.svelte-5a6mtd{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-5a6mtd.svelte-5a6mtd{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-5a6mtd.svelte-5a6mtd,.mc-sidebar-user__header__information__identity.svelte-5a6mtd.svelte-5a6mtd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-5a6mtd.svelte-5a6mtd{fill:#191919}.mc-sidebar-user__content.svelte-5a6mtd.svelte-5a6mtd{list-style-type:none;padding:0;overflow:hidden;margin:-8px 0px 24px 0px;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mc-sidebar-user__content.is-close.svelte-5a6mtd.svelte-5a6mtd{height:0;margin:0}.mc-sidebar-user.is-close.svelte-5a6mtd .mc-sidebar-user__header.svelte-5a6mtd{-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-5a6mtd .mc-sidebar-user__header.svelte-5a6mtd{-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 a=e.slice();return a[11]=t[s],a}function F(e){let t,s,a,i,c,_,x,g,v,w,y;function k(e,t){return e[0].imageBase64?q:V}let $=k(e),L=$(e),z=e[4]&&O(e),B=e[1]?.length&&I(e);return{c(){t=m("div"),s=m("button"),a=m("span"),L.c(),i=u(),z&&z.c(),x=u(),B&&B.c(),p(a,"class","mc-sidebar-user__header__picture svelte-5a6mtd"),p(s,"aria-expanded",c=e[4]&&e[3]),p(s,"class","mc-sidebar-user__header svelte-5a6mtd"),p(s,"aria-label",_=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"),p(s,"aria-controls","user-content"),p(s,"id","user-trigger"),p(t,"class",g="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-5a6mtd")},m(r,l){n(r,t,l),b(t,s),b(s,a),L.m(a,null),b(s,i),z&&z.m(s,null),b(t,x),B&&B.m(t,null),v=!0,w||(y=h(t,"click",e[6]),w=!0)},p(e,i){$===($=k(e))&&L?L.p(e,i):(L.d(1),L=$(e),L&&(L.c(),L.m(a,null))),e[4]?z?z.p(e,i):(z=O(e),z.c(),z.m(s,null)):z&&(z.d(1),z=null),(!v||24&i&&c!==(c=e[4]&&e[3]))&&p(s,"aria-expanded",c),(!v||28&i&&_!==(_=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&p(s,"aria-label",_),e[1]?.length?B?(B.p(e,i),2&i&&r(B,1)):(B=I(e),B.c(),r(B,1),B.m(t,null)):B&&(f(),l(B,1,1,(()=>{B=null})),d()),(!v||16&i&&g!==(g="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-5a6mtd"))&&p(t,"class",g)},i(e){v||(r(B),v=!0)},o(e){l(B),v=!1},d(e){e&&o(t),L.d(),z&&z.d(),B&&B.d(),w=!1,y()}}}function V(e){let t,s;return{c(){t=L("svg"),s=L("path"),p(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"),p(t,"class","mc-sidebar-user__icon svelte-5a6mtd"),p(t,"width","24px"),p(t,"height","24px"),p(t,"viewBox","0 0 24 24")},m(e,a){n(e,t,a),b(t,s)},p:z,d(e){e&&o(t)}}}function q(e){let t,s;return{c(){t=m("img"),p(t,"class","base64 svelte-5a6mtd"),B(t,"display","block"),B(t,"width","auto"),B(t,"height","48px"),B(t,"max-width","48px"),p(t,"aria-hidden",""),p(t,"alt","User Picture"),j(t.src,s="data:image/png;base64, "+e[0].imageBase64)||p(t,"src",s)},m(e,s){n(e,t,s)},p(e,a){1&a&&!j(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&p(t,"src",s)},d(e){e&&o(t)}}}function O(e){let t,s,a,r,l,d,c,h,f=(e[0]?.firstName||"")+"",g=(e[0]?.lastName||"")+"",v=e[0]?.title&&S(e),w=e[1]?.length&&U(e);return{c(){t=m("p"),s=m("span"),a=_(f),r=u(),l=_(g),d=u(),v&&v.c(),c=u(),w&&w.c(),h=i(),p(s,"class","mc-sidebar-user__header__information__identity svelte-5a6mtd"),p(t,"class","mc-sidebar-user__header__information svelte-5a6mtd")},m(e,i){n(e,t,i),b(t,s),b(s,a),b(s,r),b(s,l),b(t,d),v&&v.m(t,null),n(e,c,i),w&&w.m(e,i),n(e,h,i)},p(e,s){1&s&&f!==(f=(e[0]?.firstName||"")+"")&&x(a,f),1&s&&g!==(g=(e[0]?.lastName||"")+"")&&x(l,g),e[0]?.title?v?v.p(e,s):(v=S(e),v.c(),v.m(t,null)):v&&(v.d(1),v=null),e[1]?.length?w?w.p(e,s):(w=U(e),w.c(),w.m(h.parentNode,h)):w&&(w.d(1),w=null)},d(e){e&&o(t),v&&v.d(),e&&o(c),w&&w.d(e),e&&o(h)}}}function S(e){let t,s,a=P(e[0].title)+"";return{c(){t=m("span"),s=_(a),p(t,"class","mc-sidebar-user__header__information__title svelte-5a6mtd")},m(e,a){n(e,t,a),b(t,s)},p(e,t){1&t&&a!==(a=P(e[0].title)+"")&&x(s,a)},d(e){e&&o(t)}}}function U(e){let t;function s(e,t){return e[4]&&!e[3]?G:D}let a=s(e),i=a(e);return{c(){t=m("span"),i.c(),p(t,"class","mc-sidebar-user__header__information__icon svelte-5a6mtd")},m(e,s){n(e,t,s),i.m(t,null)},p(e,n){a!==(a=s(e))&&(i.d(1),i=a(e),i&&(i.c(),i.m(t,null)))},d(e){e&&o(t),i.d()}}}function D(e){let t,s;return{c(){t=L("svg"),s=L("path"),p(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),p(t,"width","16px"),p(t,"height","16px"),p(t,"class","mc-sidebar-user__icon svelte-5a6mtd"),p(t,"viewBox","0 0 16 16")},m(e,a){n(e,t,a),b(t,s)},d(e){e&&o(t)}}}function G(e){let t,s;return{c(){t=L("svg"),s=L("path"),p(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),p(t,"class","mc-sidebar-user__icon svelte-5a6mtd"),p(t,"width","16px"),p(t,"height","16px"),p(t,"viewBox","0 0 16 16")},m(e,a){n(e,t,a),b(t,s)},d(e){e&&o(t)}}}function I(e){let t,s,a,i=e[1],c=[];for(let t=0;t<i.length;t+=1)c[t]=J(E(e,i,t));const u=e=>l(c[e],1,1,(()=>{c[e]=null}));return{c(){t=m("ul");for(let e=0;e<c.length;e+=1)c[e].c();p(t,"aria-hidden",s=!e[4]||!e[3]),p(t,"class","mc-sidebar-user__content is-close svelte-5a6mtd"),p(t,"id","user-content")},m(s,i){n(s,t,i);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);e[9](t),a=!0},p(e,n){if(134&n){let s;for(i=e[1],s=0;s<i.length;s+=1){const a=E(e,i,s);c[s]?(c[s].p(a,n),r(c[s],1)):(c[s]=J(a),c[s].c(),r(c[s],1),c[s].m(t,null))}for(f(),s=i.length;s<c.length;s+=1)u(s);d()}(!a||24&n&&s!==(s=!e[4]||!e[3]))&&p(t,"aria-hidden",s)},i(e){if(!a){for(let e=0;e<i.length;e+=1)r(c[e]);a=!0}},o(e){c=c.filter(Boolean);for(let e=0;e<c.length;e+=1)l(c[e]);a=!1},d(s){s&&o(t),g(c,s),e[9](null)}}}function J(e){let t,s,a,i,d,c;function p(){return e[8](e[11])}return s=new N({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=m("li"),v(s.$$.fragment),a=u()},m(e,r){n(e,t,r),w(s,t,null),b(t,a),i=!0,d||(c=h(t,"click",y(p)),d=!0)},p(t,a){e=t;const i={};2&a&&(i.feature=e[11]),4&a&&(i.a11yLabels=e[2]),s.$set(i)},i(e){i||(r(s.$$.fragment,e),i=!0)},o(e){l(s.$$.fragment,e),i=!1},d(e){e&&o(t),k(s),d=!1,c()}}}function K(e){let t,s,a=e[0]&&F(e);return{c(){a&&a.c(),t=i()},m(e,i){a&&a.m(e,i),n(e,t,i),s=!0},p(e,[s]){e[0]?a?(a.p(e,s),1&s&&r(a,1)):(a=F(e),a.c(),r(a,1),a.m(t.parentNode,t)):a&&(f(),l(a,1,1,(()=>{a=null})),d())},i(e){s||(r(a),s=!0)},o(e){l(a),s=!1},d(e){a&&a.d(e),e&&o(t)}}}function P(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 a;c(e,A,(e=>s(4,a=e)));let i,{user:n}=t,{data:r}=t,{a11yLabels:l}=t,d=!1;function o(e){e.disabled||M(e.code)}return e.$$set=e=>{"user"in e&&s(0,n=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(i){s(5,i.style.height="",i),s(5,i.style.transition="none",i);const a=window.getComputedStyle(i).height;i.classList.add(t&&e?"is-open":"is-close"),i.classList.remove(t&&e?"is-close":"is-open");const n=window.getComputedStyle(i).height;s(5,i.style.height=a,i),requestAnimationFrame((()=>{s(5,i.style.transition="",i),requestAnimationFrame((()=>{s(5,i.style.height=n,i)}))}));const r=()=>{s(5,i.style.height="",i),i.removeEventListener("transitionend",r)};i.addEventListener("transitionend",r)}}(d,a)},[n,r,l,d,a,i,function(){a?s(3,d=!d):(C(!0),s(3,d=!0))},o,e=>o(e),function(e){$[e?"unshift":"push"]((()=>{i=e,s(5,i)}))}]}class R extends e{constructor(e){super(),t(this,e,Q,K,s,{user:0,data:1,a11yLabels:2},H)}}export{R as default};
 //# sourceMappingURL=sidebar-user.nested.js.map

package/public/bricoman/components/sidebar/sidebar.types.d.ts

@@ -7,12 +7,14 @@ export declare class Feature {
     items?: Feature[];
 }
 export interface Segment extends Feature {
-    icon: string;
+    icon?: string;
+    iconPath?: string;
 }
 export interface FeatureGroup {
     label: string;
     code: string;
-    icon: string;
+    icon?: string;
+    iconPath?: string;
     items: Feature[];
 }
 export interface User {

package/public/bricoman/components/sidebar/sidebar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/sidebar.types.ts"],"names":[],"mappings":"AAAA,qBAAa,OAAO;IAClB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,OAAQ,SAAQ,OAAO;IACtC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAMD,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAC1C;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,OAAO,EAAE,EAAE,CAAC;IACvB,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,OAAO,EAAE,CAAC;CAC1B;AAED,MAAM,MAAM,UAAU,GAAG;KACtB,GAAG,IACA,MAAM,GACN,OAAO,GACP,sBAAsB,GACtB,WAAW,GACX,YAAY,GAAG,MAAM;CAC1B,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB"}
+{"version":3,"file":"sidebar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/sidebar.types.ts"],"names":[],"mappings":"AAAA,qBAAa,OAAO;IAClB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,OAAQ,SAAQ,OAAO;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAMD,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAC1C;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,OAAO,EAAE,EAAE,CAAC;IACvB,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,OAAO,EAAE,CAAC;CAC1B;AAED,MAAM,MAAM,UAAU,GAAG;KACtB,GAAG,IACA,MAAM,GACN,OAAO,GACP,sBAAsB,GACtB,WAAW,GACX,YAAY,GAAG,MAAM;CAC1B,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB"}

package/public/bricoman/components/stepper/Stepper.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as r,b as i,f as s,s as p,c,e as o,n,h as a,j as m,l,p as d,q as _,Q as b,r as f,v as x,w as h,x as u,d as g,t as k,L as w,m as v,o as $}from"../../index-48da6c1f.js";import{E as y}from"../../EventHandler-f7ee47ca.js";function z(e,t,r){const i=e.slice();return i[11]=t[r],i[13]=r,i}function C(e){let t,r,s=e[13]+1+"";return{c(){t=o("span"),r=k(s)},m(e,s){i(e,t,s),l(t,r)},d(e){e&&_(t)}}}function j(e){let t;return{c(){t=o("div"),t.innerHTML='<navigation-notification-available-16px name="NotificationAvailable16" size="100%"></navigation-notification-available-16px>',a(t,"class","mc-stepper__icon")},m(e,r){i(e,t,r)},d(e){e&&_(t)}}}function E(e){let t,r,s,p,c,n,m,d,b,f,x,h,u,y,z=e[5](e[1],e[13],e[3])+"",E=e[11].label+"";function L(e,t){return 8&t&&(s=null),null==s&&(s=!!e[4](e[13],e[3])),s?j:e[11].isCurrent?C:void 0}let A=L(e,-1),D=A&&A(e);function H(){return e[8](e[11])}return{c(){t=o("li"),r=o("div"),D&&D.c(),p=g(),c=o("div"),n=o("span"),m=k(z),d=g(),b=o("span"),f=k(E),x=g(),a(r,"class","mc-stepper__indicator"),a(r,"aria-hidden","true"),a(n,"class","mc-stepper__title"),a(b,"class","mc-stepper__label"),a(c,"class","mc-stepper__detail"),a(t,"class",h="mc-stepper__item "+(e[11].isCurrent?"mc-stepper__item--current":"")+" "+(e[4](e[13],e[3])?"mc-stepper__item--validated":"")),w(t,"--steps",e[3].length),w(t,"--current",e[13]+1)},m(e,s){i(e,t,s),l(t,r),D&&D.m(r,null),l(t,p),l(t,c),l(c,n),l(n,m),l(c,d),l(c,b),l(b,f),l(t,x),u||(y=v(t,"click",H),u=!0)},p(i,s){A!==(A=L(e=i,s))&&(D&&D.d(1),D=A&&A(e),D&&(D.c(),D.m(r,null))),10&s&&z!==(z=e[5](e[1],e[13],e[3])+"")&&$(m,z),8&s&&E!==(E=e[11].label+"")&&$(f,E),8&s&&h!==(h="mc-stepper__item "+(e[11].isCurrent?"mc-stepper__item--current":"")+" "+(e[4](e[13],e[3])?"mc-stepper__item--validated":""))&&a(t,"class",h),8&s&&w(t,"--steps",e[3].length)},d(e){e&&_(t),D&&D.d(),u=!1,y()}}}function L(e){let t,r,s,p=e[3],f=[];for(let t=0;t<p.length;t+=1)f[t]=E(z(e,p,t));let x=[{class:s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[3].length>3?"mc-stepper--shrinked":"")},{"aria-label":"accessibilityLabels.stepperDescription"},e[2]],h={};for(let e=0;e<x.length;e+=1)h=c(h,x[e]);return{c(){t=o("nav"),r=o("ol");for(let e=0;e<f.length;e+=1)f[e].c();this.c=n,a(r,"class","mc-stepper__list"),m(t,h)},m(e,s){i(e,t,s),l(t,r);for(let e=0;e<f.length;e+=1)f[e]&&f[e].m(r,null)},p(e,[i]){if(122&i){let t;for(p=e[3],t=0;t<p.length;t+=1){const s=z(e,p,t);f[t]?f[t].p(s,i):(f[t]=E(s),f[t].c(),f[t].m(r,null))}for(;t<f.length;t+=1)f[t].d(1);f.length=p.length}m(t,h=d(x,[9&i&&s!==(s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[3].length>3?"mc-stepper--shrinked":""))&&{class:s},{"aria-label":"accessibilityLabels.stepperDescription"},4&i&&e[2]]))},i:n,o:n,d(e){e&&_(t),b(f,e)}}}function A(e,t,r){let i,s;const p=["steps","compact","steptitleprefix"];let o=f(t,p),{steps:n}=t,{compact:a=!1}=t,{steptitleprefix:m}=t,l=new y(x(),h());function d(e){l.dispatch("step-changed",e)}return e.$$set=e=>{t=c(c({},t),u(e)),r(10,o=f(t,p)),"steps"in e&&r(7,n=e.steps),"compact"in e&&r(0,a=e.compact),"steptitleprefix"in e&&r(1,m=e.steptitleprefix)},e.$$.update=()=>{128&e.$$.dirty&&r(3,i=n?JSON.parse(n):[]),r(2,s=Object.assign({},o)),4&e.$$.dirty&&delete s.class},[a,m,s,i,function(e,t){return e<t.findIndex((e=>e.isCurrent))},function(e,t,r){return`${e?`${e} `:""}${t+1} / ${r.length}`},d,n,e=>d(e)]}class D extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-stepper{width:100%}.mc-stepper__list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-stepper__item{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.mc-stepper__item::before,.mc-stepper__item::after{background-color:#999999;content:"";height:0.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:var(--stepper-item-z-index, 1)}.mc-stepper__item::before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item::after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#0058db}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current::before{background-color:#0058db}.mc-stepper__item--current .mc-stepper__indicator{background-color:#0058db;color:#ffffff}.mc-stepper__item--current .mc-stepper__label{color:#000000}.mc-stepper__item--validated::before,.mc-stepper__item--validated:not(.mc-stepper__item--current)::after{background-color:#0058db}.mc-stepper__link{cursor:pointer;height:100%;outline:none;text-decoration:none;width:100%}.mc-stepper__link .mc-stepper__label{position:relative}.mc-stepper__link .mc-stepper__label::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#000000}.mc-stepper__link:hover .mc-stepper__label::after,.mc-stepper__link:focus .mc-stepper__label::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-stepper__indicator{font-size:0.875rem;line-height:1.1428571429;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #999999;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0.5rem;position:relative;width:1.5rem;z-index:var(--stepper-indicator-z-index, 2)}.mc-stepper__icon{fill:#0058db;max-width:100%}.mc-stepper__detail{font-size:0.875rem;line-height:1.2857142857;color:#666666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#0058db}.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:first-child::before,.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:last-child::after{content:none}.mc-stepper--compact .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item::before,.mc-stepper--compact .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--compact .mc-stepper__item::after{width:100%}.mc-stepper--compact .mc-stepper__item::before{z-index:var(--stepper-compact-z-index, 2);width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:0.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item::before,.mc-stepper--shrinked .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item::after{width:100%}.mc-stepper--shrinked .mc-stepper__item::before{z-index:var(--stepper-compact-z-index, 2);width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:0.25rem}}.mc-stepper--compact .mc-stepper__item::before{content:""}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},A,L,p,{steps:7,compact:0,steptitleprefix:1},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["steps","compact","steptitleprefix"]}get steps(){return this.$$.ctx[7]}set steps(e){this.$$set({steps:e}),s()}get compact(){return this.$$.ctx[0]}set compact(e){this.$$set({compact:e}),s()}get steptitleprefix(){return this.$$.ctx[1]}set steptitleprefix(e){this.$$set({steptitleprefix:e}),s()}}export{D as default};
+import{S as e,i as t,a as r,b as i,f as s,s as p,c,e as o,n,h as a,j as m,k as l,l as d,m as _,R as b,o as f,q as x,r as h,u,d as g,v as k,M as w,x as v,y as $}from"../../index-c222d0b7.js";import{E as y}from"../../EventHandler-f7ee47ca.js";function z(e,t,r){const i=e.slice();return i[11]=t[r],i[13]=r,i}function C(e){let t,r,s=e[13]+1+"";return{c(){t=o("span"),r=k(s)},m(e,s){i(e,t,s),l(t,r)},d(e){e&&_(t)}}}function j(e){let t;return{c(){t=o("div"),t.innerHTML='<navigation-notification-available-16px name="NotificationAvailable16" size="100%"></navigation-notification-available-16px>',a(t,"class","mc-stepper__icon")},m(e,r){i(e,t,r)},d(e){e&&_(t)}}}function E(e){let t,r,s,p,c,n,m,d,b,f,x,h,u,y,z=e[5](e[1],e[13],e[3])+"",E=e[11].label+"";function L(e,t){return 8&t&&(s=null),null==s&&(s=!!e[4](e[13],e[3])),s?j:e[11].isCurrent?C:void 0}let R=L(e,-1),A=R&&R(e);function D(){return e[8](e[11])}return{c(){t=o("li"),r=o("div"),A&&A.c(),p=g(),c=o("div"),n=o("span"),m=k(z),d=g(),b=o("span"),f=k(E),x=g(),a(r,"class","mc-stepper__indicator"),a(r,"aria-hidden","true"),a(n,"class","mc-stepper__title"),a(b,"class","mc-stepper__label"),a(c,"class","mc-stepper__detail"),a(t,"class",h="mc-stepper__item "+(e[11].isCurrent?"mc-stepper__item--current":"")+" "+(e[4](e[13],e[3])?"mc-stepper__item--validated":"")),w(t,"--steps",e[3].length),w(t,"--current",e[13]+1)},m(e,s){i(e,t,s),l(t,r),A&&A.m(r,null),l(t,p),l(t,c),l(c,n),l(n,m),l(c,d),l(c,b),l(b,f),l(t,x),u||(y=v(t,"click",D),u=!0)},p(i,s){R!==(R=L(e=i,s))&&(A&&A.d(1),A=R&&R(e),A&&(A.c(),A.m(r,null))),10&s&&z!==(z=e[5](e[1],e[13],e[3])+"")&&$(m,z),8&s&&E!==(E=e[11].label+"")&&$(f,E),8&s&&h!==(h="mc-stepper__item "+(e[11].isCurrent?"mc-stepper__item--current":"")+" "+(e[4](e[13],e[3])?"mc-stepper__item--validated":""))&&a(t,"class",h),8&s&&w(t,"--steps",e[3].length)},d(e){e&&_(t),A&&A.d(),u=!1,y()}}}function L(e){let t,r,s,p=e[3],f=[];for(let t=0;t<p.length;t+=1)f[t]=E(z(e,p,t));let x=[{class:s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[3].length>3?"mc-stepper--shrinked":"")},{"aria-label":"accessibilityLabels.stepperDescription"},e[2]],h={};for(let e=0;e<x.length;e+=1)h=c(h,x[e]);return{c(){t=o("nav"),r=o("ol");for(let e=0;e<f.length;e+=1)f[e].c();this.c=n,a(r,"class","mc-stepper__list"),m(t,h)},m(e,s){i(e,t,s),l(t,r);for(let e=0;e<f.length;e+=1)f[e]&&f[e].m(r,null)},p(e,[i]){if(122&i){let t;for(p=e[3],t=0;t<p.length;t+=1){const s=z(e,p,t);f[t]?f[t].p(s,i):(f[t]=E(s),f[t].c(),f[t].m(r,null))}for(;t<f.length;t+=1)f[t].d(1);f.length=p.length}m(t,h=d(x,[9&i&&s!==(s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[3].length>3?"mc-stepper--shrinked":""))&&{class:s},{"aria-label":"accessibilityLabels.stepperDescription"},4&i&&e[2]]))},i:n,o:n,d(e){e&&_(t),b(f,e)}}}function R(e,t,r){let i,s;const p=["steps","compact","steptitleprefix"];let o=f(t,p),{steps:n}=t,{compact:a=!1}=t,{steptitleprefix:m}=t,l=new y(x(),h());function d(e){l.dispatch("step-changed",e)}return e.$$set=e=>{t=c(c({},t),u(e)),r(10,o=f(t,p)),"steps"in e&&r(7,n=e.steps),"compact"in e&&r(0,a=e.compact),"steptitleprefix"in e&&r(1,m=e.steptitleprefix)},e.$$.update=()=>{128&e.$$.dirty&&r(3,i=n?JSON.parse(n):[]),r(2,s=Object.assign({},o)),4&e.$$.dirty&&delete s.class},[a,m,s,i,function(e,t){return e<t.findIndex((e=>e.isCurrent))},function(e,t,r){return`${e?`${e} `:""}${t+1} / ${r.length}`},d,n,e=>d(e)]}class A extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-stepper{width:100%}.mc-stepper__list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-stepper__item{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.mc-stepper__item::before,.mc-stepper__item::after{background-color:#999999;content:"";height:0.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:var(--stepper-item-z-index, 1)}.mc-stepper__item::before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item::after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#0058db}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current::before{background-color:#0058db}.mc-stepper__item--current .mc-stepper__indicator{background-color:#0058db;color:#ffffff}.mc-stepper__item--current .mc-stepper__label{color:#000000}.mc-stepper__item--validated::before,.mc-stepper__item--validated:not(.mc-stepper__item--current)::after{background-color:#0058db}.mc-stepper__link{cursor:pointer;height:100%;outline:none;text-decoration:none;width:100%}.mc-stepper__link .mc-stepper__label{position:relative}.mc-stepper__link .mc-stepper__label::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#000000}.mc-stepper__link:hover .mc-stepper__label::after,.mc-stepper__link:focus .mc-stepper__label::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-stepper__indicator{font-size:0.875rem;line-height:1.1428571429;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #999999;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0.5rem;position:relative;width:1.5rem;z-index:var(--stepper-indicator-z-index, 2)}.mc-stepper__icon{fill:#0058db;max-width:100%}.mc-stepper__detail{font-size:0.875rem;line-height:1.2857142857;color:#666666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#0058db}.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:first-child::before,.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:last-child::after{content:none}.mc-stepper--compact .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item::before,.mc-stepper--compact .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--compact .mc-stepper__item::after{width:100%}.mc-stepper--compact .mc-stepper__item::before{z-index:var(--stepper-compact-z-index, 2);width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:0.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item::before,.mc-stepper--shrinked .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item::after{width:100%}.mc-stepper--shrinked .mc-stepper__item::before{z-index:var(--stepper-compact-z-index, 2);width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:0.25rem}}.mc-stepper--compact .mc-stepper__item::before{content:""}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},R,L,p,{steps:7,compact:0,steptitleprefix:1},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["steps","compact","steptitleprefix"]}get steps(){return this.$$.ctx[7]}set steps(e){this.$$set({steps:e}),s()}get compact(){return this.$$.ctx[0]}set compact(e){this.$$set({compact:e}),s()}get steptitleprefix(){return this.$$.ctx[1]}set steptitleprefix(e){this.$$set({steptitleprefix:e}),s()}}export{A as default};
 //# sourceMappingURL=Stepper.js.map

package/public/bricoman/components/stepperbar/StepperBar.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a,b as i,f as r,s as n,e as l,t as d,d as o,n as c,h as s,k as b,l as m,m as p,o as u,q as x,O as h,v as f,w as g}from"../../index-48da6c1f.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function $(e){let t,a,r,n;return{c(){t=l("button"),a=d(e[1]),s(t,"class","mc-button mc-button--s mc-button--bordered-neutral"),t.disabled=e[6],s(t,"aria-label",e[1]),s(t,"type","button"),s(t,"id","prevlabel")},m(l,d){i(l,t,d),m(t,a),r||(n=p(t,"click",e[11]),r=!0)},p(e,i){2&i&&u(a,e[1]),64&i&&(t.disabled=e[6]),2&i&&s(t,"aria-label",e[1])},d(e){e&&x(t),r=!1,n()}}}function v(e){let t;return{c(){t=d(e[3])},m(e,a){i(e,t,a)},p(e,a){8&a&&u(t,e[3])},d(e){e&&x(t)}}}function k(e){let t;return{c(){t=d(e[2])},m(e,a){i(e,t,a)},p(e,a){4&a&&u(t,e[2])},d(e){e&&x(t)}}}function y(e){let t,a,r,n,f,g,w,y,z,j=e[4]>0&&$(e);function _(e,t){return e[4]<e[8]?k:e[4]>=e[8]?v:void 0}let E=_(e),C=E&&E(e);return{c(){t=l("div"),a=l("button"),r=d(e[0]),n=o(),f=l("div"),j&&j.c(),g=o(),w=l("button"),C&&C.c(),this.c=c,s(a,"class","mc-button mc-button--s mc-button--bordered-danger"),a.disabled=e[5],s(a,"aria-label",e[0]),s(a,"type","button"),s(a,"id","cancelbutton"),s(w,"class","mc-button mc-button--s mc-stepper-bar__next"),s(w,"aria-label",e[2]),s(w,"type","button"),s(w,"id","nextlabel"),w.disabled=e[7],s(f,"class","mc-stepper-bar__actions"),s(t,"class","ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar"),b(t,"mc-bottom-bar--fixed",e[9])},m(l,d){i(l,t,d),m(t,a),m(a,r),m(t,n),m(t,f),j&&j.m(f,null),m(f,g),m(f,w),C&&C.m(w,null),y||(z=[p(a,"click",e[10]),p(w,"click",e[12])],y=!0)},p(e,[i]){1&i&&u(r,e[0]),32&i&&(a.disabled=e[5]),1&i&&s(a,"aria-label",e[0]),e[4]>0?j?j.p(e,i):(j=$(e),j.c(),j.m(f,g)):j&&(j.d(1),j=null),E===(E=_(e))&&C?C.p(e,i):(C&&C.d(1),C=E&&E(e),C&&(C.c(),C.m(w,null))),4&i&&s(w,"aria-label",e[2]),128&i&&(w.disabled=e[7]),512&i&&b(t,"mc-bottom-bar--fixed",e[9])},i:c,o:c,d(e){e&&x(t),j&&j.d(),C&&C.d(),y=!1,h(z)}}}function z(e,t,a){let i,r,n,l,d,o,{fixed:c}=t,{cancellabel:s}=t,{prevlabel:b}=t,{nextlabel:m}=t,{validatelabel:p}=t,{currentstep:u}=t,{stepsnb:x}=t,{disablednext:h}=t,{disabledprev:$}=t,{disabledcancel:v}=t,k=new w(f(),g());return e.$$set=e=>{"fixed"in e&&a(13,c=e.fixed),"cancellabel"in e&&a(0,s=e.cancellabel),"prevlabel"in e&&a(1,b=e.prevlabel),"nextlabel"in e&&a(2,m=e.nextlabel),"validatelabel"in e&&a(3,p=e.validatelabel),"currentstep"in e&&a(14,u=e.currentstep),"stepsnb"in e&&a(15,x=e.stepsnb),"disablednext"in e&&a(16,h=e.disablednext),"disabledprev"in e&&a(17,$=e.disabledprev),"disabledcancel"in e&&a(18,v=e.disabledcancel)},e.$$.update=()=>{8192&e.$$.dirty&&a(9,i=!!c||void 0),16384&e.$$.dirty&&a(4,r=u||0),32768&e.$$.dirty&&a(8,n=x||0),65536&e.$$.dirty&&a(7,l=!!h||void 0),131072&e.$$.dirty&&a(6,d=!!$||void 0),262144&e.$$.dirty&&a(5,o=!!v||void 0)},[s,b,m,p,r,o,d,l,n,i,function(e){k.dispatch("cancel",e)},function(){r-1>=0&&(a(4,r--,r),k.dispatch("previous-step",r))},function(){a(4,r++,r),k.dispatch("next-step",r)},c,u,x,h,$,v]}class j extends e{constructor(e){super();const l=document.createElement("style");l.textContent='.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-stepper-bar{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-stepper-bar__actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#002a5b;background-color:#ff941a;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#ef7f00;color:#002a5b}.mc-button:active{background-color:#e05a00}.mc-button:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1024px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1280px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1920px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},z,y,n,{fixed:13,cancellabel:0,prevlabel:1,nextlabel:2,validatelabel:3,currentstep:14,stepsnb:15,disablednext:16,disabledprev:17,disabledcancel:18},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["fixed","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","disablednext","disabledprev","disabledcancel"]}get fixed(){return this.$$.ctx[13]}set fixed(e){this.$$set({fixed:e}),r()}get cancellabel(){return this.$$.ctx[0]}set cancellabel(e){this.$$set({cancellabel:e}),r()}get prevlabel(){return this.$$.ctx[1]}set prevlabel(e){this.$$set({prevlabel:e}),r()}get nextlabel(){return this.$$.ctx[2]}set nextlabel(e){this.$$set({nextlabel:e}),r()}get validatelabel(){return this.$$.ctx[3]}set validatelabel(e){this.$$set({validatelabel:e}),r()}get currentstep(){return this.$$.ctx[14]}set currentstep(e){this.$$set({currentstep:e}),r()}get stepsnb(){return this.$$.ctx[15]}set stepsnb(e){this.$$set({stepsnb:e}),r()}get disablednext(){return this.$$.ctx[16]}set disablednext(e){this.$$set({disablednext:e}),r()}get disabledprev(){return this.$$.ctx[17]}set disabledprev(e){this.$$set({disabledprev:e}),r()}get disabledcancel(){return this.$$.ctx[18]}set disabledcancel(e){this.$$set({disabledcancel:e}),r()}}export{j as default};
+import{S as e,i as t,a,b as r,f as i,s as n,e as l,v as d,d as o,n as c,h as s,t as b,k as m,x as p,y as u,m as x,P as h,q as f,r as g}from"../../index-c222d0b7.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function $(e){let t,a,i,n;return{c(){t=l("button"),a=d(e[1]),s(t,"class","mc-button mc-button--s mc-button--bordered-neutral"),t.disabled=e[6],s(t,"aria-label",e[1]),s(t,"type","button"),s(t,"id","prevlabel")},m(l,d){r(l,t,d),m(t,a),i||(n=p(t,"click",e[11]),i=!0)},p(e,r){2&r&&u(a,e[1]),64&r&&(t.disabled=e[6]),2&r&&s(t,"aria-label",e[1])},d(e){e&&x(t),i=!1,n()}}}function v(e){let t;return{c(){t=d(e[3])},m(e,a){r(e,t,a)},p(e,a){8&a&&u(t,e[3])},d(e){e&&x(t)}}}function k(e){let t;return{c(){t=d(e[2])},m(e,a){r(e,t,a)},p(e,a){4&a&&u(t,e[2])},d(e){e&&x(t)}}}function y(e){let t,a,i,n,f,g,w,y,z,j=e[4]>0&&$(e);function _(e,t){return e[4]<e[8]?k:e[4]>=e[8]?v:void 0}let E=_(e),C=E&&E(e);return{c(){t=l("div"),a=l("button"),i=d(e[0]),n=o(),f=l("div"),j&&j.c(),g=o(),w=l("button"),C&&C.c(),this.c=c,s(a,"class","mc-button mc-button--s mc-button--bordered-danger"),a.disabled=e[5],s(a,"aria-label",e[0]),s(a,"type","button"),s(a,"id","cancelbutton"),s(w,"class","mc-button mc-button--s mc-stepper-bar__next"),s(w,"aria-label",e[2]),s(w,"type","button"),s(w,"id","nextlabel"),w.disabled=e[7],s(f,"class","mc-stepper-bar__actions"),s(t,"class","ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar"),b(t,"mc-bottom-bar--fixed",e[9])},m(l,d){r(l,t,d),m(t,a),m(a,i),m(t,n),m(t,f),j&&j.m(f,null),m(f,g),m(f,w),C&&C.m(w,null),y||(z=[p(a,"click",e[10]),p(w,"click",e[12])],y=!0)},p(e,[r]){1&r&&u(i,e[0]),32&r&&(a.disabled=e[5]),1&r&&s(a,"aria-label",e[0]),e[4]>0?j?j.p(e,r):(j=$(e),j.c(),j.m(f,g)):j&&(j.d(1),j=null),E===(E=_(e))&&C?C.p(e,r):(C&&C.d(1),C=E&&E(e),C&&(C.c(),C.m(w,null))),4&r&&s(w,"aria-label",e[2]),128&r&&(w.disabled=e[7]),512&r&&b(t,"mc-bottom-bar--fixed",e[9])},i:c,o:c,d(e){e&&x(t),j&&j.d(),C&&C.d(),y=!1,h(z)}}}function z(e,t,a){let r,i,n,l,d,o,{fixed:c}=t,{cancellabel:s}=t,{prevlabel:b}=t,{nextlabel:m}=t,{validatelabel:p}=t,{currentstep:u}=t,{stepsnb:x}=t,{disablednext:h}=t,{disabledprev:$}=t,{disabledcancel:v}=t,k=new w(f(),g());return e.$$set=e=>{"fixed"in e&&a(13,c=e.fixed),"cancellabel"in e&&a(0,s=e.cancellabel),"prevlabel"in e&&a(1,b=e.prevlabel),"nextlabel"in e&&a(2,m=e.nextlabel),"validatelabel"in e&&a(3,p=e.validatelabel),"currentstep"in e&&a(14,u=e.currentstep),"stepsnb"in e&&a(15,x=e.stepsnb),"disablednext"in e&&a(16,h=e.disablednext),"disabledprev"in e&&a(17,$=e.disabledprev),"disabledcancel"in e&&a(18,v=e.disabledcancel)},e.$$.update=()=>{8192&e.$$.dirty&&a(9,r=!!c||void 0),16384&e.$$.dirty&&a(4,i=u||0),32768&e.$$.dirty&&a(8,n=x||0),65536&e.$$.dirty&&a(7,l=!!h||void 0),131072&e.$$.dirty&&a(6,d=!!$||void 0),262144&e.$$.dirty&&a(5,o=!!v||void 0)},[s,b,m,p,i,o,d,l,n,r,function(e){k.dispatch("cancel",e)},function(){i-1>=0&&(a(4,i--,i),k.dispatch("previous-step",i))},function(){a(4,i++,i),k.dispatch("next-step",i)},c,u,x,h,$,v]}class j extends e{constructor(e){super();const l=document.createElement("style");l.textContent='.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-stepper-bar{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-stepper-bar__actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#002a5b;background-color:#ff941a;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#ef7f00;color:#002a5b}.mc-button:active{background-color:#e05a00}.mc-button:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1024px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1280px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1920px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},z,y,n,{fixed:13,cancellabel:0,prevlabel:1,nextlabel:2,validatelabel:3,currentstep:14,stepsnb:15,disablednext:16,disabledprev:17,disabledcancel:18},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["fixed","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","disablednext","disabledprev","disabledcancel"]}get fixed(){return this.$$.ctx[13]}set fixed(e){this.$$set({fixed:e}),i()}get cancellabel(){return this.$$.ctx[0]}set cancellabel(e){this.$$set({cancellabel:e}),i()}get prevlabel(){return this.$$.ctx[1]}set prevlabel(e){this.$$set({prevlabel:e}),i()}get nextlabel(){return this.$$.ctx[2]}set nextlabel(e){this.$$set({nextlabel:e}),i()}get validatelabel(){return this.$$.ctx[3]}set validatelabel(e){this.$$set({validatelabel:e}),i()}get currentstep(){return this.$$.ctx[14]}set currentstep(e){this.$$set({currentstep:e}),i()}get stepsnb(){return this.$$.ctx[15]}set stepsnb(e){this.$$set({stepsnb:e}),i()}get disablednext(){return this.$$.ctx[16]}set disablednext(e){this.$$set({disablednext:e}),i()}get disabledprev(){return this.$$.ctx[17]}set disabledprev(e){this.$$set({disabledprev:e}),i()}get disabledcancel(){return this.$$.ctx[18]}set disabledcancel(e){this.$$set({disabledcancel:e}),i()}}export{j as default};
 //# sourceMappingURL=StepperBar.js.map