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

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":["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"}
+{"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: 100;\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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"}

package/public/components/sidebar/Sidebar.svelte

@@ -157,7 +157,7 @@
     position: absolute;
     top: 0;
     left: 0;
-    z-index: 10;
+    z-index: 100;
     font-size: 14px;
     color: white;
     box-sizing: border-box;