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

package/dist/components/starsinput/StarsInput.svelte

@@ -0,0 +1,78 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type { RatingsSize } from './ratings.types';
+  import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
+  const ratingValue = 5;
+  export let unselectedText = 'No opinion given';
+  export let name = 'rating';
+  export let size: RatingsSize = 'm';
+  export let ratinglabels: Array<string> = [
+    'Very bad',
+    'Bad',
+    'Medium',
+    'Good',
+    'Excellent',
+  ];
+
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
+  function setClasses(size: RatingsSize): string {
+    const mainClass = 'mc-stars-input';
+
+    return size ? `${mainClass} ${mainClass}--${size}` : mainClass;
+  }
+
+  function setInputId(name: string, index: number): string {
+    return `${name}${index + 1}`;
+  }
+
+  function selectStar(i: number) {
+    eventHandler.dispatch('star-selected', i + 1);
+  }
+</script>
+
+<div class={setClasses(size)} {...$$restProps}>
+  <input
+    id="no-rate"
+    type="radio"
+    {name}
+    value="0"
+    class="mc-stars-input__radio"
+    checked
+    aria-label={unselectedText}
+  />
+
+  {#each Array(ratingValue) as _, i}
+    <input
+      id={setInputId(name, i)}
+      type="radio"
+      {name}
+      value={i + 1}
+      class="mc-stars-input__radio"
+    />
+
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
+    <label
+      for={setInputId(name, i)}
+      title={ratinglabels[i]}
+      class="mc-stars-input__label"
+      on:click={() => selectStar(i)}
+    >
+      <span class="mc-stars-input__text">
+        {ratinglabels[i]}
+      </span>
+    </label>
+  {/each}
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/_c.stars-input';
+</style>

package/dist/components/starsresult/StarsResult.svelte

@@ -0,0 +1,85 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type { RatingsSize } from './ratings.types';
+
+  export let value = 0;
+  export let size: RatingsSize = 'm';
+  export let a11ylabel = '';
+  export let suffixlabel: string | undefined = undefined;
+
+  $: userClass = $$props.class;
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+
+  function getRatingsClasses(
+    value: number,
+    size: RatingsSize,
+    suffixLabel?: string,
+  ): string {
+    const classes = [
+      'mc-stars-result',
+      `mc-stars-result--score-${computeRatingsPercentage(value)}`,
+      `mc-stars-result--${size}`,
+    ];
+
+    const shouldAddFlexDisplay = !!suffixLabel;
+    if (shouldAddFlexDisplay) {
+      classes.push('ml-flexy', 'ml-flexy--items-center');
+    }
+
+    return classes.join(' ');
+  }
+
+  function computeRatingsPercentage(value: number): number {
+    const roundedValue = Math.round(value * 2) / 2;
+
+    let correctedValue = roundedValue;
+    if (correctedValue < 0) {
+      correctedValue = 0;
+    }
+
+    if (correctedValue > 5) {
+      correctedValue = 5;
+    }
+
+    return correctedValue * 20;
+  }
+</script>
+
+<div
+  class="{getRatingsClasses(value, size, suffixlabel)} {userClass}"
+  {...attributes}
+>
+  <span class="mc-stars-result__visual" />
+
+  {#if suffixlabel}
+    <span class="mc-stars-result__suffix-label mu-ml-050">{suffixlabel}</span>
+  {/if}
+
+  <span class="mc-stars-result__text">{a11ylabel}</span>
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/_c.stars-result';
+  @import '@mozaic-ds/styles/utilities/_u.margin';
+  @import '@mozaic-ds/styles/layouts/_l.flexy';
+
+  .mc-stars-result {
+    @include set-font-face();
+
+    &--s .mc-stars-result__suffix-label {
+      @include set-font-scale('02');
+      color: $color-grey-700;
+    }
+
+    &--l .mc-stars-result__suffix-label {
+      @include set-font-scale('06');
+    }
+
+    &--xl .mc-stars-result__suffix-label {
+      @include set-font-scale('08');
+    }
+  }
+</style>

package/dist/components/statusbadge/StatusBadge.js

@@ -1,4 +1,4 @@
-import{c as n,a as b,b as g,d as i,f as m,g as d,t as p,h as v,i as f,j as w,s as h,r as c,m as k}from"../../custom-element.js";import{s as z}from"../../slot.js";import{S as _}from"./StatusDot.js";var x=m('<div><!> <span class="mc-status-badge__label svelte-1swzp5e"><!></span></div>');const y={hash:"svelte-1swzp5e",code:`/**
+import{c as u,a as i,b,d as g,f as m,g as d,s as v,t as f,j as p,l as h,m as k,r as c,i as q}from"../../custom-element.js";import{s as w}from"../../slot.js";import{S as _}from"./StatusDot.js";var x=m('<div><!> <span class="mc-status-badge__label svelte-4n1qei"><!></span></div>');const y={hash:"svelte-4n1qei",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-status-badge.svelte-1swzp5e {background-color:var(--status-badge-color-background-information, #e1f3f9);border:1px solid var(--status-badge-color-border-information, #a7d9ed);border-radius:0.25rem;font-weight:400;font-size:0.875rem;display:inline-flex;align-items:center;gap:0.25rem;padding-right:0.5rem;padding-left:0.5rem;text-transform:lowercase;white-space:nowrap;min-height:1.5rem;}.mc-status-badge__label.svelte-1swzp5e {color:var(--status-badge-color-label, #000000);}.mc-status-badge__label.svelte-1swzp5e::first-letter {text-transform:uppercase;}.mc-status-badge--success.svelte-1swzp5e {background-color:var(--status-badge-color-background-success, #ebf5de);border:1px solid var(--status-badge-color-border-success, #c5e39e);}.mc-status-badge--error.svelte-1swzp5e {background-color:var(--status-badge-color-background-error, #fdeaea);border:1px solid var(--status-badge-color-border-error, #f8bcbb);}.mc-status-badge--warning.svelte-1swzp5e {background-color:var(--status-badge-color-background-warning, #fdf1e8);border:1px solid var(--status-badge-color-border-warning, #f8d2b3);}.mc-status-badge--neutral.svelte-1swzp5e {background-color:var(--status-badge-color-background-neutral, #f2f2f2);border:1px solid var(--status-badge-color-border-neutral, #cccccc);}.mc-status-dot.svelte-1swzp5e {background-color:var(--status-dot-color-background-information, #0b96cc);height:0.5rem;width:0.5rem;border-radius:100%;display:inline-block;}.mc-status-dot--s.svelte-1swzp5e {height:0.25rem;width:0.25rem;}.mc-status-dot--l.svelte-1swzp5e {height:1rem;width:1rem;}.mc-status-dot--success.svelte-1swzp5e {background-color:var(--status-dot-color-background-success, #3f9e10);}.mc-status-dot--error.svelte-1swzp5e {background-color:var(--status-dot-color-background-error, #ea302d);}.mc-status-dot--warning.svelte-1swzp5e {background-color:var(--status-dot-color-background-warning, #ea7315);}.mc-status-dot--neutral.svelte-1swzp5e {background-color:var(--status-dot-color-background-neutral, #808080);}`};function S(a,t){b(t,!0),g(a,y);let e=i(t,"status",7);var s=x(),r=d(s);_(r,{get status(){return e()},size:"m"});var o=h(r,2),l=d(o);return z(l,t,"default",{}),c(o),c(s),p(()=>k(s,1,`mc-status-badge ${e()?`mc-status-badge--${e()}`:""}`,"svelte-1swzp5e")),v(a,s),f({get status(){return e()},set status(u){e(u),w()}})}customElements.define("m-status-badge",n(S,{status:{}},["default"],[],!0));
+ */.mc-status-badge.svelte-4n1qei {background-color:var(--status-badge-color-background-information, #e1f3f9);border:var(--border-s, 1px) solid var(--status-badge-color-border-information, #a7d9ed);border-radius:var(--radius-s, 0.25rem);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-100, 0.875rem);display:inline-flex;align-items:center;gap:0.25rem;padding-right:0.5rem;padding-left:0.5rem;text-transform:lowercase;white-space:nowrap;min-height:1.5rem;}.mc-status-badge__label.svelte-4n1qei {color:var(--status-badge-color-label, #000000);}.mc-status-badge__label.svelte-4n1qei::first-letter {text-transform:uppercase;}.mc-status-badge--success.svelte-4n1qei {background-color:var(--status-badge-color-background-success, #ebf5de);border:var(--border-s, 1px) solid var(--status-badge-color-border-success, #c5e39e);}.mc-status-badge--error.svelte-4n1qei {background-color:var(--status-badge-color-background-error, #fdeaea);border:var(--border-s, 1px) solid var(--status-badge-color-border-error, #f8bcbb);}.mc-status-badge--warning.svelte-4n1qei {background-color:var(--status-badge-color-background-warning, #fdf1e8);border:var(--border-s, 1px) solid var(--status-badge-color-border-warning, #f8d2b3);}.mc-status-badge--neutral.svelte-4n1qei {background-color:var(--status-badge-color-background-neutral, #f2f2f2);border:var(--border-s, 1px) solid var(--status-badge-color-border-neutral, #cccccc);}.mc-status-dot.svelte-4n1qei {background-color:var(--status-dot-color-background-information, #0b96cc);height:0.5rem;width:0.5rem;border-radius:var(--radius-full, 100%);display:inline-block;}.mc-status-dot--s.svelte-4n1qei {height:0.25rem;width:0.25rem;}.mc-status-dot--l.svelte-4n1qei {height:1rem;width:1rem;}.mc-status-dot--success.svelte-4n1qei {background-color:var(--status-dot-color-background-success, #3f9e10);}.mc-status-dot--error.svelte-4n1qei {background-color:var(--status-dot-color-background-error, #ea302d);}.mc-status-dot--warning.svelte-4n1qei {background-color:var(--status-dot-color-background-warning, #ea7315);}.mc-status-dot--neutral.svelte-4n1qei {background-color:var(--status-dot-color-background-neutral, #808080);}`};function S(a,t){i(t,!0),b(a,y);let e=g(t,"status",7);var r=x(),s=d(r);_(s,{get status(){return e()},size:"m"});var o=v(s,2),n=d(o);return w(n,t,"default",{}),c(o),c(r),f(()=>q(r,1,`mc-status-badge ${e()?`mc-status-badge--${e()}`:""}`,"svelte-4n1qei")),p(a,r),h({get status(){return e()},set status(l){e(l),k()}})}customElements.define("m-status-badge",u(S,{status:{}},["default"],[],!0));
 //# sourceMappingURL=StatusBadge.js.map

package/dist/components/statusbadge/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","sources":["../../../src/components/statusbadge/StatusBadge.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-status-badge' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle } from './badge.types';\n  import StatusDot from './StatusDot.svelte';\n\n  interface Props {\n    status: BadgeStyle;\n  }\n\n  let { status }: Props = $props();\n</script>\n\n<div class=\"mc-status-badge {status ? `mc-status-badge--${status}` : ''}\">\n  <StatusDot {status} size=\"m\" />\n  <span class=\"mc-status-badge__label\"><slot /></span>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-badge';\n  @use '@mozaic-ds/styles/components/status-dot';\n</style>\n"],"names":["status","$.prop","$$props"],"mappings":";;ggEAUQA,EAAMC,EAAAC,EAAA,SAAA,CAAA,oJAGeF,EAAM,EAAA,oBAAuBA,EAAM,CAAA,GAAK,EAAE,GAAA,gBAAA,CAAA"}
+{"version":3,"file":"StatusBadge.js","sources":["../../../src/components/statusbadge/StatusBadge.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-status-badge' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle } from './badge.types';\n  import StatusDot from './StatusDot.svelte';\n\n  interface Props {\n    status: BadgeStyle;\n  }\n\n  let { status }: Props = $props();\n</script>\n\n<div class=\"mc-status-badge {status ? `mc-status-badge--${status}` : ''}\">\n  <StatusDot {status} size=\"m\" />\n  <span class=\"mc-status-badge__label\"><slot /></span>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-badge';\n  @use '@mozaic-ds/styles/components/status-dot';\n</style>\n"],"names":["status","$.prop","$$props"],"mappings":";;0oEAAA,oBAUQA,EAAMC,EAAAC,EAAA,SAAA,CAAA,oJAGeF,EAAM,EAAA,oBAAuBA,EAAM,CAAA,GAAK,EAAE,GAAA,eAAA,CAAA,8DAFvE"}

package/dist/components/statusbadge/StatusBadge.svelte

@@ -21,10 +21,10 @@
  */
 .mc-status-badge {
   background-color: var(--status-badge-color-background-information, #e1f3f9);
-  border: 1px solid var(--status-badge-color-border-information, #a7d9ed);
-  border-radius: 0.25rem;
-  font-weight: 400;
-  font-size: 0.875rem;
+  border: var(--border-s, 1px) solid var(--status-badge-color-border-information, #a7d9ed);
+  border-radius: var(--radius-s, 0.25rem);
+  font-weight: var(--font-weight-regular, 400);
+  font-size: var(--font-size-100, 0.875rem);
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
@@ -42,26 +42,26 @@
 }
 .mc-status-badge--success {
   background-color: var(--status-badge-color-background-success, #ebf5de);
-  border: 1px solid var(--status-badge-color-border-success, #c5e39e);
+  border: var(--border-s, 1px) solid var(--status-badge-color-border-success, #c5e39e);
 }
 .mc-status-badge--error {
   background-color: var(--status-badge-color-background-error, #fdeaea);
-  border: 1px solid var(--status-badge-color-border-error, #f8bcbb);
+  border: var(--border-s, 1px) solid var(--status-badge-color-border-error, #f8bcbb);
 }
 .mc-status-badge--warning {
   background-color: var(--status-badge-color-background-warning, #fdf1e8);
-  border: 1px solid var(--status-badge-color-border-warning, #f8d2b3);
+  border: var(--border-s, 1px) solid var(--status-badge-color-border-warning, #f8d2b3);
 }
 .mc-status-badge--neutral {
   background-color: var(--status-badge-color-background-neutral, #f2f2f2);
-  border: 1px solid var(--status-badge-color-border-neutral, #cccccc);
+  border: var(--border-s, 1px) solid var(--status-badge-color-border-neutral, #cccccc);
 }
 
 .mc-status-dot {
   background-color: var(--status-dot-color-background-information, #0b96cc);
   height: 0.5rem;
   width: 0.5rem;
-  border-radius: 100%;
+  border-radius: var(--radius-full, 100%);
   display: inline-block;
 }
 .mc-status-dot--s {

package/dist/components/statusbadge/StatusDot.js

@@ -1,4 +1,4 @@
-import{c as d,a as n,b as l,d as u,f as i,t as m,h as v,i as g,j as c,m as p}from"../../custom-element.js";var h=i("<div></div>");const b={hash:"svelte-uxnpzo",code:`/**
+import{c as d,a as l,b as n,d as u,f as i,t as v,j as m,l as y,m as c,i as g}from"../../custom-element.js";var b=i("<div></div>");const h={hash:"svelte-1yyojv2",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-status-dot.svelte-uxnpzo {background-color:var(--status-dot-color-background-information, #0b96cc);height:0.5rem;width:0.5rem;border-radius:100%;display:inline-block;}.mc-status-dot--s.svelte-uxnpzo {height:0.25rem;width:0.25rem;}.mc-status-dot--l.svelte-uxnpzo {height:1rem;width:1rem;}.mc-status-dot--success.svelte-uxnpzo {background-color:var(--status-dot-color-background-success, #3f9e10);}.mc-status-dot--error.svelte-uxnpzo {background-color:var(--status-dot-color-background-error, #ea302d);}.mc-status-dot--warning.svelte-uxnpzo {background-color:var(--status-dot-color-background-warning, #ea7315);}.mc-status-dot--neutral.svelte-uxnpzo {background-color:var(--status-dot-color-background-neutral, #808080);}`};function z(a,e){n(e,!0),l(a,b);let t=u(e,"size",7),s=u(e,"status",7);var r=h();return m(()=>p(r,1,`mc-status-dot ${t()?`mc-status-dot--${t()}`:""}  ${s()?`mc-status-dot--${s()}`:""}`,"svelte-uxnpzo")),v(a,r),g({get size(){return t()},set size(o){t(o),c()},get status(){return s()},set status(o){s(o),c()}})}customElements.define("m-status-dot",d(z,{size:{},status:{}},[],[],!0));export{z as S};
+ */.mc-status-dot.svelte-1yyojv2 {background-color:var(--status-dot-color-background-information, #0b96cc);height:0.5rem;width:0.5rem;border-radius:var(--radius-full, 100%);display:inline-block;}.mc-status-dot--s.svelte-1yyojv2 {height:0.25rem;width:0.25rem;}.mc-status-dot--l.svelte-1yyojv2 {height:1rem;width:1rem;}.mc-status-dot--success.svelte-1yyojv2 {background-color:var(--status-dot-color-background-success, #3f9e10);}.mc-status-dot--error.svelte-1yyojv2 {background-color:var(--status-dot-color-background-error, #ea302d);}.mc-status-dot--warning.svelte-1yyojv2 {background-color:var(--status-dot-color-background-warning, #ea7315);}.mc-status-dot--neutral.svelte-1yyojv2 {background-color:var(--status-dot-color-background-neutral, #808080);}`};function f(a,e){l(e,!0),n(a,h);let t=u(e,"size",7),s=u(e,"status",7);var r=b();return v(()=>g(r,1,`mc-status-dot ${t()?`mc-status-dot--${t()}`:""}  ${s()?`mc-status-dot--${s()}`:""}`,"svelte-1yyojv2")),m(a,r),y({get size(){return t()},set size(o){t(o),c()},get status(){return s()},set status(o){s(o),c()}})}customElements.define("m-status-dot",d(f,{size:{},status:{}},[],[],!0));export{f as S};
 //# sourceMappingURL=StatusDot.js.map

package/dist/components/statusbadge/StatusDot.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusDot.js","sources":["../../../src/components/statusbadge/StatusDot.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-status-dot' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle, BadgeSize } from './badge.types';\n\n  interface Props {\n    status: BadgeStyle;\n    size: BadgeSize;\n  }\n\n  let { size, status }: Props = $props();\n</script>\n\n<div\n  class=\"mc-status-dot {size ? `mc-status-dot--${size}` : ''}  {status\n    ? `mc-status-dot--${status}`\n    : ''}\"\n></div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-dot';\n</style>\n"],"names":["size","$.prop","$$props","status"],"mappings":";;4vBAUQA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAMF,EAAAC,EAAA,SAAA,CAAA,gDAIIF,IAAI,kBAAqBA,GAAS,GAAA,EAAE,KAAIG,IACxC,kBAAAA,MAClB,EAAE,GAAA,eAAA,CAAA"}
+{"version":3,"file":"StatusDot.js","sources":["../../../src/components/statusbadge/StatusDot.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-status-dot' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle, BadgeSize } from './badge.types';\n\n  interface Props {\n    status: BadgeStyle;\n    size: BadgeSize;\n  }\n\n  let { size, status }: Props = $props();\n</script>\n\n<div\n  class=\"mc-status-dot {size ? `mc-status-dot--${size}` : ''}  {status\n    ? `mc-status-dot--${status}`\n    : ''}\"\n></div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-dot';\n</style>\n"],"names":["size","$.prop","$$props","status"],"mappings":";;mwBAAA,oBAUQA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAMF,EAAAC,EAAA,SAAA,CAAA,gDAIIF,IAAI,kBAAqBA,GAAS,GAAA,EAAE,KAAIG,IACxC,kBAAAA,MAClB,EAAE,GAAA,gBAAA,CAAA,2GALR"}

package/dist/components/statusbadge/StatusDot.svelte

@@ -24,7 +24,7 @@
   background-color: var(--status-dot-color-background-information, #0b96cc);
   height: 0.5rem;
   width: 0.5rem;
-  border-radius: 100%;
+  border-radius: var(--radius-full, 100%);
   display: inline-block;
 }
 .mc-status-dot--s {

package/dist/components/statusnotification/StatusNotification.js

@@ -1,7 +1,7 @@
-import{z as O,E as Q,A as U,B as W,C as h,D as G,F as P,N as ce,G as fe,H as ue,I as de,J as me,K as J,L as K,M as ge,O as ve,P as he,c as q,a as C,d as a,Q as M,t as w,h as _,i as S,j as l,m as k,R as L,b as _e,S as ye,e as we,f as I,w as be,g as N,l as xe,r as z,s as E,T as Ne,U as ze,k as j,V as pe}from"../../custom-element.js";import{i as D}from"../../if.js";import{s as qe}from"../../slot.js";import{s as u,c as A,b as Ce,C as Se}from"../../attributes.js";import"../../legacy.js";function ke(d,t,f){h&&G();var r=d,i,c;O(()=>{i!==(i=t())&&(c&&(W(c),c=null),i&&(c=U(()=>f(r,i))))},Q),h&&(r=P)}function Ze(d,t,f,r,i,c){let o=h;h&&G();var s,e,g=null;h&&P.nodeType===1&&(g=P,G());var Z=h?P:d,y;O(()=>{const v=t()||null;var b=v==="svg"?ce:null;v!==s&&(y&&(v===null?W(y,()=>{y=null,e=null}):v===e?ve(y):he(y)),v&&v!==e&&(y=U(()=>{if(g=h?g:b?document.createElementNS(b,v):document.createElement(v),fe(g,g),r){h&&ue(v)&&g.append(document.createComment(""));var x=h?de(g):g.appendChild(me());h&&(x===null?J(!1):K(x)),r(g,x)}ge.nodes_end=g,Z.before(g)})),s=v,s&&(e=s))},Q),o&&(J(!0),K(Z))}var Ee=M('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M16.364 4.697a.75.75 0 1 0-1.061-1.06L10 8.938 4.697 3.636a.75.75 0 0 0-1.06 1.06L8.938 10l-5.303 5.303a.75.75 0 0 0 1.061 1.06L10 11.06l5.303 5.303a.75.75 0 0 0 1.06-1.06L11.062 10l5.303-5.303Z"></path></g><defs><clipPath id="a"><rect width="20" height="20" fill="#fff"></rect></clipPath></defs></svg>');function X(d,t){C(t,!1);let f=a(t,"id",12,void 0),r=a(t,"style",12,void 0),i=a(t,"className",12,void 0),c=a(t,"fill",12,void 0),o=a(t,"size",12,"1.25rem");var s=Ee();return w(()=>{u(s,"width",o()),u(s,"height",o()),u(s,"id",f()),A(s,r()),k(s,0,L(i())),u(s,"fill",c())}),_(d,s),S({get id(){return f()},set id(e){f(e),l()},get style(){return r()},set style(e){r(e),l()},get className(){return i()},set className(e){i(e),l()},get fill(){return c()},set fill(e){c(e),l()},get size(){return o()},set size(e){o(e),l()}})}customElements.define("ui-cross-20",q(X,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Me=M('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill-rule="evenodd" d="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Zm13-2.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1ZM16 12a1.333 1.333 0 1 0 0-2.667A1.333 1.333 0 0 0 16 12Z"></path></svg>');function Y(d,t){C(t,!1);let f=a(t,"id",12,void 0),r=a(t,"style",12,void 0),i=a(t,"className",12,void 0),c=a(t,"fill",12,void 0),o=a(t,"size",12,"2rem");var s=Me();return w(()=>{u(s,"width",o()),u(s,"height",o()),u(s,"id",f()),A(s,r()),k(s,0,L(i())),u(s,"fill",c())}),_(d,s),S({get id(){return f()},set id(e){f(e),l()},get style(){return r()},set style(e){r(e),l()},get className(){return i()},set className(e){i(e),l()},get fill(){return c()},set fill(e){c(e),l()},get size(){return o()},set size(e){o(e),l()}})}customElements.define("ui-info-circle-32",q(Y,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Le=M('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill-rule="evenodd" d="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Zm13-6.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1Zm0 13A1.333 1.333 0 1 0 16 20a1.333 1.333 0 0 0 0 2.667Z"></path></svg>');function $(d,t){C(t,!1);let f=a(t,"id",12,void 0),r=a(t,"style",12,void 0),i=a(t,"className",12,void 0),c=a(t,"fill",12,void 0),o=a(t,"size",12,"2rem");var s=Le();return w(()=>{u(s,"width",o()),u(s,"height",o()),u(s,"id",f()),A(s,r()),k(s,0,L(i())),u(s,"fill",c())}),_(d,s),S({get id(){return f()},set id(e){f(e),l()},get style(){return r()},set style(e){r(e),l()},get className(){return i()},set className(e){i(e),l()},get fill(){return c()},set fill(e){c(e),l()},get size(){return o()},set size(e){o(e),l()}})}customElements.define("ui-warning-circle-32",q($,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Ae=M('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill-rule="evenodd" d="M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm-3.293 8.293a1 1 0 0 0-1.414 1.414L14.586 16l-3.293 3.293a1 1 0 0 0 1.414 1.414L16 17.414l3.293 3.293a1 1 0 0 0 1.414-1.414L17.414 16l3.293-3.293a1 1 0 0 0-1.414-1.414L16 14.586l-3.293-3.293Z"></path></svg>');function ee(d,t){C(t,!1);let f=a(t,"id",12,void 0),r=a(t,"style",12,void 0),i=a(t,"className",12,void 0),c=a(t,"fill",12,void 0),o=a(t,"size",12,"2rem");var s=Ae();return w(()=>{u(s,"width",o()),u(s,"height",o()),u(s,"id",f()),A(s,r()),k(s,0,L(i())),u(s,"fill",c())}),_(d,s),S({get id(){return f()},set id(e){f(e),l()},get style(){return r()},set style(e){r(e),l()},get className(){return i()},set className(e){i(e),l()},get fill(){return c()},set fill(e){c(e),l()},get size(){return o()},set size(e){o(e),l()}})}customElements.define("ui-cross-circle-32",q(ee,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Be=M('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill-rule="evenodd" d="M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm6.707 10.374a1 1 0 0 0-1.414-1.414l-6.626 6.626-3.293-3.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l7.333-7.333Z"></path></svg>');function te(d,t){C(t,!1);let f=a(t,"id",12,void 0),r=a(t,"style",12,void 0),i=a(t,"className",12,void 0),c=a(t,"fill",12,void 0),o=a(t,"size",12,"2rem");var s=Be();return w(()=>{u(s,"width",o()),u(s,"height",o()),u(s,"id",f()),A(s,r()),k(s,0,L(i())),u(s,"fill",c())}),_(d,s),S({get id(){return f()},set id(e){f(e),l()},get style(){return r()},set style(e){r(e),l()},get className(){return i()},set className(e){i(e),l()},get fill(){return c()},set fill(e){c(e),l()},get size(){return o()},set size(e){o(e),l()}})}customElements.define("ui-check-circle-32",q(te,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Pe=I('<div class="mc-status-notification__footer svelte-1qc7gyl"><!></div>'),Te=I('<button class="mc-status-notification-closable__close svelte-1qc7gyl"><!> <span class="mc-status-notification-closable__text svelte-1qc7gyl"> </span></button>'),Fe=I('<section><span class="mc-status-notification__icon svelte-1qc7gyl" aria-hidden="true"><!></span> <div class="mc-status-notification__content svelte-1qc7gyl"><!> <p class="mc-status-notification__message svelte-1qc7gyl"> </p> <!></div> <!></section>');const Re={hash:"svelte-1qc7gyl",code:`/**
+import{E as Q,F as U,G as X,H as Y,I as ft,J as dt,K as Z,L as v,M as O,N as F,O as ut,P as mt,Q as gt,R as vt,S as _t,T as J,U as K,V as ht,W as bt,X as wt,c as C,a as k,d as a,A as L,t as x,j as _,l as E,m as n,i as S,B as A,b as xt,C as yt,e as pt,f as V,x as jt,s as M,g as j,h as zt,r as z,k as G,Y as Nt,Z as Ct,_ as kt}from"../../custom-element.js";import{i as I}from"../../if.js";import{s as Et}from"../../slot.js";import{s as h,c as B,b as St,C as Mt}from"../../attributes.js";import"../../legacy.js";function Lt(d,e,c){v&&O();var l=d,i,o,f=null,s=null;function t(){o&&(Z(o),o=null),f&&(f.lastChild.remove(),l.before(f),f=null),o=s,s=null}Q(()=>{if(i!==(i=e())){var u=dt();if(i){var b=l;u&&(f=document.createDocumentFragment(),f.append(b=X())),s=Y(()=>c(b,i))}u?ft.add_callback(t):t()}},U),v&&(l=F)}function At(d,e,c,l,i,o){let f=v;v&&O();var s,t,u=null;v&&F.nodeType===ut&&(u=F,O());var b=v?F:d,w;Q(()=>{const g=e()||null;var y=g==="svg"?mt:null;g!==s&&(w&&(g===null?Z(w,()=>{w=null,t=null}):g===t?bt(w):wt(w)),g&&g!==t&&(w=Y(()=>{if(u=v?u:y?document.createElementNS(y,g):document.createElement(g),gt(u,u),l){v&&vt(g)&&u.append(document.createComment(""));var p=v?_t(u):u.appendChild(X());v&&(p===null?J(!1):K(p)),l(u,p)}ht.nodes_end=u,b.before(u)})),s=g,s&&(t=s))},U),f&&(J(!0),K(b))}var Bt=L('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M14.697 6.364a.75.75 0 1 0-1.061-1.061L10 8.939 6.363 5.303a.75.75 0 0 0-1.06 1.06L8.939 10l-3.636 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.06-1.06L11.06 10z"></path></svg>');function q(d,e){k(e,!1);let c=a(e,"id",12,void 0),l=a(e,"style",12,void 0),i=a(e,"className",12,void 0),o=a(e,"fill",12,void 0),f=a(e,"size",12,"1.25rem");var s=Bt();return x(()=>{h(s,"id",c()),B(s,l()),S(s,0,A(i())),h(s,"fill",o())}),_(d,s),E({get id(){return c()},set id(t){c(t),n()},get style(){return l()},set style(t){l(t),n()},get className(){return i()},set className(t){i(t),n()},get fill(){return o()},set fill(t){o(t),n()},get size(){return f()},set size(t){f(t),n()}})}customElements.define("cross-20",C(q,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Tt=L('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5M3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16m13-2.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1M16 12a1.333 1.333 0 1 0 0-2.667A1.333 1.333 0 0 0 16 12"></path></svg>');function $(d,e){k(e,!1);let c=a(e,"id",12,void 0),l=a(e,"style",12,void 0),i=a(e,"className",12,void 0),o=a(e,"fill",12,void 0),f=a(e,"size",12,"2rem");var s=Tt();return x(()=>{h(s,"id",c()),B(s,l()),S(s,0,A(i())),h(s,"fill",o())}),_(d,s),E({get id(){return c()},set id(t){c(t),n()},get style(){return l()},set style(t){l(t),n()},get className(){return i()},set className(t){i(t),n()},get fill(){return o()},set fill(t){o(t),n()},get size(){return f()},set size(t){f(t),n()}})}customElements.define("info-circle-32",C($,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Ft=L('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5M3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16m13-6.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1m0 13A1.333 1.333 0 1 0 16 20a1.333 1.333 0 0 0 0 2.667"></path></svg>');function tt(d,e){k(e,!1);let c=a(e,"id",12,void 0),l=a(e,"style",12,void 0),i=a(e,"className",12,void 0),o=a(e,"fill",12,void 0),f=a(e,"size",12,"2rem");var s=Ft();return x(()=>{h(s,"id",c()),B(s,l()),S(s,0,A(i())),h(s,"fill",o())}),_(d,s),E({get id(){return c()},set id(t){c(t),n()},get style(){return l()},set style(t){l(t),n()},get className(){return i()},set className(t){i(t),n()},get fill(){return o()},set fill(t){o(t),n()},get size(){return f()},set size(t){f(t),n()}})}customElements.define("warning-circle-32",C(tt,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Dt=L('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16M16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3m-3.293 8.293a1 1 0 0 0-1.414 1.414L14.586 16l-3.293 3.293a1 1 0 0 0 1.414 1.414L16 17.414l3.293 3.293a1 1 0 0 0 1.414-1.414L17.414 16l3.293-3.293a1 1 0 0 0-1.414-1.414L16 14.586z"></path></svg>');function et(d,e){k(e,!1);let c=a(e,"id",12,void 0),l=a(e,"style",12,void 0),i=a(e,"className",12,void 0),o=a(e,"fill",12,void 0),f=a(e,"size",12,"2rem");var s=Dt();return x(()=>{h(s,"id",c()),B(s,l()),S(s,0,A(i())),h(s,"fill",o())}),_(d,s),E({get id(){return c()},set id(t){c(t),n()},get style(){return l()},set style(t){l(t),n()},get className(){return i()},set className(t){i(t),n()},get fill(){return o()},set fill(t){o(t),n()},get size(){return f()},set size(t){f(t),n()}})}customElements.define("cross-circle-32",C(et,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Pt=L('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16M16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3m6.707 10.374a1 1 0 0 0-1.414-1.414l-6.626 6.626-3.293-3.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0z"></path></svg>');function st(d,e){k(e,!1);let c=a(e,"id",12,void 0),l=a(e,"style",12,void 0),i=a(e,"className",12,void 0),o=a(e,"fill",12,void 0),f=a(e,"size",12,"2rem");var s=Pt();return x(()=>{h(s,"id",c()),B(s,l()),S(s,0,A(i())),h(s,"fill",o())}),_(d,s),E({get id(){return c()},set id(t){c(t),n()},get style(){return l()},set style(t){l(t),n()},get className(){return i()},set className(t){i(t),n()},get fill(){return o()},set fill(t){o(t),n()},get size(){return f()},set size(t){f(t),n()}})}customElements.define("check-circle-32",C(st,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Rt=V('<div class="mc-status-notification__footer svelte-1tn4grj"><!></div>'),Gt=V('<button class="mc-status-notification-closable__close svelte-1tn4grj"><!> <span class="mc-status-notification-closable__text svelte-1tn4grj"> </span></button>'),It=V('<section><span class="mc-status-notification__icon svelte-1tn4grj" aria-hidden="true"><!></span> <div class="mc-status-notification__content svelte-1tn4grj"><!> <p class="mc-status-notification__message svelte-1tn4grj"> </p> <!></div> <!></section>');const Ot={hash:"svelte-1tn4grj",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 /* create columns */
 /* create columns */
-/* create custom named columns with custom content */.mc-status-notification.svelte-1qc7gyl {border-radius:0.5rem;display:flex;flex-flow:row wrap;align-items:flex-start;background:var(--status-notification-color-background-information, #e1f3f9);box-shadow:inset 0 0 0 1px var(--status-notification-color-border-information, #3facd7);position:relative;box-sizing:border-box;color:var(--status-notification-color-text, #000000);}.mc-status-notification__icon.svelte-1qc7gyl {width:2rem;height:2rem;margin:0.75rem;fill:var(--status-notification-color-icon-information, #0b96cc);}.mc-status-notification__content.svelte-1qc7gyl {flex:1 1 0;padding:0.75rem 1rem 0.75rem 0;}.mc-status-notification__title.svelte-1qc7gyl, .mc-status-notification__message.svelte-1qc7gyl {line-height:1.3;margin-block:0;}.mc-status-notification__title.svelte-1qc7gyl {font-weight:600;font-size:1rem;margin-block-end:0.25rem;}.mc-status-notification__message.svelte-1qc7gyl {font-size:0.875rem;}.mc-status-notification__footer.svelte-1qc7gyl {align-items:flex-start;display:flex;flex-flow:row wrap;gap:0.5rem;margin-top:0.75rem;margin-bottom:0.5rem;}.mc-status-notification--success.svelte-1qc7gyl {background:var(--status-notification-color-background-success, #ebf5de);box-shadow:inset 0 0 0 1px var(--status-notification-color-border-success, #78be20);}.mc-status-notification--success.svelte-1qc7gyl .mc-status-notification__icon:where(.svelte-1qc7gyl) {fill:var(--status-notification-color-icon-success, #3f9e10);}.mc-status-notification--warning.svelte-1qc7gyl {background:var(--status-notification-color-background-warning, #fdf1e8);box-shadow:inset 0 0 0 1px var(--status-notification-color-border-warning, #ef934a);}.mc-status-notification--warning.svelte-1qc7gyl .mc-status-notification__icon:where(.svelte-1qc7gyl) {fill:var(--status-notification-color-icon-warning, #ea7315);}.mc-status-notification--error.svelte-1qc7gyl {background:var(--status-notification-color-background-error, #fdeaea);box-shadow:inset 0 0 0 1px var(--status-notification-color-border-error, #ef5f5c);}.mc-status-notification--error.svelte-1qc7gyl .mc-status-notification__icon:where(.svelte-1qc7gyl) {fill:var(--status-notification-color-icon-error, #ea302d);}.mc-status-notification-closable__close.svelte-1qc7gyl {border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:0.25rem;outline:0;background:transparent;}.mc-status-notification-closable__text.svelte-1qc7gyl {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}`};function je(d,t){C(t,!0),_e(d,Re);let f=a(t,"title",7),r=a(t,"description",7),i=a(t,"status",7,"information"),c=a(t,"closable",7,!1),o=a(t,"hasfooter",7,!1),s=a(t,"closelabel",7,"Close"),e=a(t,"titletag",7,"h2"),g=be(t,["$$slots","$$events","$$legacy","$$host","title","description","status","closable","hasfooter","closelabel","titletag"]);const Z=[{status:"information",component:Y},{status:"success",component:te},{status:"warning",component:$},{status:"error",component:ee}];function y(n){return Z.find(m=>m.status===n)||Z[0]}let v=ye(we(y(i())));var b=Fe();Ce(b,n=>({class:"mc-status-notification",role:"status",...g,[Se]:n}),[()=>({"mc-status-notification--success":i()==="success","mc-status-notification--warning":i()==="warning","mc-status-notification--error":i()==="error"})],"svelte-1qc7gyl");var x=N(b),se=N(x);ke(se,()=>xe(v).component,(n,m)=>{m(n,{class:"mc-status-notification__icon","aria-hidden":"true"})}),z(x);var T=E(x,2),V=N(T);{var ie=n=>{var m=Ne(),p=ze(m);Ze(p,e,!1,(B,R)=>{k(B,0,"mc-status-notification__title svelte-1qc7gyl");var H=pe();w(()=>j(H,f())),_(R,H)}),_(n,m)};D(V,n=>{f()&&n(ie)})}var F=E(V,2),ae=N(F,!0);z(F);var le=E(F,2);{var ne=n=>{var m=Pe(),p=N(m);qe(p,t,"footer",{}),z(m),_(n,m)};D(le,n=>{o()&&n(ne)})}z(T);var oe=E(T,2);{var re=n=>{var m=Te(),p=N(m);X(p,{class:"mc-status-notification-closable__icon","aria-hidden":"true"});var B=E(p,2),R=N(B,!0);z(B),z(m),w(()=>j(R,s())),_(n,m)};D(oe,n=>{c()&&n(re)})}return z(b),w(()=>j(ae,r())),_(d,b),S({get title(){return f()},set title(n){f(n),l()},get description(){return r()},set description(n){r(n),l()},get status(){return i()},set status(n="information"){i(n),l()},get closable(){return c()},set closable(n=!1){c(n),l()},get hasfooter(){return o()},set hasfooter(n=!1){o(n),l()},get closelabel(){return s()},set closelabel(n="Close"){s(n),l()},get titletag(){return e()},set titletag(n="h2"){e(n),l()}})}customElements.define("m-status-notification",q(je,{title:{},description:{},status:{},closable:{},hasfooter:{},closelabel:{},titletag:{}},["footer"],[],!0));
+/* create custom named columns with custom content */.mc-status-notification.svelte-1tn4grj {border-radius:var(--radius-m, 0.5rem);display:flex;flex-flow:row wrap;align-items:flex-start;background:var(--status-notification-color-background-information, #e1f3f9);box-shadow:inset 0 0 0 var(--border-s, 1px) var(--status-notification-color-border-information, #3facd7);position:relative;box-sizing:border-box;color:var(--status-notification-color-text, #000000);}.mc-status-notification__icon.svelte-1tn4grj {width:2rem;height:2rem;margin:0.75rem;fill:var(--status-notification-color-icon-information, #0b96cc);}.mc-status-notification__content.svelte-1tn4grj {flex:1 1 0;padding:0.75rem 1rem 0.75rem 0;}.mc-status-notification__title.svelte-1tn4grj, .mc-status-notification__message.svelte-1tn4grj {line-height:var(--line-height-s, 1.3);margin-block:0;}.mc-status-notification__title.svelte-1tn4grj {font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-150, 1rem);margin-block-end:0.25rem;}.mc-status-notification__message.svelte-1tn4grj {font-size:var(--font-size-100, 0.875rem);}.mc-status-notification__footer.svelte-1tn4grj {align-items:flex-start;display:flex;flex-flow:row wrap;gap:0.5rem;margin-top:0.75rem;margin-bottom:0.5rem;}.mc-status-notification--information.svelte-1tn4grj {background:var(--status-notification-color-background-information, #e1f3f9);box-shadow:inset 0 0 0 var(--border-s, 1px) var(--status-notification-color-border-information, #3facd7);}.mc-status-notification--information.svelte-1tn4grj .mc-status-notification__icon:where(.svelte-1tn4grj) {fill:var(--status-notification-color-icon-information, #0b96cc);}.mc-status-notification--success.svelte-1tn4grj {background:var(--status-notification-color-background-success, #ebf5de);box-shadow:inset 0 0 0 var(--border-s, 1px) var(--status-notification-color-border-success, #78be20);}.mc-status-notification--success.svelte-1tn4grj .mc-status-notification__icon:where(.svelte-1tn4grj) {fill:var(--status-notification-color-icon-success, #3f9e10);}.mc-status-notification--warning.svelte-1tn4grj {background:var(--status-notification-color-background-warning, #fdf1e8);box-shadow:inset 0 0 0 var(--border-s, 1px) var(--status-notification-color-border-warning, #ef934a);}.mc-status-notification--warning.svelte-1tn4grj .mc-status-notification__icon:where(.svelte-1tn4grj) {fill:var(--status-notification-color-icon-warning, #ea7315);}.mc-status-notification--error.svelte-1tn4grj {background:var(--status-notification-color-background-error, #fdeaea);box-shadow:inset 0 0 0 var(--border-s, 1px) var(--status-notification-color-border-error, #ef5f5c);}.mc-status-notification--error.svelte-1tn4grj .mc-status-notification__icon:where(.svelte-1tn4grj) {fill:var(--status-notification-color-icon-error, #ea302d);}.mc-status-notification-closable__close.svelte-1tn4grj {border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:0.25rem;outline:0;background:transparent;}.mc-status-notification-closable__icon.svelte-1tn4grj {display:block;height:1.25rem;width:1.25rem;fill:currentcolor;}.mc-status-notification-closable__text.svelte-1tn4grj {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}`};function Vt(d,e){k(e,!0),xt(d,Ot);let c=a(e,"title",7),l=a(e,"description",7),i=a(e,"status",7,"information"),o=a(e,"closable",7,!1),f=a(e,"hasfooter",7,!1),s=a(e,"closelabel",7,"Close"),t=a(e,"titletag",7,"h2"),u=jt(e,["$$slots","$$events","$$legacy","$$host","title","description","status","closable","hasfooter","closelabel","titletag"]);const b=[{status:"information",component:$},{status:"success",component:st},{status:"warning",component:tt},{status:"error",component:et}];function w(r){return b.find(m=>m.status===r)||b[0]}let g=yt(pt(w(i())));var y=It();St(y,r=>({class:"mc-status-notification",role:"status",...u,[Mt]:r}),[()=>({"mc-status-notification--success":i()==="success","mc-status-notification--warning":i()==="warning","mc-status-notification--error":i()==="error"})],void 0,"svelte-1tn4grj");var p=j(y),it=j(p);Lt(it,()=>zt(g).component,(r,m)=>{m(r,{class:"mc-status-notification__icon","aria-hidden":"true"})}),z(p);var D=M(p,2),W=j(D);{var at=r=>{var m=Nt(),N=Ct(m);At(N,t,!1,(T,R)=>{S(T,0,"mc-status-notification__title svelte-1tn4grj");var H=kt();x(()=>G(H,c())),_(R,H)}),_(r,m)};I(W,r=>{c()&&r(at)})}var P=M(W,2),nt=j(P,!0);z(P);var rt=M(P,2);{var lt=r=>{var m=Rt(),N=j(m);Et(N,e,"footer",{}),z(m),_(r,m)};I(rt,r=>{f()&&r(lt)})}z(D);var ot=M(D,2);{var ct=r=>{var m=Gt(),N=j(m);q(N,{class:"mc-status-notification-closable__icon","aria-hidden":"true"});var T=M(N,2),R=j(T,!0);z(T),z(m),x(()=>G(R,s())),_(r,m)};I(ot,r=>{o()&&r(ct)})}return z(y),x(()=>G(nt,l())),_(d,y),E({get title(){return c()},set title(r){c(r),n()},get description(){return l()},set description(r){l(r),n()},get status(){return i()},set status(r="information"){i(r),n()},get closable(){return o()},set closable(r=!1){o(r),n()},get hasfooter(){return f()},set hasfooter(r=!1){f(r),n()},get closelabel(){return s()},set closelabel(r="Close"){s(r),n()},get titletag(){return t()},set titletag(r="h2"){t(r),n()}})}customElements.define("m-status-notification",C(Vt,{title:{},description:{},status:{},closable:{},hasfooter:{},closelabel:{},titletag:{}},["footer"],[],!0));
 //# sourceMappingURL=StatusNotification.js.map

package/dist/components/statusnotification/StatusNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusNotification.js","sources":["../../../node_modules/svelte/src/internal/client/dom/blocks/svelte-component.js","../../../node_modules/svelte/src/internal/client/dom/blocks/svelte-element.js","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/Cross20/Cross20.svelte","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/InfoCircle32/InfoCircle32.svelte","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/WarningCircle32/WarningCircle32.svelte","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/CrossCircle32/CrossCircle32.svelte","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/CheckCircle32/CheckCircle32.svelte","../../../src/components/statusnotification/StatusNotification.svelte"],"sourcesContent":["/** @import { TemplateNode, Dom, Effect } from '#client' */\nimport { EFFECT_TRANSPARENT } from '#client/constants';\nimport { block, branch, pause_effect } from '../../reactivity/effects.js';\nimport { hydrate_next, hydrate_node, hydrating } from '../hydration.js';\n\n/**\n * @template P\n * @template {(props: P) => void} C\n * @param {TemplateNode} node\n * @param {() => C} get_component\n * @param {(anchor: TemplateNode, component: C) => Dom | void} render_fn\n * @returns {void}\n */\nexport function component(node, get_component, render_fn) {\n\tif (hydrating) {\n\t\thydrate_next();\n\t}\n\n\tvar anchor = node;\n\n\t/** @type {C} */\n\tvar component;\n\n\t/** @type {Effect | null} */\n\tvar effect;\n\n\tblock(() => {\n\t\tif (component === (component = get_component())) return;\n\n\t\tif (effect) {\n\t\t\tpause_effect(effect);\n\t\t\teffect = null;\n\t\t}\n\n\t\tif (component) {\n\t\t\teffect = branch(() => render_fn(anchor, component));\n\t\t}\n\t}, EFFECT_TRANSPARENT);\n\n\tif (hydrating) {\n\t\tanchor = hydrate_node;\n\t}\n}\n","/** @import { Effect, TemplateNode } from '#client' */\nimport { FILENAME, NAMESPACE_SVG } from '../../../../constants.js';\nimport {\n\thydrate_next,\n\thydrate_node,\n\thydrating,\n\tset_hydrate_node,\n\tset_hydrating\n} from '../hydration.js';\nimport { create_text, get_first_child } from '../operations.js';\nimport {\n\tblock,\n\tbranch,\n\tdestroy_effect,\n\tpause_effect,\n\tresume_effect\n} from '../../reactivity/effects.js';\nimport { set_should_intro } from '../../render.js';\nimport { current_each_item, set_current_each_item } from './each.js';\nimport { active_effect } from '../../runtime.js';\nimport { component_context } from '../../context.js';\nimport { DEV } from 'esm-env';\nimport { EFFECT_TRANSPARENT } from '#client/constants';\nimport { assign_nodes } from '../template.js';\nimport { is_raw_text_element } from '../../../../utils.js';\n\n/**\n * @param {Comment | Element} node\n * @param {() => string} get_tag\n * @param {boolean} is_svg\n * @param {undefined | ((element: Element, anchor: Node | null) => void)} render_fn,\n * @param {undefined | (() => string)} get_namespace\n * @param {undefined | [number, number]} location\n * @returns {void}\n */\nexport function element(node, get_tag, is_svg, render_fn, get_namespace, location) {\n\tlet was_hydrating = hydrating;\n\n\tif (hydrating) {\n\t\thydrate_next();\n\t}\n\n\tvar filename = DEV && location && component_context?.function[FILENAME];\n\n\t/** @type {string | null} */\n\tvar tag;\n\n\t/** @type {string | null} */\n\tvar current_tag;\n\n\t/** @type {null | Element} */\n\tvar element = null;\n\n\tif (hydrating && hydrate_node.nodeType === 1) {\n\t\telement = /** @type {Element} */ (hydrate_node);\n\t\thydrate_next();\n\t}\n\n\tvar anchor = /** @type {TemplateNode} */ (hydrating ? hydrate_node : node);\n\n\t/** @type {Effect | null} */\n\tvar effect;\n\n\t/**\n\t * The keyed `{#each ...}` item block, if any, that this element is inside.\n\t * We track this so we can set it when changing the element, allowing any\n\t * `animate:` directive to bind itself to the correct block\n\t */\n\tvar each_item_block = current_each_item;\n\n\tblock(() => {\n\t\tconst next_tag = get_tag() || null;\n\t\tvar ns = get_namespace ? get_namespace() : is_svg || next_tag === 'svg' ? NAMESPACE_SVG : null;\n\n\t\t// Assumption: Noone changes the namespace but not the tag (what would that even mean?)\n\t\tif (next_tag === tag) return;\n\n\t\t// See explanation of `each_item_block` above\n\t\tvar previous_each_item = current_each_item;\n\t\tset_current_each_item(each_item_block);\n\n\t\tif (effect) {\n\t\t\tif (next_tag === null) {\n\t\t\t\t// start outro\n\t\t\t\tpause_effect(effect, () => {\n\t\t\t\t\teffect = null;\n\t\t\t\t\tcurrent_tag = null;\n\t\t\t\t});\n\t\t\t} else if (next_tag === current_tag) {\n\t\t\t\t// same tag as is currently rendered — abort outro\n\t\t\t\tresume_effect(effect);\n\t\t\t} else {\n\t\t\t\t// tag is changing — destroy immediately, render contents without intro transitions\n\t\t\t\tdestroy_effect(effect);\n\t\t\t\tset_should_intro(false);\n\t\t\t}\n\t\t}\n\n\t\tif (next_tag && next_tag !== current_tag) {\n\t\t\teffect = branch(() => {\n\t\t\t\telement = hydrating\n\t\t\t\t\t? /** @type {Element} */ (element)\n\t\t\t\t\t: ns\n\t\t\t\t\t\t? document.createElementNS(ns, next_tag)\n\t\t\t\t\t\t: document.createElement(next_tag);\n\n\t\t\t\tif (DEV && location) {\n\t\t\t\t\t// @ts-expect-error\n\t\t\t\t\telement.__svelte_meta = {\n\t\t\t\t\t\tloc: {\n\t\t\t\t\t\t\tfile: filename,\n\t\t\t\t\t\t\tline: location[0],\n\t\t\t\t\t\t\tcolumn: location[1]\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tassign_nodes(element, element);\n\n\t\t\t\tif (render_fn) {\n\t\t\t\t\tif (hydrating && is_raw_text_element(next_tag)) {\n\t\t\t\t\t\t// prevent hydration glitches\n\t\t\t\t\t\telement.append(document.createComment(''));\n\t\t\t\t\t}\n\n\t\t\t\t\t// If hydrating, use the existing ssr comment as the anchor so that the\n\t\t\t\t\t// inner open and close methods can pick up the existing nodes correctly\n\t\t\t\t\tvar child_anchor = /** @type {TemplateNode} */ (\n\t\t\t\t\t\thydrating ? get_first_child(element) : element.appendChild(create_text())\n\t\t\t\t\t);\n\n\t\t\t\t\tif (hydrating) {\n\t\t\t\t\t\tif (child_anchor === null) {\n\t\t\t\t\t\t\tset_hydrating(false);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tset_hydrate_node(child_anchor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// `child_anchor` is undefined if this is a void element, but we still\n\t\t\t\t\t// need to call `render_fn` in order to run actions etc. If the element\n\t\t\t\t\t// contains children, it's a user error (which is warned on elsewhere)\n\t\t\t\t\t// and the DOM will be silently discarded\n\t\t\t\t\trender_fn(element, child_anchor);\n\t\t\t\t}\n\n\t\t\t\t// we do this after calling `render_fn` so that child effects don't override `nodes.end`\n\t\t\t\t/** @type {Effect} */ (active_effect).nodes_end = element;\n\n\t\t\t\tanchor.before(element);\n\t\t\t});\n\t\t}\n\n\t\ttag = next_tag;\n\t\tif (tag) current_tag = tag;\n\t\tset_should_intro(true);\n\n\t\tset_current_each_item(previous_each_item);\n\t}, EFFECT_TRANSPARENT);\n\n\tif (was_hydrating) {\n\t\tset_hydrating(true);\n\t\tset_hydrate_node(anchor);\n\t}\n}\n","<svelte:options customElement={{ tag: 'ui-cross-20', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"1.25rem\";\n</script>\n\n<svg aria-hidden=\"true\" width={size} height={size} id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n  <g clip-path=\"url(#a)\">\n    <path fill-rule=\"evenodd\" d=\"M16.364 4.697a.75.75 0 1 0-1.061-1.06L10 8.938 4.697 3.636a.75.75 0 0 0-1.06 1.06L8.938 10l-5.303 5.303a.75.75 0 0 0 1.061 1.06L10 11.06l5.303 5.303a.75.75 0 0 0 1.06-1.06L11.062 10l5.303-5.303Z\"/>\n  </g>\n  <defs>\n    <clipPath id=\"a\">\n      <rect width=\"20\" height=\"20\" fill=\"#fff\"/>\n    </clipPath>\n  </defs>\n</svg>\n","<svelte:options customElement={{ tag: 'ui-info-circle-32', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"2rem\";\n</script>\n\n<svg aria-hidden=\"true\" width={size} height={size} id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\">\n  <path fill-rule=\"evenodd\" d=\"M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Zm13-2.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1ZM16 12a1.333 1.333 0 1 0 0-2.667A1.333 1.333 0 0 0 16 12Z\"/>\n</svg>\n","<svelte:options customElement={{ tag: 'ui-warning-circle-32', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"2rem\";\n</script>\n\n<svg aria-hidden=\"true\" width={size} height={size} id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\">\n  <path fill-rule=\"evenodd\" d=\"M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Zm13-6.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1Zm0 13A1.333 1.333 0 1 0 16 20a1.333 1.333 0 0 0 0 2.667Z\"/>\n</svg>\n","<svelte:options customElement={{ tag: 'ui-cross-circle-32', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"2rem\";\n</script>\n\n<svg aria-hidden=\"true\" width={size} height={size} id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\">\n  <path fill-rule=\"evenodd\" d=\"M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm-3.293 8.293a1 1 0 0 0-1.414 1.414L14.586 16l-3.293 3.293a1 1 0 0 0 1.414 1.414L16 17.414l3.293 3.293a1 1 0 0 0 1.414-1.414L17.414 16l3.293-3.293a1 1 0 0 0-1.414-1.414L16 14.586l-3.293-3.293Z\"/>\n</svg>\n","<svelte:options customElement={{ tag: 'ui-check-circle-32', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"2rem\";\n</script>\n\n<svg aria-hidden=\"true\" width={size} height={size} id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\">\n  <path fill-rule=\"evenodd\" d=\"M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm6.707 10.374a1 1 0 0 0-1.414-1.414l-6.626 6.626-3.293-3.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l7.333-7.333Z\"/>\n</svg>\n","<svelte:options customElement={{ tag: 'm-status-notification' }} />\n\n<script lang=\"ts\">\n  import Cross20 from '@mozaic-ds/icons-svelte/svelte/Cross20/Cross20.svelte';\n  import InfoCircle32 from '@mozaic-ds/icons-svelte/svelte/InfoCircle32/InfoCircle32.svelte';\n  import WarningCircle32 from '@mozaic-ds/icons-svelte/svelte/WarningCircle32/WarningCircle32.svelte';\n  import CrossCircle32 from '@mozaic-ds/icons-svelte/svelte/CrossCircle32/CrossCircle32.svelte';\n  import CheckCircle32 from '@mozaic-ds/icons-svelte/svelte/CheckCircle32/CheckCircle32.svelte';\n\n  interface Props {\n    title: string;\n    description: string;\n    status?: 'information' | 'success' | 'warning' | 'error';\n    closable?: boolean;\n    hasfooter?: boolean;\n    closelabel?: string;\n    titletag?: string;\n    [key: string]: any;\n  }\n\n  let {\n    title,\n    description,\n    status = 'information',\n    closable = false,\n    hasfooter = false,\n    closelabel = 'Close',\n    titletag = 'h2',\n    ...events\n  }: Props = $props();\n\n  const iconMap = [\n    { status: 'information', component: InfoCircle32 },\n    { status: 'success', component: CheckCircle32 },\n    { status: 'warning', component: WarningCircle32 },\n    { status: 'error', component: CrossCircle32 },\n  ];\n\n  function getSelected(status: string) {\n    return iconMap.find((icon) => icon.status === status) || iconMap[0];\n  }\n\n  let selected = $state(getSelected(status));\n</script>\n\n<section\n  class=\"mc-status-notification\"\n  role=\"status\"\n  class:mc-status-notification--success={status === 'success'}\n  class:mc-status-notification--warning={status === 'warning'}\n  class:mc-status-notification--error={status === 'error'}\n  {...events}\n>\n  <span class=\"mc-status-notification__icon\" aria-hidden=\"true\">\n    <selected.component\n      class=\"mc-status-notification__icon\"\n      aria-hidden=\"true\"\n    />\n  </span>\n\n  <div class=\"mc-status-notification__content\">\n    {#if title}\n      <svelte:element this={titletag} class=\"mc-status-notification__title\"\n        >{title}</svelte:element\n      >\n    {/if}\n    <p class=\"mc-status-notification__message\">{description}</p>\n\n    {#if hasfooter}\n      <div class=\"mc-status-notification__footer\">\n        <slot name=\"footer\" />\n      </div>\n    {/if}\n  </div>\n\n  {#if closable}\n    <button class=\"mc-status-notification-closable__close\">\n      <Cross20\n        class=\"mc-status-notification-closable__icon\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"mc-status-notification-closable__text\">{closelabel}</span>\n    </button>\n  {/if}\n</section>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-notification';\n</style>\n"],"names":["component","node","get_component","render_fn","hydrating","hydrate_next","anchor","effect","block","pause_effect","branch","EFFECT_TRANSPARENT","hydrate_node","element","get_tag","is_svg","get_namespace","location","was_hydrating","tag","current_tag","next_tag","ns","NAMESPACE_SVG","resume_effect","destroy_effect","assign_nodes","is_raw_text_element","child_anchor","get_first_child","create_text","set_hydrating","set_hydrate_node","active_effect","id","style","className","fill","size","title","$.prop","$$props","description","status","closable","hasfooter","closelabel","titletag","events","$.rest_props","iconMap","InfoCircle32","CheckCircle32","WarningCircle32","CrossCircle32","getSelected","icon","selected","$.state","$.proxy","$$element","$$anchor","$$render","consequent","consequent_1","consequent_2"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}
+{"version":3,"file":"StatusNotification.js","sources":["../../../node_modules/svelte/src/internal/client/dom/blocks/svelte-component.js","../../../node_modules/svelte/src/internal/client/dom/blocks/svelte-element.js","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/Cross20/Cross20.svelte","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/InfoCircle32/InfoCircle32.svelte","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/WarningCircle32/WarningCircle32.svelte","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/CrossCircle32/CrossCircle32.svelte","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/CheckCircle32/CheckCircle32.svelte","../../../src/components/statusnotification/StatusNotification.svelte"],"sourcesContent":["/** @import { TemplateNode, Dom, Effect } from '#client' */\n/** @import { Batch } from '../../reactivity/batch.js'; */\nimport { EFFECT_TRANSPARENT } from '#client/constants';\nimport { block, branch, pause_effect } from '../../reactivity/effects.js';\nimport { current_batch } from '../../reactivity/batch.js';\nimport { hydrate_next, hydrate_node, hydrating } from '../hydration.js';\nimport { create_text, should_defer_append } from '../operations.js';\n\n/**\n * @template P\n * @template {(props: P) => void} C\n * @param {TemplateNode} node\n * @param {() => C} get_component\n * @param {(anchor: TemplateNode, component: C) => Dom | void} render_fn\n * @returns {void}\n */\nexport function component(node, get_component, render_fn) {\n\tif (hydrating) {\n\t\thydrate_next();\n\t}\n\n\tvar anchor = node;\n\n\t/** @type {C} */\n\tvar component;\n\n\t/** @type {Effect | null} */\n\tvar effect;\n\n\t/** @type {DocumentFragment | null} */\n\tvar offscreen_fragment = null;\n\n\t/** @type {Effect | null} */\n\tvar pending_effect = null;\n\n\tfunction commit() {\n\t\tif (effect) {\n\t\t\tpause_effect(effect);\n\t\t\teffect = null;\n\t\t}\n\n\t\tif (offscreen_fragment) {\n\t\t\t// remove the anchor\n\t\t\t/** @type {Text} */ (offscreen_fragment.lastChild).remove();\n\n\t\t\tanchor.before(offscreen_fragment);\n\t\t\toffscreen_fragment = null;\n\t\t}\n\n\t\teffect = pending_effect;\n\t\tpending_effect = null;\n\t}\n\n\tblock(() => {\n\t\tif (component === (component = get_component())) return;\n\n\t\tvar defer = should_defer_append();\n\n\t\tif (component) {\n\t\t\tvar target = anchor;\n\n\t\t\tif (defer) {\n\t\t\t\toffscreen_fragment = document.createDocumentFragment();\n\t\t\t\toffscreen_fragment.append((target = create_text()));\n\t\t\t}\n\n\t\t\tpending_effect = branch(() => render_fn(target, component));\n\t\t}\n\n\t\tif (defer) {\n\t\t\t/** @type {Batch} */ (current_batch).add_callback(commit);\n\t\t} else {\n\t\t\tcommit();\n\t\t}\n\t}, EFFECT_TRANSPARENT);\n\n\tif (hydrating) {\n\t\tanchor = hydrate_node;\n\t}\n}\n","/** @import { Effect, TemplateNode } from '#client' */\nimport { FILENAME, NAMESPACE_SVG } from '../../../../constants.js';\nimport {\n\thydrate_next,\n\thydrate_node,\n\thydrating,\n\tset_hydrate_node,\n\tset_hydrating\n} from '../hydration.js';\nimport { create_text, get_first_child } from '../operations.js';\nimport {\n\tblock,\n\tbranch,\n\tdestroy_effect,\n\tpause_effect,\n\tresume_effect\n} from '../../reactivity/effects.js';\nimport { set_should_intro } from '../../render.js';\nimport { current_each_item, set_current_each_item } from './each.js';\nimport { active_effect } from '../../runtime.js';\nimport { component_context, dev_stack } from '../../context.js';\nimport { DEV } from 'esm-env';\nimport { EFFECT_TRANSPARENT, ELEMENT_NODE } from '#client/constants';\nimport { assign_nodes } from '../template.js';\nimport { is_raw_text_element } from '../../../../utils.js';\n\n/**\n * @param {Comment | Element} node\n * @param {() => string} get_tag\n * @param {boolean} is_svg\n * @param {undefined | ((element: Element, anchor: Node | null) => void)} render_fn,\n * @param {undefined | (() => string)} get_namespace\n * @param {undefined | [number, number]} location\n * @returns {void}\n */\nexport function element(node, get_tag, is_svg, render_fn, get_namespace, location) {\n\tlet was_hydrating = hydrating;\n\n\tif (hydrating) {\n\t\thydrate_next();\n\t}\n\n\tvar filename = DEV && location && component_context?.function[FILENAME];\n\n\t/** @type {string | null} */\n\tvar tag;\n\n\t/** @type {string | null} */\n\tvar current_tag;\n\n\t/** @type {null | Element} */\n\tvar element = null;\n\n\tif (hydrating && hydrate_node.nodeType === ELEMENT_NODE) {\n\t\telement = /** @type {Element} */ (hydrate_node);\n\t\thydrate_next();\n\t}\n\n\tvar anchor = /** @type {TemplateNode} */ (hydrating ? hydrate_node : node);\n\n\t/** @type {Effect | null} */\n\tvar effect;\n\n\t/**\n\t * The keyed `{#each ...}` item block, if any, that this element is inside.\n\t * We track this so we can set it when changing the element, allowing any\n\t * `animate:` directive to bind itself to the correct block\n\t */\n\tvar each_item_block = current_each_item;\n\n\tblock(() => {\n\t\tconst next_tag = get_tag() || null;\n\t\tvar ns = get_namespace ? get_namespace() : is_svg || next_tag === 'svg' ? NAMESPACE_SVG : null;\n\n\t\t// Assumption: Noone changes the namespace but not the tag (what would that even mean?)\n\t\tif (next_tag === tag) return;\n\n\t\t// See explanation of `each_item_block` above\n\t\tvar previous_each_item = current_each_item;\n\t\tset_current_each_item(each_item_block);\n\n\t\tif (effect) {\n\t\t\tif (next_tag === null) {\n\t\t\t\t// start outro\n\t\t\t\tpause_effect(effect, () => {\n\t\t\t\t\teffect = null;\n\t\t\t\t\tcurrent_tag = null;\n\t\t\t\t});\n\t\t\t} else if (next_tag === current_tag) {\n\t\t\t\t// same tag as is currently rendered — abort outro\n\t\t\t\tresume_effect(effect);\n\t\t\t} else {\n\t\t\t\t// tag is changing — destroy immediately, render contents without intro transitions\n\t\t\t\tdestroy_effect(effect);\n\t\t\t\tset_should_intro(false);\n\t\t\t}\n\t\t}\n\n\t\tif (next_tag && next_tag !== current_tag) {\n\t\t\teffect = branch(() => {\n\t\t\t\telement = hydrating\n\t\t\t\t\t? /** @type {Element} */ (element)\n\t\t\t\t\t: ns\n\t\t\t\t\t\t? document.createElementNS(ns, next_tag)\n\t\t\t\t\t\t: document.createElement(next_tag);\n\n\t\t\t\tif (DEV && location) {\n\t\t\t\t\t// @ts-expect-error\n\t\t\t\t\telement.__svelte_meta = {\n\t\t\t\t\t\tparent: dev_stack,\n\t\t\t\t\t\tloc: {\n\t\t\t\t\t\t\tfile: filename,\n\t\t\t\t\t\t\tline: location[0],\n\t\t\t\t\t\t\tcolumn: location[1]\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tassign_nodes(element, element);\n\n\t\t\t\tif (render_fn) {\n\t\t\t\t\tif (hydrating && is_raw_text_element(next_tag)) {\n\t\t\t\t\t\t// prevent hydration glitches\n\t\t\t\t\t\telement.append(document.createComment(''));\n\t\t\t\t\t}\n\n\t\t\t\t\t// If hydrating, use the existing ssr comment as the anchor so that the\n\t\t\t\t\t// inner open and close methods can pick up the existing nodes correctly\n\t\t\t\t\tvar child_anchor = /** @type {TemplateNode} */ (\n\t\t\t\t\t\thydrating ? get_first_child(element) : element.appendChild(create_text())\n\t\t\t\t\t);\n\n\t\t\t\t\tif (hydrating) {\n\t\t\t\t\t\tif (child_anchor === null) {\n\t\t\t\t\t\t\tset_hydrating(false);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tset_hydrate_node(child_anchor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// `child_anchor` is undefined if this is a void element, but we still\n\t\t\t\t\t// need to call `render_fn` in order to run actions etc. If the element\n\t\t\t\t\t// contains children, it's a user error (which is warned on elsewhere)\n\t\t\t\t\t// and the DOM will be silently discarded\n\t\t\t\t\trender_fn(element, child_anchor);\n\t\t\t\t}\n\n\t\t\t\t// we do this after calling `render_fn` so that child effects don't override `nodes.end`\n\t\t\t\t/** @type {Effect} */ (active_effect).nodes_end = element;\n\n\t\t\t\tanchor.before(element);\n\t\t\t});\n\t\t}\n\n\t\ttag = next_tag;\n\t\tif (tag) current_tag = tag;\n\t\tset_should_intro(true);\n\n\t\tset_current_each_item(previous_each_item);\n\t}, EFFECT_TRANSPARENT);\n\n\tif (was_hydrating) {\n\t\tset_hydrating(true);\n\t\tset_hydrate_node(anchor);\n\t}\n}\n","<svelte:options customElement={{ tag: 'cross-20', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"1.25rem\";\n</script>\n\n<svg aria-hidden=\"true\" id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" width=\"20px\" height=\"20px\"><path fill-rule=\"evenodd\" d=\"M14.697 6.364a.75.75 0 1 0-1.061-1.061L10 8.939 6.363 5.303a.75.75 0 0 0-1.06 1.06L8.939 10l-3.636 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.06-1.06L11.06 10z\"/></svg>","<svelte:options customElement={{ tag: 'info-circle-32', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"2rem\";\n</script>\n\n<svg aria-hidden=\"true\" id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32px\" height=\"32px\"><path fill-rule=\"evenodd\" d=\"M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5M3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16m13-2.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1M16 12a1.333 1.333 0 1 0 0-2.667A1.333 1.333 0 0 0 16 12\"/></svg>","<svelte:options customElement={{ tag: 'warning-circle-32', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"2rem\";\n</script>\n\n<svg aria-hidden=\"true\" id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32px\" height=\"32px\"><path fill-rule=\"evenodd\" d=\"M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5M3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16m13-6.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1m0 13A1.333 1.333 0 1 0 16 20a1.333 1.333 0 0 0 0 2.667\"/></svg>","<svelte:options customElement={{ tag: 'cross-circle-32', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"2rem\";\n</script>\n\n<svg aria-hidden=\"true\" id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32px\" height=\"32px\"><path fill-rule=\"evenodd\" d=\"M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16M16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3m-3.293 8.293a1 1 0 0 0-1.414 1.414L14.586 16l-3.293 3.293a1 1 0 0 0 1.414 1.414L16 17.414l3.293 3.293a1 1 0 0 0 1.414-1.414L17.414 16l3.293-3.293a1 1 0 0 0-1.414-1.414L16 14.586z\"/></svg>","<svelte:options customElement={{ tag: 'check-circle-32', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"2rem\";\n</script>\n\n<svg aria-hidden=\"true\" id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32px\" height=\"32px\"><path fill-rule=\"evenodd\" d=\"M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16M16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3m6.707 10.374a1 1 0 0 0-1.414-1.414l-6.626 6.626-3.293-3.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0z\"/></svg>","<svelte:options customElement={{ tag: 'm-status-notification' }} />\n\n<script lang=\"ts\">\n  import Cross20 from '@mozaic-ds/icons-svelte/svelte/Cross20/Cross20.svelte';\n  import InfoCircle32 from '@mozaic-ds/icons-svelte/svelte/InfoCircle32/InfoCircle32.svelte';\n  import WarningCircle32 from '@mozaic-ds/icons-svelte/svelte/WarningCircle32/WarningCircle32.svelte';\n  import CrossCircle32 from '@mozaic-ds/icons-svelte/svelte/CrossCircle32/CrossCircle32.svelte';\n  import CheckCircle32 from '@mozaic-ds/icons-svelte/svelte/CheckCircle32/CheckCircle32.svelte';\n\n  interface Props {\n    title: string;\n    description: string;\n    status?: 'information' | 'success' | 'warning' | 'error';\n    closable?: boolean;\n    hasfooter?: boolean;\n    closelabel?: string;\n    titletag?: string;\n    [key: string]: any;\n  }\n\n  let {\n    title,\n    description,\n    status = 'information',\n    closable = false,\n    hasfooter = false,\n    closelabel = 'Close',\n    titletag = 'h2',\n    ...events\n  }: Props = $props();\n\n  const iconMap = [\n    { status: 'information', component: InfoCircle32 },\n    { status: 'success', component: CheckCircle32 },\n    { status: 'warning', component: WarningCircle32 },\n    { status: 'error', component: CrossCircle32 },\n  ];\n\n  function getSelected(status: string) {\n    return iconMap.find((icon) => icon.status === status) || iconMap[0];\n  }\n\n  let selected = $state(getSelected(status));\n</script>\n\n<section\n  class=\"mc-status-notification\"\n  role=\"status\"\n  class:mc-status-notification--success={status === 'success'}\n  class:mc-status-notification--warning={status === 'warning'}\n  class:mc-status-notification--error={status === 'error'}\n  {...events}\n>\n  <span class=\"mc-status-notification__icon\" aria-hidden=\"true\">\n    <selected.component\n      class=\"mc-status-notification__icon\"\n      aria-hidden=\"true\"\n    />\n  </span>\n\n  <div class=\"mc-status-notification__content\">\n    {#if title}\n      <svelte:element this={titletag} class=\"mc-status-notification__title\"\n        >{title}</svelte:element\n      >\n    {/if}\n    <p class=\"mc-status-notification__message\">{description}</p>\n\n    {#if hasfooter}\n      <div class=\"mc-status-notification__footer\">\n        <slot name=\"footer\" />\n      </div>\n    {/if}\n  </div>\n\n  {#if closable}\n    <button class=\"mc-status-notification-closable__close\">\n      <Cross20\n        class=\"mc-status-notification-closable__icon\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"mc-status-notification-closable__text\">{closelabel}</span>\n    </button>\n  {/if}\n</section>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-notification';\n</style>\n"],"names":["component","node","get_component","render_fn","hydrating","hydrate_next","anchor","effect","offscreen_fragment","pending_effect","commit","pause_effect","block","defer","should_defer_append","target","create_text","branch","current_batch","EFFECT_TRANSPARENT","hydrate_node","element","get_tag","is_svg","get_namespace","location","was_hydrating","tag","current_tag","ELEMENT_NODE","next_tag","ns","NAMESPACE_SVG","resume_effect","destroy_effect","assign_nodes","is_raw_text_element","child_anchor","get_first_child","set_hydrating","set_hydrate_node","active_effect","id","style","className","fill","size","title","$.prop","$$props","description","status","closable","hasfooter","closelabel","titletag","events","$.rest_props","iconMap","InfoCircle32","CheckCircle32","WarningCircle32","CrossCircle32","getSelected","icon","selected","$.state","$.proxy","$$element","$$anchor","$$render","consequent","consequent_1","consequent_2"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}

package/dist/components/statusnotification/StatusNotification.svelte

@@ -91,12 +91,12 @@
 /* create columns */
 /* create custom named columns with custom content */
 .mc-status-notification {
-  border-radius: 0.5rem;
+  border-radius: var(--radius-m, 0.5rem);
   display: flex;
   flex-flow: row wrap;
   align-items: flex-start;
   background: var(--status-notification-color-background-information, #e1f3f9);
-  box-shadow: inset 0 0 0 1px var(--status-notification-color-border-information, #3facd7);
+  box-shadow: inset 0 0 0 var(--border-s, 1px) var(--status-notification-color-border-information, #3facd7);
   position: relative;
   box-sizing: border-box;
   color: var(--status-notification-color-text, #000000);
@@ -112,16 +112,16 @@
   padding: 0.75rem 1rem 0.75rem 0;
 }
 .mc-status-notification__title, .mc-status-notification__message {
-  line-height: 1.3;
+  line-height: var(--line-height-s, 1.3);
   margin-block: 0;
 }
 .mc-status-notification__title {
-  font-weight: 600;
-  font-size: 1rem;
+  font-weight: var(--font-weight-semi-bold, 600);
+  font-size: var(--font-size-150, 1rem);
   margin-block-end: 0.25rem;
 }
 .mc-status-notification__message {
-  font-size: 0.875rem;
+  font-size: var(--font-size-100, 0.875rem);
 }
 .mc-status-notification__footer {
   align-items: flex-start;
@@ -133,28 +133,28 @@
 }
 .mc-status-notification--information {
   background: var(--status-notification-color-background-information, #e1f3f9);
-  box-shadow: inset 0 0 0 1px var(--status-notification-color-border-information, #3facd7);
+  box-shadow: inset 0 0 0 var(--border-s, 1px) var(--status-notification-color-border-information, #3facd7);
 }
 .mc-status-notification--information .mc-status-notification__icon {
   fill: var(--status-notification-color-icon-information, #0b96cc);
 }
 .mc-status-notification--success {
   background: var(--status-notification-color-background-success, #ebf5de);
-  box-shadow: inset 0 0 0 1px var(--status-notification-color-border-success, #78be20);
+  box-shadow: inset 0 0 0 var(--border-s, 1px) var(--status-notification-color-border-success, #78be20);
 }
 .mc-status-notification--success .mc-status-notification__icon {
   fill: var(--status-notification-color-icon-success, #3f9e10);
 }
 .mc-status-notification--warning {
   background: var(--status-notification-color-background-warning, #fdf1e8);
-  box-shadow: inset 0 0 0 1px var(--status-notification-color-border-warning, #ef934a);
+  box-shadow: inset 0 0 0 var(--border-s, 1px) var(--status-notification-color-border-warning, #ef934a);
 }
 .mc-status-notification--warning .mc-status-notification__icon {
   fill: var(--status-notification-color-icon-warning, #ea7315);
 }
 .mc-status-notification--error {
   background: var(--status-notification-color-background-error, #fdeaea);
-  box-shadow: inset 0 0 0 1px var(--status-notification-color-border-error, #ef5f5c);
+  box-shadow: inset 0 0 0 var(--border-s, 1px) var(--status-notification-color-border-error, #ef5f5c);
 }
 .mc-status-notification--error .mc-status-notification__icon {
   fill: var(--status-notification-color-icon-error, #ea302d);

package/dist/components/stepper/Stepper.js

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

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