@mozaic-ds/web-components 0.9.0 → 0.10.0

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

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

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

@@ -1,2 +1,2 @@
-import{P as s,i as e,s as a,Q as i,e as t,g as r,b as o,n,o as m,ab as f}from"../../index-c33b3772.js";import{i as l}from"../../sidebar-service-275bf9ef.js";function p(s){i(s,"svelte-1f4eefa",".mc-sidebar-separator.svelte-1f4eefa{border-bottom:1px solid #b3b3b3;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-sidebar-separator.is-close.svelte-1f4eefa{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 0}.mc-sidebar-separator.is-open.svelte-1f4eefa{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 32px}")}function b(s){let e,a;return{c(){e=t("span"),r(e,"role","separator"),r(e,"class",a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-1f4eefa")},m(s,a){o(s,e,a)},p(s,[i]){1&i&&a!==(a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-1f4eefa")&&r(e,"class",a)},i:n,o:n,d(s){s&&m(e)}}}function c(s,e,a){let i;return f(s,l,(s=>a(0,i=s))),[i]}class d extends s{constructor(s){super(),e(this,s,c,b,a,{},p)}}export{d as default};
+import{P as s,i as e,s as a,Q as i,e as t,g as r,b as o,n,o as m,ab as l}from"../../index-c33b3772.js";import{i as p}from"../../sidebar-service-275bf9ef.js";function g(s){i(s,"svelte-ekgugv",".mc-sidebar-separator.svelte-ekgugv{border-bottom:1px solid #b3b3b3;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-sidebar-separator.is-close.svelte-ekgugv{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 0}.mc-sidebar-separator.is-open.svelte-ekgugv{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 32px}")}function b(s){let e,a;return{c(){e=t("span"),r(e,"role","separator"),r(e,"class",a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-ekgugv")},m(s,a){o(s,e,a)},p(s,[i]){1&i&&a!==(a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-ekgugv")&&r(e,"class",a)},i:n,o:n,d(s){s&&m(e)}}}function u(s,e,a){let i;return l(s,p,(s=>a(0,i=s))),[i]}class c extends s{constructor(s){super(),e(this,s,u,b,a,{},g)}}export{c as default};
 //# sourceMappingURL=sidebar-separator.nested.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-separator.nested.js","sources":["../../../../src/components/sidebar/sidebar-separator.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import { isSidebarOpen } from './sidebar-service';\n</script>\n\n<span\n  role=\"separator\"\n  class=\"mc-sidebar-separator {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n/>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-separator {\n    border-bottom: 1px solid $color-sidebar-divider-background;\n    display: flex;\n\n    &.is-close {\n      @include transition(margin 300ms ease-in-out);\n      margin: 24px 0;\n    }\n\n    &.is-open {\n      @include transition(margin 300ms ease-in-out);\n      margin: 24px 32px;\n    }\n  }\n</style>\n"],"names":["ctx","insert","target","span","anchor"],"mappings":"kxBAQ+BA,EAAc,GAAG,UAAY,YAAU,2BAFtEC,EAGCC,EAAAC,EAAAC,kDAD8BJ,EAAc,GAAG,UAAY,YAAU"}
+{"version":3,"file":"sidebar-separator.nested.js","sources":["../../../../src/components/sidebar/sidebar-separator.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import { isSidebarOpen } from './sidebar-service';\n</script>\n\n<span\n  role=\"separator\"\n  class=\"mc-sidebar-separator {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n/>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-separator {\n    border-bottom: 1px solid $color-sidebar-divider-background;\n    display: flex;\n\n    &.is-close {\n      @include transition(margin 300ms ease-in-out);\n      margin: 24px 0;\n    }\n\n    &.is-open {\n      @include transition(margin 300ms ease-in-out);\n      margin: 24px 32px;\n    }\n  }\n</style>\n"],"names":["ctx","insert","target","span","anchor"],"mappings":"8wBAQ+BA,EAAc,GAAG,UAAY,YAAU,0BAFtEC,EAGCC,EAAAC,EAAAC,kDAD8BJ,EAAc,GAAG,UAAY,YAAU"}

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

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

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

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

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

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

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

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

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

@@ -24,8 +24,6 @@
 
   let label: HTMLElement;
 
