@mozaic-ds/web-components 0.5.0 → 0.6.1

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from './sidebar-service';\n\n  export let data: Segment;\n\n  const mediumIconStyle =\n    'width: 24px; height: 24px; fill: ${$color-sidebar-icon};';\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"2rem\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    aria-label={data.label}\n    class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n      ? 'is-selected'\n      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    href={data.href ?? 'javascript:void(null)'}\n    id={data.code}\n    on:click={handleClick}\n  >\n    <div class=\"mc-sidebar-segment__container\">\n      {#if data.icon}\n        {@html `<${generateIcon(\n          data.icon,\n        )} class=\"mc-sidebar-segment__icon\" style=\"${mediumIconStyle}\" />`}\n      {/if}\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-segment {\n    cursor: pointer;\n    flex: 0;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    display: flex;\n    overflow: hidden;\n    min-height: 40px;\n\n    span {\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    svg {\n      fill: $color-sidebar-icon;\n    }\n\n    &__text {\n      margin-left: 10px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    :last-child {\n      margin-left: 10px;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-segment__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from './sidebar-service';\n\n  export let data: Segment;\n\n  const mediumIconStyle =\n    'width: 24px; height: 24px; fill: ${$color-sidebar-icon};';\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"2rem\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    aria-label={data.label}\n    class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n      ? 'is-selected'\n      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    href={data.href ?? 'javascript:void(null)'}\n    id={data.code}\n    on:click={handleClick}\n  >\n    <div class=\"mc-sidebar-segment__container\">\n      {#if data.icon}\n        {@html `<${generateIcon(\n          data.icon,\n        )} class=\"mc-sidebar-segment__icon\" style=\"${mediumIconStyle}\" />`}\n      {/if}\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-segment {\n    cursor: pointer;\n    flex: 0;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    display: flex;\n    overflow: hidden;\n    min-height: 40px;\n\n    span {\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    svg {\n      fill: $color-sidebar-icon;\n    }\n\n    &__text {\n      margin-left: 10px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    :last-child {\n      margin-left: 10px;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-segment__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":["t1_value","ctx","label","if_block","icon","create_if_block_1","attr","a","a_aria_label_value","a_class_value","code","lv0","href","a_id_value","insert","target","anchor","append","div","span","dirty","set_data","t1","raw_value","generateIcon","mediumIconStyle","html_tag","p","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"4hEAyCSA,EAAAC,KAAKC,MAAK,GANRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAKMA,EAAc,qHAdxBK,EAAAC,EAAA,aAAAC,EAAAP,KAAKC,OACUI,EAAAC,EAAA,QAAAE,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,+BAC1CA,EAAI,GAACW,MAAQ,yBACfN,EAAAC,EAAA,KAAAM,EAAAZ,KAAKS,cANXI,EAmBGC,EAAAR,EAAAS,GAVDC,EASKV,EAAAW,yBAHHD,EAEMC,EAAAC,4BAVElB,EAAW,kBAGdA,KAAKG,2DAMP,EAAAgB,GAAApB,KAAAA,EAAAC,KAAKC,MAAK,KAAAmB,EAAAC,EAAAtB,gBADOC,EAAc,0BAdxB,EAAAmB,GAAAZ,KAAAA,EAAAP,KAAKC,4BACU,EAAAkB,GAAAX,KAAAA,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,8CAC1CA,EAAI,GAACW,MAAQ,wCACf,EAAAQ,GAAAP,KAAAA,EAAAZ,KAAKS,2EAKMa,EAAA,IAAAC,EACTvB,EAAK,GAAAG,iDACsCqB,+EAFlC,EAAAL,GAAAG,KAAAA,EAAA,IAAAC,EACTvB,EAAK,GAAAG,iDACsCqB,UAAeC,EAAAC,EAAAJ,kDAd/DtB,EAAI,IAAA2B,EAAA3B,oEAAJA,EAAI,sGAZD,MAAAwB,EACJ,2DAEO,SAAAD,EAAaK,YACVA,6FANDC,GAAaC,kEAUtBC,EAAcF,EAAKpB"}

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

@@ -1,50 +1,2 @@
-import { P as SvelteComponent, i as init, s as safe_not_equal, Q as append_styles, e as element, g as attr, b as insert, n as noop, o as detach, ab as component_subscribe } from '../../index-c33b3772.js';
-import { i as isSidebarOpen } from '../../sidebar-service-275bf9ef.js';
-
-/* src/components/sidebar/sidebar-separator.nested.svelte generated by Svelte v3.58.0 */
-
-function add_css(target) {
-	append_styles(target, "svelte-1f4eefa", ".mc-sidebar-separator.svelte-1f4eefa{border-bottom:1px solid #b3b3b3;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-sidebar-separator.is-close.svelte-1f4eefa{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 0}.mc-sidebar-separator.is-open.svelte-1f4eefa{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 32px}");
-}
-
-function create_fragment(ctx) {
-	let span;
-	let span_class_value;
-
-	return {
-		c() {
-			span = element("span");
-			attr(span, "role", "separator");
-			attr(span, "class", span_class_value = "mc-sidebar-separator " + (/*$isSidebarOpen*/ ctx[0] ? 'is-open' : 'is-close') + " svelte-1f4eefa");
-		},
-		m(target, anchor) {
-			insert(target, span, anchor);
-		},
-		p(ctx, [dirty]) {
-			if (dirty & /*$isSidebarOpen*/ 1 && span_class_value !== (span_class_value = "mc-sidebar-separator " + (/*$isSidebarOpen*/ ctx[0] ? 'is-open' : 'is-close') + " svelte-1f4eefa")) {
-				attr(span, "class", span_class_value);
-			}
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(span);
-		}
-	};
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let $isSidebarOpen;
-	component_subscribe($$self, isSidebarOpen, $$value => $$invalidate(0, $isSidebarOpen = $$value));
-	return [$isSidebarOpen];
-}
-
-class Sidebar_separator_nested extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance, create_fragment, safe_not_equal, {}, add_css);
-	}
-}
-
-export { Sidebar_separator_nested as default };
+import{P as s,i as e,s as a,Q as i,e as t,g as r,b as o,n,o as m,ab as f}from"../../index-c33b3772.js";import{i as l}from"../../sidebar-service-275bf9ef.js";function p(s){i(s,"svelte-1f4eefa",".mc-sidebar-separator.svelte-1f4eefa{border-bottom:1px solid #b3b3b3;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-sidebar-separator.is-close.svelte-1f4eefa{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 0}.mc-sidebar-separator.is-open.svelte-1f4eefa{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 32px}")}function b(s){let e,a;return{c(){e=t("span"),r(e,"role","separator"),r(e,"class",a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-1f4eefa")},m(s,a){o(s,e,a)},p(s,[i]){1&i&&a!==(a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-1f4eefa")&&r(e,"class",a)},i:n,o:n,d(s){s&&m(e)}}}function c(s,e,a){let i;return f(s,l,(s=>a(0,i=s))),[i]}class d extends s{constructor(s){super(),e(this,s,c,b,a,{},p)}}export{d as default};
 //# sourceMappingURL=sidebar-separator.nested.js.map

