@mozaic-ds/web-components 0.5.0 → 0.6.1

package/public/components/sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../src/components/sidebar/Sidebar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { onDestroy } from 'svelte';\n  import Segment from './sidebar-segment.nested.svelte';\n  import Section from './sidebar-section.nested.svelte';\n  import NavigationUser from './sidebar-user.nested.svelte';\n  import NavigationSeparator from './sidebar-separator.nested.svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    selectFeature,\n    updateSidebarData,\n    toggleSidebar,\n    isSidebarOpen,\n    sidebar,\n    selectedFeature,\n  } from './sidebar-service';\n  import type { Unsubscriber } from 'svelte/store';\n  import type { A11yLabels, Sidebar, User } from './sidebar.types';\n\n  export let data: string | Sidebar;\n  export let open: boolean;\n  export let code: string;\n  export let user: string | User;\n  export let a11yLabels: A11yLabels;\n  let eventHandler = new EventHandler();\n  let parsedUser: User;\n  let previousCode: string;\n  let previousData: string | Sidebar;\n  let previousOpen = false;\n\n  $: updateData(code, data);\n  $: updateOpen(open);\n  $: parsedUser = typeof user === 'string' ? (JSON.parse(user) as User) : user;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function updateData(newCode: string, newData: string | Sidebar) {\n    if (typeof previousData !== typeof newData || previousData !== newData) {\n      previousData = newData;\n      updateSidebarData(newData);\n    }\n    if (typeof previousCode !== typeof newCode || previousCode !== newCode) {\n      previousCode = newCode;\n      selectFeature(newCode);\n    }\n  }\n\n  function updateOpen(newOpenStatus?: boolean) {\n    if (\n      typeof previousOpen !== typeof newOpenStatus ||\n      previousOpen !== newOpenStatus\n    ) {\n      previousOpen = Boolean(newOpenStatus);\n      toggleSidebar(Boolean(newOpenStatus));\n    }\n  }\n\n  const unsubscribes: Unsubscriber[] = [];\n  unsubscribes.push(\n    isSidebarOpen.subscribe((state) => {\n      eventHandler.dispatch('on-toggle', state);\n    }),\n  );\n\n  unsubscribes.push(\n    selectedFeature.subscribe((selection) => {\n      // Emit an event and close the menu when the selection changes.\n      if (selection) {\n        toggleSidebar(false);\n        eventHandler.dispatch(\n          'on-select',\n          selection.lv2?.code ?? selection.lv1?.code ?? selection.lv0?.code,\n        );\n      }\n    }),\n  );\n\n  onDestroy(() => {\n    for (const unsubscribe of unsubscribes) {\n      unsubscribe();\n    }\n  });\n</script>\n\n<nav\n  class=\"mc-sidebar {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n  aria-expanded={$isSidebarOpen}\n  aria-labelledby=\"mc-sidebar__trigger\"\n  {...attributes}\n>\n  <div class=\"mc-sidebar__container {parsedUser ? 'has-bottom-panel' : ''}\">\n    <button\n      id=\"mc-sidebar__trigger\"\n      class=\"mc-sidebar__trigger\"\n      aria-label={$isSidebarOpen\n        ? a11yLabels?.['close'] || 'Close the sidebar'\n        : a11yLabels?.['open'] || 'Open the sidebar'}\n      on:click={() => toggleSidebar()}\n    >\n      <span class=\"mc-sidebar__trigger__container\">\n        {#if $isSidebarOpen}\n          <svg\n            class=\"mc-sidebar__trigger-icon\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            ><path\n              d=\"M10.707 5.707a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L4.414 12l6.293-6.293zm9 0a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L13.414 12l6.293-6.293z\"\n            /></svg\n          >\n        {:else}\n          <svg\n            class=\"mc-sidebar__trigger-icon\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            ><path\n              d=\"M5.707 4.293a1 1 0 00-1.414 1.414L10.586 12l-6.293 6.293a1 1 0 101.414 1.414l7-7a1 1 0 000-1.414l-7-7zm9 0a1 1 0 10-1.414 1.414L19.586 12l-6.293 6.293a1 1 0 001.414 1.414l7-7a1 1 0 000-1.414l-7-7z\"\n            /></svg\n          >\n        {/if}\n      </span>\n    </button>\n    <Segment data={$sidebar?.HOME} />\n    <NavigationSeparator />\n    <Section data={$sidebar?.FEATURES} {a11yLabels} />\n    {#if $sidebar?.UTILITIES}\n      <div class=\"mc-sidebar__utilities\">\n        {#each $sidebar?.UTILITIES as section}\n          <NavigationSeparator />\n          <ul>\n            {#each section as feature}\n              <li class=\"mc-sidebar__utilities__item\">\n                <Segment data={feature} />\n              </li>\n            {/each}\n          </ul>\n        {/each}\n      </div>\n    {/if}\n  </div>\n  {#if parsedUser}\n    <NavigationUser\n      user={parsedUser}\n      data={$sidebar?.USER_FEATURES}\n      {a11yLabels}\n    />\n  {/if}\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 10;\n    font-size: 14px;\n    color: white;\n    box-sizing: border-box;\n    fill: $color-sidebar-icon;\n    width: 320px;\n    background: $color-sidebar-background;\n    display: block;\n    height: 100vh;\n\n    &__container {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      &.has-bottom-panel {\n        height: calc(100% - 88px);\n      }\n    }\n\n    &__utilities {\n      margin-bottom: 24px;\n\n      &__item {\n        margin: 4px 0px;\n        &:first-child {\n          margin-top: 0;\n        }\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n\n    &__trigger {\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 0;\n      margin: 28px 0;\n      min-height: 38px;\n      width: 100%;\n      font-size: inherit;\n      font-family: inherit;\n\n      &-icon {\n        fill: $color-sidebar-icon;\n      }\n\n      &__container {\n        height: 38px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        & > * {\n          width: 24px;\n          height: 24px;\n        }\n      }\n\n      &:hover &__container {\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__trigger__container {\n          box-shadow: none;\n          border: none;\n          border-radius: 6px;\n          outline: 1px solid #0b96cc;\n        }\n      }\n    }\n\n    &.is-open {\n      @include transition(width 300ms ease-in-out);\n\n      .mc-sidebar__trigger__container {\n        @include transition(\n          width 300ms ease-in-out,\n          margin-left 300ms ease-in-out,\n          border-radius 300ms ease-in-out\n        );\n        margin-left: 266px;\n        width: 38px;\n        border-radius: 4px;\n      }\n    }\n\n    &.is-close {\n      @include transition(width 300ms ease-in-out);\n\n      width: 64px;\n      padding: 0;\n\n      .mc-sidebar__trigger__container {\n        @include transition(\n          width 300ms ease-in-out,\n          margin-left 300ms ease-in-out,\n          border-radius 300ms ease-in-out\n        );\n        margin-left: 0px;\n        width: 64px;\n        border-radius: 0px;\n      }\n    }\n\n    ul {\n      list-style-type: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n</style>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","sources":["../../../src/components/sidebar/Sidebar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { onDestroy } from 'svelte';\n  import Segment from './sidebar-segment.nested.svelte';\n  import Section from './sidebar-section.nested.svelte';\n  import NavigationUser from './sidebar-user.nested.svelte';\n  import NavigationSeparator from './sidebar-separator.nested.svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    selectFeature,\n    updateSidebarData,\n    toggleSidebar,\n    isSidebarOpen,\n    sidebar,\n    selectedFeature,\n  } from './sidebar-service';\n  import type { Unsubscriber } from 'svelte/store';\n  import type { A11yLabels, Sidebar, User } from './sidebar.types';\n\n  export let data: string | Sidebar;\n  export let open: boolean;\n  export let code: string;\n  export let user: string | User;\n  export let a11yLabels: A11yLabels;\n  let eventHandler = new EventHandler();\n  let parsedUser: User;\n  let previousCode: string;\n  let previousData: string | Sidebar;\n  let previousOpen = false;\n\n  $: updateData(code, data);\n  $: updateOpen(open);\n  $: parsedUser = typeof user === 'string' ? (JSON.parse(user) as User) : user;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function updateData(newCode: string, newData: string | Sidebar) {\n    if (typeof previousData !== typeof newData || previousData !== newData) {\n      previousData = newData;\n      updateSidebarData(newData);\n    }\n    if (typeof previousCode !== typeof newCode || previousCode !== newCode) {\n      previousCode = newCode;\n      selectFeature(newCode);\n    }\n  }\n\n  function updateOpen(newOpenStatus?: boolean) {\n    if (\n      typeof previousOpen !== typeof newOpenStatus ||\n      previousOpen !== newOpenStatus\n    ) {\n      previousOpen = Boolean(newOpenStatus);\n      toggleSidebar(Boolean(newOpenStatus));\n    }\n  }\n\n  const unsubscribes: Unsubscriber[] = [];\n  unsubscribes.push(\n    isSidebarOpen.subscribe((state) => {\n      eventHandler.dispatch('on-toggle', state);\n    }),\n  );\n\n  unsubscribes.push(\n    selectedFeature.subscribe((selection) => {\n      // Emit an event and close the menu when the selection changes.\n      if (selection) {\n        toggleSidebar(false);\n        eventHandler.dispatch(\n          'on-select',\n          selection.lv2?.code ?? selection.lv1?.code ?? selection.lv0?.code,\n        );\n      }\n    }),\n  );\n\n  onDestroy(() => {\n    for (const unsubscribe of unsubscribes) {\n      unsubscribe();\n    }\n  });\n</script>\n\n<nav\n  class=\"mc-sidebar {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n  aria-expanded={$isSidebarOpen}\n  aria-labelledby=\"mc-sidebar__trigger\"\n  {...attributes}\n>\n  <div class=\"mc-sidebar__container {parsedUser ? 'has-bottom-panel' : ''}\">\n    <button\n      id=\"mc-sidebar__trigger\"\n      class=\"mc-sidebar__trigger\"\n      aria-label={$isSidebarOpen\n        ? a11yLabels?.['close'] || 'Close the sidebar'\n        : a11yLabels?.['open'] || 'Open the sidebar'}\n      on:click={() => toggleSidebar()}\n    >\n      <span class=\"mc-sidebar__trigger__container\">\n        {#if $isSidebarOpen}\n          <svg\n            class=\"mc-sidebar__trigger-icon\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            ><path\n              d=\"M10.707 5.707a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L4.414 12l6.293-6.293zm9 0a1 1 0 00-1.414-1.414l-7 7a1 1 0 000 1.414l7 7a1 1 0 001.414-1.414L13.414 12l6.293-6.293z\"\n            /></svg\n          >\n        {:else}\n          <svg\n            class=\"mc-sidebar__trigger-icon\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            ><path\n              d=\"M5.707 4.293a1 1 0 00-1.414 1.414L10.586 12l-6.293 6.293a1 1 0 101.414 1.414l7-7a1 1 0 000-1.414l-7-7zm9 0a1 1 0 10-1.414 1.414L19.586 12l-6.293 6.293a1 1 0 001.414 1.414l7-7a1 1 0 000-1.414l-7-7z\"\n            /></svg\n          >\n        {/if}\n      </span>\n    </button>\n    <Segment data={$sidebar?.HOME} />\n    <NavigationSeparator />\n    <Section data={$sidebar?.FEATURES} {a11yLabels} />\n    {#if $sidebar?.UTILITIES}\n      <div class=\"mc-sidebar__utilities\">\n        {#each $sidebar?.UTILITIES as section}\n          <NavigationSeparator />\n          <ul>\n            {#each section as feature}\n              <li class=\"mc-sidebar__utilities__item\">\n                <Segment data={feature} />\n              </li>\n            {/each}\n          </ul>\n        {/each}\n      </div>\n    {/if}\n  </div>\n  {#if parsedUser}\n    <NavigationUser\n      user={parsedUser}\n      data={$sidebar?.USER_FEATURES}\n      {a11yLabels}\n    />\n  {/if}\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './sidebar-variables';\n\n  .mc-sidebar {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 10;\n    font-size: 14px;\n    color: white;\n    box-sizing: border-box;\n    fill: $color-sidebar-icon;\n    width: 320px;\n    background: $color-sidebar-background;\n    display: block;\n    height: 100vh;\n\n    &__container {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      &.has-bottom-panel {\n        height: calc(100% - 88px);\n      }\n    }\n\n    &__utilities {\n      margin-bottom: 24px;\n\n      &__item {\n        margin: 4px 0px;\n        &:first-child {\n          margin-top: 0;\n        }\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n\n    &__trigger {\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 0;\n      margin: 28px 0;\n      min-height: 38px;\n      width: 100%;\n      font-size: inherit;\n      font-family: inherit;\n\n      &-icon {\n        fill: $color-sidebar-icon;\n      }\n\n      &__container {\n        height: 38px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        & > * {\n          width: 24px;\n          height: 24px;\n        }\n      }\n\n      &:hover &__container {\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__trigger__container {\n          box-shadow: none;\n          border: none;\n          border-radius: 6px;\n          outline: 1px solid #0b96cc;\n        }\n      }\n    }\n\n    &.is-open {\n      @include transition(width 300ms ease-in-out);\n\n      .mc-sidebar__trigger__container {\n        @include transition(\n          width 300ms ease-in-out,\n          margin-left 300ms ease-in-out,\n          border-radius 300ms ease-in-out\n        );\n        margin-left: 266px;\n        width: 38px;\n        border-radius: 4px;\n      }\n    }\n\n    &.is-close {\n      @include transition(width 300ms ease-in-out);\n\n      width: 64px;\n      padding: 0;\n\n      .mc-sidebar__trigger__container {\n        @include transition(\n          width 300ms ease-in-out,\n          margin-left 300ms ease-in-out,\n          border-radius 300ms ease-in-out\n        );\n        margin-left: 0px;\n        width: 64px;\n        border-radius: 0px;\n      }\n    }\n\n    ul {\n      list-style-type: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n</style>\n"],"names":["insert","target","svg","anchor","append","path","each_value","ctx","UTILITIES","length","i","div","each_blocks","li","ul","data","USER_FEATURES","dirty","navigationuser_changes","create_if_block_2","props","HOME","FEATURES","if_block1","create_if_block_1","create_if_block","nav","button","span","segment_changes","section_changes","class","nav_class_value","parsedUser","previousCode","previousData","$$props","open","code","user","a11yLabels","eventHandler","EventHandler","previousOpen","unsubscribes","push","isSidebarOpen","subscribe","state","dispatch","selectedFeature","selection","toggleSidebar","_d","_b","_a","lv2","_c","lv1","_e","lv0","onDestroy","unsubscribe","newCode","newData","newOpenStatus","updateSidebarData","selectFeature","Boolean","$$invalidate","JSON","parse","attributes","Object","assign","$$restProps"],"mappings":"uqCAgHUA,EAQAC,EAAAC,EAAAC,GAHGC,EAECF,EAAAG,6YAjBJL,EAQAC,EAAAC,EAAAC,GAHGC,EAECF,EAAAG,yCAoBCC,EAAAC,MAAUC,+BAAfC,OAAIC,GAAA,oKADRV,EAWKC,EAAAU,EAAAR,oFAVIG,EAAAC,MAAUC,kBAAfC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAE,EAAAH,OAAAC,GAAA,yCAAJD,OAAIC,GAAA,wJAKiBH,EAAO,0FADxBP,EAEIC,EAAAY,EAAAV,qDADaI,EAAO,mJAFnBA,EAAO,yBAAZE,OAAIC,GAAA,6KADRV,EAMIC,EAAAa,EAAAX,6FALKI,EAAO,YAAZE,OAAIC,GAAA,EAAA,sGAAJD,OAAIC,EAAAE,EAAAH,OAAAC,GAAA,4DAAJD,OAAIC,GAAA,wLAYNH,EAAU,GACVQ,KAAAR,MAAUS,6GADVT,EAAU,IACV,GAAAU,IAAAC,EAAAH,KAAAR,MAAUS,+MA5CTT,EAAc,GAAAY,+BAuBRC,MAAA,CAAAL,KAAAR,MAAUc,oCAEVN,KAAAR,MAAUe,4BACpB,IAAAC,EAAAhB,MAAUC,WAASgB,EAAAjB,KAerBA,EAAU,IAAAkB,EAAAlB,8BAxDIA,EAAc,GAAG,UAAY,8BACjCA,EAAc,8CAEzBA,EAAU,kWAMEA,EAAC,GACTA,EAAU,IAAU,OAAK,oBACzBA,EAAU,IAAS,MAAK,4DANGA,EAAU,GAAG,mBAAqB,oBANvEP,EAgEKC,EAAAyB,EAAAvB,GA1DHC,EAkDKsB,EAAAf,GAjDHP,EA+BQO,EAAAgB,GAvBNvB,EAsBMuB,EAAAC,uOA3BMrB,EAAC,GACTA,EAAU,IAAU,OAAK,oBACzBA,EAAU,IAAS,MAAK,qDA2Bf,GAAAU,IAAAY,EAAAd,KAAAR,MAAUc,2BAEV,GAAAJ,IAAAa,EAAAf,KAAAR,MAAUe,6CACpBf,MAAUC,sJApCkBD,EAAU,GAAG,mBAAqB,sBAmDhEA,EAAU,8IAxDIA,EAAc,GAAG,UAAY,eAAU,CAAAwB,MAAAC,+BAC3CzB,EAAc,mDAEzBA,EAAU,iXA/DV0B,EACAC,EACAC,QAROpB,GAAsBqB,QACtBC,GAAaD,QACbE,GAAYF,QACZG,GAAmBH,cACnBI,GAAsBJ,EAC7BK,MAAmBC,EAInBC,GAAe,QA6BbC,EAAY,GAClBA,EAAaC,KACXC,EAAcC,WAAWC,IACvBP,EAAaQ,SAAS,YAAaD,EAAK,KAI5CJ,EAAaC,KACXK,EAAgBH,WAAWI,kBAErBA,IACFC,GAAc,GACdX,EAAaQ,SACX,YADV,QAAAI,EAAA,QAAAC,EAAA,QAAAC,EAEUJ,EAAUK,eAFpBD,SAAAA,EAEyBjB,gBAFzBgB,EAAAA,EAAA,QAAAG,EAEiCN,EAAUO,WAF3C,IAAAD,SAAAA,EAEgDnB,gBAFhDe,EAAAA,EAAA,QAAAM,EAEwDR,EAAUS,WAFlE,IAAAD,SAAAA,EAEuErB,WAMrEuB,GAAS,KACI,IAAA,MAAAC,KAAelB,EACxBkB,+NA3CgBC,EAAiBC,EAWjBC,mBAXAF,EANNzB,SAODH,UADwB6B,EANjBjD,IAO4BoB,IAAiB6B,IAC7D7B,EAAe6B,EACfE,EAAkBF,WAET9B,UAAwB6B,GAAW7B,IAAiB6B,IAC7D7B,EAAe6B,EACfI,EAAcJ,4BAMPpB,UAFSsB,EAhBN5B,IAmBVM,IAAiBsB,IAEjBtB,EAAeyB,QAAQH,GACvBb,EAAcgB,QAAQH,sBArBvBI,EAAA,EAAApC,EAA6B,iBAATM,EAAqB+B,KAAKC,MAAMhC,GAAiBA,OACrEiC,EAALC,OAAAC,UAAuBC,yBACXH,EAAWzC,8BA+DDqB"}

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

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