@mozaic-ds/web-components 0.21.0 → 0.23.0

package/public/adeo/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 {\n    isSidebarOpen,\n    selectedFeature,\n  } from '../../utilities/sidebar-service';\n  import type { A11yLabels, Feature, Selection } 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 './_c.sidebar';\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":"oqHAwGaA,EAAAC,KAAQC,MAAK,glBArBVC,EAAAC,EAAA,aAAAC,EAAAJ,KAAQC,wEAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,0CACAE,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,0DACA,EAAAmB,GAAAd,KAAAA,EAAAL,KAAQM,2EA7BNgB,EAAAtB,KAAQC,MAAK,KAEZD,EAAW,IAAAuB,EAAAvB,KAMU,WAArBA,EAAO,GAACwB,UAAqBC,6NAlBvBzB,EAAO,GAACC,MAAOD,EAAU,kBAChCA,EAAO,GAAC0B,MAAQ,yBACdxB,EAAAyB,EAAA,SAAAC,EAAA5B,KAAQwB,+CACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,kBACVE,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,kCACV,EAAAmB,GAAAU,KAAAA,EAAA7B,KAAQM,4FASCP,EAAAC,KAAQC,MAAK,qTAFtBM,EAGKC,EAAAwB,EAAAvB,GAFHC,EAAqEsB,EAAAC,UACrEvB,EAA2BsB,EAAAF,kBAApB,EAAAX,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,uaAItBQ,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 {\n    isSidebarOpen,\n    selectedFeature,\n  } from '../../utilities/sidebar-service';\n  import type { A11yLabels, Feature, Selection } 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 './_c.sidebar';\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":"y9GAwGaA,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"}

package/public/adeo/components/sidebar/sidebar-section.nested.js