package/public/components/sidebar/sidebar-separator.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-separator.nested.js","sources":["../../../src/components/sidebar/sidebar-separator.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import { isSidebarOpen } from './sidebar-service';\n</script>\n\n<span\n  role=\"separator\"\n  class=\"mc-sidebar-separator {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n/>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-separator {\n    border-bottom: 1px solid $color-sidebar-divider-background;\n    display: flex;\n\n    &.is-close {\n      @include transition(margin 300ms ease-in-out);\n      margin: 24px 0;\n    }\n\n    &.is-open {\n      @include transition(margin 300ms ease-in-out);\n      margin: 24px 32px;\n    }\n  }\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;wFAQ+B,GAAc,CAAA,CAAA,CAAA,GAAG,SAAS,GAAG,UAAU,CAAA,GAAA,iBAAA,CAAA,CAAA;;;GAFtE,MAGC,CAAA,MAAA,EAAA,IAAA,EAAA,MAAA,CAAA,CAAA;;;8HAD8B,GAAc,CAAA,CAAA,CAAA,GAAG,SAAS,GAAG,UAAU,CAAA,GAAA,iBAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"sidebar-separator.nested.js","sources":["../../../src/components/sidebar/sidebar-separator.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import { isSidebarOpen } from './sidebar-service';\n</script>\n\n<span\n  role=\"separator\"\n  class=\"mc-sidebar-separator {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n/>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-separator {\n    border-bottom: 1px solid $color-sidebar-divider-background;\n    display: flex;\n\n    &.is-close {\n      @include transition(margin 300ms ease-in-out);\n      margin: 24px 0;\n    }\n\n    &.is-open {\n      @include transition(margin 300ms ease-in-out);\n      margin: 24px 32px;\n    }\n  }\n</style>\n"],"names":["ctx","insert","target","span","anchor"],"mappings":"kxBAQ+BA,EAAc,GAAG,UAAY,YAAU,2BAFtEC,EAGCC,EAAAC,EAAAC,kDAD8BJ,EAAc,GAAG,UAAY,YAAU"}

