@mozaic-ds/web-components 0.14.0-beta.0 → 0.14.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from './sidebar-service';\n\n  export let data: Segment;\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    aria-label={data.label}\n    class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n      ? 'is-selected'\n      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    href={data.href ?? 'javascript:void(null)'}\n    id={data.code}\n    on:click={handleClick}\n  >\n    <div class=\"mc-sidebar-segment__container\">\n      {#if data.icon}\n        <span class=\"mc-sidebar-segment__icon\">\n          {@html `<${generateIcon(data.icon)} />`}\n        </span>\n      {/if}\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './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      height: 1.5rem;\n      width: 1.5rem;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    svg {\n      fill: $color-sidebar-icon;\n    }\n\n    &__text {\n      margin-left: 10px;\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    :last-child {\n      margin-left: 10px;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-segment__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":["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","innerHTML","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"mkEAsCSA,EAAAC,KAAKC,MAAK,GANRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAKMA,EAAc,qHAdxBK,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,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,8CAC1CA,EAAI,GAACW,MAAQ,wCACf,EAAAQ,GAAAP,KAAAA,EAAAZ,KAAKS,+EAMQa,EAAatB,EAAI,GAACG,gGAD/BU,EAEMC,EAAAI,EAAAH,yCADOO,EAAatB,EAAI,GAACG,cAAIe,EAAAK,UAAAC,yCAbtCxB,EAAI,IAAAyB,EAAAzB,oEAAJA,EAAI,sGATE,SAAAsB,EAAaI,YACVA,+FAHDC,GAAaC,kEAOtBC,EAAcF,EAAKlB"}
+{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from '../../utilities/sidebar-service';\n\n  export let data: Segment;\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    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\">\n      {#if data.icon}\n        <span class=\"mc-sidebar-segment__icon\">\n          {@html `<${generateIcon(data.icon)} />`}\n        </span>\n      {/if}\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-segment {\n    cursor: pointer;\n    flex: 0;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    display: flex;\n    overflow: hidden;\n    min-height: 40px;\n\n    &__icon {\n      fill: $color-sidebar-icon;\n      height: 1.5rem;\n      width: 1.5rem;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    svg {\n      fill: $color-sidebar-icon;\n    }\n\n    &__text {\n      margin-left: 10px;\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    :last-child {\n      margin-left: 10px;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-segment__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":["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","innerHTML","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"mkEAsCSA,EAAAC,KAAKC,MAAK,GANRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAKMA,EAAc,qHAdxBK,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,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,8CAC1CA,EAAI,GAACW,MAAQ,wCACf,EAAAQ,GAAAP,KAAAA,EAAAZ,KAAKS,+EAMQa,EAAatB,EAAI,GAACG,gGAD/BU,EAEMC,EAAAI,EAAAH,yCADOO,EAAatB,EAAI,GAACG,cAAIe,EAAAK,UAAAC,yCAbtCxB,EAAI,IAAAyB,EAAAzB,oEAAJA,EAAI,sGATE,SAAAsB,EAAaI,YACVA,+FAHDC,GAAaC,kEAOtBC,EAAcF,EAAKlB"}

package/public/{components/sidebar-segment → bricoman/components/sidebar}/sidebar-segment.nested.svelte

@@ -6,7 +6,7 @@
     isSidebarOpen,
     selectedFeature,
     selectFeature,
-  } from './sidebar-service';
+  } from '../../utilities/sidebar-service';
 
   export let data: Segment;
 
@@ -44,7 +44,7 @@
 
 <style lang="scss">
   @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import './sidebar-variables';
+  @import './_c.sidebar';
 
   .mc-sidebar-segment {
     cursor: pointer;

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

@@ -1,2 +1,2 @@
-import{E as s,i as e,s as a,F as i,e as t,g as r,b as o,n,o as m,ab as l}from"../../index-52f16292.js";import{i as p}from"../../sidebar-service-293d79ef.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 u(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 b(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,b,u,a,{},g)}}export{c as default};
+import{E as s,i as e,s as a,F as i,e as t,g as r,b as o,n,o as m,ab as l}from"../../index-9ffad6d0.js";import{i as p}from"../../sidebar-service-ab65d83f.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 u(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 b(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,b,u,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":"8wBAQ+BA,EAAc,GAAG,UAAY,YAAU,0BAFtEC,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 '../../utilities/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 './_c.sidebar';\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-separator → sidebar}/sidebar-separator.nested.svelte

@@ -1,7 +1,7 @@
 <svelte:options />
 
 <script lang="ts">
-  import { isSidebarOpen } from './sidebar-service';
+  import { isSidebarOpen } from '../../utilities/sidebar-service';
 </script>
 
 <span
@@ -11,7 +11,7 @@
 
 <style lang="scss">
   @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import './sidebar-variables';
+  @import './_c.sidebar';
 
   .mc-sidebar-separator {
     border-bottom: 1px solid $color-sidebar-divider-background;

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

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

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

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

package/public/bricoman/components/{sidebar-sub-features → sidebar}/sidebar-sub-features.nested.svelte

@@ -1,15 +1,22 @@
 <svelte:options />
 
 <script lang="ts">
-  import { selectFeature } from './sidebar-service';
+  import { selectFeature } from '../../utilities/sidebar-service';
   import type { A11yLabels, Feature } from './sidebar.types';
   import FeatureComponent from './sidebar-feature.nested.svelte';
   import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
 
   export let data: Feature;
   export let a11yLabels: A11yLabels;
 
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
 
   function handleBackClick(): void {
     eventHandler.dispatch('back-click', data);
@@ -53,7 +60,7 @@
 
 <style lang="scss">
   @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import './sidebar-variables';
+  @import './_c.sidebar';
 
   .mc-sidebar-sub-feature {
     width: 320px;

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

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

package/public/{adeo/components/sidebar-user → bricoman/components/sidebar}/sidebar-user.nested.svelte

@@ -5,7 +5,7 @@
     isSidebarOpen,
     selectFeature,
     toggleSidebar,
-  } from './sidebar-service';
+  } from '../../utilities/sidebar-service';
   import type { User, Feature, A11yLabels } from './sidebar.types';
   import FeatureComponent from './sidebar-feature.nested.svelte';
 
@@ -167,7 +167,7 @@
 
 <style lang="scss">
   @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import './sidebar-variables';
+  @import './_c.sidebar';
 
   .mc-sidebar-user {
     left: 0;

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

@@ -31,4 +31,14 @@ export interface Sidebar {
 export type A11yLabels = {
     [key in 'open' | 'close' | 'external-link-suffix' | 'open-user' | 'close-user']: string;
 };
+export interface Selection {
+    lv0?: FeatureLike;
+    lv1?: FeatureLike;
+    lv2?: FeatureLike;
+}
+export interface FeatureLike {
+    code: string;
+    label: string;
+    items?: FeatureLike[];
+}
 //# sourceMappingURL=sidebar.types.d.ts.map

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

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

package/public/bricoman/components/stackedbarchart/StackedBarChart.svelte

@@ -17,6 +17,10 @@
   import { onMount } from 'svelte';
   import type { StackedBarData, BarMargin } from './bar-chart.types';
   import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
 
   type StackedData = Series<
     {
@@ -56,7 +60,10 @@
   let svg: Selection<SVGGElement, any, any, any>;
   let hasMounted = false;
   let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
 
   $: if (data.length > 0 && hasMounted) {
     if (!_data) {

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

@@ -3,6 +3,10 @@
 <script lang="ts">
   import type { RatingsSize } from './ratings.types';
   import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
   const ratingValue = 5;
   export let unselectedText = 'No opinion given';
   export let name = 'rating';
@@ -15,7 +19,10 @@
     'Excellent',
   ];
 
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
   function setClasses(size: RatingsSize): string {
     const mainClass = 'mc-stars-input';
 

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../../src/components/stepper/Stepper.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { StepperItems } from './stepper.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let steps: string;\n  export let compact = false;\n  let eventHandler = new EventHandler();\n  $: stepsObject = steps\n    ? (JSON.parse(steps) as StepperItems[])\n    : ([] as StepperItems[]);\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function isStepValidated(\n    index: number,\n    stepsObject: StepperItems[],\n  ): boolean {\n    return (\n      index < stepsObject.findIndex((step: StepperItems) => step.isCurrent)\n    );\n  }\n\n  function getStepNumber(index: number, stepsObject: StepperItems[]): string {\n    return `${index + 1} / ${stepsObject.length}`;\n  }\n\n  function stepChanged(step: StepperItems): void {\n    eventHandler.dispatch('step-changed', step);\n  }\n</script>\n\n<nav\n  class=\"mc-stepper {compact ? 'mc-stepper--compact' : ''} {stepsObject.length >\n  3\n    ? 'mc-stepper--shrinked'\n    : ''}\"\n  aria-label=\"accessibilityLabels.stepperDescription\"\n  {...attributes}\n>\n  <ol class=\"mc-stepper__list\">\n    {#each stepsObject as step, index}\n      <li\n        class=\"mc-stepper__item {step.isCurrent\n          ? 'mc-stepper__item--current'\n          : ''} {isStepValidated(index, stepsObject)\n          ? 'mc-stepper__item--validated'\n          : ''}\"\n        on:click={() => stepChanged(step)}\n      >\n        <div class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n          {#if isStepValidated(index, stepsObject)}\n            <div class=\"mc-stepper__icon\">\n              <navigation-notification-available-16px\n                name=\"NotificationAvailable16\"\n                size=\"100%\"\n              />\n            </div>\n          {:else if step.isCurrent}\n            <span>{index + 1}</span>\n          {/if}\n        </div>\n        <div class=\"mc-stepper__detail\">\n          <span class=\"mc-stepper__title\"\n            >{getStepNumber(index, stepsObject)}\n          </span>\n          <span class=\"mc-stepper__label\">{step.label}</span>\n        </div>\n      </li>\n    {/each}\n  </ol>\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.stepper';\n</style>\n"],"names":["t_value","ctx","insert","target","span","anchor","div","t3_value","label","isCurrent","create_if_block_1","attr","li","li_class_value","append","div0","div1","span0","span1","set_data","t1","t1_value","dirty","t3","length","i","nav","ol","class","nav_class_value","steps","$$props","compact","eventHandler","EventHandler","stepChanged","step","dispatch","$$invalidate","stepsObject","JSON","parse","attributes","Object","assign","$$restProps","index","findIndex"],"mappings":"kTA4DmBA,EAAAC,MAAQ,EAAC,yCAAhBC,EAAuBC,EAAAC,EAAAC,uPAPvBH,EAKKC,EAAAG,EAAAD,mEAOHJ,EAAa,GAACA,EAAK,IAAEA,EAAW,IAAA,GAEHM,EAAAN,MAAKO,MAAK,sDAftCP,EAAe,GAACA,EAAK,IAAEA,EAAW,SAO7BA,MAAKQ,UAASC,OAAd,yUAfaC,EAAAC,EAAA,QAAAC,EAAA,qBAAAZ,MAAKQ,UAC1B,4BACA,IAAK,KAAAR,EAAgB,GAAAA,MAAOA,EAAW,IACvC,8BACA,aALNC,EA0BIC,EAAAS,EAAAP,GAlBFS,EAWKF,EAAAG,yBACLD,EAKKF,EAAAI,GAJHF,EAEME,EAAAC,iBACNH,EAAkDE,EAAAE,+HAF9CjB,EAAa,GAACA,EAAK,IAAEA,EAAW,IAAA,KAAAkB,EAAAC,EAAAC,GAEH,EAAAC,GAAAf,KAAAA,EAAAN,MAAKO,MAAK,KAAAW,EAAAI,EAAAhB,GAvBpB,EAAAe,GAAAT,KAAAA,EAAA,qBAAAZ,MAAKQ,UAC1B,4BACA,IAAK,KAAAR,EAAgB,GAAAA,MAAOA,EAAW,IACvC,8BACA,iFANDA,EAAW,wBAAhBuB,OAAIC,GAAA,kDARWxB,EAAO,GAAG,sBAAwB,SAAKA,EAAW,GAACuB,OACtE,EACI,uBACA,6DAEAvB,EAAU,8KANhBC,EAuCKC,EAAAuB,EAAArB,GA/BHS,EA8BIY,EAAAC,mFA7BK1B,EAAW,WAAhBuB,OAAIC,GAAA,EAAA,iHAAJD,6CARevB,EAAO,GAAG,sBAAwB,SAAKA,EAAW,GAACuB,OACtE,EACI,uBACA,MAAE,CAAAI,MAAAC,gEAEF5B,EAAU,+GAjCH6B,GAAaC,GACbC,QAAAA,GAAU,GAAKD,EACtBE,MAAmBC,EAoBd,SAAAC,EAAYC,GACnBH,EAAaI,SAAS,eAAgBD,mJApBvCE,EAAA,EAAEC,EAAcT,EACZU,KAAKC,MAAMX,GAAK,QAElBY,EAALC,OAAAC,UAAuBC,yBACXH,EAAWd,uBAGnBkB,EACAP,UAGEO,EAAQP,EAAYQ,WAAWX,GAAuBA,EAAK3B,sBAIxCqC,EAAeP,GAC1B,MAAA,GAAAO,EAAQ,OAAOP,EAAYf,cAwBjBY,GAAAD,EAAYC"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/stepper/Stepper.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { StepperItems } from './stepper.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let steps: string;\n  export let compact = false;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  $: stepsObject = steps\n    ? (JSON.parse(steps) as StepperItems[])\n    : ([] as StepperItems[]);\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function isStepValidated(\n    index: number,\n    stepsObject: StepperItems[],\n  ): boolean {\n    return (\n      index < stepsObject.findIndex((step: StepperItems) => step.isCurrent)\n    );\n  }\n\n  function getStepNumber(index: number, stepsObject: StepperItems[]): string {\n    return `${index + 1} / ${stepsObject.length}`;\n  }\n\n  function stepChanged(step: StepperItems): void {\n    eventHandler.dispatch('step-changed', step);\n  }\n</script>\n\n<nav\n  class=\"mc-stepper {compact ? 'mc-stepper--compact' : ''} {stepsObject.length >\n  3\n    ? 'mc-stepper--shrinked'\n    : ''}\"\n  aria-label=\"accessibilityLabels.stepperDescription\"\n  {...attributes}\n>\n  <ol class=\"mc-stepper__list\">\n    {#each stepsObject as step, index}\n      <li\n        class=\"mc-stepper__item {step.isCurrent\n          ? 'mc-stepper__item--current'\n          : ''} {isStepValidated(index, stepsObject)\n          ? 'mc-stepper__item--validated'\n          : ''}\"\n        on:click={() => stepChanged(step)}\n      >\n        <div class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n          {#if isStepValidated(index, stepsObject)}\n            <div class=\"mc-stepper__icon\">\n              <navigation-notification-available-16px\n                name=\"NotificationAvailable16\"\n                size=\"100%\"\n              />\n            </div>\n          {:else if step.isCurrent}\n            <span>{index + 1}</span>\n          {/if}\n        </div>\n        <div class=\"mc-stepper__detail\">\n          <span class=\"mc-stepper__title\"\n            >{getStepNumber(index, stepsObject)}\n          </span>\n          <span class=\"mc-stepper__label\">{step.label}</span>\n        </div>\n      </li>\n    {/each}\n  </ol>\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.stepper';\n</style>\n"],"names":["t_value","ctx","insert","target","span","anchor","div","t3_value","label","isCurrent","create_if_block_1","attr","li","li_class_value","append","div0","div1","span0","span1","set_data","t1","t1_value","dirty","t3","length","i","nav","ol","class","nav_class_value","steps","$$props","compact","eventHandler","EventHandler","get_current_component","createEventDispatcher","stepChanged","step","dispatch","$$invalidate","stepsObject","JSON","parse","attributes","Object","assign","$$restProps","index","findIndex"],"mappings":"qUAmEmBA,EAAAC,MAAQ,EAAC,yCAAhBC,EAAuBC,EAAAC,EAAAC,uPAPvBH,EAKKC,EAAAG,EAAAD,mEAOHJ,EAAa,GAACA,EAAK,IAAEA,EAAW,IAAA,GAEHM,EAAAN,MAAKO,MAAK,sDAftCP,EAAe,GAACA,EAAK,IAAEA,EAAW,SAO7BA,MAAKQ,UAASC,OAAd,yUAfaC,EAAAC,EAAA,QAAAC,EAAA,qBAAAZ,MAAKQ,UAC1B,4BACA,IAAK,KAAAR,EAAgB,GAAAA,MAAOA,EAAW,IACvC,8BACA,aALNC,EA0BIC,EAAAS,EAAAP,GAlBFS,EAWKF,EAAAG,yBACLD,EAKKF,EAAAI,GAJHF,EAEME,EAAAC,iBACNH,EAAkDE,EAAAE,+HAF9CjB,EAAa,GAACA,EAAK,IAAEA,EAAW,IAAA,KAAAkB,EAAAC,EAAAC,GAEH,EAAAC,GAAAf,KAAAA,EAAAN,MAAKO,MAAK,KAAAW,EAAAI,EAAAhB,GAvBpB,EAAAe,GAAAT,KAAAA,EAAA,qBAAAZ,MAAKQ,UAC1B,4BACA,IAAK,KAAAR,EAAgB,GAAAA,MAAOA,EAAW,IACvC,8BACA,iFANDA,EAAW,wBAAhBuB,OAAIC,GAAA,kDARWxB,EAAO,GAAG,sBAAwB,SAAKA,EAAW,GAACuB,OACtE,EACI,uBACA,6DAEAvB,EAAU,8KANhBC,EAuCKC,EAAAuB,EAAArB,GA/BHS,EA8BIY,EAAAC,mFA7BK1B,EAAW,WAAhBuB,OAAIC,GAAA,EAAA,iHAAJD,6CARevB,EAAO,GAAG,sBAAwB,SAAKA,EAAW,GAACuB,OACtE,EACI,uBACA,MAAE,CAAAI,MAAAC,gEAEF5B,EAAU,+GApCH6B,GAAaC,GACbC,QAAAA,GAAU,GAAKD,EACtBE,EAAmB,IAAAC,EACrBC,IACAC,KAqBO,SAAAC,EAAYC,GACnBL,EAAaM,SAAS,eAAgBD,mJApBvCE,EAAA,EAAEC,EAAcX,EACZY,KAAKC,MAAMb,GAAK,QAElBc,EAALC,OAAAC,UAAuBC,yBACXH,EAAWhB,uBAGnBoB,EACAP,UAGEO,EAAQP,EAAYQ,WAAWX,GAAuBA,EAAK7B,sBAIxCuC,EAAeP,GAC1B,MAAA,GAAAO,EAAQ,OAAOP,EAAYjB,cAwBjBc,GAAAD,EAAYC"}

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

@@ -3,10 +3,17 @@
 <script lang="ts">
   import type { StepperItems } from './stepper.types';
   import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
 
   export let steps: string;
   export let compact = false;
-  let eventHandler = new EventHandler();
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
   $: stepsObject = steps
     ? (JSON.parse(steps) as StepperItems[])
     : ([] as StepperItems[]);

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"StepperBar.js","sources":["../../../../src/components/stepperbar/StepperBar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let fixed: boolean;\n  export let cancellabel: string;\n  export let prevlabel: string;\n  export let nextlabel: string;\n  export let validatelabel: string;\n  export let currentstep: number;\n  export let stepsnb: number;\n\n  $: isFixed = fixed ? true : undefined;\n  $: currentStep = currentstep ? currentstep : 0;\n  $: stepsNb = stepsnb ? stepsnb : 0;\n\n  let eventHandler = new EventHandler();\n\n  function handleCancel(e: Event): void {\n    eventHandler.dispatch('cancel', e);\n  }\n\n  function handlePrev(): void {\n    if (currentStep - 1 >= 0) {\n      currentStep--;\n      eventHandler.dispatch('previous-step', currentStep);\n    }\n  }\n\n  function handleNext(): void {\n    currentStep++;\n    eventHandler.dispatch('next-step', currentStep);\n  }\n</script>\n\n<div\n  class=\"ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar\"\n  class:mc-bottom-bar--fixed={isFixed}\n>\n  <button\n    class=\"mc-button mc-button--s mc-button--bordered-danger\"\n    aria-label={cancellabel}\n    type=\"button\"\n    id=\"cancelbutton\"\n    on:click={handleCancel}\n  >\n    {cancellabel}\n  </button>\n\n  <div class=\"mc-stepper-bar__actions\">\n    {#if currentStep > 0}\n      <button\n        class=\"mc-button mc-button--s mc-button--bordered-neutral\"\n        aria-label={prevlabel}\n        type=\"button\"\n        id=\"prevlabel\"\n        on:click={handlePrev}\n      >\n        {prevlabel}\n      </button>\n    {/if}\n\n    <button\n      class=\"mc-button mc-button--s mc-stepper-bar__next\"\n      aria-label={nextlabel}\n      type=\"button\"\n      id=\"nextlabel\"\n      on:click={handleNext}\n    >\n      {#if currentStep < stepsNb}\n        {nextlabel}\n      {:else if currentStep >= stepsNb}\n        {validatelabel}\n      {/if}\n    </button>\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/layouts/_l.container';\n  @import '@mozaic-ds/styles/components/_c.bottom-bar';\n  @import '@mozaic-ds/styles/components/_c.stepper-bar';\n  @import '@mozaic-ds/styles/components/_c.button';\n</style>\n"],"names":["ctx","insert","target","button","anchor","if_block0","create_if_block_2","create_if_block","create_if_block_1","div1","append","button0","div0","button1","fixed","$$props","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","eventHandler","EventHandler","isFixed","undefined","currentStep","stepsNb","e","dispatch"],"mappings":"sQA2DSA,EAAS,uFALEA,EAAS,uDAFvBC,EAQQC,EAAAC,EAAAC,4BAHIJ,EAAU,2BAEnBA,EAAS,0BALEA,EAAS,gEAmBpBA,EAAa,sCAAbA,EAAa,uDAFbA,EAAS,sCAATA,EAAS,wDApBTK,EAAAL,KAAc,GAACM,EAAAN,mBAmBb,OAAAA,KAAcA,EAAO,GAAAO,EAEhBP,MAAeA,EAAO,GAAAQ,OAAtB,+DAzBXR,EAAW,sJALAA,EAAW,8HAuBTA,EAAS,8LA3BGA,EAAO,YAFrCC,EAyCKC,EAAAO,EAAAL,GArCHM,EAQQD,EAAAE,iBAERD,EA0BKD,EAAAG,yBAbHF,EAYQE,EAAAC,qCA9BEb,EAAY,gBAuBVA,EAAU,8BArBrBA,EAAW,0BALAA,EAAW,IASlBA,KAAc,oJAcLA,EAAS,qCA3BGA,EAAO,2FAjCxBc,GAAcC,eACdC,GAAmBD,aACnBE,GAAiBF,aACjBG,GAAiBH,iBACjBI,GAAqBJ,eACrBK,GAAmBL,WACnBM,GAAeN,EAMtBO,MAAmBC,+TAJpBC,IAAUV,QAAeW,wBACzBC,EAAcN,GAA4B,wBAC1CO,EAAUN,GAAoB,mBAIxB,SAAaO,GACpBN,EAAaO,SAAS,SAAUD,eAI5BF,EAAc,GAAK,QACrBA,IAAWA,GACXJ,EAAaO,SAAS,gBAAiBH,oBAKzCA,IAAWA,GACXJ,EAAaO,SAAS,YAAaH"}
+{"version":3,"file":"StepperBar.js","sources":["../../../../src/components/stepperbar/StepperBar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let fixed: boolean;\n  export let cancellabel: string;\n  export let prevlabel: string;\n  export let nextlabel: string;\n  export let validatelabel: string;\n  export let currentstep: number;\n  export let stepsnb: number;\n\n  $: isFixed = fixed ? true : undefined;\n  $: currentStep = currentstep ? currentstep : 0;\n  $: stepsNb = stepsnb ? stepsnb : 0;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function handleCancel(e: Event): void {\n    eventHandler.dispatch('cancel', e);\n  }\n\n  function handlePrev(): void {\n    if (currentStep - 1 >= 0) {\n      currentStep--;\n      eventHandler.dispatch('previous-step', currentStep);\n    }\n  }\n\n  function handleNext(): void {\n    currentStep++;\n    eventHandler.dispatch('next-step', currentStep);\n  }\n</script>\n\n<div\n  class=\"ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar\"\n  class:mc-bottom-bar--fixed={isFixed}\n>\n  <button\n    class=\"mc-button mc-button--s mc-button--bordered-danger\"\n    aria-label={cancellabel}\n    type=\"button\"\n    id=\"cancelbutton\"\n    on:click={handleCancel}\n  >\n    {cancellabel}\n  </button>\n\n  <div class=\"mc-stepper-bar__actions\">\n    {#if currentStep > 0}\n      <button\n        class=\"mc-button mc-button--s mc-button--bordered-neutral\"\n        aria-label={prevlabel}\n        type=\"button\"\n        id=\"prevlabel\"\n        on:click={handlePrev}\n      >\n        {prevlabel}\n      </button>\n    {/if}\n\n    <button\n      class=\"mc-button mc-button--s mc-stepper-bar__next\"\n      aria-label={nextlabel}\n      type=\"button\"\n      id=\"nextlabel\"\n      on:click={handleNext}\n    >\n      {#if currentStep < stepsNb}\n        {nextlabel}\n      {:else if currentStep >= stepsNb}\n        {validatelabel}\n      {/if}\n    </button>\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/layouts/_l.container';\n  @import '@mozaic-ds/styles/components/_c.bottom-bar';\n  @import '@mozaic-ds/styles/components/_c.stepper-bar';\n  @import '@mozaic-ds/styles/components/_c.button';\n</style>\n"],"names":["ctx","insert","target","button","anchor","if_block0","create_if_block_2","create_if_block","create_if_block_1","div1","append","button0","div0","button1","fixed","$$props","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","eventHandler","EventHandler","get_current_component","createEventDispatcher","isFixed","undefined","currentStep","stepsNb","e","dispatch"],"mappings":"oRAkESA,EAAS,uFALEA,EAAS,uDAFvBC,EAQQC,EAAAC,EAAAC,4BAHIJ,EAAU,2BAEnBA,EAAS,0BALEA,EAAS,gEAmBpBA,EAAa,sCAAbA,EAAa,uDAFbA,EAAS,sCAATA,EAAS,wDApBTK,EAAAL,KAAc,GAACM,EAAAN,mBAmBb,OAAAA,KAAcA,EAAO,GAAAO,EAEhBP,MAAeA,EAAO,GAAAQ,OAAtB,+DAzBXR,EAAW,sJALAA,EAAW,8HAuBTA,EAAS,8LA3BGA,EAAO,YAFrCC,EAyCKC,EAAAO,EAAAL,GArCHM,EAQQD,EAAAE,iBAERD,EA0BKD,EAAAG,yBAbHF,EAYQE,EAAAC,qCA9BEb,EAAY,gBAuBVA,EAAU,8BArBrBA,EAAW,0BALAA,EAAW,IASlBA,KAAc,oJAcLA,EAAS,qCA3BGA,EAAO,2FApCxBc,GAAcC,eACdC,GAAmBD,aACnBE,GAAiBF,aACjBG,GAAiBH,iBACjBI,GAAqBJ,eACrBK,GAAmBL,WACnBM,GAAeN,EAMtBO,EAAmB,IAAAC,EACrBC,IACAC,kUANCC,IAAUZ,QAAea,wBACzBC,EAAcR,GAA4B,wBAC1CS,EAAUR,GAAoB,mBAOxB,SAAaS,GACpBR,EAAaS,SAAS,SAAUD,eAI5BF,EAAc,GAAK,QACrBA,IAAWA,GACXN,EAAaS,SAAS,gBAAiBH,oBAKzCA,IAAWA,GACXN,EAAaS,SAAS,YAAaH"}