@mozaic-ds/web-components 0.1.0 → 0.3.0

package/public/components/sidebar/Sidebar.svelte

@@ -100,13 +100,21 @@
     >
       <span class="mc-sidebar__trigger__container">
         {#if $isSidebarOpen}
-          <svg width="24px" height="24px" viewBox="0 0 24 24"
+          <svg
+            class="mc-sidebar__trigger-icon"
+            width="24px"
+            height="24px"
+            viewBox="0 0 24 24"
             ><path
               d="M10.707 5.707a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L4.414 12l6.293-6.293zm9 0a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L13.414 12l6.293-6.293z"
             /></svg
           >
         {:else}
-          <svg width="24px" height="24px" viewBox="0 0 24 24"
+          <svg
+            class="mc-sidebar__trigger-icon"
+            width="24px"
+            height="24px"
+            viewBox="0 0 24 24"
             ><path
               d="M5.707 4.293a1 1 0 00-1.414 1.414L10.586 12l-6.293 6.293a1 1 0 101.414 1.414l7-7a1 1 0 000-1.414l-7-7zm9 0a1 1 0 10-1.414 1.414L19.586 12l-6.293 6.293a1 1 0 001.414 1.414l7-7a1 1 0 000-1.414l-7-7z"
             /></svg
@@ -142,6 +150,7 @@
 </nav>
 
 <style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
   @import './sidebar-variables';
 
   .mc-sidebar {
@@ -152,9 +161,9 @@
     font-size: 14px;
     color: white;
     box-sizing: border-box;
-    fill: white;
+    fill: $color-sidebar-icon;
     width: 320px;
-    background: #082435;
+    background: $color-sidebar-background;
     display: block;
     height: 100vh;
 
@@ -186,27 +195,32 @@
       background: none;
       border: none;
       padding: 0;
-      min-height: 92px;
+      margin: 28px 0;
+      min-height: 38px;
       width: 100%;
       font-size: inherit;
       font-family: inherit;
-      position: relative;
-      display: flex;
+
+      &-icon {
+        fill: $color-sidebar-icon;
+      }
 
       &__container {
-        position: relative;
-        margin: 28px 20px 28px 20px;
-        height: 32px;
-        width: 100%;
+        height: 38px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
         & > * {
-          position: absolute;
-          top: 0px;
-          right: 0px;
           width: 24px;
           height: 24px;
         }
       }
 
+      &:hover &__container {
+        background: $color-sidebar-feature-hover-background;
+      }
+
       &:focus-visible {
         box-shadow: none;
         border: none;
@@ -223,6 +237,17 @@
 
     &.is-open {
       @include transition(width 300ms ease-in-out);
+
+      .mc-sidebar__trigger__container {
+        @include transition(
+          width 300ms ease-in-out,
+          margin-left 300ms ease-in-out,
+          border-radius 300ms ease-in-out
+        );
+        margin-left: 266px;
+        width: 38px;
+        border-radius: 4px;
+      }
     }
 
     &.is-close {
@@ -230,6 +255,17 @@
 
       width: 64px;
       padding: 0;
+
+      .mc-sidebar__trigger__container {
+        @include transition(
+          width 300ms ease-in-out,
+          margin-left 300ms ease-in-out,
+          border-radius 300ms ease-in-out
+        );
+        margin-left: 0px;
+        width: 64px;
+        border-radius: 0px;
+      }
     }
 
     ul {

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"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 { isSidebarOpen, selectedFeature, Selection } from './sidebar-service';\n  import type { A11yLabels, Feature } 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 width=\"16px\" height=\"16px\" fill=\"white\" 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 width=\"16px\" height=\"16px\" fill=\"#92a2a9\" 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 './sidebar-variables';\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: white;\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    &__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: #5b737d;\n        border: 1px solid white;\n        border-radius: 4px;\n        position: absolute;\n        pointer-events: none;\n        left: calc(100% - 16px);\n        padding: 8px 16px;\n        width: 188px;\n\n        &__pointer {\n          position: absolute;\n          top: 50%;\n          left: -8px;\n          top: calc(50% - 6px);\n          width: 0;\n          height: 0;\n          border-top: 6px solid transparent;\n          border-bottom: 6px solid transparent;\n          border-right: 8px solid white;\n\n          & div {\n            position: relative;\n            top: -6px;\n            left: 2px;\n            width: 0;\n            height: 0;\n            border-top: 6px solid transparent;\n            border-bottom: 6px solid transparent;\n            border-right: 8px solid #5b737d;\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: $selected-Link;\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: #92a2a9;\n      fill: #92a2a9;\n    }\n\n    &:hover {\n      background: #405d68;\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":"2+GA6FaA,EAAAC,KAAQC,MAAK,yiBAjBVC,EAAAC,EAAA,aAAAC,EAAAJ,KAAQC,wEAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,2CACAE,EAAAC,EAAA,KAAAE,EAAAL,KAAQM,cANdC,EAoBMC,EAAAL,EAAAM,GAZJC,EAWKP,EAAAQ,GAVHD,EAQAC,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,GAjBV,EAAAoB,GAAAf,KAAAA,EAAAJ,KAAQC,+DAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,2DACA,EAAAmB,GAAAd,KAAAA,EAAAL,KAAQM,2EAzBNgB,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,EA4BGC,EAAAmB,EAAAlB,GAnBDC,EAkBKiB,EAAAhB,GAjBHD,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,qYAItBQ,EAKAC,EAAAI,EAAAH,GAJGC,EAGCE,EAAAsB,uDAzBN,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"}
+{"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 { isSidebarOpen, selectedFeature, Selection } from './sidebar-service';\n  import type { A11yLabels, Feature } 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 './sidebar-variables';\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":"6sHAqGaA,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/components/sidebar/sidebar-section.nested.js

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

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

@@ -1 +1 @@
-{"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 { isSidebarOpen, toggleSidebar } from './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 './sidebar-variables';\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: #009eac #082435;\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: #082435;\n\n      &-thumb {\n        background: #009eac;\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":"w8EA+CaA,EAAI,wBAATC,OAAIC,GAAA,4DAWH,IAAAC,EAAAH,MAAoBA,EAAc,IAAAI,EAAAJ,uFAd9BK,EAAAC,EAAA,QAAAC,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,kBACzDK,EAAAC,EAAA,cAAAG,EAAAT,MAAoBA,EAAc,4DAHnDU,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,qCACzDgB,GAAA,GAAAC,GAAAR,KAAAA,EAAAT,MAAoBA,EAAc,2BAa5CA,MAAoBA,EAAc,iIAXnCC,OAAIC,GAAA,4OAIQF,EAAa,KAAKA,EAAY,IAACkB,+HAH3CR,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"}
+{"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 { isSidebarOpen, toggleSidebar } from './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 './sidebar-variables';\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-divider-background;\n\n      &-thumb {\n        background: $color-primary-02-400;\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":"o+EA+CaA,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/components/sidebar/sidebar-segment.nested.js

@@ -1,2 +1,2 @@
-import{P as e,i as s,s as n,Q as t,K as i,b as a,n as l,o,ab as r,e as c,d,t as m,g as b,j as g,l as p,k,Z as v}from"../../index-c33b3772.js";import{a as x,s as u,i as z}from"../../sidebar-service-6bb0964f.js";function f(e){t(e,"svelte-6enk1z",".mc-sidebar-segment.svelte-6enk1z.svelte-6enk1z{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:white;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment.svelte-6enk1z span.svelte-6enk1z{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-6enk1z.svelte-6enk1z{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-6enk1z.svelte-6enk1z{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-6enk1z.svelte-6enk1z{background:#007F8C}.mc-sidebar-segment.svelte-6enk1z .svelte-6enk1z:last-child{margin-left:10px}.mc-sidebar-segment.svelte-6enk1z.svelte-6enk1z:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-6enk1z:focus-visible .mc-sidebar-segment__container.svelte-6enk1z{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-6enk1z.svelte-6enk1z:hover{background:#405d68}.mc-sidebar-segment.is-close.svelte-6enk1z .mc-sidebar-segment__container.svelte-6enk1z{-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-6enk1z .mc-sidebar-segment__text.svelte-6enk1z{opacity:0}.mc-sidebar-segment.is-open.svelte-6enk1z .mc-sidebar-segment__container.svelte-6enk1z{-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-6enk1z .mc-sidebar-segment__text.svelte-6enk1z{opacity:1}")}function h(e){let s,n,t,i,l,r,v,x,u,z,f,h,w=e[0].label+"",y=e[0].icon&&_(e);return{c(){s=c("a"),n=c("div"),y&&y.c(),t=d(),i=c("span"),l=m(w),b(i,"aria-hidden",r=!e[2]),b(i,"class","mc-sidebar-segment__text svelte-6enk1z"),b(n,"class","mc-sidebar-segment__container svelte-6enk1z"),b(s,"aria-label",v=e[0].label),b(s,"class",x="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-6enk1z"),b(s,"href",u=e[0].href??"javascript:void(null)"),b(s,"id",z=e[0].code)},m(o,r){a(o,s,r),g(s,n),y&&y.m(n,null),g(n,t),g(n,i),g(i,l),f||(h=p(s,"click",e[3]),f=!0)},p(e,a){e[0].icon?y?y.p(e,a):(y=_(e),y.c(),y.m(n,t)):y&&(y.d(1),y=null),1&a&&w!==(w=e[0].label+"")&&k(l,w),4&a&&r!==(r=!e[2])&&b(i,"aria-hidden",r),1&a&&v!==(v=e[0].label)&&b(s,"aria-label",v),7&a&&x!==(x="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-6enk1z")&&b(s,"class",x),1&a&&u!==(u=e[0].href??"javascript:void(null)")&&b(s,"href",u),1&a&&z!==(z=e[0].code)&&b(s,"id",z)},d(e){e&&o(s),y&&y.d(),f=!1,h()}}}function _(e){let s,n,t=`<${$(e[0].icon)} class="mc-sidebar-segment__icon" style="${y}" />`;return{c(){s=new v(!1),n=i(),s.a=n},m(e,i){s.m(t,e,i),a(e,n,i)},p(e,n){1&n&&t!==(t=`<${$(e[0].icon)} class="mc-sidebar-segment__icon" style="${y}" />`)&&s.p(t)},d(e){e&&o(n),e&&s.d()}}}function w(e){let s,n=e[0]&&h(e);return{c(){n&&n.c(),s=i()},m(e,t){n&&n.m(e,t),a(e,s,t)},p(e,[t]){e[0]?n?n.p(e,t):(n=h(e),n.c(),n.m(s.parentNode,s)):n&&(n.d(1),n=null)},i:l,o:l,d(e){n&&n.d(e),e&&o(s)}}}const y="width: 24px; height: 24px; fill: white;";function $(e){return`${e} size="2rem"`}function j(e,s,n){let t,i;r(e,u,(e=>n(1,t=e))),r(e,z,(e=>n(2,i=e)));let{data:a}=s;return e.$$set=e=>{"data"in e&&n(0,a=e.data)},[a,t,i,function(){x(a.code)}]}class C extends e{constructor(e){super(),s(this,e,j,w,n,{data:0},f)}}export{C as default};
+import{P as e,i as s,s as t,Q as i,K as n,b as a,n as m,o as l,ac as o,e as c,d as r,t as b,g as d,j as g,l as p,k,Z as v}from"../../index-17a01ab4.js";import{a as x,s as y,i as u}from"../../sidebar-service-51f0ac60.js";function f(e){i(e,"svelte-mygktb",".mc-sidebar-segment.svelte-mygktb.svelte-mygktb{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.svelte-mygktb span.svelte-mygktb{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-mygktb.svelte-mygktb{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-mygktb.svelte-mygktb{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-mygktb.svelte-mygktb{background:#cfd2d8}.mc-sidebar-segment.svelte-mygktb .svelte-mygktb:last-child{margin-left:10px}.mc-sidebar-segment.svelte-mygktb.svelte-mygktb:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-mygktb:focus-visible .mc-sidebar-segment__container.svelte-mygktb{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-mygktb.svelte-mygktb:hover{background:#b3b7c1}.mc-sidebar-segment.is-close.svelte-mygktb .mc-sidebar-segment__container.svelte-mygktb{-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-mygktb .mc-sidebar-segment__text.svelte-mygktb{opacity:0}.mc-sidebar-segment.is-open.svelte-mygktb .mc-sidebar-segment__container.svelte-mygktb{-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-mygktb .mc-sidebar-segment__text.svelte-mygktb{opacity:1}")}function h(e){let s,t,i,n,m,o,v,x,y,u,f,h,w=e[0].label+"",$=e[0].icon&&_(e);return{c(){s=c("a"),t=c("div"),$&&$.c(),i=r(),n=c("span"),m=b(w),d(n,"aria-hidden",o=!e[2]),d(n,"class","mc-sidebar-segment__text svelte-mygktb"),d(t,"class","mc-sidebar-segment__container svelte-mygktb"),d(s,"aria-label",v=e[0].label),d(s,"class",x="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-mygktb"),d(s,"href",y=e[0].href??"javascript:void(null)"),d(s,"id",u=e[0].code)},m(l,o){a(l,s,o),g(s,t),$&&$.m(t,null),g(t,i),g(t,n),g(n,m),f||(h=p(s,"click",e[3]),f=!0)},p(e,a){e[0].icon?$?$.p(e,a):($=_(e),$.c(),$.m(t,i)):$&&($.d(1),$=null),1&a&&w!==(w=e[0].label+"")&&k(m,w),4&a&&o!==(o=!e[2])&&d(n,"aria-hidden",o),1&a&&v!==(v=e[0].label)&&d(s,"aria-label",v),7&a&&x!==(x="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-mygktb")&&d(s,"class",x),1&a&&y!==(y=e[0].href??"javascript:void(null)")&&d(s,"href",y),1&a&&u!==(u=e[0].code)&&d(s,"id",u)},d(e){e&&l(s),$&&$.d(),f=!1,h()}}}function _(e){let s,t,i=`<${j(e[0].icon)} class="mc-sidebar-segment__icon" style="${$}" />`;return{c(){s=new v(!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=`<${j(e[0].icon)} class="mc-sidebar-segment__icon" style="${$}" />`)&&s.p(i)},d(e){e&&l(t),e&&s.d()}}}function w(e){let s,t=e[0]&&h(e);return{c(){t&&t.c(),s=n()},m(e,i){t&&t.m(e,i),a(e,s,i)},p(e,[i]){e[0]?t?t.p(e,i):(t=h(e),t.c(),t.m(s.parentNode,s)):t&&(t.d(1),t=null)},i:m,o:m,d(e){t&&t.d(e),e&&l(s)}}}const $="width: 24px; height: 24px; fill: ${$color-sidebar-icon};";function j(e){return`${e} size="2rem"`}function z(e,s,t){let i,n;o(e,y,(e=>t(1,i=e))),o(e,u,(e=>t(2,n=e)));let{data:a}=s;return e.$$set=e=>{"data"in e&&t(0,a=e.data)},[a,i,n,function(){x(a.code)}]}class K extends e{constructor(e){super(),s(this,e,z,w,t,{data:0},f)}}export{K as default};
 //# sourceMappingURL=sidebar-segment.nested.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from './sidebar-service';\n\n  export let data: Segment;\n\n  const mediumIconStyle = 'width: 24px; height: 24px; fill: white;';\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"2rem\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    aria-label={data.label}\n    class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n      ? 'is-selected'\n      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    href={data.href ?? 'javascript:void(null)'}\n    id={data.code}\n    on:click={handleClick}\n  >\n    <div class=\"mc-sidebar-segment__container\">\n      {#if data.icon}\n        {@html `<${generateIcon(\n          data.icon,\n        )} class=\"mc-sidebar-segment__icon\" style=\"${mediumIconStyle}\" />`}\n      {/if}\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import './sidebar-variables';\n\n  .mc-sidebar-segment {\n    cursor: pointer;\n    flex: 0;\n    text-decoration: none;\n    color: white;\n    line-height: 22px;\n    display: flex;\n    overflow: hidden;\n    min-height: 40px;\n\n    span {\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    &__icon {\n      fill: white;\n    }\n\n    &__text {\n      margin-left: 10px;\n    }\n\n    &.is-selected {\n      background: $selected-Link;\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: #405d68;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":["t1_value","ctx","label","if_block","icon","create_if_block_1","attr","a","a_aria_label_value","a_class_value","code","lv0","href","a_id_value","insert","target","anchor","append","div","span","dirty","set_data","t1","raw_value","generateIcon","mediumIconStyle","html_tag","p","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"ghEAwCSA,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,2EAKMa,EAAA,IAAAC,EACTvB,EAAK,GAAAG,iDACsCqB,+EAFlC,EAAAL,GAAAG,KAAAA,EAAA,IAAAC,EACTvB,EAAK,GAAAG,iDACsCqB,UAAeC,EAAAC,EAAAJ,kDAd/DtB,EAAI,IAAA2B,EAAA3B,oEAAJA,EAAI,sGAXD,MAAAwB,EAAkB,0CAEf,SAAAD,EAAaK,YACVA,6FALDC,GAAaC,kEAStBC,EAAcF,EAAKpB"}
+{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from './sidebar-service';\n\n  export let data: Segment;\n\n  const mediumIconStyle =\n    'width: 24px; height: 24px; fill: ${$color-sidebar-icon};';\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"2rem\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    aria-label={data.label}\n    class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n      ? 'is-selected'\n      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    href={data.href ?? 'javascript:void(null)'}\n    id={data.code}\n    on:click={handleClick}\n  >\n    <div class=\"mc-sidebar-segment__container\">\n      {#if data.icon}\n        {@html `<${generateIcon(\n          data.icon,\n        )} class=\"mc-sidebar-segment__icon\" style=\"${mediumIconStyle}\" />`}\n      {/if}\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-segment {\n    cursor: pointer;\n    flex: 0;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    display: flex;\n    overflow: hidden;\n    min-height: 40px;\n\n    span {\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    svg {\n      fill: $color-sidebar-icon;\n    }\n\n    &__text {\n      margin-left: 10px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    :last-child {\n      margin-left: 10px;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-segment__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":["t1_value","ctx","label","if_block","icon","create_if_block_1","attr","a","a_aria_label_value","a_class_value","code","lv0","href","a_id_value","insert","target","anchor","append","div","span","dirty","set_data","t1","raw_value","generateIcon","mediumIconStyle","html_tag","p","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"4hEAyCSA,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,2EAKMa,EAAA,IAAAC,EACTvB,EAAK,GAAAG,iDACsCqB,+EAFlC,EAAAL,GAAAG,KAAAA,EAAA,IAAAC,EACTvB,EAAK,GAAAG,iDACsCqB,UAAeC,EAAAC,EAAAJ,kDAd/DtB,EAAI,IAAA2B,EAAA3B,oEAAJA,EAAI,sGAZD,MAAAwB,EACJ,2DAEO,SAAAD,EAAaK,YACVA,6FANDC,GAAaC,kEAUtBC,EAAcF,EAAKpB"}

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

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

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

package/public/components/sidebar/sidebar-service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-service.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar-service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,0CAAsB,CAAC;AAG3C,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAK9D;AAED,eAAO,MAAM,aAAa,0CAA2B,CAAC;AAEtD,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAMnD;AAED,eAAO,MAAM,eAAe,wDAAoC,CAAC;AAEjE,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAiCjD"}
+{"version":3,"file":"sidebar-service.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar-service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,0CAAsB,CAAC;AAG3C,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAK9D;AAED,eAAO,MAAM,aAAa,0CAA2B,CAAC;AAEtD,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAMnD;AAED,eAAO,MAAM,eAAe,wDAAoC,CAAC;AAEjE,wBAAgB,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAuCjD"}

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

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