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

@mozaic-ds/web-components 0.26.1 → 0.28.0

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

Files changed (431) hide show

package/public/bricoman/components/sidebar/Sidebar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as s,b as i,f as a,s as r,c as n,e as o,d as l,D as d,n as c,h as m,j as b,l as u,E as g,m as p,A as f,y as h,z as _,p as $,q as x,F as w,r as y,ag as v,v as E,w as L,ah as k,x as j,B as I,Q as S,ai as T,I as z}from"../../index-48da6c1f.js";import U from"./sidebar-segment.nested.js";import R from"./sidebar-section.nested.js";import A from"./sidebar-user.nested.js";import B from"./sidebar-separator.nested.js";import{E as O}from"../../EventHandler-f7ee47ca.js";import{i as F,s as C,t as M,u as H,a as q,b as D}from"../../sidebar-service-e5d3eb89.js";import"./sidebar-feature-group.nested.js";import"./sidebar-feature.nested.js";import"./sidebar-sub-features.nested.js";const{Boolean:J}=T;function N(e,t,s){const i=e.slice();return i[18]=t[s],i}function Q(e,t,s){const i=e.slice();return i[21]=t[s],i}function G(e){let t,s;return{c(){t=z("svg"),s=z("path"),m(s,"d","M5.707 4.293a1 1 0 00-1.414 1.414L10.586 12l-6.293 6.293a1 1 0 101.414 1.414l7-7a1 1 0 000-1.414l-7-7zm9 0a1 1 0 10-1.414 1.414L19.586 12l-6.293 6.293a1 1 0 001.414 1.414l7-7a1 1 0 000-1.414l-7-7z"),m(t,"class","mc-sidebar__trigger-icon"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,a){i(e,t,a),u(t,s)},d(e){e&&x(t)}}}function K(e){let t,s;return{c(){t=z("svg"),s=z("path"),m(s,"d","M10.707 5.707a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L4.414 12l6.293-6.293zm9 0a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L13.414 12l6.293-6.293z"),m(t,"class","mc-sidebar__trigger-icon"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,a){i(e,t,a),u(t,s)},d(e){e&&x(t)}}}function P(e){let t,s,a=e[4]?.UTILITIES,r=[];for(let t=0;t<a.length;t+=1)r[t]=W(N(e,a,t));const n=e=>h(r[e],1,1,(()=>{r[e]=null}));return{c(){t=o("div");for(let e=0;e<r.length;e+=1)r[e].c();m(t,"class","mc-sidebar__utilities")},m(e,a){i(e,t,a);for(let e=0;e<r.length;e+=1)r[e]&&r[e].m(t,null);s=!0},p(e,s){if(16&s){let i;for(a=e[4]?.UTILITIES,i=0;i<a.length;i+=1){const n=N(e,a,i);r[i]?(r[i].p(n,s),f(r[i],1)):(r[i]=W(n),r[i].c(),f(r[i],1),r[i].m(t,null))}for(I(),i=a.length;i<r.length;i+=1)n(i);_()}},i(e){if(!s){for(let e=0;e<a.length;e+=1)f(r[e]);s=!0}},o(e){r=r.filter(J);for(let e=0;e<r.length;e+=1)h(r[e]);s=!1},d(e){e&&x(t),S(r,e)}}}function V(e){let t,s,a;return s=new U({props:{data:e[21]}}),{c(){t=o("li"),d(s.$$.fragment),m(t,"class","mc-sidebar__utilities__item")},m(e,r){i(e,t,r),g(s,t,null),a=!0},p(e,t){const i={};16&t&&(i.data=e[21]),s.$set(i)},i(e){a||(f(s.$$.fragment,e),a=!0)},o(e){h(s.$$.fragment,e),a=!1},d(e){e&&x(t),w(s)}}}function W(e){let t,s,a,r,n;t=new B({});let c=e[18],m=[];for(let t=0;t<c.length;t+=1)m[t]=V(Q(e,c,t));const b=e=>h(m[e],1,1,(()=>{m[e]=null}));return{c(){d(t.$$.fragment),s=l(),a=o("ul");for(let e=0;e<m.length;e+=1)m[e].c();r=l()},m(e,o){g(t,e,o),i(e,s,o),i(e,a,o);for(let e=0;e<m.length;e+=1)m[e]&&m[e].m(a,null);u(a,r),n=!0},p(e,t){if(16&t){let s;for(c=e[18],s=0;s<c.length;s+=1){const i=Q(e,c,s);m[s]?(m[s].p(i,t),f(m[s],1)):(m[s]=V(i),m[s].c(),f(m[s],1),m[s].m(a,r))}for(I(),s=c.length;s<m.length;s+=1)b(s);_()}},i(e){if(!n){f(t.$$.fragment,e);for(let e=0;e<c.length;e+=1)f(m[e]);n=!0}},o(e){h(t.$$.fragment,e),m=m.filter(J);for(let e=0;e<m.length;e+=1)h(m[e]);n=!1},d(e){w(t,e),e&&x(s),e&&x(a),S(m,e)}}}function X(e){let t,s;return t=new A({props:{user:e[2],data:e[4]?.USER_FEATURES,a11yLabels:e[0]}}),{c(){d(t.$$.fragment)},m(e,i){g(t,e,i),s=!0},p(e,s){const i={};4&s&&(i.user=e[2]),16&s&&(i.data=e[4]?.USER_FEATURES),1&s&&(i.a11yLabels=e[0]),t.$set(i)},i(e){s||(f(t.$$.fragment,e),s=!0)},o(e){h(t.$$.fragment,e),s=!1},d(e){w(t,e)}}}function Y(e){let t,s,a,r,y,v,E,L,k,j,S,T,z,A,O,F,C,M;function H(e,t){return e[3]?K:G}let q=H(e),D=q(e);E=new U({props:{data:e[4]?.HOME}}),k=new B({}),S=new R({props:{data:e[4]?.FEATURES,a11yLabels:e[0]}});let J=e[4]?.UTILITIES&&P(e),N=e[2]&&X(e),Q=[{class:O="mc-sidebar "+(e[3]?"is-open":"is-close")},{"aria-expanded":e[3]},{"aria-labelledby":"mc-sidebar__trigger"},e[1]],V={};for(let e=0;e<Q.length;e+=1)V=n(V,Q[e]);return{c(){t=o("nav"),s=o("div"),a=o("button"),r=o("span"),D.c(),v=l(),d(E.$$.fragment),L=l(),d(k.$$.fragment),j=l(),d(S.$$.fragment),T=l(),J&&J.c(),A=l(),N&&N.c(),this.c=c,m(r,"class","mc-sidebar__trigger__container"),m(a,"id","mc-sidebar__trigger"),m(a,"class","mc-sidebar__trigger"),m(a,"aria-label",y=e[3]?e[0]?.close||"Close the sidebar":e[0]?.open||"Open the sidebar"),m(s,"class",z="mc-sidebar__container "+(e[2]?"has-bottom-panel":"")),b(t,V)},m(n,o){i(n,t,o),u(t,s),u(s,a),u(a,r),D.m(r,null),u(s,v),g(E,s,null),u(s,L),g(k,s,null),u(s,j),g(S,s,null),u(s,T),J&&J.m(s,null),u(t,A),N&&N.m(t,null),F=!0,C||(M=p(a,"click",e[9]),C=!0)},p(e,[i]){q!==(q=H(e))&&(D.d(1),D=q(e),D&&(D.c(),D.m(r,null))),(!F||9&i&&y!==(y=e[3]?e[0]?.close||"Close the sidebar":e[0]?.open||"Open the sidebar"))&&m(a,"aria-label",y);const n={};16&i&&(n.data=e[4]?.HOME),E.$set(n);const o={};16&i&&(o.data=e[4]?.FEATURES),1&i&&(o.a11yLabels=e[0]),S.$set(o),e[4]?.UTILITIES?J?(J.p(e,i),16&i&&f(J,1)):(J=P(e),J.c(),f(J,1),J.m(s,null)):J&&(I(),h(J,1,1,(()=>{J=null})),_()),(!F||4&i&&z!==(z="mc-sidebar__container "+(e[2]?"has-bottom-panel":"")))&&m(s,"class",z),e[2]?N?(N.p(e,i),4&i&&f(N,1)):(N=X(e),N.c(),f(N,1),N.m(t,null)):N&&(I(),h(N,1,1,(()=>{N=null})),_()),b(t,V=$(Q,[(!F||8&i&&O!==(O="mc-sidebar "+(e[3]?"is-open":"is-close")))&&{class:O},(!F||8&i)&&{"aria-expanded":e[3]},{"aria-labelledby":"mc-sidebar__trigger"},2&i&&e[1]]))},i(e){F||(f(E.$$.fragment,e),f(k.$$.fragment,e),f(S.$$.fragment,e),f(J),f(N),F=!0)},o(e){h(E.$$.fragment,e),h(k.$$.fragment,e),h(S.$$.fragment,e),h(J),h(N),F=!1},d(e){e&&x(t),D.d(),w(E),w(k),w(S),J&&J.d(),N&&N.d(),C=!1,M()}}}function Z(e,t,s){let i;const a=["data","open","code","user","a11yLabels"];let r,o,l=y(t,a);v(e,F,(e=>s(3,r=e))),v(e,D,(e=>s(4,o=e)));let d,c,m,{data:b}=t,{open:u}=t,{code:g}=t,{user:p}=t,{a11yLabels:f}=t,h=new O(E(),L()),_=!1;const $=[];$.push(F.subscribe((e=>{h.dispatch("on-toggle",e)}))),$.push(C.subscribe((e=>{var t,s,i,a,r;e&&(M(!1),h.dispatch("on-select",null!==(a=null!==(s=null===(t=e.lv2)||void 0===t?void 0:t.code)&&void 0!==s?s:null===(i=e.lv1)||void 0===i?void 0:i.code)&&void 0!==a?a:null===(r=e.lv0)||void 0===r?void 0:r.code))}))),k((()=>{for(const e of $)e()}));return e.$$set=e=>{t=n(n({},t),j(e)),s(17,l=y(t,a)),"data"in e&&s(5,b=e.data),"open"in e&&s(6,u=e.open),"code"in e&&s(7,g=e.code),"user"in e&&s(8,p=e.user),"a11yLabels"in e&&s(0,f=e.a11yLabels)},e.$$.update=()=>{var t,a,r;160&e.$$.dirty&&(t=g,typeof m==typeof(a=b)&&m===a||(m=a,H(a)),typeof c==typeof t&&c===t||(c=t,q(t))),64&e.$$.dirty&&(typeof _==typeof(r=u)&&_===r||(_=Boolean(r),M(Boolean(r)))),256&e.$$.dirty&&s(2,d="string"==typeof p?JSON.parse(p):p),s(1,i=Object.assign({},l)),2&e.$$.dirty&&delete i.class},[f,i,d,r,o,b,u,g,p,()=>M()]}class ee extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-sidebar{position:absolute;top:0;left:0;z-index:100;font-size:14px;color:white;-webkit-box-sizing:border-box;box-sizing:border-box;fill:#191919;width:320px;background:#ffe1d1;display:block;height:100vh}.mc-sidebar__container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-sidebar__container.has-bottom-panel{height:calc(100% - 88px)}.mc-sidebar__utilities{margin-bottom:24px}.mc-sidebar__utilities__item{margin:4px 0px}.mc-sidebar__utilities__item:first-child{margin-top:0}.mc-sidebar__utilities__item:last-child{margin-bottom:0}.mc-sidebar__trigger{cursor:pointer;background:none;border:none;padding:0;margin:28px 0;min-height:38px;width:100%;font-size:inherit;font-family:inherit}.mc-sidebar__trigger-icon{fill:#191919}.mc-sidebar__trigger__container{height:38px;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}.mc-sidebar__trigger__container>*{width:24px;height:24px}.mc-sidebar__trigger:hover .mc-sidebar__trigger__container{background:#ff7933}.mc-sidebar__trigger:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar__trigger:focus-visible .mc-sidebar__trigger__container{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar.is-open{-webkit-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.mc-sidebar.is-open .mc-sidebar__trigger__container{-webkit-transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;margin-left:266px;width:38px;border-radius:4px}.mc-sidebar.is-close{-webkit-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out;width:64px;padding:0}.mc-sidebar.is-close .mc-sidebar__trigger__container{-webkit-transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;margin-left:0px;width:64px;border-radius:0px}.mc-sidebar ul{list-style-type:none;margin:0;padding:0}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},Z,Y,r,{data:5,open:6,code:7,user:8,a11yLabels:0},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["data","open","code","user","a11yLabels"]}get data(){return this.$$.ctx[5]}set data(e){this.$$set({data:e}),a()}get open(){return this.$$.ctx[6]}set open(e){this.$$set({open:e}),a()}get code(){return this.$$.ctx[7]}set code(e){this.$$set({code:e}),a()}get user(){return this.$$.ctx[8]}set user(e){this.$$set({user:e}),a()}get a11yLabels(){return this.$$.ctx[0]}set a11yLabels(e){this.$$set({a11yLabels:e}),a()}}export{ee as default};
+import{S as e,i as t,a as s,b as i,f as a,s as r,c as n,e as o,d as l,E as d,n as c,h as m,j as b,k as u,F as g,x as p,B as f,z as h,A as _,l as $,m as x,G as w,o as y,ag as v,q as k,r as E,ah as L,u as j,C as I,R as S,ai as T,J as z}from"../../index-c222d0b7.js";import U from"./sidebar-segment.nested.js";import R from"./sidebar-section.nested.js";import A from"./sidebar-user.nested.js";import B from"./sidebar-separator.nested.js";import{E as O}from"../../EventHandler-f7ee47ca.js";import{i as C,s as F,t as M,u as H,a as J,b as q}from"../../sidebar-service-8aa10fb1.js";import"./sidebar-feature-group.nested.js";import"./sidebar-feature.nested.js";import"./sidebar-sub-features.nested.js";const{Boolean:G}=T;function N(e,t,s){const i=e.slice();return i[18]=t[s],i}function D(e,t,s){const i=e.slice();return i[21]=t[s],i}function K(e){let t,s;return{c(){t=z("svg"),s=z("path"),m(s,"d","M5.707 4.293a1 1 0 00-1.414 1.414L10.586 12l-6.293 6.293a1 1 0 101.414 1.414l7-7a1 1 0 000-1.414l-7-7zm9 0a1 1 0 10-1.414 1.414L19.586 12l-6.293 6.293a1 1 0 001.414 1.414l7-7a1 1 0 000-1.414l-7-7z"),m(t,"class","mc-sidebar__trigger-icon"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,a){i(e,t,a),u(t,s)},d(e){e&&x(t)}}}function P(e){let t,s;return{c(){t=z("svg"),s=z("path"),m(s,"d","M10.707 5.707a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L4.414 12l6.293-6.293zm9 0a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L13.414 12l6.293-6.293z"),m(t,"class","mc-sidebar__trigger-icon"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,a){i(e,t,a),u(t,s)},d(e){e&&x(t)}}}function Q(e){let t,s,a=e[4]?.UTILITIES,r=[];for(let t=0;t<a.length;t+=1)r[t]=W(N(e,a,t));const n=e=>h(r[e],1,1,(()=>{r[e]=null}));return{c(){t=o("div");for(let e=0;e<r.length;e+=1)r[e].c();m(t,"class","mc-sidebar__utilities")},m(e,a){i(e,t,a);for(let e=0;e<r.length;e+=1)r[e]&&r[e].m(t,null);s=!0},p(e,s){if(16&s){let i;for(a=e[4]?.UTILITIES,i=0;i<a.length;i+=1){const n=N(e,a,i);r[i]?(r[i].p(n,s),f(r[i],1)):(r[i]=W(n),r[i].c(),f(r[i],1),r[i].m(t,null))}for(I(),i=a.length;i<r.length;i+=1)n(i);_()}},i(e){if(!s){for(let e=0;e<a.length;e+=1)f(r[e]);s=!0}},o(e){r=r.filter(G);for(let e=0;e<r.length;e+=1)h(r[e]);s=!1},d(e){e&&x(t),S(r,e)}}}function V(e){let t,s,a;return s=new U({props:{data:e[21]}}),{c(){t=o("li"),d(s.$$.fragment),m(t,"class","mc-sidebar__utilities__item")},m(e,r){i(e,t,r),g(s,t,null),a=!0},p(e,t){const i={};16&t&&(i.data=e[21]),s.$set(i)},i(e){a||(f(s.$$.fragment,e),a=!0)},o(e){h(s.$$.fragment,e),a=!1},d(e){e&&x(t),w(s)}}}function W(e){let t,s,a,r,n;t=new B({});let c=e[18],m=[];for(let t=0;t<c.length;t+=1)m[t]=V(D(e,c,t));const b=e=>h(m[e],1,1,(()=>{m[e]=null}));return{c(){d(t.$$.fragment),s=l(),a=o("ul");for(let e=0;e<m.length;e+=1)m[e].c();r=l()},m(e,o){g(t,e,o),i(e,s,o),i(e,a,o);for(let e=0;e<m.length;e+=1)m[e]&&m[e].m(a,null);u(a,r),n=!0},p(e,t){if(16&t){let s;for(c=e[18],s=0;s<c.length;s+=1){const i=D(e,c,s);m[s]?(m[s].p(i,t),f(m[s],1)):(m[s]=V(i),m[s].c(),f(m[s],1),m[s].m(a,r))}for(I(),s=c.length;s<m.length;s+=1)b(s);_()}},i(e){if(!n){f(t.$$.fragment,e);for(let e=0;e<c.length;e+=1)f(m[e]);n=!0}},o(e){h(t.$$.fragment,e),m=m.filter(G);for(let e=0;e<m.length;e+=1)h(m[e]);n=!1},d(e){w(t,e),e&&x(s),e&&x(a),S(m,e)}}}function X(e){let t,s;return t=new A({props:{user:e[2],data:e[4]?.USER_FEATURES,a11yLabels:e[0]}}),{c(){d(t.$$.fragment)},m(e,i){g(t,e,i),s=!0},p(e,s){const i={};4&s&&(i.user=e[2]),16&s&&(i.data=e[4]?.USER_FEATURES),1&s&&(i.a11yLabels=e[0]),t.$set(i)},i(e){s||(f(t.$$.fragment,e),s=!0)},o(e){h(t.$$.fragment,e),s=!1},d(e){w(t,e)}}}function Y(e){let t,s,a,r,y,v,k,E,L,j,S,T,z,A,O,C,F,M;function H(e,t){return e[3]?P:K}let J=H(e),q=J(e);k=new U({props:{data:e[4]?.HOME}}),L=new B({}),S=new R({props:{data:e[4]?.FEATURES,a11yLabels:e[0]}});let G=e[4]?.UTILITIES&&Q(e),N=e[2]&&X(e),D=[{class:O="mc-sidebar "+(e[3]?"is-open":"is-close")},{"aria-expanded":e[3]},{"aria-labelledby":"mc-sidebar__trigger"},e[1]],V={};for(let e=0;e<D.length;e+=1)V=n(V,D[e]);return{c(){t=o("nav"),s=o("div"),a=o("button"),r=o("span"),q.c(),v=l(),d(k.$$.fragment),E=l(),d(L.$$.fragment),j=l(),d(S.$$.fragment),T=l(),G&&G.c(),A=l(),N&&N.c(),this.c=c,m(r,"class","mc-sidebar__trigger__container"),m(a,"id","mc-sidebar__trigger"),m(a,"class","mc-sidebar__trigger"),m(a,"aria-label",y=e[3]?e[0]?.close||"Close the sidebar":e[0]?.open||"Open the sidebar"),m(s,"class",z="mc-sidebar__container "+(e[2]?"has-bottom-panel":"")),b(t,V)},m(n,o){i(n,t,o),u(t,s),u(s,a),u(a,r),q.m(r,null),u(s,v),g(k,s,null),u(s,E),g(L,s,null),u(s,j),g(S,s,null),u(s,T),G&&G.m(s,null),u(t,A),N&&N.m(t,null),C=!0,F||(M=p(a,"click",e[9]),F=!0)},p(e,[i]){J!==(J=H(e))&&(q.d(1),q=J(e),q&&(q.c(),q.m(r,null))),(!C||9&i&&y!==(y=e[3]?e[0]?.close||"Close the sidebar":e[0]?.open||"Open the sidebar"))&&m(a,"aria-label",y);const n={};16&i&&(n.data=e[4]?.HOME),k.$set(n);const o={};16&i&&(o.data=e[4]?.FEATURES),1&i&&(o.a11yLabels=e[0]),S.$set(o),e[4]?.UTILITIES?G?(G.p(e,i),16&i&&f(G,1)):(G=Q(e),G.c(),f(G,1),G.m(s,null)):G&&(I(),h(G,1,1,(()=>{G=null})),_()),(!C||4&i&&z!==(z="mc-sidebar__container "+(e[2]?"has-bottom-panel":"")))&&m(s,"class",z),e[2]?N?(N.p(e,i),4&i&&f(N,1)):(N=X(e),N.c(),f(N,1),N.m(t,null)):N&&(I(),h(N,1,1,(()=>{N=null})),_()),b(t,V=$(D,[(!C||8&i&&O!==(O="mc-sidebar "+(e[3]?"is-open":"is-close")))&&{class:O},(!C||8&i)&&{"aria-expanded":e[3]},{"aria-labelledby":"mc-sidebar__trigger"},2&i&&e[1]]))},i(e){C||(f(k.$$.fragment,e),f(L.$$.fragment,e),f(S.$$.fragment,e),f(G),f(N),C=!0)},o(e){h(k.$$.fragment,e),h(L.$$.fragment,e),h(S.$$.fragment,e),h(G),h(N),C=!1},d(e){e&&x(t),q.d(),w(k),w(L),w(S),G&&G.d(),N&&N.d(),F=!1,M()}}}function Z(e,t,s){let i;const a=["data","open","code","user","a11yLabels"];let r,o,l=y(t,a);v(e,C,(e=>s(3,r=e))),v(e,q,(e=>s(4,o=e)));let d,c,m,{data:b}=t,{open:u}=t,{code:g}=t,{user:p}=t,{a11yLabels:f}=t,h=new O(k(),E()),_=!1;const $=[];$.push(C.subscribe((e=>{h.dispatch("on-toggle",e)}))),$.push(F.subscribe((e=>{var t,s,i,a,r;e&&(M(!1),h.dispatch("on-select",null!==(a=null!==(s=null===(t=e.lv2)||void 0===t?void 0:t.code)&&void 0!==s?s:null===(i=e.lv1)||void 0===i?void 0:i.code)&&void 0!==a?a:null===(r=e.lv0)||void 0===r?void 0:r.code))}))),L((()=>{for(const e of $)e()}));return e.$$set=e=>{t=n(n({},t),j(e)),s(17,l=y(t,a)),"data"in e&&s(5,b=e.data),"open"in e&&s(6,u=e.open),"code"in e&&s(7,g=e.code),"user"in e&&s(8,p=e.user),"a11yLabels"in e&&s(0,f=e.a11yLabels)},e.$$.update=()=>{var t,a,r;160&e.$$.dirty&&(t=g,typeof m==typeof(a=b)&&m===a||(m=a,H(a)),typeof c==typeof t&&c===t||(c=t,J(t))),64&e.$$.dirty&&(typeof _==typeof(r=u)&&_===r||(_=Boolean(r),M(Boolean(r)))),256&e.$$.dirty&&s(2,d="string"==typeof p?JSON.parse(p):p),s(1,i=Object.assign({},l)),2&e.$$.dirty&&delete i.class},[f,i,d,r,o,b,u,g,p,()=>M()]}class ee extends e{constructor(e){super();const n=document.createElement("style");n.textContent=".mc-sidebar{position:absolute;top:0;left:0;z-index:100;font-size:14px;color:white;-webkit-box-sizing:border-box;box-sizing:border-box;fill:#191919;width:320px;background:#ffe2bd;display:block;height:100vh}.mc-sidebar__container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-sidebar__container.has-bottom-panel{height:calc(100% - 88px)}.mc-sidebar__utilities{margin-bottom:24px}.mc-sidebar__utilities__item{margin:4px 0px}.mc-sidebar__utilities__item:first-child{margin-top:0}.mc-sidebar__utilities__item:last-child{margin-bottom:0}.mc-sidebar__trigger{cursor:pointer;background:none;border:none;padding:0;margin:28px 0;min-height:38px;width:100%;font-size:inherit;font-family:inherit}.mc-sidebar__trigger-icon{fill:#191919}.mc-sidebar__trigger__container{height:38px;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}.mc-sidebar__trigger__container>*{width:24px;height:24px}.mc-sidebar__trigger:hover .mc-sidebar__trigger__container{background:#ff941a}.mc-sidebar__trigger:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar__trigger:focus-visible .mc-sidebar__trigger__container{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar.is-open{-webkit-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.mc-sidebar.is-open .mc-sidebar__trigger__container{-webkit-transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;margin-left:266px;width:38px;border-radius:4px}.mc-sidebar.is-close{-webkit-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out;width:64px;padding:0}.mc-sidebar.is-close .mc-sidebar__trigger__container{-webkit-transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;transition:width 300ms ease-in-out, margin-left 300ms ease-in-out, border-radius 300ms ease-in-out;margin-left:0px;width:64px;border-radius:0px}.mc-sidebar ul{list-style-type:none;margin:0;padding:0}",this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},Z,Y,r,{data:5,open:6,code:7,user:8,a11yLabels:0},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["data","open","code","user","a11yLabels"]}get data(){return this.$$.ctx[5]}set data(e){this.$$set({data:e}),a()}get open(){return this.$$.ctx[6]}set open(e){this.$$set({open:e}),a()}get code(){return this.$$.ctx[7]}set code(e){this.$$set({code:e}),a()}get user(){return this.$$.ctx[8]}set user(e){this.$$set({user:e}),a()}get a11yLabels(){return this.$$.ctx[0]}set a11yLabels(e){this.$$set({a11yLabels:e}),a()}}export{ee as default};
 //# sourceMappingURL=Sidebar.js.map

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

@@ -1,2 +1,2 @@
-import{G as e,i as t,s as l,H as i,e as o,d as s,h as n,b as a,l as r,A as c,y as u,z as m,q as d,Q as p,ag as h,u as f,v as b,w as v,X as g,Y as y,Z as x,_,t as w,R as k,o as $,D as L,E as H,m as z,P as j,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){i(e,"svelte-mly8h",".mc-feature-group.svelte-mly8h.svelte-mly8h{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-mly8h.svelte-mly8h{fill:#191919;height:1.5rem;width:1.5rem}.mc-feature-group__container.svelte-mly8h.svelte-mly8h{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-mly8h.svelte-mly8h{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-mly8h.svelte-mly8h{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-mly8h.svelte-mly8h{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-mly8h div.svelte-mly8h{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-mly8h:hover+.mc-feature-group__label__tooltip.svelte-mly8h{opacity:1;-webkit-transition-delay:1s;transition-delay:1s}.mc-feature-group__content.svelte-mly8h.svelte-mly8h{overflow:hidden;-webkit-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}.mc-feature-group__content.is-close.svelte-mly8h.svelte-mly8h{height:0}.mc-feature-group.is-selected.svelte-mly8h.svelte-mly8h{background:#ffab80}.mc-feature-group.is-close.svelte-mly8h .mc-feature-group__container.svelte-mly8h{margin:0 20px;width:24px}.mc-feature-group.is-open.svelte-mly8h .mc-feature-group__container.svelte-mly8h{margin:0 32px}.mc-feature-group.svelte-mly8h.svelte-mly8h:hover{background:#ff7933}.mc-feature-group.svelte-mly8h.svelte-mly8h:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-feature-group.svelte-mly8h:focus-visible .mc-feature-group__container.svelte-mly8h{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}ul.svelte-mly8h.svelte-mly8h,li.svelte-mly8h.svelte-mly8h{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}ul.svelte-mly8h.svelte-mly8h{-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-mly8h li.svelte-mly8h{-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,l){const i=e.slice();return i[18]=t[l],i}const V=e=>({}),D=e=>({});function I(e){let t,l=`<${K(e[0].icon)} />`;return{c(){t=o("span"),n(t,"class","mc-feature-group__icon svelte-mly8h")},m(e,i){a(e,t,i),t.innerHTML=l},p(e,i){1&i&&l!==(l=`<${K(e[0].icon)} />`)&&(t.innerHTML=l)},d(e){e&&d(t)}}}function J(e){let t,l;const i=e[11].icon,s=g(i,e,e[10],D);return{c(){t=o("span"),s&&s.c(),n(t,"class","mc-feature-group__icon svelte-mly8h")},m(e,i){a(e,t,i),s&&s.m(t,null),l=!0},p(e,t){s&&s.p&&(!l||1024&t)&&y(s,i,e,e[10],l?_(i,e[10],t,V):x(e[10]),D)},i(e){l||(c(s,e),l=!0)},o(e){u(s,e),l=!1},d(e){e&&d(t),s&&s.d(e)}}}function P(e){let t,l,i,c,u,m=e[0].label+"",p=e[6]?.offsetHeight<e[6]?.scrollHeight&&Q(e);function h(e,t){return e[1]?R:X}let f=h(e),b=f(e);return{c(){t=o("span"),l=w(m),i=s(),p&&p.c(),c=s(),b.c(),u=k(),n(t,"class","mc-feature-group__label svelte-mly8h")},m(o,s){a(o,t,s),r(t,l),e[12](t),a(o,i,s),p&&p.m(o,s),a(o,c,s),b.m(o,s),a(o,u,s)},p(e,t){1&t&&m!==(m=e[0].label+"")&&$(l,m),e[6]?.offsetHeight<e[6]?.scrollHeight?p?p.p(e,t):(p=Q(e),p.c(),p.m(c.parentNode,c)):p&&(p.d(1),p=null),f!==(f=h(e))&&(b.d(1),b=f(e),b&&(b.c(),b.m(u.parentNode,u)))},d(l){l&&d(t),e[12](null),l&&d(i),p&&p.d(l),l&&d(c),b.d(l),l&&d(u)}}}function Q(e){let t,l,i,c,u,m=e[0].label+"";return{c(){t=o("div"),l=o("div"),l.innerHTML='<div class="svelte-mly8h"></div>',i=s(),c=o("span"),u=w(m),n(l,"class","mc-feature-group__label__tooltip__pointer svelte-mly8h"),n(t,"aria-hidden","true"),n(t,"class","mc-feature-group__label__tooltip svelte-mly8h")},m(e,o){a(e,t,o),r(t,l),r(t,i),r(t,c),r(c,u)},p(e,t){1&t&&m!==(m=e[0].label+"")&&$(u,m)},d(e){e&&d(t)}}}function R(e){let t,l;return{c(){t=B("svg"),l=B("path"),n(l,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),n(t,"class","mc-feature-group__icon svelte-mly8h"),n(t,"width","16px"),n(t,"height","16px"),n(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),r(t,l)},d(e){e&&d(t)}}}function X(e){let t,l;return{c(){t=B("svg"),l=B("path"),n(l,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),n(t,"class","mc-feature-group__icon svelte-mly8h"),n(t,"width","16px"),n(t,"height","16px"),n(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),r(t,l)},d(e){e&&d(t)}}}function Y(e){let t,l,i,m,p,h;function f(){return e[13](e[18])}return l=new q({props:{feature:e[18],a11yLabels:e[2]}}),{c(){t=o("li"),L(l.$$.fragment),i=s(),n(t,"class","svelte-mly8h")},m(e,o){a(e,t,o),H(l,t,null),r(t,i),m=!0,p||(h=z(t,"click",j(f)),p=!0)},p(t,i){e=t;const o={};1&i&&(o.feature=e[18]),4&i&&(o.a11yLabels=e[2]),l.$set(o)},i(e){m||(c(l.$$.fragment,e),m=!0)},o(e){u(l.$$.fragment,e),m=!1},d(e){e&&d(t),E(l),p=!1,h()}}}function Z(e){let t,l,i,h,f,b,v,g,y,x,_,w,k,$,L=e[0].icon&&I(e),H=e[8].icon&&J(e),z=e[3]&&P(e),j=e[0].items,E=[];for(let t=0;t<j.length;t+=1)E[t]=Y(S(e,j,t));const M=e=>u(E[e],1,1,(()=>{E[e]=null}));return{c(){t=o("button"),l=o("span"),L&&L.c(),i=s(),H&&H.c(),h=s(),z&&z.c(),x=s(),_=o("ul");for(let e=0;e<E.length;e+=1)E[e].c();n(l,"class","mc-feature-group__container svelte-mly8h"),n(t,"class",f="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-mly8h"),n(t,"aria-label",b=e[0].label),n(t,"aria-expanded",v=e[3]&&e[1]),n(t,"aria-controls",g=e[0].code+"-list"),n(t,"id",y=e[0].code),n(_,"class","mc-feature-group__content is-close svelte-mly8h"),n(_,"aria-hidden",w=!e[3]||!e[1]),n(_,"id",k=e[0].code+"-list")},m(o,s){a(o,t,s),r(t,l),L&&L.m(l,null),r(l,i),H&&H.m(l,null),r(l,h),z&&z.m(l,null),a(o,x,s),a(o,_,s);for(let e=0;e<E.length;e+=1)E[e]&&E[e].m(_,null);e[14](_),$=!0},p(e,[o]){if(e[0].icon?L?L.p(e,o):(L=I(e),L.c(),L.m(l,i)):L&&(L.d(1),L=null),e[8].icon?H?(H.p(e,o),256&o&&c(H,1)):(H=J(e),H.c(),c(H,1),H.m(l,h)):H&&(G(),u(H,1,1,(()=>{H=null})),m()),e[3]?z?z.p(e,o):(z=P(e),z.c(),z.m(l,null)):z&&(z.d(1),z=null),(!$||40&o&&f!==(f="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-mly8h"))&&n(t,"class",f),(!$||1&o&&b!==(b=e[0].label))&&n(t,"aria-label",b),(!$||10&o&&v!==(v=e[3]&&e[1]))&&n(t,"aria-expanded",v),(!$||1&o&&g!==(g=e[0].code+"-list"))&&n(t,"aria-controls",g),(!$||1&o&&y!==(y=e[0].code))&&n(t,"id",y),133&o){let t;for(j=e[0].items,t=0;t<j.length;t+=1){const l=S(e,j,t);E[t]?(E[t].p(l,o),c(E[t],1)):(E[t]=Y(l),E[t].c(),c(E[t],1),E[t].m(_,null))}for(G(),t=j.length;t<E.length;t+=1)M(t);m()}(!$||10&o&&w!==(w=!e[3]||!e[1]))&&n(_,"aria-hidden",w),(!$||1&o&&k!==(k=e[0].code+"-list"))&&n(_,"id",k)},i(e){if(!$){c(H);for(let e=0;e<j.length;e+=1)c(E[e]);$=!0}},o(e){u(H),E=E.filter(Boolean);for(let e=0;e<E.length;e+=1)u(E[e]);$=!1},d(l){l&&d(t),L&&L.d(),H&&H.d(),z&&z.d(),l&&d(x),l&&d(_),p(E,l),e[14](null)}}}function K(e){return`${e} size="1.5rem"`}function O(e,t,l){let i,o;h(e,F,(e=>l(3,i=e))),h(e,T,(e=>l(9,o=e)));let{$$slots:s={},$$scope:n}=t;const a=f(s);let r,c,{featureGroup:u}=t,{expand:m}=t,{a11yLabels:d}=t,p=new C(b(),v()),g=!1;function y(e){var t;e.disabled||((null===(t=e.items)||void 0===t?void 0:t.length)?p.dispatch("feature-click",e):A(e.code))}return e.$$set=e=>{"featureGroup"in e&&l(0,u=e.featureGroup),"expand"in e&&l(1,m=e.expand),"a11yLabels"in e&&l(2,d=e.a11yLabels),"$$scope"in e&&l(10,n=e.$$scope)},e.$$.update=()=>{var t,s,n,a,c,d;523&e.$$.dirty&&(t=m,s=i,n=u,l(5,g=null!==(d=(null==(a=o)?void 0:a.lv0)&&n.code===(null===(c=null==a?void 0:a.lv0)||void 0===c?void 0:c.code)&&(!a.lv1||!t||!s))&&void 0!==d&&d)),10&e.$$.dirty&&function(e,t){if(r){l(4,r.style.height="",r),l(4,r.style.transition="none",r);const i=window.getComputedStyle(r).height;r.classList.add(t&&e?"is-open":"is-close"),r.classList.remove(t&&e?"is-close":"is-open");const o=window.getComputedStyle(r).height;l(4,r.style.height=i,r),requestAnimationFrame((()=>{l(4,r.style.transition="",r),requestAnimationFrame((()=>{l(4,r.style.height=o,r)}))}));const s=()=>{l(4,r.style.height="",r),r.removeEventListener("transitionend",s)};r.addEventListener("transitionend",s)}}(m,i)},[u,m,d,i,r,g,c,y,a,o,n,s,function(e){M[e?"unshift":"push"]((()=>{c=e,l(6,c)}))},e=>y(e),function(e){M[e?"unshift":"push"]((()=>{r=e,l(4,r)}))}]}class U extends e{constructor(e){super(),t(this,e,O,Z,l,{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 CHANGED Viewed

	@@ -1 +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":"qpHA6GmBA,EAAaC,EAAY,GAACC,6FADvCC,EAEMC,EAAAC,EAAAC,yCADON,EAAaC,EAAY,GAACC,cAAIG,EAAAE,UAAAC,wKAI3CL,EAEMC,EAAAC,EAAAC,+LAIHG,EAAAR,KAAaS,MAAK,GAEhBC,EAAAV,EAAO,IAAAW,aAAeX,MAAOY,cAAYC,EAAAb,0BAMxCA,EAAM,KAAAc,+IATZZ,EAEMC,EAAAC,EAAAC,2EADH,EAAAU,GAAAP,KAAAA,EAAAR,KAAaS,MAAK,KAAAO,EAAAC,EAAAT,GAEhBR,EAAO,IAAAW,aAAeX,MAAOY,4OAGvBM,EAAAlB,KAAaS,MAAK,iRAF3BP,EAGKC,EAAAgB,EAAAd,GAFHe,EAAmED,EAAAE,UACnED,EAAgCD,EAAAf,kBAAzB,EAAAW,GAAAG,KAAAA,EAAAlB,KAAaS,MAAK,KAAAO,EAAAM,EAAAJ,wPAc3BhB,EAMAC,EAAAoB,EAAAlB,GADGe,EAA+CG,EAAAC,6RAflDtB,EAQAC,EAAAoB,EAAAlB,GAHGe,EAECG,EAAAC,oNAqBRtB,EAEIC,EAAAsB,EAAApB,uRAnDCK,EAAAV,KAAaC,MAAIyB,EAAA1B,GAKjB2B,EAAA3B,KAAQC,MAAI2B,EAAA5B,KAKZA,EAAc,IAAA6B,EAAA7B,GAsCd8B,EAAA9B,KAAa+B,2BAAlBC,OAAIC,GAAA,wRAzDmBjC,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,iBACFkC,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,qEA+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,oCACF4C,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"}
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":"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 CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as e,i as t,s as i,H as a,R as s,b as l,n as r,q as d,ag as o,J as n,e as m,I as v,d as c,t as b,h as p,l as u,o as f}from"../../index-48da6c1f.js";import{i as x,s as _}from"../../sidebar-service-e5d3eb89.js";function h(e){a(e,"svelte-qrm9mv",".mc-sidebar-feature.svelte-qrm9mv.svelte-qrm9mv{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-qrm9mv.svelte-qrm9mv{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-qrm9mv span.svelte-qrm9mv{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-qrm9mv.svelte-qrm9mv{fill:#191919}.mc-sidebar-feature__icon-disabled.svelte-qrm9mv.svelte-qrm9mv{fill:#e54f00}.mc-sidebar-feature__label.svelte-qrm9mv.svelte-qrm9mv{-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-qrm9mv.svelte-qrm9mv{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-qrm9mv.svelte-qrm9mv{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-qrm9mv div.svelte-qrm9mv{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-qrm9mv:hover+.mc-sidebar-feature__label__tooltip.svelte-qrm9mv{opacity:1;-webkit-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-qrm9mv.svelte-qrm9mv{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-qrm9mv.svelte-qrm9mv{background:#ffab80}.mc-sidebar-feature.is-close.svelte-qrm9mv.svelte-qrm9mv{-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-qrm9mv .mc-sidebar-feature__container.svelte-qrm9mv{-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-qrm9mv.svelte-qrm9mv{-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-qrm9mv .mc-sidebar-feature__container.svelte-qrm9mv{-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-qrm9mv.svelte-qrm9mv{color:#e54f00;fill:#e54f00}.mc-sidebar-feature.svelte-qrm9mv.svelte-qrm9mv:hover{background:#ff7933}.mc-sidebar-feature.svelte-qrm9mv.svelte-qrm9mv:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-qrm9mv:focus-visible .mc-sidebar-feature__container.svelte-qrm9mv{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function q(e){let t,i,a,s,r,o,n,x,_,h,q,g,w,k,y=e[0].label+"";return{c(){t=m("span"),i=m("div"),a=v("svg"),s=v("g"),r=v("path"),o=v("defs"),n=v("clipPath"),x=v("path"),_=c(),h=m("span"),q=b(y),p(r,"fill-rule","evenodd"),p(r,"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"),p(s,"clip-path","url(#a)"),p(x,"d","M0 0h16v16H0z"),p(n,"id","a"),p(a,"class","mc-sidebar-feature__icon-disabled svelte-qrm9mv"),p(a,"width","16px"),p(a,"height","16px"),p(a,"viewBox","0 0 16 16"),p(h,"class","svelte-qrm9mv"),p(i,"class","mc-sidebar-feature__container svelte-qrm9mv"),p(t,"aria-label",g=e[0].label),p(t,"aria-disabled","true"),p(t,"class",w="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-qrm9mv"),p(t,"id",k=e[0].code)},m(e,d){l(e,t,d),u(t,i),u(i,a),u(a,s),u(s,r),u(a,o),u(o,n),u(n,x),u(i,_),u(i,h),u(h,q)},p(e,i){1&i&&y!==(y=e[0].label+"")&&f(q,y),1&i&&g!==(g=e[0].label)&&p(t,"aria-label",g),6&i&&w!==(w="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-qrm9mv")&&p(t,"class",w),1&i&&k!==(k=e[0].code)&&p(t,"id",k)},d(e){e&&d(t)}}}function g(e){let t,i,a,s,r,o,n,v,x,_,h,q=e[0].label+"",g=e[5]&&w(e),y="_blank"===e[0].embedded&&k();return{c(){t=m("a"),i=m("div"),a=m("span"),s=b(q),r=c(),g&&g.c(),o=c(),y&&y.c(),p(a,"class","mc-sidebar-feature__label svelte-qrm9mv"),p(i,"class","mc-sidebar-feature__container svelte-qrm9mv"),p(t,"aria-label",n=""+(e[0].label+e[3])),p(t,"href",v=e[0].href??"javascript:void(null)"),p(t,"target",x=e[0].embedded),p(t,"class",_="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-qrm9mv"),p(t,"id",h=e[0].code)},m(d,n){l(d,t,n),u(t,i),u(i,a),u(a,s),e[8](a),u(i,r),g&&g.m(i,null),u(i,o),y&&y.m(i,null)},p(e,a){1&a&&q!==(q=e[0].label+"")&&f(s,q),e[5]?g?g.p(e,a):(g=w(e),g.c(),g.m(i,o)):g&&(g.d(1),g=null),"_blank"===e[0].embedded?y||(y=k(),y.c(),y.m(i,null)):y&&(y.d(1),y=null),9&a&&n!==(n=""+(e[0].label+e[3]))&&p(t,"aria-label",n),1&a&&v!==(v=e[0].href??"javascript:void(null)")&&p(t,"href",v),1&a&&x!==(x=e[0].embedded)&&p(t,"target",x),6&a&&_!==(_="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-qrm9mv")&&p(t,"class",_),1&a&&h!==(h=e[0].code)&&p(t,"id",h)},d(i){i&&d(t),e[8](null),g&&g.d(),y&&y.d()}}}function w(e){let t,i,a,s,r,o=e[0].label+"";return{c(){t=m("div"),i=m("div"),i.innerHTML='<div class="svelte-qrm9mv"></div>',a=c(),s=m("span"),r=b(o),p(i,"class","mc-sidebar-feature__label__tooltip__pointer svelte-qrm9mv"),p(s,"class","svelte-qrm9mv"),p(t,"aria-hidden","true"),p(t,"class","mc-sidebar-feature__label__tooltip svelte-qrm9mv")},m(e,d){l(e,t,d),u(t,i),u(t,a),u(t,s),u(s,r)},p(e,t){1&t&&o!==(o=e[0].label+"")&&f(r,o)},d(e){e&&d(t)}}}function k(e){let t,i;return{c(){t=v("svg"),i=v("path"),p(i,"fill-rule","evenodd"),p(i,"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"),p(t,"class","mc-sidebar-feature__icon svelte-qrm9mv"),p(t,"width","16px"),p(t,"height","16px"),p(t,"viewBox","0 0 16 16")},m(e,a){l(e,t,a),u(t,i)},d(e){e&&d(t)}}}function y(e){let t;function i(e,t){return e[0].disabled?q:g}let a=i(e),o=a(e);return{c(){o.c(),t=s()},m(e,i){o.m(e,i),l(e,t,i)},p(e,[s]){a===(a=i(e))&&o?o.p(e,s):(o.d(1),o=a(e),o&&(o.c(),o.m(t.parentNode,t)))},i:r,o:r,d(e){o.d(e),e&&d(t)}}}function $(e,t,i){let a,s;o(e,x,(e=>i(1,a=e))),o(e,_,(e=>i(7,s=e)));let l,r,d,{feature:m}=t,{a11yLabels:v}=t,c=!1;return e.$$set=e=>{"feature"in e&&i(0,m=e.feature),"a11yLabels"in e&&i(6,v=e.a11yLabels)},e.$$.update=()=>{129&e.$$.dirty&&function(e,t){var a,s,l;i(2,c=null!==(l=(null==t?void 0:t.lv1)&&e.code===(null===(a=null==t?void 0:t.lv1)||void 0===a?void 0:a.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)}(m,s),65&e.$$.dirty&&function(e,t){t.embedded?i(3,l=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):i(3,l="")}(v,m),2&e.$$.dirty&&setTimeout((()=>{i(5,d=(null==r?void 0:r.offsetHeight)<(null==r?void 0:r.scrollHeight))}),500)},[m,a,c,l,r,d,v,s,function(e){n[e?"unshift":"push"]((()=>{r=e,i(4,r)}))}]}class H extends e{constructor(e){super(),t(this,e,$,y,i,{feature:0,a11yLabels:6},h)}}export{H 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 CHANGED Viewed

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

@@ -1,2 +1,2 @@
-import{G as e,i as s,s as t,H as i,R as n,b as a,A as l,y as o,z as c,q as r,ag as d,u as m,e as b,d as p,t as v,h as g,l as y,m as x,B as u,o as f,X as h,Y as _,Z as w,_ as $}from"../../index-48da6c1f.js";import{a as k,s as j,i as H}from"../../sidebar-service-e5d3eb89.js";function z(e){i(e,"svelte-146tyi3",".mc-sidebar-segment.svelte-146tyi3.svelte-146tyi3{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-146tyi3.svelte-146tyi3{fill:#191919;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-146tyi3.svelte-146tyi3{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-146tyi3.svelte-146tyi3{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-146tyi3.svelte-146tyi3{background:#ffab80}.mc-sidebar-segment.svelte-146tyi3 .svelte-146tyi3:last-child{margin-left:10px}.mc-sidebar-segment.svelte-146tyi3.svelte-146tyi3:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-146tyi3:focus-visible .mc-sidebar-segment__container.svelte-146tyi3{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-146tyi3.svelte-146tyi3:hover{background:#ff7933}.mc-sidebar-segment.is-close.svelte-146tyi3 .mc-sidebar-segment__container.svelte-146tyi3{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-146tyi3 .mc-sidebar-segment__text.svelte-146tyi3{opacity:0}.mc-sidebar-segment.is-open.svelte-146tyi3 .mc-sidebar-segment__container.svelte-146tyi3{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-146tyi3 .mc-sidebar-segment__text.svelte-146tyi3{opacity:1}")}const L=e=>({}),M=e=>({});function T(e){let s,t,i,n,d,m,h,_,w,$,k,j,H,z,L,M=e[0].label+"",T=e[0].icon&&q(e),B=e[4].icon&&A(e);return{c(){s=b("a"),t=b("div"),T&&T.c(),i=p(),B&&B.c(),n=p(),d=b("span"),m=v(M),g(d,"aria-hidden",h=!e[2]),g(d,"class","mc-sidebar-segment__text svelte-146tyi3"),g(t,"class","mc-sidebar-segment__container svelte-146tyi3"),g(s,"id",_=e[0].code),g(s,"aria-label",w=e[0].label),g(s,"class",$="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-146tyi3"),g(s,"href",k=e[0].href??"javascript:void(null)"),g(s,"target",j=e[0].embedded)},m(l,o){a(l,s,o),y(s,t),T&&T.m(t,null),y(t,i),B&&B.m(t,null),y(t,n),y(t,d),y(d,m),H=!0,z||(L=x(s,"click",e[3]),z=!0)},p(e,a){e[0].icon?T?T.p(e,a):(T=q(e),T.c(),T.m(t,i)):T&&(T.d(1),T=null),e[4].icon?B?(B.p(e,a),16&a&&l(B,1)):(B=A(e),B.c(),l(B,1),B.m(t,n)):B&&(u(),o(B,1,1,(()=>{B=null})),c()),(!H||1&a)&&M!==(M=e[0].label+"")&&f(m,M),(!H||4&a&&h!==(h=!e[2]))&&g(d,"aria-hidden",h),(!H||1&a&&_!==(_=e[0].code))&&g(s,"id",_),(!H||1&a&&w!==(w=e[0].label))&&g(s,"aria-label",w),(!H||7&a&&$!==($="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-146tyi3"))&&g(s,"class",$),(!H||1&a&&k!==(k=e[0].href??"javascript:void(null)"))&&g(s,"href",k),(!H||1&a&&j!==(j=e[0].embedded))&&g(s,"target",j)},i(e){H||(l(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=b("span"),g(s,"class","mc-sidebar-segment__icon svelte-146tyi3")},m(e,i){a(e,s,i),s.innerHTML=t},p(e,i){1&i&&t!==(t=`<${G(e[0].icon)} />`)&&(s.innerHTML=t)},d(e){e&&r(s)}}}function A(e){let s,t;const i=e[6].icon,n=h(i,e,e[5],M);return{c(){s=b("span"),n&&n.c(),g(s,"class","mc-sidebar-segment__icon svelte-146tyi3")},m(e,i){a(e,s,i),n&&n.m(s,null),t=!0},p(e,s){n&&n.p&&(!t||32&s)&&_(n,i,e,e[5],t?$(i,e[5],s,L):w(e[5]),M)},i(e){t||(l(n,e),t=!0)},o(e){o(n,e),t=!1},d(e){e&&r(s),n&&n.d(e)}}}function B(e){let s,t,i=e[0]&&T(e);return{c(){i&&i.c(),s=n()},m(e,n){i&&i.m(e,n),a(e,s,n),t=!0},p(e,[t]){e[0]?i?(i.p(e,t),1&t&&l(i,1)):(i=T(e),i.c(),l(i,1),i.m(s.parentNode,s)):i&&(u(),o(i,1,1,(()=>{i=null})),c())},i(e){t||(l(i),t=!0)},o(e){o(i),t=!1},d(e){i&&i.d(e),e&&r(s)}}}function G(e){return`${e} size="1.5rem"`}function N(e,s,t){let i,n;d(e,j,(e=>t(1,i=e))),d(e,H,(e=>t(2,n=e)));let{$$slots:a={},$$scope:l}=s;const o=m(a);let{data:c}=s;return e.$$set=e=>{"data"in e&&t(0,c=e.data),"$$scope"in e&&t(5,l=e.$$scope)},[c,i,n,function(){k(c.code)},o,l,a]}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 CHANGED Viewed

	@@ -1 +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":"~~wmEA4CSA~~,EAAAC,KAAKC,MAAK,~~GAXRC~~,EAAAF,KAAKG,MAAIC,EAAAJ,~~GAKTK~~,EAAAL,KAAQG,MAAIG,EAAAN,~~wGAKGA~~,EAAc,~~uHApBhCO~~,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,gCAC1CA,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,qDAC1CA,EAAI,~~GAACc~~,MAAQ,~~2CACXS~~,GAAA,EAAAC,~~GAAAT~~,KAAAA,~~EAAAf~~,~~KAAKgB~~,~~sIAMIW~~,~~EAAa3B~~,EAAI,GAACG,~~iGAD~~/Bc,~~EAEMC~~,~~EAAAI~~,~~EAAAH~~,~~yCADOQ~~,~~EAAa3B~~,~~EAAI~~,~~GAACG~~,~~cAAImB~~,~~EAAAM~~,~~UAAAC~~,~~0KAInCZ~~,~~EAEMC~~,~~EAAAI~~,~~EAAAH~~,~~sLApBTnB~~,EAAI,~~IAAA8B~~,~~EAAA9B~~,yEAAJA,EAAI,0KATE,~~SAAA2B~~,~~EAAaI~~,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,~~EAAKtB~~"}
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 \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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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":"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 CHANGED Viewed

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