package/public/components/sidebar/sidebar-sub-features.nested.js

@@ -1,313 +1,2 @@
-import { P as SvelteComponent, i as init, s as safe_not_equal, Q as append_styles, e as element, T as svg_element, d as space, t as text, g as attr, b as insert, j as append, l as listen, k as set_data, C as transition_in, D as transition_out, E as check_outros, o as detach, M as group_outros, J as destroy_each, x as create_component, A as mount_component, I as stop_propagation, G as destroy_component } from '../../index-c33b3772.js';
-import { a as selectFeature } from '../../sidebar-service-275bf9ef.js';
-import Sidebar_feature_nested from './sidebar-feature.nested.js';
-import { E as EventHandler } from '../../EventHandler-02058705.js';
-
-/* src/components/sidebar/sidebar-sub-features.nested.svelte generated by Svelte v3.58.0 */
-
-function add_css(target) {
-	append_styles(target, "svelte-11k47sc", ".mc-sidebar-sub-feature.svelte-11k47sc.svelte-11k47sc{width:320px}.mc-sidebar-sub-feature__trigger.svelte-11k47sc.svelte-11k47sc{background:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;font-size:inherit;font-family:inherit;width:100%;padding:0px 32px}.mc-sidebar-sub-feature__trigger__label.svelte-11k47sc.svelte-11k47sc{font-size:16px;font-weight:700;margin-left:8px;color:#191919}.mc-sidebar-sub-feature__trigger.svelte-11k47sc.svelte-11k47sc:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-sub-feature__trigger.svelte-11k47sc:focus-visible .mc-sidebar-sub-feature__container.svelte-11k47sc{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-sub-feature__icon.svelte-11k47sc.svelte-11k47sc{fill:#191919}.mc-sidebar-sub-feature__container.svelte-11k47sc.svelte-11k47sc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:24px;padding:8px 0px}.mc-sidebar-sub-feature.svelte-11k47sc ul.svelte-11k47sc{list-style:none;margin:0;padding:0}");
-}
-
-function get_each_context(ctx, list, i) {
-	const child_ctx = ctx.slice();
-	child_ctx[6] = list[i];
-	return child_ctx;
-}
-
-// (34:2) {#if data?.items?.length}
-function create_if_block(ctx) {
-	let ul;
-	let current;
-	let each_value = /*data*/ 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() {
-			ul = element("ul");
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].c();
-			}
-
-			attr(ul, "class", "svelte-11k47sc");
-		},
-		m(target, anchor) {
-			insert(target, ul, anchor);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				if (each_blocks[i]) {
-					each_blocks[i].m(ul, null);
-				}
-			}
-
-			current = true;
-		},
-		p(ctx, dirty) {
-			if (dirty & /*handleFeatureClick, data, a11yLabels*/ 11) {
-				each_value = /*data*/ 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();
-			}
-		},
-		i(local) {
-			if (current) return;
-
-			for (let i = 0; i < each_value.length; i += 1) {
-				transition_in(each_blocks[i]);
-			}
-
-			current = true;
-		},
-		o(local) {
-			each_blocks = each_blocks.filter(Boolean);
-
-			for (let i = 0; i < each_blocks.length; i += 1) {
-				transition_out(each_blocks[i]);
-			}
-
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(ul);
-			destroy_each(each_blocks, detaching);
-		}
-	};
-}
-
-// (36:6) {#each data?.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[6],
-				a11yLabels: /*a11yLabels*/ ctx[1]
-			}
-		});
-
-	function click_handler() {
-		return /*click_handler*/ ctx[4](/*feature*/ ctx[6]);
-	}
-
-	return {
-		c() {
-			li = element("li");
-			create_component(featurecomponent.$$.fragment);
-			t = space();
-			attr(li, "class", "mc-sidebar-sub-feature__item");
-		},
-		m(target, anchor) {
-			insert(target, li, anchor);
-			mount_component(featurecomponent, li, null);
-			append(li, t);
-			current = true;
-
-			if (!mounted) {
-				dispose = listen(li, "click", stop_propagation(click_handler));
-				mounted = true;
-			}
-		},
-		p(new_ctx, dirty) {
-			ctx = new_ctx;
-			const featurecomponent_changes = {};
-			if (dirty & /*data*/ 1) featurecomponent_changes.feature = /*feature*/ ctx[6];
-			if (dirty & /*a11yLabels*/ 2) featurecomponent_changes.a11yLabels = /*a11yLabels*/ ctx[1];
-			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 div;
-	let button;
-	let span1;
-	let svg;
-	let path0;
-	let path1;
-	let t0;
-	let span0;
-	let t1_value = /*data*/ ctx[0]?.label + "";
-	let t1;
-	let t2;
-	let div_aria_label_value;
-	let current;
-	let mounted;
-	let dispose;
-	let if_block = /*data*/ ctx[0]?.items?.length && create_if_block(ctx);
-
-	return {
-		c() {
-			div = element("div");
-			button = element("button");
-			span1 = element("span");
-			svg = svg_element("svg");
-			path0 = svg_element("path");
-			path1 = svg_element("path");
-			t0 = space();
-			span0 = element("span");
-			t1 = text(t1_value);
-			t2 = space();
-			if (if_block) if_block.c();
-			attr(path0, "d", "M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z");
-			attr(path1, "d", "M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z");
-			attr(svg, "class", "mc-sidebar-sub-feature__icon svelte-11k47sc");
-			attr(svg, "width", "24px");
-			attr(svg, "height", "24px");
-			attr(svg, "viewBox", "0 0 24 24");
-			attr(span0, "class", "mc-sidebar-sub-feature__trigger__label svelte-11k47sc");
-			attr(span1, "class", "mc-sidebar-sub-feature__container svelte-11k47sc");
-			attr(button, "class", "mc-sidebar-sub-feature__trigger svelte-11k47sc");
-			attr(div, "class", "mc-sidebar-sub-feature svelte-11k47sc");
-			attr(div, "aria-label", div_aria_label_value = /*data*/ ctx[0]?.label);
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			append(div, button);
-			append(button, span1);
-			append(span1, svg);
-			append(svg, path0);
-			append(svg, path1);
-			append(span1, t0);
-			append(span1, span0);
-			append(span0, t1);
-			append(div, t2);
-			if (if_block) if_block.m(div, null);
-			current = true;
-
-			if (!mounted) {
-				dispose = listen(button, "click", /*handleBackClick*/ ctx[2]);
-				mounted = true;
-			}
-		},
-		p(ctx, [dirty]) {
-			if ((!current || dirty & /*data*/ 1) && t1_value !== (t1_value = /*data*/ ctx[0]?.label + "")) set_data(t1, t1_value);
-
-			if (/*data*/ ctx[0]?.items?.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(div, null);
-				}
-			} else if (if_block) {
-				group_outros();
-
-				transition_out(if_block, 1, 1, () => {
-					if_block = null;
-				});
-
-				check_outros();
-			}
-
-			if (!current || dirty & /*data*/ 1 && div_aria_label_value !== (div_aria_label_value = /*data*/ ctx[0]?.label)) {
-				attr(div, "aria-label", div_aria_label_value);
-			}
-		},
-		i(local) {
-			if (current) return;
-			transition_in(if_block);
-			current = true;
-		},
-		o(local) {
-			transition_out(if_block);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			if (if_block) if_block.d();
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let { data } = $$props;
-	let { a11yLabels } = $$props;
-	let eventHandler = new EventHandler();
-
-	function handleBackClick() {
-		eventHandler.dispatch('back-click', data);
-	}
-
-	function handleFeatureClick(feature) {
-		if (!feature.disabled) {
-			selectFeature(feature.code);
-		}
-	}
-
-	const click_handler = feature => handleFeatureClick(feature);
-
-	$$self.$$set = $$props => {
-		if ('data' in $$props) $$invalidate(0, data = $$props.data);
-		if ('a11yLabels' in $$props) $$invalidate(1, a11yLabels = $$props.a11yLabels);
-	};
-
-	return [data, a11yLabels, handleBackClick, handleFeatureClick, click_handler];
-}
-
-class Sidebar_sub_features_nested extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance, create_fragment, safe_not_equal, { data: 0, a11yLabels: 1 }, add_css);
-	}
-}
-
-export { Sidebar_sub_features_nested as default };
+import{P as e,i as s,s as t,Q as a,e as l,T as i,d as n,t as r,g as c,b as o,j as b,l as u,k as d,C as f,D as m,E as g,o as p,M as k,J as x,x as v,A as h,I as _,G as w}from"../../index-c33b3772.js";import{a as y}from"../../sidebar-service-275bf9ef.js";import $ from"./sidebar-feature.nested.js";import{E as L}from"../../EventHandler-02058705.js";function j(e){a(e,"svelte-11k47sc",".mc-sidebar-sub-feature.svelte-11k47sc.svelte-11k47sc{width:320px}.mc-sidebar-sub-feature__trigger.svelte-11k47sc.svelte-11k47sc{background:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;font-size:inherit;font-family:inherit;width:100%;padding:0px 32px}.mc-sidebar-sub-feature__trigger__label.svelte-11k47sc.svelte-11k47sc{font-size:16px;font-weight:700;margin-left:8px;color:#191919}.mc-sidebar-sub-feature__trigger.svelte-11k47sc.svelte-11k47sc:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-sub-feature__trigger.svelte-11k47sc:focus-visible .mc-sidebar-sub-feature__container.svelte-11k47sc{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-sub-feature__icon.svelte-11k47sc.svelte-11k47sc{fill:#191919}.mc-sidebar-sub-feature__container.svelte-11k47sc.svelte-11k47sc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:24px;padding:8px 0px}.mc-sidebar-sub-feature.svelte-11k47sc ul.svelte-11k47sc{list-style:none;margin:0;padding:0}")}function z(e,s,t){const a=e.slice();return a[6]=s[t],a}function E(e){let s,t,a=e[0]?.items,i=[];for(let s=0;s<a.length;s+=1)i[s]=H(z(e,a,s));const n=e=>m(i[e],1,1,(()=>{i[e]=null}));return{c(){s=l("ul");for(let e=0;e<i.length;e+=1)i[e].c();c(s,"class","svelte-11k47sc")},m(e,a){o(e,s,a);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null);t=!0},p(e,t){if(11&t){let l;for(a=e[0]?.items,l=0;l<a.length;l+=1){const n=z(e,a,l);i[l]?(i[l].p(n,t),f(i[l],1)):(i[l]=H(n),i[l].c(),f(i[l],1),i[l].m(s,null))}for(k(),l=a.length;l<i.length;l+=1)n(l);g()}},i(e){if(!t){for(let e=0;e<a.length;e+=1)f(i[e]);t=!0}},o(e){i=i.filter(Boolean);for(let e=0;e<i.length;e+=1)m(i[e]);t=!1},d(e){e&&p(s),x(i,e)}}}function H(e){let s,t,a,i,r,d;function g(){return e[4](e[6])}return t=new $({props:{feature:e[6],a11yLabels:e[1]}}),{c(){s=l("li"),v(t.$$.fragment),a=n(),c(s,"class","mc-sidebar-sub-feature__item")},m(e,l){o(e,s,l),h(t,s,null),b(s,a),i=!0,r||(d=u(s,"click",_(g)),r=!0)},p(s,a){e=s;const l={};1&a&&(l.feature=e[6]),2&a&&(l.a11yLabels=e[1]),t.$set(l)},i(e){i||(f(t.$$.fragment,e),i=!0)},o(e){m(t.$$.fragment,e),i=!1},d(e){e&&p(s),w(t),r=!1,d()}}}function M(e){let s,t,a,x,v,h,_,w,y,$,L,j,z,H,M=e[0]?.label+"",A=e[0]?.items?.length&&E(e);return{c(){s=l("div"),t=l("button"),a=l("span"),x=i("svg"),v=i("path"),h=i("path"),_=n(),w=l("span"),y=r(M),$=n(),A&&A.c(),c(v,"d","M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z"),c(h,"d","M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z"),c(x,"class","mc-sidebar-sub-feature__icon svelte-11k47sc"),c(x,"width","24px"),c(x,"height","24px"),c(x,"viewBox","0 0 24 24"),c(w,"class","mc-sidebar-sub-feature__trigger__label svelte-11k47sc"),c(a,"class","mc-sidebar-sub-feature__container svelte-11k47sc"),c(t,"class","mc-sidebar-sub-feature__trigger svelte-11k47sc"),c(s,"class","mc-sidebar-sub-feature svelte-11k47sc"),c(s,"aria-label",L=e[0]?.label)},m(l,i){o(l,s,i),b(s,t),b(t,a),b(a,x),b(x,v),b(x,h),b(a,_),b(a,w),b(w,y),b(s,$),A&&A.m(s,null),j=!0,z||(H=u(t,"click",e[2]),z=!0)},p(e,[t]){(!j||1&t)&&M!==(M=e[0]?.label+"")&&d(y,M),e[0]?.items?.length?A?(A.p(e,t),1&t&&f(A,1)):(A=E(e),A.c(),f(A,1),A.m(s,null)):A&&(k(),m(A,1,1,(()=>{A=null})),g()),(!j||1&t&&L!==(L=e[0]?.label))&&c(s,"aria-label",L)},i(e){j||(f(A),j=!0)},o(e){m(A),j=!1},d(e){e&&p(s),A&&A.d(),z=!1,H()}}}function A(e,s,t){let{data:a}=s,{a11yLabels:l}=s,i=new L;function n(e){e.disabled||y(e.code)}return e.$$set=e=>{"data"in e&&t(0,a=e.data),"a11yLabels"in e&&t(1,l=e.a11yLabels)},[a,l,function(){i.dispatch("back-click",a)},n,e=>n(e)]}class B extends e{constructor(e){super(),s(this,e,A,M,t,{data:0,a11yLabels:1},j)}}export{B as default};
 //# sourceMappingURL=sidebar-sub-features.nested.js.map

