@mozaic-ds/web-components 0.7.0 → 0.9.0-beta

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

@@ -1,2 +1,734 @@
-import{P as e,i as t,s,Q as i,K as n,b as a,C as r,D as l,E as o,o as d,ab as c,e as u,d as h,g as m,j as p,l as v,M as b,t as f,k as _,J as x,x as g,A as z,I as w,G as y,v as k,T as $,n as L,y as j,$ as B}from"../../index-c33b3772.js";import{t as C,a as M,i as A}from"../../sidebar-service-275bf9ef.js";import N from"./sidebar-feature.nested.js";function H(e){i(e,"svelte-1760hzv",".mc-sidebar-user.svelte-1760hzv.svelte-1760hzv{left:0;right:0;bottom:0;position:absolute;background:#cfd2d8}.mc-sidebar-user__header.svelte-1760hzv.svelte-1760hzv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#191919;font-size:inherit;font-family:inherit;text-align:initial;margin:0;width:100%;overflow:hidden}.mc-sidebar-user__header.svelte-1760hzv.svelte-1760hzv:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:12px;outline:1px solid #0b96cc;outline-offset:-5px}.mc-sidebar-user__header.svelte-1760hzv.svelte-1760hzv:hover{cursor:pointer}.mc-sidebar-user__header.svelte-1760hzv:hover .mc-sidebar-user__header__information__icon.svelte-1760hzv{background:#b3b7c1}.mc-sidebar-user__header__picture.svelte-1760hzv.svelte-1760hzv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#5B737D;border-radius:24px;width:48px;min-width:48px;height:48px;overflow:hidden}.mc-sidebar-user__header__picture.svelte-1760hzv img.svelte-1760hzv{display:block}.mc-sidebar-user__header__information.svelte-1760hzv.svelte-1760hzv{-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;margin-left:8px;height:40px}.mc-sidebar-user__header__information__icon.svelte-1760hzv.svelte-1760hzv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:4px}.mc-sidebar-user__header__information__identity.svelte-1760hzv.svelte-1760hzv{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-1760hzv.svelte-1760hzv,.mc-sidebar-user__header__information__identity.svelte-1760hzv.svelte-1760hzv{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-1760hzv.svelte-1760hzv{fill:#191919}.mc-sidebar-user__content.svelte-1760hzv.svelte-1760hzv{list-style-type:none;padding:0;overflow:hidden;margin:-8px 0px 24px 0px;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mc-sidebar-user__content.is-close.svelte-1760hzv.svelte-1760hzv{height:0;margin:0}.mc-sidebar-user.is-close.svelte-1760hzv .mc-sidebar-user__header.svelte-1760hzv{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 8px;margin:8px 0}.mc-sidebar-user.is-open.svelte-1760hzv .mc-sidebar-user__header.svelte-1760hzv{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 24px 12px 32px;margin:8px 0}")}function E(e,t,s){const i=e.slice();return i[11]=t[s],i}function V(e){let t,s,i,n,c,f,_,x,g,z,w;function y(e,t){return e[0].imageBase64?D:q}let k=y(e),$=k(e),L=e[4]&&F(e),j=e[1]?.length&&G(e);return{c(){t=u("div"),s=u("button"),i=u("span"),$.c(),n=h(),L&&L.c(),_=h(),j&&j.c(),m(i,"class","mc-sidebar-user__header__picture svelte-1760hzv"),m(s,"aria-expanded",c=e[4]&&e[3]),m(s,"class","mc-sidebar-user__header svelte-1760hzv"),m(s,"aria-label",f=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"),m(s,"aria-controls","user-content"),m(t,"class",x="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1760hzv")},m(r,l){a(r,t,l),p(t,s),p(s,i),$.m(i,null),p(s,n),L&&L.m(s,null),p(t,_),j&&j.m(t,null),g=!0,z||(w=v(t,"click",e[6]),z=!0)},p(e,n){k===(k=y(e))&&$?$.p(e,n):($.d(1),$=k(e),$&&($.c(),$.m(i,null))),e[4]?L?L.p(e,n):(L=F(e),L.c(),L.m(s,null)):L&&(L.d(1),L=null),(!g||24&n&&c!==(c=e[4]&&e[3]))&&m(s,"aria-expanded",c),(!g||28&n&&f!==(f=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&m(s,"aria-label",f),e[1]?.length?j?(j.p(e,n),2&n&&r(j,1)):(j=G(e),j.c(),r(j,1),j.m(t,null)):j&&(b(),l(j,1,1,(()=>{j=null})),o()),(!g||16&n&&x!==(x="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1760hzv"))&&m(t,"class",x)},i(e){g||(r(j),g=!0)},o(e){l(j),g=!1},d(e){e&&d(t),$.d(),L&&L.d(),j&&j.d(),z=!1,w()}}}function q(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z"),m(t,"class","mc-sidebar-user__icon svelte-1760hzv"),m(t,"width","24px"),m(t,"height","24px"),m(t,"viewBox","0 0 24 24")},m(e,i){a(e,t,i),p(t,s)},p:L,d(e){e&&d(t)}}}function D(e){let t,s;return{c(){t=u("img"),m(t,"class","base64 svelte-1760hzv"),j(t,"display","block"),j(t,"width","auto"),j(t,"height","48px"),j(t,"max-width","48px"),m(t,"aria-hidden",""),m(t,"alt","User Picture"),B(t.src,s="data:image/png;base64, "+e[0].imageBase64)||m(t,"src",s)},m(e,s){a(e,t,s)},p(e,i){1&i&&!B(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&m(t,"src",s)},d(e){e&&d(t)}}}function F(e){let t,s,i,r,l,o,c,v,b=(e[0]?.firstName||"")+"",x=(e[0]?.lastName||"")+"",g=e[0]?.title&&O(e),z=e[1]?.length&&P(e);return{c(){t=u("p"),s=u("span"),i=f(b),r=h(),l=f(x),o=h(),g&&g.c(),c=h(),z&&z.c(),v=n(),m(s,"class","mc-sidebar-user__header__information__identity svelte-1760hzv"),m(t,"class","mc-sidebar-user__header__information svelte-1760hzv")},m(e,n){a(e,t,n),p(t,s),p(s,i),p(s,r),p(s,l),p(t,o),g&&g.m(t,null),a(e,c,n),z&&z.m(e,n),a(e,v,n)},p(e,s){1&s&&b!==(b=(e[0]?.firstName||"")+"")&&_(i,b),1&s&&x!==(x=(e[0]?.lastName||"")+"")&&_(l,x),e[0]?.title?g?g.p(e,s):(g=O(e),g.c(),g.m(t,null)):g&&(g.d(1),g=null),e[1]?.length?z?z.p(e,s):(z=P(e),z.c(),z.m(v.parentNode,v)):z&&(z.d(1),z=null)},d(e){e&&d(t),g&&g.d(),e&&d(c),z&&z.d(e),e&&d(v)}}}function O(e){let t,s,i=K(e[0].title)+"";return{c(){t=u("span"),s=f(i),m(t,"class","mc-sidebar-user__header__information__title svelte-1760hzv")},m(e,i){a(e,t,i),p(t,s)},p(e,t){1&t&&i!==(i=K(e[0].title)+"")&&_(s,i)},d(e){e&&d(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let i=s(e),n=i(e);return{c(){t=u("span"),n.c(),m(t,"class","mc-sidebar-user__header__information__icon svelte-1760hzv")},m(e,s){a(e,t,s),n.m(t,null)},p(e,a){i!==(i=s(e))&&(n.d(1),n=i(e),n&&(n.c(),n.m(t,null)))},d(e){e&&d(t),n.d()}}}function S(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),m(t,"width","16px"),m(t,"height","16px"),m(t,"class","mc-sidebar-user__icon svelte-1760hzv"),m(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),p(t,s)},d(e){e&&d(t)}}}function U(e){let t,s;return{c(){t=$("svg"),s=$("path"),m(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),m(t,"class","mc-sidebar-user__icon svelte-1760hzv"),m(t,"width","16px"),m(t,"height","16px"),m(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),p(t,s)},d(e){e&&d(t)}}}function G(e){let t,s,i,n=e[1],c=[];for(let t=0;t<n.length;t+=1)c[t]=I(E(e,n,t));const h=e=>l(c[e],1,1,(()=>{c[e]=null}));return{c(){t=u("ul");for(let e=0;e<c.length;e+=1)c[e].c();m(t,"aria-hidden",s=!e[4]||!e[3]),m(t,"class","mc-sidebar-user__content is-close svelte-1760hzv"),m(t,"id","user-content")},m(s,n){a(s,t,n);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);e[9](t),i=!0},p(e,a){if(134&a){let s;for(n=e[1],s=0;s<n.length;s+=1){const i=E(e,n,s);c[s]?(c[s].p(i,a),r(c[s],1)):(c[s]=I(i),c[s].c(),r(c[s],1),c[s].m(t,null))}for(b(),s=n.length;s<c.length;s+=1)h(s);o()}(!i||24&a&&s!==(s=!e[4]||!e[3]))&&m(t,"aria-hidden",s)},i(e){if(!i){for(let e=0;e<n.length;e+=1)r(c[e]);i=!0}},o(e){c=c.filter(Boolean);for(let e=0;e<c.length;e+=1)l(c[e]);i=!1},d(s){s&&d(t),x(c,s),e[9](null)}}}function I(e){let t,s,i,n,o,c;function m(){return e[8](e[11])}return s=new N({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=u("li"),g(s.$$.fragment),i=h()},m(e,r){a(e,t,r),z(s,t,null),p(t,i),n=!0,o||(c=v(t,"click",w(m)),o=!0)},p(t,i){e=t;const n={};2&i&&(n.feature=e[11]),4&i&&(n.a11yLabels=e[2]),s.$set(n)},i(e){n||(r(s.$$.fragment,e),n=!0)},o(e){l(s.$$.fragment,e),n=!1},d(e){e&&d(t),y(s),o=!1,c()}}}function J(e){let t,s,i=e[0]&&V(e);return{c(){i&&i.c(),t=n()},m(e,n){i&&i.m(e,n),a(e,t,n),s=!0},p(e,[s]){e[0]?i?(i.p(e,s),1&s&&r(i,1)):(i=V(e),i.c(),r(i,1),i.m(t.parentNode,t)):i&&(b(),l(i,1,1,(()=>{i=null})),o())},i(e){s||(r(i),s=!0)},o(e){l(i),s=!1},d(e){i&&i.d(e),e&&d(t)}}}function K(e){let t=e.toLowerCase().split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].substring(1);return t.join(" ")}function Q(e,t,s){let i;c(e,A,(e=>s(4,i=e)));let n,{user:a}=t,{data:r}=t,{a11yLabels:l}=t,o=!1;function d(e){e.disabled||M(e.code)}return e.$$set=e=>{"user"in e&&s(0,a=e.user),"data"in e&&s(1,r=e.data),"a11yLabels"in e&&s(2,l=e.a11yLabels)},e.$$.update=()=>{24&e.$$.dirty&&function(e,t){if(n){s(5,n.style.height="",n),s(5,n.style.transition="none",n);const i=window.getComputedStyle(n).height;n.classList.add(t&&e?"is-open":"is-close"),n.classList.remove(t&&e?"is-close":"is-open");const a=window.getComputedStyle(n).height;s(5,n.style.height=i,n),requestAnimationFrame((()=>{s(5,n.style.transition="",n),requestAnimationFrame((()=>{s(5,n.style.height=a,n)}))}));const r=()=>{s(5,n.style.height="",n),n.removeEventListener("transitionend",r)};n.addEventListener("transitionend",r)}}(o,i)},[a,r,l,o,i,n,function(){i?s(3,o=!o):(C(!0),s(3,o=!0))},d,e=>d(e),function(e){k[e?"unshift":"push"]((()=>{n=e,s(5,n)}))}]}class T extends e{constructor(e){super(),t(this,e,Q,J,s,{user:0,data:1,a11yLabels:2},H)}}export{T as default};
+import { P as SvelteComponent, i as init, s as safe_not_equal, Q as append_styles, K as empty, b as insert, C as transition_in, D as transition_out, E as check_outros, o as detach, ab as component_subscribe, e as element, d as space, g as attr, j as append, l as listen, M as group_outros, t as text, k as set_data, J as destroy_each, x as create_component, A as mount_component, I as stop_propagation, G as destroy_component, v as binding_callbacks, T as svg_element, n as noop, y as set_style, $ as src_url_equal } from '../../index-c33b3772.js';
+import { t as toggleSidebar, a as selectFeature, i as isSidebarOpen } from '../../sidebar-service-275bf9ef.js';
+import Sidebar_feature_nested from './sidebar-feature.nested.js';
+
+/* src/components/sidebar/sidebar-user.nested.svelte generated by Svelte v3.58.0 */
+
+function add_css(target) {
+	append_styles(target, "svelte-1760hzv", ".mc-sidebar-user.svelte-1760hzv.svelte-1760hzv{left:0;right:0;bottom:0;position:absolute;background:#cfd2d8}.mc-sidebar-user__header.svelte-1760hzv.svelte-1760hzv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#191919;font-size:inherit;font-family:inherit;text-align:initial;margin:0;width:100%;overflow:hidden}.mc-sidebar-user__header.svelte-1760hzv.svelte-1760hzv:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:12px;outline:1px solid #0b96cc;outline-offset:-5px}.mc-sidebar-user__header.svelte-1760hzv.svelte-1760hzv:hover{cursor:pointer}.mc-sidebar-user__header.svelte-1760hzv:hover .mc-sidebar-user__header__information__icon.svelte-1760hzv{background:#b3b7c1}.mc-sidebar-user__header__picture.svelte-1760hzv.svelte-1760hzv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#5B737D;border-radius:24px;width:48px;min-width:48px;height:48px;overflow:hidden}.mc-sidebar-user__header__picture.svelte-1760hzv img.svelte-1760hzv{display:block}.mc-sidebar-user__header__information.svelte-1760hzv.svelte-1760hzv{-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;margin-left:8px;height:40px}.mc-sidebar-user__header__information__icon.svelte-1760hzv.svelte-1760hzv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:4px}.mc-sidebar-user__header__information__identity.svelte-1760hzv.svelte-1760hzv{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-1760hzv.svelte-1760hzv,.mc-sidebar-user__header__information__identity.svelte-1760hzv.svelte-1760hzv{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-1760hzv.svelte-1760hzv{fill:#191919}.mc-sidebar-user__content.svelte-1760hzv.svelte-1760hzv{list-style-type:none;padding:0;overflow:hidden;margin:-8px 0px 24px 0px;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mc-sidebar-user__content.is-close.svelte-1760hzv.svelte-1760hzv{height:0;margin:0}.mc-sidebar-user.is-close.svelte-1760hzv .mc-sidebar-user__header.svelte-1760hzv{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 8px;margin:8px 0}.mc-sidebar-user.is-open.svelte-1760hzv .mc-sidebar-user__header.svelte-1760hzv{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 24px 12px 32px;margin:8px 0}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[11] = list[i];
+	return child_ctx;
+}
+
+// (57:0) {#if user}
+function create_if_block(ctx) {
+	let div;
+	let button;
+	let span;
+	let t0;
+	let button_aria_expanded_value;
+	let button_aria_label_value;
+	let t1;
+	let div_class_value;
+	let current;
+	let mounted;
+	let dispose;
+
+	function select_block_type(ctx, dirty) {
+		if (/*user*/ ctx[0].imageBase64) return create_if_block_6;
+		return create_else_block_1;
+	}
+
+	let current_block_type = select_block_type(ctx);
+	let if_block0 = current_block_type(ctx);
+	let if_block1 = /*$isSidebarOpen*/ ctx[4] && create_if_block_2(ctx);
+	let if_block2 = /*data*/ ctx[1]?.length && create_if_block_1(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			button = element("button");
+			span = element("span");
+			if_block0.c();
+			t0 = space();
+			if (if_block1) if_block1.c();
+			t1 = space();
+			if (if_block2) if_block2.c();
+			attr(span, "class", "mc-sidebar-user__header__picture svelte-1760hzv");
+			attr(button, "aria-expanded", button_aria_expanded_value = /*$isSidebarOpen*/ ctx[4] && /*isExpanded*/ ctx[3]);
+			attr(button, "class", "mc-sidebar-user__header svelte-1760hzv");
+
+			attr(button, "aria-label", button_aria_label_value = /*$isSidebarOpen*/ ctx[4] && /*isExpanded*/ ctx[3]
+			? /*a11yLabels*/ ctx[2]?.['close-user'] || 'Close the user sub menu'
+			: /*a11yLabels*/ ctx[2]?.['open-user'] || 'Open the user sub menu');
+
+			attr(button, "aria-controls", "user-content");
+			attr(div, "class", div_class_value = "mc-sidebar-user " + (/*$isSidebarOpen*/ ctx[4] ? 'is-open' : 'is-close') + " svelte-1760hzv");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, button);
+			append(button, span);
+			if_block0.m(span, null);
+			append(button, t0);
+			if (if_block1) if_block1.m(button, null);
+			append(div, t1);
+			if (if_block2) if_block2.m(div, null);
+			current = true;
+
+			if (!mounted) {
+				dispose = listen(div, "click", /*toggle*/ ctx[6]);
+				mounted = true;
+			}
+		},
+		p(ctx, dirty) {
+			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block0) {
+				if_block0.p(ctx, dirty);
+			} else {
+				if_block0.d(1);
+				if_block0 = current_block_type(ctx);
+
+				if (if_block0) {
+					if_block0.c();
+					if_block0.m(span, null);
+				}
+			}
+
+			if (/*$isSidebarOpen*/ ctx[4]) {
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
+				} else {
+					if_block1 = create_if_block_2(ctx);
+					if_block1.c();
+					if_block1.m(button, null);
+				}
+			} else if (if_block1) {
+				if_block1.d(1);
+				if_block1 = null;
+			}
+
+			if (!current || dirty & /*$isSidebarOpen, isExpanded*/ 24 && button_aria_expanded_value !== (button_aria_expanded_value = /*$isSidebarOpen*/ ctx[4] && /*isExpanded*/ ctx[3])) {
+				attr(button, "aria-expanded", button_aria_expanded_value);
+			}
+
+			if (!current || dirty & /*$isSidebarOpen, isExpanded, a11yLabels*/ 28 && button_aria_label_value !== (button_aria_label_value = /*$isSidebarOpen*/ ctx[4] && /*isExpanded*/ ctx[3]
+			? /*a11yLabels*/ ctx[2]?.['close-user'] || 'Close the user sub menu'
+			: /*a11yLabels*/ ctx[2]?.['open-user'] || 'Open the user sub menu')) {
+				attr(button, "aria-label", button_aria_label_value);
+			}
+
+			if (/*data*/ ctx[1]?.length) {
+				if (if_block2) {
+					if_block2.p(ctx, dirty);
+
+					if (dirty & /*data*/ 2) {
+						transition_in(if_block2, 1);
+					}
+				} else {
+					if_block2 = create_if_block_1(ctx);
+					if_block2.c();
+					transition_in(if_block2, 1);
+					if_block2.m(div, null);
+				}
+			} else if (if_block2) {
+				group_outros();
+
+				transition_out(if_block2, 1, 1, () => {
+					if_block2 = null;
+				});
+
+				check_outros();
+			}
+
+			if (!current || dirty & /*$isSidebarOpen*/ 16 && div_class_value !== (div_class_value = "mc-sidebar-user " + (/*$isSidebarOpen*/ ctx[4] ? 'is-open' : 'is-close') + " svelte-1760hzv")) {
+				attr(div, "class", div_class_value);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block2);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block2);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			if_block0.d();
+			if (if_block1) if_block1.d();
+			if (if_block2) if_block2.d();
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+// (80:8) {:else}
+function create_else_block_1(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "d", "M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z");
+			attr(svg, "class", "mc-sidebar-user__icon svelte-1760hzv");
+			attr(svg, "width", "24px");
+			attr(svg, "height", "24px");
+			attr(svg, "viewBox", "0 0 24 24");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+// (72:8) {#if user.imageBase64}
+function create_if_block_6(ctx) {
+	let img;
+	let img_src_value;
+
+	return {
+		c() {
+			img = element("img");
+			attr(img, "class", "base64 svelte-1760hzv");
+			set_style(img, "display", "block");
+			set_style(img, "width", "auto");
+			set_style(img, "height", "48px");
+			set_style(img, "max-width", "48px");
+			attr(img, "aria-hidden", "");
+			attr(img, "alt", "User Picture");
+			if (!src_url_equal(img.src, img_src_value = "data:image/png;base64, " + /*user*/ ctx[0].imageBase64)) attr(img, "src", img_src_value);
+		},
+		m(target, anchor) {
+			insert(target, img, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*user*/ 1 && !src_url_equal(img.src, img_src_value = "data:image/png;base64, " + /*user*/ ctx[0].imageBase64)) {
+				attr(img, "src", img_src_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(img);
+		}
+	};
+}
+
+// (92:6) {#if $isSidebarOpen}
+function create_if_block_2(ctx) {
+	let p;
+	let span;
+	let t0_value = (/*user*/ ctx[0]?.firstName || '') + "";
+	let t0;
+	let t1;
+	let t2_value = (/*user*/ ctx[0]?.lastName || '') + "";
+	let t2;
+	let t3;
+	let t4;
+	let if_block1_anchor;
+	let if_block0 = /*user*/ ctx[0]?.title && create_if_block_5(ctx);
+	let if_block1 = /*data*/ ctx[1]?.length && create_if_block_3(ctx);
+
+	return {
+		c() {
+			p = element("p");
+			span = element("span");
+			t0 = text(t0_value);
+			t1 = space();
+			t2 = text(t2_value);
+			t3 = space();
+			if (if_block0) if_block0.c();
+			t4 = space();
+			if (if_block1) if_block1.c();
+			if_block1_anchor = empty();
+			attr(span, "class", "mc-sidebar-user__header__information__identity svelte-1760hzv");
+			attr(p, "class", "mc-sidebar-user__header__information svelte-1760hzv");
+		},
+		m(target, anchor) {
+			insert(target, p, anchor);
+			append(p, span);
+			append(span, t0);
+			append(span, t1);
+			append(span, t2);
+			append(p, t3);
+			if (if_block0) if_block0.m(p, null);
+			insert(target, t4, anchor);
+			if (if_block1) if_block1.m(target, anchor);
+			insert(target, if_block1_anchor, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*user*/ 1 && t0_value !== (t0_value = (/*user*/ ctx[0]?.firstName || '') + "")) set_data(t0, t0_value);
+			if (dirty & /*user*/ 1 && t2_value !== (t2_value = (/*user*/ ctx[0]?.lastName || '') + "")) set_data(t2, t2_value);
+
+			if (/*user*/ ctx[0]?.title) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+				} else {
+					if_block0 = create_if_block_5(ctx);
+					if_block0.c();
+					if_block0.m(p, null);
+				}
+			} else if (if_block0) {
+				if_block0.d(1);
+				if_block0 = null;
+			}
+
+			if (/*data*/ ctx[1]?.length) {
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
+				} else {
+					if_block1 = create_if_block_3(ctx);
+					if_block1.c();
+					if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
+				}
+			} else if (if_block1) {
+				if_block1.d(1);
+				if_block1 = null;
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(p);
+			if (if_block0) if_block0.d();
+			if (detaching) detach(t4);
+			if (if_block1) if_block1.d(detaching);
+			if (detaching) detach(if_block1_anchor);
+		}
+	};
+}
+
+// (98:10) {#if user?.title}
+function create_if_block_5(ctx) {
+	let span;
+	let t_value = capitalizeTheFirstLetterOfEachWord(/*user*/ ctx[0].title) + "";
+	let t;
+
+	return {
+		c() {
+			span = element("span");
+			t = text(t_value);
+			attr(span, "class", "mc-sidebar-user__header__information__title svelte-1760hzv");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			append(span, t);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*user*/ 1 && t_value !== (t_value = capitalizeTheFirstLetterOfEachWord(/*user*/ ctx[0].title) + "")) set_data(t, t_value);
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+		}
+	};
+}
+
+// (104:8) {#if data?.length}
+function create_if_block_3(ctx) {
+	let span;
+
+	function select_block_type_1(ctx, dirty) {
+		if (/*$isSidebarOpen*/ ctx[4] && !/*isExpanded*/ ctx[3]) return create_if_block_4;
+		return create_else_block;
+	}
+
+	let current_block_type = select_block_type_1(ctx);
+	let if_block = current_block_type(ctx);
+
+	return {
+		c() {
+			span = element("span");
+			if_block.c();
+			attr(span, "class", "mc-sidebar-user__header__information__icon svelte-1760hzv");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			if_block.m(span, null);
+		},
+		p(ctx, dirty) {
+			if (current_block_type !== (current_block_type = select_block_type_1(ctx))) {
+				if_block.d(1);
+				if_block = current_block_type(ctx);
+
+				if (if_block) {
+					if_block.c();
+					if_block.m(span, null);
+				}
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+			if_block.d();
+		}
+	};
+}
+
+// (116:12) {:else}
+function create_else_block(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "d", "M12 9H4a1 1 0 010-2h8a1 1 0 010 2z");
+			attr(svg, "width", "16px");
+			attr(svg, "height", "16px");
+			attr(svg, "class", "mc-sidebar-user__icon svelte-1760hzv");
+			attr(svg, "viewBox", "0 0 16 16");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+// (106:12) {#if $isSidebarOpen && !isExpanded}
+function create_if_block_4(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "d", "M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z");
+			attr(svg, "class", "mc-sidebar-user__icon svelte-1760hzv");
+			attr(svg, "width", "16px");
+			attr(svg, "height", "16px");
+			attr(svg, "viewBox", "0 0 16 16");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+// (129:4) {#if data?.length}
+function create_if_block_1(ctx) {
+	let ul;
+	let ul_aria_hidden_value;
+	let current;
+	let each_value = /*data*/ ctx[1];
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+	}
+
+	const out = i => transition_out(each_blocks[i], 1, 1, () => {
+		each_blocks[i] = null;
+	});
+
+	return {
+		c() {
+			ul = element("ul");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(ul, "aria-hidden", ul_aria_hidden_value = !/*$isSidebarOpen*/ ctx[4] || !/*isExpanded*/ ctx[3]);
+			attr(ul, "class", "mc-sidebar-user__content is-close svelte-1760hzv");
+			attr(ul, "id", "user-content");
+		},
+		m(target, anchor) {
+			insert(target, ul, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				if (each_blocks[i]) {
+					each_blocks[i].m(ul, null);
+				}
+			}
+
+			/*ul_binding*/ ctx[9](ul);
+			current = true;
+		},
+		p(ctx, dirty) {
+			if (dirty & /*handleClick, data, a11yLabels*/ 134) {
+				each_value = /*data*/ ctx[1];
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+						transition_in(each_blocks[i], 1);
+					} else {
+						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i].c();
+						transition_in(each_blocks[i], 1);
+						each_blocks[i].m(ul, null);
+					}
+				}
+
+				group_outros();
+
+				for (i = each_value.length; i < each_blocks.length; i += 1) {
+					out(i);
+				}
+
+				check_outros();
+			}
+
+			if (!current || dirty & /*$isSidebarOpen, isExpanded*/ 24 && ul_aria_hidden_value !== (ul_aria_hidden_value = !/*$isSidebarOpen*/ ctx[4] || !/*isExpanded*/ ctx[3])) {
+				attr(ul, "aria-hidden", ul_aria_hidden_value);
+			}
+		},
+		i(local) {
+			if (current) return;
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
+			current = true;
+		},
+		o(local) {
+			each_blocks = each_blocks.filter(Boolean);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(ul);
+			destroy_each(each_blocks, detaching);
+			/*ul_binding*/ ctx[9](null);
+		}
+	};
+}
+
+// (136:8) {#each data as feature}
+function create_each_block(ctx) {
+	let li;
+	let featurecomponent;
+	let t;
+	let current;
+	let mounted;
+	let dispose;
+
+	featurecomponent = new Sidebar_feature_nested({
+			props: {
+				feature: /*feature*/ ctx[11],
+				a11yLabels: /*a11yLabels*/ ctx[2]
+			}
+		});
+
+	function click_handler() {
+		return /*click_handler*/ ctx[8](/*feature*/ ctx[11]);
+	}
+
+	return {
+		c() {
+			li = element("li");
+			create_component(featurecomponent.$$.fragment);
+			t = space();
+		},
+		m(target, anchor) {
+			insert(target, li, anchor);
+			mount_component(featurecomponent, li, null);
+			append(li, t);
+			current = true;
+
+			if (!mounted) {
+				dispose = listen(li, "click", stop_propagation(click_handler));
+				mounted = true;
+			}
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+			const featurecomponent_changes = {};
+			if (dirty & /*data*/ 2) featurecomponent_changes.feature = /*feature*/ ctx[11];
+			if (dirty & /*a11yLabels*/ 4) featurecomponent_changes.a11yLabels = /*a11yLabels*/ ctx[2];
+			featurecomponent.$set(featurecomponent_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(featurecomponent.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(featurecomponent.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(li);
+			destroy_component(featurecomponent);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*user*/ ctx[0] && create_if_block(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*user*/ ctx[0]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*user*/ 1) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function capitalizeTheFirstLetterOfEachWord(words) {
+	let separateWord = words.toLowerCase().split(' ');
+
+	for (let i = 0; i < separateWord.length; i++) {
+		separateWord[i] = separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1);
+	}
+
+	return separateWord.join(' ');
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let $isSidebarOpen;
+	component_subscribe($$self, isSidebarOpen, $$value => $$invalidate(4, $isSidebarOpen = $$value));
+	let { user } = $$props;
+	let { data } = $$props;
+	let { a11yLabels } = $$props;
+	let content;
+	let isExpanded = false;
+
+	function updateContentCSS(isExpanded, isOpen) {
+		if (content) {
+			$$invalidate(5, content.style.height = '', content);
+			$$invalidate(5, content.style.transition = 'none', content);
+			const startHeight = window.getComputedStyle(content).height;
+			content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');
+			content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');
+			const height = window.getComputedStyle(content).height;
+			$$invalidate(5, content.style.height = startHeight, content);
+
+			requestAnimationFrame(() => {
+				$$invalidate(5, content.style.transition = '', content);
+
+				requestAnimationFrame(() => {
+					$$invalidate(5, content.style.height = height, content);
+				});
+			});
+
+			const handler = () => {
+				$$invalidate(5, content.style.height = '', content);
+				content.removeEventListener('transitionend', handler);
+			};
+
+			content.addEventListener('transitionend', handler);
+		}
+	}
+
+	function toggle() {
+		if (!$isSidebarOpen) {
+			toggleSidebar(true);
+			$$invalidate(3, isExpanded = true);
+		} else {
+			$$invalidate(3, isExpanded = !isExpanded);
+		}
+	}
+
+	function handleClick(feature) {
+		if (!feature.disabled) {
+			selectFeature(feature.code);
+		}
+	}
+
+	const click_handler = feature => handleClick(feature);
+
+	function ul_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			content = $$value;
+			$$invalidate(5, content);
+		});
+	}
+
+	$$self.$$set = $$props => {
+		if ('user' in $$props) $$invalidate(0, user = $$props.user);
+		if ('data' in $$props) $$invalidate(1, data = $$props.data);
+		if ('a11yLabels' in $$props) $$invalidate(2, a11yLabels = $$props.a11yLabels);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*isExpanded, $isSidebarOpen*/ 24) {
+			updateContentCSS(isExpanded, $isSidebarOpen);
+		}
+	};
+
+	return [
+		user,
+		data,
+		a11yLabels,
+		isExpanded,
+		$isSidebarOpen,
+		content,
+		toggle,
+		handleClick,
+		click_handler,
+		ul_binding
+	];
+}
+
+class Sidebar_user_nested extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { user: 0, data: 1, a11yLabels: 2 }, add_css);
+	}
+}
+
+export { Sidebar_user_nested as default };
 //# sourceMappingURL=sidebar-user.nested.js.map