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

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

@@ -1,2 +1,395 @@
-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,ab 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-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-275bf9ef.js";import"./sidebar-feature.nested.js";import"../../EventHandler-02058705.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};
+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, R as null_to_empty, j as append, M as group_outros, J as destroy_each, x as create_component, A as mount_component, l as listen, G as destroy_component } from '../../index-c33b3772.js';
+import Sidebar_feature_group_nested from './sidebar-feature-group.nested.js';
+import Sidebar_sub_features_nested from './sidebar-sub-features.nested.js';
+import { t as toggleSidebar, i as isSidebarOpen } from '../../sidebar-service-275bf9ef.js';
+import './sidebar-feature.nested.js';
+import '../../EventHandler-02058705.js';
+
+/* src/components/sidebar/sidebar-section.nested.svelte generated by Svelte v3.58.0 */
+
+function add_css(target) {
+	append_styles(target, "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 get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[10] = list[i];
+	return child_ctx;
+}
+
+// (37:0) {#if data?.length}
+function create_if_block(ctx) {
+	let div;
+	let ul;
+	let ul_class_value;
+	let ul_aria_hidden_value;
+	let t;
+	let current;
+	let each_value = /*data*/ ctx[0];
+	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;
+	});
+
+	let if_block = /*expandedSubGroup*/ ctx[3] && /*$isSidebarOpen*/ ctx[4] && create_if_block_1(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			ul = element("ul");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			t = space();
+			if (if_block) if_block.c();
+
+			attr(ul, "class", ul_class_value = "" + (null_to_empty(/*expandedSubGroup*/ ctx[3] && /*$isSidebarOpen*/ ctx[4]
+			? 'is-hidden'
+			: 'is-visible') + " svelte-10lx8df"));
+
+			attr(ul, "aria-hidden", ul_aria_hidden_value = /*expandedSubGroup*/ ctx[3] && /*$isSidebarOpen*/ ctx[4]);
+			attr(div, "class", "mc-sidebar-section svelte-10lx8df");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, ul);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				if (each_blocks[i]) {
+					each_blocks[i].m(ul, null);
+				}
+			}
+
+			append(div, t);
+			if (if_block) if_block.m(div, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			if (dirty & /*handleGroupClick, data, expandedGroup, a11yLabels, handleFeatureClick*/ 103) {
+				each_value = /*data*/ ctx[0];
+				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 & /*expandedSubGroup, $isSidebarOpen*/ 24 && ul_class_value !== (ul_class_value = "" + (null_to_empty(/*expandedSubGroup*/ ctx[3] && /*$isSidebarOpen*/ ctx[4]
+			? 'is-hidden'
+			: 'is-visible') + " svelte-10lx8df"))) {
+				attr(ul, "class", ul_class_value);
+			}
+
+			if (!current || dirty & /*expandedSubGroup, $isSidebarOpen*/ 24 && ul_aria_hidden_value !== (ul_aria_hidden_value = /*expandedSubGroup*/ ctx[3] && /*$isSidebarOpen*/ ctx[4])) {
+				attr(ul, "aria-hidden", ul_aria_hidden_value);
+			}
+
+			if (/*expandedSubGroup*/ ctx[3] && /*$isSidebarOpen*/ ctx[4]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*expandedSubGroup, $isSidebarOpen*/ 24) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block_1(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(div, null);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
+			transition_in(if_block);
+			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]);
+			}
+
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_each(each_blocks, detaching);
+			if (if_block) if_block.d();
+		}
+	};
+}
+
+// (43:6) {#each data as featureGroup}
+function create_each_block(ctx) {
+	let li;
+	let featuregroupcomponent;
+	let t;
+	let current;
+	let mounted;
+	let dispose;
+
+	featuregroupcomponent = new Sidebar_feature_group_nested({
+			props: {
+				featureGroup: /*featureGroup*/ ctx[10],
+				expand: /*expandedGroup*/ ctx[2] === /*featureGroup*/ ctx[10].code,
+				a11yLabels: /*a11yLabels*/ ctx[1]
+			}
+		});
+
+	featuregroupcomponent.$on("feature-click", /*feature_click_handler*/ ctx[7]);
+
+	function click_handler() {
+		return /*click_handler*/ ctx[8](/*featureGroup*/ ctx[10]);
+	}
+
+	return {
+		c() {
+			li = element("li");
+			create_component(featuregroupcomponent.$$.fragment);
+			t = space();
+			attr(li, "class", "svelte-10lx8df");
+		},
+		m(target, anchor) {
+			insert(target, li, anchor);
+			mount_component(featuregroupcomponent, li, null);
+			append(li, t);
+			current = true;
+
+			if (!mounted) {
+				dispose = listen(li, "click", click_handler);
+				mounted = true;
+			}
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+			const featuregroupcomponent_changes = {};
+			if (dirty & /*data*/ 1) featuregroupcomponent_changes.featureGroup = /*featureGroup*/ ctx[10];
+			if (dirty & /*expandedGroup, data*/ 5) featuregroupcomponent_changes.expand = /*expandedGroup*/ ctx[2] === /*featureGroup*/ ctx[10].code;
+			if (dirty & /*a11yLabels*/ 2) featuregroupcomponent_changes.a11yLabels = /*a11yLabels*/ ctx[1];
+			featuregroupcomponent.$set(featuregroupcomponent_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(featuregroupcomponent.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(featuregroupcomponent.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(li);
+			destroy_component(featuregroupcomponent);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+// (54:4) {#if expandedSubGroup && $isSidebarOpen}
+function create_if_block_1(ctx) {
+	let subfeaturescomponent;
+	let current;
+
+	subfeaturescomponent = new Sidebar_sub_features_nested({
+			props: {
+				data: /*expandedSubGroup*/ ctx[3],
+				a11yLabels: /*a11yLabels*/ ctx[1]
+			}
+		});
+
+	subfeaturescomponent.$on("back-click", /*back_click_handler*/ ctx[9]);
+
+	return {
+		c() {
+			create_component(subfeaturescomponent.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(subfeaturescomponent, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const subfeaturescomponent_changes = {};
+			if (dirty & /*expandedSubGroup*/ 8) subfeaturescomponent_changes.data = /*expandedSubGroup*/ ctx[3];
+			if (dirty & /*a11yLabels*/ 2) subfeaturescomponent_changes.a11yLabels = /*a11yLabels*/ ctx[1];
+			subfeaturescomponent.$set(subfeaturescomponent_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(subfeaturescomponent.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(subfeaturescomponent.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(subfeaturescomponent, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*data*/ ctx[0]?.length && 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 (/*data*/ ctx[0]?.length) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*data*/ 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 instance($$self, $$props, $$invalidate) {
+	let $isSidebarOpen;
+	component_subscribe($$self, isSidebarOpen, $$value => $$invalidate(4, $isSidebarOpen = $$value));
+	let { data = [] } = $$props;
+	let { a11yLabels } = $$props;
+	let expandedGroup;
+	let expandedSubGroup;
+
+	function handleGroupClick(code) {
+		const open = $isSidebarOpen;
+
+		if (!open) {
+			toggleSidebar();
+		}
+
+		if (open && expandedGroup === code) {
+			$$invalidate(2, expandedGroup = undefined);
+		} else {
+			$$invalidate(2, expandedGroup = code);
+		}
+	}
+
+	function handleFeatureClick(event) {
+		if (event === null || event === void 0
+		? void 0
+		: event.detail) {
+			if (expandedSubGroup && expandedSubGroup.code === event.detail.code) {
+				$$invalidate(3, expandedSubGroup = undefined);
+			} else {
+				$$invalidate(3, expandedSubGroup = event.detail);
+			}
+		} else {
+			$$invalidate(3, expandedSubGroup = undefined);
+		}
+	}
+
+	const feature_click_handler = event => handleFeatureClick(event);
+	const click_handler = featureGroup => handleGroupClick(featureGroup.code);
+	const back_click_handler = () => handleFeatureClick();
+
+	$$self.$$set = $$props => {
+		if ('data' in $$props) $$invalidate(0, data = $$props.data);
+		if ('a11yLabels' in $$props) $$invalidate(1, a11yLabels = $$props.a11yLabels);
+	};
+
+	return [
+		data,
+		a11yLabels,
+		expandedGroup,
+		expandedSubGroup,
+		$isSidebarOpen,
+		handleGroupClick,
+		handleFeatureClick,
+		feature_click_handler,
+		click_handler,
+		back_click_handler
+	];
+}
+
+class Sidebar_section_nested extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { data: 0, a11yLabels: 1 }, add_css);
+	}
+}
+
+export { Sidebar_section_nested 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 '@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-scroll-background;\n\n      &-thumb {\n        background: $color-sidebar-scroll-color;\n      }\n    }\n  }\n</style>\n"],"names":["ctx","length","i","if_block","create_if_block_1","attr","ul","ul_class_value","null_to_empty","ul_aria_hidden_value","insert","target","div","anchor","append","each_blocks","current","dirty","code","li","create_if_block","expandedGroup","expandedSubGroup","data","$$props","a11yLabels","handleGroupClick","open","$isSidebarOpen","toggleSidebar","$$invalidate","undefined","handleFeatureClick","event","detail","featureGroup"],"mappings":"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"}
+{"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-scroll-background;\n\n      &-thumb {\n        background: $color-sidebar-scroll-color;\n      }\n    }\n  }\n</style>\n"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,201 @@
-import{P as e,i as s,s as t,Q as i,K as n,b as a,n as c,o as l,ab as o,e as r,d,t as m,g,j as b,l as v,k as p,Z as x}from"../../index-c33b3772.js";import{a as j,s as u,i as f}from"../../sidebar-service-275bf9ef.js";function _(e){i(e,"svelte-e1egjc",".mc-sidebar-segment.svelte-e1egjc.svelte-e1egjc{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#191919;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-e1egjc.svelte-e1egjc{fill:#191919}.mc-sidebar-segment.svelte-e1egjc span.svelte-e1egjc{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-e1egjc.svelte-e1egjc{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-e1egjc.svelte-e1egjc{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-e1egjc.svelte-e1egjc{background:#cfd2d8}.mc-sidebar-segment.svelte-e1egjc .svelte-e1egjc:last-child{margin-left:10px}.mc-sidebar-segment.svelte-e1egjc.svelte-e1egjc:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-e1egjc:focus-visible .mc-sidebar-segment__container.svelte-e1egjc{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-e1egjc.svelte-e1egjc:hover{background:#b3b7c1}.mc-sidebar-segment.is-close.svelte-e1egjc .mc-sidebar-segment__container.svelte-e1egjc{-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-e1egjc .mc-sidebar-segment__text.svelte-e1egjc{opacity:0}.mc-sidebar-segment.is-open.svelte-e1egjc .mc-sidebar-segment__container.svelte-e1egjc{-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-e1egjc .mc-sidebar-segment__text.svelte-e1egjc{opacity:1}")}function h(e){let s,t,i,n,c,o,x,j,u,f,_,h,k=e[0].label+"",y=e[0].icon&&w(e);return{c(){s=r("a"),t=r("div"),y&&y.c(),i=d(),n=r("span"),c=m(k),g(n,"aria-hidden",o=!e[2]),g(n,"class","mc-sidebar-segment__text svelte-e1egjc"),g(t,"class","mc-sidebar-segment__container mc-sidebar-segment__icon svelte-e1egjc"),g(s,"aria-label",x=e[0].label),g(s,"class",j="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-e1egjc"),g(s,"href",u=e[0].href??"javascript:void(null)"),g(s,"id",f=e[0].code)},m(l,o){a(l,s,o),b(s,t),y&&y.m(t,null),b(t,i),b(t,n),b(n,c),_||(h=v(s,"click",e[3]),_=!0)},p(e,a){e[0].icon?y?y.p(e,a):(y=w(e),y.c(),y.m(t,i)):y&&(y.d(1),y=null),1&a&&k!==(k=e[0].label+"")&&p(c,k),4&a&&o!==(o=!e[2])&&g(n,"aria-hidden",o),1&a&&x!==(x=e[0].label)&&g(s,"aria-label",x),7&a&&j!==(j="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-e1egjc")&&g(s,"class",j),1&a&&u!==(u=e[0].href??"javascript:void(null)")&&g(s,"href",u),1&a&&f!==(f=e[0].code)&&g(s,"id",f)},d(e){e&&l(s),y&&y.d(),_=!1,h()}}}function w(e){let s,t,i=`<${$(e[0].icon)} class="mc-sidebar-segment__icon" style="${y}" />`;return{c(){s=new x(!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=`<${$(e[0].icon)} class="mc-sidebar-segment__icon" style="${y}" />`)&&s.p(i)},d(e){e&&l(t),e&&s.d()}}}function k(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:c,o:c,d(e){t&&t.d(e),e&&l(s)}}}const y="width: 24px; height: 24px;";function $(e){return`${e} size="2rem"`}function z(e,s,t){let i,n;o(e,u,(e=>t(1,i=e))),o(e,f,(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(){j(a.code)}]}class K extends e{constructor(e){super(),s(this,e,z,k,t,{data:0},_)}}export{K as default};
+import { P as SvelteComponent, i as init, s as safe_not_equal, Q as append_styles, K as empty, b as insert, n as noop, o as detach, ab as component_subscribe, e as element, d as space, t as text, g as attr, j as append, l as listen, k as set_data, Z as HtmlTag } from '../../index-c33b3772.js';
+import { a as selectFeature, s as selectedFeature, i as isSidebarOpen } from '../../sidebar-service-275bf9ef.js';
+
+/* src/components/sidebar/sidebar-segment.nested.svelte generated by Svelte v3.58.0 */
+
+function add_css(target) {
+	append_styles(target, "svelte-e1egjc", ".mc-sidebar-segment.svelte-e1egjc.svelte-e1egjc{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#191919;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-e1egjc.svelte-e1egjc{fill:#191919}.mc-sidebar-segment.svelte-e1egjc span.svelte-e1egjc{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-e1egjc.svelte-e1egjc{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-e1egjc.svelte-e1egjc{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-e1egjc.svelte-e1egjc{background:#cfd2d8}.mc-sidebar-segment.svelte-e1egjc .svelte-e1egjc:last-child{margin-left:10px}.mc-sidebar-segment.svelte-e1egjc.svelte-e1egjc:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-e1egjc:focus-visible .mc-sidebar-segment__container.svelte-e1egjc{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-e1egjc.svelte-e1egjc:hover{background:#b3b7c1}.mc-sidebar-segment.is-close.svelte-e1egjc .mc-sidebar-segment__container.svelte-e1egjc{-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-e1egjc .mc-sidebar-segment__text.svelte-e1egjc{opacity:0}.mc-sidebar-segment.is-open.svelte-e1egjc .mc-sidebar-segment__container.svelte-e1egjc{-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-e1egjc .mc-sidebar-segment__text.svelte-e1egjc{opacity:1}");
+}
+
+// (14:0) {#if data}
+function create_if_block(ctx) {
+	let a;
+	let div;
+	let t0;
+	let span;
+	let t1_value = /*data*/ ctx[0].label + "";
+	let t1;
+	let span_aria_hidden_value;
+	let a_aria_label_value;
+	let a_class_value;
+	let a_href_value;
+	let a_id_value;
+	let mounted;
+	let dispose;
+	let if_block = /*data*/ ctx[0].icon && create_if_block_1(ctx);
+
+	return {
+		c() {
+			a = element("a");
+			div = element("div");
+			if (if_block) if_block.c();
+			t0 = space();
+			span = element("span");
+			t1 = text(t1_value);
+			attr(span, "aria-hidden", span_aria_hidden_value = !/*$isSidebarOpen*/ ctx[2]);
+			attr(span, "class", "mc-sidebar-segment__text svelte-e1egjc");
+			attr(div, "class", "mc-sidebar-segment__container mc-sidebar-segment__icon svelte-e1egjc");
+			attr(a, "aria-label", a_aria_label_value = /*data*/ ctx[0].label);
+
+			attr(a, "class", a_class_value = "mc-sidebar-segment " + (/*data*/ ctx[0].code === /*$selectedFeature*/ ctx[1]?.lv0?.code
+			? 'is-selected'
+			: '') + " " + (/*$isSidebarOpen*/ ctx[2] ? 'is-open' : 'is-close') + " svelte-e1egjc");
+
+			attr(a, "href", a_href_value = /*data*/ ctx[0].href ?? 'javascript:void(null)');
+			attr(a, "id", a_id_value = /*data*/ ctx[0].code);
+		},
+		m(target, anchor) {
+			insert(target, a, anchor);
+			append(a, div);
+			if (if_block) if_block.m(div, null);
+			append(div, t0);
+			append(div, span);
+			append(span, t1);
+
+			if (!mounted) {
+				dispose = listen(a, "click", /*handleClick*/ ctx[3]);
+				mounted = true;
+			}
+		},
+		p(ctx, dirty) {
+			if (/*data*/ ctx[0].icon) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block_1(ctx);
+					if_block.c();
+					if_block.m(div, t0);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+
+			if (dirty & /*data*/ 1 && t1_value !== (t1_value = /*data*/ ctx[0].label + "")) set_data(t1, t1_value);
+
+			if (dirty & /*$isSidebarOpen*/ 4 && span_aria_hidden_value !== (span_aria_hidden_value = !/*$isSidebarOpen*/ ctx[2])) {
+				attr(span, "aria-hidden", span_aria_hidden_value);
+			}
+
+			if (dirty & /*data*/ 1 && a_aria_label_value !== (a_aria_label_value = /*data*/ ctx[0].label)) {
+				attr(a, "aria-label", a_aria_label_value);
+			}
+
+			if (dirty & /*data, $selectedFeature, $isSidebarOpen*/ 7 && a_class_value !== (a_class_value = "mc-sidebar-segment " + (/*data*/ ctx[0].code === /*$selectedFeature*/ ctx[1]?.lv0?.code
+			? 'is-selected'
+			: '') + " " + (/*$isSidebarOpen*/ ctx[2] ? 'is-open' : 'is-close') + " svelte-e1egjc")) {
+				attr(a, "class", a_class_value);
+			}
+
+			if (dirty & /*data*/ 1 && a_href_value !== (a_href_value = /*data*/ ctx[0].href ?? 'javascript:void(null)')) {
+				attr(a, "href", a_href_value);
+			}
+
+			if (dirty & /*data*/ 1 && a_id_value !== (a_id_value = /*data*/ ctx[0].code)) {
+				attr(a, "id", a_id_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(a);
+			if (if_block) if_block.d();
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+// (25:6) {#if data.icon}
+function create_if_block_1(ctx) {
+	let html_tag;
+	let raw_value = `<${generateIcon(/*data*/ ctx[0].icon)} class="mc-sidebar-segment__icon" style="${mediumIconStyle}" />` + "";
+	let html_anchor;
+
+	return {
+		c() {
+			html_tag = new HtmlTag(false);
+			html_anchor = empty();
+			html_tag.a = html_anchor;
+		},
+		m(target, anchor) {
+			html_tag.m(raw_value, target, anchor);
+			insert(target, html_anchor, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*data*/ 1 && raw_value !== (raw_value = `<${generateIcon(/*data*/ ctx[0].icon)} class="mc-sidebar-segment__icon" style="${mediumIconStyle}" />` + "")) html_tag.p(raw_value);
+		},
+		d(detaching) {
+			if (detaching) detach(html_anchor);
+			if (detaching) html_tag.d();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+	let if_block = /*data*/ 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);
+		},
+		p(ctx, [dirty]) {
+			if (/*data*/ ctx[0]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+const mediumIconStyle = 'width: 24px; height: 24px;';
+
+function generateIcon(iconname) {
+	return `${iconname} size="2rem"`;
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let $selectedFeature;
+	let $isSidebarOpen;
+	component_subscribe($$self, selectedFeature, $$value => $$invalidate(1, $selectedFeature = $$value));
+	component_subscribe($$self, isSidebarOpen, $$value => $$invalidate(2, $isSidebarOpen = $$value));
+	let { data } = $$props;
+
+	function handleClick() {
+		selectFeature(data.code);
+	}
+
+	$$self.$$set = $$props => {
+		if ('data' in $$props) $$invalidate(0, data = $$props.data);
+	};
+
+	return [data, $selectedFeature, $isSidebarOpen, handleClick];
+}
+
+class Sidebar_segment_nested extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { data: 0 }, add_css);
+	}
+}
+
+export { Sidebar_segment_nested as default };
 //# sourceMappingURL=sidebar-segment.nested.js.map