@mozaic-ds/web-components 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/components/stepper/Stepper.svelte

@@ -0,0 +1,97 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type { StepperItems } from './stepper.types';
+  import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
+
+  export let steps: string;
+  export let compact = false;
+  export let steptitleprefix: string;
+
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
+  $: stepsObject = steps
+    ? (JSON.parse(steps) as StepperItems[])
+    : ([] as StepperItems[]);
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+
+  function isStepValidated(
+    index: number,
+    stepsObject: StepperItems[],
+  ): boolean {
+    return (
+      index < stepsObject.findIndex((step: StepperItems) => step.isCurrent)
+    );
+  }
+
+  function getStepTitle(prefix: string, index: number, stepsObject: StepperItems[]): string {
+    const titlePrefix = prefix ? `${prefix} ` : '';
+    return `${titlePrefix}${index + 1} / ${stepsObject.length}`;
+  }
+
+  function stepChanged(step: StepperItems): void {
+    eventHandler.dispatch('step-changed', step);
+  }
+</script>
+
+<nav
+  class="mc-stepper {compact ? 'mc-stepper--compact' : ''} {stepsObject.length >
+  3
+    ? 'mc-stepper--shrinked'
+    : ''}"
+  aria-label="accessibilityLabels.stepperDescription"
+  {...attributes}
+>
+  <ol class="mc-stepper__list">
+    {#each stepsObject as step, index}
+      <li
+        class="mc-stepper__item {step.isCurrent
+          ? 'mc-stepper__item--current'
+          : ''} {isStepValidated(index, stepsObject)
+          ? 'mc-stepper__item--validated'
+          : ''}"
+        style="--steps: {stepsObject.length}; --current: {index + 1};"
+        on:click={() => stepChanged(step)}
+      >
+        <div class="mc-stepper__indicator" aria-hidden="true">
+          {#if isStepValidated(index, stepsObject)}
+            <div class="mc-stepper__icon">
+              <navigation-notification-available-16px
+                name="NotificationAvailable16"
+                size="100%"
+              />
+            </div>
+          {:else if step.isCurrent}
+            <span>{index + 1}</span>
+          {/if}
+        </div>
+        <div class="mc-stepper__detail">
+          <span class="mc-stepper__title">
+            {getStepTitle(steptitleprefix, index, stepsObject)}
+          </span>
+          <span class="mc-stepper__label">{step.label}</span>
+        </div>
+      </li>
+    {/each}
+  </ol>
+</nav>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/_c.stepper';
+
+  .mc-stepper--compact {
+    .mc-stepper__item {
+      &::before {
+        content: '';
+      }
+    }
+  }
+</style>

package/dist/components/stepper/stepper.types.d.ts

@@ -0,0 +1,6 @@
+export interface StepperItems {
+    label?: string;
+    path: string;
+    isCurrent?: boolean;
+}
+//# sourceMappingURL=stepper.types.d.ts.map

package/dist/components/stepper/stepper.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/stepper.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/stepperbar/StepperBar.js

@@ -0,0 +1,2 @@
+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/dist/components/stepperbar/StepperBar.js.map

@@ -0,0 +1 @@
+{"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/dist/components/stepperbar/StepperBar.svelte

@@ -0,0 +1,102 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
+  import { EventHandler } from '../../utilities/EventHandler';
+
+  export let fixed: boolean;
+  export let cancellabel: string;
+  export let prevlabel: string;
+  export let nextlabel: string;
+  export let validatelabel: string;
+  export let currentstep: number;
+  export let stepsnb: number;
+  export let disablednext: boolean;
+  export let disabledprev: boolean;
+  export let disabledcancel: boolean;
+
+  $: isFixed = fixed ? true : undefined;
+  $: currentStep = currentstep ? currentstep : 0;
+  $: stepsNb = stepsnb ? stepsnb : 0;
+  $: isNextDisabled = disablednext ? true : undefined;
+  $: isPrevDisabled = disabledprev ? true : undefined;
+  $: isCancelDisabled = disabledcancel ? true : undefined;
+
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
+
+  function handleCancel(e: Event): void {
+    eventHandler.dispatch('cancel', e);
+  }
+
+  function handlePrev(): void {
+    if (currentStep - 1 >= 0) {
+      currentStep--;
+      eventHandler.dispatch('previous-step', currentStep);
+    }
+  }
+
+  function handleNext(): void {
+    currentStep++;
+    eventHandler.dispatch('next-step', currentStep);
+  }
+</script>
+
+<div
+  class="ml-container ml-container--fluid mc-bottom-bar mc-stepper-bar"
+  class:mc-bottom-bar--fixed={isFixed}
+>
+  <button
+    class="mc-button mc-button--s mc-button--bordered-danger"
+    disabled={isCancelDisabled}
+    aria-label={cancellabel}
+    type="button"
+    id="cancelbutton"
+    on:click={handleCancel}
+  >
+    {cancellabel}
+  </button>
+
+  <div class="mc-stepper-bar__actions">
+    {#if currentStep > 0}
+      <button
+        class="mc-button mc-button--s mc-button--bordered-neutral"
+        disabled={isPrevDisabled}
+        aria-label={prevlabel}
+        type="button"
+        id="prevlabel"
+        on:click={handlePrev}
+      >
+        {prevlabel}
+      </button>
+    {/if}
+
+    <button
+      class="mc-button mc-button--s mc-stepper-bar__next"
+      aria-label={nextlabel}
+      type="button"
+      id="nextlabel"
+      disabled={isNextDisabled}
+      on:click={handleNext}
+    >
+      {#if currentStep < stepsNb}
+        {nextlabel}
+      {:else if currentStep >= stepsNb}
+        {validatelabel}
+      {/if}
+    </button>
+  </div>
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/layouts/_l.container';
+  @import '@mozaic-ds/styles/components/_c.bottom-bar';
+  @import '@mozaic-ds/styles/components/_c.stepper-bar';
+  @import '@mozaic-ds/styles/components/_c.button';
+</style>

package/dist/components/tabs/Tab.js

@@ -0,0 +1,4 @@
+import{c as L,a as T,b as B,d,f,j as b,l as F,m as u,g as r,r as l,x as G,s as j}from"../../custom-element.js";import{i as x}from"../../if.js";import{s as m}from"../../slot.js";import{b as z,C}from"../../attributes.js";var H=f('<span class="mc-tabs__icon svelte-oup99q"><!></span>'),I=f('<button><!> <span class="mc-tabs__label svelte-oup99q"><!></span></button>'),J=f('<span class="mc-tabs__icon svelte-oup99q"><!></span>'),K=f('<a><!> <span class="mc-tabs__label svelte-oup99q"><!></span></a>'),M=f('<li class="mc-tabs__item" role="presentation"><!></li>');const N={hash:"svelte-oup99q",code:`/**
+ * Do not edit directly, this file was auto-generated.
+ */.mc-tabs.svelte-oup99q {background-color:var(--tabs-color-background-default, #ffffff);position:relative;width:100%;height:3.5rem;}.mc-tabs__list.svelte-oup99q {list-style-type:none;padding-inline-start:0;margin-block:0;display:flex;gap:0.5rem;padding:0.5rem 0.25rem;}.mc-tabs__tab.svelte-oup99q {font-size:var(--font-size-100, 0.875rem);font-weight:var(--font-weight-semi-bold, 600);align-items:center;background:none;border:none;border-radius:var(--radius-s, 0.25rem);color:var(--tabs-color-text-default, #404040);cursor:pointer;display:flex;gap:0.25rem;height:2.5rem;justify-content:center;outline:none;padding-left:0.75rem;padding-right:0.75rem;position:relative;text-decoration:none;}.mc-tabs__tab.svelte-oup99q:hover {background-color:var(--tabs-color-background-hover, rgba(0, 0, 0, 0.05));}.mc-tabs__tab.svelte-oup99q:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-tabs__tab--selected.svelte-oup99q {color:var(--tabs-color-text-selected, #006902);background-color:var(--tabs-color-background-selected, #ebf5de);}.mc-tabs__tab--selected.svelte-oup99q:hover {background-color:var(--tabs-color-background-selected-hover, #c5e39e);}.mc-tabs__tab--disabled.svelte-oup99q {color:var(--tabs-color-text-disabled, #b3b3b3);cursor:not-allowed;}.mc-tabs__tab--disabled.svelte-oup99q:hover {background:none;}.mc-tabs__label.svelte-oup99q {pointer-events:none;}.mc-tabs__icon.svelte-oup99q {fill:currentcolor;height:1.5rem;width:1.5rem;}`};function O(w,t){T(t,!0),B(w,N);let n=d(t,"selected",7,!1),p=d(t,"href",7),g=d(t,"tag",7,"button"),v=d(t,"disabled",7,!1),_=d(t,"hasiconslot",7,!1),S=G(t,["$$slots","$$events","$$legacy","$$host","selected","href","tag","disabled","hasiconslot"]);var h=M(),A=r(h);{var D=e=>{var s=I();z(s,a=>({type:"button",role:"tab","aria-selected":n(),class:"mc-tabs__tab",...S,[C]:a}),[()=>({"mc-tabs__tab--selected":n(),"mc-tabs__tab--disabled":v()})],void 0,"svelte-oup99q");var c=r(s);{var q=a=>{var o=H(),y=r(o);m(y,t,"icon",{}),l(o),b(a,o)};x(c,a=>{_()&&a(q)})}var i=j(c,2),k=r(i);m(k,t,"default",{}),l(i),l(s),b(e,s)},E=e=>{var s=K();z(s,a=>({href:p(),role:"tab","aria-selected":n(),class:"mc-tabs__tab",...S,[C]:a}),[()=>({"mc-tabs__tab--selected":n(),"mc-tabs__tab--disabled":v()})],void 0,"svelte-oup99q");var c=r(s);{var q=a=>{var o=J(),y=r(o);m(y,t,"icon",{}),l(o),b(a,o)};x(c,a=>{_()&&a(q)})}var i=j(c,2),k=r(i);m(k,t,"default",{}),l(i),l(s),b(e,s)};x(A,e=>{g()==="button"?e(D):e(E,!1)})}return l(h),b(w,h),F({get selected(){return n()},set selected(e=!1){n(e),u()},get href(){return p()},set href(e){p(e),u()},get tag(){return g()},set tag(e="button"){g(e),u()},get disabled(){return v()},set disabled(e=!1){v(e),u()},get hasiconslot(){return _()},set hasiconslot(e=!1){_(e),u()}})}customElements.define("mc-tab",L(O,{selected:{},href:{},tag:{},disabled:{},hasiconslot:{}},["icon","default"],[],!0));
+//# sourceMappingURL=Tab.js.map

package/dist/components/tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sources":["../../../src/components/tabs/Tab.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'mc-tab' }} />\n\n<script lang=\"ts\">\n  interface Props {\n    selected?: boolean;\n    href?: string;\n    tag?: 'a' | 'button';\n    disabled?: boolean;\n    hasiconslot?: boolean;\n    [key: string]: any; // pour on:click etc.\n  }\n\n  let {\n    selected = false,\n    href,\n    tag = 'button',\n    disabled = false,\n    hasiconslot = false,\n    ...events\n  }: Props = $props();\n</script>\n\n<li class=\"mc-tabs__item\" role=\"presentation\">\n  {#if tag === 'button'}\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={selected}\n      class=\"mc-tabs__tab\"\n      class:mc-tabs__tab--selected={selected}\n      class:mc-tabs__tab--disabled={disabled}\n      {...events}\n    >\n      {#if hasiconslot}\n        <span class=\"mc-tabs__icon\">\n          <slot name=\"icon\" />\n        </span>\n      {/if}\n\n      <span class=\"mc-tabs__label\">\n        <slot />\n      </span>\n    </button>\n  {:else}\n    <a\n      {href}\n      role=\"tab\"\n      aria-selected={selected}\n      class=\"mc-tabs__tab\"\n      class:mc-tabs__tab--selected={selected}\n      class:mc-tabs__tab--disabled={disabled}\n      {...events}\n    >\n      {#if hasiconslot}\n        <span class=\"mc-tabs__icon\">\n          <slot name=\"icon\" />\n        </span>\n      {/if}\n      <span class=\"mc-tabs__label\">\n        <slot />\n      </span>\n    </a>\n  {/if}\n</li>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/tabs';\n</style>\n"],"names":["selected","href","$.prop","$$props","tag","disabled","hasiconslot","events","$.rest_props","$$render","consequent","consequent_2","consequent_1","alternate"],"mappings":";;0nDAAA,gBAaI,IAAAA,mBAAW,EAAK,EAChBC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJC,cAAM,QAAQ,EACdC,mBAAW,EAAK,EAChBC,sBAAc,EAAK,EAChBC,EAAAC,EAAAL,EAAA,qLAScH,EAAQ,0BAInBO,0CAF0BP,EAAQ,2BACRK,EAAQ,0GAGjCC,EAAW,GAAAG,EAAAC,CAAA,2HAcDV,EAAQ,0BAInBO,0CAF0BP,EAAQ,2BACRK,EAAQ,0GAGjCC,EAAW,GAAAG,EAAAE,CAAA,sEA9BfP,EAAG,IAAK,SAAQK,EAAAG,CAAA,EAAAH,EAAAI,EAAA,EAAA,oEAVR,GAAK,wFAEV,SAAQ,qDACH,GAAK,2DACF,GAAK,YAGvB"}

