@mozaic-ds/web-components 0.26.0 → 0.27.0

package/public/bricoman/components/segmentedcontrol/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/segmentedcontrol/SegmentedControl.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { itemsType } from './segmentedControl.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  export let items: string;\n  export let selected: string;\n  export let size: string;\n  export let full = false;\n  $: segments = items ? (JSON.parse(items) as itemsType[]) : [];\n  $: segmentSelected = selected ? Number(selected) : '';\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function manageSegment(index: any, segment: any) {\n    segmentSelected = index;\n    eventHandler.dispatch('segment-selected', {\n      index,\n      segment,\n    });\n  }\n</script>\n\n<div\n  class=\"mc-segmented-control\"\n  class:mc-segmented-control--m={size === 'm'}\n  class:mc-segmented-control--full={full}\n>\n  {#each segments as segment, index}\n    <button\n      type=\"button\"\n      class=\"mc-segmented-control__segment\"\n      class:is-active={segmentSelected === index}\n      class:is-disabled={segment.disabled}\n      on:click={() => manageSegment(index, segment)}\n    >\n      <span class=\"mc-segmented-control__content\">\n        {#if index === segmentSelected}\n          <div class=\"mc-segmented-control__icon\">\n            <navigation-notification-available-16px\n              name=\"NotificationAvailable16\"\n              size=\"100%\"\n            />\n          </div>\n        {/if}\n        <span class=\"mc-segmented-control__label\">\n          {segment.label}\n        </span>\n      </span>\n    </button>\n  {/each}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  .mc-segmented-control__content {\n    box-sizing: border-box;\n  }\n  @import '@mozaic-ds/styles/components/c.segmented-control';\n</style>\n"],"names":["insert","target","div","anchor","t1_value","ctx","label","if_block","create_if_block","toggle_class","button","disabled","append","span1","span0","dirty","set_data","t1","length","i","items","$$props","selected","size","full","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageSegment","index","segment","$$invalidate","segmentSelected","dispatch","segments","JSON","parse","Number"],"mappings":"mgBA6CUA,EAKKC,EAAAC,EAAAC,qDAGJC,EAAAC,KAAQC,MAAK,GATXC,EAAAF,QAAUA,EAAe,IAAAG,gRALfC,EAAAC,EAAA,YAAAL,OAAoBA,EAAK,KACvBI,EAAAC,EAAA,cAAAL,KAAQM,kBAJ7BX,EAoBQC,EAAAS,EAAAP,GAbNS,EAYMF,EAAAG,yBAHJD,EAEMC,EAAAC,gEAVST,EAAe,gDAS3B,EAAAU,GAAAX,KAAAA,EAAAC,KAAQC,MAAK,KAAAU,EAAAC,EAAAb,QAdDK,EAAAC,EAAA,YAAAL,OAAoBA,EAAK,UACvBI,EAAAC,EAAA,cAAAL,KAAQM,kEALxBN,EAAQ,wBAAba,OAAIC,GAAA,2HAHyBV,EAAAP,EAAA,0BAAS,MAATG,uCACGA,EAAI,YAHxCL,EA4BKC,EAAAC,EAAAC,mFAvBIE,EAAQ,WAAba,OAAIC,GAAA,EAAA,iHAAJD,YAH6BT,EAAAP,EAAA,0BAAS,MAATG,4CACGA,EAAI,oEAxB3Be,GAAaC,YACbC,GAAgBD,QAChBE,GAAYF,GACZG,KAAAA,GAAO,GAAKH,EAInBI,EAAmB,IAAAC,EACrBC,IACAC,cAGOC,EAAcC,EAAYC,GACjCC,EAAA,EAAAC,EAAkBH,GAClBL,EAAaS,SAAS,mBACpB,CAAAJ,QACAC,kLAZHC,EAAA,EAAEG,EAAWf,EAASgB,KAAKC,MAAMjB,GAAK,mBACtCY,EAAA,EAAEC,EAAkBX,EAAWgB,OAAOhB,GAAY,2BA2B/BO,EAAcC,EAAOC"}
+{"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/segmentedcontrol/SegmentedControl.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { itemsType } from './segmentedControl.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  export let items: string;\n  export let selected: string;\n  export let size: string;\n  export let full = false;\n  $: segments = items ? (JSON.parse(items) as itemsType[]) : [];\n  $: segmentSelected = selected ? Number(selected) : '';\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function manageSegment(index: any, segment: any) {\n    segmentSelected = index;\n    eventHandler.dispatch('segment-selected', {\n      index,\n      segment,\n    });\n  }\n</script>\n\n<div\n  class=\"mc-segmented-control\"\n  class:mc-segmented-control--m={size === 'm'}\n  class:mc-segmented-control--full={full}\n>\n  {#each segments as segment, index}\n    <button\n      type=\"button\"\n      class=\"mc-segmented-control__segment\"\n      class:is-active={segmentSelected === index}\n      class:is-disabled={segment.disabled}\n      on:click={() => manageSegment(index, segment)}\n    >\n      <span class=\"mc-segmented-control__content\">\n        {#if index === segmentSelected}\n          <span class=\"mc-segmented-control__icon\" />\n        {/if}\n        <span class=\"mc-segmented-control__label\">\n          {segment.label}\n        </span>\n      </span>\n    </button>\n  {/each}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  .mc-segmented-control__content {\n    box-sizing: border-box;\n  }\n  @import '@mozaic-ds/styles/components/c.segmented-control';\n</style>\n"],"names":["insert","target","span","anchor","t1_value","ctx","label","if_block","create_if_block","toggle_class","button","disabled","append","span1","span0","dirty","set_data","t1","length","i","div","items","$$props","selected","size","full","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageSegment","index","segment","$$invalidate","segmentSelected","dispatch","segments","JSON","parse","Number"],"mappings":"yXA6CUA,EAA0CC,EAAAC,EAAAC,qDAGzCC,EAAAC,KAAQC,MAAK,GAJXC,EAAAF,QAAUA,EAAe,IAAAG,gRALfC,EAAAC,EAAA,YAAAL,OAAoBA,EAAK,KACvBI,EAAAC,EAAA,cAAAL,KAAQM,kBAJ7BX,EAeQC,EAAAS,EAAAP,GARNS,EAOMF,EAAAG,yBAHJD,EAEMC,EAAAC,gEALST,EAAe,gDAI3B,EAAAU,GAAAX,KAAAA,EAAAC,KAAQC,MAAK,KAAAU,EAAAC,EAAAb,QATDK,EAAAC,EAAA,YAAAL,OAAoBA,EAAK,UACvBI,EAAAC,EAAA,cAAAL,KAAQM,kEALxBN,EAAQ,wBAAba,OAAIC,GAAA,2HAHyBV,EAAAW,EAAA,0BAAS,MAATf,uCACGA,EAAI,YAHxCL,EAuBKC,EAAAmB,EAAAjB,mFAlBIE,EAAQ,WAAba,OAAIC,GAAA,EAAA,iHAAJD,YAH6BT,EAAAW,EAAA,0BAAS,MAATf,4CACGA,EAAI,oEAxB3BgB,GAAaC,YACbC,GAAgBD,QAChBE,GAAYF,GACZG,KAAAA,GAAO,GAAKH,EAInBI,EAAmB,IAAAC,EACrBC,IACAC,cAGOC,EAAcC,EAAYC,GACjCC,EAAA,EAAAC,EAAkBH,GAClBL,EAAaS,SAAS,mBACpB,CAAAJ,QACAC,kLAZHC,EAAA,EAAEG,EAAWf,EAASgB,KAAKC,MAAMjB,GAAK,mBACtCY,EAAA,EAAEC,EAAkBX,EAAWgB,OAAOhB,GAAY,2BA2B/BO,EAAcC,EAAOC"}

