@mozaic-ds/web-components 0.28.1 → 1.0.0-alpha.0

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

@@ -1 +0,0 @@
-{"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":"44EAkDaA,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/components/sidebar/sidebar-segment.nested.js

@@ -1,2 +0,0 @@
-import{H as e,i as s,s as t,I as i,T as l,b as n,B as a,z as c,A as o,m as d,ag as r,p as f,e as m,d as v,v as b,h as w,k as p,x as g,C as u,y as x,Y as h,Z as _,_ as $,$ as k,J as y,a4 as j}from"../../index-c222d0b7.js";import{a as P,s as z,i as A}from"../../sidebar-service-8aa10fb1.js";function B(e){i(e,"svelte-1lfwvf",".mc-sidebar-segment.svelte-1lfwvf.svelte-1lfwvf{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#191919;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-1lfwvf.svelte-1lfwvf{fill:#191919;height:1.5rem;width:1.5rem}.mc-sidebar-segment__container.svelte-1lfwvf.svelte-1lfwvf{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.svelte-1lfwvf svg.svelte-1lfwvf{fill:#191919}.mc-sidebar-segment__text.svelte-1lfwvf.svelte-1lfwvf{margin-left:10px;width:200px;min-width:200px}.mc-sidebar-segment.is-selected.svelte-1lfwvf.svelte-1lfwvf{background:#cfd2d8}.mc-sidebar-segment.svelte-1lfwvf.svelte-1lfwvf:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-1lfwvf:focus-visible .mc-sidebar-segment__container.svelte-1lfwvf{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-1lfwvf.svelte-1lfwvf:hover{background:#b3b7c1}.mc-sidebar-segment.is-close.svelte-1lfwvf .mc-sidebar-segment__container.svelte-1lfwvf{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-1lfwvf .mc-sidebar-segment__text.svelte-1lfwvf{opacity:0}.mc-sidebar-segment.is-open.svelte-1lfwvf .mc-sidebar-segment__container.svelte-1lfwvf{-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-1lfwvf .mc-sidebar-segment__text.svelte-1lfwvf{opacity:1}")}const C=e=>({}),H=e=>({});function I(e){let s,t,i,l,r,f,h,_,$,k,y,j,P,z,A,B,C,H=e[0].label+"",I=e[0].icon&&J(e),Y=e[4].icon&&N(e),Z=e[0].iconPath&&T(e);return{c(){s=m("a"),t=m("div"),i=m("span"),I&&I.c(),l=v(),Y&&Y.c(),r=v(),Z&&Z.c(),f=v(),h=m("span"),_=b(H),w(i,"class","mc-sidebar-segment__icon svelte-1lfwvf"),w(h,"aria-hidden",$=!e[2]),w(h,"class","mc-sidebar-segment__text svelte-1lfwvf"),w(t,"class","mc-sidebar-segment__container svelte-1lfwvf"),w(s,"id",k=e[0].code),w(s,"aria-label",y=e[0].label),w(s,"class",j="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1lfwvf"),w(s,"href",P=e[0].href??"javascript:void(null)"),w(s,"target",z=e[0].embedded)},m(a,c){n(a,s,c),p(s,t),p(t,i),I&&I.m(i,null),p(i,l),Y&&Y.m(i,null),p(i,r),Z&&Z.m(i,null),p(t,f),p(t,h),p(h,_),A=!0,B||(C=g(s,"click",e[3]),B=!0)},p(e,t){e[0].icon?I?I.p(e,t):(I=J(e),I.c(),I.m(i,l)):I&&(I.d(1),I=null),e[4].icon?Y?(Y.p(e,t),16&t&&a(Y,1)):(Y=N(e),Y.c(),a(Y,1),Y.m(i,r)):Y&&(u(),c(Y,1,1,(()=>{Y=null})),o()),e[0].iconPath?Z?Z.p(e,t):(Z=T(e),Z.c(),Z.m(i,null)):Z&&(Z.d(1),Z=null),(!A||1&t)&&H!==(H=e[0].label+"")&&x(_,H),(!A||4&t&&$!==($=!e[2]))&&w(h,"aria-hidden",$),(!A||1&t&&k!==(k=e[0].code))&&w(s,"id",k),(!A||1&t&&y!==(y=e[0].label))&&w(s,"aria-label",y),(!A||7&t&&j!==(j="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-1lfwvf"))&&w(s,"class",j),(!A||1&t&&P!==(P=e[0].href??"javascript:void(null)"))&&w(s,"href",P),(!A||1&t&&z!==(z=e[0].embedded))&&w(s,"target",z)},i(e){A||(a(Y),A=!0)},o(e){c(Y),A=!1},d(e){e&&d(s),I&&I.d(),Y&&Y.d(),Z&&Z.d(),B=!1,C()}}}function J(e){let s,t,i=`<${Z(e[0].icon)} />`;return{c(){s=new j(!1),t=l(),s.a=t},m(e,l){s.m(i,e,l),n(e,t,l)},p(e,t){1&t&&i!==(i=`<${Z(e[0].icon)} />`)&&s.p(i)},d(e){e&&d(t),e&&s.d()}}}function N(e){let s;const t=e[6].icon,i=h(t,e,e[5],H);return{c(){i&&i.c()},m(e,t){i&&i.m(e,t),s=!0},p(e,l){i&&i.p&&(!s||32&l)&&_(i,t,e,e[5],s?k(t,e[5],l,C):$(e[5]),H)},i(e){s||(a(i,e),s=!0)},o(e){c(i,e),s=!1},d(e){i&&i.d(e)}}}function T(e){let s,t,i;return{c(){s=y("svg"),t=y("use"),w(t,"href",i=e[0].iconPath),w(s,"class","mc-sidebar-segment__icon svelte-1lfwvf")},m(e,i){n(e,s,i),p(s,t)},p(e,s){1&s&&i!==(i=e[0].iconPath)&&w(t,"href",i)},d(e){e&&d(s)}}}function Y(e){let s,t,i=e[0]&&I(e);return{c(){i&&i.c(),s=l()},m(e,l){i&&i.m(e,l),n(e,s,l),t=!0},p(e,[t]){e[0]?i?(i.p(e,t),1&t&&a(i,1)):(i=I(e),i.c(),a(i,1),i.m(s.parentNode,s)):i&&(u(),c(i,1,1,(()=>{i=null})),o())},i(e){t||(a(i),t=!0)},o(e){c(i),t=!1},d(e){i&&i.d(e),e&&d(s)}}}function Z(e){return`${e} size="1.5rem"`}function q(e,s,t){let i,l;r(e,z,(e=>t(1,i=e))),r(e,A,(e=>t(2,l=e)));let{$$slots:n={},$$scope:a}=s;const c=f(n);let{data:o}=s;return e.$$set=e=>{"data"in e&&t(0,o=e.data),"$$scope"in e&&t(5,a=e.$$scope)},[o,i,l,function(){P(o.code)},c,a,n]}class D extends e{constructor(e){super(),s(this,e,q,Y,t,{data:0},B)}}export{D as default};
-//# sourceMappingURL=sidebar-segment.nested.js.map

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

@@ -1 +0,0 @@
-{"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  \n    <div class=\"mc-sidebar-segment__container\">\n      <span class=\"mc-sidebar-segment__icon\">\n      {#if data.icon}\n          {@html `<${generateIcon(data.icon)} />`}\n      {/if}\n      {#if $$slots.icon}\n          <slot name=\"icon\" />\n      {/if}\n      {#if data.iconPath}\n      <svg class=\"mc-sidebar-segment__icon\">\n        <use href={data.iconPath}></use>\n      </svg>\n      {/if}\n      </span>\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    &: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":["t3_value","ctx","label","if_block0","icon","create_if_block_3","if_block1","create_if_block_2","if_block2","iconPath","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","span0","span1","current","dirty","set_data","t3","generateIcon","html_tag","p","raw_value","use","use_href_value","svg","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"olEAgDSA,EAAAC,KAAKC,MAAK,GAbRC,EAAAF,KAAKG,MAAIC,EAAAJ,GAGTK,EAAAL,KAAQG,MAAIG,EAAAN,GAGZO,EAAAP,KAAKQ,UAAQC,EAAAT,yLAMEA,EAAc,qHAxBhCU,EAAAC,EAAA,KAAAC,EAAAZ,KAAKa,MACGH,EAAAC,EAAA,aAAAG,EAAAd,KAAKC,OACUS,EAAAC,EAAA,QAAAI,EAAA,uBAAAf,KAAKa,OAASb,EAAkB,IAAAgB,KAAKH,KAC5D,cACA,IAAK,KAAAb,EAAiB,GAAA,UAAY,YAAU,+BAC1CA,EAAI,GAACiB,MAAQ,yBACXP,EAAAC,EAAA,SAAAO,EAAAlB,KAAKmB,kBAPfC,EA6BGC,EAAAV,EAAAW,GAlBDC,EAiBKZ,EAAAa,GAhBHD,EAYMC,EAAAC,qEACNF,EAEMC,EAAAE,iCAnBE1B,EAAW,kBAKdA,KAAKG,2DAGLH,KAAQG,mGAGRH,KAAKQ,oEAOPmB,GAAA,EAAAC,IAAA7B,KAAAA,EAAAC,KAAKC,MAAK,KAAA4B,EAAAC,EAAA/B,qBADOC,EAAc,6BAxBhC2B,GAAA,EAAAC,GAAAhB,KAAAA,EAAAZ,KAAKa,sBACGc,GAAA,EAAAC,GAAAd,KAAAA,EAAAd,KAAKC,+BACU0B,GAAA,EAAAC,GAAAb,KAAAA,EAAA,uBAAAf,KAAKa,OAASb,EAAkB,IAAAgB,KAAKH,KAC5D,cACA,IAAK,KAAAb,EAAiB,GAAA,UAAY,YAAU,oDAC1CA,EAAI,GAACiB,MAAQ,2CACXU,GAAA,EAAAC,GAAAV,KAAAA,EAAAlB,KAAKmB,iJAOIY,EAAa/B,EAAI,GAACG,kGAAlB4B,EAAa/B,EAAI,GAACG,aAAI6B,EAAAC,EAAAC,uTAOxBxB,EAAAyB,EAAA,OAAAC,EAAApC,KAAKQ,wEADlBY,EAEKC,EAAAgB,EAAAf,GADHC,EAA+Bc,EAAAF,WAApB,EAAAP,GAAAQ,KAAAA,EAAApC,KAAKQ,iEAtBnBR,EAAI,IAAAsC,EAAAtC,yEAAJA,EAAI,0KATE,SAAA+B,EAAaQ,YACVA,0IAHDC,GAAaC,kGAOtBC,EAAcF,EAAK3B"}

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

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

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

@@ -1 +0,0 @@
-{"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":"ysBAQ+BA,EAAc,GAAG,UAAY,YAAU,2BAFtEC,EAGCC,EAAAC,EAAAC,kDAD8BJ,EAAc,GAAG,UAAY,YAAU"}

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

@@ -1,2 +0,0 @@
-import{H as e,i as s,s as a,I as t,e as l,J as i,d as n,v as r,h as o,b,k as c,x as d,y as u,B as f,z as m,A as p,m as g,q as v,r as x,C as h,R as _,E as j,F as w,Q as y,G as k}from"../../index-c222d0b7.js";import{a as $}from"../../sidebar-service-8aa10fb1.js";import L from"./sidebar-feature.nested.js";import{E as z}from"../../EventHandler-f7ee47ca.js";function H(e){t(e,"svelte-6es2j1",".mc-sidebar-sub-feature.svelte-6es2j1.svelte-6es2j1{width:320px}.mc-sidebar-sub-feature__trigger.svelte-6es2j1.svelte-6es2j1{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-6es2j1.svelte-6es2j1{font-size:16px;font-weight:700;margin-left:8px;color:#191919}.mc-sidebar-sub-feature__trigger.svelte-6es2j1.svelte-6es2j1:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-sub-feature__trigger.svelte-6es2j1:focus-visible .mc-sidebar-sub-feature__container.svelte-6es2j1{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-sub-feature__icon.svelte-6es2j1.svelte-6es2j1{fill:#191919}.mc-sidebar-sub-feature__container.svelte-6es2j1.svelte-6es2j1{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-6es2j1 ul.svelte-6es2j1{list-style:none;margin:0;padding:0}")}function B(e,s,a){const t=e.slice();return t[6]=s[a],t}function E(e){let s,a,t=e[0]?.items,i=[];for(let s=0;s<t.length;s+=1)i[s]=A(B(e,t,s));const n=e=>m(i[e],1,1,(()=>{i[e]=null}));return{c(){s=l("ul");for(let e=0;e<i.length;e+=1)i[e].c();o(s,"class","svelte-6es2j1")},m(e,t){b(e,s,t);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null);a=!0},p(e,a){if(11&a){let l;for(t=e[0]?.items,l=0;l<t.length;l+=1){const n=B(e,t,l);i[l]?(i[l].p(n,a),f(i[l],1)):(i[l]=A(n),i[l].c(),f(i[l],1),i[l].m(s,null))}for(h(),l=t.length;l<i.length;l+=1)n(l);p()}},i(e){if(!a){for(let e=0;e<t.length;e+=1)f(i[e]);a=!0}},o(e){i=i.filter(Boolean);for(let e=0;e<i.length;e+=1)m(i[e]);a=!1},d(e){e&&g(s),_(i,e)}}}function A(e){let s,a,t,i,r,u;function p(){return e[4](e[6])}return a=new L({props:{feature:e[6],a11yLabels:e[1]}}),{c(){s=l("li"),j(a.$$.fragment),t=n(),o(s,"class","mc-sidebar-sub-feature__item")},m(e,l){b(e,s,l),w(a,s,null),c(s,t),i=!0,r||(u=d(s,"click",y(p)),r=!0)},p(s,t){e=s;const l={};1&t&&(l.feature=e[6]),2&t&&(l.a11yLabels=e[1]),a.$set(l)},i(e){i||(f(a.$$.fragment,e),i=!0)},o(e){m(a.$$.fragment,e),i=!1},d(e){e&&g(s),k(a),r=!1,u()}}}function M(e){let s,a,t,v,x,_,j,w,y,k,$,L,z,H,B=e[0]?.label+"",A=e[0]?.items?.length&&E(e);return{c(){s=l("div"),a=l("button"),t=l("span"),v=i("svg"),x=i("path"),_=i("path"),j=n(),w=l("span"),y=r(B),k=n(),A&&A.c(),o(x,"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"),o(_,"d","M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z"),o(v,"class","mc-sidebar-sub-feature__icon svelte-6es2j1"),o(v,"width","24px"),o(v,"height","24px"),o(v,"viewBox","0 0 24 24"),o(w,"class","mc-sidebar-sub-feature__trigger__label svelte-6es2j1"),o(t,"class","mc-sidebar-sub-feature__container svelte-6es2j1"),o(a,"class","mc-sidebar-sub-feature__trigger svelte-6es2j1"),o(s,"class","mc-sidebar-sub-feature svelte-6es2j1"),o(s,"aria-label",$=e[0]?.label)},m(l,i){b(l,s,i),c(s,a),c(a,t),c(t,v),c(v,x),c(v,_),c(t,j),c(t,w),c(w,y),c(s,k),A&&A.m(s,null),L=!0,z||(H=d(a,"click",e[2]),z=!0)},p(e,[a]){(!L||1&a)&&B!==(B=e[0]?.label+"")&&u(y,B),e[0]?.items?.length?A?(A.p(e,a),1&a&&f(A,1)):(A=E(e),A.c(),f(A,1),A.m(s,null)):A&&(h(),m(A,1,1,(()=>{A=null})),p()),(!L||1&a&&$!==($=e[0]?.label))&&o(s,"aria-label",$)},i(e){L||(f(A),L=!0)},o(e){m(A),L=!1},d(e){e&&g(s),A&&A.d(),z=!1,H()}}}function q(e,s,a){let{data:t}=s,{a11yLabels:l}=s,i=new z(v(),x());function n(e){e.disabled||$(e.code)}return e.$$set=e=>{"data"in e&&a(0,t=e.data),"a11yLabels"in e&&a(1,l=e.a11yLabels)},[t,l,function(){i.dispatch("back-click",t)},n,e=>n(e)]}class C extends e{constructor(e){super(),s(this,e,q,M,a,{data:0,a11yLabels:1},H)}}export{C as default};
-//# sourceMappingURL=sidebar-sub-features.nested.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-sub-features.nested.js","sources":["../../../src/components/sidebar/sidebar-sub-features.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n  import { selectFeature } from '../../utilities/sidebar-service';\n  import type { A11yLabels, Feature } from './sidebar.types';\n  import FeatureComponent from './sidebar-feature.nested.svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let data: Feature;\n  export let a11yLabels: A11yLabels;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function handleBackClick(): void {\n    eventHandler.dispatch('back-click', data);\n  }\n\n  function handleFeatureClick(feature: Feature): void {\n    if (!feature.disabled) {\n      selectFeature(feature.code);\n    }\n  }\n</script>\n\n<div class=\"mc-sidebar-sub-feature\" aria-label={data?.label}>\n  <button class=\"mc-sidebar-sub-feature__trigger\" on:click={handleBackClick}>\n    <span class=\"mc-sidebar-sub-feature__container\">\n      <svg\n        class=\"mc-sidebar-sub-feature__icon\"\n        width=\"24px\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        ><path\n          d=\"M9 19a1 1 0 01-.71-.29l-6-6a1 1 0 010-1.42l6-6a1 1 0 111.42 1.42L4.41 12l5.3 5.29a1 1 0 010 1.42A1 1 0 019 19z\"\n        /><path d=\"M21 13H3.24a1 1 0 010-2H21a1 1 0 010 2z\" /></svg\n      >\n      <span class=\"mc-sidebar-sub-feature__trigger__label\">{data?.label}</span>\n    </span>\n  </button>\n  {#if data?.items?.length}\n    <ul>\n      {#each data?.items as feature}\n        <li\n          class=\"mc-sidebar-sub-feature__item\"\n          on:click|stopPropagation={() => handleFeatureClick(feature)}\n        >\n          <FeatureComponent {feature} {a11yLabels} />\n        </li>\n      {/each}\n    </ul>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import './_c.sidebar';\n\n  .mc-sidebar-sub-feature {\n    width: 320px;\n\n    &__trigger {\n      background: none;\n      border: none;\n      cursor: pointer;\n      display: flex;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      font-family: inherit;\n      width: 100%;\n      padding: 0px 32px;\n\n      &__label {\n        font-size: 16px;\n        font-weight: 700;\n        margin-left: 8px;\n        color: $color-sidebar-text-color;\n      }\n\n      &:focus-visible {\n        box-shadow: none;\n        border: none;\n        outline: none;\n\n        .mc-sidebar-sub-feature__container {\n          box-shadow: none;\n          border: none;\n          border-radius: 6px;\n          outline: 1px solid #0b96cc;\n        }\n      }\n    }\n\n    &__icon {\n      fill: $color-sidebar-icon;\n    }\n\n    &__container {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      height: 24px;\n      padding: 8px 0px;\n    }\n\n    ul {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n  }\n</style>\n"],"names":["each_value","ctx","items","length","i","insert","target","ul","anchor","each_blocks","li","t1_value","label","create_if_block","attr","div","div_aria_label_value","append","button","span1","svg","path0","path1","span0","current","dirty","set_data","t1","data","$$props","a11yLabels","eventHandler","EventHandler","get_current_component","createEventDispatcher","handleFeatureClick","feature","disabled","selectFeature","code","dispatch"],"mappings":"imDAgDaA,EAAAC,MAAMC,2BAAXC,OAAIC,GAAA,2JADRC,EASIC,EAAAC,EAAAC,oFARKR,EAAAC,MAAMC,cAAXC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAK,EAAAN,OAAAC,GAAA,yCAAJD,OAAIC,GAAA,wTACJC,EAKIC,EAAAI,EAAAF,sRAXgDG,EAAAV,MAAMW,MAAK,KAGhEX,EAAI,IAAEC,OAAOC,QAAMU,EAAAZ,6pBAfsBa,EAAAC,EAAA,aAAAC,EAAAf,MAAMW,eAAtDP,EA2BKC,EAAAS,EAAAP,GA1BHS,EAaQF,EAAAG,GAZND,EAWMC,EAAAC,GAVJF,EAQAE,EAAAC,GAHGH,EAECG,EAAAC,GAAAJ,EAAoDG,EAAAE,UAExDL,EAAwEE,EAAAI,uDAXlBtB,EAAe,sBAWfuB,GAAA,EAAAC,IAAAd,KAAAA,EAAAV,MAAMW,MAAK,KAAAc,EAAAC,EAAAhB,GAGhEV,EAAI,IAAEC,OAAOC,yGAf4BqB,GAAA,EAAAC,GAAAT,KAAAA,EAAAf,MAAMW,+HAnBzCgB,GAAaC,cACbC,GAAsBD,EAE7BE,EAAmB,IAAAC,EACrBC,IACAC,KAOO,SAAAC,EAAmBC,GACrBA,EAAQC,UACXC,EAAcF,EAAQG,0GALxBR,EAAaS,SAAS,aAAcZ,MA8BEQ,GAAAD,EAAmBC"}

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

@@ -1,2 +0,0 @@
-import{H as e,i as t,s,I as i,T as o,b as n,B as a,z as r,A as l,m as d,ag as c,e as u,d as m,h as x,k as p,x as b,C as h,v as f,y as _,R as w,E as g,F as v,Q as y,G as k,K as $,J as L,n as z,M as B,a5 as j}from"../../index-c222d0b7.js";import{t as C,a as M,i as A}from"../../sidebar-service-8aa10fb1.js";import N from"./sidebar-feature.nested.js";function H(e){i(e,"svelte-o3wxo7",".mc-sidebar-user.svelte-o3wxo7.svelte-o3wxo7{left:0;right:0;bottom:0;position:absolute;background:#cfd2d8}.mc-sidebar-user__header.svelte-o3wxo7.svelte-o3wxo7{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#191919;font-size:inherit;font-family:inherit;text-align:initial;margin:0;width:100%;overflow:hidden}.mc-sidebar-user__header.svelte-o3wxo7.svelte-o3wxo7: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-o3wxo7.svelte-o3wxo7:hover{cursor:pointer}.mc-sidebar-user__header.svelte-o3wxo7:hover .mc-sidebar-user__header__information__icon.svelte-o3wxo7{background:#b3b7c1}.mc-sidebar-user__header__picture.svelte-o3wxo7.svelte-o3wxo7{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-o3wxo7 img.svelte-o3wxo7{display:block}.mc-sidebar-user__header__information.svelte-o3wxo7.svelte-o3wxo7{-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-o3wxo7.svelte-o3wxo7{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-o3wxo7.svelte-o3wxo7{font-size:16px;font-weight:bold}.mc-sidebar-user__header__information__title.svelte-o3wxo7.svelte-o3wxo7,.mc-sidebar-user__header__information__identity.svelte-o3wxo7.svelte-o3wxo7{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:176px}.mc-sidebar-user__icon.svelte-o3wxo7.svelte-o3wxo7{fill:#191919}.mc-sidebar-user__content.svelte-o3wxo7.svelte-o3wxo7{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-o3wxo7.svelte-o3wxo7{height:0;margin:0}.mc-sidebar-user.is-close.svelte-o3wxo7 .mc-sidebar-user__header.svelte-o3wxo7{-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-o3wxo7 .mc-sidebar-user__header.svelte-o3wxo7{-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:12px 24px 12px 32px;margin:8px 0}")}function E(e,t,s){const i=e.slice();return i[11]=t[s],i}function F(e){let t,s,i,o,c,f,_,w,g,v,y;function k(e,t){return e[0].imageBase64?q:V}let $=k(e),L=$(e),z=e[4]&&O(e),B=e[1]?.length&&I(e);return{c(){t=u("div"),s=u("button"),i=u("span"),L.c(),o=m(),z&&z.c(),_=m(),B&&B.c(),x(i,"class","mc-sidebar-user__header__picture svelte-o3wxo7"),x(s,"aria-expanded",c=e[4]&&e[3]),x(s,"class","mc-sidebar-user__header svelte-o3wxo7"),x(s,"aria-label",f=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"),x(s,"aria-controls","user-content"),x(s,"id","user-trigger"),x(t,"class",w="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-o3wxo7")},m(a,r){n(a,t,r),p(t,s),p(s,i),L.m(i,null),p(s,o),z&&z.m(s,null),p(t,_),B&&B.m(t,null),g=!0,v||(y=b(t,"click",e[6]),v=!0)},p(e,o){$===($=k(e))&&L?L.p(e,o):(L.d(1),L=$(e),L&&(L.c(),L.m(i,null))),e[4]?z?z.p(e,o):(z=O(e),z.c(),z.m(s,null)):z&&(z.d(1),z=null),(!g||24&o&&c!==(c=e[4]&&e[3]))&&x(s,"aria-expanded",c),(!g||28&o&&f!==(f=e[4]&&e[3]?e[2]?.["close-user"]||"Close the user sub menu":e[2]?.["open-user"]||"Open the user sub menu"))&&x(s,"aria-label",f),e[1]?.length?B?(B.p(e,o),2&o&&a(B,1)):(B=I(e),B.c(),a(B,1),B.m(t,null)):B&&(h(),r(B,1,1,(()=>{B=null})),l()),(!g||16&o&&w!==(w="mc-sidebar-user "+(e[4]?"is-open":"is-close")+" svelte-o3wxo7"))&&x(t,"class",w)},i(e){g||(a(B),g=!0)},o(e){r(B),g=!1},d(e){e&&d(t),L.d(),z&&z.d(),B&&B.d(),v=!1,y()}}}function V(e){let t,s;return{c(){t=L("svg"),s=L("path"),x(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"),x(t,"class","mc-sidebar-user__icon svelte-o3wxo7"),x(t,"width","24px"),x(t,"height","24px"),x(t,"viewBox","0 0 24 24")},m(e,i){n(e,t,i),p(t,s)},p:z,d(e){e&&d(t)}}}function q(e){let t,s;return{c(){t=u("img"),x(t,"class","base64 svelte-o3wxo7"),B(t,"display","block"),B(t,"width","auto"),B(t,"height","48px"),B(t,"max-width","48px"),x(t,"aria-hidden",""),x(t,"alt","User Picture"),j(t.src,s="data:image/png;base64, "+e[0].imageBase64)||x(t,"src",s)},m(e,s){n(e,t,s)},p(e,i){1&i&&!j(t.src,s="data:image/png;base64, "+e[0].imageBase64)&&x(t,"src",s)},d(e){e&&d(t)}}}function O(e){let t,s,i,a,r,l,c,b,h=(e[0]?.firstName||"")+"",w=(e[0]?.lastName||"")+"",g=e[0]?.title&&S(e),v=e[1]?.length&&U(e);return{c(){t=u("p"),s=u("span"),i=f(h),a=m(),r=f(w),l=m(),g&&g.c(),c=m(),v&&v.c(),b=o(),x(s,"class","mc-sidebar-user__header__information__identity svelte-o3wxo7"),x(t,"class","mc-sidebar-user__header__information svelte-o3wxo7")},m(e,o){n(e,t,o),p(t,s),p(s,i),p(s,a),p(s,r),p(t,l),g&&g.m(t,null),n(e,c,o),v&&v.m(e,o),n(e,b,o)},p(e,s){1&s&&h!==(h=(e[0]?.firstName||"")+"")&&_(i,h),1&s&&w!==(w=(e[0]?.lastName||"")+"")&&_(r,w),e[0]?.title?g?g.p(e,s):(g=S(e),g.c(),g.m(t,null)):g&&(g.d(1),g=null),e[1]?.length?v?v.p(e,s):(v=U(e),v.c(),v.m(b.parentNode,b)):v&&(v.d(1),v=null)},d(e){e&&d(t),g&&g.d(),e&&d(c),v&&v.d(e),e&&d(b)}}}function S(e){let t,s,i=P(e[0].title)+"";return{c(){t=u("span"),s=f(i),x(t,"class","mc-sidebar-user__header__information__title svelte-o3wxo7")},m(e,i){n(e,t,i),p(t,s)},p(e,t){1&t&&i!==(i=P(e[0].title)+"")&&_(s,i)},d(e){e&&d(t)}}}function U(e){let t;function s(e,t){return e[4]&&!e[3]?G:D}let i=s(e),o=i(e);return{c(){t=u("span"),o.c(),x(t,"class","mc-sidebar-user__header__information__icon svelte-o3wxo7")},m(e,s){n(e,t,s),o.m(t,null)},p(e,n){i!==(i=s(e))&&(o.d(1),o=i(e),o&&(o.c(),o.m(t,null)))},d(e){e&&d(t),o.d()}}}function D(e){let t,s;return{c(){t=L("svg"),s=L("path"),x(s,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),x(t,"width","16px"),x(t,"height","16px"),x(t,"class","mc-sidebar-user__icon svelte-o3wxo7"),x(t,"viewBox","0 0 16 16")},m(e,i){n(e,t,i),p(t,s)},d(e){e&&d(t)}}}function G(e){let t,s;return{c(){t=L("svg"),s=L("path"),x(s,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),x(t,"class","mc-sidebar-user__icon svelte-o3wxo7"),x(t,"width","16px"),x(t,"height","16px"),x(t,"viewBox","0 0 16 16")},m(e,i){n(e,t,i),p(t,s)},d(e){e&&d(t)}}}function I(e){let t,s,i,o=e[1],c=[];for(let t=0;t<o.length;t+=1)c[t]=J(E(e,o,t));const m=e=>r(c[e],1,1,(()=>{c[e]=null}));return{c(){t=u("ul");for(let e=0;e<c.length;e+=1)c[e].c();x(t,"aria-hidden",s=!e[4]||!e[3]),x(t,"class","mc-sidebar-user__content is-close svelte-o3wxo7"),x(t,"id","user-content")},m(s,o){n(s,t,o);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(t,null);e[9](t),i=!0},p(e,n){if(134&n){let s;for(o=e[1],s=0;s<o.length;s+=1){const i=E(e,o,s);c[s]?(c[s].p(i,n),a(c[s],1)):(c[s]=J(i),c[s].c(),a(c[s],1),c[s].m(t,null))}for(h(),s=o.length;s<c.length;s+=1)m(s);l()}(!i||24&n&&s!==(s=!e[4]||!e[3]))&&x(t,"aria-hidden",s)},i(e){if(!i){for(let e=0;e<o.length;e+=1)a(c[e]);i=!0}},o(e){c=c.filter(Boolean);for(let e=0;e<c.length;e+=1)r(c[e]);i=!1},d(s){s&&d(t),w(c,s),e[9](null)}}}function J(e){let t,s,i,o,l,c;function x(){return e[8](e[11])}return s=new N({props:{feature:e[11],a11yLabels:e[2]}}),{c(){t=u("li"),g(s.$$.fragment),i=m()},m(e,a){n(e,t,a),v(s,t,null),p(t,i),o=!0,l||(c=b(t,"click",y(x)),l=!0)},p(t,i){e=t;const o={};2&i&&(o.feature=e[11]),4&i&&(o.a11yLabels=e[2]),s.$set(o)},i(e){o||(a(s.$$.fragment,e),o=!0)},o(e){r(s.$$.fragment,e),o=!1},d(e){e&&d(t),k(s),l=!1,c()}}}function K(e){let t,s,i=e[0]&&F(e);return{c(){i&&i.c(),t=o()},m(e,o){i&&i.m(e,o),n(e,t,o),s=!0},p(e,[s]){e[0]?i?(i.p(e,s),1&s&&a(i,1)):(i=F(e),i.c(),a(i,1),i.m(t.parentNode,t)):i&&(h(),r(i,1,1,(()=>{i=null})),l())},i(e){s||(a(i),s=!0)},o(e){r(i),s=!1},d(e){i&&i.d(e),e&&d(t)}}}function P(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 Q(e,t,s){let i;c(e,A,(e=>s(4,i=e)));let o,{user:n}=t,{data:a}=t,{a11yLabels:r}=t,l=!1;function d(e){e.disabled||M(e.code)}return e.$$set=e=>{"user"in e&&s(0,n=e.user),"data"in e&&s(1,a=e.data),"a11yLabels"in e&&s(2,r=e.a11yLabels)},e.$$.update=()=>{24&e.$$.dirty&&function(e,t){if(o){s(5,o.style.height="",o),s(5,o.style.transition="none",o);const i=window.getComputedStyle(o).height;o.classList.add(t&&e?"is-open":"is-close"),o.classList.remove(t&&e?"is-close":"is-open");const n=window.getComputedStyle(o).height;s(5,o.style.height=i,o),requestAnimationFrame((()=>{s(5,o.style.transition="",o),requestAnimationFrame((()=>{s(5,o.style.height=n,o)}))}));const a=()=>{s(5,o.style.height="",o),o.removeEventListener("transitionend",a)};o.addEventListener("transitionend",a)}}(l,i)},[n,a,r,l,i,o,function(){i?s(3,l=!l):(C(!0),s(3,l=!0))},d,e=>d(e),function(e){$[e?"unshift":"push"]((()=>{o=e,s(5,o)}))}]}class R extends e{constructor(e){super(),t(this,e,Q,K,s,{user:0,data:1,a11yLabels:2},H)}}export{R as default};
-//# sourceMappingURL=sidebar-user.nested.js.map

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

@@ -1 +0,0 @@
-{"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":"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"}

package/public/components/stepper/Stepper.js

@@ -1,2 +0,0 @@
-import{S as e,i as t,a as r,b as i,f as s,s as p,c,e as o,n,h as a,j as m,k as l,l as d,m as _,R as b,o as f,q as x,r as h,u,d as g,v as k,M as w,x as v,y as $}from"../../index-c222d0b7.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=o("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=o("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,n,m,d,b,f,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 R=L(e,-1),A=R&&R(e);function D(){return e[8](e[11])}return{c(){t=o("li"),r=o("div"),A&&A.c(),p=g(),c=o("div"),n=o("span"),m=k(z),d=g(),b=o("span"),f=k(E),x=g(),a(r,"class","mc-stepper__indicator"),a(r,"aria-hidden","true"),a(n,"class","mc-stepper__title"),a(b,"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),A&&A.m(r,null),l(t,p),l(t,c),l(c,n),l(n,m),l(c,d),l(c,b),l(b,f),l(t,x),u||(y=v(t,"click",D),u=!0)},p(i,s){R!==(R=L(e=i,s))&&(A&&A.d(1),A=R&&R(e),A&&(A.c(),A.m(r,null))),10&s&&z!==(z=e[5](e[1],e[13],e[3])+"")&&$(m,z),8&s&&E!==(E=e[11].label+"")&&$(f,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),A&&A.d(),u=!1,y()}}}function L(e){let t,r,s,p=e[3],f=[];for(let t=0;t<p.length;t+=1)f[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=o("nav"),r=o("ol");for(let e=0;e<f.length;e+=1)f[e].c();this.c=n,a(r,"class","mc-stepper__list"),m(t,h)},m(e,s){i(e,t,s),l(t,r);for(let e=0;e<f.length;e+=1)f[e]&&f[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);f[t]?f[t].p(s,i):(f[t]=E(s),f[t].c(),f[t].m(r,null))}for(;t<f.length;t+=1)f[t].d(1);f.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:n,o:n,d(e){e&&_(t),b(f,e)}}}function R(e,t,r){let i,s;const p=["steps","compact","steptitleprefix"];let o=f(t,p),{steps:n}=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,o=f(t,p)),"steps"in e&&r(7,n=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=n?JSON.parse(n):[]),r(2,s=Object.assign({},o)),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,n,e=>d(e)]}class A 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:var(--stepper-item-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--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#188803}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current::before{background-color:#188803}.mc-stepper__item--current .mc-stepper__indicator{background-color:#188803;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:#188803}.mc-stepper__link{cursor:pointer;height:100%;outline:none;text-decoration:none;width:100%}.mc-stepper__link .mc-stepper__label{position:relative}.mc-stepper__link .mc-stepper__label::after{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}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#000000}.mc-stepper__link:hover .mc-stepper__label::after,.mc-stepper__link:focus .mc-stepper__label::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-stepper__indicator{font-size:0.875rem;line-height:1.1428571429;font-weight:600;-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:var(--stepper-indicator-z-index, 2)}.mc-stepper__icon{fill:#188803;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:#188803}.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:first-child::before,.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item:last-child::after{content:none}.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:var(--stepper-compact-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:var(--stepper-compact-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},R,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{A as default};
-//# sourceMappingURL=Stepper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper.js","sources":["../../../src/components/stepper/Stepper.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { StepperItems } from './stepper.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let steps: string;\n  export let compact = false;\n  export let steptitleprefix: string;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  $: stepsObject = steps\n    ? (JSON.parse(steps) as StepperItems[])\n    : ([] as StepperItems[]);\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function isStepValidated(\n    index: number,\n    stepsObject: StepperItems[],\n  ): boolean {\n    return (\n      index < stepsObject.findIndex((step: StepperItems) => step.isCurrent)\n    );\n  }\n\n  function getStepTitle(prefix: string, index: number, stepsObject: StepperItems[]): string {\n    const titlePrefix = prefix ? `${prefix} ` : '';\n    return `${titlePrefix}${index + 1} / ${stepsObject.length}`;\n  }\n\n  function stepChanged(step: StepperItems): void {\n    eventHandler.dispatch('step-changed', step);\n  }\n</script>\n\n<nav\n  class=\"mc-stepper {compact ? 'mc-stepper--compact' : ''} {stepsObject.length >\n  3\n    ? 'mc-stepper--shrinked'\n    : ''}\"\n  aria-label=\"accessibilityLabels.stepperDescription\"\n  {...attributes}\n>\n  <ol class=\"mc-stepper__list\">\n    {#each stepsObject as step, index}\n      <li\n        class=\"mc-stepper__item {step.isCurrent\n          ? 'mc-stepper__item--current'\n          : ''} {isStepValidated(index, stepsObject)\n          ? 'mc-stepper__item--validated'\n          : ''}\"\n        style=\"--steps: {stepsObject.length}; --current: {index + 1};\"\n        on:click={() => stepChanged(step)}\n      >\n        <div class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n          {#if isStepValidated(index, stepsObject)}\n            <div class=\"mc-stepper__icon\">\n              <navigation-notification-available-16px\n                name=\"NotificationAvailable16\"\n                size=\"100%\"\n              />\n            </div>\n          {:else if step.isCurrent}\n            <span>{index + 1}</span>\n          {/if}\n        </div>\n        <div class=\"mc-stepper__detail\">\n          <span class=\"mc-stepper__title\">\n            {getStepTitle(steptitleprefix, index, stepsObject)}\n          </span>\n          <span class=\"mc-stepper__label\">{step.label}</span>\n        </div>\n      </li>\n    {/each}\n  </ol>\n</nav>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.stepper';\n\n  .mc-stepper--compact {\n    .mc-stepper__item {\n      &::before {\n        content: '';\n      }\n    }\n  }\n</style>\n"],"names":["t_value","ctx","insert","target","span","anchor","div","t1_value","t3_value","label","isCurrent","create_if_block_1","attr","li","li_class_value","set_style","length","append","div0","div1","span0","span1","dirty","set_data","t1","t3","i","nav","ol","class","nav_class_value","steps","$$props","compact","steptitleprefix","eventHandler","EventHandler","get_current_component","createEventDispatcher","stepChanged","step","dispatch","$$invalidate","stepsObject","JSON","parse","attributes","Object","assign","$$restProps","index","findIndex","prefix"],"mappings":"uUAuEmBA,EAAAC,MAAQ,EAAC,yCAAhBC,EAAuBC,EAAAC,EAAAC,uPAPvBH,EAKKC,EAAAG,EAAAD,iEAOJE,EAAAN,EAAa,GAAAA,EAAiB,GAAAA,MAAOA,EAAW,IAAA,GAElBO,EAAAP,MAAKQ,MAAK,sDAftCR,EAAe,GAACA,EAAK,IAAEA,EAAW,SAO7BA,MAAKS,UAASC,OAAd,yUAhBaC,EAAAC,EAAA,QAAAC,EAAA,qBAAAb,MAAKS,UAC1B,4BACA,IAAK,KAAAT,EAAgB,GAAAA,MAAOA,EAAW,IACvC,8BACA,KACac,EAAAF,EAAA,UAAAZ,KAAYe,QAAqBD,EAAAF,EAAA,YAAAZ,MAAQ,WAN5DC,EA2BIC,EAAAU,EAAAR,GAlBFY,EAWKJ,EAAAK,yBACLD,EAKKJ,EAAAM,GAJHF,EAEME,EAAAC,iBACNH,EAAkDE,EAAAE,mHAF/C,GAAAC,GAAAf,KAAAA,EAAAN,EAAa,GAAAA,EAAiB,GAAAA,MAAOA,EAAW,IAAA,KAAAsB,EAAAC,EAAAjB,GAElB,EAAAe,GAAAd,KAAAA,EAAAP,MAAKQ,MAAK,KAAAc,EAAAE,EAAAjB,GAxBpB,EAAAc,GAAAR,KAAAA,EAAA,qBAAAb,MAAKS,UAC1B,4BACA,IAAK,KAAAT,EAAgB,GAAAA,MAAOA,EAAW,IACvC,8BACA,0BACac,EAAAF,EAAA,UAAAZ,KAAYe,oEAP1Bf,EAAW,wBAAhBe,OAAIU,GAAA,kDARWzB,EAAO,GAAG,sBAAwB,SAAKA,EAAW,GAACe,OACtE,EACI,uBACA,6DAEAf,EAAU,8KANhBC,EAwCKC,EAAAwB,EAAAtB,GAhCHY,EA+BIU,EAAAC,oFA9BK3B,EAAW,WAAhBe,OAAIU,GAAA,EAAA,iHAAJV,6CARef,EAAO,GAAG,sBAAwB,SAAKA,EAAW,GAACe,OACtE,EACI,uBACA,MAAE,CAAAa,MAAAC,gEAEF7B,EAAU,iIAvCH8B,GAAaC,GACbC,QAAAA,GAAU,GAAKD,mBACfE,GAAuBF,EAE9BG,EAAmB,IAAAC,EACrBC,IACAC,KAsBO,SAAAC,EAAYC,GACnBL,EAAaM,SAAS,eAAgBD,qMArBvCE,EAAA,EAAEC,EAAcZ,EACZa,KAAKC,MAAMd,GAAK,QAElBe,EAALC,OAAAC,UAAuBC,yBACXH,EAAWjB,yBAGnBqB,EACAP,UAGEO,EAAQP,EAAYQ,WAAWX,GAAuBA,EAAK9B,aAItD,SAAa0C,EAAgBF,EAAeP,GAEzC,MAAA,GADUS,EAAY,GAAAA,KAAY,KACpBF,EAAQ,OAAOP,EAAY3B,cAyB/BwB,GAAAD,EAAYC"}

package/public/components/stepperbar/StepperBar.js

@@ -1,2 +0,0 @@
-import{S as e,i as t,a,b as r,f as i,s as n,e as l,v as d,d as o,n as c,h as s,t as b,k as m,x as p,y as u,m as x,P as f,q as h,r as g}from"../../index-c222d0b7.js";import{E as w}from"../../EventHandler-f7ee47ca.js";function $(e){let t,a,i,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){r(l,t,d),m(t,a),i||(n=p(t,"click",e[11]),i=!0)},p(e,r){2&r&&u(a,e[1]),64&r&&(t.disabled=e[6]),2&r&&s(t,"aria-label",e[1])},d(e){e&&x(t),i=!1,n()}}}function v(e){let t;return{c(){t=d(e[3])},m(e,a){r(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){r(e,t,a)},p(e,a){4&a&&u(t,e[2])},d(e){e&&x(t)}}}function y(e){let t,a,i,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"),i=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){r(l,t,d),m(t,a),m(a,i),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,[r]){1&r&&u(i,e[0]),32&r&&(a.disabled=e[5]),1&r&&s(a,"aria-label",e[0]),e[4]>0?j?j.p(e,r):(j=$(e),j.c(),j.m(h,g)):j&&(j.d(1),j=null),E===(E=_(e))&&C?C.p(e,r):(C&&C.d(1),C=E&&E(e),C&&(C.c(),C.m(w,null))),4&r&&s(w,"aria-label",e[2]),128&r&&(w.disabled=e[7]),512&r&&b(t,"mc-bottom-bar--fixed",e[9])},i:c,o:c,d(e){e&&x(t),j&&j.d(),C&&C.d(),y=!1,f(z)}}}function z(e,t,a){let r,i,n,l,d,o,{fixed:c}=t,{cancellabel:s}=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,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,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,r=!!c||void 0),16384&e.$$.dirty&&a(4,i=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)},[s,b,m,p,i,o,d,l,n,r,function(e){k.dispatch("cancel",e)},function(){i-1>=0&&(a(4,i--,i),k.dispatch("previous-step",i))},function(){a(4,i++,i),k.dispatch("next-step",i)},c,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:#188803;font-family:"LeroyMerlin", sans-serif;font-weight:600;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:#006902;color:#ffffff}.mc-button:active{background-color:#006902}.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 #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.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&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}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}),i()}get cancellabel(){return this.$$.ctx[0]}set cancellabel(e){this.$$set({cancellabel:e}),i()}get prevlabel(){return this.$$.ctx[1]}set prevlabel(e){this.$$set({prevlabel:e}),i()}get nextlabel(){return this.$$.ctx[2]}set nextlabel(e){this.$$set({nextlabel:e}),i()}get validatelabel(){return this.$$.ctx[3]}set validatelabel(e){this.$$set({validatelabel:e}),i()}get currentstep(){return this.$$.ctx[14]}set currentstep(e){this.$$set({currentstep:e}),i()}get stepsnb(){return this.$$.ctx[15]}set stepsnb(e){this.$$set({stepsnb:e}),i()}get disablednext(){return this.$$.ctx[16]}set disablednext(e){this.$$set({disablednext:e}),i()}get disabledprev(){return this.$$.ctx[17]}set disabledprev(e){this.$$set({disabledprev:e}),i()}get disabledcancel(){return this.$$.ctx[18]}set disabledcancel(e){this.$$set({disabledcancel:e}),i()}}export{j as default};
-//# sourceMappingURL=StepperBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StepperBar.js","sources":["../../../src/components/stepperbar/StepperBar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let fixed: boolean;\n  export let cancellabel: string;\n  export let prevlabel: string;\n  export let nextlabel: string;\n  export let validatelabel: string;\n  export let currentstep: number;\n  export let stepsnb: number;\n  export let disablednext: boolean;\n  export let disabledprev: boolean;\n  export let disabledcancel: boolean;\n\n  $: isFixed = fixed ? true : undefined;\n  $: currentStep = currentstep ? currentstep : 0;\n  $: stepsNb = stepsnb ? stepsnb : 0;\n  $: isNextDisabled = disablednext ? true : undefined;\n  $: isPrevDisabled = disabledprev ? true : undefined;\n  $: isCancelDisabled = disabledcancel ? true : undefined;\n\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  function handleCancel(e: Event): void {\n    eventHandler.dispatch('cancel', e);\n  }\n\n  function handlePrev(): void {\n    if (currentStep - 1 >= 0) {\n      currentStep--;\n      eventHandler.dispatch('previous-step', currentStep);\n    }\n  }\n\n  function handleNext(): void {\n    currentStep++;\n    eventHandler.dispatch('next-step', currentStep);\n  }\n</script>\n\n<div\n  class=\"ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar\"\n  class:mc-bottom-bar--fixed={isFixed}\n>\n  <button\n    class=\"mc-button mc-button--s mc-button--bordered-danger\"\n    disabled={isCancelDisabled}\n    aria-label={cancellabel}\n    type=\"button\"\n    id=\"cancelbutton\"\n    on:click={handleCancel}\n  >\n    {cancellabel}\n  </button>\n\n  <div class=\"mc-stepper-bar__actions\">\n    {#if currentStep > 0}\n      <button\n        class=\"mc-button mc-button--s mc-button--bordered-neutral\"\n        disabled={isPrevDisabled}\n        aria-label={prevlabel}\n        type=\"button\"\n        id=\"prevlabel\"\n        on:click={handlePrev}\n      >\n        {prevlabel}\n      </button>\n    {/if}\n\n    <button\n      class=\"mc-button mc-button--s mc-stepper-bar__next\"\n      aria-label={nextlabel}\n      type=\"button\"\n      id=\"nextlabel\"\n      disabled={isNextDisabled}\n      on:click={handleNext}\n    >\n      {#if currentStep < stepsNb}\n        {nextlabel}\n      {:else if currentStep >= stepsNb}\n        {validatelabel}\n      {/if}\n    </button>\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/layouts/_l.container';\n  @import '@mozaic-ds/styles/components/_c.bottom-bar';\n  @import '@mozaic-ds/styles/components/_c.stepper-bar';\n  @import '@mozaic-ds/styles/components/_c.button';\n</style>\n"],"names":["ctx","insert","target","button","anchor","if_block0","create_if_block_2","create_if_block","create_if_block_1","div1","append","button0","div0","button1","fixed","$$props","cancellabel","prevlabel","nextlabel","validatelabel","currentstep","stepsnb","disablednext","disabledprev","disabledcancel","eventHandler","EventHandler","get_current_component","createEventDispatcher","isFixed","undefined","currentStep","stepsNb","isNextDisabled","isPrevDisabled","isCancelDisabled","e","dispatch"],"mappings":"+QA0ESA,EAAS,iFANAA,EAAc,oBACZA,EAAS,uDAHvBC,EASQC,EAAAC,EAAAC,4BAHIJ,EAAU,4BAEnBA,EAAS,sBANAA,EAAc,0BACZA,EAAS,gEAoBpBA,EAAa,sCAAbA,EAAa,uDAFbA,EAAS,sCAATA,EAAS,wDAtBTK,EAAAL,KAAc,GAACM,EAAAN,mBAqBb,OAAAA,KAAcA,EAAO,GAAAO,EAEhBP,MAAeA,EAAO,GAAAQ,OAAtB,+DA3BXR,EAAW,gJANFA,EAAgB,oBACdA,EAAW,8HAwBTA,EAAS,0DAGXA,EAAc,kJAhCAA,EAAO,YAFrCC,EA4CKC,EAAAO,EAAAL,GAxCHM,EASQD,EAAAE,iBAERD,EA4BKD,EAAAG,yBAdHF,EAaQE,EAAAC,qCAhCEb,EAAY,iBAyBVA,EAAU,+BAvBrBA,EAAW,sBANFA,EAAgB,0BACdA,EAAW,IASlBA,KAAc,oJAeLA,EAAS,uBAGXA,EAAc,sCAhCAA,EAAO,iGA1CxBc,GAAcC,eACdC,GAAmBD,aACnBE,GAAiBF,aACjBG,GAAiBH,iBACjBI,GAAqBJ,eACrBK,GAAmBL,WACnBM,GAAeN,gBACfO,GAAqBP,gBACrBQ,GAAqBR,kBACrBS,GAAuBT,EAS9BU,EAAmB,IAAAC,EACrBC,IACAC,ucATCC,IAAUf,QAAegB,yBACzBC,EAAcX,GAA4B,yBAC1CY,EAAUX,GAAoB,yBAC9BY,IAAiBX,QAAsBQ,0BACvCI,IAAiBX,QAAsBO,0BACvCK,IAAmBX,QAAwBM,yBAOrC,SAAaM,GACpBX,EAAaY,SAAS,SAAUD,eAI5BL,EAAc,GAAK,QACrBA,IAAWA,GACXN,EAAaY,SAAS,gBAAiBN,oBAKzCA,IAAWA,GACXN,EAAaY,SAAS,YAAaN"}

package/public/components/tabs/Tabs.js

@@ -1,2 +0,0 @@
-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,k as b,l as _,m as p,R as u,o as f,p as h,q as x,r as g,u as v,d as $,K as k,v as w,t as y,x as A,y as N,T as j}from"../../index-c222d0b7.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 T(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 H(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 K(e){let t,s;function a(e,t){return e[17].href?H:T}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]=K(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]=K(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:"LeroyMerlin", 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:600;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:#eeeff1}.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:#cfd2d8}.mc-tabs__link:focus::before,.mc-tabs__element:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#000000}.mc-tabs__link--selected::after,.mc-tabs__element--selected::after{background-color:#000000}.mc-tabs__link--selected:hover,.mc-tabs__element--selected:hover{color:#000000}.mc-tabs__link--selected:active,.mc-tabs__element--selected:active{color:#000000}.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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/components/tabs/Tabs.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { TabsAlign, TabsItems, TabsType } from './tabs.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let align: TabsAlign = 'auto';\n  export let description = 'Tabs';\n  export let nodivider = false;\n  export let tabs: string;\n  export let type: TabsType = 'tabs';\n  export let stateless = false;\n  export let selectedtab: string | undefined;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  let tablist: HTMLElement;\n  $: parsedTabs = tabs ? (JSON.parse(tabs) as TabsItems[]) : [];\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  function manageTabs(e: Event, tabItem: TabsItems): void {\n    const currentEl = e.target as HTMLElement;\n    if (stateless) {\n      eventHandler.dispatch(\n        'tab-clicked',\n        Object.assign(tabItem, { target: currentEl }),\n      );\n    } else {\n      tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {\n        el.classList.remove('mc-tabs__element--selected');\n        el.setAttribute('aria-selected', 'false');\n      });\n\n      currentEl.classList.add('mc-tabs__element--selected');\n      currentEl.setAttribute('aria-selected', 'true');\n\n      eventHandler.dispatch(\n        'tab-clicked',\n        Object.assign(tabItem, { target: currentEl }),\n      );\n    }\n  }\n\n  function generateIconName(iconName: string, iconColor: string): string {\n    return `${iconName} size=\"1.5rem\" fill=\"${iconColor}\"`;\n  }\n</script>\n\n<div\n  class=\"mc-tabs\n  {align && align === 'full' ? ' mc-tabs--full' : ''}\n  {align && align === 'centered' ? ' mc-tabs--full-centered' : ''}\n  {type ? ` mc-tabs--${type}` : ''}{nodivider ? ' mc-tabs--no-divider' : ''}\"\n  {...attributes}\n>\n  <ul\n    class=\"mc-tabs__nav\"\n    bind:this={tablist}\n    role=\"tablist\"\n    aria-label={description}\n  >\n    {#each parsedTabs as tab, index}\n      <li class=\"mc-tabs__item\" role=\"presentation\">\n        {#if tab.href}\n          {#if !tab.disabled}\n            <a\n              href={tab.href}\n              role=\"tab\"\n              class=\"mc-tabs__element\"\n              class:mc-tabs__element--disabled={tab.disabled}\n              class:mc-tabs__element--selected={stateless\n                ? tab.id == selectedtab\n                : tab.isActive}\n              id={tab.id}\n              aria-selected={tab.isActive ? 'true' : 'false'}\n              on:click={(event) =>\n                manageTabs(event, Object.assign({ index: index }, tab))}\n            >\n              <span class=\"mc-tabs__text\">\n                {#if tab.iconName}\n                  <span class=\"mc-tabs__icon\"\n                    >{@html `<${generateIconName(\n                      tab.iconName,\n                      tab.iconColor,\n                    )} />`}</span\n                  >\n                {/if}\n                {#if $$slots.icon}\n                  <span class=\"mc-tabs__icon\"\n                    ><slot prop={tab} name=\"icon\" /></span\n                  >\n                {/if}\n                {tab.text}\n              </span>\n            </a>\n          {:else}\n            <span\n              role=\"tab\"\n              class=\"mc-tabs__element\"\n              class:mc-tabs__element--disabled={tab.disabled}\n              class:mc-tabs__element--selected={stateless\n                ? tab.id == selectedtab\n                : tab.isActive}\n              id={tab.id}\n              aria-selected={tab.isActive ? 'true' : 'false'}\n            >\n              <span class=\"mc-tabs__text\">\n                {#if tab.iconName}\n                  <span class=\"mc-tabs__icon\"\n                    >{@html `<${generateIconName(\n                      tab.iconName,\n                      tab.iconColor,\n                    )} />`}</span\n                  >\n                {/if}\n                {#if $$slots.icon}\n                  <span class=\"mc-tabs__icon\"\n                    ><slot prop={tab} name=\"icon\" /></span\n                  >\n                {/if}\n                {tab.text}\n              </span>\n            </span>\n          {/if}\n        {:else}\n          <button\n            role=\"tab\"\n            type=\"button\"\n            class=\"mc-tabs__element\"\n            class:mc-tabs__element--disabled={tab.disabled}\n            class:mc-tabs__element--selected={stateless\n              ? tab.id == selectedtab\n              : tab.isActive}\n            id={tab.id}\n            disabled={tab.disabled}\n            aria-selected={tab.isActive ? 'true' : 'false'}\n            on:click={(event) =>\n              manageTabs(event, Object.assign({ index: index }, tab))}\n          >\n            <span class=\"mc-tabs__text\">\n              {#if tab.iconName}\n                <span class=\"mc-tabs__icon\"\n                  >{@html `<${generateIconName(\n                    tab.iconName,\n                    tab.iconColor,\n                  )} />`}</span\n                >\n              {/if}\n              {#if $$slots.icon}\n                <span class=\"mc-tabs__icon\"\n                  ><slot prop={tab} name=\"icon\" /></span\n                >\n              {/if}\n              {tab.text}\n            </span>\n          </button>\n        {/if}\n      </li>\n    {/each}\n  </ul>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.tabs';\n</style>\n"],"names":["t2_value","ctx","text","if_block0","iconName","create_if_block_7","if_block1","icon","create_if_block_6","attr","button","button_id_value","id","disabled","button_disabled_value","button_aria_selected_value","isActive","toggle_class","insert","target","anchor","append","span","dirty","set_data","t2","create_if_block_1","raw_value","generateIconName","iconColor","innerHTML","slot","create_if_block_5","create_if_block_4","span1","span1_id_value","span1_aria_selected_value","span0","create_if_block_3","create_if_block_2","a","a_href_value","href","a_id_value","a_aria_selected_value","create_if_block","li","length","i","div","ul","class","div_class_value","tablist","align","$$props","description","nodivider","tabs","type","stateless","selectedtab","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageTabs","e","tabItem","currentEl","querySelectorAll","forEach","el","classList","remove","setAttribute","add","dispatch","Object","assign","$$invalidate","parsedTabs","JSON","parse","attributes","$$restProps","event","index","tab","$$value"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import{H as e,i as t,s,I as i,c as l,e as a,h as n,j as c,t as o,b as r,k as d,l as b,n as m,m as g,R as k,o as v,q as y,r as _,u as f,d as u,K as p,v as x,x as h,y as w,T as $}from"../../index-c222d0b7.js";import{E as A}from"../../EventHandler-f7ee47ca.js";function N(e){i(e,"svelte-y42kig",'.mc-tabs.svelte-y42kig.svelte-y42kig{font-family:"LeroyMerlin", 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.svelte-y42kig.svelte-y42kig::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}.mc-tabs--no-shadow.svelte-y42kig.svelte-y42kig::after,.mc-tabs--no-divider.svelte-y42kig.svelte-y42kig::after{display:none}.mc-tabs__nav.svelte-y42kig.svelte-y42kig{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.svelte-y42kig.svelte-y42kig,.mc-tabs__select.svelte-y42kig.svelte-y42kig{position:relative}.mc-tabs__link.svelte-y42kig.svelte-y42kig,.mc-tabs__element.svelte-y42kig.svelte-y42kig{font-size:0.875rem;line-height:1.2857142857;font-weight:600;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.svelte-y42kig.svelte-y42kig::before,.mc-tabs__element.svelte-y42kig.svelte-y42kig::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.svelte-y42kig.svelte-y42kig::after,.mc-tabs__element.svelte-y42kig.svelte-y42kig::after{background-color:transparent;bottom:0;content:"";height:0.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link.svelte-y42kig:hover .mc-tabs__text.svelte-y42kig,.mc-tabs__element.svelte-y42kig:hover .mc-tabs__text.svelte-y42kig{background-color:#eeeff1}.mc-tabs__link.svelte-y42kig.svelte-y42kig:active,.mc-tabs__element.svelte-y42kig.svelte-y42kig:active{color:#4d4d4d}.mc-tabs__link.svelte-y42kig:active .mc-tabs__text.svelte-y42kig,.mc-tabs__element.svelte-y42kig:active .mc-tabs__text.svelte-y42kig{background-color:#cfd2d8}.mc-tabs__link.svelte-y42kig.svelte-y42kig:focus::before,.mc-tabs__element.svelte-y42kig.svelte-y42kig:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-tabs__link--selected.svelte-y42kig.svelte-y42kig,.mc-tabs__element--selected.svelte-y42kig.svelte-y42kig{color:#000000}.mc-tabs__link--selected.svelte-y42kig.svelte-y42kig::after,.mc-tabs__element--selected.svelte-y42kig.svelte-y42kig::after{background-color:#000000}.mc-tabs__link--selected.svelte-y42kig.svelte-y42kig:hover,.mc-tabs__element--selected.svelte-y42kig.svelte-y42kig:hover{color:#000000}.mc-tabs__link--selected.svelte-y42kig.svelte-y42kig:active,.mc-tabs__element--selected.svelte-y42kig.svelte-y42kig:active{color:#000000}.mc-tabs__link--disabled.svelte-y42kig.svelte-y42kig,.mc-tabs__element--disabled.svelte-y42kig.svelte-y42kig{cursor:not-allowed;background-color:#cccccc;pointer-events:none}.mc-tabs__link--disabled.svelte-y42kig.svelte-y42kig,.mc-tabs__link--disabled.svelte-y42kig.svelte-y42kig:hover,.mc-tabs__link--disabled.svelte-y42kig.svelte-y42kig:focus,.mc-tabs__link--disabled.svelte-y42kig.svelte-y42kig:active,.mc-tabs__element--disabled.svelte-y42kig.svelte-y42kig,.mc-tabs__element--disabled.svelte-y42kig.svelte-y42kig:hover,.mc-tabs__element--disabled.svelte-y42kig.svelte-y42kig:focus,.mc-tabs__element--disabled.svelte-y42kig.svelte-y42kig:active{-webkit-box-shadow:none;box-shadow:none}.mc-tabs__text.svelte-y42kig.svelte-y42kig{-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.svelte-y42kig.svelte-y42kig{fill:currentColor;height:1.5rem;width:1.5rem}.mc-tabs--full-centered.svelte-y42kig.svelte-y42kig{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-tabs--dropdown.svelte-y42kig.svelte-y42kig{padding:1rem;width:auto}@media screen and (min-width: 680px){.mc-tabs.svelte-y42kig.svelte-y42kig{width:auto}.mc-tabs--full.svelte-y42kig.svelte-y42kig,.mc-tabs--full-centered.svelte-y42kig.svelte-y42kig{width:100%}}@media screen and (max-width: 679px){.mc-tabs.svelte-y42kig.svelte-y42kig:not(.mc-tabs--dropdown)::before{bottom:0.125rem}.mc-tabs__nav.svelte-y42kig.svelte-y42kig{overflow:auto hidden;white-space:nowrap}}')}function j(e,t,s){const i=e.slice();return i[16]=t[s],i[18]=s,i}function L(e){let t,s,i,l,c,b,m,k,v,y=e[16].text+"",_=e[16].iconName&&T(e);function f(...t){return e[12](e[18],e[16],...t)}return{c(){t=a("button"),s=a("span"),_&&_.c(),i=u(),l=x(y),n(s,"class","mc-tabs__text svelte-y42kig"),n(t,"role","tab"),n(t,"type","button"),n(t,"class","mc-tabs__element svelte-y42kig"),n(t,"id",c=e[16].id),t.disabled=b=e[16].disabled,n(t,"aria-selected",m=e[16].isActive?"true":"false"),o(t,"mc-tabs__element--disabled",e[16].disabled),o(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},m(e,a){r(e,t,a),d(t,s),_&&_.m(s,null),d(s,i),d(s,l),k||(v=h(t,"click",f),k=!0)},p(a,r){(e=a)[16].iconName?_?_.p(e,r):(_=T(e),_.c(),_.m(s,i)):_&&(_.d(1),_=null),256&r&&y!==(y=e[16].text+"")&&w(l,y),256&r&&c!==(c=e[16].id)&&n(t,"id",c),256&r&&b!==(b=e[16].disabled)&&(t.disabled=b),256&r&&m!==(m=e[16].isActive?"true":"false")&&n(t,"aria-selected",m),256&r&&o(t,"mc-tabs__element--disabled",e[16].disabled),304&r&&o(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},d(e){e&&g(t),_&&_.d(),k=!1,v()}}}function H(e){let t;function s(e,t){return e[16].disabled?C:M}let i=s(e),l=i(e);return{c(){l.c(),t=$()},m(e,s){l.m(e,s),r(e,t,s)},p(e,a){i===(i=s(e))&&l?l.p(e,a):(l.d(1),l=i(e),l&&(l.c(),l.m(t.parentNode,t)))},d(e){l.d(e),e&&g(t)}}}function T(e){let t,s=`<${S(e[16].iconName,e[16].iconColor)} />`;return{c(){t=a("span"),n(t,"class","mc-tabs__icon svelte-y42kig")},m(e,i){r(e,t,i),t.innerHTML=s},p(e,i){256&i&&s!==(s=`<${S(e[16].iconName,e[16].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&g(t)}}}function C(e){let t,s,i,l,c,b,m=e[16].text+"",k=e[16].iconName&&O(e);return{c(){t=a("span"),s=a("span"),k&&k.c(),i=u(),l=x(m),n(s,"class","mc-tabs__text svelte-y42kig"),n(t,"role","tab"),n(t,"class","mc-tabs__element svelte-y42kig"),n(t,"id",c=e[16].id),n(t,"aria-selected",b=e[16].isActive?"true":"false"),o(t,"mc-tabs__element--disabled",e[16].disabled),o(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},m(e,a){r(e,t,a),d(t,s),k&&k.m(s,null),d(s,i),d(s,l)},p(e,a){e[16].iconName?k?k.p(e,a):(k=O(e),k.c(),k.m(s,i)):k&&(k.d(1),k=null),256&a&&m!==(m=e[16].text+"")&&w(l,m),256&a&&c!==(c=e[16].id)&&n(t,"id",c),256&a&&b!==(b=e[16].isActive?"true":"false")&&n(t,"aria-selected",b),256&a&&o(t,"mc-tabs__element--disabled",e[16].disabled),304&a&&o(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},d(e){e&&g(t),k&&k.d()}}}function M(e){let t,s,i,l,c,b,m,k,v,y=e[16].text+"",_=e[16].iconName&&E(e);function f(...t){return e[11](e[18],e[16],...t)}return{c(){t=a("a"),s=a("span"),_&&_.c(),i=u(),l=x(y),n(s,"class","mc-tabs__text svelte-y42kig"),n(t,"href",c=e[16].href),n(t,"role","tab"),n(t,"class","mc-tabs__element svelte-y42kig"),n(t,"id",b=e[16].id),n(t,"aria-selected",m=e[16].isActive?"true":"false"),o(t,"mc-tabs__element--disabled",e[16].disabled),o(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},m(e,a){r(e,t,a),d(t,s),_&&_.m(s,null),d(s,i),d(s,l),k||(v=h(t,"click",f),k=!0)},p(a,r){(e=a)[16].iconName?_?_.p(e,r):(_=E(e),_.c(),_.m(s,i)):_&&(_.d(1),_=null),256&r&&y!==(y=e[16].text+"")&&w(l,y),256&r&&c!==(c=e[16].href)&&n(t,"href",c),256&r&&b!==(b=e[16].id)&&n(t,"id",b),256&r&&m!==(m=e[16].isActive?"true":"false")&&n(t,"aria-selected",m),256&r&&o(t,"mc-tabs__element--disabled",e[16].disabled),304&r&&o(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},d(e){e&&g(t),_&&_.d(),k=!1,v()}}}function O(e){let t,s=`<${S(e[16].iconName,e[16].iconColor)} />`;return{c(){t=a("span"),n(t,"class","mc-tabs__icon svelte-y42kig")},m(e,i){r(e,t,i),t.innerHTML=s},p(e,i){256&i&&s!==(s=`<${S(e[16].iconName,e[16].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&g(t)}}}function E(e){let t,s=`<${S(e[16].iconName,e[16].iconColor)} />`;return{c(){t=a("span"),n(t,"class","mc-tabs__icon svelte-y42kig")},m(e,i){r(e,t,i),t.innerHTML=s},p(e,i){256&i&&s!==(s=`<${S(e[16].iconName,e[16].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&g(t)}}}function q(e){let t,s;function i(e,t){return e[16].href?H:L}let l=i(e),c=l(e);return{c(){t=a("li"),c.c(),s=u(),n(t,"class","mc-tabs__item"),n(t,"role","presentation")},m(e,i){r(e,t,i),c.m(t,null),d(t,s)},p(e,a){l===(l=i(e))&&c?c.p(e,a):(c.d(1),c=l(e),c&&(c.c(),c.m(t,s)))},d(e){e&&g(t),c.d()}}}function z(e){let t,s,i,v=e[8],y=[];for(let t=0;t<v.length;t+=1)y[t]=q(j(e,v,t));let _=[{class:i="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]],f={};for(let e=0;e<_.length;e+=1)f=l(f,_[e]);return{c(){t=a("div"),s=a("ul");for(let e=0;e<y.length;e+=1)y[e].c();n(s,"class","mc-tabs__nav svelte-y42kig"),n(s,"role","tablist"),n(s,"aria-label",e[1]),c(t,f),o(t,"svelte-y42kig",!0)},m(i,l){r(i,t,l),d(t,s);for(let e=0;e<y.length;e+=1)y[e]&&y[e].m(s,null);e[13](s)},p(e,[l]){if(816&l){let t;for(v=e[8],t=0;t<v.length;t+=1){const i=j(e,v,t);y[t]?y[t].p(i,l):(y[t]=q(i),y[t].c(),y[t].m(s,null))}for(;t<y.length;t+=1)y[t].d(1);y.length=v.length}2&l&&n(s,"aria-label",e[1]),c(t,f=b(_,[13&l&&i!==(i="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:i},64&l&&e[6]])),o(t,"svelte-y42kig",!0)},i:m,o:m,d(s){s&&g(t),k(y,s),e[13](null)}}}function S(e,t){return`${e} size="1.5rem" fill="${t}"`}function I(e,t,s){let i,a;const n=["align","description","nodivider","tabs","type","stateless","selectedtab"];let c,o=v(t,n),{align:r="auto"}=t,{description:d="Tabs"}=t,{nodivider:b=!1}=t,{tabs:m}=t,{type:g="tabs"}=t,{stateless:k=!1}=t,{selectedtab:u}=t,x=new A(y(),_());function h(e,t){const s=e.target;k||(c.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")),x.dispatch("tab-clicked",Object.assign(t,{target:s}))}return e.$$set=e=>{t=l(l({},t),f(e)),s(15,o=v(t,n)),"align"in e&&s(0,r=e.align),"description"in e&&s(1,d=e.description),"nodivider"in e&&s(2,b=e.nodivider),"tabs"in e&&s(10,m=e.tabs),"type"in e&&s(3,g=e.type),"stateless"in e&&s(4,k=e.stateless),"selectedtab"in e&&s(5,u=e.selectedtab)},e.$$.update=()=>{1024&e.$$.dirty&&s(8,i=m?JSON.parse(m):[]),s(6,a=Object.assign({},o)),64&e.$$.dirty&&delete a.class},[r,d,b,g,k,u,a,c,i,h,m,(e,t,s)=>h(s,Object.assign({index:e},t)),(e,t,s)=>h(s,Object.assign({index:e},t)),function(e){p[e?"unshift":"push"]((()=>{c=e,s(7,c)}))}]}class J extends e{constructor(e){super(),t(this,e,I,z,s,{align:0,description:1,nodivider:2,tabs:10,type:3,stateless:4,selectedtab:5},N)}}export{J as default};
-//# sourceMappingURL=Tabs.nested.js.map

package/public/components/tabs/Tabs.nested.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.nested.js","sources":["../../../src/components/tabs/Tabs.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { TabsAlign, TabsItems, TabsType } from './tabs.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let align: TabsAlign = 'auto';\n  export let description = 'Tabs';\n  export let nodivider = false;\n  export let tabs: string;\n  export let type: TabsType = 'tabs';\n  export let stateless = false;\n  export let selectedtab: string | undefined;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  let tablist: HTMLElement;\n  $: parsedTabs = tabs ? (JSON.parse(tabs) as TabsItems[]) : [];\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  function manageTabs(e: Event, tabItem: TabsItems): void {\n    const currentEl = e.target as HTMLElement;\n    if (stateless) {\n      eventHandler.dispatch(\n        'tab-clicked',\n        Object.assign(tabItem, { target: currentEl }),\n      );\n    } else {\n      tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {\n        el.classList.remove('mc-tabs__element--selected');\n        el.setAttribute('aria-selected', 'false');\n      });\n\n      currentEl.classList.add('mc-tabs__element--selected');\n      currentEl.setAttribute('aria-selected', 'true');\n\n      eventHandler.dispatch(\n        'tab-clicked',\n        Object.assign(tabItem, { target: currentEl }),\n      );\n    }\n  }\n\n  function generateIconName(iconName: string, iconColor: string): string {\n    return `${iconName} size=\"1.5rem\" fill=\"${iconColor}\"`;\n  }\n</script>\n\n<div\n  class=\"mc-tabs\n  {align && align === 'full' ? ' mc-tabs--full' : ''}\n  {align && align === 'centered' ? ' mc-tabs--full-centered' : ''}\n  {type ? ` mc-tabs--${type}` : ''}{nodivider ? ' mc-tabs--no-divider' : ''}\"\n  {...attributes}\n>\n  <ul\n    class=\"mc-tabs__nav\"\n    bind:this={tablist}\n    role=\"tablist\"\n    aria-label={description}\n  >\n    {#each parsedTabs as tab, index}\n      <li class=\"mc-tabs__item\" role=\"presentation\">\n        {#if tab.href}\n          {#if !tab.disabled}\n            <a\n              href={tab.href}\n              role=\"tab\"\n              class=\"mc-tabs__element\"\n              class:mc-tabs__element--disabled={tab.disabled}\n              class:mc-tabs__element--selected={stateless\n                ? tab.id == selectedtab\n                : tab.isActive}\n              id={tab.id}\n              aria-selected={tab.isActive ? 'true' : 'false'}\n              on:click={(event) =>\n                manageTabs(event, Object.assign({ index: index }, tab))}\n            >\n              <span class=\"mc-tabs__text\">\n                {#if tab.iconName}\n                  <span class=\"mc-tabs__icon\"\n                    >{@html `<${generateIconName(\n                      tab.iconName,\n                      tab.iconColor,\n                    )} />`}</span\n                  >\n                {/if}\n                {tab.text}\n              </span>\n            </a>\n          {:else}\n            <span\n              role=\"tab\"\n              class=\"mc-tabs__element\"\n              class:mc-tabs__element--disabled={tab.disabled}\n              class:mc-tabs__element--selected={stateless\n                ? tab.id == selectedtab\n                : tab.isActive}\n              id={tab.id}\n              aria-selected={tab.isActive ? 'true' : 'false'}\n            >\n              <span class=\"mc-tabs__text\">\n                {#if tab.iconName}\n                  <span class=\"mc-tabs__icon\"\n                    >{@html `<${generateIconName(\n                      tab.iconName,\n                      tab.iconColor,\n                    )} />`}</span\n                  >\n                {/if}\n                {tab.text}\n              </span>\n            </span>\n          {/if}\n        {:else}\n          <button\n            role=\"tab\"\n            type=\"button\"\n            class=\"mc-tabs__element\"\n            class:mc-tabs__element--disabled={tab.disabled}\n            class:mc-tabs__element--selected={stateless\n              ? tab.id == selectedtab\n              : tab.isActive}\n            id={tab.id}\n            disabled={tab.disabled}\n            aria-selected={tab.isActive ? 'true' : 'false'}\n            on:click={(event) =>\n              manageTabs(event, Object.assign({ index: index }, tab))}\n          >\n            <span class=\"mc-tabs__text\">\n              {#if tab.iconName}\n                <span class=\"mc-tabs__icon\"\n                  >{@html `<${generateIconName(\n                    tab.iconName,\n                    tab.iconColor,\n                  )} />`}</span\n                >\n              {/if}\n              {tab.text}\n            </span>\n          </button>\n        {/if}\n      </li>\n    {/each}\n  </ul>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.tabs';\n</style>\n"],"names":["t1_value","ctx","text","if_block","iconName","create_if_block_4","attr","button","button_id_value","id","disabled","button_disabled_value","button_aria_selected_value","isActive","toggle_class","insert","target","anchor","append","span","dirty","set_data","t1","create_if_block_1","raw_value","generateIconName","iconColor","innerHTML","create_if_block_3","span1","span1_id_value","span1_aria_selected_value","span0","create_if_block_2","a","a_href_value","href","a_id_value","a_aria_selected_value","create_if_block","li","length","i","div","ul","class","div_class_value","tablist","align","$$props","description","nodivider","tabs","type","stateless","selectedtab","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageTabs","e","tabItem","currentEl","querySelectorAll","forEach","el","classList","remove","setAttribute","add","dispatch","Object","assign","$$invalidate","parsedTabs","JSON","parse","attributes","$$restProps","event","index","tab","$$value"],"mappings":"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"}

package/public/components/tabs/Tabs.nested.svelte

@@ -1,156 +0,0 @@
-<svelte:options tag={null} />
-
-<script lang="ts">
-  import type { TabsAlign, TabsItems, TabsType } from './tabs.types';
-  import { EventHandler } from '../../utilities/EventHandler';
-  import {
-    get_current_component,
-    createEventDispatcher,
-  } from 'svelte/internal';
-
-  export let align: TabsAlign = 'auto';
-  export let description = 'Tabs';
-  export let nodivider = false;
-  export let tabs: string;
-  export let type: TabsType = 'tabs';
-  export let stateless = false;
-  export let selectedtab: string | undefined;
-  let eventHandler = new EventHandler(
-    get_current_component(),
-    createEventDispatcher(),
-  );
-  let tablist: HTMLElement;
-  $: parsedTabs = tabs ? (JSON.parse(tabs) as TabsItems[]) : [];
-  $: attributes = { ...$$restProps };
-  $: delete attributes.class;
-  function manageTabs(e: Event, tabItem: TabsItems): void {
-    const currentEl = e.target as HTMLElement;
-    if (stateless) {
-      eventHandler.dispatch(
-        'tab-clicked',
-        Object.assign(tabItem, { target: currentEl }),
-      );
-    } else {
-      tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {
-        el.classList.remove('mc-tabs__element--selected');
-        el.setAttribute('aria-selected', 'false');
-      });
-
-      currentEl.classList.add('mc-tabs__element--selected');
-      currentEl.setAttribute('aria-selected', 'true');
-
-      eventHandler.dispatch(
-        'tab-clicked',
-        Object.assign(tabItem, { target: currentEl }),
-      );
-    }
-  }
-
-  function generateIconName(iconName: string, iconColor: string): string {
-    return `${iconName} size="1.5rem" fill="${iconColor}"`;
-  }
-</script>
-
-<div
-  class="mc-tabs
-  {align && align === 'full' ? ' mc-tabs--full' : ''}
-  {align && align === 'centered' ? ' mc-tabs--full-centered' : ''}
-  {type ? ` mc-tabs--${type}` : ''}{nodivider ? ' mc-tabs--no-divider' : ''}"
-  {...attributes}
->
-  <ul
-    class="mc-tabs__nav"
-    bind:this={tablist}
-    role="tablist"
-    aria-label={description}
-  >
-    {#each parsedTabs as tab, index}
-      <li class="mc-tabs__item" role="presentation">
-        {#if tab.href}
-          {#if !tab.disabled}
-            <a
-              href={tab.href}
-              role="tab"
-              class="mc-tabs__element"
-              class:mc-tabs__element--disabled={tab.disabled}
-              class:mc-tabs__element--selected={stateless
-                ? tab.id == selectedtab
-                : tab.isActive}
-              id={tab.id}
-              aria-selected={tab.isActive ? 'true' : 'false'}
-              on:click={(event) =>
-                manageTabs(event, Object.assign({ index: index }, tab))}
-            >
-              <span class="mc-tabs__text">
-                {#if tab.iconName}
-                  <span class="mc-tabs__icon"
-                    >{@html `<${generateIconName(
-                      tab.iconName,
-                      tab.iconColor,
-                    )} />`}</span
-                  >
-                {/if}
-                {tab.text}
-              </span>
-            </a>
-          {:else}
-            <span
-              role="tab"
-              class="mc-tabs__element"
-              class:mc-tabs__element--disabled={tab.disabled}
-              class:mc-tabs__element--selected={stateless
-                ? tab.id == selectedtab
-                : tab.isActive}
-              id={tab.id}
-              aria-selected={tab.isActive ? 'true' : 'false'}
-            >
-              <span class="mc-tabs__text">
-                {#if tab.iconName}
-                  <span class="mc-tabs__icon"
-                    >{@html `<${generateIconName(
-                      tab.iconName,
-                      tab.iconColor,
-                    )} />`}</span
-                  >
-                {/if}
-                {tab.text}
-              </span>
-            </span>
-          {/if}
-        {:else}
-          <button
-            role="tab"
-            type="button"
-            class="mc-tabs__element"
-            class:mc-tabs__element--disabled={tab.disabled}
-            class:mc-tabs__element--selected={stateless
-              ? tab.id == selectedtab
-              : tab.isActive}
-            id={tab.id}
-            disabled={tab.disabled}
-            aria-selected={tab.isActive ? 'true' : 'false'}
-            on:click={(event) =>
-              manageTabs(event, Object.assign({ index: index }, tab))}
-          >
-            <span class="mc-tabs__text">
-              {#if tab.iconName}
-                <span class="mc-tabs__icon"
-                  >{@html `<${generateIconName(
-                    tab.iconName,
-                    tab.iconColor,
-                  )} />`}</span
-                >
-              {/if}
-              {tab.text}
-            </span>
-          </button>
-        {/if}
-      </li>
-    {/each}
-  </ul>
-</div>
-
-<style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/all-settings';
-  @import '@mozaic-ds/styles/components/c.tabs';
-</style>