-  const mediumIconStyle = 'width: 24px; height: 24px;';
-
   function updateSelection(
     isExpanded: boolean,
     isOpen: boolean,
@@ -71,7 +69,7 @@
   }
 
   function generateIcon(iconname: string): string {
-    return `${iconname} size="2rem"`;
+    return `${iconname} size="1.5rem"`;
   }
 
   function handleClick(feature: Feature) {
@@ -99,7 +97,7 @@
     {#if featureGroup.icon}
       {@html `<${generateIcon(
         featureGroup.icon,
-      )} class="mc-feature-group__icon" style="${mediumIconStyle}" />`}
+      )} class="mc-feature-group__icon" />`}
     {/if}
     {#if $isSidebarOpen}
       <span class="mc-feature-group__label" bind:this={label}>

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

@@ -10,10 +10,8 @@
 
   export let data: Segment;
 
-  const mediumIconStyle = 'width: 24px; height: 24px;';
-
   function generateIcon(iconname: string): string {
-    return `${iconname} size="2rem"`;
+    return `${iconname} size="1.5rem"`;
   }
 
   function handleClick() {
@@ -33,9 +31,7 @@
   >
     <div class="mc-sidebar-segment__container mc-sidebar-segment__icon">
       {#if data.icon}
-        {@html `<${generateIcon(
-          data.icon,
-        )} class="mc-sidebar-segment__icon" style="${mediumIconStyle}" />`}
+        {@html `<${generateIcon(data.icon)} class="mc-sidebar-segment__icon"/>`}
       {/if}
       <span aria-hidden={!$isSidebarOpen} class="mc-sidebar-segment__text">
         {data.label}

package/public/bricoman/components/tabs/Tabs.nested.js

@@ -1,2 +1,2 @@
-import{P as e,i as t,s,Q as n,e as i,g as l,b as a,j as d,n as c,o,J as r,d as b,v as m,t as v,R as f,l as q,k as _,K as u}from"../../index-c33b3772.js";import{E as p}from"../../EventHandler-02058705.js";function x(e){n(e,"svelte-i8dqn7",'.mc-tabs.svelte-i8dqn7.svelte-i8dqn7{font-family:"LeroyMerlin", sans-serif;font-weight:400;background-color:#ffffff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:100%}.mc-tabs.svelte-i8dqn7.svelte-i8dqn7::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}.mc-tabs--no-shadow.svelte-i8dqn7.svelte-i8dqn7::after,.mc-tabs--no-divider.svelte-i8dqn7.svelte-i8dqn7::after{display:none}.mc-tabs__nav.svelte-i8dqn7.svelte-i8dqn7{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0;margin-bottom:0}.mc-tabs__nav.svelte-i8dqn7.svelte-i8dqn7,.mc-tabs__select.svelte-i8dqn7.svelte-i8dqn7{position:relative}.mc-tabs__link.svelte-i8dqn7.svelte-i8dqn7,.mc-tabs__element.svelte-i8dqn7.svelte-i8dqn7{font-size:0.875rem;line-height:1.2857142857;font-weight:600;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#666666;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:3.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;padding-left:0.75rem;padding-right:0.75rem;position:relative;text-decoration:none}.mc-tabs__link.svelte-i8dqn7.svelte-i8dqn7::before,.mc-tabs__element.svelte-i8dqn7.svelte-i8dqn7::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;bottom:-0.125rem;top:-0.125rem}.mc-tabs__link.svelte-i8dqn7.svelte-i8dqn7::after,.mc-tabs__element.svelte-i8dqn7.svelte-i8dqn7::after{background-color:transparent;bottom:0;content:"";height:0.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link.svelte-i8dqn7:hover .mc-tabs__text.svelte-i8dqn7,.mc-tabs__element.svelte-i8dqn7:hover .mc-tabs__text.svelte-i8dqn7{background-color:#ffe1d1}.mc-tabs__link.svelte-i8dqn7.svelte-i8dqn7:active,.mc-tabs__element.svelte-i8dqn7.svelte-i8dqn7:active{color:#333333}.mc-tabs__link.svelte-i8dqn7:active .mc-tabs__text.svelte-i8dqn7,.mc-tabs__element.svelte-i8dqn7:active .mc-tabs__text.svelte-i8dqn7{background-color:#ffab80}.mc-tabs__link.svelte-i8dqn7.svelte-i8dqn7:focus::before,.mc-tabs__element.svelte-i8dqn7.svelte-i8dqn7:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-tabs__link--selected.svelte-i8dqn7.svelte-i8dqn7,.mc-tabs__element--selected.svelte-i8dqn7.svelte-i8dqn7{color:#000000}.mc-tabs__link--selected.svelte-i8dqn7.svelte-i8dqn7::after,.mc-tabs__element--selected.svelte-i8dqn7.svelte-i8dqn7::after{background-color:#000000}.mc-tabs__link--disabled.svelte-i8dqn7.svelte-i8dqn7,.mc-tabs__element--disabled.svelte-i8dqn7.svelte-i8dqn7{cursor:not-allowed;background-color:#cccccc;pointer-events:none}.mc-tabs__link--disabled.svelte-i8dqn7.svelte-i8dqn7,.mc-tabs__link--disabled.svelte-i8dqn7.svelte-i8dqn7:hover,.mc-tabs__link--disabled.svelte-i8dqn7.svelte-i8dqn7:focus,.mc-tabs__link--disabled.svelte-i8dqn7.svelte-i8dqn7:active,.mc-tabs__element--disabled.svelte-i8dqn7.svelte-i8dqn7,.mc-tabs__element--disabled.svelte-i8dqn7.svelte-i8dqn7:hover,.mc-tabs__element--disabled.svelte-i8dqn7.svelte-i8dqn7:focus,.mc-tabs__element--disabled.svelte-i8dqn7.svelte-i8dqn7:active{-webkit-box-shadow:none;box-shadow:none}.mc-tabs__text.svelte-i8dqn7.svelte-i8dqn7{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:0.4375rem 0.75rem;pointer-events:none}.mc-tabs__icon.svelte-i8dqn7.svelte-i8dqn7{fill:currentColor;height:1.5rem;width:1.5rem}.mc-tabs--full-centered.svelte-i8dqn7.svelte-i8dqn7{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-tabs--dropdown.svelte-i8dqn7.svelte-i8dqn7{padding:1rem;width:auto}@media screen and (min-width: 680px){.mc-tabs.svelte-i8dqn7.svelte-i8dqn7{width:auto}.mc-tabs--full.svelte-i8dqn7.svelte-i8dqn7,.mc-tabs--full-centered.svelte-i8dqn7.svelte-i8dqn7{width:100%}}@media screen and (max-width: 679px){.mc-tabs.svelte-i8dqn7.svelte-i8dqn7:not(.mc-tabs--dropdown)::before{bottom:0.125rem}.mc-tabs__nav.svelte-i8dqn7.svelte-i8dqn7{overflow:auto hidden;white-space:nowrap}}')}function h(e,t,s){const n=e.slice();return n[12]=t[s],n[14]=s,n}function g(e){let t,s,n,c,r,b,m,u,p,x=e[12].text+"";function h(...t){return e[9](e[14],e[12],...t)}return{c(){t=i("button"),s=i("span"),n=v(x),l(s,"class","mc-tabs__text svelte-i8dqn7"),l(t,"role","tab"),l(t,"type","button"),l(t,"class",c=f($(e[12]))+" svelte-i8dqn7"),l(t,"id",r=e[12].id),t.disabled=b=e[12].disabled,l(t,"aria-selected",m=e[12].isActive?"true":"false")},m(e,i){a(e,t,i),d(t,s),d(s,n),u||(p=q(t,"click",h),u=!0)},p(s,i){e=s,32&i&&x!==(x=e[12].text+"")&&_(n,x),32&i&&c!==(c=f($(e[12]))+" svelte-i8dqn7")&&l(t,"class",c),32&i&&r!==(r=e[12].id)&&l(t,"id",r),32&i&&b!==(b=e[12].disabled)&&(t.disabled=b),32&i&&m!==(m=e[12].isActive?"true":"false")&&l(t,"aria-selected",m)},d(e){e&&o(t),u=!1,p()}}}function k(e){let t;function s(e,t){return e[12].disabled?w:y}let n=s(e),i=n(e);return{c(){i.c(),t=u()},m(e,s){i.m(e,s),a(e,t,s)},p(e,l){n===(n=s(e))&&i?i.p(e,l):(i.d(1),i=n(e),i&&(i.c(),i.m(t.parentNode,t)))},d(e){i.d(e),e&&o(t)}}}function w(e){let t,s,n,c,r,b,m=e[12].text+"";return{c(){t=i("span"),s=i("span"),n=v(m),l(s,"class","mc-tabs__text svelte-i8dqn7"),l(t,"role","tab"),l(t,"class",c=f($(e[12]))+" svelte-i8dqn7"),l(t,"id",r=e[12].id),l(t,"aria-selected",b=e[12].isActive?"true":"false")},m(e,i){a(e,t,i),d(t,s),d(s,n)},p(e,s){32&s&&m!==(m=e[12].text+"")&&_(n,m),32&s&&c!==(c=f($(e[12]))+" svelte-i8dqn7")&&l(t,"class",c),32&s&&r!==(r=e[12].id)&&l(t,"id",r),32&s&&b!==(b=e[12].isActive?"true":"false")&&l(t,"aria-selected",b)},d(e){e&&o(t)}}}function y(e){let t,s,n,c,r,b,m,u,p,x=e[12].text+"";function h(...t){return e[8](e[14],e[12],...t)}return{c(){t=i("a"),s=i("span"),n=v(x),l(s,"class","mc-tabs__text svelte-i8dqn7"),l(t,"href",c=e[12].href),l(t,"role","tab"),l(t,"class",r=f($(e[12]))+" svelte-i8dqn7"),l(t,"id",b=e[12].id),l(t,"aria-selected",m=e[12].isActive?"true":"false")},m(e,i){a(e,t,i),d(t,s),d(s,n),u||(p=q(t,"click",h),u=!0)},p(s,i){e=s,32&i&&x!==(x=e[12].text+"")&&_(n,x),32&i&&c!==(c=e[12].href)&&l(t,"href",c),32&i&&r!==(r=f($(e[12]))+" svelte-i8dqn7")&&l(t,"class",r),32&i&&b!==(b=e[12].id)&&l(t,"id",b),32&i&&m!==(m=e[12].isActive?"true":"false")&&l(t,"aria-selected",m)},d(e){e&&o(t),u=!1,p()}}}function j(e){let t,s;function n(e,t){return e[12].href?k:g}let c=n(e),r=c(e);return{c(){t=i("li"),r.c(),s=b(),l(t,"class","mc-tabs__item"),l(t,"role","presentation")},m(e,n){a(e,t,n),r.m(t,null),d(t,s)},p(e,i){c===(c=n(e))&&r?r.p(e,i):(r.d(1),r=c(e),r&&(r.c(),r.m(t,s)))},d(e){e&&o(t),r.d()}}}function A(e){let t,s,n,b=e[5],m=[];for(let t=0;t<b.length;t+=1)m[t]=j(h(e,b,t));return{c(){t=i("div"),s=i("ul");for(let e=0;e<m.length;e+=1)m[e].c();l(s,"class","mc-tabs__nav svelte-i8dqn7"),l(s,"role","tablist"),l(s,"aria-label",e[1]),l(t,"class",n="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")+" svelte-i8dqn7")},m(n,i){a(n,t,i),d(t,s);for(let e=0;e<m.length;e+=1)m[e]&&m[e].m(s,null);e[10](s)},p(e,[i]){if(96&i){let t;for(b=e[5],t=0;t<b.length;t+=1){const n=h(e,b,t);m[t]?m[t].p(n,i):(m[t]=j(n),m[t].c(),m[t].m(s,null))}for(;t<m.length;t+=1)m[t].d(1);m.length=b.length}2&i&&l(s,"aria-label",e[1]),13&i&&n!==(n="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")+" svelte-i8dqn7")&&l(t,"class",n)},i:c,o:c,d(s){s&&o(t),r(m,s),e[10](null)}}}function $(e){const t=["mc-tabs__element"];return e.isActive&&t.push("mc-tabs__element--selected"),e.disabled&&t.push("mc-tabs__element--disabled"),t.join(" ")}function O(e,t,s){let n,i,{align:l="auto"}=t,{description:a="Tabs"}=t,{nodivider:d=!1}=t,{tabs:c}=t,{type:o="tabs"}=t,r=new p;function b(e,t){const s=e.target;i.querySelectorAll(".mc-tabs__element").forEach((e=>{e.classList.remove("mc-tabs__element--selected"),e.setAttribute("aria-selected","false")})),s.classList.add("mc-tabs__element--selected"),s.setAttribute("aria-selected","true"),r.dispatch("tab-clicked",Object.assign(t,{target:s}))}return e.$$set=e=>{"align"in e&&s(0,l=e.align),"description"in e&&s(1,a=e.description),"nodivider"in e&&s(2,d=e.nodivider),"tabs"in e&&s(7,c=e.tabs),"type"in e&&s(3,o=e.type)},e.$$.update=()=>{128&e.$$.dirty&&s(5,n=c?JSON.parse(c):[])},[l,a,d,o,i,n,b,c,(e,t,s)=>b(s,Object.assign({index:e},t)),(e,t,s)=>b(s,Object.assign({index:e},t)),function(e){m[e?"unshift":"push"]((()=>{i=e,s(4,i)}))}]}class E extends e{constructor(e){super(),t(this,e,O,A,s,{align:0,description:1,nodivider:2,tabs:7,type:3},x)}}export{E as default};
+import{P as e,i as t,s,Q as a,e as i,g as l,b as n,j as c,n as o,o as r,J as u,d as b,v as d,t as x,R as m,l as v,k as f,K as _}from"../../index-c33b3772.js";import{E as p}from"../../EventHandler-02058705.js";function h(e){a(e,"svelte-xi60ua",'.mc-tabs.svelte-xi60ua.svelte-xi60ua{font-family:"LeroyMerlin", sans-serif;font-weight:400;background-color:#ffffff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:100%}.mc-tabs.svelte-xi60ua.svelte-xi60ua::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}.mc-tabs--no-shadow.svelte-xi60ua.svelte-xi60ua::after,.mc-tabs--no-divider.svelte-xi60ua.svelte-xi60ua::after{display:none}.mc-tabs__nav.svelte-xi60ua.svelte-xi60ua{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0;margin-bottom:0}.mc-tabs__nav.svelte-xi60ua.svelte-xi60ua,.mc-tabs__select.svelte-xi60ua.svelte-xi60ua{position:relative}.mc-tabs__link.svelte-xi60ua.svelte-xi60ua,.mc-tabs__element.svelte-xi60ua.svelte-xi60ua{font-size:0.875rem;line-height:1.2857142857;font-weight:600;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#666666;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:3.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;padding-left:0.75rem;padding-right:0.75rem;position:relative;text-decoration:none}.mc-tabs__link.svelte-xi60ua.svelte-xi60ua::before,.mc-tabs__element.svelte-xi60ua.svelte-xi60ua::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;bottom:-0.125rem;top:-0.125rem}.mc-tabs__link.svelte-xi60ua.svelte-xi60ua::after,.mc-tabs__element.svelte-xi60ua.svelte-xi60ua::after{background-color:transparent;bottom:0;content:"";height:0.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link.svelte-xi60ua:hover .mc-tabs__text.svelte-xi60ua,.mc-tabs__element.svelte-xi60ua:hover .mc-tabs__text.svelte-xi60ua{background-color:#ffe1d1}.mc-tabs__link.svelte-xi60ua.svelte-xi60ua:active,.mc-tabs__element.svelte-xi60ua.svelte-xi60ua:active{color:#333333}.mc-tabs__link.svelte-xi60ua:active .mc-tabs__text.svelte-xi60ua,.mc-tabs__element.svelte-xi60ua:active .mc-tabs__text.svelte-xi60ua{background-color:#ffab80}.mc-tabs__link.svelte-xi60ua.svelte-xi60ua:focus::before,.mc-tabs__element.svelte-xi60ua.svelte-xi60ua:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-tabs__link--selected.svelte-xi60ua.svelte-xi60ua,.mc-tabs__element--selected.svelte-xi60ua.svelte-xi60ua{color:#000000}.mc-tabs__link--selected.svelte-xi60ua.svelte-xi60ua::after,.mc-tabs__element--selected.svelte-xi60ua.svelte-xi60ua::after{background-color:#000000}.mc-tabs__link--disabled.svelte-xi60ua.svelte-xi60ua,.mc-tabs__element--disabled.svelte-xi60ua.svelte-xi60ua{cursor:not-allowed;background-color:#cccccc;pointer-events:none}.mc-tabs__link--disabled.svelte-xi60ua.svelte-xi60ua,.mc-tabs__link--disabled.svelte-xi60ua.svelte-xi60ua:hover,.mc-tabs__link--disabled.svelte-xi60ua.svelte-xi60ua:focus,.mc-tabs__link--disabled.svelte-xi60ua.svelte-xi60ua:active,.mc-tabs__element--disabled.svelte-xi60ua.svelte-xi60ua,.mc-tabs__element--disabled.svelte-xi60ua.svelte-xi60ua:hover,.mc-tabs__element--disabled.svelte-xi60ua.svelte-xi60ua:focus,.mc-tabs__element--disabled.svelte-xi60ua.svelte-xi60ua:active{-webkit-box-shadow:none;box-shadow:none}.mc-tabs__text.svelte-xi60ua.svelte-xi60ua{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:0.4375rem 0.75rem;pointer-events:none}.mc-tabs__icon.svelte-xi60ua.svelte-xi60ua{fill:currentColor;height:1.5rem;width:1.5rem}.mc-tabs--full-centered.svelte-xi60ua.svelte-xi60ua{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-tabs--dropdown.svelte-xi60ua.svelte-xi60ua{padding:1rem;width:auto}@media screen and (min-width: 680px){.mc-tabs.svelte-xi60ua.svelte-xi60ua{width:auto}.mc-tabs--full.svelte-xi60ua.svelte-xi60ua,.mc-tabs--full-centered.svelte-xi60ua.svelte-xi60ua{width:100%}}@media screen and (max-width: 679px){.mc-tabs.svelte-xi60ua.svelte-xi60ua:not(.mc-tabs--dropdown)::before{bottom:0.125rem}.mc-tabs__nav.svelte-xi60ua.svelte-xi60ua{overflow:auto hidden;white-space:nowrap}}')}function g(e,t,s){const a=e.slice();return a[12]=t[s],a[14]=s,a}function k(e){let t,s,a,o,u,b,d,_,p,h=e[12].text+"";function g(...t){return e[9](e[14],e[12],...t)}return{c(){t=i("button"),s=i("span"),a=x(h),l(s,"class","mc-tabs__text svelte-xi60ua"),l(t,"role","tab"),l(t,"type","button"),l(t,"class",o=m(O(e[12]))+" svelte-xi60ua"),l(t,"id",u=e[12].id),t.disabled=b=e[12].disabled,l(t,"aria-selected",d=e[12].isActive?"true":"false")},m(e,i){n(e,t,i),c(t,s),c(s,a),_||(p=v(t,"click",g),_=!0)},p(s,i){e=s,32&i&&h!==(h=e[12].text+"")&&f(a,h),32&i&&o!==(o=m(O(e[12]))+" svelte-xi60ua")&&l(t,"class",o),32&i&&u!==(u=e[12].id)&&l(t,"id",u),32&i&&b!==(b=e[12].disabled)&&(t.disabled=b),32&i&&d!==(d=e[12].isActive?"true":"false")&&l(t,"aria-selected",d)},d(e){e&&r(t),_=!1,p()}}}function w(e){let t;function s(e,t){return e[12].disabled?y:j}let a=s(e),i=a(e);return{c(){i.c(),t=_()},m(e,s){i.m(e,s),n(e,t,s)},p(e,l){a===(a=s(e))&&i?i.p(e,l):(i.d(1),i=a(e),i&&(i.c(),i.m(t.parentNode,t)))},d(e){i.d(e),e&&r(t)}}}function y(e){let t,s,a,o,u,b,d=e[12].text+"";return{c(){t=i("span"),s=i("span"),a=x(d),l(s,"class","mc-tabs__text svelte-xi60ua"),l(t,"role","tab"),l(t,"class",o=m(O(e[12]))+" svelte-xi60ua"),l(t,"id",u=e[12].id),l(t,"aria-selected",b=e[12].isActive?"true":"false")},m(e,i){n(e,t,i),c(t,s),c(s,a)},p(e,s){32&s&&d!==(d=e[12].text+"")&&f(a,d),32&s&&o!==(o=m(O(e[12]))+" svelte-xi60ua")&&l(t,"class",o),32&s&&u!==(u=e[12].id)&&l(t,"id",u),32&s&&b!==(b=e[12].isActive?"true":"false")&&l(t,"aria-selected",b)},d(e){e&&r(t)}}}function j(e){let t,s,a,o,u,b,d,_,p,h=e[12].text+"";function g(...t){return e[8](e[14],e[12],...t)}return{c(){t=i("a"),s=i("span"),a=x(h),l(s,"class","mc-tabs__text svelte-xi60ua"),l(t,"href",o=e[12].href),l(t,"role","tab"),l(t,"class",u=m(O(e[12]))+" svelte-xi60ua"),l(t,"id",b=e[12].id),l(t,"aria-selected",d=e[12].isActive?"true":"false")},m(e,i){n(e,t,i),c(t,s),c(s,a),_||(p=v(t,"click",g),_=!0)},p(s,i){e=s,32&i&&h!==(h=e[12].text+"")&&f(a,h),32&i&&o!==(o=e[12].href)&&l(t,"href",o),32&i&&u!==(u=m(O(e[12]))+" svelte-xi60ua")&&l(t,"class",u),32&i&&b!==(b=e[12].id)&&l(t,"id",b),32&i&&d!==(d=e[12].isActive?"true":"false")&&l(t,"aria-selected",d)},d(e){e&&r(t),_=!1,p()}}}function A(e){let t,s;function a(e,t){return e[12].href?w:k}let o=a(e),u=o(e);return{c(){t=i("li"),u.c(),s=b(),l(t,"class","mc-tabs__item"),l(t,"role","presentation")},m(e,a){n(e,t,a),u.m(t,null),c(t,s)},p(e,i){o===(o=a(e))&&u?u.p(e,i):(u.d(1),u=o(e),u&&(u.c(),u.m(t,s)))},d(e){e&&r(t),u.d()}}}function $(e){let t,s,a,b=e[5],d=[];for(let t=0;t<b.length;t+=1)d[t]=A(g(e,b,t));return{c(){t=i("div"),s=i("ul");for(let e=0;e<d.length;e+=1)d[e].c();l(s,"class","mc-tabs__nav svelte-xi60ua"),l(s,"role","tablist"),l(s,"aria-label",e[1]),l(t,"class",a="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")+" svelte-xi60ua")},m(a,i){n(a,t,i),c(t,s);for(let e=0;e<d.length;e+=1)d[e]&&d[e].m(s,null);e[10](s)},p(e,[i]){if(96&i){let t;for(b=e[5],t=0;t<b.length;t+=1){const a=g(e,b,t);d[t]?d[t].p(a,i):(d[t]=A(a),d[t].c(),d[t].m(s,null))}for(;t<d.length;t+=1)d[t].d(1);d.length=b.length}2&i&&l(s,"aria-label",e[1]),13&i&&a!==(a="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")+" svelte-xi60ua")&&l(t,"class",a)},i:o,o:o,d(s){s&&r(t),u(d,s),e[10](null)}}}function O(e){const t=["mc-tabs__element"];return e.isActive&&t.push("mc-tabs__element--selected"),e.disabled&&t.push("mc-tabs__element--disabled"),t.join(" ")}function E(e,t,s){let a,i,{align:l="auto"}=t,{description:n="Tabs"}=t,{nodivider:c=!1}=t,{tabs:o}=t,{type:r="tabs"}=t,u=new p;function b(e,t){const s=e.target;i.querySelectorAll(".mc-tabs__element").forEach((e=>{e.classList.remove("mc-tabs__element--selected"),e.setAttribute("aria-selected","false")})),s.classList.add("mc-tabs__element--selected"),s.setAttribute("aria-selected","true"),u.dispatch("tab-clicked",Object.assign(t,{target:s}))}return e.$$set=e=>{"align"in e&&s(0,l=e.align),"description"in e&&s(1,n=e.description),"nodivider"in e&&s(2,c=e.nodivider),"tabs"in e&&s(7,o=e.tabs),"type"in e&&s(3,r=e.type)},e.$$.update=()=>{128&e.$$.dirty&&s(5,a=o?JSON.parse(o):[])},[l,n,c,r,i,a,b,o,(e,t,s)=>b(s,Object.assign({index:e},t)),(e,t,s)=>b(s,Object.assign({index:e},t)),function(e){d[e?"unshift":"push"]((()=>{i=e,s(4,i)}))}]}class L extends e{constructor(e){super(),t(this,e,E,$,s,{align:0,description:1,nodivider:2,tabs:7,type:3},h)}}export{L as default};
 //# sourceMappingURL=Tabs.nested.js.map

package/public/bricoman/components/tabs/Tabs.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.nested.js","sources":["../../../../src/components/tabs/Tabs.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { TabsAlign, TabsItems, TabsType } from './tabs.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let align: TabsAlign = 'auto';\n  export let description = 'Tabs';\n  export let nodivider = false;\n  export let tabs: string;\n  export let type: TabsType = 'tabs';\n  let eventHandler = new EventHandler();\n  let tablist: HTMLElement;\n  $: parsedTabs = tabs ? (JSON.parse(tabs) as TabsItems[]) : [];\n\n  function setActiveClass(tab: TabsItems): string {\n    const tabClasses = ['mc-tabs__element'];\n\n    if (tab.isActive) {\n      tabClasses.push('mc-tabs__element--selected');\n    }\n\n    if (tab.disabled) {\n      tabClasses.push('mc-tabs__element--disabled');\n    }\n\n    return tabClasses.join(' ');\n  }\n\n  function manageTabs(e: Event, tabItem: TabsItems): void {\n    const currentEl = e.target as HTMLElement;\n\n    tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {\n      el.classList.remove('mc-tabs__element--selected');\n      el.setAttribute('aria-selected', 'false');\n    });\n\n    currentEl.classList.add('mc-tabs__element--selected');\n    currentEl.setAttribute('aria-selected', 'true');\n\n    eventHandler.dispatch(\n      'tab-clicked',\n      Object.assign(tabItem, { target: currentEl }),\n    );\n  }\n</script>\n\n<div\n  class=\"mc-tabs\n  {align && align === 'full' ? ' mc-tabs--full' : ''}\n  {align && align === 'centered' ? ' mc-tabs--full-centered' : ''}\n  {type ? ` mc-tabs--${type}` : ''}{nodivider ? ' mc-tabs--no-divider' : ''}\"\n>\n  <ul\n    class=\"mc-tabs__nav\"\n    bind:this={tablist}\n    role=\"tablist\"\n    aria-label={description}\n  >\n    {#each parsedTabs as tab, index}\n      <li class=\"mc-tabs__item\" role=\"presentation\">\n        {#if tab.href}\n          {#if !tab.disabled}\n            <a\n              href={tab.href}\n              role=\"tab\"\n              class={setActiveClass(tab)}\n              id={tab.id}\n              aria-selected={tab.isActive ? 'true' : 'false'}\n              on:click={(event) =>\n                manageTabs(event, Object.assign({ index: index }, tab))}\n            >\n              <span class=\"mc-tabs__text\">\n                {tab.text}\n              </span>\n            </a>\n          {:else}\n            <span\n              role=\"tab\"\n              class={setActiveClass(tab)}\n              id={tab.id}\n              aria-selected={tab.isActive ? 'true' : 'false'}\n            >\n              <span class=\"mc-tabs__text\">\n                {tab.text}\n              </span>\n            </span>\n          {/if}\n        {:else}\n          <button\n            role=\"tab\"\n            type=\"button\"\n            class={setActiveClass(tab)}\n            id={tab.id}\n            disabled={tab.disabled}\n            aria-selected={tab.isActive ? 'true' : 'false'}\n            on:click={(event) =>\n              manageTabs(event, Object.assign({ index: index }, tab))}\n          >\n            <span class=\"mc-tabs__text\">\n              {tab.text}\n            </span>\n          </button>\n        {/if}\n      </li>\n    {/each}\n  </ul>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.tabs';\n</style>\n"],"names":["t_value","ctx","text","attr","button","button_class_value","null_to_empty","setActiveClass","button_id_value","id","disabled","button_disabled_value","button_aria_selected_value","isActive","insert","target","anchor","append","span","dirty","set_data","t","create_if_block_1","span1","span1_class_value","span1_id_value","span1_aria_selected_value","span0","a","a_href_value","href","a_class_value","a_id_value","a_aria_selected_value","create_if_block","li","length","i","div","ul","tab","tabClasses","push","join","tablist","align","$$props","description","nodivider","tabs","type","eventHandler","EventHandler","manageTabs","e","tabItem","currentEl","querySelectorAll","forEach","el","classList","remove","setAttribute","add","dispatch","Object","assign","$$invalidate","parsedTabs","JSON","parse","event","index","$$value"],"mappings":"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"}
+{"version":3,"file":"Tabs.nested.js","sources":["../../../../src/components/tabs/Tabs.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { TabsAlign, TabsItems, TabsType } from './tabs.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let align: TabsAlign = 'auto';\n  export let description = 'Tabs';\n  export let nodivider = false;\n  export let tabs: string;\n  export let type: TabsType = 'tabs';\n  let eventHandler = new EventHandler();\n  let tablist: HTMLElement;\n  $: parsedTabs = tabs ? (JSON.parse(tabs) as TabsItems[]) : [];\n\n  function setActiveClass(tab: TabsItems): string {\n    const tabClasses = ['mc-tabs__element'];\n\n    if (tab.isActive) {\n      tabClasses.push('mc-tabs__element--selected');\n    }\n\n    if (tab.disabled) {\n      tabClasses.push('mc-tabs__element--disabled');\n    }\n\n    return tabClasses.join(' ');\n  }\n\n  function manageTabs(e: Event, tabItem: TabsItems): void {\n    const currentEl = e.target as HTMLElement;\n\n    tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {\n      el.classList.remove('mc-tabs__element--selected');\n      el.setAttribute('aria-selected', 'false');\n    });\n\n    currentEl.classList.add('mc-tabs__element--selected');\n    currentEl.setAttribute('aria-selected', 'true');\n\n    eventHandler.dispatch(\n      'tab-clicked',\n      Object.assign(tabItem, { target: currentEl }),\n    );\n  }\n</script>\n\n<div\n  class=\"mc-tabs\n  {align && align === 'full' ? ' mc-tabs--full' : ''}\n  {align && align === 'centered' ? ' mc-tabs--full-centered' : ''}\n  {type ? ` mc-tabs--${type}` : ''}{nodivider ? ' mc-tabs--no-divider' : ''}\"\n>\n  <ul\n    class=\"mc-tabs__nav\"\n    bind:this={tablist}\n    role=\"tablist\"\n    aria-label={description}\n  >\n    {#each parsedTabs as tab, index}\n      <li class=\"mc-tabs__item\" role=\"presentation\">\n        {#if tab.href}\n          {#if !tab.disabled}\n            <a\n              href={tab.href}\n              role=\"tab\"\n              class={setActiveClass(tab)}\n              id={tab.id}\n              aria-selected={tab.isActive ? 'true' : 'false'}\n              on:click={(event) =>\n                manageTabs(event, Object.assign({ index: index }, tab))}\n            >\n              <span class=\"mc-tabs__text\">\n                {tab.text}\n              </span>\n            </a>\n          {:else}\n            <span\n              role=\"tab\"\n              class={setActiveClass(tab)}\n              id={tab.id}\n              aria-selected={tab.isActive ? 'true' : 'false'}\n            >\n              <span class=\"mc-tabs__text\">\n                {tab.text}\n              </span>\n            </span>\n          {/if}\n        {:else}\n          <button\n            role=\"tab\"\n            type=\"button\"\n            class={setActiveClass(tab)}\n            id={tab.id}\n            disabled={tab.disabled}\n            aria-selected={tab.isActive ? 'true' : 'false'}\n            on:click={(event) =>\n              manageTabs(event, Object.assign({ index: index }, tab))}\n          >\n            <span class=\"mc-tabs__text\">\n              {tab.text}\n            </span>\n          </button>\n        {/if}\n      </li>\n    {/each}\n  </ul>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.tabs';\n</style>\n"],"names":["t_value","ctx","text","attr","button","button_class_value","null_to_empty","setActiveClass","button_id_value","id","disabled","button_disabled_value","button_aria_selected_value","isActive","insert","target","anchor","append","span","dirty","set_data","t","create_if_block_1","span1","span1_class_value","span1_id_value","span1_aria_selected_value","span0","a","a_href_value","href","a_class_value","a_id_value","a_aria_selected_value","create_if_block","li","length","i","div","ul","tab","tabClasses","push","join","tablist","align","$$props","description","nodivider","tabs","type","eventHandler","EventHandler","manageTabs","e","tabItem","currentEl","querySelectorAll","forEach","el","classList","remove","setAttribute","add","dispatch","Object","assign","$$invalidate","parsedTabs","JSON","parse","event","index","$$value"],"mappings":"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"}