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

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  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=\"1.5rem\"`;\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\" />`}\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":["generateIcon","ctx","icon","html_tag","p","raw_value","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","insert","target","span","anchor","dirty","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  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=\"1.5rem\"`;\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\" />`}\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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"}

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

@@ -1,2 +1,403 @@
-import{P as e,i as a,s as t,Q as i,K as s,b as l,n,o as d,ab as o,v as r,e as c,T as b,d as p,t as u,g as h,j as v,k as f}from"../../index-c33b3772.js";import{i as m,s as x}from"../../sidebar-service-275bf9ef.js";function _(e){i(e,"svelte-1hca6n9",".mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9{font-size:16px;min-width:200px;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#191919;line-height:22px;overflow:hidden}.mc-sidebar-feature__container.svelte-1hca6n9.svelte-1hca6n9{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding-top:8px;padding-bottom:8px}.mc-sidebar-feature__container.svelte-1hca6n9 span.svelte-1hca6n9{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-1hca6n9.svelte-1hca6n9{fill:#191919}.mc-sidebar-feature__icon-disabled.svelte-1hca6n9.svelte-1hca6n9{fill:#6a7081}.mc-sidebar-feature__label.svelte-1hca6n9.svelte-1hca6n9{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-sidebar-feature__label__tooltip.svelte-1hca6n9.svelte-1hca6n9{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-sidebar-feature__label__tooltip__pointer.svelte-1hca6n9.svelte-1hca6n9{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 #191919}.mc-sidebar-feature__label__tooltip__pointer.svelte-1hca6n9 div.svelte-1hca6n9{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-sidebar-feature__label.svelte-1hca6n9:hover+.mc-sidebar-feature__label__tooltip.svelte-1hca6n9{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-1hca6n9.svelte-1hca6n9{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-1hca6n9.svelte-1hca6n9{background:#cfd2d8}.mc-sidebar-feature.is-close.svelte-1hca6n9.svelte-1hca6n9{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-1hca6n9 .mc-sidebar-feature__container.svelte-1hca6n9{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:20px;width:24px}.mc-sidebar-feature.is-open.svelte-1hca6n9.svelte-1hca6n9{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-1hca6n9 .mc-sidebar-feature__container.svelte-1hca6n9{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-1hca6n9.svelte-1hca6n9{color:#6a7081;fill:#6a7081}.mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9:hover{background:#b3b7c1}.mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-1hca6n9:focus-visible .mc-sidebar-feature__container.svelte-1hca6n9{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function g(e){let a,t,i,s,n,o,r,m,x,_,g,w,k,y,$=e[0].label+"";return{c(){a=c("span"),t=c("div"),i=b("svg"),s=b("g"),n=b("path"),o=b("defs"),r=b("clipPath"),m=b("path"),x=p(),_=c("span"),g=u($),h(n,"fill-rule","evenodd"),h(n,"d","M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z"),h(s,"clip-path","url(#a)"),h(m,"d","M0 0h16v16H0z"),h(r,"id","a"),h(i,"class","mc-sidebar-feature__icon-disabled svelte-1hca6n9"),h(i,"width","16px"),h(i,"height","16px"),h(i,"viewBox","0 0 16 16"),h(_,"class","svelte-1hca6n9"),h(t,"class","mc-sidebar-feature__container svelte-1hca6n9"),h(a,"aria-label",w=e[0].label),h(a,"aria-disabled","true"),h(a,"class",k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-1hca6n9"),h(a,"id",y=e[0].code)},m(e,d){l(e,a,d),v(a,t),v(t,i),v(i,s),v(s,n),v(i,o),v(o,r),v(r,m),v(t,x),v(t,_),v(_,g)},p(e,t){1&t&&$!==($=e[0].label+"")&&f(g,$),1&t&&w!==(w=e[0].label)&&h(a,"aria-label",w),6&t&&k!==(k="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-1hca6n9")&&h(a,"class",k),1&t&&y!==(y=e[0].code)&&h(a,"id",y)},d(e){e&&d(a)}}}function w(e){let a,t,i,s,n,o,r,b,m,x,_,g=e[0].label+"",w=e[5]&&k(e),$="_blank"===e[0].embedded&&y();return{c(){a=c("a"),t=c("div"),i=c("span"),s=u(g),n=p(),w&&w.c(),o=p(),$&&$.c(),h(i,"class","mc-sidebar-feature__label svelte-1hca6n9"),h(t,"class","mc-sidebar-feature__container svelte-1hca6n9"),h(a,"aria-label",r=""+(e[0].label+e[3])),h(a,"href",b=e[0].href??"javascript:void(null)"),h(a,"target",m=e[0].embedded),h(a,"class",x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-1hca6n9"),h(a,"id",_=e[0].code)},m(d,r){l(d,a,r),v(a,t),v(t,i),v(i,s),e[8](i),v(t,n),w&&w.m(t,null),v(t,o),$&&$.m(t,null)},p(e,i){1&i&&g!==(g=e[0].label+"")&&f(s,g),e[5]?w?w.p(e,i):(w=k(e),w.c(),w.m(t,o)):w&&(w.d(1),w=null),"_blank"===e[0].embedded?$||($=y(),$.c(),$.m(t,null)):$&&($.d(1),$=null),9&i&&r!==(r=""+(e[0].label+e[3]))&&h(a,"aria-label",r),1&i&&b!==(b=e[0].href??"javascript:void(null)")&&h(a,"href",b),1&i&&m!==(m=e[0].embedded)&&h(a,"target",m),6&i&&x!==(x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-1hca6n9")&&h(a,"class",x),1&i&&_!==(_=e[0].code)&&h(a,"id",_)},d(t){t&&d(a),e[8](null),w&&w.d(),$&&$.d()}}}function k(e){let a,t,i,s,n,o=e[0].label+"";return{c(){a=c("div"),t=c("div"),t.innerHTML='<div class="svelte-1hca6n9"></div>',i=p(),s=c("span"),n=u(o),h(t,"class","mc-sidebar-feature__label__tooltip__pointer svelte-1hca6n9"),h(s,"class","svelte-1hca6n9"),h(a,"aria-hidden","true"),h(a,"class","mc-sidebar-feature__label__tooltip svelte-1hca6n9")},m(e,d){l(e,a,d),v(a,t),v(a,i),v(a,s),v(s,n)},p(e,a){1&a&&o!==(o=e[0].label+"")&&f(n,o)},d(e){e&&d(a)}}}function y(e){let a,t;return{c(){a=b("svg"),t=b("path"),h(t,"fill-rule","evenodd"),h(t,"d","M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z"),h(a,"class","mc-sidebar-feature__icon svelte-1hca6n9"),h(a,"width","16px"),h(a,"height","16px"),h(a,"viewBox","0 0 16 16")},m(e,i){l(e,a,i),v(a,t)},d(e){e&&d(a)}}}function $(e){let a;function t(e,a){return e[0].disabled?g:w}let i=t(e),o=i(e);return{c(){o.c(),a=s()},m(e,t){o.m(e,t),l(e,a,t)},p(e,[s]){i===(i=t(e))&&o?o.p(e,s):(o.d(1),o=i(e),o&&(o.c(),o.m(a.parentNode,a)))},i:n,o:n,d(e){o.d(e),e&&d(a)}}}function H(e,a,t){let i,s;o(e,m,(e=>t(1,i=e))),o(e,x,(e=>t(7,s=e)));let l,n,d,{feature:c}=a,{a11yLabels:b}=a,p=!1;return e.$$set=e=>{"feature"in e&&t(0,c=e.feature),"a11yLabels"in e&&t(6,b=e.a11yLabels)},e.$$.update=()=>{129&e.$$.dirty&&function(e,a){var i,s,l;t(2,p=null!==(l=(null==a?void 0:a.lv1)&&e.code===(null===(i=null==a?void 0:a.lv1)||void 0===i?void 0:i.code)||(null==a?void 0:a.lv2)&&e.code===(null===(s=null==a?void 0:a.lv2)||void 0===s?void 0:s.code))&&void 0!==l&&l)}(c,s),65&e.$$.dirty&&function(e,a){a.embedded?t(3,l=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):t(3,l="")}(b,c),2&e.$$.dirty&&setTimeout((()=>{t(5,d=(null==n?void 0:n.offsetHeight)<(null==n?void 0:n.scrollHeight))}),500)},[c,i,p,l,n,d,b,s,function(e){r[e?"unshift":"push"]((()=>{n=e,t(4,n)}))}]}class z extends e{constructor(e){super(),a(this,e,H,$,t,{feature:0,a11yLabels:6},_)}}export{z as default};
+import { P as SvelteComponent, i as init, s as safe_not_equal, Q as append_styles, K as empty, b as insert, n as noop, o as detach, ab as component_subscribe, v as binding_callbacks, e as element, T as svg_element, d as space, t as text, g as attr, j as append, k as set_data } from '../../index-c33b3772.js';
+import { i as isSidebarOpen, s as selectedFeature } from '../../sidebar-service-589b271b.js';
+
+/* src/components/sidebar/sidebar-feature.nested.svelte generated by Svelte v3.58.0 */
+
+function add_css(target) {
+	append_styles(target, "svelte-1hca6n9", ".mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9{font-size:16px;min-width:200px;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#191919;line-height:22px;overflow:hidden}.mc-sidebar-feature__container.svelte-1hca6n9.svelte-1hca6n9{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding-top:8px;padding-bottom:8px}.mc-sidebar-feature__container.svelte-1hca6n9 span.svelte-1hca6n9{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-1hca6n9.svelte-1hca6n9{fill:#191919}.mc-sidebar-feature__icon-disabled.svelte-1hca6n9.svelte-1hca6n9{fill:#6a7081}.mc-sidebar-feature__label.svelte-1hca6n9.svelte-1hca6n9{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-sidebar-feature__label__tooltip.svelte-1hca6n9.svelte-1hca6n9{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-sidebar-feature__label__tooltip__pointer.svelte-1hca6n9.svelte-1hca6n9{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 #191919}.mc-sidebar-feature__label__tooltip__pointer.svelte-1hca6n9 div.svelte-1hca6n9{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-sidebar-feature__label.svelte-1hca6n9:hover+.mc-sidebar-feature__label__tooltip.svelte-1hca6n9{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-1hca6n9.svelte-1hca6n9{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-1hca6n9.svelte-1hca6n9{background:#cfd2d8}.mc-sidebar-feature.is-close.svelte-1hca6n9.svelte-1hca6n9{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-1hca6n9 .mc-sidebar-feature__container.svelte-1hca6n9{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:20px;width:24px}.mc-sidebar-feature.is-open.svelte-1hca6n9.svelte-1hca6n9{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-1hca6n9 .mc-sidebar-feature__container.svelte-1hca6n9{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-1hca6n9.svelte-1hca6n9{color:#6a7081;fill:#6a7081}.mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9:hover{background:#b3b7c1}.mc-sidebar-feature.svelte-1hca6n9.svelte-1hca6n9:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-1hca6n9:focus-visible .mc-sidebar-feature__container.svelte-1hca6n9{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}");
+}
+
+// (70:0) {:else}
+function create_else_block(ctx) {
+	let span1;
+	let div;
+	let svg;
+	let g;
+	let path0;
+	let defs;
+	let clipPath;
+	let path1;
+	let t0;
+	let span0;
+	let t1_value = /*feature*/ ctx[0].label + "";
+	let t1;
+	let span1_aria_label_value;
+	let span1_class_value;
+	let span1_id_value;
+
+	return {
+		c() {
+			span1 = element("span");
+			div = element("div");
+			svg = svg_element("svg");
+			g = svg_element("g");
+			path0 = svg_element("path");
+			defs = svg_element("defs");
+			clipPath = svg_element("clipPath");
+			path1 = svg_element("path");
+			t0 = space();
+			span0 = element("span");
+			t1 = text(t1_value);
+			attr(path0, "fill-rule", "evenodd");
+			attr(path0, "d", "M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z");
+			attr(g, "clip-path", "url(#a)");
+			attr(path1, "d", "M0 0h16v16H0z");
+			attr(clipPath, "id", "a");
+			attr(svg, "class", "mc-sidebar-feature__icon-disabled svelte-1hca6n9");
+			attr(svg, "width", "16px");
+			attr(svg, "height", "16px");
+			attr(svg, "viewBox", "0 0 16 16");
+			attr(span0, "class", "svelte-1hca6n9");
+			attr(div, "class", "mc-sidebar-feature__container svelte-1hca6n9");
+			attr(span1, "aria-label", span1_aria_label_value = /*feature*/ ctx[0].label);
+			attr(span1, "aria-disabled", "true");
+			attr(span1, "class", span1_class_value = "mc-sidebar-feature " + (/*isSelected*/ ctx[2] ? 'is-selected' : '') + " " + (/*$isSidebarOpen*/ ctx[1] ? 'is-open' : 'is-close') + " is-disabled" + " svelte-1hca6n9");
+			attr(span1, "id", span1_id_value = /*feature*/ ctx[0].code);
+		},
+		m(target, anchor) {
+			insert(target, span1, anchor);
+			append(span1, div);
+			append(div, svg);
+			append(svg, g);
+			append(g, path0);
+			append(svg, defs);
+			append(defs, clipPath);
+			append(clipPath, path1);
+			append(div, t0);
+			append(div, span0);
+			append(span0, t1);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*feature*/ 1 && t1_value !== (t1_value = /*feature*/ ctx[0].label + "")) set_data(t1, t1_value);
+
+			if (dirty & /*feature*/ 1 && span1_aria_label_value !== (span1_aria_label_value = /*feature*/ ctx[0].label)) {
+				attr(span1, "aria-label", span1_aria_label_value);
+			}
+
+			if (dirty & /*isSelected, $isSidebarOpen*/ 6 && span1_class_value !== (span1_class_value = "mc-sidebar-feature " + (/*isSelected*/ ctx[2] ? 'is-selected' : '') + " " + (/*$isSidebarOpen*/ ctx[1] ? 'is-open' : 'is-close') + " is-disabled" + " svelte-1hca6n9")) {
+				attr(span1, "class", span1_class_value);
+			}
+
+			if (dirty & /*feature*/ 1 && span1_id_value !== (span1_id_value = /*feature*/ ctx[0].code)) {
+				attr(span1, "id", span1_id_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(span1);
+		}
+	};
+}
+
+// (36:0) {#if !feature.disabled}
+function create_if_block(ctx) {
+	let a;
+	let div;
+	let span;
+	let t0_value = /*feature*/ ctx[0].label + "";
+	let t0;
+	let t1;
+	let t2;
+	let a_aria_label_value;
+	let a_href_value;
+	let a_target_value;
+	let a_class_value;
+	let a_id_value;
+	let if_block0 = /*showTooltip*/ ctx[5] && create_if_block_2(ctx);
+	let if_block1 = /*feature*/ ctx[0].embedded === '_blank' && create_if_block_1();
+
+	return {
+		c() {
+			a = element("a");
+			div = element("div");
+			span = element("span");
+			t0 = text(t0_value);
+			t1 = space();
+			if (if_block0) if_block0.c();
+			t2 = space();
+			if (if_block1) if_block1.c();
+			attr(span, "class", "mc-sidebar-feature__label svelte-1hca6n9");
+			attr(div, "class", "mc-sidebar-feature__container svelte-1hca6n9");
+			attr(a, "aria-label", a_aria_label_value = "" + (/*feature*/ ctx[0].label + /*ariaSuffix*/ ctx[3]));
+			attr(a, "href", a_href_value = /*feature*/ ctx[0].href ?? 'javascript:void(null)');
+			attr(a, "target", a_target_value = /*feature*/ ctx[0].embedded);
+			attr(a, "class", a_class_value = "mc-sidebar-feature " + (/*isSelected*/ ctx[2] ? 'is-selected' : '') + " " + (/*$isSidebarOpen*/ ctx[1] ? 'is-open' : 'is-close') + " svelte-1hca6n9");
+			attr(a, "id", a_id_value = /*feature*/ ctx[0].code);
+		},
+		m(target, anchor) {
+			insert(target, a, anchor);
+			append(a, div);
+			append(div, span);
+			append(span, t0);
+			/*span_binding*/ ctx[8](span);
+			append(div, t1);
+			if (if_block0) if_block0.m(div, null);
+			append(div, t2);
+			if (if_block1) if_block1.m(div, null);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*feature*/ 1 && t0_value !== (t0_value = /*feature*/ ctx[0].label + "")) set_data(t0, t0_value);
+
+			if (/*showTooltip*/ ctx[5]) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+				} else {
+					if_block0 = create_if_block_2(ctx);
+					if_block0.c();
+					if_block0.m(div, t2);
+				}
+			} else if (if_block0) {
+				if_block0.d(1);
+				if_block0 = null;
+			}
+
+			if (/*feature*/ ctx[0].embedded === '_blank') {
+				if (if_block1) ; else {
+					if_block1 = create_if_block_1();
+					if_block1.c();
+					if_block1.m(div, null);
+				}
+			} else if (if_block1) {
+				if_block1.d(1);
+				if_block1 = null;
+			}
+
+			if (dirty & /*feature, ariaSuffix*/ 9 && a_aria_label_value !== (a_aria_label_value = "" + (/*feature*/ ctx[0].label + /*ariaSuffix*/ ctx[3]))) {
+				attr(a, "aria-label", a_aria_label_value);
+			}
+
+			if (dirty & /*feature*/ 1 && a_href_value !== (a_href_value = /*feature*/ ctx[0].href ?? 'javascript:void(null)')) {
+				attr(a, "href", a_href_value);
+			}
+
+			if (dirty & /*feature*/ 1 && a_target_value !== (a_target_value = /*feature*/ ctx[0].embedded)) {
+				attr(a, "target", a_target_value);
+			}
+
+			if (dirty & /*isSelected, $isSidebarOpen*/ 6 && a_class_value !== (a_class_value = "mc-sidebar-feature " + (/*isSelected*/ ctx[2] ? 'is-selected' : '') + " " + (/*$isSidebarOpen*/ ctx[1] ? 'is-open' : 'is-close') + " svelte-1hca6n9")) {
+				attr(a, "class", a_class_value);
+			}
+
+			if (dirty & /*feature*/ 1 && a_id_value !== (a_id_value = /*feature*/ ctx[0].code)) {
+				attr(a, "id", a_id_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(a);
+			/*span_binding*/ ctx[8](null);
+			if (if_block0) if_block0.d();
+			if (if_block1) if_block1.d();
+		}
+	};
+}
+
+// (50:6) {#if showTooltip}
+function create_if_block_2(ctx) {
+	let div2;
+	let div1;
+	let t0;
+	let span;
+	let t1_value = /*feature*/ ctx[0].label + "";
+	let t1;
+
+	return {
+		c() {
+			div2 = element("div");
+			div1 = element("div");
+			div1.innerHTML = `<div class="svelte-1hca6n9"></div>`;
+			t0 = space();
+			span = element("span");
+			t1 = text(t1_value);
+			attr(div1, "class", "mc-sidebar-feature__label__tooltip__pointer svelte-1hca6n9");
+			attr(span, "class", "svelte-1hca6n9");
+			attr(div2, "aria-hidden", "true");
+			attr(div2, "class", "mc-sidebar-feature__label__tooltip svelte-1hca6n9");
+		},
+		m(target, anchor) {
+			insert(target, div2, anchor);
+			append(div2, div1);
+			append(div2, t0);
+			append(div2, span);
+			append(span, t1);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*feature*/ 1 && t1_value !== (t1_value = /*feature*/ ctx[0].label + "")) set_data(t1, t1_value);
+		},
+		d(detaching) {
+			if (detaching) detach(div2);
+		}
+	};
+}
+
+// (56:6) {#if feature.embedded === '_blank'}
+function create_if_block_1(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill-rule", "evenodd");
+			attr(path, "d", "M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z");
+			attr(svg, "class", "mc-sidebar-feature__icon svelte-1hca6n9");
+			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);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let if_block_anchor;
+
+	function select_block_type(ctx, dirty) {
+		if (!/*feature*/ ctx[0].disabled) return create_if_block;
+		return create_else_block;
+	}
+
+	let current_block_type = select_block_type(ctx);
+	let if_block = current_block_type(ctx);
+
+	return {
+		c() {
+			if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
+				if_block.p(ctx, dirty);
+			} else {
+				if_block.d(1);
+				if_block = current_block_type(ctx);
+
+				if (if_block) {
+					if_block.c();
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let $isSidebarOpen;
+	let $selectedFeature;
+	component_subscribe($$self, isSidebarOpen, $$value => $$invalidate(1, $isSidebarOpen = $$value));
+	component_subscribe($$self, selectedFeature, $$value => $$invalidate(7, $selectedFeature = $$value));
+	let { feature } = $$props;
+	let { a11yLabels } = $$props;
+	let isSelected = false;
+	let ariaSuffix;
+	let label;
+	let showTooltip;
+
+	function updateTooltip(_) {
+		setTimeout(
+			() => {
+				$$invalidate(5, showTooltip = (label === null || label === void 0
+				? void 0
+				: label.offsetHeight) < (label === null || label === void 0
+				? void 0
+				: label.scrollHeight));
+			},
+			500
+		);
+	}
+
+	function updateSelection(feature, selection) {
+		var _a, _b, _c;
+
+		$$invalidate(2, isSelected = (_c = (selection === null || selection === void 0
+		? void 0
+		: selection.lv1) && feature.code === ((_a = selection === null || selection === void 0
+		? void 0
+		: selection.lv1) === null || _a === void 0
+		? void 0
+		: _a.code) || (selection === null || selection === void 0
+		? void 0
+		: selection.lv2) && feature.code === ((_b = selection === null || selection === void 0
+		? void 0
+		: selection.lv2) === null || _b === void 0
+		? void 0
+		: _b.code)) !== null && _c !== void 0
+		? _c
+		: false);
+	}
+
+	function updatA11yLabel(label, feature) {
+		if (feature.embedded) {
+			$$invalidate(3, ariaSuffix = (label === null || label === void 0
+			? void 0
+			: label['external-link-suffix'])
+			? ` (${label['external-link-suffix']})`
+			: ' (link to a new window)');
+		} else {
+			$$invalidate(3, ariaSuffix = '');
+		}
+	}
+
+	function span_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			label = $$value;
+			$$invalidate(4, label);
+		});
+	}
+
+	$$self.$$set = $$props => {
+		if ('feature' in $$props) $$invalidate(0, feature = $$props.feature);
+		if ('a11yLabels' in $$props) $$invalidate(6, a11yLabels = $$props.a11yLabels);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*feature, $selectedFeature*/ 129) {
+			updateSelection(feature, $selectedFeature);
+		}
+
+		if ($$self.$$.dirty & /*a11yLabels, feature*/ 65) {
+			updatA11yLabel(a11yLabels, feature);
+		}
+
+		if ($$self.$$.dirty & /*$isSidebarOpen*/ 2) {
+			updateTooltip();
+		}
+	};
+
+	return [
+		feature,
+		$isSidebarOpen,
+		isSelected,
+		ariaSuffix,
+		label,
+		showTooltip,
+		a11yLabels,
+		$selectedFeature,
+		span_binding
+	];
+}
+
+class Sidebar_feature_nested extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { feature: 0, a11yLabels: 6 }, add_css);
+	}
+}
+
+export { Sidebar_feature_nested as default };
 //# sourceMappingURL=sidebar-feature.nested.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-feature.nested.js","sources":["../../../src/components/sidebar/sidebar-feature.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import { isSidebarOpen, selectedFeature, Selection } from './sidebar-service';\n  import type { A11yLabels, Feature } from './sidebar.types';\n\n  export let feature: Feature;\n  export let a11yLabels: A11yLabels;\n\n  $: updateSelection(feature, $selectedFeature);\n  $: updatA11yLabel(a11yLabels, feature);\n\n  let isSelected = false;\n  let ariaSuffix: string;\n\n  let label: HTMLElement;\n  let showTooltip: boolean;\n  $: updateTooltip($isSidebarOpen);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  function updateTooltip(_: boolean) {\n    setTimeout(() => {\n      showTooltip = label?.offsetHeight < label?.scrollHeight;\n    }, 500);\n  }\n\n  function updateSelection(feature: Feature, selection?: Selection) {\n    isSelected =\n      ((selection?.lv1 && feature.code === selection?.lv1?.code) ||\n        (selection?.lv2 && feature.code === selection?.lv2?.code)) ??\n      false;\n  }\n\n  function updatA11yLabel(label: A11yLabels, feature: Feature) {\n    if (feature.embedded) {\n      ariaSuffix = label?.['external-link-suffix']\n        ? ` (${label['external-link-suffix']})`\n        : ' (link to a new window)';\n    } else {\n      ariaSuffix = '';\n    }\n  }\n</script>\n\n{#if !feature.disabled}\n  <a\n    aria-label=\"{feature.label}{ariaSuffix}\"\n    href={feature.href ?? 'javascript:void(null)'}\n    target={feature.embedded}\n    class=\"mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n      ? 'is-open'\n      : 'is-close'}\"\n    id={feature.code}\n  >\n    <div class=\"mc-sidebar-feature__container\">\n      <span class=\"mc-sidebar-feature__label\" bind:this={label}\n        >{feature.label}</span\n      >\n      {#if showTooltip}\n        <div aria-hidden=\"true\" class=\"mc-sidebar-feature__label__tooltip\">\n          <div class=\"mc-sidebar-feature__label__tooltip__pointer\"><div /></div>\n          <span>{feature.label}</span>\n        </div>\n      {/if}\n      {#if feature.embedded === '_blank'}\n        <svg\n          class=\"mc-sidebar-feature__icon\"\n          width=\"16px\"\n          height=\"16px\"\n          viewBox=\"0 0 16 16\"\n          ><path\n            fill-rule=\"evenodd\"\n            d=\"M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z\"\n          /></svg\n        >\n      {/if}\n    </div>\n  </a>\n{:else}\n  <span\n    aria-label={feature.label}\n    aria-disabled=\"true\"\n    class=\"mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n      ? 'is-open'\n      : 'is-close'} is-disabled\"\n    id={feature.code}\n  >\n    <div class=\"mc-sidebar-feature__container\">\n      <svg\n        class=\"mc-sidebar-feature__icon-disabled\"\n        width=\"16px\"\n        height=\"16px\"\n        viewBox=\"0 0 16 16\"\n        ><g clip-path=\"url(#a)\"\n          ><path\n            fill-rule=\"evenodd\"\n            d=\"M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z\"\n          /></g\n        ><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs\n        ></svg\n      >\n      <span>{feature.label}</span>\n    </div>\n  </span>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-feature {\n    font-size: 16px;\n    min-width: 200px;\n    cursor: pointer;\n    flex: 1;\n    display: flex;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    overflow: hidden;\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding-top: 8px;\n      padding-bottom: 8px;\n\n      span {\n        max-width: 200px;\n        min-width: 200px;\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__icon-disabled {\n      fill: $color-sidebar-feature-disabled-background;\n    }\n\n    &__label {\n      flex: 1;\n      margin-right: 8px;\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 $color-sidebar-text-color;\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-sidebar-feature__label__tooltip {\n        opacity: 1;\n        transition-delay: 1s;\n      }\n    }\n\n    &__icon {\n      margin-right: 8px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    &.is-close {\n      @include transition(padding 300ms ease-in-out);\n      padding: 0px 0px;\n\n      .mc-sidebar-feature__container {\n        @include transition(padding-left 300ms ease-in-out);\n        padding-left: 20px;\n        width: 24px;\n      }\n    }\n\n    &.is-open {\n      @include transition(padding 300ms ease-in-out);\n      padding: 0px 32px;\n\n      .mc-sidebar-feature__container {\n        @include transition(padding-left 300ms ease-in-out);\n        padding-left: 32px;\n      }\n    }\n\n    &.is-disabled {\n      color: $color-sidebar-feature-disabled-background;\n      fill: $color-sidebar-feature-disabled-background;\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-sidebar-feature__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n  }\n</style>\n"],"names":["t1_value","ctx","label","attr","span1","span1_aria_label_value","span1_id_value","code","insert","target","anchor","append","div","svg","g","path0","defs","clipPath","path1","span0","dirty","set_data","t1","t0_value","create_if_block_2","embedded","create_if_block_1","href","a","a_target_value","a_id_value","span","t0","div2","div1","path","disabled","create_if_block","ariaSuffix","showTooltip","feature","$$props","a11yLabels","isSelected","selection","_c","lv1","_a","lv2","_b","updateSelection","$selectedFeature","$$invalidate","updatA11yLabel","setTimeout","offsetHeight","scrollHeight","$$value"],"mappings":"wsHAqGaA,EAAAC,KAAQC,MAAK,mlBArBVC,EAAAC,EAAA,aAAAC,EAAAJ,KAAQC,wEAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,2CACAE,EAAAC,EAAA,KAAAE,EAAAL,KAAQM,cANdC,EAwBMC,EAAAL,EAAAM,GAhBJC,EAeKP,EAAAQ,GAdHD,EAYAC,EAAAC,GAPGF,EAKAE,EAAAC,GAJEH,EAGCG,EAAAC,GACHJ,EACAE,EAAAG,GADML,EAAsDK,EAAAC,GAArCN,EAA0BM,EAAAC,UAGpDP,EAA2BC,EAAAO,kBAApB,EAAAC,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,GArBV,EAAAoB,GAAAf,KAAAA,EAAAJ,KAAQC,+DAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,2DACA,EAAAmB,GAAAd,KAAAA,EAAAL,KAAQM,2EA7BNgB,EAAAtB,KAAQC,MAAK,KAEZD,EAAW,IAAAuB,EAAAvB,KAMU,WAArBA,EAAO,GAACwB,UAAqBC,+NAlBvBzB,EAAO,GAACC,MAAOD,EAAU,kBAChCA,EAAO,GAAC0B,MAAQ,yBACdxB,EAAAyB,EAAA,SAAAC,EAAA5B,KAAQwB,+CACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,mBACVE,EAAAyB,EAAA,KAAAE,EAAA7B,KAAQM,cAPdC,EAgCGC,EAAAmB,EAAAlB,GAvBDC,EAsBKiB,EAAAhB,GArBHD,EAEAC,EAAAmB,sEADI,EAAAX,GAAAG,KAAAA,EAAAtB,KAAQC,MAAK,KAAAmB,EAAAW,EAAAT,GAEZtB,EAAW,yDAMU,WAArBA,EAAO,GAACwB,yEAlBFxB,EAAO,GAACC,MAAOD,EAAU,sCAChCA,EAAO,GAAC0B,MAAQ,wCACd,EAAAP,GAAAS,KAAAA,EAAA5B,KAAQwB,8DACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,mCACV,EAAAmB,GAAAU,KAAAA,EAAA7B,KAAQM,4FASCP,EAAAC,KAAQC,MAAK,yTAFtBM,EAGKC,EAAAwB,EAAAvB,GAFHC,EAAqEsB,EAAAC,UACrEvB,EAA2BsB,EAAAF,kBAApB,EAAAX,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,waAItBQ,EASAC,EAAAI,EAAAH,GAJGC,EAGCE,EAAAsB,uDA7BN,OAAAlC,KAAQmC,WAAQC,8PA/BhBC,EAEApC,EACAqC,WAVOC,GAAgBC,cAChBC,GAAsBD,EAK7BE,GAAa,sIAcQH,EAAkBI,iBACzCD,EAEJ,QADAE,GAAQD,eAAAA,EAAWE,MAAON,EAAQjC,QAAlC,QAAAwC,EAA2CH,eAAAA,EAAWE,eAAtDC,SAAAA,EAA2DxC,QAClDqC,eAAAA,EAAWI,MAAOR,EAAQjC,QAAnC,QAAA0C,EAA4CL,eAAAA,EAAWI,eAAvDC,SAAAA,EAA4D1C,iBAA5DsC,GAAAA,GApBKK,CAAgBV,EAASW,2BAwBJjD,EAAmBsC,GACrCA,EAAQf,SACV2B,EAAA,EAAAd,GAAapC,eAAAA,EAAQ,yBACZ,KAAAA,EAAM,2BACX,2BAEJkD,EAAA,EAAAd,EAAa,IA7Bde,CAAeX,EAAYF,iBAW5Bc,iBACEF,EAAA,EAAAb,GAAcrC,eAAAA,EAAOqD,eAAerD,eAAAA,EAAOsD,cAAY,GACtD,+DAgCkDtD,EAAKuD"}
