@mozaic-ds/web-components 0.28.1 → 1.0.0-alpha.0

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

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

package/public/adeo/components/sidebar/sidebar-feature.nested.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-feature.nested.js","sources":["../../../../src/components/sidebar/sidebar-feature.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import {\n    isSidebarOpen,\n    selectedFeature,\n  } from '../../utilities/sidebar-service';\n  import type { A11yLabels, Feature, Selection } from './sidebar.types';\n\n  export let feature: Feature;\n  export let a11yLabels: A11yLabels;\n\n  $: updateSelection(feature, $selectedFeature);\n  $: updatA11yLabel(a11yLabels, feature);\n\n  let isSelected = false;\n  let ariaSuffix: string;\n\n  let label: HTMLElement;\n  let showTooltip: boolean;\n  $: updateTooltip($isSidebarOpen);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  function updateTooltip(_: boolean) {\n    setTimeout(() => {\n      showTooltip = label?.offsetHeight < label?.scrollHeight;\n    }, 500);\n  }\n\n  function updateSelection(feature: Feature, selection?: Selection) {\n    isSelected =\n      ((selection?.lv1 && feature.code === selection?.lv1?.code) ||\n        (selection?.lv2 && feature.code === selection?.lv2?.code)) ??\n      false;\n  }\n\n  function updatA11yLabel(label: A11yLabels, feature: Feature) {\n    if (feature.embedded) {\n      ariaSuffix = label?.['external-link-suffix']\n        ? ` (${label['external-link-suffix']})`\n        : ' (link to a new window)';\n    } else {\n      ariaSuffix = '';\n    }\n  }\n</script>\n\n{#if !feature.disabled}\n  <a\n    aria-label=\"{feature.label}{ariaSuffix}\"\n    href={feature.href ?? 'javascript:void(null)'}\n    target={feature.embedded}\n    class=\"mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n      ? 'is-open'\n      : 'is-close'}\"\n    id={feature.code}\n  >\n    <div class=\"mc-sidebar-feature__container\">\n      <span class=\"mc-sidebar-feature__label\" bind:this={label}\n        >{feature.label}</span\n      >\n      {#if showTooltip}\n        <div aria-hidden=\"true\" class=\"mc-sidebar-feature__label__tooltip\">\n          <div class=\"mc-sidebar-feature__label__tooltip__pointer\"><div /></div>\n          <span>{feature.label}</span>\n        </div>\n      {/if}\n      {#if feature.embedded === '_blank'}\n        <svg\n          class=\"mc-sidebar-feature__icon\"\n          width=\"16px\"\n          height=\"16px\"\n          viewBox=\"0 0 16 16\"\n          ><path\n            fill-rule=\"evenodd\"\n            d=\"M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z\"\n          /></svg\n        >\n      {/if}\n    </div>\n  </a>\n{:else}\n  <span\n    aria-label={feature.label}\n    aria-disabled=\"true\"\n    class=\"mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n      ? 'is-open'\n      : 'is-close'} is-disabled\"\n    id={feature.code}\n  >\n    <div class=\"mc-sidebar-feature__container\">\n      <svg\n        class=\"mc-sidebar-feature__icon-disabled\"\n        width=\"16px\"\n        height=\"16px\"\n        viewBox=\"0 0 16 16\"\n        ><g clip-path=\"url(#a)\"\n          ><path\n            fill-rule=\"evenodd\"\n            d=\"M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z\"\n          /></g\n        ><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs\n        ></svg\n      >\n      <span>{feature.label}</span>\n    </div>\n  </span>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-feature {\n    font-size: 16px;\n    min-width: 200px;\n    cursor: pointer;\n    flex: 1;\n    display: flex;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    overflow: hidden;\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding-top: 8px;\n      padding-bottom: 8px;\n\n      span {\n        max-width: 200px;\n        min-width: 200px;\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__icon-disabled {\n      fill: $color-sidebar-feature-disabled-background;\n    }\n\n    &__label {\n      flex: 1;\n      margin-right: 8px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      line-clamp: 2;\n      -webkit-box-orient: vertical;\n\n      &__tooltip {\n        opacity: 0;\n        transition: 0s opacity;\n        background-color: $color-sidebar-divider-background;\n        border: 1px solid $color-sidebar-text-color;\n        border-radius: 4px;\n        position: absolute;\n        pointer-events: none;\n        left: calc(100% - 16px);\n        padding: 8px 16px;\n        width: 188px;\n\n        &__pointer {\n          position: absolute;\n          top: 50%;\n          left: -8px;\n          top: calc(50% - 6px);\n          width: 0;\n          height: 0;\n          border-top: 6px solid transparent;\n          border-bottom: 6px solid transparent;\n          border-right: 8px solid $color-sidebar-text-color;\n\n          & div {\n            position: relative;\n            top: -6px;\n            left: 2px;\n            width: 0;\n            height: 0;\n            border-top: 6px solid transparent;\n            border-bottom: 6px solid transparent;\n            border-right: 8px solid $color-sidebar-divider-background;\n          }\n        }\n      }\n\n      &:hover + .mc-sidebar-feature__label__tooltip {\n        opacity: 1;\n        transition-delay: 1s;\n      }\n    }\n\n    &__icon {\n      margin-right: 8px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    &.is-close {\n      @include transition(padding 300ms ease-in-out);\n      padding: 0px 0px;\n\n      .mc-sidebar-feature__container {\n        @include transition(padding-left 300ms ease-in-out);\n        padding-left: 20px;\n        width: 24px;\n      }\n    }\n\n    &.is-open {\n      @include transition(padding 300ms ease-in-out);\n      padding: 0px 32px;\n\n      .mc-sidebar-feature__container {\n        @include transition(padding-left 300ms ease-in-out);\n        padding-left: 32px;\n      }\n    }\n\n    &.is-disabled {\n      color: $color-sidebar-feature-disabled-background;\n      fill: $color-sidebar-feature-disabled-background;\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-feature__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n  }\n</style>\n"],"names":["t1_value","ctx","label","attr","span1","span1_aria_label_value","span1_id_value","code","insert","target","anchor","append","div","svg","g","path0","defs","clipPath","path1","span0","dirty","set_data","t1","t0_value","create_if_block_2","embedded","create_if_block_1","href","a","a_target_value","a_id_value","span","t0","div2","div1","path","disabled","create_if_block","ariaSuffix","showTooltip","feature","$$props","a11yLabels","isSelected","selection","_c","lv1","_a","lv2","_b","updateSelection","$selectedFeature","$$invalidate","updatA11yLabel","setTimeout","offsetHeight","scrollHeight","$$value"],"mappings":"y9GAwGaA,EAAAC,KAAQC,MAAK,mlBArBVC,EAAAC,EAAA,aAAAC,EAAAJ,KAAQC,wEAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,2CACAE,EAAAC,EAAA,KAAAE,EAAAL,KAAQM,cANdC,EAwBMC,EAAAL,EAAAM,GAhBJC,EAeKP,EAAAQ,GAdHD,EAYAC,EAAAC,GAPGF,EAKAE,EAAAC,GAJEH,EAGCG,EAAAC,GACHJ,EACAE,EAAAG,GADML,EAAsDK,EAAAC,GAArCN,EAA0BM,EAAAC,UAGpDP,EAA2BC,EAAAO,kBAApB,EAAAC,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,GArBV,EAAAoB,GAAAf,KAAAA,EAAAJ,KAAQC,+DAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,2DACA,EAAAmB,GAAAd,KAAAA,EAAAL,KAAQM,2EA7BNgB,EAAAtB,KAAQC,MAAK,KAEZD,EAAW,IAAAuB,EAAAvB,KAMU,WAArBA,EAAO,GAACwB,UAAqBC,+NAlBvBzB,EAAO,GAACC,MAAOD,EAAU,kBAChCA,EAAO,GAAC0B,MAAQ,yBACdxB,EAAAyB,EAAA,SAAAC,EAAA5B,KAAQwB,+CACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,mBACVE,EAAAyB,EAAA,KAAAE,EAAA7B,KAAQM,cAPdC,EAgCGC,EAAAmB,EAAAlB,GAvBDC,EAsBKiB,EAAAhB,GArBHD,EAEAC,EAAAmB,sEADI,EAAAX,GAAAG,KAAAA,EAAAtB,KAAQC,MAAK,KAAAmB,EAAAW,EAAAT,GAEZtB,EAAW,yDAMU,WAArBA,EAAO,GAACwB,yEAlBFxB,EAAO,GAACC,MAAOD,EAAU,sCAChCA,EAAO,GAAC0B,MAAQ,wCACd,EAAAP,GAAAS,KAAAA,EAAA5B,KAAQwB,8DACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,mCACV,EAAAmB,GAAAU,KAAAA,EAAA7B,KAAQM,4FASCP,EAAAC,KAAQC,MAAK,yTAFtBM,EAGKC,EAAAwB,EAAAvB,GAFHC,EAAqEsB,EAAAC,UACrEvB,EAA2BsB,EAAAF,kBAApB,EAAAX,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,waAItBQ,EASAC,EAAAI,EAAAH,GAJGC,EAGCE,EAAAsB,uDA7BN,OAAAlC,KAAQmC,WAAQC,8PA/BhBC,EAEApC,EACAqC,WAVOC,GAAgBC,cAChBC,GAAsBD,EAK7BE,GAAa,sIAcQH,EAAkBI,iBACzCD,EAEJ,QADAE,GAAQD,eAAAA,EAAWE,MAAON,EAAQjC,QAAlC,QAAAwC,EAA2CH,eAAAA,EAAWE,eAAtDC,SAAAA,EAA2DxC,QAClDqC,eAAAA,EAAWI,MAAOR,EAAQjC,QAAnC,QAAA0C,EAA4CL,eAAAA,EAAWI,eAAvDC,SAAAA,EAA4D1C,iBAA5DsC,GAAAA,GApBKK,CAAgBV,EAASW,2BAwBJjD,EAAmBsC,GACrCA,EAAQf,SACV2B,EAAA,EAAAd,GAAapC,eAAAA,EAAQ,yBACZ,KAAAA,EAAM,2BACX,2BAEJkD,EAAA,EAAAd,EAAa,IA7Bde,CAAeX,EAAYF,iBAW5Bc,iBACEF,EAAA,EAAAb,GAAcrC,eAAAA,EAAOqD,eAAerD,eAAAA,EAAOsD,cAAY,GACtD,+DAgCkDtD,EAAKuD"}

package/public/adeo/components/sidebar/sidebar-feature.nested.svelte

@@ -1,249 +0,0 @@
-<svelte:options />
-
-<script lang="ts">
-  import {
-    isSidebarOpen,
-    selectedFeature,
-  } from '../../utilities/sidebar-service';
-  import type { A11yLabels, Feature, Selection } from './sidebar.types';
-
-  export let feature: Feature;
-  export let a11yLabels: A11yLabels;
-
-  $: updateSelection(feature, $selectedFeature);
-  $: updatA11yLabel(a11yLabels, feature);
-
-  let isSelected = false;
-  let ariaSuffix: string;
-
-  let label: HTMLElement;
-  let showTooltip: boolean;
-  $: updateTooltip($isSidebarOpen);
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  function updateTooltip(_: boolean) {
-    setTimeout(() => {
-      showTooltip = label?.offsetHeight < label?.scrollHeight;
-    }, 500);
-  }
-
-  function updateSelection(feature: Feature, selection?: Selection) {
-    isSelected =
-      ((selection?.lv1 && feature.code === selection?.lv1?.code) ||
-        (selection?.lv2 && feature.code === selection?.lv2?.code)) ??
-      false;
-  }
-
-  function updatA11yLabel(label: A11yLabels, feature: Feature) {
-    if (feature.embedded) {
-      ariaSuffix = label?.['external-link-suffix']
-        ? ` (${label['external-link-suffix']})`
-        : ' (link to a new window)';
-    } else {
-      ariaSuffix = '';
-    }
-  }
-</script>
-
-{#if !feature.disabled}
-  <a
-    aria-label="{feature.label}{ariaSuffix}"
-    href={feature.href ?? 'javascript:void(null)'}
-    target={feature.embedded}
-    class="mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen
-      ? 'is-open'
-      : 'is-close'}"
-    id={feature.code}
-  >
-    <div class="mc-sidebar-feature__container">
-      <span class="mc-sidebar-feature__label" bind:this={label}
-        >{feature.label}</span
-      >
-      {#if showTooltip}
-        <div aria-hidden="true" class="mc-sidebar-feature__label__tooltip">
-          <div class="mc-sidebar-feature__label__tooltip__pointer"><div /></div>
-          <span>{feature.label}</span>
-        </div>
-      {/if}
-      {#if feature.embedded === '_blank'}
-        <svg
-          class="mc-sidebar-feature__icon"
-          width="16px"
-          height="16px"
-          viewBox="0 0 16 16"
-          ><path
-            fill-rule="evenodd"
-            d="M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z"
-          /></svg
-        >
-      {/if}
-    </div>
-  </a>
-{:else}
-  <span
-    aria-label={feature.label}
-    aria-disabled="true"
-    class="mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen
-      ? 'is-open'
-      : 'is-close'} is-disabled"
-    id={feature.code}
-  >
-    <div class="mc-sidebar-feature__container">
-      <svg
-        class="mc-sidebar-feature__icon-disabled"
-        width="16px"
-        height="16px"
-        viewBox="0 0 16 16"
-        ><g clip-path="url(#a)"
-          ><path
-            fill-rule="evenodd"
-            d="M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z"
-          /></g
-        ><defs><clipPath id="a"><path d="M0 0h16v16H0z" /></clipPath></defs
-        ></svg
-      >
-      <span>{feature.label}</span>
-    </div>
-  </span>
-{/if}
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import './_c.sidebar';
-
-  .mc-sidebar-feature {
-    font-size: 16px;
-    min-width: 200px;
-    cursor: pointer;
-    flex: 1;
-    display: flex;
-    text-decoration: none;
-    color: $color-sidebar-text-color;
-    line-height: 22px;
-    overflow: hidden;
-
-    &__container {
-      display: flex;
-      align-items: center;
-      width: 100%;
-      padding-top: 8px;
-      padding-bottom: 8px;
-
-      span {
-        max-width: 200px;
-        min-width: 200px;
-      }
-    }
-
-    &__icon {
-      fill: $color-sidebar-icon;
-    }
-
-    &__icon-disabled {
-      fill: $color-sidebar-feature-disabled-background;
-    }
-
-    &__label {
-      flex: 1;
-      margin-right: 8px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      line-clamp: 2;
-      -webkit-box-orient: vertical;
-
-      &__tooltip {
-        opacity: 0;
-        transition: 0s opacity;
-        background-color: $color-sidebar-divider-background;
-        border: 1px solid $color-sidebar-text-color;
-        border-radius: 4px;
-        position: absolute;
-        pointer-events: none;
-        left: calc(100% - 16px);
-        padding: 8px 16px;
-        width: 188px;
-
-        &__pointer {
-          position: absolute;
-          top: 50%;
-          left: -8px;
-          top: calc(50% - 6px);
-          width: 0;
-          height: 0;
-          border-top: 6px solid transparent;
-          border-bottom: 6px solid transparent;
-          border-right: 8px solid $color-sidebar-text-color;
-
-          & div {
-            position: relative;
-            top: -6px;
-            left: 2px;
-            width: 0;
-            height: 0;
-            border-top: 6px solid transparent;
-            border-bottom: 6px solid transparent;
-            border-right: 8px solid $color-sidebar-divider-background;
-          }
-        }
-      }
-
-      &:hover + .mc-sidebar-feature__label__tooltip {
-        opacity: 1;
-        transition-delay: 1s;
-      }
-    }
-
-    &__icon {
-      margin-right: 8px;
-    }
-
-    &.is-selected {
-      background: $color-sidebar-feature-selected-background;
-    }
-
-    &.is-close {
-      @include transition(padding 300ms ease-in-out);
-      padding: 0px 0px;
-
-      .mc-sidebar-feature__container {
-        @include transition(padding-left 300ms ease-in-out);
-        padding-left: 20px;
-        width: 24px;
-      }
-    }
-
-    &.is-open {
-      @include transition(padding 300ms ease-in-out);
-      padding: 0px 32px;
-
-      .mc-sidebar-feature__container {
-        @include transition(padding-left 300ms ease-in-out);
-        padding-left: 32px;
-      }
-    }
-
-    &.is-disabled {
-      color: $color-sidebar-feature-disabled-background;
-      fill: $color-sidebar-feature-disabled-background;
-    }
-
-    &:hover {
-      background: $color-sidebar-feature-hover-background;
-    }
-
-    &:focus-visible {
-      box-shadow: none;
-      border: none;
-      outline: none;
-
-      .mc-sidebar-feature__container {
-        box-shadow: none;
-        border: none;
-        border-radius: 6px;
-        outline: 1px solid #0b96cc;
-      }
-    }
-  }
-</style>

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

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

package/public/adeo/components/sidebar/sidebar-section.nested.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-section.nested.js","sources":["../../../../src/components/sidebar/sidebar-section.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { A11yLabels, Feature, FeatureGroup } from './sidebar.types';\n  import FeatureGroupComponent from './sidebar-feature-group.nested.svelte';\n  import SubFeaturesComponent from './sidebar-sub-features.nested.svelte';\n  import {\n    isSidebarOpen,\n    toggleSidebar,\n  } from '../../utilities/sidebar-service';\n\n  export let data: FeatureGroup[] = [];\n  export let a11yLabels: A11yLabels;\n\n  let expandedGroup: string | undefined;\n  let expandedSubGroup: Feature | undefined;\n\n  function handleGroupClick(code: string) {\n    // opens the menu if at the time of the click on a FeatureGroup this one was closed\n    const open = $isSidebarOpen;\n    if (!open) {\n      toggleSidebar();\n    }\n\n    if (open && expandedGroup === code) {\n      expandedGroup = undefined;\n    } else {\n      expandedGroup = code;\n    }\n  }\n\n  function handleFeatureClick(event?: CustomEvent<Feature>) {\n    if (event?.detail) {\n      if (expandedSubGroup && expandedSubGroup.code === event.detail.code) {\n        expandedSubGroup = undefined;\n      } else {\n        expandedSubGroup = event.detail;\n      }\n    } else {\n      expandedSubGroup = undefined;\n    }\n  }\n</script>\n\n{#if data?.length}\n  <div class=\"mc-sidebar-section\">\n    <ul\n      class={expandedSubGroup && $isSidebarOpen ? 'is-hidden' : 'is-visible'}\n      aria-hidden={expandedSubGroup && $isSidebarOpen}\n    >\n      {#each data as featureGroup}\n        <li on:click={() => handleGroupClick(featureGroup.code)}>\n          <FeatureGroupComponent\n            {featureGroup}\n            expand={expandedGroup === featureGroup.code}\n            {a11yLabels}\n            on:feature-click={(event) => handleFeatureClick(event)}\n          />\n        </li>\n      {/each}\n    </ul>\n    {#if expandedSubGroup && $isSidebarOpen}\n      <SubFeaturesComponent\n        data={expandedSubGroup}\n        {a11yLabels}\n        on:back-click={() => handleFeatureClick()}\n      />\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-section {\n    display: flex;\n    flex-direction: row;\n    flex: 1;\n    align-items: flex-start;\n    min-height: 38px;\n    overflow-x: hidden;\n    overflow-y: auto;\n    overflow-y: overlay;\n    padding: 1px 0px;\n    scrollbar-color: $color-primary-02-400 $color-sidebar-divider-background;\n    scrollbar-width: thin;\n\n    ul,\n    li {\n      list-style-type: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      width: 100%;\n    }\n\n    ul {\n      align-items: start;\n      flex-direction: column;\n      justify-content: center;\n\n      li {\n        flex-direction: column;\n        box-sizing: border-box;\n        margin: 4px 0px;\n\n        &:first-child {\n          margin-top: 0;\n        }\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      &.is-hidden {\n        @include transition(margin-left 300ms ease-in-out);\n        margin-left: -320px;\n        opacity: 0;\n      }\n\n      &.is-visible {\n        @include transition(margin-left 300ms ease-in-out);\n        margin-left: 0;\n      }\n    }\n\n    &::-webkit-scrollbar {\n      width: 5px;\n      height: 10px;\n      background: $color-sidebar-scroll-background;\n\n      &-thumb {\n        background: $color-sidebar-scroll-color;\n      }\n    }\n  }\n</style>\n"],"names":["ctx","length","i","if_block","create_if_block_1","attr","ul","ul_class_value","null_to_empty","ul_aria_hidden_value","insert","target","div","anchor","append","each_blocks","current","dirty","code","li","create_if_block","expandedGroup","expandedSubGroup","data","$$props","a11yLabels","handleGroupClick","open","$isSidebarOpen","toggleSidebar","$$invalidate","undefined","handleFeatureClick","event","detail","featureGroup"],"mappings":"u4EAkDaA,EAAI,wBAATC,OAAIC,GAAA,4DAWH,IAAAC,EAAAH,MAAoBA,EAAc,IAAAI,EAAAJ,uFAd9BK,EAAAC,EAAA,QAAAC,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,mBACzDK,EAAAC,EAAA,cAAAG,EAAAT,MAAoBA,EAAc,6DAHnDU,EAuBKC,EAAAC,EAAAC,GAtBHC,EAcIF,EAAAN,6GAVKN,EAAI,WAATC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAa,EAAAd,OAAAC,GAAA,aAHCc,GAAA,GAAAC,GAAAV,KAAAA,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,sCACzDgB,GAAA,GAAAC,GAAAR,KAAAA,EAAAT,MAAoBA,EAAc,2BAa5CA,MAAoBA,EAAc,iIAXnCC,OAAIC,GAAA,4OAIQF,EAAa,KAAKA,EAAY,IAACkB,gIAH3CR,EAOIC,EAAAQ,EAAAN,wHAJQb,EAAa,KAAKA,EAAY,IAACkB,0LASrClB,EAAgB,2HAAhBA,EAAgB,6IAnBzBG,EAAAH,MAAMC,QAAMmB,EAAApB,yEAAZA,MAAMC,+NA9BLoB,EACAC,QAJOC,EAAI,IAAAC,cACJC,GAAsBD,EAKxB,SAAAE,EAAiBR,GAElB,MAAAS,EAAOC,EACRD,GACHE,IAIAC,EAAA,EAAAT,EADEM,GAAQN,IAAkBH,OACZa,EAEAb,GAIX,SAAAc,EAAmBC,IACtBA,eAAAA,EAAOC,QACLZ,GAAoBA,EAAiBJ,OAASe,EAAMC,OAAOhB,KAC7DY,EAAA,EAAAR,OAAmBS,OAEnBT,EAAmBW,EAAMC,QAG3BJ,EAAA,EAAAR,OAAmBS,sGAiBME,GAAUD,EAAmBC,MALhCP,EAAiBS,EAAajB,UAc7Bc"}

package/public/adeo/components/sidebar/sidebar-section.nested.svelte

@@ -1,138 +0,0 @@
-<svelte:options />
-
-<script lang="ts">
-  import type { A11yLabels, Feature, FeatureGroup } from './sidebar.types';
-  import FeatureGroupComponent from './sidebar-feature-group.nested.svelte';
-  import SubFeaturesComponent from './sidebar-sub-features.nested.svelte';
-  import {
-    isSidebarOpen,
-    toggleSidebar,
-  } from '../../utilities/sidebar-service';
-
-  export let data: FeatureGroup[] = [];
-  export let a11yLabels: A11yLabels;
-
-  let expandedGroup: string | undefined;
-  let expandedSubGroup: Feature | undefined;
-
-  function handleGroupClick(code: string) {
-    // opens the menu if at the time of the click on a FeatureGroup this one was closed
-    const open = $isSidebarOpen;
-    if (!open) {
-      toggleSidebar();
-    }
-
-    if (open && expandedGroup === code) {
-      expandedGroup = undefined;
-    } else {
-      expandedGroup = code;
-    }
-  }
-
-  function handleFeatureClick(event?: CustomEvent<Feature>) {
-    if (event?.detail) {
-      if (expandedSubGroup && expandedSubGroup.code === event.detail.code) {
-        expandedSubGroup = undefined;
-      } else {
-        expandedSubGroup = event.detail;
-      }
-    } else {
-      expandedSubGroup = undefined;
-    }
-  }
-</script>
-
-{#if data?.length}
-  <div class="mc-sidebar-section">
-    <ul
-      class={expandedSubGroup && $isSidebarOpen ? 'is-hidden' : 'is-visible'}
-      aria-hidden={expandedSubGroup && $isSidebarOpen}
-    >
-      {#each data as featureGroup}
-        <li on:click={() => handleGroupClick(featureGroup.code)}>
-          <FeatureGroupComponent
-            {featureGroup}
-            expand={expandedGroup === featureGroup.code}
-            {a11yLabels}
-            on:feature-click={(event) => handleFeatureClick(event)}
-          />
-        </li>
-      {/each}
-    </ul>
-    {#if expandedSubGroup && $isSidebarOpen}
-      <SubFeaturesComponent
-        data={expandedSubGroup}
-        {a11yLabels}
-        on:back-click={() => handleFeatureClick()}
-      />
-    {/if}
-  </div>
-{/if}
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import './_c.sidebar';
-
-  .mc-sidebar-section {
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-    align-items: flex-start;
-    min-height: 38px;
-    overflow-x: hidden;
-    overflow-y: auto;
-    overflow-y: overlay;
-    padding: 1px 0px;
-    scrollbar-color: $color-primary-02-400 $color-sidebar-divider-background;
-    scrollbar-width: thin;
-
-    ul,
-    li {
-      list-style-type: none;
-      margin: 0;
-      padding: 0;
-      display: flex;
-      width: 100%;
-    }
-
-    ul {
-      align-items: start;
-      flex-direction: column;
-      justify-content: center;
-
-      li {
-        flex-direction: column;
-        box-sizing: border-box;
-        margin: 4px 0px;
-
-        &:first-child {
-          margin-top: 0;
-        }
-        &:last-child {
-          margin-bottom: 0;
-        }
-      }
-
-      &.is-hidden {
-        @include transition(margin-left 300ms ease-in-out);
-        margin-left: -320px;
-        opacity: 0;
-      }
-
-      &.is-visible {
-        @include transition(margin-left 300ms ease-in-out);
-        margin-left: 0;
-      }
-    }
-
-    &::-webkit-scrollbar {
-      width: 5px;
-      height: 10px;
-      background: $color-sidebar-scroll-background;
-
-      &-thumb {
-        background: $color-sidebar-scroll-color;
-      }
-    }
-  }
-</style>

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from '../../utilities/sidebar-service';\n\n  export let data: Segment;\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    id={data.code}\n    aria-label={data.label}\n    class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n      ? 'is-selected'\n      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    href={data.href ?? 'javascript:void(null)'}\n    target={data.embedded}\n    on:click={handleClick}\n  >\n  \n    <div class=\"mc-sidebar-segment__container\">\n      <span class=\"mc-sidebar-segment__icon\">\n      {#if data.icon}\n          {@html `<${generateIcon(data.icon)} />`}\n      {/if}\n      {#if $$slots.icon}\n          <slot name=\"icon\" />\n      {/if}\n      {#if data.iconPath}\n      <svg class=\"mc-sidebar-segment__icon\">\n        <use href={data.iconPath}></use>\n      </svg>\n      {/if}\n      </span>\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-segment {\n    cursor: pointer;\n    flex: 0;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    display: flex;\n    overflow: hidden;\n    min-height: 40px;\n\n    &__icon {\n      fill: $color-sidebar-icon;\n      height: 1.5rem;\n      width: 1.5rem;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    svg {\n      fill: $color-sidebar-icon;\n    }\n\n    &__text {\n      margin-left: 10px;\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-segment__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":["t3_value","ctx","label","if_block0","icon","create_if_block_3","if_block1","create_if_block_2","if_block2","iconPath","create_if_block_1","attr","a","a_id_value","code","a_aria_label_value","a_class_value","lv0","href","a_target_value","embedded","insert","target","anchor","append","div","span0","span1","current","dirty","set_data","t3","generateIcon","html_tag","p","raw_value","use","use_href_value","svg","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"+kEAgDSA,EAAAC,KAAKC,MAAK,GAbRC,EAAAF,KAAKG,MAAIC,EAAAJ,GAGTK,EAAAL,KAAQG,MAAIG,EAAAN,GAGZO,EAAAP,KAAKQ,UAAQC,EAAAT,yLAMEA,EAAc,qHAxBhCU,EAAAC,EAAA,KAAAC,EAAAZ,KAAKa,MACGH,EAAAC,EAAA,aAAAG,EAAAd,KAAKC,OACUS,EAAAC,EAAA,QAAAI,EAAA,uBAAAf,KAAKa,OAASb,EAAkB,IAAAgB,KAAKH,KAC5D,cACA,IAAK,KAAAb,EAAiB,GAAA,UAAY,YAAU,+BAC1CA,EAAI,GAACiB,MAAQ,yBACXP,EAAAC,EAAA,SAAAO,EAAAlB,KAAKmB,kBAPfC,EA6BGC,EAAAV,EAAAW,GAlBDC,EAiBKZ,EAAAa,GAhBHD,EAYMC,EAAAC,qEACNF,EAEMC,EAAAE,iCAnBE1B,EAAW,kBAKdA,KAAKG,2DAGLH,KAAQG,mGAGRH,KAAKQ,oEAOPmB,GAAA,EAAAC,IAAA7B,KAAAA,EAAAC,KAAKC,MAAK,KAAA4B,EAAAC,EAAA/B,qBADOC,EAAc,6BAxBhC2B,GAAA,EAAAC,GAAAhB,KAAAA,EAAAZ,KAAKa,sBACGc,GAAA,EAAAC,GAAAd,KAAAA,EAAAd,KAAKC,+BACU0B,GAAA,EAAAC,GAAAb,KAAAA,EAAA,uBAAAf,KAAKa,OAASb,EAAkB,IAAAgB,KAAKH,KAC5D,cACA,IAAK,KAAAb,EAAiB,GAAA,UAAY,YAAU,oDAC1CA,EAAI,GAACiB,MAAQ,2CACXU,GAAA,EAAAC,GAAAV,KAAAA,EAAAlB,KAAKmB,iJAOIY,EAAa/B,EAAI,GAACG,kGAAlB4B,EAAa/B,EAAI,GAACG,aAAI6B,EAAAC,EAAAC,uTAOxBxB,EAAAyB,EAAA,OAAAC,EAAApC,KAAKQ,wEADlBY,EAEKC,EAAAgB,EAAAf,GADHC,EAA+Bc,EAAAF,WAApB,EAAAP,GAAAQ,KAAAA,EAAApC,KAAKQ,iEAtBnBR,EAAI,IAAAsC,EAAAtC,yEAAJA,EAAI,0KATE,SAAA+B,EAAaQ,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,EAAK3B"}

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

@@ -1,136 +0,0 @@
-<svelte:options />
-
-<script lang="ts">
-  import type { Segment } from './sidebar.types';
-  import {
-    isSidebarOpen,
-    selectedFeature,
-    selectFeature,
-  } from '../../utilities/sidebar-service';
-
-  export let data: Segment;
-
-  function generateIcon(iconname: string): string {
-    return `${iconname} size="1.5rem"`;
-  }
-
-  function handleClick() {
-    selectFeature(data.code);
-  }
-</script>
-
-{#if data}
-  <a
-    id={data.code}
-    aria-label={data.label}
-    class="mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code
-      ? 'is-selected'
-      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}"
-    href={data.href ?? 'javascript:void(null)'}
-    target={data.embedded}
-    on:click={handleClick}
-  >
-  
-    <div class="mc-sidebar-segment__container">
-      <span class="mc-sidebar-segment__icon">
-      {#if data.icon}
-          {@html `<${generateIcon(data.icon)} />`}
-      {/if}
-      {#if $$slots.icon}
-          <slot name="icon" />
-      {/if}
-      {#if data.iconPath}
-      <svg class="mc-sidebar-segment__icon">
-        <use href={data.iconPath}></use>
-      </svg>
-      {/if}
-      </span>
-      <span aria-hidden={!$isSidebarOpen} class="mc-sidebar-segment__text">
-        {data.label}
-      </span>
-    </div>
-  </a>
-{/if}
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import './_c.sidebar';
-
-  .mc-sidebar-segment {
-    cursor: pointer;
-    flex: 0;
-    text-decoration: none;
-    color: $color-sidebar-text-color;
-    line-height: 22px;
-    display: flex;
-    overflow: hidden;
-    min-height: 40px;
-
-    &__icon {
-      fill: $color-sidebar-icon;
-      height: 1.5rem;
-      width: 1.5rem;
-    }
-
-    &__container {
-      display: flex;
-      align-items: center;
-      width: 100%;
-      padding: 8px 0px;
-    }
-
-    svg {
-      fill: $color-sidebar-icon;
-    }
-
-    &__text {
-      margin-left: 10px;
-      width: 200px;
-      min-width: 200px;
-    }
-
-    &.is-selected {
-      background: $color-sidebar-feature-selected-background;
-    }
-
-    &:focus-visible {
-      box-shadow: none;
-      border: none;
-      outline: none;
-
-      .mc-sidebar-segment__container {
-        box-shadow: none;
-        border: none;
-        border-radius: 6px;
-        outline: 1px solid #0b96cc;
-      }
-    }
-
-    &:hover {
-      background: $color-sidebar-feature-hover-background;
-    }
-
-    &.is-close {
-      .mc-sidebar-segment__container {
-        @include transition(margin 300ms ease-in-out);
-        margin: 0 20px;
-        width: 24px;
-      }
-
-      .mc-sidebar-segment__text {
-        opacity: 0;
-      }
-    }
-
-    &.is-open {
-      .mc-sidebar-segment__container {
-        @include transition(margin 300ms ease-in-out);
-        margin: 0 32px;
-      }
-
-      .mc-sidebar-segment__text {
-        opacity: 1;
-      }
-    }
-  }
-</style>

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

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

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

@@ -1 +0,0 @@
-{"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":"osBAQ+BA,EAAc,GAAG,UAAY,YAAU,2BAFtEC,EAGCC,EAAAC,EAAAC,kDAD8BJ,EAAc,GAAG,UAAY,YAAU"}

package/public/adeo/components/sidebar/sidebar-separator.nested.svelte

@@ -1,30 +0,0 @@
-<svelte:options />
-
-<script lang="ts">
-  import { isSidebarOpen } from '../../utilities/sidebar-service';
-</script>
-
-<span
-  role="separator"
-  class="mc-sidebar-separator {$isSidebarOpen ? 'is-open' : 'is-close'}"
-/>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import './_c.sidebar';
-
-  .mc-sidebar-separator {
-    border-bottom: 1px solid $color-sidebar-divider-background;
-    display: flex;
-
-    &.is-close {
-      @include transition(margin 300ms ease-in-out);
-      margin: 24px 0;
-    }
-
-    &.is-open {
-      @include transition(margin 300ms ease-in-out);
-      margin: 24px 32px;
-    }
-  }
-</style>