@mozaic-ds/web-components 0.11.1 → 0.12.0-beta.0

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

@@ -1,2 +1,395 @@
-import{P as e,i as t,s as i,Q as a,K as n,b as s,C as l,D as o,E as r,o as c,ab as d,e as b,d as m,g as f,R as u,j as w,M as k,J as x,x as y,A as p,l as g,G as v}from"../../index-c33b3772.js";import h 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){a(e,"svelte-kwnya",".mc-sidebar-section.svelte-kwnya.svelte-kwnya{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-kwnya ul.svelte-kwnya,.mc-sidebar-section.svelte-kwnya li.svelte-kwnya{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-kwnya ul.svelte-kwnya{-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-kwnya ul li.svelte-kwnya{-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-kwnya ul li.svelte-kwnya:first-child{margin-top:0}.mc-sidebar-section.svelte-kwnya ul li.svelte-kwnya:last-child{margin-bottom:0}.mc-sidebar-section.svelte-kwnya ul.is-hidden.svelte-kwnya{-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-kwnya ul.is-visible.svelte-kwnya{-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-kwnya.svelte-kwnya::-webkit-scrollbar{width:5px;height:10px;background:#b3b3b3}.mc-sidebar-section.svelte-kwnya.svelte-kwnya::-webkit-scrollbar-thumb{background:#8f94a3}")}function G(e,t,i){const a=e.slice();return a[10]=t[i],a}function E(e){let t,i,a,n,d,y,p=e[0],g=[];for(let t=0;t<p.length;t+=1)g[t]=A(G(e,p,t));const v=e=>o(g[e],1,1,(()=>{g[e]=null}));let h=e[3]&&e[4]&&B(e);return{c(){t=b("div"),i=b("ul");for(let e=0;e<g.length;e+=1)g[e].c();d=m(),h&&h.c(),f(i,"class",a=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-kwnya"),f(i,"aria-hidden",n=e[3]&&e[4]),f(t,"class","mc-sidebar-section svelte-kwnya")},m(e,a){s(e,t,a),w(t,i);for(let e=0;e<g.length;e+=1)g[e]&&g[e].m(i,null);w(t,d),h&&h.m(t,null),y=!0},p(e,s){if(103&s){let t;for(p=e[0],t=0;t<p.length;t+=1){const a=G(e,p,t);g[t]?(g[t].p(a,s),l(g[t],1)):(g[t]=A(a),g[t].c(),l(g[t],1),g[t].m(i,null))}for(k(),t=p.length;t<g.length;t+=1)v(t);r()}(!y||24&s&&a!==(a=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-kwnya"))&&f(i,"class",a),(!y||24&s&&n!==(n=e[3]&&e[4]))&&f(i,"aria-hidden",n),e[3]&&e[4]?h?(h.p(e,s),24&s&&l(h,1)):(h=B(e),h.c(),l(h,1),h.m(t,null)):h&&(k(),o(h,1,1,(()=>{h=null})),r())},i(e){if(!y){for(let e=0;e<p.length;e+=1)l(g[e]);l(h),y=!0}},o(e){g=g.filter(Boolean);for(let e=0;e<g.length;e+=1)o(g[e]);o(h),y=!1},d(e){e&&c(t),x(g,e),h&&h.d()}}}function A(e){let t,i,a,n,r,d;function u(){return e[8](e[10])}return i=new h({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),i.$on("feature-click",e[7]),{c(){t=b("li"),y(i.$$.fragment),a=m(),f(t,"class","svelte-kwnya")},m(e,l){s(e,t,l),p(i,t,null),w(t,a),n=!0,r||(d=g(t,"click",u),r=!0)},p(t,a){e=t;const n={};1&a&&(n.featureGroup=e[10]),5&a&&(n.expand=e[2]===e[10].code),2&a&&(n.a11yLabels=e[1]),i.$set(n)},i(e){n||(l(i.$$.fragment,e),n=!0)},o(e){o(i.$$.fragment,e),n=!1},d(e){e&&c(t),v(i),r=!1,d()}}}function B(e){let t,i;return t=new $({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){y(t.$$.fragment)},m(e,a){p(t,e,a),i=!0},p(e,i){const a={};8&i&&(a.data=e[3]),2&i&&(a.a11yLabels=e[1]),t.$set(a)},i(e){i||(l(t.$$.fragment,e),i=!0)},o(e){o(t.$$.fragment,e),i=!1},d(e){v(t,e)}}}function C(e){let t,i,a=e[0]?.length&&E(e);return{c(){a&&a.c(),t=n()},m(e,n){a&&a.m(e,n),s(e,t,n),i=!0},p(e,[i]){e[0]?.length?a?(a.p(e,i),1&i&&l(a,1)):(a=E(e),a.c(),l(a,1),a.m(t.parentNode,t)):a&&(k(),o(a,1,1,(()=>{a=null})),r())},i(e){i||(l(a),i=!0)},o(e){o(a),i=!1},d(e){a&&a.d(e),e&&c(t)}}}function D(e,t,i){let a;d(e,L,(e=>i(4,a=e)));let n,s,{data:l=[]}=t,{a11yLabels:o}=t;function r(e){const t=a;t||j(),i(2,n=t&&n===e?void 0:e)}function c(e){(null==e?void 0:e.detail)?s&&s.code===e.detail.code?i(3,s=void 0):i(3,s=e.detail):i(3,s=void 0)}return e.$$set=e=>{"data"in e&&i(0,l=e.data),"a11yLabels"in e&&i(1,o=e.a11yLabels)},[l,o,n,s,a,r,c,e=>c(e),e=>r(e.code),()=>c()]}class H extends e{constructor(e){super(),t(this,e,D,C,i,{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-589b271b.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-kwnya", ".mc-sidebar-section.svelte-kwnya.svelte-kwnya{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-kwnya ul.svelte-kwnya,.mc-sidebar-section.svelte-kwnya li.svelte-kwnya{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-kwnya ul.svelte-kwnya{-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-kwnya ul li.svelte-kwnya{-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-kwnya ul li.svelte-kwnya:first-child{margin-top:0}.mc-sidebar-section.svelte-kwnya ul li.svelte-kwnya:last-child{margin-bottom:0}.mc-sidebar-section.svelte-kwnya ul.is-hidden.svelte-kwnya{-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-kwnya ul.is-visible.svelte-kwnya{-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-kwnya.svelte-kwnya::-webkit-scrollbar{width:5px;height:10px;background:#b3b3b3}.mc-sidebar-section.svelte-kwnya.svelte-kwnya::-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-kwnya"));
+
+			attr(ul, "aria-hidden", ul_aria_hidden_value = /*expandedSubGroup*/ ctx[3] && /*$isSidebarOpen*/ ctx[4]);
+			attr(div, "class", "mc-sidebar-section svelte-kwnya");
+		},
+		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-kwnya"))) {
+				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-kwnya");
+		},
+		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":"s7EA+CaA,EAAI,wBAATC,OAAIC,GAAA,4DAWH,IAAAC,EAAAH,MAAoBA,EAAc,IAAAI,EAAAJ,uFAd9BK,EAAAC,EAAA,QAAAC,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,iBACzDK,EAAAC,EAAA,cAAAG,EAAAT,MAAoBA,EAAc,2DAHnDU,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,oCACzDgB,GAAA,GAAAC,GAAAR,KAAAA,EAAAT,MAAoBA,EAAc,2BAa5CA,MAAoBA,EAAc,iIAXnCC,OAAIC,GAAA,4OAIQF,EAAa,KAAKA,EAAY,IAACkB,8HAH3CR,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,199 @@
-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 as b,j as h,l as w,k as g,Z as k}from"../../index-c33b3772.js";import{a as v,s as p,i as x}from"../../sidebar-service-275bf9ef.js";function u(e){i(e,"svelte-1wk2sch",".mc-sidebar-segment.svelte-1wk2sch.svelte-1wk2sch{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-1wk2sch.svelte-1wk2sch{fill:#191919}.mc-sidebar-segment.svelte-1wk2sch span.svelte-1wk2sch{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-1wk2sch.svelte-1wk2sch{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-1wk2sch.svelte-1wk2sch{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-1wk2sch.svelte-1wk2sch{background:#cfd2d8}.mc-sidebar-segment.svelte-1wk2sch .svelte-1wk2sch:last-child{margin-left:10px}.mc-sidebar-segment.svelte-1wk2sch.svelte-1wk2sch:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1wk2sch:focus-visible .mc-sidebar-segment__container.svelte-1wk2sch{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1wk2sch.svelte-1wk2sch:hover{background:#b3b7c1}.mc-sidebar-segment.is-close.svelte-1wk2sch .mc-sidebar-segment__container.svelte-1wk2sch{-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-1wk2sch .mc-sidebar-segment__text.svelte-1wk2sch{opacity:0}.mc-sidebar-segment.is-open.svelte-1wk2sch .mc-sidebar-segment__container.svelte-1wk2sch{-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-1wk2sch .mc-sidebar-segment__text.svelte-1wk2sch{opacity:1}")}function f(e){let s,t,i,n,c,o,k,v,p,x,u,f,y=e[0].label+"",j=e[0].icon&&_(e);return{c(){s=r("a"),t=r("div"),j&&j.c(),i=d(),n=r("span"),c=m(y),b(n,"aria-hidden",o=!e[2]),b(n,"class","mc-sidebar-segment__text svelte-1wk2sch"),b(t,"class","mc-sidebar-segment__container mc-sidebar-segment__icon svelte-1wk2sch"),b(s,"aria-label",k=e[0].label),b(s,"class",v="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1wk2sch"),b(s,"href",p=e[0].href??"javascript:void(null)"),b(s,"id",x=e[0].code)},m(l,o){a(l,s,o),h(s,t),j&&j.m(t,null),h(t,i),h(t,n),h(n,c),u||(f=w(s,"click",e[3]),u=!0)},p(e,a){e[0].icon?j?j.p(e,a):(j=_(e),j.c(),j.m(t,i)):j&&(j.d(1),j=null),1&a&&y!==(y=e[0].label+"")&&g(c,y),4&a&&o!==(o=!e[2])&&b(n,"aria-hidden",o),1&a&&k!==(k=e[0].label)&&b(s,"aria-label",k),7&a&&v!==(v="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1wk2sch")&&b(s,"class",v),1&a&&p!==(p=e[0].href??"javascript:void(null)")&&b(s,"href",p),1&a&&x!==(x=e[0].code)&&b(s,"id",x)},d(e){e&&l(s),j&&j.d(),u=!1,f()}}}function _(e){let s,t,i=`<${j(e[0].icon)} class="mc-sidebar-segment__icon"/>`;return{c(){s=new k(!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"/>`)&&s.p(i)},d(e){e&&l(t),e&&s.d()}}}function y(e){let s,t=e[0]&&f(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=f(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)}}}function j(e){return`${e} size="1.5rem" style="height: 1.5rem; width: 1.5rem;"`}function $(e,s,t){let i,n;o(e,p,(e=>t(1,i=e))),o(e,x,(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(){v(a.code)}]}class z extends e{constructor(e){super(),s(this,e,$,y,t,{data:0},u)}}export{z 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-589b271b.js';
+
+/* src/components/sidebar/sidebar-segment.nested.svelte generated by Svelte v3.58.0 */
+
+function add_css(target) {
+	append_styles(target, "svelte-1wk2sch", ".mc-sidebar-segment.svelte-1wk2sch.svelte-1wk2sch{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-1wk2sch.svelte-1wk2sch{fill:#191919}.mc-sidebar-segment.svelte-1wk2sch span.svelte-1wk2sch{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-1wk2sch.svelte-1wk2sch{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-1wk2sch.svelte-1wk2sch{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-1wk2sch.svelte-1wk2sch{background:#cfd2d8}.mc-sidebar-segment.svelte-1wk2sch .svelte-1wk2sch:last-child{margin-left:10px}.mc-sidebar-segment.svelte-1wk2sch.svelte-1wk2sch:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1wk2sch:focus-visible .mc-sidebar-segment__container.svelte-1wk2sch{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1wk2sch.svelte-1wk2sch:hover{background:#b3b7c1}.mc-sidebar-segment.is-close.svelte-1wk2sch .mc-sidebar-segment__container.svelte-1wk2sch{-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-1wk2sch .mc-sidebar-segment__text.svelte-1wk2sch{opacity:0}.mc-sidebar-segment.is-open.svelte-1wk2sch .mc-sidebar-segment__container.svelte-1wk2sch{-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-1wk2sch .mc-sidebar-segment__text.svelte-1wk2sch{opacity:1}");
+}
+
+// (13: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-1wk2sch");
+			attr(div, "class", "mc-sidebar-segment__container mc-sidebar-segment__icon svelte-1wk2sch");
+			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-1wk2sch");
+
+			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-1wk2sch")) {
+				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();
+		}
+	};
+}
+
+// (24: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"/>` + "";
+	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"/>` + "")) 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);
+		}
+	};
+}
+
+function generateIcon(iconname) {
+	return `${iconname} size="1.5rem"`;
+}
+
+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