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

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

@@ -1,2 +1,595 @@
-import{P as e,i as t,s as r,Q as i,e as o,d as s,g as l,b as n,j as a,C as c,E as f,D as u,o as d,J as m,ab as p,K as v,t as b,k as g,x as h,A as x,l as _,I as w,G as y,M as k,v as $,Z as L,T as H}from"../../index-c33b3772.js";import j from"./sidebar-feature.nested.js";import{a as z,i as E,s as G}from"../../sidebar-service-275bf9ef.js";import{E as M}from"../../EventHandler-02058705.js";function A(e){i(e,"svelte-vmcfrr",".mc-feature-group.svelte-vmcfrr.svelte-vmcfrr{background:none;border:none;color:#191919;cursor:pointer;font-size:inherit;font-family:inherit;text-align:initial;margin:0;padding:0;overflow:hidden}.mc-feature-group__icon.svelte-vmcfrr.svelte-vmcfrr{fill:#191919}.mc-feature-group__container.svelte-vmcfrr.svelte-vmcfrr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px 0;padding:8px 0px;-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out}.mc-feature-group__label.svelte-vmcfrr.svelte-vmcfrr{margin:0 8px;width:200px;min-width:200px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-feature-group__label__tooltip.svelte-vmcfrr.svelte-vmcfrr{opacity:0;-webkit-transition:0s opacity;-o-transition:0s opacity;transition:0s opacity;background-color:#b3b3b3;border:1px solid #191919;border-radius:4px;position:absolute;pointer-events:none;left:calc(100% - 16px);padding:8px 16px;width:188px}.mc-feature-group__label__tooltip__pointer.svelte-vmcfrr.svelte-vmcfrr{position:absolute;top:50%;left:-8px;top:calc(50% - 6px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid white}.mc-feature-group__label__tooltip__pointer.svelte-vmcfrr div.svelte-vmcfrr{position:relative;top:-6px;left:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #b3b3b3}.mc-feature-group__label.svelte-vmcfrr:hover+.mc-feature-group__label__tooltip.svelte-vmcfrr{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-feature-group__content.svelte-vmcfrr.svelte-vmcfrr{overflow:hidden;-o-transition:height 300ms ease-in-out;-webkit-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}.mc-feature-group__content.is-close.svelte-vmcfrr.svelte-vmcfrr{height:0}.mc-feature-group.is-selected.svelte-vmcfrr.svelte-vmcfrr{background:#cfd2d8}.mc-feature-group.is-close.svelte-vmcfrr .mc-feature-group__container.svelte-vmcfrr{margin:0 20px;width:24px}.mc-feature-group.is-open.svelte-vmcfrr .mc-feature-group__container.svelte-vmcfrr{margin:0 32px}.mc-feature-group.svelte-vmcfrr.svelte-vmcfrr:hover{background:#b3b7c1}.mc-feature-group.svelte-vmcfrr.svelte-vmcfrr:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-feature-group.svelte-vmcfrr:focus-visible .mc-feature-group__container.svelte-vmcfrr{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}ul.svelte-vmcfrr.svelte-vmcfrr,li.svelte-vmcfrr.svelte-vmcfrr{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}ul.svelte-vmcfrr.svelte-vmcfrr{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}ul.svelte-vmcfrr li.svelte-vmcfrr{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}")}function B(e,t,r){const i=e.slice();return i[15]=t[r],i}function C(e){let t,r,i=`<${I(e[0].icon)} class="mc-feature-group__icon" style="${D}" />`;return{c(){t=new L(!1),r=v(),t.a=r},m(e,o){t.m(i,e,o),n(e,r,o)},p(e,r){1&r&&i!==(i=`<${I(e[0].icon)} class="mc-feature-group__icon" style="${D}" />`)&&t.p(i)},d(e){e&&d(r),e&&t.d()}}}function q(e){let t,r,i,c,f,u=e[0].label+"",m=e[6]?.offsetHeight<e[6]?.scrollHeight&&F(e);function p(e,t){return e[1]?N:S}let h=p(e),x=h(e);return{c(){t=o("span"),r=b(u),i=s(),m&&m.c(),c=s(),x.c(),f=v(),l(t,"class","mc-feature-group__label svelte-vmcfrr")},m(o,s){n(o,t,s),a(t,r),e[9](t),n(o,i,s),m&&m.m(o,s),n(o,c,s),x.m(o,s),n(o,f,s)},p(e,t){1&t&&u!==(u=e[0].label+"")&&g(r,u),e[6]?.offsetHeight<e[6]?.scrollHeight?m?m.p(e,t):(m=F(e),m.c(),m.m(c.parentNode,c)):m&&(m.d(1),m=null),h!==(h=p(e))&&(x.d(1),x=h(e),x&&(x.c(),x.m(f.parentNode,f)))},d(r){r&&d(t),e[9](null),r&&d(i),m&&m.d(r),r&&d(c),x.d(r),r&&d(f)}}}function F(e){let t,r,i,c,f,u=e[0].label+"";return{c(){t=o("div"),r=o("div"),r.innerHTML='<div class="svelte-vmcfrr"></div>',i=s(),c=o("span"),f=b(u),l(r,"class","mc-feature-group__label__tooltip__pointer svelte-vmcfrr"),l(t,"aria-hidden","true"),l(t,"class","mc-feature-group__label__tooltip svelte-vmcfrr")},m(e,o){n(e,t,o),a(t,r),a(t,i),a(t,c),a(c,f)},p(e,t){1&t&&u!==(u=e[0].label+"")&&g(f,u)},d(e){e&&d(t)}}}function N(e){let t,r;return{c(){t=H("svg"),r=H("path"),l(r,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),l(t,"class","mc-feature-group__icon svelte-vmcfrr"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,i){n(e,t,i),a(t,r)},d(e){e&&d(t)}}}function S(e){let t,r;return{c(){t=H("svg"),r=H("path"),l(r,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),l(t,"class","mc-feature-group__icon svelte-vmcfrr"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,i){n(e,t,i),a(t,r)},d(e){e&&d(t)}}}function T(e){let t,r,i,f,m,p;function v(){return e[10](e[15])}return r=new j({props:{feature:e[15],a11yLabels:e[2]}}),{c(){t=o("li"),h(r.$$.fragment),i=s(),l(t,"class","svelte-vmcfrr")},m(e,o){n(e,t,o),x(r,t,null),a(t,i),f=!0,m||(p=_(t,"click",w(v)),m=!0)},p(t,i){e=t;const o={};1&i&&(o.feature=e[15]),4&i&&(o.a11yLabels=e[2]),r.$set(o)},i(e){f||(c(r.$$.fragment,e),f=!0)},o(e){u(r.$$.fragment,e),f=!1},d(e){e&&d(t),y(r),m=!1,p()}}}function V(e){let t,r,i,p,v,b,g,h,x,_,w,y,$,L=e[0].icon&&C(e),H=e[3]&&q(e),j=e[0].items,z=[];for(let t=0;t<j.length;t+=1)z[t]=T(B(e,j,t));const E=e=>u(z[e],1,1,(()=>{z[e]=null}));return{c(){t=o("button"),r=o("span"),L&&L.c(),i=s(),H&&H.c(),x=s(),_=o("ul");for(let e=0;e<z.length;e+=1)z[e].c();l(r,"class","mc-feature-group__container svelte-vmcfrr"),l(t,"class",p="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-vmcfrr"),l(t,"aria-label",v=e[0].label),l(t,"aria-expanded",b=e[3]&&e[1]),l(t,"aria-controls",g=e[0].code+"-list"),l(t,"id",h=e[0].code),l(_,"class","mc-feature-group__content is-close svelte-vmcfrr"),l(_,"aria-hidden",w=!e[3]||!e[1]),l(_,"id",y=e[0].code+"-list")},m(o,s){n(o,t,s),a(t,r),L&&L.m(r,null),a(r,i),H&&H.m(r,null),n(o,x,s),n(o,_,s);for(let e=0;e<z.length;e+=1)z[e]&&z[e].m(_,null);e[11](_),$=!0},p(e,[o]){if(e[0].icon?L?L.p(e,o):(L=C(e),L.c(),L.m(r,i)):L&&(L.d(1),L=null),e[3]?H?H.p(e,o):(H=q(e),H.c(),H.m(r,null)):H&&(H.d(1),H=null),(!$||40&o&&p!==(p="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-vmcfrr"))&&l(t,"class",p),(!$||1&o&&v!==(v=e[0].label))&&l(t,"aria-label",v),(!$||10&o&&b!==(b=e[3]&&e[1]))&&l(t,"aria-expanded",b),(!$||1&o&&g!==(g=e[0].code+"-list"))&&l(t,"aria-controls",g),(!$||1&o&&h!==(h=e[0].code))&&l(t,"id",h),133&o){let t;for(j=e[0].items,t=0;t<j.length;t+=1){const r=B(e,j,t);z[t]?(z[t].p(r,o),c(z[t],1)):(z[t]=T(r),z[t].c(),c(z[t],1),z[t].m(_,null))}for(k(),t=j.length;t<z.length;t+=1)E(t);f()}(!$||10&o&&w!==(w=!e[3]||!e[1]))&&l(_,"aria-hidden",w),(!$||1&o&&y!==(y=e[0].code+"-list"))&&l(_,"id",y)},i(e){if(!$){for(let e=0;e<j.length;e+=1)c(z[e]);$=!0}},o(e){z=z.filter(Boolean);for(let e=0;e<z.length;e+=1)u(z[e]);$=!1},d(r){r&&d(t),L&&L.d(),H&&H.d(),r&&d(x),r&&d(_),m(z,r),e[11](null)}}}const D="width: 24px; height: 24px;";function I(e){return`${e} size="2rem"`}function J(e,t,r){let i,o;p(e,E,(e=>r(3,i=e))),p(e,G,(e=>r(8,o=e)));let s,l,{featureGroup:n}=t,{expand:a}=t,{a11yLabels:c}=t,f=new M,u=!1;function d(e){var t;e.disabled||((null===(t=e.items)||void 0===t?void 0:t.length)?f.dispatch("feature-click",e):z(e.code))}return e.$$set=e=>{"featureGroup"in e&&r(0,n=e.featureGroup),"expand"in e&&r(1,a=e.expand),"a11yLabels"in e&&r(2,c=e.a11yLabels)},e.$$.update=()=>{var t,l,c,f,d,m;267&e.$$.dirty&&(t=a,l=i,c=n,r(5,u=null!==(m=(null==(f=o)?void 0:f.lv0)&&c.code===(null===(d=null==f?void 0:f.lv0)||void 0===d?void 0:d.code)&&(!f.lv1||!t||!l))&&void 0!==m&&m)),10&e.$$.dirty&&function(e,t){if(s){r(4,s.style.height="",s),r(4,s.style.transition="none",s);const i=window.getComputedStyle(s).height;s.classList.add(t&&e?"is-open":"is-close"),s.classList.remove(t&&e?"is-close":"is-open");const o=window.getComputedStyle(s).height;r(4,s.style.height=i,s),requestAnimationFrame((()=>{r(4,s.style.transition="",s),requestAnimationFrame((()=>{r(4,s.style.height=o,s)}))}));const l=()=>{r(4,s.style.height="",s),s.removeEventListener("transitionend",l)};s.addEventListener("transitionend",l)}}(a,i)},[n,a,c,i,s,u,l,d,o,function(e){$[e?"unshift":"push"]((()=>{l=e,r(6,l)}))},e=>d(e),function(e){$[e?"unshift":"push"]((()=>{s=e,r(4,s)}))}]}class K extends e{constructor(e){super(),t(this,e,J,V,r,{featureGroup:0,expand:1,a11yLabels:2},A)}}export{K as default};
+import { P as SvelteComponent, i as init, s as safe_not_equal, Q as append_styles, e as element, d as space, g as attr, b as insert, j as append, C as transition_in, E as check_outros, D as transition_out, o as detach, J as destroy_each, ab as component_subscribe, K as empty, t as text, k as set_data, x as create_component, A as mount_component, l as listen, I as stop_propagation, G as destroy_component, M as group_outros, v as binding_callbacks, Z as HtmlTag, T as svg_element } from '../../index-c33b3772.js';
+import Sidebar_feature_nested from './sidebar-feature.nested.js';
+import { a as selectFeature, i as isSidebarOpen, s as selectedFeature } from '../../sidebar-service-275bf9ef.js';
+import { E as EventHandler } from '../../EventHandler-02058705.js';
+
+/* src/components/sidebar/sidebar-feature-group.nested.svelte generated by Svelte v3.58.0 */
+
+function add_css(target) {
+	append_styles(target, "svelte-vmcfrr", ".mc-feature-group.svelte-vmcfrr.svelte-vmcfrr{background:none;border:none;color:#191919;cursor:pointer;font-size:inherit;font-family:inherit;text-align:initial;margin:0;padding:0;overflow:hidden}.mc-feature-group__icon.svelte-vmcfrr.svelte-vmcfrr{fill:#191919}.mc-feature-group__container.svelte-vmcfrr.svelte-vmcfrr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px 0;padding:8px 0px;-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out}.mc-feature-group__label.svelte-vmcfrr.svelte-vmcfrr{margin:0 8px;width:200px;min-width:200px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-feature-group__label__tooltip.svelte-vmcfrr.svelte-vmcfrr{opacity:0;-webkit-transition:0s opacity;-o-transition:0s opacity;transition:0s opacity;background-color:#b3b3b3;border:1px solid #191919;border-radius:4px;position:absolute;pointer-events:none;left:calc(100% - 16px);padding:8px 16px;width:188px}.mc-feature-group__label__tooltip__pointer.svelte-vmcfrr.svelte-vmcfrr{position:absolute;top:50%;left:-8px;top:calc(50% - 6px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid white}.mc-feature-group__label__tooltip__pointer.svelte-vmcfrr div.svelte-vmcfrr{position:relative;top:-6px;left:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #b3b3b3}.mc-feature-group__label.svelte-vmcfrr:hover+.mc-feature-group__label__tooltip.svelte-vmcfrr{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-feature-group__content.svelte-vmcfrr.svelte-vmcfrr{overflow:hidden;-o-transition:height 300ms ease-in-out;-webkit-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}.mc-feature-group__content.is-close.svelte-vmcfrr.svelte-vmcfrr{height:0}.mc-feature-group.is-selected.svelte-vmcfrr.svelte-vmcfrr{background:#cfd2d8}.mc-feature-group.is-close.svelte-vmcfrr .mc-feature-group__container.svelte-vmcfrr{margin:0 20px;width:24px}.mc-feature-group.is-open.svelte-vmcfrr .mc-feature-group__container.svelte-vmcfrr{margin:0 32px}.mc-feature-group.svelte-vmcfrr.svelte-vmcfrr:hover{background:#b3b7c1}.mc-feature-group.svelte-vmcfrr.svelte-vmcfrr:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-feature-group.svelte-vmcfrr:focus-visible .mc-feature-group__container.svelte-vmcfrr{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}ul.svelte-vmcfrr.svelte-vmcfrr,li.svelte-vmcfrr.svelte-vmcfrr{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}ul.svelte-vmcfrr.svelte-vmcfrr{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}ul.svelte-vmcfrr li.svelte-vmcfrr{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}");
+}
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[15] = list[i];
+	return child_ctx;
+}
+
+// (71:4) {#if featureGroup.icon}
+function create_if_block_3(ctx) {
+	let html_tag;
+	let raw_value = `<${generateIcon(/*featureGroup*/ ctx[0].icon)} class="mc-feature-group__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 & /*featureGroup*/ 1 && raw_value !== (raw_value = `<${generateIcon(/*featureGroup*/ ctx[0].icon)} class="mc-feature-group__icon" style="${mediumIconStyle}" />` + "")) html_tag.p(raw_value);
+		},
+		d(detaching) {
+			if (detaching) detach(html_anchor);
+			if (detaching) html_tag.d();
+		}
+	};
+}
+
+// (76:4) {#if $isSidebarOpen}
+function create_if_block(ctx) {
+	let span;
+	let t0_value = /*featureGroup*/ ctx[0].label + "";
+	let t0;
+	let t1;
+	let t2;
+	let if_block1_anchor;
+	let if_block0 = /*label*/ ctx[6]?.offsetHeight < /*label*/ ctx[6]?.scrollHeight && create_if_block_2(ctx);
+
+	function select_block_type(ctx, dirty) {
+		if (!/*expand*/ ctx[1]) return create_if_block_1;
+		return create_else_block;
+	}
+
+	let current_block_type = select_block_type(ctx);
+	let if_block1 = current_block_type(ctx);
+
+	return {
+		c() {
+			span = element("span");
+			t0 = text(t0_value);
+			t1 = space();
+			if (if_block0) if_block0.c();
+			t2 = space();
+			if_block1.c();
+			if_block1_anchor = empty();
+			attr(span, "class", "mc-feature-group__label svelte-vmcfrr");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			append(span, t0);
+			/*span_binding*/ ctx[9](span);
+			insert(target, t1, anchor);
+			if (if_block0) if_block0.m(target, anchor);
+			insert(target, t2, anchor);
+			if_block1.m(target, anchor);
+			insert(target, if_block1_anchor, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*featureGroup*/ 1 && t0_value !== (t0_value = /*featureGroup*/ ctx[0].label + "")) set_data(t0, t0_value);
+
+			if (/*label*/ ctx[6]?.offsetHeight < /*label*/ ctx[6]?.scrollHeight) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+				} else {
+					if_block0 = create_if_block_2(ctx);
+					if_block0.c();
+					if_block0.m(t2.parentNode, t2);
+				}
+			} else if (if_block0) {
+				if_block0.d(1);
+				if_block0 = null;
+			}
+
+			if (current_block_type !== (current_block_type = select_block_type(ctx))) {
+				if_block1.d(1);
+				if_block1 = current_block_type(ctx);
+
+				if (if_block1) {
+					if_block1.c();
+					if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
+				}
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+			/*span_binding*/ ctx[9](null);
+			if (detaching) detach(t1);
+			if (if_block0) if_block0.d(detaching);
+			if (detaching) detach(t2);
+			if_block1.d(detaching);
+			if (detaching) detach(if_block1_anchor);
+		}
+	};
+}
+
+// (80:6) {#if label?.offsetHeight < label?.scrollHeight}
+function create_if_block_2(ctx) {
+	let div2;
+	let div1;
+	let t0;
+	let span;
+	let t1_value = /*featureGroup*/ ctx[0].label + "";
+	let t1;
+
+	return {
+		c() {
+			div2 = element("div");
+			div1 = element("div");
+			div1.innerHTML = `<div class="svelte-vmcfrr"></div>`;
+			t0 = space();
+			span = element("span");
+			t1 = text(t1_value);
+			attr(div1, "class", "mc-feature-group__label__tooltip__pointer svelte-vmcfrr");
+			attr(div2, "aria-hidden", "true");
+			attr(div2, "class", "mc-feature-group__label__tooltip svelte-vmcfrr");
+		},
+		m(target, anchor) {
+			insert(target, div2, anchor);
+			append(div2, div1);
+			append(div2, t0);
+			append(div2, span);
+			append(span, t1);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*featureGroup*/ 1 && t1_value !== (t1_value = /*featureGroup*/ ctx[0].label + "")) set_data(t1, t1_value);
+		},
+		d(detaching) {
+			if (detaching) detach(div2);
+		}
+	};
+}
+
+// (96:6) {:else}
+function create_else_block(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "d", "M12 9H4a1 1 0 010-2h8a1 1 0 010 2z");
+			attr(svg, "class", "mc-feature-group__icon svelte-vmcfrr");
+			attr(svg, "width", "16px");
+			attr(svg, "height", "16px");
+			attr(svg, "viewBox", "0 0 16 16");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+// (86:6) {#if !expand}
+function create_if_block_1(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "d", "M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z");
+			attr(svg, "class", "mc-feature-group__icon svelte-vmcfrr");
+			attr(svg, "width", "16px");
+			attr(svg, "height", "16px");
+			attr(svg, "viewBox", "0 0 16 16");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+// (114:2) {#each featureGroup.items as feature}
+function create_each_block(ctx) {
+	let li;
+	let featurecomponent;
+	let t;
+	let current;
+	let mounted;
+	let dispose;
+
+	featurecomponent = new Sidebar_feature_nested({
+			props: {
+				feature: /*feature*/ ctx[15],
+				a11yLabels: /*a11yLabels*/ ctx[2]
+			}
+		});
+
+	function click_handler() {
+		return /*click_handler*/ ctx[10](/*feature*/ ctx[15]);
+	}
+
+	return {
+		c() {
+			li = element("li");
+			create_component(featurecomponent.$$.fragment);
+			t = space();
+			attr(li, "class", "svelte-vmcfrr");
+		},
+		m(target, anchor) {
+			insert(target, li, anchor);
+			mount_component(featurecomponent, li, null);
+			append(li, t);
+			current = true;
+
+			if (!mounted) {
+				dispose = listen(li, "click", stop_propagation(click_handler));
+				mounted = true;
+			}
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+			const featurecomponent_changes = {};
+			if (dirty & /*featureGroup*/ 1) featurecomponent_changes.feature = /*feature*/ ctx[15];
+			if (dirty & /*a11yLabels*/ 4) featurecomponent_changes.a11yLabels = /*a11yLabels*/ ctx[2];
+			featurecomponent.$set(featurecomponent_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(featurecomponent.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(featurecomponent.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(li);
+			destroy_component(featurecomponent);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let button;
+	let span;
+	let t0;
+	let button_class_value;
+	let button_aria_label_value;
+	let button_aria_expanded_value;
+	let button_aria_controls_value;
+	let button_id_value;
+	let t1;
+	let ul;
+	let ul_aria_hidden_value;
+	let ul_id_value;
+	let current;
+	let if_block0 = /*featureGroup*/ ctx[0].icon && create_if_block_3(ctx);
+	let if_block1 = /*$isSidebarOpen*/ ctx[3] && create_if_block(ctx);
+	let each_value = /*featureGroup*/ ctx[0].items;
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+	}
+
+	const out = i => transition_out(each_blocks[i], 1, 1, () => {
+		each_blocks[i] = null;
+	});
+
+	return {
+		c() {
+			button = element("button");
+			span = element("span");
+			if (if_block0) if_block0.c();
+			t0 = space();
+			if (if_block1) if_block1.c();
+			t1 = space();
+			ul = element("ul");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			attr(span, "class", "mc-feature-group__container svelte-vmcfrr");
+			attr(button, "class", button_class_value = "mc-feature-group " + (/*isSelected*/ ctx[5] ? 'is-selected' : '') + " " + (/*$isSidebarOpen*/ ctx[3] ? 'is-open' : 'is-close') + " svelte-vmcfrr");
+			attr(button, "aria-label", button_aria_label_value = /*featureGroup*/ ctx[0].label);
+			attr(button, "aria-expanded", button_aria_expanded_value = /*$isSidebarOpen*/ ctx[3] && /*expand*/ ctx[1]);
+			attr(button, "aria-controls", button_aria_controls_value = "" + (/*featureGroup*/ ctx[0].code + "-list"));
+			attr(button, "id", button_id_value = /*featureGroup*/ ctx[0].code);
+			attr(ul, "class", "mc-feature-group__content is-close svelte-vmcfrr");
+			attr(ul, "aria-hidden", ul_aria_hidden_value = !/*$isSidebarOpen*/ ctx[3] || !/*expand*/ ctx[1]);
+			attr(ul, "id", ul_id_value = "" + (/*featureGroup*/ ctx[0].code + "-list"));
+		},
+		m(target, anchor) {
+			insert(target, button, anchor);
+			append(button, span);
+			if (if_block0) if_block0.m(span, null);
+			append(span, t0);
+			if (if_block1) if_block1.m(span, null);
+			insert(target, t1, anchor);
+			insert(target, ul, anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				if (each_blocks[i]) {
+					each_blocks[i].m(ul, null);
+				}
+			}
+
+			/*ul_binding*/ ctx[11](ul);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*featureGroup*/ ctx[0].icon) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+				} else {
+					if_block0 = create_if_block_3(ctx);
+					if_block0.c();
+					if_block0.m(span, t0);
+				}
+			} else if (if_block0) {
+				if_block0.d(1);
+				if_block0 = null;
+			}
+
+			if (/*$isSidebarOpen*/ ctx[3]) {
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
+				} else {
+					if_block1 = create_if_block(ctx);
+					if_block1.c();
+					if_block1.m(span, null);
+				}
+			} else if (if_block1) {
+				if_block1.d(1);
+				if_block1 = null;
+			}
+
+			if (!current || dirty & /*isSelected, $isSidebarOpen*/ 40 && button_class_value !== (button_class_value = "mc-feature-group " + (/*isSelected*/ ctx[5] ? 'is-selected' : '') + " " + (/*$isSidebarOpen*/ ctx[3] ? 'is-open' : 'is-close') + " svelte-vmcfrr")) {
+				attr(button, "class", button_class_value);
+			}
+
+			if (!current || dirty & /*featureGroup*/ 1 && button_aria_label_value !== (button_aria_label_value = /*featureGroup*/ ctx[0].label)) {
+				attr(button, "aria-label", button_aria_label_value);
+			}
+
+			if (!current || dirty & /*$isSidebarOpen, expand*/ 10 && button_aria_expanded_value !== (button_aria_expanded_value = /*$isSidebarOpen*/ ctx[3] && /*expand*/ ctx[1])) {
+				attr(button, "aria-expanded", button_aria_expanded_value);
+			}
+
+			if (!current || dirty & /*featureGroup*/ 1 && button_aria_controls_value !== (button_aria_controls_value = "" + (/*featureGroup*/ ctx[0].code + "-list"))) {
+				attr(button, "aria-controls", button_aria_controls_value);
+			}
+
+			if (!current || dirty & /*featureGroup*/ 1 && button_id_value !== (button_id_value = /*featureGroup*/ ctx[0].code)) {
+				attr(button, "id", button_id_value);
+			}
+
+			if (dirty & /*handleClick, featureGroup, a11yLabels*/ 133) {
+				each_value = /*featureGroup*/ ctx[0].items;
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+						transition_in(each_blocks[i], 1);
+					} else {
+						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i].c();
+						transition_in(each_blocks[i], 1);
+						each_blocks[i].m(ul, null);
+					}
+				}
+
+				group_outros();
+
+				for (i = each_value.length; i < each_blocks.length; i += 1) {
+					out(i);
+				}
+
+				check_outros();
+			}
+
+			if (!current || dirty & /*$isSidebarOpen, expand*/ 10 && ul_aria_hidden_value !== (ul_aria_hidden_value = !/*$isSidebarOpen*/ ctx[3] || !/*expand*/ ctx[1])) {
+				attr(ul, "aria-hidden", ul_aria_hidden_value);
+			}
+
+			if (!current || dirty & /*featureGroup*/ 1 && ul_id_value !== (ul_id_value = "" + (/*featureGroup*/ ctx[0].code + "-list"))) {
+				attr(ul, "id", ul_id_value);
+			}
+		},
+		i(local) {
+			if (current) return;
+
+			for (let i = 0; i < each_value.length; i += 1) {
+				transition_in(each_blocks[i]);
+			}
+
+			current = true;
+		},
+		o(local) {
+			each_blocks = each_blocks.filter(Boolean);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				transition_out(each_blocks[i]);
+			}
+
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(button);
+			if (if_block0) if_block0.d();
+			if (if_block1) if_block1.d();
+			if (detaching) detach(t1);
+			if (detaching) detach(ul);
+			destroy_each(each_blocks, detaching);
+			/*ul_binding*/ ctx[11](null);
+		}
+	};
+}
+
+const mediumIconStyle = 'width: 24px; height: 24px;';
+
+function generateIcon(iconname) {
+	return `${iconname} size="2rem"`;
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let $isSidebarOpen;
+	let $selectedFeature;
+	component_subscribe($$self, isSidebarOpen, $$value => $$invalidate(3, $isSidebarOpen = $$value));
+	component_subscribe($$self, selectedFeature, $$value => $$invalidate(8, $selectedFeature = $$value));
+	let { featureGroup } = $$props;
+	let { expand } = $$props;
+	let { a11yLabels } = $$props;
+	let eventHandler = new EventHandler();
+	let content;
+	let isSelected = false;
+	let label;
+
+	function updateSelection(isExpanded, isOpen, group, selection) {
+		var _a, _b;
+
+		$$invalidate(5, isSelected = (_b = (selection === null || selection === void 0
+		? void 0
+		: selection.lv0) && group.code === ((_a = selection === null || selection === void 0
+		? void 0
+		: selection.lv0) === null || _a === void 0
+		? void 0
+		: _a.code) && (!selection.lv1 || !isExpanded || !isOpen)) !== null && _b !== void 0
+		? _b
+		: false);
+	}
+
+	function updateContentCSS(isExpanded, isOpen) {
+		if (content) {
+			$$invalidate(4, content.style.height = '', content);
+			$$invalidate(4, content.style.transition = 'none', content);
+			const startHeight = window.getComputedStyle(content).height;
+			content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');
+			content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');
+			const height = window.getComputedStyle(content).height;
+			$$invalidate(4, content.style.height = startHeight, content);
+
+			requestAnimationFrame(() => {
+				$$invalidate(4, content.style.transition = '', content);
+
+				requestAnimationFrame(() => {
+					$$invalidate(4, content.style.height = height, content);
+				});
+			});
+
+			const handler = () => {
+				$$invalidate(4, content.style.height = '', content);
+				content.removeEventListener('transitionend', handler);
+			};
+
+			content.addEventListener('transitionend', handler);
+		}
+	}
+
+	function handleClick(feature) {
+		var _a;
+
+		if (!feature.disabled) {
+			if ((_a = feature.items) === null || _a === void 0
+			? void 0
+			: _a.length) {
+				eventHandler.dispatch('feature-click', feature);
+			} else {
+				selectFeature(feature.code);
+			}
+		}
+	}
+
+	function span_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			label = $$value;
+			$$invalidate(6, label);
+		});
+	}
+
+	const click_handler = feature => handleClick(feature);
+
+	function ul_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			content = $$value;
+			$$invalidate(4, content);
+		});
+	}
+
+	$$self.$$set = $$props => {
+		if ('featureGroup' in $$props) $$invalidate(0, featureGroup = $$props.featureGroup);
+		if ('expand' in $$props) $$invalidate(1, expand = $$props.expand);
+		if ('a11yLabels' in $$props) $$invalidate(2, a11yLabels = $$props.a11yLabels);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*expand, $isSidebarOpen, featureGroup, $selectedFeature*/ 267) {
+			updateSelection(expand, $isSidebarOpen, featureGroup, $selectedFeature);
+		}
+
+		if ($$self.$$.dirty & /*expand, $isSidebarOpen*/ 10) {
+			updateContentCSS(expand, $isSidebarOpen);
+		}
+	};
+
+	return [
+		featureGroup,
+		expand,
+		a11yLabels,
+		$isSidebarOpen,
+		content,
+		isSelected,
+		label,
+		handleClick,
+		$selectedFeature,
+		span_binding,
+		click_handler,
+		ul_binding
+	];
+}
+
+class Sidebar_feature_group_nested extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				featureGroup: 0,
+				expand: 1,
+				a11yLabels: 2
+			},
+			add_css
+		);
+	}
+}
+
+export { Sidebar_feature_group_nested as default };
 //# sourceMappingURL=sidebar-feature-group.nested.js.map

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

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