@mozaic-ds/web-components 0.5.0 → 0.6.1

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

@@ -1,395 +1,2 @@
-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 };
+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};
 //# 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-divider-background;\n\n      &-thumb {\n        background: $color-primary-02-400;\n      }\n    }\n  }\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;2BA+Ca,GAAI,CAAA,CAAA,CAAA,CAAA;;;gCAAT,MAAI,EAAA,CAAA,IAAA,CAAA,EAAA;;;;;;;;AAWH,CAAA,IAAA,QAAA,wBAAA,GAAgB,0BAAI,GAAc,CAAA,CAAA,CAAA,IAAA,iBAAA,CAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;AAd9B,GAAA,IAAA,CAAA,EAAA,EAAA,OAAA,EAAA,cAAA,GAAA,EAAA,IAAA,aAAA,sBAAA,GAAgB,0BAAI,GAAc,CAAA,CAAA,CAAA;KAAG,WAAW;KAAG,YAAY,CAAA,GAAA,iBAAA,CAAA,CAAA,CAAA;;AACzD,GAAA,IAAA,CAAA,EAAA,EAAA,aAAA,EAAA,oBAAA,wBAAA,GAAgB,0BAAI,GAAc,CAAA,CAAA,CAAA,CAAA,CAAA;;;;GAHnD,MAuBK,CAAA,MAAA,EAAA,GAAA,EAAA,MAAA,CAAA,CAAA;GAtBH,MAcI,CAAA,GAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;;;0BAVK,GAAI,CAAA,CAAA,CAAA,CAAA;;;+BAAT,MAAI,EAAA,CAAA,IAAA,CAAA,EAAA;;;;;;;;;;;;;;;;wBAAJ,MAAI,EAAA,CAAA,GAAA,WAAA,CAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA;;;;;;;AAHC,GAAA,IAAA,CAAA,OAAA,IAAA,KAAA,wCAAA,EAAA,IAAA,cAAA,MAAA,cAAA,GAAA,EAAA,IAAA,aAAA,sBAAA,GAAgB,0BAAI,GAAc,CAAA,CAAA,CAAA;KAAG,WAAW;KAAG,YAAY,CAAA,GAAA,iBAAA,CAAA,CAAA,EAAA;;;;AACzD,GAAA,IAAA,CAAA,OAAA,IAAA,KAAA,wCAAA,EAAA,IAAA,oBAAA,MAAA,oBAAA,wBAAA,GAAgB,0BAAI,GAAc,CAAA,CAAA,CAAA,CAAA,EAAA;;;;AAa5C,GAAA,yBAAA,GAAgB,0BAAI,GAAc,CAAA,CAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;kCAXnC,MAAI,EAAA,CAAA,IAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAIQ,GAAa,CAAA,CAAA,CAAA,sBAAK,GAAY,CAAA,EAAA,CAAA,CAAC,IAAI;;;;;;;;;;;;;;;;;;;GAH/C,MAOI,CAAA,MAAA,EAAA,EAAA,EAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;mGAJQ,GAAa,CAAA,CAAA,CAAA,sBAAK,GAAY,CAAA,EAAA,CAAA,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BASzC,GAAgB,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;gGAAhB,GAAgB,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;AAnBzB,CAAA,IAAA,QAAA,YAAA,GAAI,KAAE,MAAM,IAAA,eAAA,CAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;AAAZ,GAAA,aAAA,GAAI,KAAE,MAAM,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAjCJ,IAAI,GAAA,EAAA,EAAA,GAAA,OAAA,CAAA;OACJ,UAAsB,EAAA,GAAA,OAAA,CAAA;KAE7B,aAAiC,CAAA;KACjC,gBAAqC,CAAA;;AAEhC,CAAA,SAAA,gBAAgB,CAAC,IAAY,EAAA;AAE9B,EAAA,MAAA,IAAI,GAAG,cAAc,CAAA;;OACtB,IAAI,EAAA;GACP,aAAa,EAAA,CAAA;;;MAGX,IAAI,IAAI,aAAa,KAAK,IAAI,EAAA;AAChC,GAAA,YAAA,CAAA,CAAA,EAAA,aAAa,GAAG,SAAS,CAAA,CAAA;;AAEzB,GAAA,YAAA,CAAA,CAAA,EAAA,aAAa,GAAG,IAAI,CAAA,CAAA;;;;AAIf,CAAA,SAAA,kBAAkB,CAAC,KAA4B,EAAA;AAClD,EAAA,IAAA,KAAK,KAAb,IAAA,IAAQ,KAAK,UAAb,CAAA;SAAA,CAAA;AAAQ,IAAA,KAAK,CAAE,MAAM,EAAA;OACX,gBAAgB,IAAI,gBAAgB,CAAC,IAAI,KAAK,KAAK,CAAC,MAAM,CAAC,IAAI,EAAA;AACjE,IAAA,YAAA,CAAA,CAAA,EAAA,gBAAgB,GAAG,SAAS,CAAA,CAAA;;oBAE5B,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAA,CAAA;;;AAGjC,GAAA,YAAA,CAAA,CAAA,EAAA,gBAAgB,GAAG,SAAS,CAAA,CAAA;;;;+BAiBH,KAAK,IAAK,kBAAkB,CAAC,KAAK,CAAA,CAAA;uCALrC,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAA,CAAA;kCAcjC,kBAAkB,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"sidebar-section.nested.js","sources":["../../../src/components/sidebar/sidebar-section.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { A11yLabels, Feature, FeatureGroup } from './sidebar.types';\n  import FeatureGroupComponent from './sidebar-feature-group.nested.svelte';\n  import SubFeaturesComponent from './sidebar-sub-features.nested.svelte';\n  import { isSidebarOpen, toggleSidebar } from './sidebar-service';\n\n  export let data: FeatureGroup[] = [];\n  export let a11yLabels: A11yLabels;\n\n  let expandedGroup: string | undefined;\n  let expandedSubGroup: Feature | undefined;\n\n  function handleGroupClick(code: string) {\n    // opens the menu if at the time of the click on a FeatureGroup this one was closed\n    const open = $isSidebarOpen;\n    if (!open) {\n      toggleSidebar();\n    }\n\n    if (open && expandedGroup === code) {\n      expandedGroup = undefined;\n    } else {\n      expandedGroup = code;\n    }\n  }\n\n  function handleFeatureClick(event?: CustomEvent<Feature>) {\n    if (event?.detail) {\n      if (expandedSubGroup && expandedSubGroup.code === event.detail.code) {\n        expandedSubGroup = undefined;\n      } else {\n        expandedSubGroup = event.detail;\n      }\n    } else {\n      expandedSubGroup = undefined;\n    }\n  }\n</script>\n\n{#if data?.length}\n  <div class=\"mc-sidebar-section\">\n    <ul\n      class={expandedSubGroup && $isSidebarOpen ? 'is-hidden' : 'is-visible'}\n      aria-hidden={expandedSubGroup && $isSidebarOpen}\n    >\n      {#each data as featureGroup}\n        <li on:click={() => handleGroupClick(featureGroup.code)}>\n          <FeatureGroupComponent\n            {featureGroup}\n            expand={expandedGroup === featureGroup.code}\n            {a11yLabels}\n            on:feature-click={(event) => handleFeatureClick(event)}\n          />\n        </li>\n      {/each}\n    </ul>\n    {#if expandedSubGroup && $isSidebarOpen}\n      <SubFeaturesComponent\n        data={expandedSubGroup}\n        {a11yLabels}\n        on:back-click={() => handleFeatureClick()}\n      />\n    {/if}\n  </div>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-section {\n    display: flex;\n    flex-direction: row;\n    flex: 1;\n    align-items: flex-start;\n    min-height: 38px;\n    overflow-x: hidden;\n    overflow-y: auto;\n    overflow-y: overlay;\n    padding: 1px 0px;\n    scrollbar-color: $color-primary-02-400 $color-sidebar-divider-background;\n    scrollbar-width: thin;\n\n    ul,\n    li {\n      list-style-type: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      width: 100%;\n    }\n\n    ul {\n      align-items: start;\n      flex-direction: column;\n      justify-content: center;\n\n      li {\n        flex-direction: column;\n        box-sizing: border-box;\n        margin: 4px 0px;\n\n        &:first-child {\n          margin-top: 0;\n        }\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      &.is-hidden {\n        @include transition(margin-left 300ms ease-in-out);\n        margin-left: -320px;\n        opacity: 0;\n      }\n\n      &.is-visible {\n        @include transition(margin-left 300ms ease-in-out);\n        margin-left: 0;\n      }\n    }\n\n    &::-webkit-scrollbar {\n      width: 5px;\n      height: 10px;\n      background: $color-sidebar-divider-background;\n\n      &-thumb {\n        background: $color-primary-02-400;\n      }\n    }\n  }\n</style>\n"],"names":["ctx","length","i","if_block","create_if_block_1","attr","ul","ul_class_value","null_to_empty","ul_aria_hidden_value","insert","target","div","anchor","append","each_blocks","current","dirty","code","li","create_if_block","expandedGroup","expandedSubGroup","data","$$props","a11yLabels","handleGroupClick","open","$isSidebarOpen","toggleSidebar","$$invalidate","undefined","handleFeatureClick","event","detail","featureGroup"],"mappings":"o+EA+CaA,EAAI,wBAATC,OAAIC,GAAA,4DAWH,IAAAC,EAAAH,MAAoBA,EAAc,IAAAI,EAAAJ,uFAd9BK,EAAAC,EAAA,QAAAC,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,mBACzDK,EAAAC,EAAA,cAAAG,EAAAT,MAAoBA,EAAc,6DAHnDU,EAuBKC,EAAAC,EAAAC,GAtBHC,EAcIF,EAAAN,6GAVKN,EAAI,WAATC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAa,EAAAd,OAAAC,GAAA,aAHCc,GAAA,GAAAC,GAAAV,KAAAA,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,sCACzDgB,GAAA,GAAAC,GAAAR,KAAAA,EAAAT,MAAoBA,EAAc,2BAa5CA,MAAoBA,EAAc,iIAXnCC,OAAIC,GAAA,4OAIQF,EAAa,KAAKA,EAAY,IAACkB,gIAH3CR,EAOIC,EAAAQ,EAAAN,wHAJQb,EAAa,KAAKA,EAAY,IAACkB,0LASrClB,EAAgB,2HAAhBA,EAAgB,6IAnBzBG,EAAAH,MAAMC,QAAMmB,EAAApB,yEAAZA,MAAMC,+NA9BLoB,EACAC,QAJOC,EAAI,IAAAC,cACJC,GAAsBD,EAKxB,SAAAE,EAAiBR,GAElB,MAAAS,EAAOC,EACRD,GACHE,IAIAC,EAAA,EAAAT,EADEM,GAAQN,IAAkBH,OACZa,EAEAb,GAIX,SAAAc,EAAmBC,IACtBA,eAAAA,EAAOC,QACLZ,GAAoBA,EAAiBJ,OAASe,EAAMC,OAAOhB,KAC7DY,EAAA,EAAAR,OAAmBS,OAEnBT,EAAmBW,EAAMC,QAG3BJ,EAAA,EAAAR,OAAmBS,sGAiBME,GAAUD,EAAmBC,MALhCP,EAAiBS,EAAajB,UAc7Bc"}

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

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