+{"version":3,"file":"sidebar-feature.nested.js","sources":["../../../src/components/sidebar/sidebar-feature.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import { isSidebarOpen, selectedFeature, Selection } from './sidebar-service';\n  import type { A11yLabels, Feature } from './sidebar.types';\n\n  export let feature: Feature;\n  export let a11yLabels: A11yLabels;\n\n  $: updateSelection(feature, $selectedFeature);\n  $: updatA11yLabel(a11yLabels, feature);\n\n  let isSelected = false;\n  let ariaSuffix: string;\n\n  let label: HTMLElement;\n  let showTooltip: boolean;\n  $: updateTooltip($isSidebarOpen);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  function updateTooltip(_: boolean) {\n    setTimeout(() => {\n      showTooltip = label?.offsetHeight < label?.scrollHeight;\n    }, 500);\n  }\n\n  function updateSelection(feature: Feature, selection?: Selection) {\n    isSelected =\n      ((selection?.lv1 && feature.code === selection?.lv1?.code) ||\n        (selection?.lv2 && feature.code === selection?.lv2?.code)) ??\n      false;\n  }\n\n  function updatA11yLabel(label: A11yLabels, feature: Feature) {\n    if (feature.embedded) {\n      ariaSuffix = label?.['external-link-suffix']\n        ? ` (${label['external-link-suffix']})`\n        : ' (link to a new window)';\n    } else {\n      ariaSuffix = '';\n    }\n  }\n</script>\n\n{#if !feature.disabled}\n  <a\n    aria-label=\"{feature.label}{ariaSuffix}\"\n    href={feature.href ?? 'javascript:void(null)'}\n    target={feature.embedded}\n    class=\"mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n      ? 'is-open'\n      : 'is-close'}\"\n    id={feature.code}\n  >\n    <div class=\"mc-sidebar-feature__container\">\n      <span class=\"mc-sidebar-feature__label\" bind:this={label}\n        >{feature.label}</span\n      >\n      {#if showTooltip}\n        <div aria-hidden=\"true\" class=\"mc-sidebar-feature__label__tooltip\">\n          <div class=\"mc-sidebar-feature__label__tooltip__pointer\"><div /></div>\n          <span>{feature.label}</span>\n        </div>\n      {/if}\n      {#if feature.embedded === '_blank'}\n        <svg\n          class=\"mc-sidebar-feature__icon\"\n          width=\"16px\"\n          height=\"16px\"\n          viewBox=\"0 0 16 16\"\n          ><path\n            fill-rule=\"evenodd\"\n            d=\"M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z\"\n          /></svg\n        >\n      {/if}\n    </div>\n  </a>\n{:else}\n  <span\n    aria-label={feature.label}\n    aria-disabled=\"true\"\n    class=\"mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n      ? 'is-open'\n      : 'is-close'} is-disabled\"\n    id={feature.code}\n  >\n    <div class=\"mc-sidebar-feature__container\">\n      <svg\n        class=\"mc-sidebar-feature__icon-disabled\"\n        width=\"16px\"\n        height=\"16px\"\n        viewBox=\"0 0 16 16\"\n        ><g clip-path=\"url(#a)\"\n          ><path\n            fill-rule=\"evenodd\"\n            d=\"M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z\"\n          /></g\n        ><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs\n        ></svg\n      >\n      <span>{feature.label}</span>\n    </div>\n  </span>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar-feature {\n    font-size: 16px;\n    min-width: 200px;\n    cursor: pointer;\n    flex: 1;\n    display: flex;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    overflow: hidden;\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding-top: 8px;\n      padding-bottom: 8px;\n\n      span {\n        max-width: 200px;\n        min-width: 200px;\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__icon-disabled {\n      fill: $color-sidebar-feature-disabled-background;\n    }\n\n    &__label {\n      flex: 1;\n      margin-right: 8px;\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 $color-sidebar-text-color;\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-sidebar-feature__label__tooltip {\n        opacity: 1;\n        transition-delay: 1s;\n      }\n    }\n\n    &__icon {\n      margin-right: 8px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    &.is-close {\n      @include transition(padding 300ms ease-in-out);\n      padding: 0px 0px;\n\n      .mc-sidebar-feature__container {\n        @include transition(padding-left 300ms ease-in-out);\n        padding-left: 20px;\n        width: 24px;\n      }\n    }\n\n    &.is-open {\n      @include transition(padding 300ms ease-in-out);\n      padding: 0px 32px;\n\n      .mc-sidebar-feature__container {\n        @include transition(padding-left 300ms ease-in-out);\n        padding-left: 32px;\n      }\n    }\n\n    &.is-disabled {\n      color: $color-sidebar-feature-disabled-background;\n      fill: $color-sidebar-feature-disabled-background;\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-sidebar-feature__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n  }\n</style>\n"],"names":[],"mappings":"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"}