package/public/bricoman/components/segmentedcontrol/SegmentedControl.svelte

@@ -43,12 +43,7 @@
     >
       <span class="mc-segmented-control__content">
         {#if index === segmentSelected}
-          <div class="mc-segmented-control__icon">
-            <navigation-notification-available-16px
-              name="NotificationAvailable16"
-              size="100%"
-            />
-          </div>
+          <span class="mc-segmented-control__icon" />
         {/if}
         <span class="mc-segmented-control__label">
           {segment.label}

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

@@ -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,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:#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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from '../../utilities/sidebar-service';\n\n  export let data: Segment;\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    id={data.code}\n    aria-label={data.label}\n    class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n      ? 'is-selected'\n      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    href={data.href ?? 'javascript:void(null)'}\n    target={data.embedded}\n    on:click={handleClick}\n  >\n    <div class=\"mc-sidebar-segment__container\">\n      {#if data.icon}\n        <span class=\"mc-sidebar-segment__icon\">\n          {@html `<${generateIcon(data.icon)} />`}\n        </span>\n      {/if}\n      {#if $$slots.icon}\n        <span class=\"mc-sidebar-segment__icon\">\n          <slot name=\"icon\" />\n        </span>\n      {/if}\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-segment {\n    cursor: pointer;\n    flex: 0;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    display: flex;\n    overflow: hidden;\n    min-height: 40px;\n\n    &__icon {\n      fill: $color-sidebar-icon;\n      height: 1.5rem;\n      width: 1.5rem;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    svg {\n      fill: $color-sidebar-icon;\n    }\n\n    &__text {\n      margin-left: 10px;\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    :last-child {\n      margin-left: 10px;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-segment__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":["t2_value","ctx","label","if_block0","icon","create_if_block_2","if_block1","create_if_block_1","attr","a","a_id_value","code","a_aria_label_value","a_class_value","lv0","href","a_target_value","embedded","insert","target","anchor","append","div","span","current","dirty","set_data","t2","generateIcon","innerHTML","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"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"}
+{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from '../../utilities/sidebar-service';\n\n  export let data: Segment;\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    id={data.code}\n    aria-label={data.label}\n    class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n      ? 'is-selected'\n      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    href={data.href ?? 'javascript:void(null)'}\n    target={data.embedded}\n    on:click={handleClick}\n  >\n    <div class=\"mc-sidebar-segment__container\">\n      {#if data.icon}\n        <span class=\"mc-sidebar-segment__icon\">\n          {@html `<${generateIcon(data.icon)} />`}\n        </span>\n      {/if}\n      {#if $$slots.icon}\n        <span class=\"mc-sidebar-segment__icon\">\n          <slot name=\"icon\" />\n        </span>\n      {/if}\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-segment {\n    cursor: pointer;\n    flex: 0;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    display: flex;\n    overflow: hidden;\n    min-height: 40px;\n\n    &__icon {\n      fill: $color-sidebar-icon;\n      height: 1.5rem;\n      width: 1.5rem;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    svg {\n      fill: $color-sidebar-icon;\n    }\n\n    &__text {\n      margin-left: 10px;\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    :last-child {\n      margin-left: 10px;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-segment__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":["t2_value","ctx","label","if_block0","icon","create_if_block_2","if_block1","create_if_block_1","attr","a","a_id_value","code","a_aria_label_value","a_class_value","lv0","href","a_target_value","embedded","insert","target","anchor","append","div","span","current","dirty","set_data","t2","generateIcon","innerHTML","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"6kEA4CSA,EAAAC,KAAKC,MAAK,GAXRC,EAAAF,KAAKG,MAAIC,EAAAJ,GAKTK,EAAAL,KAAQG,MAAIG,EAAAN,wGAKGA,EAAc,qHApBhCO,EAAAC,EAAA,KAAAC,EAAAT,KAAKU,MACGH,EAAAC,EAAA,aAAAG,EAAAX,KAAKC,OACUM,EAAAC,EAAA,QAAAI,EAAA,uBAAAZ,KAAKU,OAASV,EAAkB,IAAAa,KAAKH,KAC5D,cACA,IAAK,KAAAV,EAAiB,GAAA,UAAY,YAAU,+BAC1CA,EAAI,GAACc,MAAQ,yBACXP,EAAAC,EAAA,SAAAO,EAAAf,KAAKgB,kBAPfC,EAyBGC,EAAAV,EAAAW,GAfDC,EAcKZ,EAAAa,+CAHHD,EAEMC,EAAAC,iCAfEtB,EAAW,kBAGdA,KAAKG,2DAKLH,KAAQG,qGAMVoB,GAAA,EAAAC,IAAAzB,KAAAA,EAAAC,KAAKC,MAAK,KAAAwB,EAAAC,EAAA3B,qBADOC,EAAc,6BApBhCuB,GAAA,EAAAC,GAAAf,KAAAA,EAAAT,KAAKU,sBACGa,GAAA,EAAAC,GAAAb,KAAAA,EAAAX,KAAKC,+BACUsB,GAAA,EAAAC,GAAAZ,KAAAA,EAAA,uBAAAZ,KAAKU,OAASV,EAAkB,IAAAa,KAAKH,KAC5D,cACA,IAAK,KAAAV,EAAiB,GAAA,UAAY,YAAU,oDAC1CA,EAAI,GAACc,MAAQ,2CACXS,GAAA,EAAAC,GAAAT,KAAAA,EAAAf,KAAKgB,sIAMIW,EAAa3B,EAAI,GAACG,gGAD/Bc,EAEMC,EAAAI,EAAAH,yCADOQ,EAAa3B,EAAI,GAACG,cAAImB,EAAAM,UAAAC,yKAInCZ,EAEMC,EAAAI,EAAAH,sLApBTnB,EAAI,IAAA8B,EAAA9B,yEAAJA,EAAI,0KATE,SAAA2B,EAAaI,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,EAAKtB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-user.nested.js","sources":["../../../../src/components/sidebar/sidebar-user.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import {\n    isSidebarOpen,\n    selectFeature,\n    toggleSidebar,\n  } from '../../utilities/sidebar-service';\n  import type { User, Feature, A11yLabels } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n\n  export let user: User;\n  export let data: Feature[];\n  export let a11yLabels: A11yLabels;\n\n  let content: HTMLElement;\n  let isExpanded = false;\n\n  $: updateContentCSS(isExpanded, $isSidebarOpen);\n\n  // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n  function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n    if (content) {\n      content.style.height = '';\n      content.style.transition = 'none';\n      const startHeight = window.getComputedStyle(content).height;\n\n      content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n      content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n      const height = window.getComputedStyle(content).height;\n      content.style.height = startHeight;\n\n      // wait until the next frame so that everything has time to update before starting the transition\n      requestAnimationFrame(() => {\n        content.style.transition = '';\n        requestAnimationFrame(() => {\n          content.style.height = height;\n        });\n      });\n\n      // Clear the saved height values after the transition\n      const handler = () => {\n        content.style.height = '';\n        content.removeEventListener('transitionend', handler);\n      };\n\n      content.addEventListener('transitionend', handler);\n    }\n  }\n\n  function toggle(): void {\n    if (!$isSidebarOpen) {\n      toggleSidebar(true);\n      isExpanded = true;\n    } else {\n      isExpanded = !isExpanded;\n    }\n  }\n\n  function capitalizeTheFirstLetterOfEachWord(words: string): string {\n    let separateWord: string[] = words.toLowerCase().split(' ');\n    for (let i = 0; i < separateWord.length; i++) {\n      separateWord[i] =\n        separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1);\n    }\n    return separateWord.join(' ');\n  }\n\n  function handleClick(feature: Feature) {\n    if (!feature.disabled) {\n      selectFeature(feature.code);\n    }\n  }\n</script>\n\n{#if user}\n  <!-- svelte-ignore a11y-click-events-have-key-events -->\n  <div\n    class=\"mc-sidebar-user {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    on:click={toggle}\n  >\n    <button\n      aria-expanded={$isSidebarOpen && isExpanded}\n      class=\"mc-sidebar-user__header\"\n      aria-label={$isSidebarOpen && isExpanded\n        ? a11yLabels?.['close-user'] || 'Close the user sub menu'\n        : a11yLabels?.['open-user'] || 'Open the user sub menu'}\n      aria-controls=\"user-content\"\n      id=\"user-trigger\"\n    >\n      <span class=\"mc-sidebar-user__header__picture\">\n        {#if user.imageBase64}\n          <img\n            class=\"base64\"\n            style=\"display:block; width:auto; height:48px; max-width:48px;\"\n            aria-hidden\n            alt=\"User Picture\"\n            src=\"data:image/png;base64, {user.imageBase64}\"\n          />\n        {:else}\n          <svg\n            class=\"mc-sidebar-user__icon\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            ><path\n              d=\"M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z\"\n            /></svg\n          >\n        {/if}\n      </span>\n      {#if $isSidebarOpen}\n        <p class=\"mc-sidebar-user__header__information\">\n          <span class=\"mc-sidebar-user__header__information__identity\">\n            {user?.firstName || ''}\n            {user?.lastName || ''}\n          </span>\n          {#if user?.title}\n            <span class=\"mc-sidebar-user__header__information__title\">\n              {capitalizeTheFirstLetterOfEachWord(user.title)}\n            </span>\n          {/if}\n        </p>\n        {#if data?.length}\n          <span class=\"mc-sidebar-user__header__information__icon\">\n            {#if $isSidebarOpen && !isExpanded}\n              <svg\n                class=\"mc-sidebar-user__icon\"\n                width=\"16px\"\n                height=\"16px\"\n                viewBox=\"0 0 16 16\"\n                ><path\n                  d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n                /></svg\n              >\n            {:else}\n              <svg\n                width=\"16px\"\n                height=\"16px\"\n                class=\"mc-sidebar-user__icon\"\n                viewBox=\"0 0 16 16\"\n                ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n              >\n            {/if}\n          </span>\n        {/if}\n      {/if}\n    </button>\n    {#if data?.length}\n      <ul\n        aria-hidden={!$isSidebarOpen || !isExpanded}\n        class=\"mc-sidebar-user__content is-close\"\n        id=\"user-content\"\n        bind:this={content}\n      >\n        {#each data as feature}\n          <!-- svelte-ignore a11y-click-events-have-key-events -->\n          <li on:click|stopPropagation={() => handleClick(feature)}>\n            <FeatureComponent {feature} {a11yLabels} />\n          </li>\n        {/each}\n      </ul>\n    {/if}\n  </div>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-user {\n    left: 0;\n    right: 0;\n    bottom: 0;\n    position: absolute;\n    background: $color-sidebar-user-background;\n\n    &__header {\n      display: flex;\n      align-items: center;\n      background: none;\n      border: none;\n      color: $color-sidebar-text-color;\n      font-size: inherit;\n      font-family: inherit;\n      text-align: initial;\n      margin: 0;\n      width: 100%;\n      overflow: hidden;\n\n      &:focus-visible {\n        box-shadow: none;\n        border: none;\n        border-radius: 12px;\n        outline: 1px solid #0b96cc;\n        outline-offset: -5px;\n      }\n\n      &:hover {\n        cursor: pointer;\n\n        .mc-sidebar-user__header__information__icon {\n          background: $color-sidebar-feature-hover-background;\n        }\n      }\n\n      &__picture {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: $color-grey;\n        border-radius: 24px;\n        width: 48px;\n        min-width: 48px;\n        height: 48px;\n        overflow: hidden;\n        img {\n          display: block;\n        }\n      }\n\n      &__information {\n        justify-content: space-around;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        margin: 0;\n        margin-left: 8px;\n        height: 40px;\n        &__icon {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 32px;\n          height: 32px;\n          border-radius: 4px;\n        }\n\n        &__identity {\n          font-size: 16px;\n          font-weight: bold;\n        }\n\n        &__title,\n        &__identity {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 176px;\n        }\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__content {\n      list-style-type: none;\n      padding: 0;\n      overflow: hidden;\n      margin: -8px 0px 24px 0px;\n      @include transition(all 300ms ease-in-out);\n\n      &.is-close {\n        height: 0;\n        margin: 0;\n      }\n\n      .is-open {\n        height: auto;\n      }\n    }\n\n    &.is-close {\n      .mc-sidebar-user__header {\n        @include transition(padding 300ms ease-in-out);\n        padding: 12px 8px;\n        margin: 8px 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-user__header {\n        @include transition(padding 300ms ease-in-out);\n        padding: 12px 24px 12px 32px;\n        margin: 8px 0;\n      }\n    }\n  }\n</style>\n"],"names":["ctx","imageBase64","create_if_block_6","create_if_block_2","if_block2","length","create_if_block_1","attr","button","button_aria_expanded_value","button_aria_label_value","insert","target","div","anchor","append","span","current","dirty","svg","path","src_url_equal","img","src","img_src_value","firstName","lastName","if_block0","title","create_if_block_5","if_block1","create_if_block_3","p","set_data","t0","t0_value","t2","t2_value","capitalizeTheFirstLetterOfEachWord","t","t_value","create_if_block_4","i","ul","ul_aria_hidden_value","each_blocks","li","create_if_block","words","separateWord","toLowerCase","split","charAt","toUpperCase","substring","join","content","user","$$props","data","a11yLabels","isExpanded","handleClick","feature","disabled","selectFeature","code","isOpen","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$isSidebarOpen","toggleSidebar","$$value"],"mappings":"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"}
+{"version":3,"file":"sidebar-user.nested.js","sources":["../../../../src/components/sidebar/sidebar-user.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import {\n    isSidebarOpen,\n    selectFeature,\n    toggleSidebar,\n  } from '../../utilities/sidebar-service';\n  import type { User, Feature, A11yLabels } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n\n  export let user: User;\n  export let data: Feature[];\n  export let a11yLabels: A11yLabels;\n\n  let content: HTMLElement;\n  let isExpanded = false;\n\n  $: updateContentCSS(isExpanded, $isSidebarOpen);\n\n  // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n  function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n    if (content) {\n      content.style.height = '';\n      content.style.transition = 'none';\n      const startHeight = window.getComputedStyle(content).height;\n\n      content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n      content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n      const height = window.getComputedStyle(content).height;\n      content.style.height = startHeight;\n\n      // wait until the next frame so that everything has time to update before starting the transition\n      requestAnimationFrame(() => {\n        content.style.transition = '';\n        requestAnimationFrame(() => {\n          content.style.height = height;\n        });\n      });\n\n      // Clear the saved height values after the transition\n      const handler = () => {\n        content.style.height = '';\n        content.removeEventListener('transitionend', handler);\n      };\n\n      content.addEventListener('transitionend', handler);\n    }\n  }\n\n  function toggle(): void {\n    if (!$isSidebarOpen) {\n      toggleSidebar(true);\n      isExpanded = true;\n    } else {\n      isExpanded = !isExpanded;\n    }\n  }\n\n  function capitalizeTheFirstLetterOfEachWord(words: string): string {\n    let separateWord: string[] = words.toLowerCase().split(' ');\n    for (let i = 0; i < separateWord.length; i++) {\n      separateWord[i] =\n        separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1);\n    }\n    return separateWord.join(' ');\n  }\n\n  function handleClick(feature: Feature) {\n    if (!feature.disabled) {\n      selectFeature(feature.code);\n    }\n  }\n</script>\n\n{#if user}\n  <!-- svelte-ignore a11y-click-events-have-key-events -->\n  <div\n    class=\"mc-sidebar-user {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    on:click={toggle}\n  >\n    <button\n      aria-expanded={$isSidebarOpen && isExpanded}\n      class=\"mc-sidebar-user__header\"\n      aria-label={$isSidebarOpen && isExpanded\n        ? a11yLabels?.['close-user'] || 'Close the user sub menu'\n        : a11yLabels?.['open-user'] || 'Open the user sub menu'}\n      aria-controls=\"user-content\"\n      id=\"user-trigger\"\n    >\n      <span class=\"mc-sidebar-user__header__picture\">\n        {#if user.imageBase64}\n          <img\n            class=\"base64\"\n            style=\"display:block; width:auto; height:48px; max-width:48px;\"\n            aria-hidden\n            alt=\"User Picture\"\n            src=\"data:image/png;base64, {user.imageBase64}\"\n          />\n        {:else}\n          <svg\n            class=\"mc-sidebar-user__icon\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            ><path\n              d=\"M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z\"\n            /></svg\n          >\n        {/if}\n      </span>\n      {#if $isSidebarOpen}\n        <p class=\"mc-sidebar-user__header__information\">\n          <span class=\"mc-sidebar-user__header__information__identity\">\n            {user?.firstName || ''}\n            {user?.lastName || ''}\n          </span>\n          {#if user?.title}\n            <span class=\"mc-sidebar-user__header__information__title\">\n              {capitalizeTheFirstLetterOfEachWord(user.title)}\n            </span>\n          {/if}\n        </p>\n        {#if data?.length}\n          <span class=\"mc-sidebar-user__header__information__icon\">\n            {#if $isSidebarOpen && !isExpanded}\n              <svg\n                class=\"mc-sidebar-user__icon\"\n                width=\"16px\"\n                height=\"16px\"\n                viewBox=\"0 0 16 16\"\n                ><path\n                  d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n                /></svg\n              >\n            {:else}\n              <svg\n                width=\"16px\"\n                height=\"16px\"\n                class=\"mc-sidebar-user__icon\"\n                viewBox=\"0 0 16 16\"\n                ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n              >\n            {/if}\n          </span>\n        {/if}\n      {/if}\n    </button>\n    {#if data?.length}\n      <ul\n        aria-hidden={!$isSidebarOpen || !isExpanded}\n        class=\"mc-sidebar-user__content is-close\"\n        id=\"user-content\"\n        bind:this={content}\n      >\n        {#each data as feature}\n          <!-- svelte-ignore a11y-click-events-have-key-events -->\n          <li on:click|stopPropagation={() => handleClick(feature)}>\n            <FeatureComponent {feature} {a11yLabels} />\n          </li>\n        {/each}\n      </ul>\n    {/if}\n  </div>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-user {\n    left: 0;\n    right: 0;\n    bottom: 0;\n    position: absolute;\n    background: $color-sidebar-user-background;\n\n    &__header {\n      display: flex;\n      align-items: center;\n      background: none;\n      border: none;\n      color: $color-sidebar-text-color;\n      font-size: inherit;\n      font-family: inherit;\n      text-align: initial;\n      margin: 0;\n      width: 100%;\n      overflow: hidden;\n\n      &:focus-visible {\n        box-shadow: none;\n        border: none;\n        border-radius: 12px;\n        outline: 1px solid #0b96cc;\n        outline-offset: -5px;\n      }\n\n      &:hover {\n        cursor: pointer;\n\n        .mc-sidebar-user__header__information__icon {\n          background: $color-sidebar-feature-hover-background;\n        }\n      }\n\n      &__picture {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: $color-grey;\n        border-radius: 24px;\n        width: 48px;\n        min-width: 48px;\n        height: 48px;\n        overflow: hidden;\n        img {\n          display: block;\n        }\n      }\n\n      &__information {\n        justify-content: space-around;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        margin: 0;\n        margin-left: 8px;\n        height: 40px;\n        &__icon {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 32px;\n          height: 32px;\n          border-radius: 4px;\n        }\n\n        &__identity {\n          font-size: 16px;\n          font-weight: bold;\n        }\n\n        &__title,\n        &__identity {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 176px;\n        }\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__content {\n      list-style-type: none;\n      padding: 0;\n      overflow: hidden;\n      margin: -8px 0px 24px 0px;\n      @include transition(all 300ms ease-in-out);\n\n      &.is-close {\n        height: 0;\n        margin: 0;\n      }\n\n      .is-open {\n        height: auto;\n      }\n    }\n\n    &.is-close {\n      .mc-sidebar-user__header {\n        @include transition(padding 300ms ease-in-out);\n        padding: 12px 8px;\n        margin: 8px 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-user__header {\n        @include transition(padding 300ms ease-in-out);\n        padding: 12px 24px 12px 32px;\n        margin: 8px 0;\n      }\n    }\n  }\n</style>\n"],"names":["ctx","imageBase64","create_if_block_6","create_if_block_2","if_block2","length","create_if_block_1","attr","button","button_aria_expanded_value","button_aria_label_value","insert","target","div","anchor","append","span","current","dirty","svg","path","src_url_equal","img","src","img_src_value","firstName","lastName","if_block0","title","create_if_block_5","if_block1","create_if_block_3","p","set_data","t0","t0_value","t2","t2_value","capitalizeTheFirstLetterOfEachWord","t","t_value","create_if_block_4","i","ul","ul_aria_hidden_value","each_blocks","li","create_if_block","words","separateWord","toLowerCase","split","charAt","toUpperCase","substring","join","content","user","$$props","data","a11yLabels","isExpanded","handleClick","feature","disabled","selectFeature","code","isOpen","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$isSidebarOpen","toggleSidebar","$$value"],"mappings":"w2GA4Fa,OAAAA,KAAKC,YAAWC,wBAoBlBF,EAAc,IAAAG,EAAAH,GAqChBI,EAAAJ,MAAMK,QAAMC,EAAAN,qJAlEAO,EAAAC,EAAA,gBAAAC,EAAAT,MAAkBA,EAAU,yDAE/BO,EAAAC,EAAA,aAAAE,EAAAV,MAAkBA,EAAA,GAC1BA,EAAU,KAAG,eAAiB,0BAC9BA,EAAU,KAAG,cAAgB,yHARXA,EAAc,GAAG,UAAY,YAAU,0BADjEW,EAsFKC,EAAAC,EAAAC,GAlFHC,EAkEQF,EAAAL,GAzDNO,EAoBMP,EAAAQ,kFA/BEhB,EAAM,kFAgCTA,EAAc,8DA7BJiB,GAAA,GAAAC,GAAAT,KAAAA,EAAAT,MAAkBA,EAAU,+BAE/BiB,GAAA,GAAAC,GAAAR,KAAAA,EAAAV,MAAkBA,EAAA,GAC1BA,EAAU,KAAG,eAAiB,0BAC9BA,EAAU,KAAG,cAAgB,gDA8D9BA,MAAMK,6IAtEaL,EAAc,GAAG,UAAY,YAAU,umBAsBzDW,EAQAC,EAAAO,EAAAL,GAHGC,EAECI,EAAAC,+OAV2BC,EAAAC,EAAAC,IAAAC,EAAA,0BAAAxB,KAAKC,cAAWM,EAAAe,EAAA,MAAAE,WAL/Cb,EAMCC,EAAAU,EAAAR,WAD8B,EAAAI,IAAAG,EAAAC,EAAAC,IAAAC,EAAA,0BAAAxB,KAAKC,gFAiBjCD,EAAI,IAAEyB,WAAa,IAAE,MACrBzB,EAAI,IAAE0B,UAAY,IAAE,GAElBC,EAAA3B,MAAM4B,OAAKC,EAAA7B,GAMb8B,EAAA9B,MAAMK,QAAM0B,EAAA/B,iPAXjBW,EAUGC,EAAAoB,EAAAlB,GATDC,EAGMiB,EAAAhB,iGAFHhB,EAAI,IAAEyB,WAAa,IAAE,KAAAQ,EAAAC,EAAAC,gBACrBnC,EAAI,IAAE0B,UAAY,IAAE,KAAAO,EAAAG,EAAAC,GAElBrC,MAAM4B,+DAMR5B,MAAMK,mJAJJiC,EAAmCtC,EAAI,GAAC4B,OAAK,kHADhDjB,EAEMC,EAAAI,EAAAF,8BADHwB,EAAmCtC,EAAI,GAAC4B,OAAK,KAAAK,EAAAM,EAAAC,uDAM3C,OAAAxC,OAAmBA,EAAU,GAAAyC,mIADpC9B,EAoBMC,EAAAI,EAAAF,uUARFH,EAMAC,EAAAO,EAAAL,GADGC,EAA+CI,EAAAC,6RAflDT,EAQAC,EAAAO,EAAAL,GAHGC,EAECI,EAAAC,6CAsBHpB,EAAI,wBAATK,OAAIqC,GAAA,sHALQnC,EAAAoC,EAAA,cAAAC,GAAA5C,OAAmBA,EAAU,oGAD7CW,EAYIC,EAAA+B,EAAA7B,+FANKd,EAAI,WAATK,OAAIqC,GAAA,EAAA,yGAAJrC,OAAIqC,EAAAG,EAAAxC,OAAAqC,GAAA,aALQzB,GAAA,GAAAC,GAAA0B,KAAAA,GAAA5C,OAAmBA,EAAU,wDAKzCK,OAAIqC,GAAA,yRAEJ/B,EAEIC,EAAAkC,EAAAhC,iQApFTd,EAAI,IAAA+C,EAAA/C,yEAAJA,EAAI,0KAhBE,SAAAsC,EAAmCU,GACtC,IAAAC,EAAyBD,EAAME,cAAcC,MAAM,aAC9CT,EAAI,EAAGA,EAAIO,EAAa5C,OAAQqC,IACvCO,EAAaP,GACXO,EAAaP,GAAGU,OAAO,GAAGC,cAAgBJ,EAAaP,GAAGY,UAAU,UAEjEL,EAAaM,KAAK,sDAnDvBC,QAJOC,GAAUC,QACVC,GAAeD,cACfE,GAAsBF,EAG7BG,GAAa,EAqDR,SAAAC,EAAYC,GACdA,EAAQC,UACXC,EAAcF,EAAQG,6JAlDAL,EAAqBM,MACzCX,EAAO,CACTY,EAAA,EAAAZ,EAAQa,MAAMC,OAAS,GAAEd,GACzBY,EAAA,EAAAZ,EAAQa,MAAME,WAAa,OAAMf,GAC3B,MAAAgB,EAAcC,OAAOC,iBAAiBlB,GAASc,OAErDd,EAAQmB,UAAUC,IAAIT,GAAUN,EAAa,UAAY,YACzDL,EAAQmB,UAAUE,OAAOV,GAAUN,EAAa,WAAa,WAEvD,MAAAS,EAASG,OAAOC,iBAAiBlB,GAASc,OAChDF,EAAA,EAAAZ,EAAQa,MAAMC,OAASE,EAAWhB,GAGlCsB,uBAAqB,KACnBV,EAAA,EAAAZ,EAAQa,MAAME,WAAa,GAAEf,GAC7BsB,uBAAqB,KACnBV,EAAA,EAAAZ,EAAQa,MAAMC,OAASA,EAAMd,EAAA,aAK3BuB,EAAO,KACXX,EAAA,EAAAZ,EAAQa,MAAMC,OAAS,GAAEd,GACzBA,EAAQwB,oBAAoB,gBAAiBD,EAAO,EAGtDvB,EAAQyB,iBAAiB,gBAAiBF,IA7B3CG,CAAiBrB,EAAYsB,4BAkCzBA,EAIHf,EAAA,EAAAP,GAAcA,IAHduB,GAAc,GACdhB,EAAA,EAAAP,GAAa,OAwG2BE,GAAAD,EAAYC,2CAJvCP,EAAO6B"}