package/dist/components/tabs/Tab.svelte

@@ -0,0 +1,134 @@
+<svelte:options customElement={{ tag: 'mc-tab' }} />
+
+<script lang="ts">
+  interface Props {
+    selected?: boolean;
+    href?: string;
+    tag?: 'a' | 'button';
+    disabled?: boolean;
+    hasiconslot?: boolean;
+    [key: string]: any; // pour on:click etc.
+  }
+
+  let {
+    selected = false,
+    href,
+    tag = 'button',
+    disabled = false,
+    hasiconslot = false,
+    ...events
+  }: Props = $props();
+</script>
+
+<li class="mc-tabs__item" role="presentation">
+  {#if tag === 'button'}
+    <button
+      type="button"
+      role="tab"
+      aria-selected={selected}
+      class="mc-tabs__tab"
+      class:mc-tabs__tab--selected={selected}
+      class:mc-tabs__tab--disabled={disabled}
+      {...events}
+    >
+      {#if hasiconslot}
+        <span class="mc-tabs__icon">
+          <slot name="icon" />
+        </span>
+      {/if}
+
+      <span class="mc-tabs__label">
+        <slot />
+      </span>
+    </button>
+  {:else}
+    <a
+      {href}
+      role="tab"
+      aria-selected={selected}
+      class="mc-tabs__tab"
+      class:mc-tabs__tab--selected={selected}
+      class:mc-tabs__tab--disabled={disabled}
+      {...events}
+    >
+      {#if hasiconslot}
+        <span class="mc-tabs__icon">
+          <slot name="icon" />
+        </span>
+      {/if}
+      <span class="mc-tabs__label">
+        <slot />
+      </span>
+    </a>
+  {/if}
+</li>
+
+<style>/**
+ * Do not edit directly, this file was auto-generated.
+ */
+.mc-tabs {
+  background-color: var(--tabs-color-background-default, #ffffff);
+  position: relative;
+  width: 100%;
+  height: 3.5rem;
+}
+.mc-tabs__list {
+  list-style-type: none;
+  padding-inline-start: 0;
+  margin-block: 0;
+  display: flex;
+  gap: 0.5rem;
+  padding: 0.5rem 0.25rem;
+}
+.mc-tabs__tab {
+  font-size: var(--font-size-100, 0.875rem);
+  font-weight: var(--font-weight-semi-bold, 600);
+  align-items: center;
+  background: none;
+  border: none;
+  border-radius: var(--radius-s, 0.25rem);
+  color: var(--tabs-color-text-default, #404040);
+  cursor: pointer;
+  display: flex;
+  gap: 0.25rem;
+  height: 2.5rem;
+  justify-content: center;
+  outline: none;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  position: relative;
+  text-decoration: none;
+}
+.mc-tabs__tab:hover {
+  background-color: var(--tabs-color-background-hover, rgba(0, 0, 0, 0.05));
+}
+.mc-tabs__tab:focus-visible {
+  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
+  outline: 0.125rem solid transparent;
+  outline-offset: 0.125rem;
+}
+.mc-tabs__tab--selected {
+  color: var(--tabs-color-text-selected, #006902);
+  background-color: var(--tabs-color-background-selected, #ebf5de);
+}
+.mc-tabs__tab--selected:hover {
+  background-color: var(--tabs-color-background-selected-hover, #c5e39e);
+}
+.mc-tabs__tab--disabled {
+  color: var(--tabs-color-text-disabled, #b3b3b3);
+  cursor: not-allowed;
+}
+.mc-tabs__tab--disabled:hover {
+  background: none;
+}
+.mc-tabs__label {
+  pointer-events: none;
+}
+.mc-tabs__icon {
+  fill: currentcolor;
+  height: 1.5rem;
+  width: 1.5rem;
+}
+.mc-tabs--centered .mc-tabs__list {
+  justify-content: center;
+}</style>

package/dist/components/tabs/Tab.svelte.d.ts

@@ -0,0 +1,38 @@
+interface Props {
+    selected?: boolean;
+    href?: string;
+    tag?: 'a' | 'button';
+    disabled?: boolean;
+    hasiconslot?: boolean;
+    [key: string]: any;
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Tab: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Props, {
+    icon: {};
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    icon: {};
+    default: {};
+}, {}, "">;
+type Tab = InstanceType<typeof Tab>;
+export default Tab;
+//# sourceMappingURL=Tab.svelte.d.ts.map

package/dist/components/tabs/Tab.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tab.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AA+CH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,GAAG;;;;;;;;UAAmF,CAAC;AAC3E,KAAK,GAAG,GAAG,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC;AACtC,eAAe,GAAG,CAAC"}

package/dist/components/tabs/Tabs.js

@@ -0,0 +1,4 @@
+import{c as m,a as b,b as f,d as n,C as g,e as p,f as _,t as z,i as y,j as x,l as k,m as h,g as d,h as w,r as o,D as j}from"../../custom-element.js";import{s as D}from"../../slot.js";var T=_('<nav><ul class="mc-tabs__list svelte-1hhruhz" role="tablist" aria-label="Tabs default"><!></ul> <div class="mc-divider-horizontal svelte-1hhruhz"></div></nav>');const C={hash:"svelte-1hhruhz",code:`/**
+ * Do not edit directly, this file was auto-generated.
+ */.mc-tabs.svelte-1hhruhz {background-color:var(--tabs-color-background-default, #ffffff);position:relative;width:100%;height:3.5rem;}.mc-tabs__list.svelte-1hhruhz {list-style-type:none;padding-inline-start:0;margin-block:0;display:flex;gap:0.5rem;padding:0.5rem 0.25rem;}.mc-tabs--centered.svelte-1hhruhz .mc-tabs__list:where(.svelte-1hhruhz) {justify-content:center;}.mc-divider-horizontal.svelte-1hhruhz {background:var(--divider-color-primary, #cccccc);height:0.0625rem;}`};function E(c,t){b(t,!0),f(c,C);let s=n(t,"activeindex",7),r=n(t,"centered",7),u=g(p(s()??0));var a=T();let l;var i=d(a),v=d(i);return D(v,t,"tab",{get active(){return w(u)}}),o(i),j(2),o(a),z(e=>l=y(a,1,"mc-tabs svelte-1hhruhz",null,l,e),[()=>({"mc-tabs--centered":r()})]),x(c,a),k({get activeindex(){return s()},set activeindex(e){s(e),h()},get centered(){return r()},set centered(e){r(e),h()}})}customElements.define("mc-tabs",m(E,{activeindex:{},centered:{}},["tab"],[],!0));
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/tabs/Tabs.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'mc-tabs' }} />\n\n<script lang=\"ts\">\n  let { activeindex, centered } = $props();\n\n  let active = $state(activeindex ?? 0);\n</script>\n\n<nav class=\"mc-tabs\" class:mc-tabs--centered={centered}>\n  <ul class=\"mc-tabs__list\" role=\"tablist\" aria-label=\"Tabs default\">\n    <slot name=\"tab\" {active} />\n  </ul>\n  <div class=\"mc-divider-horizontal\"></div>\n</nav>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/tabs';\n  @use '@mozaic-ds/styles/components/divider';\n</style>\n"],"names":["activeindex","$.prop","$$props","centered","active","$.state","$.proxy"],"mappings":";;8eAAA,oBAGQA,EAAWC,EAAAC,EAAA,cAAA,CAAA,EAAEC,EAAQF,EAAAC,EAAA,WAAA,CAAA,EAEvBE,EAAMC,EAAAC,EAAUN,EAAW,GAAI,CAAC,CAAA,8KAGQG,EAAQ,CAAA,EAAA,CAAA,6HAFtD"}

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

@@ -0,0 +1,2 @@
+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/dist/components/tabs/Tabs.nested.js.map

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