package/public/components/sidebar/sidebar-sub-features.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-sub-features.nested.js","sources":["../../../src/components/sidebar/sidebar-sub-features.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import { selectFeature } from './sidebar-service';\n  import type { A11yLabels, Feature } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let data: Feature;\n  export let a11yLabels: A11yLabels;\n\n  let eventHandler = new EventHandler();\n\n  function handleBackClick(): void {\n    eventHandler.dispatch('back-click', data);\n  }\n\n  function handleFeatureClick(feature: Feature): void {\n    if (!feature.disabled) {\n      selectFeature(feature.code);\n    }\n  }\n</script>\n\n<div class=\"mc-sidebar-sub-feature\" aria-label={data?.label}>\n  <button class=\"mc-sidebar-sub-feature__trigger\" on:click={handleBackClick}>\n    <span class=\"mc-sidebar-sub-feature__container\">\n      <svg\n        class=\"mc-sidebar-sub-feature__icon\"\n        width=\"24px\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        ><path\n          d=\"M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z\"\n        /><path d=\"M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z\" /></svg\n      >\n      <span class=\"mc-sidebar-sub-feature__trigger__label\">{data?.label}</span>\n    </span>\n  </button>\n  {#if data?.items?.length}\n    <ul>\n      {#each data?.items as feature}\n        <li\n          class=\"mc-sidebar-sub-feature__item\"\n          on:click|stopPropagation={() => handleFeatureClick(feature)}\n        >\n          <FeatureComponent {feature} {a11yLabels} />\n        </li>\n      {/each}\n    </ul>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-sub-feature {\n    width: 320px;\n\n    &__trigger {\n      background: none;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      font-family: inherit;\n      width: 100%;\n      padding: 0px 32px;\n\n      &__label {\n        font-size: 16px;\n        font-weight: 700;\n        margin-left: 8px;\n        color: $color-sidebar-text-color;\n      }\n\n      &:focus-visible {\n        box-shadow: none;\n        border: none;\n        outline: none;\n\n        .mc-sidebar-sub-feature__container {\n          box-shadow: none;\n          border: none;\n          border-radius: 6px;\n          outline: 1px solid #0b96cc;\n        }\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      height: 24px;\n      padding: 8px 0px;\n    }\n\n    ul {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyCa,CAAA,IAAA,UAAA,YAAA,GAAI,KAAE,KAAK,CAAA;;;gCAAhB,MAAI,EAAA,CAAA,IAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;GADR,MASI,CAAA,MAAA,EAAA,EAAA,EAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;AARK,IAAA,UAAA,YAAA,GAAI,KAAE,KAAK,CAAA;;;+BAAhB,MAAI,EAAA,CAAA,IAAA,CAAA,EAAA;;;;;;;;;;;;;;;;wBAAJ,MAAI,EAAA,CAAA,GAAA,WAAA,CAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA;;;;;;;;;;kCAAJ,MAAI,EAAA,CAAA,IAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GACJ,MAKI,CAAA,MAAA,EAAA,EAAA,EAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAXgD,CAAA,IAAA,QAAA,YAAA,GAAI,KAAE,KAAK,GAAA,EAAA,CAAA;;;;;;;yBAGhE,GAAI,CAAA,CAAA,CAAA,EAAE,KAAK,EAAE,MAAM,IAAA,eAAA,CAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;AAfsB,GAAA,IAAA,CAAA,GAAA,EAAA,YAAA,EAAA,oBAAA,YAAA,GAAI,KAAE,KAAK,CAAA,CAAA;;;GAA3D,MA2BK,CAAA,MAAA,EAAA,GAAA,EAAA,MAAA,CAAA,CAAA;GA1BH,MAaQ,CAAA,GAAA,EAAA,MAAA,CAAA,CAAA;GAZN,MAWM,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA;GAVJ,MAQA,CAAA,KAAA,EAAA,GAAA,CAAA,CAAA;GAHG,MAEC,CAAA,GAAA,EAAA,KAAA,CAAA,CAAA;GAAA,MAAoD,CAAA,GAAA,EAAA,KAAA,CAAA,CAAA;;GAExD,MAAwE,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;;;;;;;0DAXlB,GAAe,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;AAWf,GAAA,IAAA,CAAA,CAAA,OAAA,IAAA,KAAA,YAAA,CAAA,KAAA,QAAA,MAAA,QAAA,YAAA,GAAI,KAAE,KAAK,GAAA,EAAA,CAAA,EAAA,QAAA,CAAA,EAAA,EAAA,QAAA,CAAA,CAAA;;gBAGhE,GAAI,CAAA,CAAA,CAAA,EAAE,KAAK,EAAE,MAAM,EAAA;;;;;;;;;;;;;;;;;;;;;;;AAfsB,GAAA,IAAA,CAAA,OAAA,IAAA,KAAA,YAAA,CAAA,IAAA,oBAAA,MAAA,oBAAA,YAAA,GAAI,KAAE,KAAK,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;OAhB9C,IAAa,EAAA,GAAA,OAAA,CAAA;OACb,UAAsB,EAAA,GAAA,OAAA,CAAA;AAE7B,CAAA,IAAA,YAAY,OAAO,YAAY,EAAA,CAAA;;UAE1B,eAAe,GAAA;AACtB,EAAA,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE,IAAI,CAAA,CAAA;;;AAGjC,CAAA,SAAA,kBAAkB,CAAC,OAAgB,EAAA;AACrC,EAAA,IAAA,CAAA,OAAO,CAAC,QAAQ,EAAA;GACnB,aAAa,CAAC,OAAO,CAAC,IAAI,CAAA,CAAA;;;;AAyBU,CAAA,MAAA,aAAA,GAAA,OAAA,IAAA,kBAAkB,CAAC,OAAO,CAAA,CAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"sidebar-sub-features.nested.js","sources":["../../../src/components/sidebar/sidebar-sub-features.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import { selectFeature } from './sidebar-service';\n  import type { A11yLabels, Feature } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let data: Feature;\n  export let a11yLabels: A11yLabels;\n\n  let eventHandler = new EventHandler();\n\n  function handleBackClick(): void {\n    eventHandler.dispatch('back-click', data);\n  }\n\n  function handleFeatureClick(feature: Feature): void {\n    if (!feature.disabled) {\n      selectFeature(feature.code);\n    }\n  }\n</script>\n\n<div class=\"mc-sidebar-sub-feature\" aria-label={data?.label}>\n  <button class=\"mc-sidebar-sub-feature__trigger\" on:click={handleBackClick}>\n    <span class=\"mc-sidebar-sub-feature__container\">\n      <svg\n        class=\"mc-sidebar-sub-feature__icon\"\n        width=\"24px\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        ><path\n          d=\"M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z\"\n        /><path d=\"M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z\" /></svg\n      >\n      <span class=\"mc-sidebar-sub-feature__trigger__label\">{data?.label}</span>\n    </span>\n  </button>\n  {#if data?.items?.length}\n    <ul>\n      {#each data?.items as feature}\n        <li\n          class=\"mc-sidebar-sub-feature__item\"\n          on:click|stopPropagation={() => handleFeatureClick(feature)}\n        >\n          <FeatureComponent {feature} {a11yLabels} />\n        </li>\n      {/each}\n    </ul>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-sub-feature {\n    width: 320px;\n\n    &__trigger {\n      background: none;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      font-family: inherit;\n      width: 100%;\n      padding: 0px 32px;\n\n      &__label {\n        font-size: 16px;\n        font-weight: 700;\n        margin-left: 8px;\n        color: $color-sidebar-text-color;\n      }\n\n      &:focus-visible {\n        box-shadow: none;\n        border: none;\n        outline: none;\n\n        .mc-sidebar-sub-feature__container {\n          box-shadow: none;\n          border: none;\n          border-radius: 6px;\n          outline: 1px solid #0b96cc;\n        }\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      height: 24px;\n      padding: 8px 0px;\n    }\n\n    ul {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n</style>\n"],"names":["each_value","ctx","items","length","i","insert","target","ul","anchor","each_blocks","li","t1_value","label","create_if_block","attr","div","div_aria_label_value","append","button","span1","svg","path0","path1","span0","current","dirty","set_data","t1","data","$$props","a11yLabels","eventHandler","EventHandler","handleFeatureClick","feature","disabled","selectFeature","code","dispatch"],"mappings":"ymDAyCaA,EAAAC,MAAMC,2BAAXC,OAAIC,GAAA,4JADRC,EASIC,EAAAC,EAAAC,oFARKR,EAAAC,MAAMC,cAAXC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAK,EAAAN,OAAAC,GAAA,yCAAJD,OAAIC,GAAA,wTACJC,EAKIC,EAAAI,EAAAF,sRAXgDG,EAAAV,MAAMW,MAAK,KAGhEX,EAAI,IAAEC,OAAOC,QAAMU,EAAAZ,kqBAfsBa,EAAAC,EAAA,aAAAC,EAAAf,MAAMW,eAAtDP,EA2BKC,EAAAS,EAAAP,GA1BHS,EAaQF,EAAAG,GAZND,EAWMC,EAAAC,GAVJF,EAQAE,EAAAC,GAHGH,EAECG,EAAAC,GAAAJ,EAAoDG,EAAAE,UAExDL,EAAwEE,EAAAI,uDAXlBtB,EAAe,sBAWfuB,GAAA,EAAAC,IAAAd,KAAAA,EAAAV,MAAMW,MAAK,KAAAc,EAAAC,EAAAhB,GAGhEV,EAAI,IAAEC,OAAOC,yGAf4BqB,GAAA,EAAAC,GAAAT,KAAAA,EAAAf,MAAMW,+HAhBzCgB,GAAaC,cACbC,GAAsBD,EAE7BE,MAAmBC,EAMd,SAAAC,EAAmBC,GACrBA,EAAQC,UACXC,EAAcF,EAAQG,0GALxBN,EAAaO,SAAS,aAAcV,MA8BEM,GAAAD,EAAmBC"}