@@ -1,2 +1,2 @@
-import{G as e,i as t,s as i,H as s,R as o,b as l,A as a,y as n,z as r,q as d,ag as c,e as m,d as b,h as f,V as u,l as x,B as p,Q as g,D as v,E as h,m as q,F as w}from"../../index-d12e76e8.js";import k from"./sidebar-feature-group.nested.js";import y from"./sidebar-sub-features.nested.js";import{t as $,i as L}from"../../sidebar-service-be26885e.js";import"./sidebar-feature.nested.js";import"../../EventHandler-f7ee47ca.js";function j(e){s(e,"svelte-1o2q15d",".mc-sidebar-section.svelte-1o2q15d.svelte-1o2q15d{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:38px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:1px 0px;scrollbar-color:#8f94a3 #5b737d;scrollbar-width:thin}.mc-sidebar-section.svelte-1o2q15d ul.svelte-1o2q15d,.mc-sidebar-section.svelte-1o2q15d li.svelte-1o2q15d{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-1o2q15d ul.svelte-1o2q15d{-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}.mc-sidebar-section.svelte-1o2q15d ul li.svelte-1o2q15d{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4px 0px}.mc-sidebar-section.svelte-1o2q15d ul li.svelte-1o2q15d:first-child{margin-top:0}.mc-sidebar-section.svelte-1o2q15d ul li.svelte-1o2q15d:last-child{margin-bottom:0}.mc-sidebar-section.svelte-1o2q15d ul.is-hidden.svelte-1o2q15d{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:-320px;opacity:0}.mc-sidebar-section.svelte-1o2q15d ul.is-visible.svelte-1o2q15d{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:0}.mc-sidebar-section.svelte-1o2q15d.svelte-1o2q15d::-webkit-scrollbar{width:5px;height:10px;background:#082435}.mc-sidebar-section.svelte-1o2q15d.svelte-1o2q15d::-webkit-scrollbar-thumb{background:#009eac}")}function z(e,t,i){const s=e.slice();return s[10]=t[i],s}function G(e){let t,i,s,o,c,v,h=e[0],q=[];for(let t=0;t<h.length;t+=1)q[t]=B(z(e,h,t));const w=e=>n(q[e],1,1,(()=>{q[e]=null}));let k=e[3]&&e[4]&&E(e);return{c(){t=m("div"),i=m("ul");for(let e=0;e<q.length;e+=1)q[e].c();c=b(),k&&k.c(),f(i,"class",s=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-1o2q15d"),f(i,"aria-hidden",o=e[3]&&e[4]),f(t,"class","mc-sidebar-section svelte-1o2q15d")},m(e,s){l(e,t,s),x(t,i);for(let e=0;e<q.length;e+=1)q[e]&&q[e].m(i,null);x(t,c),k&&k.m(t,null),v=!0},p(e,l){if(103&l){let t;for(h=e[0],t=0;t<h.length;t+=1){const s=z(e,h,t);q[t]?(q[t].p(s,l),a(q[t],1)):(q[t]=B(s),q[t].c(),a(q[t],1),q[t].m(i,null))}for(p(),t=h.length;t<q.length;t+=1)w(t);r()}(!v||24&l&&s!==(s=u(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-1o2q15d"))&&f(i,"class",s),(!v||24&l&&o!==(o=e[3]&&e[4]))&&f(i,"aria-hidden",o),e[3]&&e[4]?k?(k.p(e,l),24&l&&a(k,1)):(k=E(e),k.c(),a(k,1),k.m(t,null)):k&&(p(),n(k,1,1,(()=>{k=null})),r())},i(e){if(!v){for(let e=0;e<h.length;e+=1)a(q[e]);a(k),v=!0}},o(e){q=q.filter(Boolean);for(let e=0;e<q.length;e+=1)n(q[e]);n(k),v=!1},d(e){e&&d(t),g(q,e),k&&k.d()}}}function B(e){let t,i,s,o,r,c;function u(){return e[8](e[10])}return i=new k({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),i.$on("feature-click",e[7]),{c(){t=m("li"),v(i.$$.fragment),s=b(),f(t,"class","svelte-1o2q15d")},m(e,a){l(e,t,a),h(i,t,null),x(t,s),o=!0,r||(c=q(t,"click",u),r=!0)},p(t,s){e=t;const o={};1&s&&(o.featureGroup=e[10]),5&s&&(o.expand=e[2]===e[10].code),2&s&&(o.a11yLabels=e[1]),i.$set(o)},i(e){o||(a(i.$$.fragment,e),o=!0)},o(e){n(i.$$.fragment,e),o=!1},d(e){e&&d(t),w(i),r=!1,c()}}}function E(e){let t,i;return t=new y({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){v(t.$$.fragment)},m(e,s){h(t,e,s),i=!0},p(e,i){const s={};8&i&&(s.data=e[3]),2&i&&(s.a11yLabels=e[1]),t.$set(s)},i(e){i||(a(t.$$.fragment,e),i=!0)},o(e){n(t.$$.fragment,e),i=!1},d(e){w(t,e)}}}function H(e){let t,i,s=e[0]?.length&&G(e);return{c(){s&&s.c(),t=o()},m(e,o){s&&s.m(e,o),l(e,t,o),i=!0},p(e,[i]){e[0]?.length?s?(s.p(e,i),1&i&&a(s,1)):(s=G(e),s.c(),a(s,1),s.m(t.parentNode,t)):s&&(p(),n(s,1,1,(()=>{s=null})),r())},i(e){i||(a(s),i=!0)},o(e){n(s),i=!1},d(e){s&&s.d(e),e&&d(t)}}}function A(e,t,i){let s;c(e,L,(e=>i(4,s=e)));let o,l,{data:a=[]}=t,{a11yLabels:n}=t;function r(e){const t=s;t||$(),i(2,o=t&&o===e?void 0:e)}function d(e){(null==e?void 0:e.detail)?l&&l.code===e.detail.code?i(3,l=void 0):i(3,l=e.detail):i(3,l=void 0)}return e.$$set=e=>{"data"in e&&i(0,a=e.data),"a11yLabels"in e&&i(1,n=e.a11yLabels)},[a,n,o,l,s,r,d,e=>d(e),e=>r(e.code),()=>d()]}class D extends e{constructor(e){super(),t(this,e,A,H,i,{data:0,a11yLabels:1},j)}}export{D as default};
+import{G as e,i,s as t,H as a,R as n,b as s,A as l,y as o,z as r,q as c,ag as d,e as b,d as x,h as m,V as f,l as u,B as p,Q as v,D as g,E as h,m as w,F as k}from"../../index-48da6c1f.js";import y from"./sidebar-feature-group.nested.js";import $ from"./sidebar-sub-features.nested.js";import{t as L,i as j}from"../../sidebar-service-e5d3eb89.js";import"./sidebar-feature.nested.js";import"../../EventHandler-f7ee47ca.js";function z(e){a(e,"svelte-1i9naex",".mc-sidebar-section.svelte-1i9naex.svelte-1i9naex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:38px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:1px 0px;scrollbar-color:#8f94a3 #5b737d;scrollbar-width:thin}.mc-sidebar-section.svelte-1i9naex ul.svelte-1i9naex,.mc-sidebar-section.svelte-1i9naex li.svelte-1i9naex{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-1i9naex ul.svelte-1i9naex{-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}.mc-sidebar-section.svelte-1i9naex ul li.svelte-1i9naex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4px 0px}.mc-sidebar-section.svelte-1i9naex ul li.svelte-1i9naex:first-child{margin-top:0}.mc-sidebar-section.svelte-1i9naex ul li.svelte-1i9naex:last-child{margin-bottom:0}.mc-sidebar-section.svelte-1i9naex ul.is-hidden.svelte-1i9naex{-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:-320px;opacity:0}.mc-sidebar-section.svelte-1i9naex ul.is-visible.svelte-1i9naex{-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:0}.mc-sidebar-section.svelte-1i9naex.svelte-1i9naex::-webkit-scrollbar{width:5px;height:10px;background:#082435}.mc-sidebar-section.svelte-1i9naex.svelte-1i9naex::-webkit-scrollbar-thumb{background:#009eac}")}function G(e,i,t){const a=e.slice();return a[10]=i[t],a}function B(e){let i,t,a,n,d,g,h=e[0],w=[];for(let i=0;i<h.length;i+=1)w[i]=E(G(e,h,i));const k=e=>o(w[e],1,1,(()=>{w[e]=null}));let y=e[3]&&e[4]&&H(e);return{c(){i=b("div"),t=b("ul");for(let e=0;e<w.length;e+=1)w[e].c();d=x(),y&&y.c(),m(t,"class",a=f(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-1i9naex"),m(t,"aria-hidden",n=e[3]&&e[4]),m(i,"class","mc-sidebar-section svelte-1i9naex")},m(e,a){s(e,i,a),u(i,t);for(let e=0;e<w.length;e+=1)w[e]&&w[e].m(t,null);u(i,d),y&&y.m(i,null),g=!0},p(e,s){if(103&s){let i;for(h=e[0],i=0;i<h.length;i+=1){const a=G(e,h,i);w[i]?(w[i].p(a,s),l(w[i],1)):(w[i]=E(a),w[i].c(),l(w[i],1),w[i].m(t,null))}for(p(),i=h.length;i<w.length;i+=1)k(i);r()}(!g||24&s&&a!==(a=f(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-1i9naex"))&&m(t,"class",a),(!g||24&s&&n!==(n=e[3]&&e[4]))&&m(t,"aria-hidden",n),e[3]&&e[4]?y?(y.p(e,s),24&s&&l(y,1)):(y=H(e),y.c(),l(y,1),y.m(i,null)):y&&(p(),o(y,1,1,(()=>{y=null})),r())},i(e){if(!g){for(let e=0;e<h.length;e+=1)l(w[e]);l(y),g=!0}},o(e){w=w.filter(Boolean);for(let e=0;e<w.length;e+=1)o(w[e]);o(y),g=!1},d(e){e&&c(i),v(w,e),y&&y.d()}}}function E(e){let i,t,a,n,r,d;function f(){return e[8](e[10])}return t=new y({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),t.$on("feature-click",e[7]),{c(){i=b("li"),g(t.$$.fragment),a=x(),m(i,"class","svelte-1i9naex")},m(e,l){s(e,i,l),h(t,i,null),u(i,a),n=!0,r||(d=w(i,"click",f),r=!0)},p(i,a){e=i;const n={};1&a&&(n.featureGroup=e[10]),5&a&&(n.expand=e[2]===e[10].code),2&a&&(n.a11yLabels=e[1]),t.$set(n)},i(e){n||(l(t.$$.fragment,e),n=!0)},o(e){o(t.$$.fragment,e),n=!1},d(e){e&&c(i),k(t),r=!1,d()}}}function H(e){let i,t;return i=new $({props:{data:e[3],a11yLabels:e[1]}}),i.$on("back-click",e[9]),{c(){g(i.$$.fragment)},m(e,a){h(i,e,a),t=!0},p(e,t){const a={};8&t&&(a.data=e[3]),2&t&&(a.a11yLabels=e[1]),i.$set(a)},i(e){t||(l(i.$$.fragment,e),t=!0)},o(e){o(i.$$.fragment,e),t=!1},d(e){k(i,e)}}}function q(e){let i,t,a=e[0]?.length&&B(e);return{c(){a&&a.c(),i=n()},m(e,n){a&&a.m(e,n),s(e,i,n),t=!0},p(e,[t]){e[0]?.length?a?(a.p(e,t),1&t&&l(a,1)):(a=B(e),a.c(),l(a,1),a.m(i.parentNode,i)):a&&(p(),o(a,1,1,(()=>{a=null})),r())},i(e){t||(l(a),t=!0)},o(e){o(a),t=!1},d(e){a&&a.d(e),e&&c(i)}}}function A(e,i,t){let a;d(e,j,(e=>t(4,a=e)));let n,s,{data:l=[]}=i,{a11yLabels:o}=i;function r(e){const i=a;i||L(),t(2,n=i&&n===e?void 0:e)}function c(e){(null==e?void 0:e.detail)?s&&s.code===e.detail.code?t(3,s=void 0):t(3,s=e.detail):t(3,s=void 0)}return e.$$set=e=>{"data"in e&&t(0,l=e.data),"a11yLabels"in e&&t(1,o=e.a11yLabels)},[l,o,n,s,a,r,c,e=>c(e),e=>r(e.code),()=>c()]}class D extends e{constructor(e){super(),i(this,e,A,q,t,{data:0,a11yLabels:1},z)}}export{D as default};
 //# sourceMappingURL=sidebar-section.nested.js.map

package/public/adeo/components/sidebar/sidebar-section.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-section.nested.js","sources":["../../../../src/components/sidebar/sidebar-section.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { A11yLabels, Feature, FeatureGroup } from './sidebar.types';\n  import FeatureGroupComponent from './sidebar-feature-group.nested.svelte';\n  import SubFeaturesComponent from './sidebar-sub-features.nested.svelte';\n  import {\n    isSidebarOpen,\n    toggleSidebar,\n  } from '../../utilities/sidebar-service';\n\n  export let data: FeatureGroup[] = [];\n  export let a11yLabels: A11yLabels;\n\n  let expandedGroup: string | undefined;\n  let expandedSubGroup: Feature | undefined;\n\n  function handleGroupClick(code: string) {\n    // opens the menu if at the time of the click on a FeatureGroup this one was closed\n    const open = $isSidebarOpen;\n    if (!open) {\n      toggleSidebar();\n    }\n\n    if (open && expandedGroup === code) {\n      expandedGroup = undefined;\n    } else {\n      expandedGroup = code;\n    }\n  }\n\n  function handleFeatureClick(event?: CustomEvent<Feature>) {\n    if (event?.detail) {\n      if (expandedSubGroup && expandedSubGroup.code === event.detail.code) {\n        expandedSubGroup = undefined;\n      } else {\n        expandedSubGroup = event.detail;\n      }\n    } else {\n      expandedSubGroup = undefined;\n    }\n  }\n</script>\n\n{#if data?.length}\n  <div class=\"mc-sidebar-section\">\n    <ul\n      class={expandedSubGroup && $isSidebarOpen ? 'is-hidden' : 'is-visible'}\n      aria-hidden={expandedSubGroup && $isSidebarOpen}\n    >\n      {#each data as featureGroup}\n        <li on:click={() => handleGroupClick(featureGroup.code)}>\n          <FeatureGroupComponent\n            {featureGroup}\n            expand={expandedGroup === featureGroup.code}\n            {a11yLabels}\n            on:feature-click={(event) => handleFeatureClick(event)}\n          />\n        </li>\n      {/each}\n    </ul>\n    {#if expandedSubGroup && $isSidebarOpen}\n      <SubFeaturesComponent\n        data={expandedSubGroup}\n        {a11yLabels}\n        on:back-click={() => handleFeatureClick()}\n      />\n    {/if}\n  </div>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-section {\n    display: flex;\n    flex-direction: row;\n    flex: 1;\n    align-items: flex-start;\n    min-height: 38px;\n    overflow-x: hidden;\n    overflow-y: auto;\n    overflow-y: overlay;\n    padding: 1px 0px;\n    scrollbar-color: $color-primary-02-400 $color-sidebar-divider-background;\n    scrollbar-width: thin;\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        margin: 4px 0px;\n\n        &:first-child {\n          margin-top: 0;\n        }\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      &.is-hidden {\n        @include transition(margin-left 300ms ease-in-out);\n        margin-left: -320px;\n        opacity: 0;\n      }\n\n      &.is-visible {\n        @include transition(margin-left 300ms ease-in-out);\n        margin-left: 0;\n      }\n    }\n\n    &::-webkit-scrollbar {\n      width: 5px;\n      height: 10px;\n      background: $color-sidebar-scroll-background;\n\n      &-thumb {\n        background: $color-sidebar-scroll-color;\n      }\n    }\n  }\n</style>\n"],"names":["ctx","length","i","if_block","create_if_block_1","attr","ul","ul_class_value","null_to_empty","ul_aria_hidden_value","insert","target","div","anchor","append","each_blocks","current","dirty","code","li","create_if_block","expandedGroup","expandedSubGroup","data","$$props","a11yLabels","handleGroupClick","open","$isSidebarOpen","toggleSidebar","$$invalidate","undefined","handleFeatureClick","event","detail","featureGroup"],"mappings":"o+EAkDaA,EAAI,wBAATC,OAAIC,GAAA,4DAWH,IAAAC,EAAAH,MAAoBA,EAAc,IAAAI,EAAAJ,uFAd9BK,EAAAC,EAAA,QAAAC,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,mBACzDK,EAAAC,EAAA,cAAAG,EAAAT,MAAoBA,EAAc,6DAHnDU,EAuBKC,EAAAC,EAAAC,GAtBHC,EAcIF,EAAAN,6GAVKN,EAAI,WAATC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAa,EAAAd,OAAAC,GAAA,aAHCc,GAAA,GAAAC,GAAAV,KAAAA,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,sCACzDgB,GAAA,GAAAC,GAAAR,KAAAA,EAAAT,MAAoBA,EAAc,2BAa5CA,MAAoBA,EAAc,iIAXnCC,OAAIC,GAAA,4OAIQF,EAAa,KAAKA,EAAY,IAACkB,gIAH3CR,EAOIC,EAAAQ,EAAAN,wHAJQb,EAAa,KAAKA,EAAY,IAACkB,0LASrClB,EAAgB,2HAAhBA,EAAgB,6IAnBzBG,EAAAH,MAAMC,QAAMmB,EAAApB,yEAAZA,MAAMC,+NA9BLoB,EACAC,QAJOC,EAAI,IAAAC,cACJC,GAAsBD,EAKxB,SAAAE,EAAiBR,GAElB,MAAAS,EAAOC,EACRD,GACHE,IAIAC,EAAA,EAAAT,EADEM,GAAQN,IAAkBH,OACZa,EAEAb,GAIX,SAAAc,EAAmBC,IACtBA,eAAAA,EAAOC,QACLZ,GAAoBA,EAAiBJ,OAASe,EAAMC,OAAOhB,KAC7DY,EAAA,EAAAR,OAAmBS,OAEnBT,EAAmBW,EAAMC,QAG3BJ,EAAA,EAAAR,OAAmBS,sGAiBME,GAAUD,EAAmBC,MALhCP,EAAiBS,EAAajB,UAc7Bc"}
+{"version":3,"file":"sidebar-section.nested.js","sources":["../../../../src/components/sidebar/sidebar-section.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { A11yLabels, Feature, FeatureGroup } from './sidebar.types';\n  import FeatureGroupComponent from './sidebar-feature-group.nested.svelte';\n  import SubFeaturesComponent from './sidebar-sub-features.nested.svelte';\n  import {\n    isSidebarOpen,\n    toggleSidebar,\n  } from '../../utilities/sidebar-service';\n\n  export let data: FeatureGroup[] = [];\n  export let a11yLabels: A11yLabels;\n\n  let expandedGroup: string | undefined;\n  let expandedSubGroup: Feature | undefined;\n\n  function handleGroupClick(code: string) {\n    // opens the menu if at the time of the click on a FeatureGroup this one was closed\n    const open = $isSidebarOpen;\n    if (!open) {\n      toggleSidebar();\n    }\n\n    if (open && expandedGroup === code) {\n      expandedGroup = undefined;\n    } else {\n      expandedGroup = code;\n    }\n  }\n\n  function handleFeatureClick(event?: CustomEvent<Feature>) {\n    if (event?.detail) {\n      if (expandedSubGroup && expandedSubGroup.code === event.detail.code) {\n        expandedSubGroup = undefined;\n      } else {\n        expandedSubGroup = event.detail;\n      }\n    } else {\n      expandedSubGroup = undefined;\n    }\n  }\n</script>\n\n{#if data?.length}\n  <div class=\"mc-sidebar-section\">\n    <ul\n      class={expandedSubGroup && $isSidebarOpen ? 'is-hidden' : 'is-visible'}\n      aria-hidden={expandedSubGroup && $isSidebarOpen}\n    >\n      {#each data as featureGroup}\n        <li on:click={() => handleGroupClick(featureGroup.code)}>\n          <FeatureGroupComponent\n            {featureGroup}\n            expand={expandedGroup === featureGroup.code}\n            {a11yLabels}\n            on:feature-click={(event) => handleFeatureClick(event)}\n          />\n        </li>\n      {/each}\n    </ul>\n    {#if expandedSubGroup && $isSidebarOpen}\n      <SubFeaturesComponent\n        data={expandedSubGroup}\n        {a11yLabels}\n        on:back-click={() => handleFeatureClick()}\n      />\n    {/if}\n  </div>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-section {\n    display: flex;\n    flex-direction: row;\n    flex: 1;\n    align-items: flex-start;\n    min-height: 38px;\n    overflow-x: hidden;\n    overflow-y: auto;\n    overflow-y: overlay;\n    padding: 1px 0px;\n    scrollbar-color: $color-primary-02-400 $color-sidebar-divider-background;\n    scrollbar-width: thin;\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        margin: 4px 0px;\n\n        &:first-child {\n          margin-top: 0;\n        }\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      &.is-hidden {\n        @include transition(margin-left 300ms ease-in-out);\n        margin-left: -320px;\n        opacity: 0;\n      }\n\n      &.is-visible {\n        @include transition(margin-left 300ms ease-in-out);\n        margin-left: 0;\n      }\n    }\n\n    &::-webkit-scrollbar {\n      width: 5px;\n      height: 10px;\n      background: $color-sidebar-scroll-background;\n\n      &-thumb {\n        background: $color-sidebar-scroll-color;\n      }\n    }\n  }\n</style>\n"],"names":["ctx","length","i","if_block","create_if_block_1","attr","ul","ul_class_value","null_to_empty","ul_aria_hidden_value","insert","target","div","anchor","append","each_blocks","current","dirty","code","li","create_if_block","expandedGroup","expandedSubGroup","data","$$props","a11yLabels","handleGroupClick","open","$isSidebarOpen","toggleSidebar","$$invalidate","undefined","handleFeatureClick","event","detail","featureGroup"],"mappings":"u4EAkDaA,EAAI,wBAATC,OAAIC,GAAA,4DAWH,IAAAC,EAAAH,MAAoBA,EAAc,IAAAI,EAAAJ,uFAd9BK,EAAAC,EAAA,QAAAC,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,mBACzDK,EAAAC,EAAA,cAAAG,EAAAT,MAAoBA,EAAc,6DAHnDU,EAuBKC,EAAAC,EAAAC,GAtBHC,EAcIF,EAAAN,6GAVKN,EAAI,WAATC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAa,EAAAd,OAAAC,GAAA,aAHCc,GAAA,GAAAC,GAAAV,KAAAA,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,sCACzDgB,GAAA,GAAAC,GAAAR,KAAAA,EAAAT,MAAoBA,EAAc,2BAa5CA,MAAoBA,EAAc,iIAXnCC,OAAIC,GAAA,4OAIQF,EAAa,KAAKA,EAAY,IAACkB,gIAH3CR,EAOIC,EAAAQ,EAAAN,wHAJQb,EAAa,KAAKA,EAAY,IAACkB,0LASrClB,EAAgB,2HAAhBA,EAAgB,6IAnBzBG,EAAAH,MAAMC,QAAMmB,EAAApB,yEAAZA,MAAMC,+NA9BLoB,EACAC,QAJOC,EAAI,IAAAC,cACJC,GAAsBD,EAKxB,SAAAE,EAAiBR,GAElB,MAAAS,EAAOC,EACRD,GACHE,IAIAC,EAAA,EAAAT,EADEM,GAAQN,IAAkBH,OACZa,EAEAb,GAIX,SAAAc,EAAmBC,IACtBA,eAAAA,EAAOC,QACLZ,GAAoBA,EAAiBJ,OAASe,EAAMC,OAAOhB,KAC7DY,EAAA,EAAAR,OAAmBS,OAEnBT,EAAmBW,EAAMC,QAG3BJ,EAAA,EAAAR,OAAmBS,sGAiBME,GAAUD,EAAmBC,MALhCP,EAAiBS,EAAajB,UAc7Bc"}

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

@@ -1,2 +1,2 @@
-import{G as e,i as s,s as t,H as i,R as n,b as l,A as a,y as o,z as c,q as r,ag as b,u as d,e as m,d as h,t as p,h as v,l as g,m as k,B as f,o as u,X as x,Y as _,Z as w,_ as $}from"../../index-d12e76e8.js";import{a as y,s as j,i as H}from"../../sidebar-service-be26885e.js";function z(e){i(e,"svelte-1khl2b1",".mc-sidebar-segment.svelte-1khl2b1.svelte-1khl2b1{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#ffffff;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-1khl2b1.svelte-1khl2b1{fill:#ffffff;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-1khl2b1.svelte-1khl2b1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-1khl2b1.svelte-1khl2b1{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-1khl2b1.svelte-1khl2b1{background:#5b737d}.mc-sidebar-segment.svelte-1khl2b1 .svelte-1khl2b1:last-child{margin-left:10px}.mc-sidebar-segment.svelte-1khl2b1.svelte-1khl2b1:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1khl2b1:focus-visible .mc-sidebar-segment__container.svelte-1khl2b1{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1khl2b1.svelte-1khl2b1:hover{background:#405d68}.mc-sidebar-segment.is-close.svelte-1khl2b1 .mc-sidebar-segment__container.svelte-1khl2b1{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-1khl2b1 .mc-sidebar-segment__text.svelte-1khl2b1{opacity:0}.mc-sidebar-segment.is-open.svelte-1khl2b1 .mc-sidebar-segment__container.svelte-1khl2b1{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-1khl2b1 .mc-sidebar-segment__text.svelte-1khl2b1{opacity:1}")}const L=e=>({}),M=e=>({});function T(e){let s,t,i,n,b,d,x,_,w,$,y,j,H,z,L=e[0].label+"",M=e[0].icon&&q(e),T=e[4].icon&&A(e);return{c(){s=m("a"),t=m("div"),M&&M.c(),i=h(),T&&T.c(),n=h(),b=m("span"),d=p(L),v(b,"aria-hidden",x=!e[2]),v(b,"class","mc-sidebar-segment__text svelte-1khl2b1"),v(t,"class","mc-sidebar-segment__container svelte-1khl2b1"),v(s,"aria-label",_=e[0].label),v(s,"class",w="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1khl2b1"),v(s,"href",$=e[0].href??"javascript:void(null)"),v(s,"id",y=e[0].code)},m(a,o){l(a,s,o),g(s,t),M&&M.m(t,null),g(t,i),T&&T.m(t,null),g(t,n),g(t,b),g(b,d),j=!0,H||(z=k(s,"click",e[3]),H=!0)},p(e,l){e[0].icon?M?M.p(e,l):(M=q(e),M.c(),M.m(t,i)):M&&(M.d(1),M=null),e[4].icon?T?(T.p(e,l),16&l&&a(T,1)):(T=A(e),T.c(),a(T,1),T.m(t,n)):T&&(f(),o(T,1,1,(()=>{T=null})),c()),(!j||1&l)&&L!==(L=e[0].label+"")&&u(d,L),(!j||4&l&&x!==(x=!e[2]))&&v(b,"aria-hidden",x),(!j||1&l&&_!==(_=e[0].label))&&v(s,"aria-label",_),(!j||7&l&&w!==(w="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1khl2b1"))&&v(s,"class",w),(!j||1&l&&$!==($=e[0].href??"javascript:void(null)"))&&v(s,"href",$),(!j||1&l&&y!==(y=e[0].code))&&v(s,"id",y)},i(e){j||(a(T),j=!0)},o(e){o(T),j=!1},d(e){e&&r(s),M&&M.d(),T&&T.d(),H=!1,z()}}}function q(e){let s,t=`<${G(e[0].icon)} />`;return{c(){s=m("span"),v(s,"class","mc-sidebar-segment__icon svelte-1khl2b1")},m(e,i){l(e,s,i),s.innerHTML=t},p(e,i){1&i&&t!==(t=`<${G(e[0].icon)} />`)&&(s.innerHTML=t)},d(e){e&&r(s)}}}function A(e){let s,t;const i=e[6].icon,n=x(i,e,e[5],M);return{c(){s=m("span"),n&&n.c(),v(s,"class","mc-sidebar-segment__icon svelte-1khl2b1")},m(e,i){l(e,s,i),n&&n.m(s,null),t=!0},p(e,s){n&&n.p&&(!t||32&s)&&_(n,i,e,e[5],t?$(i,e[5],s,L):w(e[5]),M)},i(e){t||(a(n,e),t=!0)},o(e){o(n,e),t=!1},d(e){e&&r(s),n&&n.d(e)}}}function B(e){let s,t,i=e[0]&&T(e);return{c(){i&&i.c(),s=n()},m(e,n){i&&i.m(e,n),l(e,s,n),t=!0},p(e,[t]){e[0]?i?(i.p(e,t),1&t&&a(i,1)):(i=T(e),i.c(),a(i,1),i.m(s.parentNode,s)):i&&(f(),o(i,1,1,(()=>{i=null})),c())},i(e){t||(a(i),t=!0)},o(e){o(i),t=!1},d(e){i&&i.d(e),e&&r(s)}}}function G(e){return`${e} size="1.5rem"`}function N(e,s,t){let i,n;b(e,j,(e=>t(1,i=e))),b(e,H,(e=>t(2,n=e)));let{$$slots:l={},$$scope:a}=s;const o=d(l);let{data:c}=s;return e.$$set=e=>{"data"in e&&t(0,c=e.data),"$$scope"in e&&t(5,a=e.$$scope)},[c,i,n,function(){y(c.code)},o,a,l]}class R extends e{constructor(e){super(),s(this,e,N,B,t,{data:0},z)}}export{R as default};
+import{G as e,i as s,s as c,H as t,R as i,b as n,A as a,y as d,z as l,q as o,ag as r,u as m,e as p,d as b,t as v,h as g,l as f,m as x,B as u,o as h,X as _,Y as w,Z as $,_ as k}from"../../index-48da6c1f.js";import{a as y,s as j,i as H}from"../../sidebar-service-e5d3eb89.js";function z(e){t(e,"svelte-1c4cpd5",".mc-sidebar-segment.svelte-1c4cpd5.svelte-1c4cpd5{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#ffffff;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-1c4cpd5.svelte-1c4cpd5{fill:#ffffff;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-1c4cpd5.svelte-1c4cpd5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-1c4cpd5.svelte-1c4cpd5{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-1c4cpd5.svelte-1c4cpd5{background:#5b737d}.mc-sidebar-segment.svelte-1c4cpd5 .svelte-1c4cpd5:last-child{margin-left:10px}.mc-sidebar-segment.svelte-1c4cpd5.svelte-1c4cpd5:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1c4cpd5:focus-visible .mc-sidebar-segment__container.svelte-1c4cpd5{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1c4cpd5.svelte-1c4cpd5:hover{background:#405d68}.mc-sidebar-segment.is-close.svelte-1c4cpd5 .mc-sidebar-segment__container.svelte-1c4cpd5{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-1c4cpd5 .mc-sidebar-segment__text.svelte-1c4cpd5{opacity:0}.mc-sidebar-segment.is-open.svelte-1c4cpd5 .mc-sidebar-segment__container.svelte-1c4cpd5{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-1c4cpd5 .mc-sidebar-segment__text.svelte-1c4cpd5{opacity:1}")}const L=e=>({}),M=e=>({});function T(e){let s,c,t,i,r,m,_,w,$,k,y,j,H,z,L,M=e[0].label+"",T=e[0].icon&&q(e),B=e[4].icon&&A(e);return{c(){s=p("a"),c=p("div"),T&&T.c(),t=b(),B&&B.c(),i=b(),r=p("span"),m=v(M),g(r,"aria-hidden",_=!e[2]),g(r,"class","mc-sidebar-segment__text svelte-1c4cpd5"),g(c,"class","mc-sidebar-segment__container svelte-1c4cpd5"),g(s,"id",w=e[0].code),g(s,"aria-label",$=e[0].label),g(s,"class",k="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1c4cpd5"),g(s,"href",y=e[0].href??"javascript:void(null)"),g(s,"target",j=e[0].embedded)},m(a,d){n(a,s,d),f(s,c),T&&T.m(c,null),f(c,t),B&&B.m(c,null),f(c,i),f(c,r),f(r,m),H=!0,z||(L=x(s,"click",e[3]),z=!0)},p(e,n){e[0].icon?T?T.p(e,n):(T=q(e),T.c(),T.m(c,t)):T&&(T.d(1),T=null),e[4].icon?B?(B.p(e,n),16&n&&a(B,1)):(B=A(e),B.c(),a(B,1),B.m(c,i)):B&&(u(),d(B,1,1,(()=>{B=null})),l()),(!H||1&n)&&M!==(M=e[0].label+"")&&h(m,M),(!H||4&n&&_!==(_=!e[2]))&&g(r,"aria-hidden",_),(!H||1&n&&w!==(w=e[0].code))&&g(s,"id",w),(!H||1&n&&$!==($=e[0].label))&&g(s,"aria-label",$),(!H||7&n&&k!==(k="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1c4cpd5"))&&g(s,"class",k),(!H||1&n&&y!==(y=e[0].href??"javascript:void(null)"))&&g(s,"href",y),(!H||1&n&&j!==(j=e[0].embedded))&&g(s,"target",j)},i(e){H||(a(B),H=!0)},o(e){d(B),H=!1},d(e){e&&o(s),T&&T.d(),B&&B.d(),z=!1,L()}}}function q(e){let s,c=`<${G(e[0].icon)} />`;return{c(){s=p("span"),g(s,"class","mc-sidebar-segment__icon svelte-1c4cpd5")},m(e,t){n(e,s,t),s.innerHTML=c},p(e,t){1&t&&c!==(c=`<${G(e[0].icon)} />`)&&(s.innerHTML=c)},d(e){e&&o(s)}}}function A(e){let s,c;const t=e[6].icon,i=_(t,e,e[5],M);return{c(){s=p("span"),i&&i.c(),g(s,"class","mc-sidebar-segment__icon svelte-1c4cpd5")},m(e,t){n(e,s,t),i&&i.m(s,null),c=!0},p(e,s){i&&i.p&&(!c||32&s)&&w(i,t,e,e[5],c?k(t,e[5],s,L):$(e[5]),M)},i(e){c||(a(i,e),c=!0)},o(e){d(i,e),c=!1},d(e){e&&o(s),i&&i.d(e)}}}function B(e){let s,c,t=e[0]&&T(e);return{c(){t&&t.c(),s=i()},m(e,i){t&&t.m(e,i),n(e,s,i),c=!0},p(e,[c]){e[0]?t?(t.p(e,c),1&c&&a(t,1)):(t=T(e),t.c(),a(t,1),t.m(s.parentNode,s)):t&&(u(),d(t,1,1,(()=>{t=null})),l())},i(e){c||(a(t),c=!0)},o(e){d(t),c=!1},d(e){t&&t.d(e),e&&o(s)}}}function G(e){return`${e} size="1.5rem"`}function N(e,s,c){let t,i;r(e,j,(e=>c(1,t=e))),r(e,H,(e=>c(2,i=e)));let{$$slots:n={},$$scope:a}=s;const d=m(n);let{data:l}=s;return e.$$set=e=>{"data"in e&&c(0,l=e.data),"$$scope"in e&&c(5,a=e.$$scope)},[l,t,i,function(){y(l.code)},d,a,n]}class R extends e{constructor(e){super(),s(this,e,N,B,c,{data:0},z)}}export{R as default};
 //# sourceMappingURL=sidebar-segment.nested.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from '../../utilities/sidebar-service';\n\n  export let data: Segment;\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    aria-label={data.label}\n    class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n      ? 'is-selected'\n      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    href={data.href ?? 'javascript:void(null)'}\n    id={data.code}\n    on:click={handleClick}\n  >\n    <div class=\"mc-sidebar-segment__container\">\n      {#if data.icon}\n        <span class=\"mc-sidebar-segment__icon\">\n          {@html `<${generateIcon(data.icon)} />`}\n        </span>\n      {/if}\n      {#if $$slots.icon}\n        <span class=\"mc-sidebar-segment__icon\">\n          <slot name=\"icon\" />\n        </span>\n      {/if}\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-segment {\n    cursor: pointer;\n    flex: 0;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    display: flex;\n    overflow: hidden;\n    min-height: 40px;\n\n    &__icon {\n      fill: $color-sidebar-icon;\n      height: 1.5rem;\n      width: 1.5rem;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    svg {\n      fill: $color-sidebar-icon;\n    }\n\n    &__text {\n      margin-left: 10px;\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    :last-child {\n      margin-left: 10px;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-segment__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":["t2_value","ctx","label","if_block0","icon","create_if_block_2","if_block1","create_if_block_1","attr","a","a_aria_label_value","a_class_value","code","lv0","href","a_id_value","insert","target","anchor","append","div","span","current","dirty","set_data","t2","generateIcon","innerHTML","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"orEA2CSA,EAAAC,KAAKC,MAAK,GAXRC,EAAAF,KAAKG,MAAIC,EAAAJ,GAKTK,EAAAL,KAAQG,MAAIG,EAAAN,wGAKGA,EAAc,uHAnBxBO,EAAAC,EAAA,aAAAC,EAAAT,KAAKC,OACUM,EAAAC,EAAA,QAAAE,EAAA,uBAAAV,KAAKW,OAASX,EAAkB,IAAAY,KAAKD,KAC5D,cACA,IAAK,KAAAX,EAAiB,GAAA,UAAY,YAAU,gCAC1CA,EAAI,GAACa,MAAQ,yBACfN,EAAAC,EAAA,KAAAM,EAAAd,KAAKW,cANXI,EAwBGC,EAAAR,EAAAS,GAfDC,EAcKV,EAAAW,+CAHHD,EAEMC,EAAAC,iCAfEpB,EAAW,kBAGdA,KAAKG,2DAKLH,KAAQG,qGAMVkB,GAAA,EAAAC,IAAAvB,KAAAA,EAAAC,KAAKC,MAAK,KAAAsB,EAAAC,EAAAzB,qBADOC,EAAc,6BAnBxBqB,GAAA,EAAAC,GAAAb,KAAAA,EAAAT,KAAKC,+BACUoB,GAAA,EAAAC,GAAAZ,KAAAA,EAAA,uBAAAV,KAAKW,OAASX,EAAkB,IAAAY,KAAKD,KAC5D,cACA,IAAK,KAAAX,EAAiB,GAAA,UAAY,YAAU,qDAC1CA,EAAI,GAACa,MAAQ,2CACfQ,GAAA,EAAAC,GAAAR,KAAAA,EAAAd,KAAKW,8HAMQc,EAAazB,EAAI,GAACG,iGAD/BY,EAEMC,EAAAI,EAAAH,yCADOQ,EAAazB,EAAI,GAACG,cAAIiB,EAAAM,UAAAC,0KAInCZ,EAEMC,EAAAI,EAAAH,sLAnBTjB,EAAI,IAAA4B,EAAA5B,yEAAJA,EAAI,0KATE,SAAAyB,EAAaI,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,EAAKnB"}
+{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import type { Segment } from './sidebar.types';\n  import {\n    isSidebarOpen,\n    selectedFeature,\n    selectFeature,\n  } from '../../utilities/sidebar-service';\n\n  export let data: Segment;\n\n  function generateIcon(iconname: string): string {\n    return `${iconname} size=\"1.5rem\"`;\n  }\n\n  function handleClick() {\n    selectFeature(data.code);\n  }\n</script>\n\n{#if data}\n  <a\n    id={data.code}\n    aria-label={data.label}\n    class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n      ? 'is-selected'\n      : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    href={data.href ?? 'javascript:void(null)'}\n    target={data.embedded}\n    on:click={handleClick}\n  >\n    <div class=\"mc-sidebar-segment__container\">\n      {#if data.icon}\n        <span class=\"mc-sidebar-segment__icon\">\n          {@html `<${generateIcon(data.icon)} />`}\n        </span>\n      {/if}\n      {#if $$slots.icon}\n        <span class=\"mc-sidebar-segment__icon\">\n          <slot name=\"icon\" />\n        </span>\n      {/if}\n      <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n        {data.label}\n      </span>\n    </div>\n  </a>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-segment {\n    cursor: pointer;\n    flex: 0;\n    text-decoration: none;\n    color: $color-sidebar-text-color;\n    line-height: 22px;\n    display: flex;\n    overflow: hidden;\n    min-height: 40px;\n\n    &__icon {\n      fill: $color-sidebar-icon;\n      height: 1.5rem;\n      width: 1.5rem;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      padding: 8px 0px;\n    }\n\n    svg {\n      fill: $color-sidebar-icon;\n    }\n\n    &__text {\n      margin-left: 10px;\n      width: 200px;\n      min-width: 200px;\n    }\n\n    &.is-selected {\n      background: $color-sidebar-feature-selected-background;\n    }\n\n    :last-child {\n      margin-left: 10px;\n    }\n\n    &:focus-visible {\n      box-shadow: none;\n      border: none;\n      outline: none;\n\n      .mc-sidebar-segment__container {\n        box-shadow: none;\n        border: none;\n        border-radius: 6px;\n        outline: 1px solid #0b96cc;\n      }\n    }\n\n    &:hover {\n      background: $color-sidebar-feature-hover-background;\n    }\n\n    &.is-close {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 20px;\n        width: 24px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-segment__container {\n        @include transition(margin 300ms ease-in-out);\n        margin: 0 32px;\n      }\n\n      .mc-sidebar-segment__text {\n        opacity: 1;\n      }\n    }\n  }\n</style>\n"],"names":["t2_value","ctx","label","if_block0","icon","create_if_block_2","if_block1","create_if_block_1","attr","a","a_id_value","code","a_aria_label_value","a_class_value","lv0","href","a_target_value","embedded","insert","target","anchor","append","div","span","current","dirty","set_data","t2","generateIcon","innerHTML","raw_value","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"wmEA4CSA,EAAAC,KAAKC,MAAK,GAXRC,EAAAF,KAAKG,MAAIC,EAAAJ,GAKTK,EAAAL,KAAQG,MAAIG,EAAAN,wGAKGA,EAAc,uHApBhCO,EAAAC,EAAA,KAAAC,EAAAT,KAAKU,MACGH,EAAAC,EAAA,aAAAG,EAAAX,KAAKC,OACUM,EAAAC,EAAA,QAAAI,EAAA,uBAAAZ,KAAKU,OAASV,EAAkB,IAAAa,KAAKH,KAC5D,cACA,IAAK,KAAAV,EAAiB,GAAA,UAAY,YAAU,gCAC1CA,EAAI,GAACc,MAAQ,yBACXP,EAAAC,EAAA,SAAAO,EAAAf,KAAKgB,kBAPfC,EAyBGC,EAAAV,EAAAW,GAfDC,EAcKZ,EAAAa,+CAHHD,EAEMC,EAAAC,iCAfEtB,EAAW,kBAGdA,KAAKG,2DAKLH,KAAQG,qGAMVoB,GAAA,EAAAC,IAAAzB,KAAAA,EAAAC,KAAKC,MAAK,KAAAwB,EAAAC,EAAA3B,qBADOC,EAAc,6BApBhCuB,GAAA,EAAAC,GAAAf,KAAAA,EAAAT,KAAKU,sBACGa,GAAA,EAAAC,GAAAb,KAAAA,EAAAX,KAAKC,+BACUsB,GAAA,EAAAC,GAAAZ,KAAAA,EAAA,uBAAAZ,KAAKU,OAASV,EAAkB,IAAAa,KAAKH,KAC5D,cACA,IAAK,KAAAV,EAAiB,GAAA,UAAY,YAAU,qDAC1CA,EAAI,GAACc,MAAQ,2CACXS,GAAA,EAAAC,GAAAT,KAAAA,EAAAf,KAAKgB,sIAMIW,EAAa3B,EAAI,GAACG,iGAD/Bc,EAEMC,EAAAI,EAAAH,yCADOQ,EAAa3B,EAAI,GAACG,cAAImB,EAAAM,UAAAC,0KAInCZ,EAEMC,EAAAI,EAAAH,sLApBTnB,EAAI,IAAA8B,EAAA9B,yEAAJA,EAAI,0KATE,SAAA2B,EAAaI,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,EAAKtB"}

package/public/adeo/components/sidebar/sidebar-segment.nested.svelte

@@ -21,12 +21,13 @@
 
 {#if data}
   <a
+    id={data.code}
     aria-label={data.label}
     class="mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code
       ? 'is-selected'
       : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}"
     href={data.href ?? 'javascript:void(null)'}
-    id={data.code}
+    target={data.embedded}
     on:click={handleClick}
   >
     <div class="mc-sidebar-segment__container">

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

@@ -1,2 +1,2 @@
-import{G as s,i as e,s as i,H as a,e as t,h as r,b as o,n,q as m,ag as d}from"../../index-d12e76e8.js";import{i as l}from"../../sidebar-service-be26885e.js";function p(s){a(s,"svelte-7t2kdi",".mc-sidebar-separator.svelte-7t2kdi{border-bottom:1px solid #5b737d;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-sidebar-separator.is-close.svelte-7t2kdi{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 0}.mc-sidebar-separator.is-open.svelte-7t2kdi{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 32px}")}function c(s){let e,i;return{c(){e=t("span"),r(e,"role","separator"),r(e,"class",i="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-7t2kdi")},m(s,i){o(s,e,i)},p(s,[a]){1&a&&i!==(i="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-7t2kdi")&&r(e,"class",i)},i:n,o:n,d(s){s&&m(e)}}}function b(s,e,i){let a;return d(s,l,(s=>i(0,a=s))),[a]}class u extends s{constructor(s){super(),e(this,s,b,c,i,{},p)}}export{u as default};
+import{G as s,i as e,s as a,H as i,e as r,h as t,b as o,n,q as c,ag as l}from"../../index-48da6c1f.js";import{i as m}from"../../sidebar-service-e5d3eb89.js";function p(s){i(s,"svelte-1i9cu0g",".mc-sidebar-separator.svelte-1i9cu0g{border-bottom:1px solid #5b737d;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-sidebar-separator.is-close.svelte-1i9cu0g{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 0}.mc-sidebar-separator.is-open.svelte-1i9cu0g{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:24px 32px}")}function d(s){let e,a;return{c(){e=r("span"),t(e,"role","separator"),t(e,"class",a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-1i9cu0g")},m(s,a){o(s,e,a)},p(s,[i]){1&i&&a!==(a="mc-sidebar-separator "+(s[0]?"is-open":"is-close")+" svelte-1i9cu0g")&&t(e,"class",a)},i:n,o:n,d(s){s&&c(e)}}}function u(s,e,a){let i;return l(s,m,(s=>a(0,i=s))),[i]}class b extends s{constructor(s){super(),e(this,s,u,d,a,{},p)}}export{b as default};
 //# sourceMappingURL=sidebar-separator.nested.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{G as e,i as s,s as l,H as a,e as t,I as i,d as n,t as r,h as u,b as o,l as b,m as c,o as f,A as m,y as d,z as p,q as h,v as g,w as v,B as x,Q as _,D as w,E as y,P as k,F as $}from"../../index-d12e76e8.js";import{a as L}from"../../sidebar-service-be26885e.js";import z from"./sidebar-feature.nested.js";import{E as j}from"../../EventHandler-f7ee47ca.js";function H(e){a(e,"svelte-5hmulp",".mc-sidebar-sub-feature.svelte-5hmulp.svelte-5hmulp{width:320px}.mc-sidebar-sub-feature__trigger.svelte-5hmulp.svelte-5hmulp{background:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;font-size:inherit;font-family:inherit;width:100%;padding:0px 32px}.mc-sidebar-sub-feature__trigger__label.svelte-5hmulp.svelte-5hmulp{font-size:16px;font-weight:700;margin-left:8px;color:#ffffff}.mc-sidebar-sub-feature__trigger.svelte-5hmulp.svelte-5hmulp:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-sub-feature__trigger.svelte-5hmulp:focus-visible .mc-sidebar-sub-feature__container.svelte-5hmulp{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-sub-feature__icon.svelte-5hmulp.svelte-5hmulp{fill:#ffffff}.mc-sidebar-sub-feature__container.svelte-5hmulp.svelte-5hmulp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:24px;padding:8px 0px}.mc-sidebar-sub-feature.svelte-5hmulp ul.svelte-5hmulp{list-style:none;margin:0;padding:0}")}function B(e,s,l){const a=e.slice();return a[6]=s[l],a}function E(e){let s,l,a=e[0]?.items,i=[];for(let s=0;s<a.length;s+=1)i[s]=A(B(e,a,s));const n=e=>d(i[e],1,1,(()=>{i[e]=null}));return{c(){s=t("ul");for(let e=0;e<i.length;e+=1)i[e].c();u(s,"class","svelte-5hmulp")},m(e,a){o(e,s,a);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null);l=!0},p(e,l){if(11&l){let t;for(a=e[0]?.items,t=0;t<a.length;t+=1){const n=B(e,a,t);i[t]?(i[t].p(n,l),m(i[t],1)):(i[t]=A(n),i[t].c(),m(i[t],1),i[t].m(s,null))}for(x(),t=a.length;t<i.length;t+=1)n(t);p()}},i(e){if(!l){for(let e=0;e<a.length;e+=1)m(i[e]);l=!0}},o(e){i=i.filter(Boolean);for(let e=0;e<i.length;e+=1)d(i[e]);l=!1},d(e){e&&h(s),_(i,e)}}}function A(e){let s,l,a,i,r,f;function p(){return e[4](e[6])}return l=new z({props:{feature:e[6],a11yLabels:e[1]}}),{c(){s=t("li"),w(l.$$.fragment),a=n(),u(s,"class","mc-sidebar-sub-feature__item")},m(e,t){o(e,s,t),y(l,s,null),b(s,a),i=!0,r||(f=c(s,"click",k(p)),r=!0)},p(s,a){e=s;const t={};1&a&&(t.feature=e[6]),2&a&&(t.a11yLabels=e[1]),l.$set(t)},i(e){i||(m(l.$$.fragment,e),i=!0)},o(e){d(l.$$.fragment,e),i=!1},d(e){e&&h(s),$(l),r=!1,f()}}}function M(e){let s,l,a,g,v,_,w,y,k,$,L,z,j,H,B=e[0]?.label+"",A=e[0]?.items?.length&&E(e);return{c(){s=t("div"),l=t("button"),a=t("span"),g=i("svg"),v=i("path"),_=i("path"),w=n(),y=t("span"),k=r(B),$=n(),A&&A.c(),u(v,"d","M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z"),u(_,"d","M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z"),u(g,"class","mc-sidebar-sub-feature__icon svelte-5hmulp"),u(g,"width","24px"),u(g,"height","24px"),u(g,"viewBox","0 0 24 24"),u(y,"class","mc-sidebar-sub-feature__trigger__label svelte-5hmulp"),u(a,"class","mc-sidebar-sub-feature__container svelte-5hmulp"),u(l,"class","mc-sidebar-sub-feature__trigger svelte-5hmulp"),u(s,"class","mc-sidebar-sub-feature svelte-5hmulp"),u(s,"aria-label",L=e[0]?.label)},m(t,i){o(t,s,i),b(s,l),b(l,a),b(a,g),b(g,v),b(g,_),b(a,w),b(a,y),b(y,k),b(s,$),A&&A.m(s,null),z=!0,j||(H=c(l,"click",e[2]),j=!0)},p(e,[l]){(!z||1&l)&&B!==(B=e[0]?.label+"")&&f(k,B),e[0]?.items?.length?A?(A.p(e,l),1&l&&m(A,1)):(A=E(e),A.c(),m(A,1),A.m(s,null)):A&&(x(),d(A,1,1,(()=>{A=null})),p()),(!z||1&l&&L!==(L=e[0]?.label))&&u(s,"aria-label",L)},i(e){z||(m(A),z=!0)},o(e){d(A),z=!1},d(e){e&&h(s),A&&A.d(),j=!1,H()}}}function q(e,s,l){let{data:a}=s,{a11yLabels:t}=s,i=new j(g(),v());function n(e){e.disabled||L(e.code)}return e.$$set=e=>{"data"in e&&l(0,a=e.data),"a11yLabels"in e&&l(1,t=e.a11yLabels)},[a,t,function(){i.dispatch("back-click",a)},n,e=>n(e)]}class D extends e{constructor(e){super(),s(this,e,q,M,l,{data:0,a11yLabels:1},H)}}export{D as default};
+import{G as e,i as s,s as l,H as a,e as t,I as i,d as n,t as r,h as u,b as o,l as b,m as c,o as f,A as m,y as d,z as p,q as h,v as g,w as v,B as x,Q as _,D as w,E as y,P as k,F as $}from"../../index-48da6c1f.js";import{a as L}from"../../sidebar-service-e5d3eb89.js";import z from"./sidebar-feature.nested.js";import{E as j}from"../../EventHandler-f7ee47ca.js";function H(e){a(e,"svelte-5hmulp",".mc-sidebar-sub-feature.svelte-5hmulp.svelte-5hmulp{width:320px}.mc-sidebar-sub-feature__trigger.svelte-5hmulp.svelte-5hmulp{background:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0;font-size:inherit;font-family:inherit;width:100%;padding:0px 32px}.mc-sidebar-sub-feature__trigger__label.svelte-5hmulp.svelte-5hmulp{font-size:16px;font-weight:700;margin-left:8px;color:#ffffff}.mc-sidebar-sub-feature__trigger.svelte-5hmulp.svelte-5hmulp:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-sub-feature__trigger.svelte-5hmulp:focus-visible .mc-sidebar-sub-feature__container.svelte-5hmulp{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-sub-feature__icon.svelte-5hmulp.svelte-5hmulp{fill:#ffffff}.mc-sidebar-sub-feature__container.svelte-5hmulp.svelte-5hmulp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:24px;padding:8px 0px}.mc-sidebar-sub-feature.svelte-5hmulp ul.svelte-5hmulp{list-style:none;margin:0;padding:0}")}function B(e,s,l){const a=e.slice();return a[6]=s[l],a}function E(e){let s,l,a=e[0]?.items,i=[];for(let s=0;s<a.length;s+=1)i[s]=A(B(e,a,s));const n=e=>d(i[e],1,1,(()=>{i[e]=null}));return{c(){s=t("ul");for(let e=0;e<i.length;e+=1)i[e].c();u(s,"class","svelte-5hmulp")},m(e,a){o(e,s,a);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null);l=!0},p(e,l){if(11&l){let t;for(a=e[0]?.items,t=0;t<a.length;t+=1){const n=B(e,a,t);i[t]?(i[t].p(n,l),m(i[t],1)):(i[t]=A(n),i[t].c(),m(i[t],1),i[t].m(s,null))}for(x(),t=a.length;t<i.length;t+=1)n(t);p()}},i(e){if(!l){for(let e=0;e<a.length;e+=1)m(i[e]);l=!0}},o(e){i=i.filter(Boolean);for(let e=0;e<i.length;e+=1)d(i[e]);l=!1},d(e){e&&h(s),_(i,e)}}}function A(e){let s,l,a,i,r,f;function p(){return e[4](e[6])}return l=new z({props:{feature:e[6],a11yLabels:e[1]}}),{c(){s=t("li"),w(l.$$.fragment),a=n(),u(s,"class","mc-sidebar-sub-feature__item")},m(e,t){o(e,s,t),y(l,s,null),b(s,a),i=!0,r||(f=c(s,"click",k(p)),r=!0)},p(s,a){e=s;const t={};1&a&&(t.feature=e[6]),2&a&&(t.a11yLabels=e[1]),l.$set(t)},i(e){i||(m(l.$$.fragment,e),i=!0)},o(e){d(l.$$.fragment,e),i=!1},d(e){e&&h(s),$(l),r=!1,f()}}}function M(e){let s,l,a,g,v,_,w,y,k,$,L,z,j,H,B=e[0]?.label+"",A=e[0]?.items?.length&&E(e);return{c(){s=t("div"),l=t("button"),a=t("span"),g=i("svg"),v=i("path"),_=i("path"),w=n(),y=t("span"),k=r(B),$=n(),A&&A.c(),u(v,"d","M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z"),u(_,"d","M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z"),u(g,"class","mc-sidebar-sub-feature__icon svelte-5hmulp"),u(g,"width","24px"),u(g,"height","24px"),u(g,"viewBox","0 0 24 24"),u(y,"class","mc-sidebar-sub-feature__trigger__label svelte-5hmulp"),u(a,"class","mc-sidebar-sub-feature__container svelte-5hmulp"),u(l,"class","mc-sidebar-sub-feature__trigger svelte-5hmulp"),u(s,"class","mc-sidebar-sub-feature svelte-5hmulp"),u(s,"aria-label",L=e[0]?.label)},m(t,i){o(t,s,i),b(s,l),b(l,a),b(a,g),b(g,v),b(g,_),b(a,w),b(a,y),b(y,k),b(s,$),A&&A.m(s,null),z=!0,j||(H=c(l,"click",e[2]),j=!0)},p(e,[l]){(!z||1&l)&&B!==(B=e[0]?.label+"")&&f(k,B),e[0]?.items?.length?A?(A.p(e,l),1&l&&m(A,1)):(A=E(e),A.c(),m(A,1),A.m(s,null)):A&&(x(),d(A,1,1,(()=>{A=null})),p()),(!z||1&l&&L!==(L=e[0]?.label))&&u(s,"aria-label",L)},i(e){z||(m(A),z=!0)},o(e){d(A),z=!1},d(e){e&&h(s),A&&A.d(),j=!1,H()}}}function q(e,s,l){let{data:a}=s,{a11yLabels:t}=s,i=new j(g(),v());function n(e){e.disabled||L(e.code)}return e.$$set=e=>{"data"in e&&l(0,a=e.data),"a11yLabels"in e&&l(1,t=e.a11yLabels)},[a,t,function(){i.dispatch("back-click",a)},n,e=>n(e)]}class D extends e{constructor(e){super(),s(this,e,q,M,l,{data:0,a11yLabels:1},H)}}export{D as default};
 //# sourceMappingURL=sidebar-sub-features.nested.js.map

package/public/adeo/components/sidebar/sidebar-user.nested.js

@@ -1,2 +1,2 @@
-import{G as e,i as t,s,H as i,R as n,b as a,A as r,y as l,z as o,q as d,ag as m,e as c,d as u,h as b,l as p,m as f,B as h,t as _,o as y,Q as x,D as g,E as k,P as v,F as w,J as $,I as L,n as z,L as B,a4 as j}from"../../index-d12e76e8.js";import{t as A,a as C,i as M}from"../../sidebar-service-be26885e.js";import N from"./sidebar-feature.nested.js";function H(e){i(e,"svelte-3b5ykm",".mc-sidebar-user.svelte-3b5ykm.svelte-3b5ykm{left:0;right:0;bottom:0;position:absolute;background:#264653}.mc-sidebar-user__header.svelte-3b5ykm.svelte-3b5ykm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#ffffff;font-size:inherit;font-family:inherit;text-align:initial;margin:0;width:100%;overflow:hidden}.mc-sidebar-user__header.svelte-3b5ykm.svelte-3b5ykm:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:12px;outline:1px solid #0b96cc;outline-offset:-5px}.mc-sidebar-user__header.svelte-3b5ykm.svelte-3b5ykm:hover{cursor:pointer}.mc-sidebar-user__header.svelte-3b5ykm:hover .mc-sidebar-user__header__information__icon.svelte-3b5ykm{background:#405d68}.mc-sidebar-user__header__picture.svelte-3b5ykm.svelte-3b5ykm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#5B737D;border-radius:24px;width:48px;min-width:48px;height:48px;overflow:hidden}.mc-sidebar-user__header__picture.svelte-3b5ykm img.svelte-3b5ykm{display:block}.mc-sidebar-user__header__information.svelte-3b5ykm.svelte-3b5ykm{-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;margin-left:8px;height:40px}.mc-sidebar-user__header__information__icon.svelte-3b5ykm.svelte-3b5ykm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:4px}.mc-sidebar-user__header__information__identity.svelte-3b5ykm.svelte-3b5ykm{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-3b5ykm.svelte-3b5ykm,.mc-sidebar-user__header__information__identity.svelte-3b5ykm.svelte-3b5ykm{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-3b5ykm.svelte-3b5ykm{fill:#ffffff}.mc-sidebar-user__content.svelte-3b5ykm.svelte-3b5ykm{list-style-type:none;padding:0;overflow:hidden;margin:-8px 0px 24px 0px;-o-transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mc-sidebar-user__content.is-close.svelte-3b5ykm.svelte-3b5ykm{height:0;margin:0}.mc-sidebar-user.is-close.svelte-3b5ykm .mc-sidebar-user__header.svelte-3b5ykm{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 8px;margin:8px 0}.mc-sidebar-user.is-open.svelte-3b5ykm .mc-sidebar-user__header.svelte-3b5ykm{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 24px 12px 32px;margin:8px 0}")}function q(e,t,s){const i=e.slice();return i[11]=t[s],i}function E(e){let t,s,i,n,m,_,y,x,g,k,v;function w(e,t){return e[0].imageBase64?V:F}let $=w(e),L=$(e),z=e[4]&&D(e),B=e[1]?.length&&G(e);return{c(){t=c("div"),s=c("button"),i=c("span"),L.c(),n=u(),z&&z.c(),y=u(),B&&B.c(),b(i,"class","mc-sidebar-user__header__picture svelte-3b5ykm"),b(s,"aria-expanded",m=e[4]&&e[3]),b(s,"class","mc-sidebar-user__header svelte-3b5ykm"),b(s,"aria-label",_=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"),b(s,"aria-controls","user-content"),b(s,"id","user-trigger"),b(t,"class",x="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-3b5ykm")},m(r,l){a(r,t,l),p(t,s),p(s,i),L.m(i,null),p(s,n),z&&z.m(s,null),p(t,y),B&&B.m(t,null),g=!0,k||(v=f(t,"click",e[6]),k=!0)},p(e,n){$===($=w(e))&&L?L.p(e,n):(L.d(1),L=$(e),L&&(L.c(),L.m(i,null))),e[4]?z?z.p(e,n):(z=D(e),z.c(),z.m(s,null)):z&&(z.d(1),z=null),(!g||24&n&&m!==(m=e[4]&&e[3]))&&b(s,"aria-expanded",m),(!g||28&n&&_!==(_=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&b(s,"aria-label",_),e[1]?.length?B?(B.p(e,n),2&n&&r(B,1)):(B=G(e),B.c(),r(B,1),B.m(t,null)):B&&(h(),l(B,1,1,(()=>{B=null})),o()),(!g||16&n&&x!==(x="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-3b5ykm"))&&b(t,"class",x)},i(e){g||(r(B),g=!0)},o(e){l(B),g=!1},d(e){e&&d(t),L.d(),z&&z.d(),B&&B.d(),k=!1,v()}}}function F(e){let t,s;return{c(){t=L("svg"),s=L("path"),b(s,"d","M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z"),b(t,"class","mc-sidebar-user__icon svelte-3b5ykm"),b(t,"width","24px"),b(t,"height","24px"),b(t,"viewBox","0 0 24 24")},m(e,i){a(e,t,i),p(t,s)},p:z,d(e){e&&d(t)}}}function V(e){let t,s;return{c(){t=c("img"),b(t,"class","base64 svelte-3b5ykm"),B(t,"display","block"),B(t,"width","auto"),B(t,"height","48px"),B(t,"max-width","48px"),b(t,"aria-hidden",""),b(t,"alt","User Picture"),j(t.src,s="data:image/png;base64, "+e[0].imageBase64)||b(t,"src",s)},m(e,s){a(e,t,s)},p(e,i){1&i&&!j(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&b(t,"src",s)},d(e){e&&d(t)}}}function D(e){let t,s,i,r,l,o,m,f,h=(e[0]?.firstName||"")+"",x=(e[0]?.lastName||"")+"",g=e[0]?.title&&O(e),k=e[1]?.length&&P(e);return{c(){t=c("p"),s=c("span"),i=_(h),r=u(),l=_(x),o=u(),g&&g.c(),m=u(),k&&k.c(),f=n(),b(s,"class","mc-sidebar-user__header__information__identity svelte-3b5ykm"),b(t,"class","mc-sidebar-user__header__information svelte-3b5ykm")},m(e,n){a(e,t,n),p(t,s),p(s,i),p(s,r),p(s,l),p(t,o),g&&g.m(t,null),a(e,m,n),k&&k.m(e,n),a(e,f,n)},p(e,s){1&s&&h!==(h=(e[0]?.firstName||"")+"")&&y(i,h),1&s&&x!==(x=(e[0]?.lastName||"")+"")&&y(l,x),e[0]?.title?g?g.p(e,s):(g=O(e),g.c(),g.m(t,null)):g&&(g.d(1),g=null),e[1]?.length?k?k.p(e,s):(k=P(e),k.c(),k.m(f.parentNode,f)):k&&(k.d(1),k=null)},d(e){e&&d(t),g&&g.d(),e&&d(m),k&&k.d(e),e&&d(f)}}}function O(e){let t,s,i=Q(e[0].title)+"";return{c(){t=c("span"),s=_(i),b(t,"class","mc-sidebar-user__header__information__title svelte-3b5ykm")},m(e,i){a(e,t,i),p(t,s)},p(e,t){1&t&&i!==(i=Q(e[0].title)+"")&&y(s,i)},d(e){e&&d(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let i=s(e),n=i(e);return{c(){t=c("span"),n.c(),b(t,"class","mc-sidebar-user__header__information__icon svelte-3b5ykm")},m(e,s){a(e,t,s),n.m(t,null)},p(e,a){i!==(i=s(e))&&(n.d(1),n=i(e),n&&(n.c(),n.m(t,null)))},d(e){e&&d(t),n.d()}}}function S(e){let t,s;return{c(){t=L("svg"),s=L("path"),b(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),b(t,"width","16px"),b(t,"height","16px"),b(t,"class","mc-sidebar-user__icon svelte-3b5ykm"),b(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),p(t,s)},d(e){e&&d(t)}}}function U(e){let t,s;return{c(){t=L("svg"),s=L("path"),b(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),b(t,"class","mc-sidebar-user__icon svelte-3b5ykm"),b(t,"width","16px"),b(t,"height","16px"),b(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),p(t,s)},d(e){e&&d(t)}}}function G(e){let t,s,i,n=e[1],m=[];for(let t=0;t<n.length;t+=1)m[t]=I(q(e,n,t));const u=e=>l(m[e],1,1,(()=>{m[e]=null}));return{c(){t=c("ul");for(let e=0;e<m.length;e+=1)m[e].c();b(t,"aria-hidden",s=!e[4]||!e[3]),b(t,"class","mc-sidebar-user__content is-close svelte-3b5ykm"),b(t,"id","user-content")},m(s,n){a(s,t,n);for(let e=0;e<m.length;e+=1)m[e]&&m[e].m(t,null);e[9](t),i=!0},p(e,a){if(134&a){let s;for(n=e[1],s=0;s<n.length;s+=1){const i=q(e,n,s);m[s]?(m[s].p(i,a),r(m[s],1)):(m[s]=I(i),m[s].c(),r(m[s],1),m[s].m(t,null))}for(h(),s=n.length;s<m.length;s+=1)u(s);o()}(!i||24&a&&s!==(s=!e[4]||!e[3]))&&b(t,"aria-hidden",s)},i(e){if(!i){for(let e=0;e<n.length;e+=1)r(m[e]);i=!0}},o(e){m=m.filter(Boolean);for(let e=0;e<m.length;e+=1)l(m[e]);i=!1},d(s){s&&d(t),x(m,s),e[9](null)}}}function I(e){let t,s,i,n,o,m;function b(){return e[8](e[11])}return s=new N({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=c("li"),g(s.$$.fragment),i=u()},m(e,r){a(e,t,r),k(s,t,null),p(t,i),n=!0,o||(m=f(t,"click",v(b)),o=!0)},p(t,i){e=t;const n={};2&i&&(n.feature=e[11]),4&i&&(n.a11yLabels=e[2]),s.$set(n)},i(e){n||(r(s.$$.fragment,e),n=!0)},o(e){l(s.$$.fragment,e),n=!1},d(e){e&&d(t),w(s),o=!1,m()}}}function J(e){let t,s,i=e[0]&&E(e);return{c(){i&&i.c(),t=n()},m(e,n){i&&i.m(e,n),a(e,t,n),s=!0},p(e,[s]){e[0]?i?(i.p(e,s),1&s&&r(i,1)):(i=E(e),i.c(),r(i,1),i.m(t.parentNode,t)):i&&(h(),l(i,1,1,(()=>{i=null})),o())},i(e){s||(r(i),s=!0)},o(e){l(i),s=!1},d(e){i&&i.d(e),e&&d(t)}}}function Q(e){let t=e.toLowerCase().split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].substring(1);return t.join(" ")}function R(e,t,s){let i;m(e,M,(e=>s(4,i=e)));let n,{user:a}=t,{data:r}=t,{a11yLabels:l}=t,o=!1;function d(e){e.disabled||C(e.code)}return e.$$set=e=>{"user"in e&&s(0,a=e.user),"data"in e&&s(1,r=e.data),"a11yLabels"in e&&s(2,l=e.a11yLabels)},e.$$.update=()=>{24&e.$$.dirty&&function(e,t){if(n){s(5,n.style.height="",n),s(5,n.style.transition="none",n);const i=window.getComputedStyle(n).height;n.classList.add(t&&e?"is-open":"is-close"),n.classList.remove(t&&e?"is-close":"is-open");const a=window.getComputedStyle(n).height;s(5,n.style.height=i,n),requestAnimationFrame((()=>{s(5,n.style.transition="",n),requestAnimationFrame((()=>{s(5,n.style.height=a,n)}))}));const r=()=>{s(5,n.style.height="",n),n.removeEventListener("transitionend",r)};n.addEventListener("transitionend",r)}}(o,i)},[a,r,l,o,i,n,function(){i?s(3,o=!o):(A(!0),s(3,o=!0))},d,e=>d(e),function(e){$[e?"unshift":"push"]((()=>{n=e,s(5,n)}))}]}class K extends e{constructor(e){super(),t(this,e,R,J,s,{user:0,data:1,a11yLabels:2},H)}}export{K as default};
+import{G as e,i as t,s,H as n,R as i,b as a,A as r,y as o,z as l,q as d,ag as c,e as u,d as m,h as g,l as p,m as v,B as f,t as b,o as h,Q as _,D as y,E as x,P as j,F as w,J as k,I as $,n as L,L as z,a4 as B}from"../../index-48da6c1f.js";import{t as A,a as C,i as M}from"../../sidebar-service-e5d3eb89.js";import N from"./sidebar-feature.nested.js";function H(e){n(e,"svelte-1ovyngj",".mc-sidebar-user.svelte-1ovyngj.svelte-1ovyngj{left:0;right:0;bottom:0;position:absolute;background:#264653}.mc-sidebar-user__header.svelte-1ovyngj.svelte-1ovyngj{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#ffffff;font-size:inherit;font-family:inherit;text-align:initial;margin:0;width:100%;overflow:hidden}.mc-sidebar-user__header.svelte-1ovyngj.svelte-1ovyngj:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:12px;outline:1px solid #0b96cc;outline-offset:-5px}.mc-sidebar-user__header.svelte-1ovyngj.svelte-1ovyngj:hover{cursor:pointer}.mc-sidebar-user__header.svelte-1ovyngj:hover .mc-sidebar-user__header__information__icon.svelte-1ovyngj{background:#405d68}.mc-sidebar-user__header__picture.svelte-1ovyngj.svelte-1ovyngj{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#5B737D;border-radius:24px;width:48px;min-width:48px;height:48px;overflow:hidden}.mc-sidebar-user__header__picture.svelte-1ovyngj img.svelte-1ovyngj{display:block}.mc-sidebar-user__header__information.svelte-1ovyngj.svelte-1ovyngj{-ms-flex-pack:distribute;justify-content:space-around;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;margin-left:8px;height:40px}.mc-sidebar-user__header__information__icon.svelte-1ovyngj.svelte-1ovyngj{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:4px}.mc-sidebar-user__header__information__identity.svelte-1ovyngj.svelte-1ovyngj{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-1ovyngj.svelte-1ovyngj,.mc-sidebar-user__header__information__identity.svelte-1ovyngj.svelte-1ovyngj{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-1ovyngj.svelte-1ovyngj{fill:#ffffff}.mc-sidebar-user__content.svelte-1ovyngj.svelte-1ovyngj{list-style-type:none;padding:0;overflow:hidden;margin:-8px 0px 24px 0px;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mc-sidebar-user__content.is-close.svelte-1ovyngj.svelte-1ovyngj{height:0;margin:0}.mc-sidebar-user.is-close.svelte-1ovyngj .mc-sidebar-user__header.svelte-1ovyngj{-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 8px;margin:8px 0}.mc-sidebar-user.is-open.svelte-1ovyngj .mc-sidebar-user__header.svelte-1ovyngj{-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 24px 12px 32px;margin:8px 0}")}function q(e,t,s){const n=e.slice();return n[11]=t[s],n}function E(e){let t,s,n,i,c,b,h,_,y,x,j;function w(e,t){return e[0].imageBase64?V:F}let k=w(e),$=k(e),L=e[4]&&D(e),z=e[1]?.length&&G(e);return{c(){t=u("div"),s=u("button"),n=u("span"),$.c(),i=m(),L&&L.c(),h=m(),z&&z.c(),g(n,"class","mc-sidebar-user__header__picture svelte-1ovyngj"),g(s,"aria-expanded",c=e[4]&&e[3]),g(s,"class","mc-sidebar-user__header svelte-1ovyngj"),g(s,"aria-label",b=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"),g(s,"aria-controls","user-content"),g(s,"id","user-trigger"),g(t,"class",_="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1ovyngj")},m(r,o){a(r,t,o),p(t,s),p(s,n),$.m(n,null),p(s,i),L&&L.m(s,null),p(t,h),z&&z.m(t,null),y=!0,x||(j=v(t,"click",e[6]),x=!0)},p(e,i){k===(k=w(e))&&$?$.p(e,i):($.d(1),$=k(e),$&&($.c(),$.m(n,null))),e[4]?L?L.p(e,i):(L=D(e),L.c(),L.m(s,null)):L&&(L.d(1),L=null),(!y||24&i&&c!==(c=e[4]&&e[3]))&&g(s,"aria-expanded",c),(!y||28&i&&b!==(b=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&g(s,"aria-label",b),e[1]?.length?z?(z.p(e,i),2&i&&r(z,1)):(z=G(e),z.c(),r(z,1),z.m(t,null)):z&&(f(),o(z,1,1,(()=>{z=null})),l()),(!y||16&i&&_!==(_="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-1ovyngj"))&&g(t,"class",_)},i(e){y||(r(z),y=!0)},o(e){o(z),y=!1},d(e){e&&d(t),$.d(),L&&L.d(),z&&z.d(),x=!1,j()}}}function F(e){let t,s;return{c(){t=$("svg"),s=$("path"),g(s,"d","M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z"),g(t,"class","mc-sidebar-user__icon svelte-1ovyngj"),g(t,"width","24px"),g(t,"height","24px"),g(t,"viewBox","0 0 24 24")},m(e,n){a(e,t,n),p(t,s)},p:L,d(e){e&&d(t)}}}function V(e){let t,s;return{c(){t=u("img"),g(t,"class","base64 svelte-1ovyngj"),z(t,"display","block"),z(t,"width","auto"),z(t,"height","48px"),z(t,"max-width","48px"),g(t,"aria-hidden",""),g(t,"alt","User Picture"),B(t.src,s="data:image/png;base64, "+e[0].imageBase64)||g(t,"src",s)},m(e,s){a(e,t,s)},p(e,n){1&n&&!B(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&g(t,"src",s)},d(e){e&&d(t)}}}function D(e){let t,s,n,r,o,l,c,v,f=(e[0]?.firstName||"")+"",_=(e[0]?.lastName||"")+"",y=e[0]?.title&&O(e),x=e[1]?.length&&P(e);return{c(){t=u("p"),s=u("span"),n=b(f),r=m(),o=b(_),l=m(),y&&y.c(),c=m(),x&&x.c(),v=i(),g(s,"class","mc-sidebar-user__header__information__identity svelte-1ovyngj"),g(t,"class","mc-sidebar-user__header__information svelte-1ovyngj")},m(e,i){a(e,t,i),p(t,s),p(s,n),p(s,r),p(s,o),p(t,l),y&&y.m(t,null),a(e,c,i),x&&x.m(e,i),a(e,v,i)},p(e,s){1&s&&f!==(f=(e[0]?.firstName||"")+"")&&h(n,f),1&s&&_!==(_=(e[0]?.lastName||"")+"")&&h(o,_),e[0]?.title?y?y.p(e,s):(y=O(e),y.c(),y.m(t,null)):y&&(y.d(1),y=null),e[1]?.length?x?x.p(e,s):(x=P(e),x.c(),x.m(v.parentNode,v)):x&&(x.d(1),x=null)},d(e){e&&d(t),y&&y.d(),e&&d(c),x&&x.d(e),e&&d(v)}}}function O(e){let t,s,n=Q(e[0].title)+"";return{c(){t=u("span"),s=b(n),g(t,"class","mc-sidebar-user__header__information__title svelte-1ovyngj")},m(e,n){a(e,t,n),p(t,s)},p(e,t){1&t&&n!==(n=Q(e[0].title)+"")&&h(s,n)},d(e){e&&d(t)}}}function P(e){let t;function s(e,t){return e[4]&&!e[3]?U:S}let n=s(e),i=n(e);return{c(){t=u("span"),i.c(),g(t,"class","mc-sidebar-user__header__information__icon svelte-1ovyngj")},m(e,s){a(e,t,s),i.m(t,null)},p(e,a){n!==(n=s(e))&&(i.d(1),i=n(e),i&&(i.c(),i.m(t,null)))},d(e){e&&d(t),i.d()}}}function S(e){let t,s;return{c(){t=$("svg"),s=$("path"),g(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),g(t,"width","16px"),g(t,"height","16px"),g(t,"class","mc-sidebar-user__icon svelte-1ovyngj"),g(t,"viewBox","0 0 16 16")},m(e,n){a(e,t,n),p(t,s)},d(e){e&&d(t)}}}function U(e){let t,s;return{c(){t=$("svg"),s=$("path"),g(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),g(t,"class","mc-sidebar-user__icon svelte-1ovyngj"),g(t,"width","16px"),g(t,"height","16px"),g(t,"viewBox","0 0 16 16")},m(e,n){a(e,t,n),p(t,s)},d(e){e&&d(t)}}}function G(e){let t,s,n,i=e[1],c=[];for(let t=0;t<i.length;t+=1)c[t]=I(q(e,i,t));const m=e=>o(c[e],1,1,(()=>{c[e]=null}));return{c(){t=u("ul");for(let e=0;e<c.length;e+=1)c[e].c();g(t,"aria-hidden",s=!e[4]||!e[3]),g(t,"class","mc-sidebar-user__content is-close svelte-1ovyngj"),g(t,"id","user-content")},m(s,i){a(s,t,i);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);e[9](t),n=!0},p(e,a){if(134&a){let s;for(i=e[1],s=0;s<i.length;s+=1){const n=q(e,i,s);c[s]?(c[s].p(n,a),r(c[s],1)):(c[s]=I(n),c[s].c(),r(c[s],1),c[s].m(t,null))}for(f(),s=i.length;s<c.length;s+=1)m(s);l()}(!n||24&a&&s!==(s=!e[4]||!e[3]))&&g(t,"aria-hidden",s)},i(e){if(!n){for(let e=0;e<i.length;e+=1)r(c[e]);n=!0}},o(e){c=c.filter(Boolean);for(let e=0;e<c.length;e+=1)o(c[e]);n=!1},d(s){s&&d(t),_(c,s),e[9](null)}}}function I(e){let t,s,n,i,l,c;function g(){return e[8](e[11])}return s=new N({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=u("li"),y(s.$$.fragment),n=m()},m(e,r){a(e,t,r),x(s,t,null),p(t,n),i=!0,l||(c=v(t,"click",j(g)),l=!0)},p(t,n){e=t;const i={};2&n&&(i.feature=e[11]),4&n&&(i.a11yLabels=e[2]),s.$set(i)},i(e){i||(r(s.$$.fragment,e),i=!0)},o(e){o(s.$$.fragment,e),i=!1},d(e){e&&d(t),w(s),l=!1,c()}}}function J(e){let t,s,n=e[0]&&E(e);return{c(){n&&n.c(),t=i()},m(e,i){n&&n.m(e,i),a(e,t,i),s=!0},p(e,[s]){e[0]?n?(n.p(e,s),1&s&&r(n,1)):(n=E(e),n.c(),r(n,1),n.m(t.parentNode,t)):n&&(f(),o(n,1,1,(()=>{n=null})),l())},i(e){s||(r(n),s=!0)},o(e){o(n),s=!1},d(e){n&&n.d(e),e&&d(t)}}}function Q(e){let t=e.toLowerCase().split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].substring(1);return t.join(" ")}function R(e,t,s){let n;c(e,M,(e=>s(4,n=e)));let i,{user:a}=t,{data:r}=t,{a11yLabels:o}=t,l=!1;function d(e){e.disabled||C(e.code)}return e.$$set=e=>{"user"in e&&s(0,a=e.user),"data"in e&&s(1,r=e.data),"a11yLabels"in e&&s(2,o=e.a11yLabels)},e.$$.update=()=>{24&e.$$.dirty&&function(e,t){if(i){s(5,i.style.height="",i),s(5,i.style.transition="none",i);const n=window.getComputedStyle(i).height;i.classList.add(t&&e?"is-open":"is-close"),i.classList.remove(t&&e?"is-close":"is-open");const a=window.getComputedStyle(i).height;s(5,i.style.height=n,i),requestAnimationFrame((()=>{s(5,i.style.transition="",i),requestAnimationFrame((()=>{s(5,i.style.height=a,i)}))}));const r=()=>{s(5,i.style.height="",i),i.removeEventListener("transitionend",r)};i.addEventListener("transitionend",r)}}(l,n)},[a,r,o,l,n,i,function(){n?s(3,l=!l):(A(!0),s(3,l=!0))},d,e=>d(e),function(e){k[e?"unshift":"push"]((()=>{i=e,s(5,i)}))}]}class K extends e{constructor(e){super(),t(this,e,R,J,s,{user:0,data:1,a11yLabels:2},H)}}export{K as default};
 //# sourceMappingURL=sidebar-user.nested.js.map

package/public/adeo/components/sidebar/sidebar-user.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-user.nested.js","sources":["../../../../src/components/sidebar/sidebar-user.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import {\n    isSidebarOpen,\n    selectFeature,\n    toggleSidebar,\n  } from '../../utilities/sidebar-service';\n  import type { User, Feature, A11yLabels } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n\n  export let user: User;\n  export let data: Feature[];\n  export let a11yLabels: A11yLabels;\n\n  let content: HTMLElement;\n  let isExpanded = false;\n\n  $: updateContentCSS(isExpanded, $isSidebarOpen);\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 toggle(): void {\n    if (!$isSidebarOpen) {\n      toggleSidebar(true);\n      isExpanded = true;\n    } else {\n      isExpanded = !isExpanded;\n    }\n  }\n\n  function capitalizeTheFirstLetterOfEachWord(words: string): string {\n    let separateWord: string[] = words.toLowerCase().split(' ');\n    for (let i = 0; i < separateWord.length; i++) {\n      separateWord[i] =\n        separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1);\n    }\n    return separateWord.join(' ');\n  }\n\n  function handleClick(feature: Feature) {\n    if (!feature.disabled) {\n      selectFeature(feature.code);\n    }\n  }\n</script>\n\n{#if user}\n  <!-- svelte-ignore a11y-click-events-have-key-events -->\n  <div\n    class=\"mc-sidebar-user {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    on:click={toggle}\n  >\n    <button\n      aria-expanded={$isSidebarOpen && isExpanded}\n      class=\"mc-sidebar-user__header\"\n      aria-label={$isSidebarOpen && isExpanded\n        ? a11yLabels?.['close-user'] || 'Close the user sub menu'\n        : a11yLabels?.['open-user'] || 'Open the user sub menu'}\n      aria-controls=\"user-content\"\n      id=\"user-trigger\"\n    >\n      <span class=\"mc-sidebar-user__header__picture\">\n        {#if user.imageBase64}\n          <img\n            class=\"base64\"\n            style=\"display:block; width:auto; height:48px; max-width:48px;\"\n            aria-hidden\n            alt=\"User Picture\"\n            src=\"data:image/png;base64, {user.imageBase64}\"\n          />\n        {:else}\n          <svg\n            class=\"mc-sidebar-user__icon\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            ><path\n              d=\"M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z\"\n            /></svg\n          >\n        {/if}\n      </span>\n      {#if $isSidebarOpen}\n        <p class=\"mc-sidebar-user__header__information\">\n          <span class=\"mc-sidebar-user__header__information__identity\">\n            {user?.firstName || ''}\n            {user?.lastName || ''}\n          </span>\n          {#if user?.title}\n            <span class=\"mc-sidebar-user__header__information__title\">\n              {capitalizeTheFirstLetterOfEachWord(user.title)}\n            </span>\n          {/if}\n        </p>\n        {#if data?.length}\n          <span class=\"mc-sidebar-user__header__information__icon\">\n            {#if $isSidebarOpen && !isExpanded}\n              <svg\n                class=\"mc-sidebar-user__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                width=\"16px\"\n                height=\"16px\"\n                class=\"mc-sidebar-user__icon\"\n                viewBox=\"0 0 16 16\"\n                ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n              >\n            {/if}\n          </span>\n        {/if}\n      {/if}\n    </button>\n    {#if data?.length}\n      <ul\n        aria-hidden={!$isSidebarOpen || !isExpanded}\n        class=\"mc-sidebar-user__content is-close\"\n        id=\"user-content\"\n        bind:this={content}\n      >\n        {#each data as feature}\n          <!-- svelte-ignore a11y-click-events-have-key-events -->\n          <li on:click|stopPropagation={() => handleClick(feature)}>\n            <FeatureComponent {feature} {a11yLabels} />\n          </li>\n        {/each}\n      </ul>\n    {/if}\n  </div>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-user {\n    left: 0;\n    right: 0;\n    bottom: 0;\n    position: absolute;\n    background: $color-sidebar-user-background;\n\n    &__header {\n      display: flex;\n      align-items: center;\n      background: none;\n      border: none;\n      color: $color-sidebar-text-color;\n      font-size: inherit;\n      font-family: inherit;\n      text-align: initial;\n      margin: 0;\n      width: 100%;\n      overflow: hidden;\n\n      &:focus-visible {\n        box-shadow: none;\n        border: none;\n        border-radius: 12px;\n        outline: 1px solid #0b96cc;\n        outline-offset: -5px;\n      }\n\n      &:hover {\n        cursor: pointer;\n\n        .mc-sidebar-user__header__information__icon {\n          background: $color-sidebar-feature-hover-background;\n        }\n      }\n\n      &__picture {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: $color-grey;\n        border-radius: 24px;\n        width: 48px;\n        min-width: 48px;\n        height: 48px;\n        overflow: hidden;\n        img {\n          display: block;\n        }\n      }\n\n      &__information {\n        justify-content: space-around;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        margin: 0;\n        margin-left: 8px;\n        height: 40px;\n        &__icon {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 32px;\n          height: 32px;\n          border-radius: 4px;\n        }\n\n        &__identity {\n          font-size: 16px;\n          font-weight: bold;\n        }\n\n        &__title,\n        &__identity {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 176px;\n        }\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__content {\n      list-style-type: none;\n      padding: 0;\n      overflow: hidden;\n      margin: -8px 0px 24px 0px;\n      @include transition(all 300ms ease-in-out);\n\n      &.is-close {\n        height: 0;\n        margin: 0;\n      }\n\n      .is-open {\n        height: auto;\n      }\n    }\n\n    &.is-close {\n      .mc-sidebar-user__header {\n        @include transition(padding 300ms ease-in-out);\n        padding: 12px 8px;\n        margin: 8px 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-user__header {\n        @include transition(padding 300ms ease-in-out);\n        padding: 12px 24px 12px 32px;\n        margin: 8px 0;\n      }\n    }\n  }\n</style>\n"],"names":["ctx","imageBase64","create_if_block_6","create_if_block_2","if_block2","length","create_if_block_1","attr","button","button_aria_expanded_value","button_aria_label_value","insert","target","div","anchor","append","span","current","dirty","svg","path","src_url_equal","img","src","img_src_value","firstName","lastName","if_block0","title","create_if_block_5","if_block1","create_if_block_3","p","set_data","t0","t0_value","t2","t2_value","capitalizeTheFirstLetterOfEachWord","t","t_value","create_if_block_4","i","ul","ul_aria_hidden_value","each_blocks","li","create_if_block","words","separateWord","toLowerCase","split","charAt","toUpperCase","substring","join","content","user","$$props","data","a11yLabels","isExpanded","handleClick","feature","disabled","selectFeature","code","isOpen","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$isSidebarOpen","toggleSidebar","$$value"],"mappings":"s/GA4Fa,OAAAA,KAAKC,YAAWC,wBAoBlBF,EAAc,IAAAG,EAAAH,GAqChBI,EAAAJ,MAAMK,QAAMC,EAAAN,qJAlEAO,EAAAC,EAAA,gBAAAC,EAAAT,MAAkBA,EAAU,yDAE/BO,EAAAC,EAAA,aAAAE,EAAAV,MAAkBA,EAAA,GAC1BA,EAAU,KAAG,eAAiB,0BAC9BA,EAAU,KAAG,cAAgB,yHARXA,EAAc,GAAG,UAAY,YAAU,0BADjEW,EAsFKC,EAAAC,EAAAC,GAlFHC,EAkEQF,EAAAL,GAzDNO,EAoBMP,EAAAQ,kFA/BEhB,EAAM,kFAgCTA,EAAc,8DA7BJiB,GAAA,GAAAC,GAAAT,KAAAA,EAAAT,MAAkBA,EAAU,+BAE/BiB,GAAA,GAAAC,GAAAR,KAAAA,EAAAV,MAAkBA,EAAA,GAC1BA,EAAU,KAAG,eAAiB,0BAC9BA,EAAU,KAAG,cAAgB,gDA8D9BA,MAAMK,6IAtEaL,EAAc,GAAG,UAAY,YAAU,umBAsBzDW,EAQAC,EAAAO,EAAAL,GAHGC,EAECI,EAAAC,+OAV2BC,EAAAC,EAAAC,IAAAC,EAAA,0BAAAxB,KAAKC,cAAWM,EAAAe,EAAA,MAAAE,WAL/Cb,EAMCC,EAAAU,EAAAR,WAD8B,EAAAI,IAAAG,EAAAC,EAAAC,IAAAC,EAAA,0BAAAxB,KAAKC,gFAiBjCD,EAAI,IAAEyB,WAAa,IAAE,MACrBzB,EAAI,IAAE0B,UAAY,IAAE,GAElBC,EAAA3B,MAAM4B,OAAKC,EAAA7B,GAMb8B,EAAA9B,MAAMK,QAAM0B,EAAA/B,iPAXjBW,EAUGC,EAAAoB,EAAAlB,GATDC,EAGMiB,EAAAhB,iGAFHhB,EAAI,IAAEyB,WAAa,IAAE,KAAAQ,EAAAC,EAAAC,gBACrBnC,EAAI,IAAE0B,UAAY,IAAE,KAAAO,EAAAG,EAAAC,GAElBrC,MAAM4B,+DAMR5B,MAAMK,mJAJJiC,EAAmCtC,EAAI,GAAC4B,OAAK,kHADhDjB,EAEMC,EAAAI,EAAAF,8BADHwB,EAAmCtC,EAAI,GAAC4B,OAAK,KAAAK,EAAAM,EAAAC,uDAM3C,OAAAxC,OAAmBA,EAAU,GAAAyC,mIADpC9B,EAoBMC,EAAAI,EAAAF,uUARFH,EAMAC,EAAAO,EAAAL,GADGC,EAA+CI,EAAAC,6RAflDT,EAQAC,EAAAO,EAAAL,GAHGC,EAECI,EAAAC,6CAsBHpB,EAAI,wBAATK,OAAIqC,GAAA,sHALQnC,EAAAoC,EAAA,cAAAC,GAAA5C,OAAmBA,EAAU,oGAD7CW,EAYIC,EAAA+B,EAAA7B,+FANKd,EAAI,WAATK,OAAIqC,GAAA,EAAA,yGAAJrC,OAAIqC,EAAAG,EAAAxC,OAAAqC,GAAA,aALQzB,GAAA,GAAAC,GAAA0B,KAAAA,GAAA5C,OAAmBA,EAAU,wDAKzCK,OAAIqC,GAAA,yRAEJ/B,EAEIC,EAAAkC,EAAAhC,iQApFTd,EAAI,IAAA+C,EAAA/C,yEAAJA,EAAI,0KAhBE,SAAAsC,EAAmCU,GACtC,IAAAC,EAAyBD,EAAME,cAAcC,MAAM,aAC9CT,EAAI,EAAGA,EAAIO,EAAa5C,OAAQqC,IACvCO,EAAaP,GACXO,EAAaP,GAAGU,OAAO,GAAGC,cAAgBJ,EAAaP,GAAGY,UAAU,UAEjEL,EAAaM,KAAK,sDAnDvBC,QAJOC,GAAUC,QACVC,GAAeD,cACfE,GAAsBF,EAG7BG,GAAa,EAqDR,SAAAC,EAAYC,GACdA,EAAQC,UACXC,EAAcF,EAAQG,6JAlDAL,EAAqBM,MACzCX,EAAO,CACTY,EAAA,EAAAZ,EAAQa,MAAMC,OAAS,GAAEd,GACzBY,EAAA,EAAAZ,EAAQa,MAAME,WAAa,OAAMf,GAC3B,MAAAgB,EAAcC,OAAOC,iBAAiBlB,GAASc,OAErDd,EAAQmB,UAAUC,IAAIT,GAAUN,EAAa,UAAY,YACzDL,EAAQmB,UAAUE,OAAOV,GAAUN,EAAa,WAAa,WAEvD,MAAAS,EAASG,OAAOC,iBAAiBlB,GAASc,OAChDF,EAAA,EAAAZ,EAAQa,MAAMC,OAASE,EAAWhB,GAGlCsB,uBAAqB,KACnBV,EAAA,EAAAZ,EAAQa,MAAME,WAAa,GAAEf,GAC7BsB,uBAAqB,KACnBV,EAAA,EAAAZ,EAAQa,MAAMC,OAASA,EAAMd,EAAA,aAK3BuB,EAAO,KACXX,EAAA,EAAAZ,EAAQa,MAAMC,OAAS,GAAEd,GACzBA,EAAQwB,oBAAoB,gBAAiBD,EAAO,EAGtDvB,EAAQyB,iBAAiB,gBAAiBF,IA7B3CG,CAAiBrB,EAAYsB,4BAkCzBA,EAIHf,EAAA,EAAAP,GAAcA,IAHduB,GAAc,GACdhB,EAAA,EAAAP,GAAa,OAwG2BE,GAAAD,EAAYC,2CAJvCP,EAAO6B"}
+{"version":3,"file":"sidebar-user.nested.js","sources":["../../../../src/components/sidebar/sidebar-user.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import {\n    isSidebarOpen,\n    selectFeature,\n    toggleSidebar,\n  } from '../../utilities/sidebar-service';\n  import type { User, Feature, A11yLabels } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n\n  export let user: User;\n  export let data: Feature[];\n  export let a11yLabels: A11yLabels;\n\n  let content: HTMLElement;\n  let isExpanded = false;\n\n  $: updateContentCSS(isExpanded, $isSidebarOpen);\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 toggle(): void {\n    if (!$isSidebarOpen) {\n      toggleSidebar(true);\n      isExpanded = true;\n    } else {\n      isExpanded = !isExpanded;\n    }\n  }\n\n  function capitalizeTheFirstLetterOfEachWord(words: string): string {\n    let separateWord: string[] = words.toLowerCase().split(' ');\n    for (let i = 0; i < separateWord.length; i++) {\n      separateWord[i] =\n        separateWord[i].charAt(0).toUpperCase() + separateWord[i].substring(1);\n    }\n    return separateWord.join(' ');\n  }\n\n  function handleClick(feature: Feature) {\n    if (!feature.disabled) {\n      selectFeature(feature.code);\n    }\n  }\n</script>\n\n{#if user}\n  <!-- svelte-ignore a11y-click-events-have-key-events -->\n  <div\n    class=\"mc-sidebar-user {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n    on:click={toggle}\n  >\n    <button\n      aria-expanded={$isSidebarOpen && isExpanded}\n      class=\"mc-sidebar-user__header\"\n      aria-label={$isSidebarOpen && isExpanded\n        ? a11yLabels?.['close-user'] || 'Close the user sub menu'\n        : a11yLabels?.['open-user'] || 'Open the user sub menu'}\n      aria-controls=\"user-content\"\n      id=\"user-trigger\"\n    >\n      <span class=\"mc-sidebar-user__header__picture\">\n        {#if user.imageBase64}\n          <img\n            class=\"base64\"\n            style=\"display:block; width:auto; height:48px; max-width:48px;\"\n            aria-hidden\n            alt=\"User Picture\"\n            src=\"data:image/png;base64, {user.imageBase64}\"\n          />\n        {:else}\n          <svg\n            class=\"mc-sidebar-user__icon\"\n            width=\"24px\"\n            height=\"24px\"\n            viewBox=\"0 0 24 24\"\n            ><path\n              d=\"M12 12.76a5.38 5.38 0 115.38-5.38A5.39 5.39 0 0112 12.76zM12 4a3.38 3.38 0 103.38 3.38A3.39 3.39 0 0012 4zM16.48 13.58a1 1 0 00-.81.11 7.3 7.3 0 01-7.34 0 1 1 0 00-.81-.11l-2.81.87a1 1 0 00-.71 1V21a1 1 0 001 1h14a1 1 0 001-1v-5.59a1 1 0 00-.71-1zM18 20H6v-3.86l1.75-.53a9.36 9.36 0 008.5 0l1.75.53z\"\n            /></svg\n          >\n        {/if}\n      </span>\n      {#if $isSidebarOpen}\n        <p class=\"mc-sidebar-user__header__information\">\n          <span class=\"mc-sidebar-user__header__information__identity\">\n            {user?.firstName || ''}\n            {user?.lastName || ''}\n          </span>\n          {#if user?.title}\n            <span class=\"mc-sidebar-user__header__information__title\">\n              {capitalizeTheFirstLetterOfEachWord(user.title)}\n            </span>\n          {/if}\n        </p>\n        {#if data?.length}\n          <span class=\"mc-sidebar-user__header__information__icon\">\n            {#if $isSidebarOpen && !isExpanded}\n              <svg\n                class=\"mc-sidebar-user__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                width=\"16px\"\n                height=\"16px\"\n                class=\"mc-sidebar-user__icon\"\n                viewBox=\"0 0 16 16\"\n                ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n              >\n            {/if}\n          </span>\n        {/if}\n      {/if}\n    </button>\n    {#if data?.length}\n      <ul\n        aria-hidden={!$isSidebarOpen || !isExpanded}\n        class=\"mc-sidebar-user__content is-close\"\n        id=\"user-content\"\n        bind:this={content}\n      >\n        {#each data as feature}\n          <!-- svelte-ignore a11y-click-events-have-key-events -->\n          <li on:click|stopPropagation={() => handleClick(feature)}>\n            <FeatureComponent {feature} {a11yLabels} />\n          </li>\n        {/each}\n      </ul>\n    {/if}\n  </div>\n{/if}\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-user {\n    left: 0;\n    right: 0;\n    bottom: 0;\n    position: absolute;\n    background: $color-sidebar-user-background;\n\n    &__header {\n      display: flex;\n      align-items: center;\n      background: none;\n      border: none;\n      color: $color-sidebar-text-color;\n      font-size: inherit;\n      font-family: inherit;\n      text-align: initial;\n      margin: 0;\n      width: 100%;\n      overflow: hidden;\n\n      &:focus-visible {\n        box-shadow: none;\n        border: none;\n        border-radius: 12px;\n        outline: 1px solid #0b96cc;\n        outline-offset: -5px;\n      }\n\n      &:hover {\n        cursor: pointer;\n\n        .mc-sidebar-user__header__information__icon {\n          background: $color-sidebar-feature-hover-background;\n        }\n      }\n\n      &__picture {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: $color-grey;\n        border-radius: 24px;\n        width: 48px;\n        min-width: 48px;\n        height: 48px;\n        overflow: hidden;\n        img {\n          display: block;\n        }\n      }\n\n      &__information {\n        justify-content: space-around;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        margin: 0;\n        margin-left: 8px;\n        height: 40px;\n        &__icon {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          width: 32px;\n          height: 32px;\n          border-radius: 4px;\n        }\n\n        &__identity {\n          font-size: 16px;\n          font-weight: bold;\n        }\n\n        &__title,\n        &__identity {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 176px;\n        }\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__content {\n      list-style-type: none;\n      padding: 0;\n      overflow: hidden;\n      margin: -8px 0px 24px 0px;\n      @include transition(all 300ms ease-in-out);\n\n      &.is-close {\n        height: 0;\n        margin: 0;\n      }\n\n      .is-open {\n        height: auto;\n      }\n    }\n\n    &.is-close {\n      .mc-sidebar-user__header {\n        @include transition(padding 300ms ease-in-out);\n        padding: 12px 8px;\n        margin: 8px 0;\n      }\n    }\n\n    &.is-open {\n      .mc-sidebar-user__header {\n        @include transition(padding 300ms ease-in-out);\n        padding: 12px 24px 12px 32px;\n        margin: 8px 0;\n      }\n    }\n  }\n</style>\n"],"names":["ctx","imageBase64","create_if_block_6","create_if_block_2","if_block2","length","create_if_block_1","attr","button","button_aria_expanded_value","button_aria_label_value","insert","target","div","anchor","append","span","current","dirty","svg","path","src_url_equal","img","src","img_src_value","firstName","lastName","if_block0","title","create_if_block_5","if_block1","create_if_block_3","p","set_data","t0","t0_value","t2","t2_value","capitalizeTheFirstLetterOfEachWord","t","t_value","create_if_block_4","i","ul","ul_aria_hidden_value","each_blocks","li","create_if_block","words","separateWord","toLowerCase","split","charAt","toUpperCase","substring","join","content","user","$$props","data","a11yLabels","isExpanded","handleClick","feature","disabled","selectFeature","code","isOpen","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$isSidebarOpen","toggleSidebar","$$value"],"mappings":"24GA4Fa,OAAAA,KAAKC,YAAWC,wBAoBlBF,EAAc,IAAAG,EAAAH,GAqChBI,EAAAJ,MAAMK,QAAMC,EAAAN,sJAlEAO,EAAAC,EAAA,gBAAAC,EAAAT,MAAkBA,EAAU,0DAE/BO,EAAAC,EAAA,aAAAE,EAAAV,MAAkBA,EAAA,GAC1BA,EAAU,KAAG,eAAiB,0BAC9BA,EAAU,KAAG,cAAgB,yHARXA,EAAc,GAAG,UAAY,YAAU,2BADjEW,EAsFKC,EAAAC,EAAAC,GAlFHC,EAkEQF,EAAAL,GAzDNO,EAoBMP,EAAAQ,kFA/BEhB,EAAM,kFAgCTA,EAAc,8DA7BJiB,GAAA,GAAAC,GAAAT,KAAAA,EAAAT,MAAkBA,EAAU,+BAE/BiB,GAAA,GAAAC,GAAAR,KAAAA,EAAAV,MAAkBA,EAAA,GAC1BA,EAAU,KAAG,eAAiB,0BAC9BA,EAAU,KAAG,cAAgB,gDA8D9BA,MAAMK,6IAtEaL,EAAc,GAAG,UAAY,YAAU,ymBAsBzDW,EAQAC,EAAAO,EAAAL,GAHGC,EAECI,EAAAC,gPAV2BC,EAAAC,EAAAC,IAAAC,EAAA,0BAAAxB,KAAKC,cAAWM,EAAAe,EAAA,MAAAE,WAL/Cb,EAMCC,EAAAU,EAAAR,WAD8B,EAAAI,IAAAG,EAAAC,EAAAC,IAAAC,EAAA,0BAAAxB,KAAKC,gFAiBjCD,EAAI,IAAEyB,WAAa,IAAE,MACrBzB,EAAI,IAAE0B,UAAY,IAAE,GAElBC,EAAA3B,MAAM4B,OAAKC,EAAA7B,GAMb8B,EAAA9B,MAAMK,QAAM0B,EAAA/B,mPAXjBW,EAUGC,EAAAoB,EAAAlB,GATDC,EAGMiB,EAAAhB,iGAFHhB,EAAI,IAAEyB,WAAa,IAAE,KAAAQ,EAAAC,EAAAC,gBACrBnC,EAAI,IAAE0B,UAAY,IAAE,KAAAO,EAAAG,EAAAC,GAElBrC,MAAM4B,+DAMR5B,MAAMK,mJAJJiC,EAAmCtC,EAAI,GAAC4B,OAAK,mHADhDjB,EAEMC,EAAAI,EAAAF,8BADHwB,EAAmCtC,EAAI,GAAC4B,OAAK,KAAAK,EAAAM,EAAAC,uDAM3C,OAAAxC,OAAmBA,EAAU,GAAAyC,oIADpC9B,EAoBMC,EAAAI,EAAAF,wUARFH,EAMAC,EAAAO,EAAAL,GADGC,EAA+CI,EAAAC,8RAflDT,EAQAC,EAAAO,EAAAL,GAHGC,EAECI,EAAAC,6CAsBHpB,EAAI,wBAATK,OAAIqC,GAAA,sHALQnC,EAAAoC,EAAA,cAAAC,GAAA5C,OAAmBA,EAAU,qGAD7CW,EAYIC,EAAA+B,EAAA7B,+FANKd,EAAI,WAATK,OAAIqC,GAAA,EAAA,yGAAJrC,OAAIqC,EAAAG,EAAAxC,OAAAqC,GAAA,aALQzB,GAAA,GAAAC,GAAA0B,KAAAA,GAAA5C,OAAmBA,EAAU,wDAKzCK,OAAIqC,GAAA,yRAEJ/B,EAEIC,EAAAkC,EAAAhC,iQApFTd,EAAI,IAAA+C,EAAA/C,yEAAJA,EAAI,0KAhBE,SAAAsC,EAAmCU,GACtC,IAAAC,EAAyBD,EAAME,cAAcC,MAAM,aAC9CT,EAAI,EAAGA,EAAIO,EAAa5C,OAAQqC,IACvCO,EAAaP,GACXO,EAAaP,GAAGU,OAAO,GAAGC,cAAgBJ,EAAaP,GAAGY,UAAU,UAEjEL,EAAaM,KAAK,sDAnDvBC,QAJOC,GAAUC,QACVC,GAAeD,cACfE,GAAsBF,EAG7BG,GAAa,EAqDR,SAAAC,EAAYC,GACdA,EAAQC,UACXC,EAAcF,EAAQG,6JAlDAL,EAAqBM,MACzCX,EAAO,CACTY,EAAA,EAAAZ,EAAQa,MAAMC,OAAS,GAAEd,GACzBY,EAAA,EAAAZ,EAAQa,MAAME,WAAa,OAAMf,GAC3B,MAAAgB,EAAcC,OAAOC,iBAAiBlB,GAASc,OAErDd,EAAQmB,UAAUC,IAAIT,GAAUN,EAAa,UAAY,YACzDL,EAAQmB,UAAUE,OAAOV,GAAUN,EAAa,WAAa,WAEvD,MAAAS,EAASG,OAAOC,iBAAiBlB,GAASc,OAChDF,EAAA,EAAAZ,EAAQa,MAAMC,OAASE,EAAWhB,GAGlCsB,uBAAqB,KACnBV,EAAA,EAAAZ,EAAQa,MAAME,WAAa,GAAEf,GAC7BsB,uBAAqB,KACnBV,EAAA,EAAAZ,EAAQa,MAAMC,OAASA,EAAMd,EAAA,aAK3BuB,EAAO,KACXX,EAAA,EAAAZ,EAAQa,MAAMC,OAAS,GAAEd,GACzBA,EAAQwB,oBAAoB,gBAAiBD,EAAO,EAGtDvB,EAAQyB,iBAAiB,gBAAiBF,IA7B3CG,CAAiBrB,EAAYsB,4BAkCzBA,EAIHf,EAAA,EAAAP,GAAcA,IAHduB,GAAc,GACdhB,EAAA,EAAAP,GAAa,OAwG2BE,GAAAD,EAAYC,2CAJvCP,EAAO6B"}

package/public/adeo/components/stepper/Stepper.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as r,b as i,f as s,s as p,c,e as n,n as o,h as a,j as m,l,p as d,q as _,Q as f,r as b,v as x,w as h,x as u,d as g,t as k,L as w,m as v,o as $}from"../../index-d12e76e8.js";import{E as y}from"../../EventHandler-f7ee47ca.js";function z(e,t,r){const i=e.slice();return i[11]=t[r],i[13]=r,i}function C(e){let t,r,s=e[13]+1+"";return{c(){t=n("span"),r=k(s)},m(e,s){i(e,t,s),l(t,r)},d(e){e&&_(t)}}}function j(e){let t;return{c(){t=n("div"),t.innerHTML='<navigation-notification-available-16px name="NotificationAvailable16" size="100%"></navigation-notification-available-16px>',a(t,"class","mc-stepper__icon")},m(e,r){i(e,t,r)},d(e){e&&_(t)}}}function E(e){let t,r,s,p,c,o,m,d,f,b,x,h,u,y,z=e[5](e[1],e[13],e[3])+"",E=e[11].label+"";function L(e,t){return 8&t&&(s=null),null==s&&(s=!!e[4](e[13],e[3])),s?j:e[11].isCurrent?C:void 0}let A=L(e,-1),D=A&&A(e);function H(){return e[8](e[11])}return{c(){t=n("li"),r=n("div"),D&&D.c(),p=g(),c=n("div"),o=n("span"),m=k(z),d=g(),f=n("span"),b=k(E),x=g(),a(r,"class","mc-stepper__indicator"),a(r,"aria-hidden","true"),a(o,"class","mc-stepper__title"),a(f,"class","mc-stepper__label"),a(c,"class","mc-stepper__detail"),a(t,"class",h="mc-stepper__item "+(e[11].isCurrent?"mc-stepper__item--current":"")+" "+(e[4](e[13],e[3])?"mc-stepper__item--validated":"")),w(t,"--steps",e[3].length),w(t,"--current",e[13]+1)},m(e,s){i(e,t,s),l(t,r),D&&D.m(r,null),l(t,p),l(t,c),l(c,o),l(o,m),l(c,d),l(c,f),l(f,b),l(t,x),u||(y=v(t,"click",H),u=!0)},p(i,s){A!==(A=L(e=i,s))&&(D&&D.d(1),D=A&&A(e),D&&(D.c(),D.m(r,null))),10&s&&z!==(z=e[5](e[1],e[13],e[3])+"")&&$(m,z),8&s&&E!==(E=e[11].label+"")&&$(b,E),8&s&&h!==(h="mc-stepper__item "+(e[11].isCurrent?"mc-stepper__item--current":"")+" "+(e[4](e[13],e[3])?"mc-stepper__item--validated":""))&&a(t,"class",h),8&s&&w(t,"--steps",e[3].length)},d(e){e&&_(t),D&&D.d(),u=!1,y()}}}function L(e){let t,r,s,p=e[3],b=[];for(let t=0;t<p.length;t+=1)b[t]=E(z(e,p,t));let x=[{class:s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[3].length>3?"mc-stepper--shrinked":"")},{"aria-label":"accessibilityLabels.stepperDescription"},e[2]],h={};for(let e=0;e<x.length;e+=1)h=c(h,x[e]);return{c(){t=n("nav"),r=n("ol");for(let e=0;e<b.length;e+=1)b[e].c();this.c=o,a(r,"class","mc-stepper__list"),m(t,h)},m(e,s){i(e,t,s),l(t,r);for(let e=0;e<b.length;e+=1)b[e]&&b[e].m(r,null)},p(e,[i]){if(122&i){let t;for(p=e[3],t=0;t<p.length;t+=1){const s=z(e,p,t);b[t]?b[t].p(s,i):(b[t]=E(s),b[t].c(),b[t].m(r,null))}for(;t<b.length;t+=1)b[t].d(1);b.length=p.length}m(t,h=d(x,[9&i&&s!==(s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[3].length>3?"mc-stepper--shrinked":""))&&{class:s},{"aria-label":"accessibilityLabels.stepperDescription"},4&i&&e[2]]))},i:o,o:o,d(e){e&&_(t),f(b,e)}}}function A(e,t,r){let i,s;const p=["steps","compact","steptitleprefix"];let n=b(t,p),{steps:o}=t,{compact:a=!1}=t,{steptitleprefix:m}=t,l=new y(x(),h());function d(e){l.dispatch("step-changed",e)}return e.$$set=e=>{t=c(c({},t),u(e)),r(10,n=b(t,p)),"steps"in e&&r(7,o=e.steps),"compact"in e&&r(0,a=e.compact),"steptitleprefix"in e&&r(1,m=e.steptitleprefix)},e.$$.update=()=>{128&e.$$.dirty&&r(3,i=o?JSON.parse(o):[]),r(2,s=Object.assign({},n)),4&e.$$.dirty&&delete s.class},[a,m,s,i,function(e,t){return e<t.findIndex((e=>e.isCurrent))},function(e,t,r){return`${e?`${e} `:""}${t+1} / ${r.length}`},d,o,e=>d(e)]}class D extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-stepper{width:100%}.mc-stepper__list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-stepper__item{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.mc-stepper__item::before,.mc-stepper__item::after{background-color:#999999;content:"";height:0.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item::before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item::after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child::before,.mc-stepper__item:last-child::after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#00919f}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:700}.mc-stepper__item--current::before{background-color:#00919f}.mc-stepper__item--current .mc-stepper__indicator{background-color:#00919f;color:#ffffff}.mc-stepper__item--current .mc-stepper__label{color:#000000}.mc-stepper__item--validated::before,.mc-stepper__item--validated:not(.mc-stepper__item--current)::after{background-color:#00919f}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#00919f}.mc-stepper__indicator{font-size:0.875rem;line-height:1.1428571429;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #999999;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#00919f;max-width:100%}.mc-stepper__detail{font-size:0.875rem;line-height:1.2857142857;color:#666666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#00919f}.mc-stepper--compact .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item::before,.mc-stepper--compact .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--compact .mc-stepper__item::after{width:100%}.mc-stepper--compact .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:0.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item::before,.mc-stepper--shrinked .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item::after{width:100%}.mc-stepper--shrinked .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:0.25rem}}.mc-stepper--compact .mc-stepper__item::before{content:""}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},A,L,p,{steps:7,compact:0,steptitleprefix:1},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["steps","compact","steptitleprefix"]}get steps(){return this.$$.ctx[7]}set steps(e){this.$$set({steps:e}),s()}get compact(){return this.$$.ctx[0]}set compact(e){this.$$set({compact:e}),s()}get steptitleprefix(){return this.$$.ctx[1]}set steptitleprefix(e){this.$$set({steptitleprefix:e}),s()}}export{D as default};
+import{S as e,i as t,a as r,b as i,f as s,s as p,c,e as n,n as o,h as a,j as m,l,p as d,q as _,Q as f,r as b,v as x,w as h,x as u,d as g,t as k,L as w,m as v,o as $}from"../../index-48da6c1f.js";import{E as y}from"../../EventHandler-f7ee47ca.js";function z(e,t,r){const i=e.slice();return i[11]=t[r],i[13]=r,i}function C(e){let t,r,s=e[13]+1+"";return{c(){t=n("span"),r=k(s)},m(e,s){i(e,t,s),l(t,r)},d(e){e&&_(t)}}}function j(e){let t;return{c(){t=n("div"),t.innerHTML='<navigation-notification-available-16px name="NotificationAvailable16" size="100%"></navigation-notification-available-16px>',a(t,"class","mc-stepper__icon")},m(e,r){i(e,t,r)},d(e){e&&_(t)}}}function E(e){let t,r,s,p,c,o,m,d,f,b,x,h,u,y,z=e[5](e[1],e[13],e[3])+"",E=e[11].label+"";function L(e,t){return 8&t&&(s=null),null==s&&(s=!!e[4](e[13],e[3])),s?j:e[11].isCurrent?C:void 0}let A=L(e,-1),D=A&&A(e);function H(){return e[8](e[11])}return{c(){t=n("li"),r=n("div"),D&&D.c(),p=g(),c=n("div"),o=n("span"),m=k(z),d=g(),f=n("span"),b=k(E),x=g(),a(r,"class","mc-stepper__indicator"),a(r,"aria-hidden","true"),a(o,"class","mc-stepper__title"),a(f,"class","mc-stepper__label"),a(c,"class","mc-stepper__detail"),a(t,"class",h="mc-stepper__item "+(e[11].isCurrent?"mc-stepper__item--current":"")+" "+(e[4](e[13],e[3])?"mc-stepper__item--validated":"")),w(t,"--steps",e[3].length),w(t,"--current",e[13]+1)},m(e,s){i(e,t,s),l(t,r),D&&D.m(r,null),l(t,p),l(t,c),l(c,o),l(o,m),l(c,d),l(c,f),l(f,b),l(t,x),u||(y=v(t,"click",H),u=!0)},p(i,s){A!==(A=L(e=i,s))&&(D&&D.d(1),D=A&&A(e),D&&(D.c(),D.m(r,null))),10&s&&z!==(z=e[5](e[1],e[13],e[3])+"")&&$(m,z),8&s&&E!==(E=e[11].label+"")&&$(b,E),8&s&&h!==(h="mc-stepper__item "+(e[11].isCurrent?"mc-stepper__item--current":"")+" "+(e[4](e[13],e[3])?"mc-stepper__item--validated":""))&&a(t,"class",h),8&s&&w(t,"--steps",e[3].length)},d(e){e&&_(t),D&&D.d(),u=!1,y()}}}function L(e){let t,r,s,p=e[3],b=[];for(let t=0;t<p.length;t+=1)b[t]=E(z(e,p,t));let x=[{class:s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[3].length>3?"mc-stepper--shrinked":"")},{"aria-label":"accessibilityLabels.stepperDescription"},e[2]],h={};for(let e=0;e<x.length;e+=1)h=c(h,x[e]);return{c(){t=n("nav"),r=n("ol");for(let e=0;e<b.length;e+=1)b[e].c();this.c=o,a(r,"class","mc-stepper__list"),m(t,h)},m(e,s){i(e,t,s),l(t,r);for(let e=0;e<b.length;e+=1)b[e]&&b[e].m(r,null)},p(e,[i]){if(122&i){let t;for(p=e[3],t=0;t<p.length;t+=1){const s=z(e,p,t);b[t]?b[t].p(s,i):(b[t]=E(s),b[t].c(),b[t].m(r,null))}for(;t<b.length;t+=1)b[t].d(1);b.length=p.length}m(t,h=d(x,[9&i&&s!==(s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[3].length>3?"mc-stepper--shrinked":""))&&{class:s},{"aria-label":"accessibilityLabels.stepperDescription"},4&i&&e[2]]))},i:o,o:o,d(e){e&&_(t),f(b,e)}}}function A(e,t,r){let i,s;const p=["steps","compact","steptitleprefix"];let n=b(t,p),{steps:o}=t,{compact:a=!1}=t,{steptitleprefix:m}=t,l=new y(x(),h());function d(e){l.dispatch("step-changed",e)}return e.$$set=e=>{t=c(c({},t),u(e)),r(10,n=b(t,p)),"steps"in e&&r(7,o=e.steps),"compact"in e&&r(0,a=e.compact),"steptitleprefix"in e&&r(1,m=e.steptitleprefix)},e.$$.update=()=>{128&e.$$.dirty&&r(3,i=o?JSON.parse(o):[]),r(2,s=Object.assign({},n)),4&e.$$.dirty&&delete s.class},[a,m,s,i,function(e,t){return e<t.findIndex((e=>e.isCurrent))},function(e,t,r){return`${e?`${e} `:""}${t+1} / ${r.length}`},d,o,e=>d(e)]}class D extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-stepper{width:100%}.mc-stepper__list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-stepper__item{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.mc-stepper__item::before,.mc-stepper__item::after{background-color:#999999;content:"";height:0.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item::before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item::after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child::before,.mc-stepper__item:last-child::after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#00919f}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:700}.mc-stepper__item--current::before{background-color:#00919f}.mc-stepper__item--current .mc-stepper__indicator{background-color:#00919f;color:#ffffff}.mc-stepper__item--current .mc-stepper__label{color:#000000}.mc-stepper__item--validated::before,.mc-stepper__item--validated:not(.mc-stepper__item--current)::after{background-color:#00919f}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#00919f}.mc-stepper__indicator{font-size:0.875rem;line-height:1.1428571429;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #999999;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#00919f;max-width:100%}.mc-stepper__detail{font-size:0.875rem;line-height:1.2857142857;color:#666666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#00919f}.mc-stepper--compact .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item::before,.mc-stepper--compact .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--compact .mc-stepper__item::after{width:100%}.mc-stepper--compact .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:0.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item::before,.mc-stepper--shrinked .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item::after{width:100%}.mc-stepper--shrinked .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:0.25rem}}.mc-stepper--compact .mc-stepper__item::before{content:""}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},A,L,p,{steps:7,compact:0,steptitleprefix:1},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["steps","compact","steptitleprefix"]}get steps(){return this.$$.ctx[7]}set steps(e){this.$$set({steps:e}),s()}get compact(){return this.$$.ctx[0]}set compact(e){this.$$set({compact:e}),s()}get steptitleprefix(){return this.$$.ctx[1]}set steptitleprefix(e){this.$$set({steptitleprefix:e}),s()}}export{D as default};
 //# sourceMappingURL=Stepper.js.map

package/public/adeo/components/stepperbar/StepperBar.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a,b as i,f as r,s as n,e as l,t as d,d as o,n as s,h as c,k as b,l as m,m as p,o as u,q as x,O as f,v as h,w as g}from"../../index-d12e76e8.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function $(e){let t,a,r,n;return{c(){t=l("button"),a=d(e[1]),c(t,"class","mc-button mc-button--s mc-button--bordered-neutral"),t.disabled=e[6],c(t,"aria-label",e[1]),c(t,"type","button"),c(t,"id","prevlabel")},m(l,d){i(l,t,d),m(t,a),r||(n=p(t,"click",e[11]),r=!0)},p(e,i){2&i&&u(a,e[1]),64&i&&(t.disabled=e[6]),2&i&&c(t,"aria-label",e[1])},d(e){e&&x(t),r=!1,n()}}}function v(e){let t;return{c(){t=d(e[3])},m(e,a){i(e,t,a)},p(e,a){8&a&&u(t,e[3])},d(e){e&&x(t)}}}function k(e){let t;return{c(){t=d(e[2])},m(e,a){i(e,t,a)},p(e,a){4&a&&u(t,e[2])},d(e){e&&x(t)}}}function y(e){let t,a,r,n,h,g,w,y,z,j=e[4]>0&&$(e);function _(e,t){return e[4]<e[8]?k:e[4]>=e[8]?v:void 0}let E=_(e),C=E&&E(e);return{c(){t=l("div"),a=l("button"),r=d(e[0]),n=o(),h=l("div"),j&&j.c(),g=o(),w=l("button"),C&&C.c(),this.c=s,c(a,"class","mc-button mc-button--s mc-button--bordered-danger"),a.disabled=e[5],c(a,"aria-label",e[0]),c(a,"type","button"),c(a,"id","cancelbutton"),c(w,"class","mc-button mc-button--s mc-stepper-bar__next"),c(w,"aria-label",e[2]),c(w,"type","button"),c(w,"id","nextlabel"),w.disabled=e[7],c(h,"class","mc-stepper-bar__actions"),c(t,"class","ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar"),b(t,"mc-bottom-bar--fixed",e[9])},m(l,d){i(l,t,d),m(t,a),m(a,r),m(t,n),m(t,h),j&&j.m(h,null),m(h,g),m(h,w),C&&C.m(w,null),y||(z=[p(a,"click",e[10]),p(w,"click",e[12])],y=!0)},p(e,[i]){1&i&&u(r,e[0]),32&i&&(a.disabled=e[5]),1&i&&c(a,"aria-label",e[0]),e[4]>0?j?j.p(e,i):(j=$(e),j.c(),j.m(h,g)):j&&(j.d(1),j=null),E===(E=_(e))&&C?C.p(e,i):(C&&C.d(1),C=E&&E(e),C&&(C.c(),C.m(w,null))),4&i&&c(w,"aria-label",e[2]),128&i&&(w.disabled=e[7]),512&i&&b(t,"mc-bottom-bar--fixed",e[9])},i:s,o:s,d(e){e&&x(t),j&&j.d(),C&&C.d(),y=!1,f(z)}}}function z(e,t,a){let i,r,n,l,d,o,{fixed:s}=t,{cancellabel:c}=t,{prevlabel:b}=t,{nextlabel:m}=t,{validatelabel:p}=t,{currentstep:u}=t,{stepsnb:x}=t,{disablednext:f}=t,{disabledprev:$}=t,{disabledcancel:v}=t,k=new w(h(),g());return e.$$set=e=>{"fixed"in e&&a(13,s=e.fixed),"cancellabel"in e&&a(0,c=e.cancellabel),"prevlabel"in e&&a(1,b=e.prevlabel),"nextlabel"in e&&a(2,m=e.nextlabel),"validatelabel"in e&&a(3,p=e.validatelabel),"currentstep"in e&&a(14,u=e.currentstep),"stepsnb"in e&&a(15,x=e.stepsnb),"disablednext"in e&&a(16,f=e.disablednext),"disabledprev"in e&&a(17,$=e.disabledprev),"disabledcancel"in e&&a(18,v=e.disabledcancel)},e.$$.update=()=>{8192&e.$$.dirty&&a(9,i=!!s||void 0),16384&e.$$.dirty&&a(4,r=u||0),32768&e.$$.dirty&&a(8,n=x||0),65536&e.$$.dirty&&a(7,l=!!f||void 0),131072&e.$$.dirty&&a(6,d=!!$||void 0),262144&e.$$.dirty&&a(5,o=!!v||void 0)},[c,b,m,p,r,o,d,l,n,i,function(e){k.dispatch("cancel",e)},function(){r-1>=0&&(a(4,r--,r),k.dispatch("previous-step",r))},function(){a(4,r++,r),k.dispatch("next-step",r)},s,u,x,f,$,v]}class j extends e{constructor(e){super();const l=document.createElement("style");l.textContent='.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-stepper-bar{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-stepper-bar__actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#007f8c;font-family:"Roboto", sans-serif;font-weight:700;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#006974;color:#ffffff}.mc-button:active{background-color:#006974}.mc-button:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1024px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1280px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1920px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},z,y,n,{fixed:13,cancellabel:0,prevlabel:1,nextlabel:2,validatelabel:3,currentstep:14,stepsnb:15,disablednext:16,disabledprev:17,disabledcancel:18},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["fixed","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","disablednext","disabledprev","disabledcancel"]}get fixed(){return this.$$.ctx[13]}set fixed(e){this.$$set({fixed:e}),r()}get cancellabel(){return this.$$.ctx[0]}set cancellabel(e){this.$$set({cancellabel:e}),r()}get prevlabel(){return this.$$.ctx[1]}set prevlabel(e){this.$$set({prevlabel:e}),r()}get nextlabel(){return this.$$.ctx[2]}set nextlabel(e){this.$$set({nextlabel:e}),r()}get validatelabel(){return this.$$.ctx[3]}set validatelabel(e){this.$$set({validatelabel:e}),r()}get currentstep(){return this.$$.ctx[14]}set currentstep(e){this.$$set({currentstep:e}),r()}get stepsnb(){return this.$$.ctx[15]}set stepsnb(e){this.$$set({stepsnb:e}),r()}get disablednext(){return this.$$.ctx[16]}set disablednext(e){this.$$set({disablednext:e}),r()}get disabledprev(){return this.$$.ctx[17]}set disabledprev(e){this.$$set({disabledprev:e}),r()}get disabledcancel(){return this.$$.ctx[18]}set disabledcancel(e){this.$$set({disabledcancel:e}),r()}}export{j as default};
+import{S as e,i as t,a,b as i,f as r,s as n,e as l,t as d,d as o,n as c,h as s,k as b,l as m,m as p,o as u,q as f,O as x,v as h,w as g}from"../../index-48da6c1f.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function $(e){let t,a,r,n;return{c(){t=l("button"),a=d(e[1]),s(t,"class","mc-button mc-button--s mc-button--bordered-neutral"),t.disabled=e[6],s(t,"aria-label",e[1]),s(t,"type","button"),s(t,"id","prevlabel")},m(l,d){i(l,t,d),m(t,a),r||(n=p(t,"click",e[11]),r=!0)},p(e,i){2&i&&u(a,e[1]),64&i&&(t.disabled=e[6]),2&i&&s(t,"aria-label",e[1])},d(e){e&&f(t),r=!1,n()}}}function v(e){let t;return{c(){t=d(e[3])},m(e,a){i(e,t,a)},p(e,a){8&a&&u(t,e[3])},d(e){e&&f(t)}}}function k(e){let t;return{c(){t=d(e[2])},m(e,a){i(e,t,a)},p(e,a){4&a&&u(t,e[2])},d(e){e&&f(t)}}}function y(e){let t,a,r,n,h,g,w,y,z,j=e[4]>0&&$(e);function _(e,t){return e[4]<e[8]?k:e[4]>=e[8]?v:void 0}let E=_(e),C=E&&E(e);return{c(){t=l("div"),a=l("button"),r=d(e[0]),n=o(),h=l("div"),j&&j.c(),g=o(),w=l("button"),C&&C.c(),this.c=c,s(a,"class","mc-button mc-button--s mc-button--bordered-danger"),a.disabled=e[5],s(a,"aria-label",e[0]),s(a,"type","button"),s(a,"id","cancelbutton"),s(w,"class","mc-button mc-button--s mc-stepper-bar__next"),s(w,"aria-label",e[2]),s(w,"type","button"),s(w,"id","nextlabel"),w.disabled=e[7],s(h,"class","mc-stepper-bar__actions"),s(t,"class","ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar"),b(t,"mc-bottom-bar--fixed",e[9])},m(l,d){i(l,t,d),m(t,a),m(a,r),m(t,n),m(t,h),j&&j.m(h,null),m(h,g),m(h,w),C&&C.m(w,null),y||(z=[p(a,"click",e[10]),p(w,"click",e[12])],y=!0)},p(e,[i]){1&i&&u(r,e[0]),32&i&&(a.disabled=e[5]),1&i&&s(a,"aria-label",e[0]),e[4]>0?j?j.p(e,i):(j=$(e),j.c(),j.m(h,g)):j&&(j.d(1),j=null),E===(E=_(e))&&C?C.p(e,i):(C&&C.d(1),C=E&&E(e),C&&(C.c(),C.m(w,null))),4&i&&s(w,"aria-label",e[2]),128&i&&(w.disabled=e[7]),512&i&&b(t,"mc-bottom-bar--fixed",e[9])},i:c,o:c,d(e){e&&f(t),j&&j.d(),C&&C.d(),y=!1,x(z)}}}function z(e,t,a){let i,r,n,l,d,o,{fixed:c}=t,{cancellabel:s}=t,{prevlabel:b}=t,{nextlabel:m}=t,{validatelabel:p}=t,{currentstep:u}=t,{stepsnb:f}=t,{disablednext:x}=t,{disabledprev:$}=t,{disabledcancel:v}=t,k=new w(h(),g());return e.$$set=e=>{"fixed"in e&&a(13,c=e.fixed),"cancellabel"in e&&a(0,s=e.cancellabel),"prevlabel"in e&&a(1,b=e.prevlabel),"nextlabel"in e&&a(2,m=e.nextlabel),"validatelabel"in e&&a(3,p=e.validatelabel),"currentstep"in e&&a(14,u=e.currentstep),"stepsnb"in e&&a(15,f=e.stepsnb),"disablednext"in e&&a(16,x=e.disablednext),"disabledprev"in e&&a(17,$=e.disabledprev),"disabledcancel"in e&&a(18,v=e.disabledcancel)},e.$$.update=()=>{8192&e.$$.dirty&&a(9,i=!!c||void 0),16384&e.$$.dirty&&a(4,r=u||0),32768&e.$$.dirty&&a(8,n=f||0),65536&e.$$.dirty&&a(7,l=!!x||void 0),131072&e.$$.dirty&&a(6,d=!!$||void 0),262144&e.$$.dirty&&a(5,o=!!v||void 0)},[s,b,m,p,r,o,d,l,n,i,function(e){k.dispatch("cancel",e)},function(){r-1>=0&&(a(4,r--,r),k.dispatch("previous-step",r))},function(){a(4,r++,r),k.dispatch("next-step",r)},c,u,f,x,$,v]}class j extends e{constructor(e){super();const l=document.createElement("style");l.textContent='.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-stepper-bar{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-stepper-bar__actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#007f8c;font-family:"Roboto", sans-serif;font-weight:700;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#006974;color:#ffffff}.mc-button:active{background-color:#006974}.mc-button:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1024px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1280px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1920px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},z,y,n,{fixed:13,cancellabel:0,prevlabel:1,nextlabel:2,validatelabel:3,currentstep:14,stepsnb:15,disablednext:16,disabledprev:17,disabledcancel:18},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),r()))}static get observedAttributes(){return["fixed","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","disablednext","disabledprev","disabledcancel"]}get fixed(){return this.$$.ctx[13]}set fixed(e){this.$$set({fixed:e}),r()}get cancellabel(){return this.$$.ctx[0]}set cancellabel(e){this.$$set({cancellabel:e}),r()}get prevlabel(){return this.$$.ctx[1]}set prevlabel(e){this.$$set({prevlabel:e}),r()}get nextlabel(){return this.$$.ctx[2]}set nextlabel(e){this.$$set({nextlabel:e}),r()}get validatelabel(){return this.$$.ctx[3]}set validatelabel(e){this.$$set({validatelabel:e}),r()}get currentstep(){return this.$$.ctx[14]}set currentstep(e){this.$$set({currentstep:e}),r()}get stepsnb(){return this.$$.ctx[15]}set stepsnb(e){this.$$set({stepsnb:e}),r()}get disablednext(){return this.$$.ctx[16]}set disablednext(e){this.$$set({disablednext:e}),r()}get disabledprev(){return this.$$.ctx[17]}set disabledprev(e){this.$$set({disabledprev:e}),r()}get disabledcancel(){return this.$$.ctx[18]}set disabledcancel(e){this.$$set({disabledcancel:e}),r()}}export{j as default};
 //# sourceMappingURL=StepperBar.js.map

package/public/adeo/components/tabs/Tabs.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as s,g as a,b as n,f as i,s as c,c as l,e as o,n as r,h as d,j as m,l as b,p as _,q as p,Q as u,r as f,u as h,v as x,w as g,x as v,d as $,J as k,t as w,k as y,m as A,o as N,R as j}from"../../index-d12e76e8.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function L(e,t,s){const a=e.slice();return a[17]=t[s],a[19]=s,a}function H(e){let t,s,a,i,c,l,r,m,_,u,f=e[17].text+"",h=e[17].iconName&&M(e),x=e[10].icon&&E(e);function g(...t){return e[13](e[19],e[17],...t)}return{c(){t=o("button"),s=o("span"),h&&h.c(),a=$(),x&&x.c(),i=$(),c=w(f),d(s,"class","mc-tabs__text"),d(t,"role","tab"),d(t,"type","button"),d(t,"class","mc-tabs__element"),d(t,"id",l=e[17].id),t.disabled=r=e[17].disabled,d(t,"aria-selected",m=e[17].isActive?"true":"false"),y(t,"mc-tabs__element--disabled",e[17].disabled),y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},m(e,l){n(e,t,l),b(t,s),h&&h.m(s,null),b(s,a),x&&x.m(s,null),b(s,i),b(s,c),_||(u=A(t,"click",g),_=!0)},p(n,o){(e=n)[17].iconName?h?h.p(e,o):(h=M(e),h.c(),h.m(s,a)):h&&(h.d(1),h=null),e[10].icon?x?x.p(e,o):(x=E(e),x.c(),x.m(s,i)):x&&(x.d(1),x=null),256&o&&f!==(f=e[17].text+"")&&N(c,f),256&o&&l!==(l=e[17].id)&&d(t,"id",l),256&o&&r!==(r=e[17].disabled)&&(t.disabled=r),256&o&&m!==(m=e[17].isActive?"true":"false")&&d(t,"aria-selected",m),256&o&&y(t,"mc-tabs__element--disabled",e[17].disabled),304&o&&y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},d(e){e&&p(t),h&&h.d(),x&&x.d(),_=!1,u()}}}function T(e){let t;function s(e,t){return e[17].disabled?O:R}let a=s(e),i=a(e);return{c(){i.c(),t=j()},m(e,s){i.m(e,s),n(e,t,s)},p(e,n){a===(a=s(e))&&i?i.p(e,n):(i.d(1),i=a(e),i&&(i.c(),i.m(t.parentNode,t)))},d(e){i.d(e),e&&p(t)}}}function M(e){let t,s=`<${D(e[17].iconName,e[17].iconColor)} />`;return{c(){t=o("span"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),t.innerHTML=s},p(e,a){256&a&&s!==(s=`<${D(e[17].iconName,e[17].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&p(t)}}}function E(e){let t,s,a;return{c(){t=o("span"),s=o("slot"),d(s,"prop",a=e[17]),d(s,"name","icon"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),b(t,s)},p(e,t){256&t&&a!==(a=e[17])&&d(s,"prop",a)},d(e){e&&p(t)}}}function O(e){let t,s,a,i,c,l,r,m=e[17].text+"",_=e[17].iconName&&S(e),u=e[10].icon&&q(e);return{c(){t=o("span"),s=o("span"),_&&_.c(),a=$(),u&&u.c(),i=$(),c=w(m),d(s,"class","mc-tabs__text"),d(t,"role","tab"),d(t,"class","mc-tabs__element"),d(t,"id",l=e[17].id),d(t,"aria-selected",r=e[17].isActive?"true":"false"),y(t,"mc-tabs__element--disabled",e[17].disabled),y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},m(e,l){n(e,t,l),b(t,s),_&&_.m(s,null),b(s,a),u&&u.m(s,null),b(s,i),b(s,c)},p(e,n){e[17].iconName?_?_.p(e,n):(_=S(e),_.c(),_.m(s,a)):_&&(_.d(1),_=null),e[10].icon?u?u.p(e,n):(u=q(e),u.c(),u.m(s,i)):u&&(u.d(1),u=null),256&n&&m!==(m=e[17].text+"")&&N(c,m),256&n&&l!==(l=e[17].id)&&d(t,"id",l),256&n&&r!==(r=e[17].isActive?"true":"false")&&d(t,"aria-selected",r),256&n&&y(t,"mc-tabs__element--disabled",e[17].disabled),304&n&&y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},d(e){e&&p(t),_&&_.d(),u&&u.d()}}}function R(e){let t,s,a,i,c,l,r,m,_,u,f=e[17].text+"",h=e[17].iconName&&z(e),x=e[10].icon&&J(e);function g(...t){return e[12](e[19],e[17],...t)}return{c(){t=o("a"),s=o("span"),h&&h.c(),a=$(),x&&x.c(),i=$(),c=w(f),d(s,"class","mc-tabs__text"),d(t,"href",l=e[17].href),d(t,"role","tab"),d(t,"class","mc-tabs__element"),d(t,"id",r=e[17].id),d(t,"aria-selected",m=e[17].isActive?"true":"false"),y(t,"mc-tabs__element--disabled",e[17].disabled),y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},m(e,l){n(e,t,l),b(t,s),h&&h.m(s,null),b(s,a),x&&x.m(s,null),b(s,i),b(s,c),_||(u=A(t,"click",g),_=!0)},p(n,o){(e=n)[17].iconName?h?h.p(e,o):(h=z(e),h.c(),h.m(s,a)):h&&(h.d(1),h=null),e[10].icon?x?x.p(e,o):(x=J(e),x.c(),x.m(s,i)):x&&(x.d(1),x=null),256&o&&f!==(f=e[17].text+"")&&N(c,f),256&o&&l!==(l=e[17].href)&&d(t,"href",l),256&o&&r!==(r=e[17].id)&&d(t,"id",r),256&o&&m!==(m=e[17].isActive?"true":"false")&&d(t,"aria-selected",m),256&o&&y(t,"mc-tabs__element--disabled",e[17].disabled),304&o&&y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},d(e){e&&p(t),h&&h.d(),x&&x.d(),_=!1,u()}}}function S(e){let t,s=`<${D(e[17].iconName,e[17].iconColor)} />`;return{c(){t=o("span"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),t.innerHTML=s},p(e,a){256&a&&s!==(s=`<${D(e[17].iconName,e[17].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&p(t)}}}function q(e){let t,s,a;return{c(){t=o("span"),s=o("slot"),d(s,"prop",a=e[17]),d(s,"name","icon"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),b(t,s)},p(e,t){256&t&&a!==(a=e[17])&&d(s,"prop",a)},d(e){e&&p(t)}}}function z(e){let t,s=`<${D(e[17].iconName,e[17].iconColor)} />`;return{c(){t=o("span"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),t.innerHTML=s},p(e,a){256&a&&s!==(s=`<${D(e[17].iconName,e[17].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&p(t)}}}function J(e){let t,s,a;return{c(){t=o("span"),s=o("slot"),d(s,"prop",a=e[17]),d(s,"name","icon"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),b(t,s)},p(e,t){256&t&&a!==(a=e[17])&&d(s,"prop",a)},d(e){e&&p(t)}}}function Q(e){let t,s;function a(e,t){return e[17].href?T:H}let i=a(e),c=i(e);return{c(){t=o("li"),c.c(),s=$(),d(t,"class","mc-tabs__item"),d(t,"role","presentation")},m(e,a){n(e,t,a),c.m(t,null),b(t,s)},p(e,n){i===(i=a(e))&&c?c.p(e,n):(c.d(1),c=i(e),c&&(c.c(),c.m(t,s)))},d(e){e&&p(t),c.d()}}}function B(e){let t,s,a,i=e[8],c=[];for(let t=0;t<i.length;t+=1)c[t]=Q(L(e,i,t));let f=[{class:a="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")},e[6]],h={};for(let e=0;e<f.length;e+=1)h=l(h,f[e]);return{c(){t=o("div"),s=o("ul");for(let e=0;e<c.length;e+=1)c[e].c();this.c=r,d(s,"class","mc-tabs__nav"),d(s,"role","tablist"),d(s,"aria-label",e[1]),m(t,h)},m(a,i){n(a,t,i),b(t,s);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(s,null);e[14](s)},p(e,[n]){if(1840&n){let t;for(i=e[8],t=0;t<i.length;t+=1){const a=L(e,i,t);c[t]?c[t].p(a,n):(c[t]=Q(a),c[t].c(),c[t].m(s,null))}for(;t<c.length;t+=1)c[t].d(1);c.length=i.length}2&n&&d(s,"aria-label",e[1]),m(t,h=_(f,[13&n&&a!==(a="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":""))&&{class:a},64&n&&e[6]]))},i:r,o:r,d(s){s&&p(t),u(c,s),e[14](null)}}}function D(e,t){return`${e} size="1.5rem" fill="${t}"`}function F(e,t,s){let a,n;const i=["align","description","nodivider","tabs","type","stateless","selectedtab"];let c=f(t,i),{$$slots:o={},$$scope:r}=t;const d=h(o);let m,{align:b="auto"}=t,{description:_="Tabs"}=t,{nodivider:p=!1}=t,{tabs:u}=t,{type:$="tabs"}=t,{stateless:w=!1}=t,{selectedtab:y}=t,A=new C(x(),g());function N(e,t){const s=e.target;w||(m.querySelectorAll(".mc-tabs__element").forEach((e=>{e.classList.remove("mc-tabs__element--selected"),e.setAttribute("aria-selected","false")})),s.classList.add("mc-tabs__element--selected"),s.setAttribute("aria-selected","true")),A.dispatch("tab-clicked",Object.assign(t,{target:s}))}return e.$$set=e=>{t=l(l({},t),v(e)),s(16,c=f(t,i)),"align"in e&&s(0,b=e.align),"description"in e&&s(1,_=e.description),"nodivider"in e&&s(2,p=e.nodivider),"tabs"in e&&s(11,u=e.tabs),"type"in e&&s(3,$=e.type),"stateless"in e&&s(4,w=e.stateless),"selectedtab"in e&&s(5,y=e.selectedtab)},e.$$.update=()=>{2048&e.$$.dirty&&s(8,a=u?JSON.parse(u):[]),s(6,n=Object.assign({},c)),64&e.$$.dirty&&delete n.class},[b,_,p,$,w,y,n,m,a,N,d,u,(e,t,s)=>N(s,Object.assign({index:e},t)),(e,t,s)=>N(s,Object.assign({index:e},t)),function(e){k[e?"unshift":"push"]((()=>{m=e,s(7,m)}))}]}class G extends e{constructor(e){super();const l=document.createElement("style");l.textContent='.mc-tabs{font-family:"Roboto", sans-serif;font-weight:400;background-color:#ffffff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:100%}.mc-tabs::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}.mc-tabs--no-shadow::after,.mc-tabs--no-divider::after{display:none}.mc-tabs__nav{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0;margin-bottom:0}.mc-tabs__nav,.mc-tabs__select{position:relative}.mc-tabs__link,.mc-tabs__element{font-size:0.875rem;line-height:1.2857142857;font-weight:700;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#666666;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:3.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;padding-left:0.75rem;padding-right:0.75rem;position:relative;text-decoration:none}.mc-tabs__link::before,.mc-tabs__element::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;bottom:-0.125rem;top:-0.125rem}.mc-tabs__link::after,.mc-tabs__element::after{background-color:transparent;bottom:0;content:"";height:0.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link:hover .mc-tabs__text,.mc-tabs__element:hover .mc-tabs__text{background-color:#eeedea}.mc-tabs__link:active,.mc-tabs__element:active{color:#4d4d4d}.mc-tabs__link:active .mc-tabs__text,.mc-tabs__element:active .mc-tabs__text{background-color:#dddcd5}.mc-tabs__link:focus::before,.mc-tabs__element:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#007f8c}.mc-tabs__link--selected::after,.mc-tabs__element--selected::after{background-color:#007f8c}.mc-tabs__link--selected:hover,.mc-tabs__element--selected:hover{color:#006974}.mc-tabs__link--selected:active,.mc-tabs__element--selected:active{color:#006974}.mc-tabs__link--disabled,.mc-tabs__element--disabled{cursor:not-allowed;background-color:#cccccc;pointer-events:none}.mc-tabs__link--disabled,.mc-tabs__link--disabled:hover,.mc-tabs__link--disabled:focus,.mc-tabs__link--disabled:active,.mc-tabs__element--disabled,.mc-tabs__element--disabled:hover,.mc-tabs__element--disabled:focus,.mc-tabs__element--disabled:active{-webkit-box-shadow:none;box-shadow:none}.mc-tabs__text{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:0.4375rem 0.75rem;pointer-events:none}.mc-tabs__icon{fill:currentColor;height:1.5rem;width:1.5rem}.mc-tabs--full-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-tabs--dropdown{padding:1rem;width:auto}@media screen and (min-width: 680px){.mc-tabs{width:auto}.mc-tabs--full,.mc-tabs--full-centered{width:100%}}@media screen and (max-width: 679px){.mc-tabs:not(.mc-tabs--dropdown)::before{bottom:0.125rem}.mc-tabs__nav{overflow:auto hidden;white-space:nowrap}}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:{...s(this.attributes),$$slots:a(this)},customElement:!0},F,B,c,{align:0,description:1,nodivider:2,tabs:11,type:3,stateless:4,selectedtab:5},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["align","description","nodivider","tabs","type","stateless","selectedtab"]}get align(){return this.$$.ctx[0]}set align(e){this.$$set({align:e}),i()}get description(){return this.$$.ctx[1]}set description(e){this.$$set({description:e}),i()}get nodivider(){return this.$$.ctx[2]}set nodivider(e){this.$$set({nodivider:e}),i()}get tabs(){return this.$$.ctx[11]}set tabs(e){this.$$set({tabs:e}),i()}get type(){return this.$$.ctx[3]}set type(e){this.$$set({type:e}),i()}get stateless(){return this.$$.ctx[4]}set stateless(e){this.$$set({stateless:e}),i()}get selectedtab(){return this.$$.ctx[5]}set selectedtab(e){this.$$set({selectedtab:e}),i()}}export{G as default};
+import{S as e,i as t,a as s,g as a,b as n,f as i,s as c,c as l,e as o,n as r,h as d,j as m,l as b,p as _,q as p,Q as u,r as f,u as h,v as x,w as g,x as v,d as $,J as k,t as w,k as y,m as A,o as N,R as j}from"../../index-48da6c1f.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function L(e,t,s){const a=e.slice();return a[17]=t[s],a[19]=s,a}function H(e){let t,s,a,i,c,l,r,m,_,u,f=e[17].text+"",h=e[17].iconName&&M(e),x=e[10].icon&&E(e);function g(...t){return e[13](e[19],e[17],...t)}return{c(){t=o("button"),s=o("span"),h&&h.c(),a=$(),x&&x.c(),i=$(),c=w(f),d(s,"class","mc-tabs__text"),d(t,"role","tab"),d(t,"type","button"),d(t,"class","mc-tabs__element"),d(t,"id",l=e[17].id),t.disabled=r=e[17].disabled,d(t,"aria-selected",m=e[17].isActive?"true":"false"),y(t,"mc-tabs__element--disabled",e[17].disabled),y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},m(e,l){n(e,t,l),b(t,s),h&&h.m(s,null),b(s,a),x&&x.m(s,null),b(s,i),b(s,c),_||(u=A(t,"click",g),_=!0)},p(n,o){(e=n)[17].iconName?h?h.p(e,o):(h=M(e),h.c(),h.m(s,a)):h&&(h.d(1),h=null),e[10].icon?x?x.p(e,o):(x=E(e),x.c(),x.m(s,i)):x&&(x.d(1),x=null),256&o&&f!==(f=e[17].text+"")&&N(c,f),256&o&&l!==(l=e[17].id)&&d(t,"id",l),256&o&&r!==(r=e[17].disabled)&&(t.disabled=r),256&o&&m!==(m=e[17].isActive?"true":"false")&&d(t,"aria-selected",m),256&o&&y(t,"mc-tabs__element--disabled",e[17].disabled),304&o&&y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},d(e){e&&p(t),h&&h.d(),x&&x.d(),_=!1,u()}}}function T(e){let t;function s(e,t){return e[17].disabled?O:R}let a=s(e),i=a(e);return{c(){i.c(),t=j()},m(e,s){i.m(e,s),n(e,t,s)},p(e,n){a===(a=s(e))&&i?i.p(e,n):(i.d(1),i=a(e),i&&(i.c(),i.m(t.parentNode,t)))},d(e){i.d(e),e&&p(t)}}}function M(e){let t,s=`<${D(e[17].iconName,e[17].iconColor)} />`;return{c(){t=o("span"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),t.innerHTML=s},p(e,a){256&a&&s!==(s=`<${D(e[17].iconName,e[17].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&p(t)}}}function E(e){let t,s,a;return{c(){t=o("span"),s=o("slot"),d(s,"prop",a=e[17]),d(s,"name","icon"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),b(t,s)},p(e,t){256&t&&a!==(a=e[17])&&d(s,"prop",a)},d(e){e&&p(t)}}}function O(e){let t,s,a,i,c,l,r,m=e[17].text+"",_=e[17].iconName&&S(e),u=e[10].icon&&q(e);return{c(){t=o("span"),s=o("span"),_&&_.c(),a=$(),u&&u.c(),i=$(),c=w(m),d(s,"class","mc-tabs__text"),d(t,"role","tab"),d(t,"class","mc-tabs__element"),d(t,"id",l=e[17].id),d(t,"aria-selected",r=e[17].isActive?"true":"false"),y(t,"mc-tabs__element--disabled",e[17].disabled),y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},m(e,l){n(e,t,l),b(t,s),_&&_.m(s,null),b(s,a),u&&u.m(s,null),b(s,i),b(s,c)},p(e,n){e[17].iconName?_?_.p(e,n):(_=S(e),_.c(),_.m(s,a)):_&&(_.d(1),_=null),e[10].icon?u?u.p(e,n):(u=q(e),u.c(),u.m(s,i)):u&&(u.d(1),u=null),256&n&&m!==(m=e[17].text+"")&&N(c,m),256&n&&l!==(l=e[17].id)&&d(t,"id",l),256&n&&r!==(r=e[17].isActive?"true":"false")&&d(t,"aria-selected",r),256&n&&y(t,"mc-tabs__element--disabled",e[17].disabled),304&n&&y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},d(e){e&&p(t),_&&_.d(),u&&u.d()}}}function R(e){let t,s,a,i,c,l,r,m,_,u,f=e[17].text+"",h=e[17].iconName&&z(e),x=e[10].icon&&J(e);function g(...t){return e[12](e[19],e[17],...t)}return{c(){t=o("a"),s=o("span"),h&&h.c(),a=$(),x&&x.c(),i=$(),c=w(f),d(s,"class","mc-tabs__text"),d(t,"href",l=e[17].href),d(t,"role","tab"),d(t,"class","mc-tabs__element"),d(t,"id",r=e[17].id),d(t,"aria-selected",m=e[17].isActive?"true":"false"),y(t,"mc-tabs__element--disabled",e[17].disabled),y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},m(e,l){n(e,t,l),b(t,s),h&&h.m(s,null),b(s,a),x&&x.m(s,null),b(s,i),b(s,c),_||(u=A(t,"click",g),_=!0)},p(n,o){(e=n)[17].iconName?h?h.p(e,o):(h=z(e),h.c(),h.m(s,a)):h&&(h.d(1),h=null),e[10].icon?x?x.p(e,o):(x=J(e),x.c(),x.m(s,i)):x&&(x.d(1),x=null),256&o&&f!==(f=e[17].text+"")&&N(c,f),256&o&&l!==(l=e[17].href)&&d(t,"href",l),256&o&&r!==(r=e[17].id)&&d(t,"id",r),256&o&&m!==(m=e[17].isActive?"true":"false")&&d(t,"aria-selected",m),256&o&&y(t,"mc-tabs__element--disabled",e[17].disabled),304&o&&y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},d(e){e&&p(t),h&&h.d(),x&&x.d(),_=!1,u()}}}function S(e){let t,s=`<${D(e[17].iconName,e[17].iconColor)} />`;return{c(){t=o("span"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),t.innerHTML=s},p(e,a){256&a&&s!==(s=`<${D(e[17].iconName,e[17].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&p(t)}}}function q(e){let t,s,a;return{c(){t=o("span"),s=o("slot"),d(s,"prop",a=e[17]),d(s,"name","icon"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),b(t,s)},p(e,t){256&t&&a!==(a=e[17])&&d(s,"prop",a)},d(e){e&&p(t)}}}function z(e){let t,s=`<${D(e[17].iconName,e[17].iconColor)} />`;return{c(){t=o("span"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),t.innerHTML=s},p(e,a){256&a&&s!==(s=`<${D(e[17].iconName,e[17].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&p(t)}}}function J(e){let t,s,a;return{c(){t=o("span"),s=o("slot"),d(s,"prop",a=e[17]),d(s,"name","icon"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),b(t,s)},p(e,t){256&t&&a!==(a=e[17])&&d(s,"prop",a)},d(e){e&&p(t)}}}function Q(e){let t,s;function a(e,t){return e[17].href?T:H}let i=a(e),c=i(e);return{c(){t=o("li"),c.c(),s=$(),d(t,"class","mc-tabs__item"),d(t,"role","presentation")},m(e,a){n(e,t,a),c.m(t,null),b(t,s)},p(e,n){i===(i=a(e))&&c?c.p(e,n):(c.d(1),c=i(e),c&&(c.c(),c.m(t,s)))},d(e){e&&p(t),c.d()}}}function B(e){let t,s,a,i=e[8],c=[];for(let t=0;t<i.length;t+=1)c[t]=Q(L(e,i,t));let f=[{class:a="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")},e[6]],h={};for(let e=0;e<f.length;e+=1)h=l(h,f[e]);return{c(){t=o("div"),s=o("ul");for(let e=0;e<c.length;e+=1)c[e].c();this.c=r,d(s,"class","mc-tabs__nav"),d(s,"role","tablist"),d(s,"aria-label",e[1]),m(t,h)},m(a,i){n(a,t,i),b(t,s);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(s,null);e[14](s)},p(e,[n]){if(1840&n){let t;for(i=e[8],t=0;t<i.length;t+=1){const a=L(e,i,t);c[t]?c[t].p(a,n):(c[t]=Q(a),c[t].c(),c[t].m(s,null))}for(;t<c.length;t+=1)c[t].d(1);c.length=i.length}2&n&&d(s,"aria-label",e[1]),m(t,h=_(f,[13&n&&a!==(a="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":""))&&{class:a},64&n&&e[6]]))},i:r,o:r,d(s){s&&p(t),u(c,s),e[14](null)}}}function D(e,t){return`${e} size="1.5rem" fill="${t}"`}function F(e,t,s){let a,n;const i=["align","description","nodivider","tabs","type","stateless","selectedtab"];let c=f(t,i),{$$slots:o={},$$scope:r}=t;const d=h(o);let m,{align:b="auto"}=t,{description:_="Tabs"}=t,{nodivider:p=!1}=t,{tabs:u}=t,{type:$="tabs"}=t,{stateless:w=!1}=t,{selectedtab:y}=t,A=new C(x(),g());function N(e,t){const s=e.target;w||(m.querySelectorAll(".mc-tabs__element").forEach((e=>{e.classList.remove("mc-tabs__element--selected"),e.setAttribute("aria-selected","false")})),s.classList.add("mc-tabs__element--selected"),s.setAttribute("aria-selected","true")),A.dispatch("tab-clicked",Object.assign(t,{target:s}))}return e.$$set=e=>{t=l(l({},t),v(e)),s(16,c=f(t,i)),"align"in e&&s(0,b=e.align),"description"in e&&s(1,_=e.description),"nodivider"in e&&s(2,p=e.nodivider),"tabs"in e&&s(11,u=e.tabs),"type"in e&&s(3,$=e.type),"stateless"in e&&s(4,w=e.stateless),"selectedtab"in e&&s(5,y=e.selectedtab)},e.$$.update=()=>{2048&e.$$.dirty&&s(8,a=u?JSON.parse(u):[]),s(6,n=Object.assign({},c)),64&e.$$.dirty&&delete n.class},[b,_,p,$,w,y,n,m,a,N,d,u,(e,t,s)=>N(s,Object.assign({index:e},t)),(e,t,s)=>N(s,Object.assign({index:e},t)),function(e){k[e?"unshift":"push"]((()=>{m=e,s(7,m)}))}]}class G extends e{constructor(e){super();const l=document.createElement("style");l.textContent='.mc-tabs{font-family:"Roboto", sans-serif;font-weight:400;background-color:#ffffff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:100%}.mc-tabs::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}.mc-tabs--no-shadow::after,.mc-tabs--no-divider::after{display:none}.mc-tabs__nav{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0;margin-bottom:0}.mc-tabs__nav,.mc-tabs__select{position:relative}.mc-tabs__link,.mc-tabs__element{font-size:0.875rem;line-height:1.2857142857;font-weight:700;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#666666;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:3.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;padding-left:0.75rem;padding-right:0.75rem;position:relative;text-decoration:none}.mc-tabs__link::before,.mc-tabs__element::before{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;bottom:-0.125rem;top:-0.125rem}.mc-tabs__link::after,.mc-tabs__element::after{background-color:transparent;bottom:0;content:"";height:0.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link:hover .mc-tabs__text,.mc-tabs__element:hover .mc-tabs__text{background-color:#eeedea}.mc-tabs__link:active,.mc-tabs__element:active{color:#4d4d4d}.mc-tabs__link:active .mc-tabs__text,.mc-tabs__element:active .mc-tabs__text{background-color:#dddcd5}.mc-tabs__link:focus::before,.mc-tabs__element:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#007f8c}.mc-tabs__link--selected::after,.mc-tabs__element--selected::after{background-color:#007f8c}.mc-tabs__link--selected:hover,.mc-tabs__element--selected:hover{color:#006974}.mc-tabs__link--selected:active,.mc-tabs__element--selected:active{color:#006974}.mc-tabs__link--disabled,.mc-tabs__element--disabled{cursor:not-allowed;background-color:#cccccc;pointer-events:none}.mc-tabs__link--disabled,.mc-tabs__link--disabled:hover,.mc-tabs__link--disabled:focus,.mc-tabs__link--disabled:active,.mc-tabs__element--disabled,.mc-tabs__element--disabled:hover,.mc-tabs__element--disabled:focus,.mc-tabs__element--disabled:active{-webkit-box-shadow:none;box-shadow:none}.mc-tabs__text{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:0.4375rem 0.75rem;pointer-events:none}.mc-tabs__icon{fill:currentColor;height:1.5rem;width:1.5rem}.mc-tabs--full-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-tabs--dropdown{padding:1rem;width:auto}@media screen and (min-width: 680px){.mc-tabs{width:auto}.mc-tabs--full,.mc-tabs--full-centered{width:100%}}@media screen and (max-width: 679px){.mc-tabs:not(.mc-tabs--dropdown)::before{bottom:0.125rem}.mc-tabs__nav{overflow:auto hidden;white-space:nowrap}}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:{...s(this.attributes),$$slots:a(this)},customElement:!0},F,B,c,{align:0,description:1,nodivider:2,tabs:11,type:3,stateless:4,selectedtab:5},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["align","description","nodivider","tabs","type","stateless","selectedtab"]}get align(){return this.$$.ctx[0]}set align(e){this.$$set({align:e}),i()}get description(){return this.$$.ctx[1]}set description(e){this.$$set({description:e}),i()}get nodivider(){return this.$$.ctx[2]}set nodivider(e){this.$$set({nodivider:e}),i()}get tabs(){return this.$$.ctx[11]}set tabs(e){this.$$set({tabs:e}),i()}get type(){return this.$$.ctx[3]}set type(e){this.$$set({type:e}),i()}get stateless(){return this.$$.ctx[4]}set stateless(e){this.$$set({stateless:e}),i()}get selectedtab(){return this.$$.ctx[5]}set selectedtab(e){this.$$set({selectedtab:e}),i()}}export{G as default};
 //# sourceMappingURL=Tabs.js.map