npm - @mozaic-ds/web-components - Versions diffs - 1.6.0 → 1.8.0 - Mend

@mozaic-ds/web-components 1.6.0 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (215) hide show

package/dist/components/sidebarnavitem/SidebarNavItem.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{c as le,e as me,a as de,p as a,l as o,y as K,x as f,q as U,k as D,t as ce,b as c,d as be,v as j,f as p,w as O,j as C,i as s,D as _e,r as F,m as ue}from"../../custom-element.js";import{o as ve}from"../../index-client.js";import{i as T}from"../../if.js";import{a as fe,s as pe}from"../../slot.js";import{c as ze}from"../../svelte-component.js";import{e as P}from"../../svelte-element.js";import{c as ge,a as Q}from"../../attributes.js";import{b as L}from"../../this.js";import{o as he,E as ke}from"../../Condition20.js";import{T as xe}from"../tooltip/Tooltip.js";import{u as we}from"../../floating-item.svelte.js";import{g as ye}from"../../sidebar-state.svelte.js";import"../../branches.js";import"../../media-query.js";var Ie=p('<span class="mc-sidebar__icon svelte-izmpz1"><!></span>'),Ee=p('<!> <span class="mc-sidebar__text svelte-izmpz1"> </span> <!>',1),Se=p('<div class="mc-sidebar__floating-item mc-sidebar__floating-item--tooltip mc-sidebar__floating-item--hidden svelte-izmpz1"><!></div>'),Be=p("<!> <!>",1);const Ue={hash:"svelte-izmpz1",code:`/**
+import{c as le,e as me,a as de,p as a,i as o,y as K,x as f,s as U,t as ce,k as be,b as c,h as D,d as _e,v as C,f as p,w as O,m as s,D as ue,q as F,r as T}from"../../custom-element.js";import{o as ve}from"../../index-client.js";import{i as j}from"../../if.js";import{a as fe,s as pe}from"../../slot.js";import{c as ze}from"../../svelte-component.js";import{e as P}from"../../svelte-element.js";import{c as ge,a as Q}from"../../attributes.js";import{b as L}from"../../this.js";import{o as he,E as ke}from"../../Condition20.js";import{T as xe}from"../tooltip/Tooltip.js";import{u as we}from"../../floating-item.svelte.js";import{g as ye}from"../../sidebar-state.svelte.js";import"../../branches.js";import"../../media-query.js";var Ie=p('<span class="mc-sidebar__icon svelte-izmpz1"><!></span>'),Ee=p('<!> <span class="mc-sidebar__text svelte-izmpz1"> </span> <!>',1),Se=p('<div class="mc-sidebar__floating-item mc-sidebar__floating-item--tooltip mc-sidebar__floating-item--hidden svelte-izmpz1"><!></div>'),Be=p("<!> <!>",1);const Ue={hash:"svelte-izmpz1",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 @media screen and (min-width: 680px) {
@@ -14,5 +14,5 @@ import{c as le,e as me,a as de,p as a,l as o,y as K,x as f,q as U,k as D,t as ce
 @media screen and (min-width: 680px) {
 }
 @media screen and (min-width: 680px) {
-}.mc-sidebar__link.svelte-izmpz1 {display:flex;align-items:center;gap:0.25rem;height:2.5rem;width:100%;padding-left:0.25rem;text-align:left;text-decoration:none;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, 0.5rem);background:transparent;border:none;cursor:pointer;}.mc-sidebar__link--selected.svelte-izmpz1 {color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de);}.mc-sidebar__link--locked.svelte-izmpz1 {pointer-events:none;}.mc-sidebar__link.svelte-izmpz1:not(.mc-sidebar__link--selected):hover {background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, 0.05));}.mc-sidebar__link.svelte-izmpz1: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-sidebar__link.svelte-izmpz1:is(summary:where(.svelte-izmpz1)) .mc-sidebar__text:where(.svelte-izmpz1) {flex-grow:1;}.mc-sidebar__icon.svelte-izmpz1 {fill:currentcolor;width:1.5rem;height:1.5rem;}.mc-sidebar__text.svelte-izmpz1 {display:block;}.mc-sidebar__item.svelte-izmpz1 {position:relative;}.mc-sidebar__item--sub.mc-sidebar__item.svelte-izmpz1 .mc-sidebar__link:where(.svelte-izmpz1) {display:flex;align-items:center;justify-content:start;gap:0.25rem;padding-left:0.5rem;margin-bottom:0.125rem;height:2rem;text-decoration:none;color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, 0.5rem);background:transparent;border:none;cursor:pointer;}.mc-sidebar__item--sub.mc-sidebar__item.svelte-izmpz1 .mc-sidebar__link:where(.svelte-izmpz1) .mc-sidebar__text:where(.svelte-izmpz1) {display:block;font-size:var(--font-body-s, 0.875rem);font-weight:var(--font-weight-regular, 400);}.mc-sidebar__item--sub.mc-sidebar__item.svelte-izmpz1 .mc-sidebar__link--selected:where(.svelte-izmpz1) {color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de);}.mc-sidebar__item--sub.mc-sidebar__item.svelte-izmpz1 .mc-sidebar__link:where(.svelte-izmpz1):not(.mc-sidebar__item--sub.mc-sidebar__item:where(.svelte-izmpz1) .mc-sidebar__link--selected:where(.svelte-izmpz1)):hover {background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, 0.05));}.mc-sidebar__item--sub.mc-sidebar__item.svelte-izmpz1 .mc-sidebar__link:where(.svelte-izmpz1):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-sidebar__item--collapsed.svelte-izmpz1 .mc-sidebar__text:where(.svelte-izmpz1) {display:none;}.mc-sidebar__item--collapsed.svelte-izmpz1 .mc-sidebar__link:where(.svelte-izmpz1) {padding-left:0;justify-content:center;}`};function De(M,t){const R=fe(t);me(t,!0),de(M,Ue);let z=a(t,"tag",7,"li"),g=a(t,"id",23,()=>crypto.randomUUID()),b=a(t,"label",7),l=a(t,"href",7),_=a(t,"locked",7),u=a(t,"external",7),h=a(t,"active",7),k=a(t,"onclick",7),n=a(t,"sub",7),x,w=j(null),y=j(null);const{hideFloatingItem:q,showFloatingItem:A}=we(()=>o(w),()=>o(y),{allowItemHover:!1}),V=O(()=>_()?he:ke);let I=j(!1);function W(){k()?.(),x.dispatchEvent(new CustomEvent("item-click",{bubbles:!0,composed:!0}))}const X=O(()=>{if(l())return u()?"_blank":"_self"});ve(()=>{if(n()!==void 0)return;const e=_e("SUB_ITEM");e!==void 0&&n(e??!1)});var Y={get tag(){return z()},set tag(e="li"){z(e),s()},get id(){return g()},set id(e=crypto.randomUUID()){g(e),s()},get label(){return b()},set label(e){b(e),s()},get href(){return l()},set href(e){l(e),s()},get locked(){return _()},set locked(e){_(e),s()},get external(){return u()},set external(e){u(e),s()},get active(){return h()},set active(e){h(e),s()},get onclick(){return k()},set onclick(e){k(e),s()},get sub(){return n()},set sub(e){n(e),s()}},H=K(),Z=f(H);return P(Z,z,!1,(e,$)=>{ge(e,()=>ye({setExpanded:i=>U(I,i,!0)})),L(e,i=>x=i,()=>x),Q(e,()=>({class:{"mc-sidebar__item":!0,"mc-sidebar__item--collapsed":!o(I)&&!n(),"mc-sidebar__item--sub":n()}}),void 0,void 0,void 0,"svelte-izmpz1");var N=Be(),G=f(N);P(G,()=>l()?"a":"button",!1,(i,m)=>{L(i,r=>U(w,r,!0),()=>o(w));var E=()=>W();Q(i,()=>({href:l(),role:l()?"link":"button",target:o(X),class:{"mc-sidebar__link":!0,"mc-sidebar__link--selected":h(),"mc-sidebar__link--locked":_()},"aria-label":b(),onmouseenter:A,onfocus:A,onmouseleave:q,onblur:q,onclick:E}),void 0,void 0,void 0,"svelte-izmpz1");var v=Ee(),J=f(v);{var ie=r=>{var d=Ie(),B=C(d);pe(B,t,"icon",{},null),F(d),c(r,d)};T(J,r=>{R.icon&&r(ie)})}var S=D(J,2),re=C(S,!0);F(S);var ae=D(S,2);{var se=r=>{var d=K(),B=f(d);ze(B,()=>o(V),(oe,ne)=>{ne(oe,{})}),c(r,d)};T(ae,r=>{(_()||u())&&r(se)})}ce(()=>ue(re,b())),c(m,v)});var ee=D(G,2);{var te=i=>{var m=Se(),E=C(m);xe(E,{get id(){return g()},get text(){return b()},standalone:!0,pointer:!1}),F(m),L(m,v=>U(y,v),()=>o(y)),c(i,m)};T(ee,i=>{!o(I)&&!n()&&i(te)})}c($,N)}),c(M,H),be(Y)}customElements.define("m-sidebar-nav-item",le(De,{locked:{attribute:"locked",reflect:!0,type:"Boolean"},external:{attribute:"external",reflect:!0,type:"Boolean"},active:{attribute:"active",reflect:!0,type:"Boolean"},sub:{attribute:"sub",reflect:!0,type:"Boolean"},tag:{},id:{},label:{},href:{},onclick:{}},["icon"],[],{mode:"open"}));export{De as S};
+}.mc-sidebar__link.svelte-izmpz1 {display:flex;align-items:center;gap:0.25rem;height:2.5rem;width:100%;padding-left:0.25rem;text-align:left;text-decoration:none;font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, 0.5rem);background:transparent;border:none;cursor:pointer;}.mc-sidebar__link--selected.svelte-izmpz1 {color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de);}.mc-sidebar__link--locked.svelte-izmpz1 {pointer-events:none;}.mc-sidebar__link.svelte-izmpz1:not(.mc-sidebar__link--selected):hover {background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, 0.05));}.mc-sidebar__link.svelte-izmpz1: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-sidebar__link.svelte-izmpz1:is(summary:where(.svelte-izmpz1)) .mc-sidebar__text:where(.svelte-izmpz1) {flex-grow:1;}.mc-sidebar__icon.svelte-izmpz1 {fill:currentcolor;width:1.5rem;height:1.5rem;}.mc-sidebar__text.svelte-izmpz1 {display:block;}.mc-sidebar__item.svelte-izmpz1 {position:relative;}.mc-sidebar__item--sub.mc-sidebar__item.svelte-izmpz1 .mc-sidebar__link:where(.svelte-izmpz1) {display:flex;align-items:center;justify-content:start;gap:0.25rem;padding-left:0.5rem;margin-bottom:0.125rem;height:2rem;text-decoration:none;color:var(--sidebar-color-section-item-text-default, #404040);border-radius:var(--border-radius-m, 0.5rem);background:transparent;border:none;cursor:pointer;}.mc-sidebar__item--sub.mc-sidebar__item.svelte-izmpz1 .mc-sidebar__link:where(.svelte-izmpz1) .mc-sidebar__text:where(.svelte-izmpz1) {display:block;font-size:var(--font-body-s, 0.875rem);font-weight:var(--font-weight-regular, 400);}.mc-sidebar__item--sub.mc-sidebar__item.svelte-izmpz1 .mc-sidebar__link--selected:where(.svelte-izmpz1) {color:var(--sidebar-color-section-item-text-selected, #006902);background:var(--sidebar-color-section-item-background-selected, #ebf5de);}.mc-sidebar__item--sub.mc-sidebar__item.svelte-izmpz1 .mc-sidebar__link:where(.svelte-izmpz1):not(.mc-sidebar__item--sub.mc-sidebar__item:where(.svelte-izmpz1) .mc-sidebar__link--selected:where(.svelte-izmpz1)):hover {background:var(--sidebar-color-section-item-background-hover, rgba(0, 0, 0, 0.05));}.mc-sidebar__item--sub.mc-sidebar__item.svelte-izmpz1 .mc-sidebar__link:where(.svelte-izmpz1):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-sidebar__item--collapsed.svelte-izmpz1 .mc-sidebar__text:where(.svelte-izmpz1) {display:none;}.mc-sidebar__item--collapsed.svelte-izmpz1 .mc-sidebar__link:where(.svelte-izmpz1) {padding-left:0;justify-content:center;}`};function De(M,t){const R=fe(t);me(t,!0),de(M,Ue);let z=a(t,"tag",7,"li"),g=a(t,"id",23,()=>crypto.randomUUID()),b=a(t,"label",7),l=a(t,"href",7),_=a(t,"locked",7),u=a(t,"external",7),h=a(t,"active",7),k=a(t,"onclick",7),n=a(t,"sub",7),x,w=C(null),y=C(null);const{hideFloatingItem:q,showFloatingItem:A}=we(()=>o(w),()=>o(y),{allowItemHover:!1}),V=O(()=>_()?he:ke);let I=C(!1);function W(){k()?.(),x.dispatchEvent(new CustomEvent("item-click",{bubbles:!0,composed:!0}))}const X=O(()=>{if(l())return u()?"_blank":"_self"});ve(()=>{if(n()!==void 0)return;const e=ue("SUB_ITEM");e!==void 0&&n(e??!1)});var Y={get tag(){return z()},set tag(e="li"){z(e),s()},get id(){return g()},set id(e=crypto.randomUUID()){g(e),s()},get label(){return b()},set label(e){b(e),s()},get href(){return l()},set href(e){l(e),s()},get locked(){return _()},set locked(e){_(e),s()},get external(){return u()},set external(e){u(e),s()},get active(){return h()},set active(e){h(e),s()},get onclick(){return k()},set onclick(e){k(e),s()},get sub(){return n()},set sub(e){n(e),s()}},H=K(),Z=f(H);return P(Z,z,!1,(e,$)=>{ge(e,()=>ye({setExpanded:i=>F(I,i,!0)})),L(e,i=>x=i,()=>x),Q(e,()=>({class:{"mc-sidebar__item":!0,"mc-sidebar__item--collapsed":!o(I)&&!n(),"mc-sidebar__item--sub":n()}}),void 0,void 0,void 0,"svelte-izmpz1");var N=Be(),G=f(N);P(G,()=>l()?"a":"button",!1,(i,m)=>{L(i,r=>F(w,r,!0),()=>o(w));var E=()=>W();Q(i,()=>({href:l(),role:l()?"link":"button",target:o(X),class:{"mc-sidebar__link":!0,"mc-sidebar__link--selected":h(),"mc-sidebar__link--locked":_()},"aria-label":b(),onmouseenter:A,onfocus:A,onmouseleave:q,onblur:q,onclick:E}),void 0,void 0,void 0,"svelte-izmpz1");var v=Ee(),J=f(v);{var ie=r=>{var d=Ie(),B=D(d);pe(B,t,"icon",{},null),T(d),c(r,d)};j(J,r=>{R.icon&&r(ie)})}var S=U(J,2),re=D(S,!0);T(S);var ae=U(S,2);{var se=r=>{var d=K(),B=f(d);ze(B,()=>o(V),(oe,ne)=>{ne(oe,{})}),c(r,d)};j(ae,r=>{(_()||u())&&r(se)})}ce(()=>be(re,b())),c(m,v)});var ee=U(G,2);{var te=i=>{var m=Se(),E=D(m);xe(E,{get id(){return g()},get text(){return b()},standalone:!0,pointer:!1}),T(m),L(m,v=>F(y,v),()=>o(y)),c(i,m)};j(ee,i=>{!o(I)&&!n()&&i(te)})}c($,N)}),c(M,H),_e(Y)}customElements.define("m-sidebar-nav-item",le(De,{locked:{attribute:"locked",reflect:!0,type:"Boolean"},external:{attribute:"external",reflect:!0,type:"Boolean"},active:{attribute:"active",reflect:!0,type:"Boolean"},sub:{attribute:"sub",reflect:!0,type:"Boolean"},tag:{},id:{},label:{},href:{},onclick:{}},["icon"],[],{mode:"open"}));export{De as S};
 //# sourceMappingURL=SidebarNavItem.js.map

package/dist/components/sidebarshortcutitem/SidebarShortcutItem.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{c as E,e as q,a as D,p as u,k as I,t as A,b as f,d as B,f as x,j as s,i as _,r as a,q as b,s as C,h as F,l as p,m as G,v as g}from"../../custom-element.js";import{i as H}from"../../if.js";import{a as J,s as K}from"../../slot.js";import{c as w,s as L}from"../../attributes.js";import{g as M,a as N}from"../../sidebar-state.svelte.js";import"../../branches.js";var O=x('<span class="mc-sidebar__shortcut-icon svelte-146rv3"><!></span>'),P=x('<li role="menuitem"><a class="mc-sidebar__shortcut-link svelte-146rv3"><!> <span class="mc-sidebar__shortcut-label svelte-146rv3"> </span></a></li>');const Q={hash:"svelte-146rv3",code:`/**
+import{c as E,e as q,a as D,p as u,s as I,t as A,j as B,n as C,i as f,k as F,b as _,d as G,f as x,h as s,v as b,m as p,r as a,q as g}from"../../custom-element.js";import{i as H}from"../../if.js";import{a as J,s as K}from"../../slot.js";import{c as w,s as L}from"../../attributes.js";import{g as M,a as N}from"../../sidebar-state.svelte.js";import"../../branches.js";var O=x('<span class="mc-sidebar__shortcut-icon svelte-146rv3"><!></span>'),P=x('<li role="menuitem"><a class="mc-sidebar__shortcut-link svelte-146rv3"><!> <span class="mc-sidebar__shortcut-label svelte-146rv3"> </span></a></li>');const Q={hash:"svelte-146rv3",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 @media screen and (min-width: 680px) {
@@ -14,5 +14,5 @@ import{c as E,e as q,a as D,p as u,k as I,t as A,b as f,d as B,f as x,j as s,i a
 @media screen and (min-width: 680px) {
 }
 @media screen and (min-width: 680px) {
-}.mc-sidebar__shortcut-item.svelte-146rv3 {cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, 0.5rem);overflow:hidden;}.mc-sidebar__shortcut-item.svelte-146rv3:hover {background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, 0.2));}.mc-sidebar__shortcut-item.svelte-146rv3:nth-child(n+5) {display:none;}.mc-sidebar__shortcut-item--grid.svelte-146rv3 {justify-content:center;padding:0 0.125rem;height:3rem;width:3.9375rem;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item--grid.svelte-146rv3 .mc-sidebar__shortcut-link:where(.svelte-146rv3) {flex-direction:column;gap:0.125rem;}.mc-sidebar__shortcut-item--stacked.svelte-146rv3 {padding:0.125rem 0.25rem;width:12.5rem;height:2.5rem;}.mc-sidebar__shortcut-item--stacked.svelte-146rv3 .mc-sidebar__shortcut-label:where(.svelte-146rv3) {font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-body-m, 1rem);}.mc-sidebar__shortcut-item--stacked.svelte-146rv3 .mc-sidebar__shortcut-link:where(.svelte-146rv3) {gap:0.25rem;}.mc-sidebar__shortcut-link.svelte-146rv3: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-sidebar__shortcut-link.svelte-146rv3 {text-decoration:none;display:flex;align-items:center;justify-content:center;}.mc-sidebar__shortcut-label.svelte-146rv3 {font-size:var(--font-size-25, 0.625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--sidebar-color-shortcut-item-text-default, #404040);white-space:nowrap;overflow:hidden;}.mc-sidebar__shortcut-icon.svelte-146rv3 {fill:var(--sidebar-color-shortcut-item-text-default, #404040);width:1.5rem;height:1.5rem;}`};function R(l,r){const k=J(r);q(r,!0),D(l,Q);let i=u(r,"label",7),o=u(r,"href",7),d=g(!1),m=g(!1);var y={get label(){return i()},set label(e){i(e),_()},get href(){return o()},set href(e){o(e),_()}},t=P(),n=s(t),h=s(n);{var S=e=>{var c=O(),j=s(c);K(j,r,"icon",{},null),a(c),f(e,c)};H(h,e=>{k.icon&&e(S)})}var v=I(h,2),z=s(v,!0);return a(v),a(n),a(t),w(t,()=>M({setExpanded:e=>b(d,e,!0)})),w(t,()=>N({setState:e=>b(m,e,!0)})),A(()=>{C(t,1,F(["mc-sidebar__shortcut-item",!p(m)&&p(d)?"mc-sidebar__shortcut-item--grid":"mc-sidebar__shortcut-item--stacked"]),"svelte-146rv3"),L(n,"href",o()),G(z,i())}),f(l,t),B(y)}customElements.define("m-sidebar-shortcut-item",E(R,{label:{},href:{}},["icon"],[],{mode:"open"}));
+}.mc-sidebar__shortcut-item.svelte-146rv3 {cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, 0.5rem);overflow:hidden;}.mc-sidebar__shortcut-item.svelte-146rv3:hover {background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, 0.2));}.mc-sidebar__shortcut-item.svelte-146rv3:nth-child(n+5) {display:none;}.mc-sidebar__shortcut-item--grid.svelte-146rv3 {justify-content:center;padding:0 0.125rem;height:3rem;width:3.9375rem;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item--grid.svelte-146rv3 .mc-sidebar__shortcut-link:where(.svelte-146rv3) {flex-direction:column;gap:0.125rem;}.mc-sidebar__shortcut-item--stacked.svelte-146rv3 {padding:0.125rem 0.25rem;width:12.5rem;height:2.5rem;}.mc-sidebar__shortcut-item--stacked.svelte-146rv3 .mc-sidebar__shortcut-label:where(.svelte-146rv3) {font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-body-m, 1rem);}.mc-sidebar__shortcut-item--stacked.svelte-146rv3 .mc-sidebar__shortcut-link:where(.svelte-146rv3) {gap:0.25rem;}.mc-sidebar__shortcut-link.svelte-146rv3: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-sidebar__shortcut-link.svelte-146rv3 {text-decoration:none;display:flex;align-items:center;justify-content:center;}.mc-sidebar__shortcut-label.svelte-146rv3 {font-size:var(--font-size-25, 0.625rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);color:var(--sidebar-color-shortcut-item-text-default, #404040);white-space:nowrap;overflow:hidden;}.mc-sidebar__shortcut-icon.svelte-146rv3 {fill:var(--sidebar-color-shortcut-item-text-default, #404040);width:1.5rem;height:1.5rem;}`};function R(l,r){const k=J(r);q(r,!0),D(l,Q);let i=u(r,"label",7),o=u(r,"href",7),d=b(!1),m=b(!1);var y={get label(){return i()},set label(e){i(e),p()},get href(){return o()},set href(e){o(e),p()}},t=P(),n=s(t),h=s(n);{var S=e=>{var c=O(),j=s(c);K(j,r,"icon",{},null),a(c),_(e,c)};H(h,e=>{k.icon&&e(S)})}var v=I(h,2),z=s(v,!0);return a(v),a(n),a(t),w(t,()=>M({setExpanded:e=>g(d,e,!0)})),w(t,()=>N({setState:e=>g(m,e,!0)})),A(()=>{B(t,1,C(["mc-sidebar__shortcut-item",!f(m)&&f(d)?"mc-sidebar__shortcut-item--grid":"mc-sidebar__shortcut-item--stacked"]),"svelte-146rv3"),L(n,"href",o()),F(z,i())}),_(l,t),G(y)}customElements.define("m-sidebar-shortcut-item",E(R,{label:{},href:{}},["icon"],[],{mode:"open"}));
 //# sourceMappingURL=SidebarShortcutItem.js.map

package/dist/components/sidebarshortcuts/SidebarShortcuts.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{o as M,c as N,e as O,a as P,p as U,B as Q,l as a,v as p,y as R,x as W,b as w,d as Y,i as j,j as i,r as o,q as v,t as F,s as Z,h as $,k as ee,C as n,u as B,f as q}from"../../custom-element.js";import{i as te}from"../../if.js";import{s as C}from"../../slot.js";import{c as K,s as g}from"../../attributes.js";import{b as k}from"../../this.js";import{V as re}from"../../Condition20.js";import{u as se}from"../../floating-item.svelte.js";import{g as V}from"../../sidebar-state.svelte.js";import"../../branches.js";import"../../media-query.js";var ae=q('<section><nav aria-label="shortcut items"><ul role="menu"><!></ul></nav></section>'),ie=q('<div class="mc-sidebar__shortcut-wrapper svelte-17ny4fr"><button class="mc-sidebar__shortcut-item mc-sidebar__trigger svelte-17ny4fr" aria-label="Sidebar shortcuts" aria-haspopup="menu"><!></button> <div tabindex="0" role="menu" class="mc-sidebar__floating-item mc-sidebar__floating-item--hidden svelte-17ny4fr"><div class="mc-sidebar__listbox svelte-17ny4fr"><ul class="mc-sidebar__shortcut-list mc-sidebar__shortcut-list--floating mc-sidebar__shortcut-list mc-sidebar__shortcut-list--stacked svelte-17ny4fr"><!></ul></div></div></div>');const oe={hash:"svelte-17ny4fr",code:`/**
+import{o as M,c as N,e as O,a as P,p as U,B as Q,i as a,v as p,y as R,x as W,b as w,d as Y,m as j,h as i,r as o,q as v,t as F,j as Z,n as $,s as ee,C as n,u as B,f as q}from"../../custom-element.js";import{i as te}from"../../if.js";import{s as C}from"../../slot.js";import{c as K,s as g}from"../../attributes.js";import{b as k}from"../../this.js";import{V as re}from"../../Condition20.js";import{u as se}from"../../floating-item.svelte.js";import{g as V}from"../../sidebar-state.svelte.js";import"../../branches.js";import"../../media-query.js";var ae=q('<section><nav aria-label="shortcut items"><ul role="menu"><!></ul></nav></section>'),ie=q('<div class="mc-sidebar__shortcut-wrapper svelte-17ny4fr"><button class="mc-sidebar__shortcut-item mc-sidebar__trigger svelte-17ny4fr" aria-label="Sidebar shortcuts" aria-haspopup="menu"><!></button> <div tabindex="0" role="menu" class="mc-sidebar__floating-item mc-sidebar__floating-item--hidden svelte-17ny4fr"><div class="mc-sidebar__listbox svelte-17ny4fr"><ul class="mc-sidebar__shortcut-list mc-sidebar__shortcut-list--floating mc-sidebar__shortcut-list mc-sidebar__shortcut-list--stacked svelte-17ny4fr"><!></ul></div></div></div>');const oe={hash:"svelte-17ny4fr",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 @media screen and (min-width: 680px) {
@@ -14,5 +14,5 @@ import{o as M,c as N,e as O,a as P,p as U,B as Q,l as a,v as p,y as R,x as W,b a
 @media screen and (min-width: 680px) {
 }
 @media screen and (min-width: 680px) {
-}.mc-sidebar__listbox.svelte-17ny4fr {min-width:18.75rem;border-radius:var(--border-radius-m, 0.5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:0.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}.mc-sidebar__shortcut-wrapper.svelte-17ny4fr {width:100%;display:grid;justify-content:center;position:relative;}.mc-sidebar__shortcut-list.svelte-17ny4fr {display:flex;margin:0;}.mc-sidebar__shortcut-list--grid.svelte-17ny4fr {padding:0;gap:0.5rem;align-items:center;}.mc-sidebar__shortcut-list--stacked.svelte-17ny4fr {gap:0.25rem;flex-direction:column;padding:0;}.mc-sidebar__shortcut-list--stacked.svelte-17ny4fr:not(.mc-sidebar__shortcut-list--floating) {padding:0 0 0.5rem 1rem;margin-bottom:0.5rem;border-bottom:1px solid var(--divider-color-primary, #cccccc);}.mc-sidebar__shortcut-item.svelte-17ny4fr {cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, 0.5rem);overflow:hidden;}.mc-sidebar__shortcut-item.svelte-17ny4fr:hover {background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, 0.2));}.mc-sidebar__shortcut-item.svelte-17ny4fr:nth-child(n+5) {display:none;}.mc-sidebar__shortcut-item.svelte-17ny4fr:is(.mc-sidebar__trigger:where(.svelte-17ny4fr)) {width:3rem;height:3rem;justify-content:center;border:none;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item.svelte-17ny4fr:is(.mc-sidebar__trigger:where(.svelte-17ny4fr)):hover {background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}`};function de(I,l){O(l,!0),P(I,oe);let c=U(l,"id",23,()=>crypto.randomUUID()),m=U(l,"stacked",7),y=p(null);Q(()=>{(a(h)?a(y):a(f))?.dispatchEvent(new CustomEvent("update:stacked",{detail:m(),bubbles:!0,composed:!0}))});let f=p(null),x=p(null);const{floatingItemIsDisplayed:G,hideFloatingItem:_,showFloatingItem:S,onTriggerKeydown:L,onListboxKeydown:T}=se(()=>a(f),()=>a(x));let h=p(!1);var X={get id(){return c()},set id(t=crypto.randomUUID()){c(t),j()},get stacked(){return m()},set stacked(t){m(t),j()}},E=R(),z=W(E);{var A=t=>{var r=ae(),e=i(r),u=i(e),s=i(u);C(s,l,"default",{},null),o(u),o(e),o(r),K(r,()=>V({setExpanded:d=>v(h,d,!0)})),k(r,d=>v(y,d),()=>a(y)),F(()=>Z(u,1,$({"mc-sidebar__shortcut-list":!0,"mc-sidebar__shortcut-list--stacked":m(),"mc-sidebar__shortcut-list--grid":!m()}),"svelte-17ny4fr")),w(t,r)},H=t=>{var r=ie(),e=i(r),u=i(e);re(u,{}),o(e),k(e,b=>v(f,b),()=>a(f));var s=ee(e,2),d=i(s),D=i(d),J=i(D);C(J,l,"default",{},null),o(D),o(d),o(s),k(s,b=>v(x,b),()=>a(x)),o(r),K(r,()=>V({setExpanded:b=>v(h,b,!0)})),F(()=>{g(e,"id",`trigger-${c()}`),g(e,"aria-expanded",G),g(e,"aria-controls",`listbox-${c()}`),g(s,"id",`listbox-${c()}`)}),n("mouseenter",e,S),n("focus",e,S),B("keydown",e,L),n("mouseleave",e,_),n("blur",e,_),B("keydown",s,T),n("mouseleave",s,_),n("blur",s,_),w(t,r)};te(z,t=>{a(h)?t(A):t(H,!1)})}return w(I,E),Y(X)}M(["keydown"]);customElements.define("m-sidebar-shortcuts",N(de,{stacked:{attribute:"stacked",reflect:!0,type:"Boolean"},id:{}},["default"],[],{mode:"open"}));
+}.mc-sidebar__listbox.svelte-17ny4fr {min-width:18.75rem;border-radius:var(--border-radius-m, 0.5rem);background-color:var(--listbox-color-background, #ffffff);padding:1rem;display:flex;flex-direction:column;gap:0.25rem;box-shadow:var(--shadow-bottom-s-x, 0px) var(--shadow-bottom-s-y, 5px) var(--shadow-bottom-s-blur, 10px) var(--shadow-bottom-s-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-s-opacity, 20%));}.mc-sidebar__shortcut-wrapper.svelte-17ny4fr {width:100%;display:grid;justify-content:center;position:relative;}.mc-sidebar__shortcut-list.svelte-17ny4fr {display:flex;margin:0;}.mc-sidebar__shortcut-list--grid.svelte-17ny4fr {padding:0;gap:0.5rem;align-items:center;}.mc-sidebar__shortcut-list--stacked.svelte-17ny4fr {gap:0.25rem;flex-direction:column;padding:0;}.mc-sidebar__shortcut-list--stacked.svelte-17ny4fr:not(.mc-sidebar__shortcut-list--floating) {padding:0 0 0.5rem 1rem;margin-bottom:0.5rem;border-bottom:1px solid var(--divider-color-primary, #cccccc);}.mc-sidebar__shortcut-item.svelte-17ny4fr {cursor:pointer;display:flex;align-items:center;list-style:none;border-radius:var(--border-radius-m, 0.5rem);overflow:hidden;}.mc-sidebar__shortcut-item.svelte-17ny4fr:hover {background-color:var(--sidebar-color-shortcut-item-background-hover, rgba(70, 78, 99, 0.2));}.mc-sidebar__shortcut-item.svelte-17ny4fr:nth-child(n+5) {display:none;}.mc-sidebar__shortcut-item.svelte-17ny4fr:is(.mc-sidebar__trigger:where(.svelte-17ny4fr)) {width:3rem;height:3rem;justify-content:center;border:none;background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}.mc-sidebar__shortcut-item.svelte-17ny4fr:is(.mc-sidebar__trigger:where(.svelte-17ny4fr)):hover {background-color:var(--sidebar-color-shortcut-item-background-default, rgba(70, 78, 99, 0.1));}`};function de(I,l){O(l,!0),P(I,oe);let c=U(l,"id",23,()=>crypto.randomUUID()),m=U(l,"stacked",7),y=p(null);Q(()=>{(a(h)?a(y):a(_))?.dispatchEvent(new CustomEvent("update:stacked",{detail:m(),bubbles:!0,composed:!0}))});let _=p(null),x=p(null);const{floatingItemIsDisplayed:G,hideFloatingItem:f,showFloatingItem:S,onTriggerKeydown:L,onListboxKeydown:T}=se(()=>a(_),()=>a(x));let h=p(!1);var X={get id(){return c()},set id(t=crypto.randomUUID()){c(t),j()},get stacked(){return m()},set stacked(t){m(t),j()}},E=R(),z=W(E);{var A=t=>{var r=ae(),e=i(r),u=i(e),s=i(u);C(s,l,"default",{},null),o(u),o(e),o(r),K(r,()=>V({setExpanded:d=>v(h,d,!0)})),k(r,d=>v(y,d),()=>a(y)),F(()=>Z(u,1,$({"mc-sidebar__shortcut-list":!0,"mc-sidebar__shortcut-list--stacked":m(),"mc-sidebar__shortcut-list--grid":!m()}),"svelte-17ny4fr")),w(t,r)},H=t=>{var r=ie(),e=i(r),u=i(e);re(u,{}),o(e),k(e,b=>v(_,b),()=>a(_));var s=ee(e,2),d=i(s),D=i(d),J=i(D);C(J,l,"default",{},null),o(D),o(d),o(s),k(s,b=>v(x,b),()=>a(x)),o(r),K(r,()=>V({setExpanded:b=>v(h,b,!0)})),F(()=>{g(e,"id",`trigger-${c()}`),g(e,"aria-expanded",G),g(e,"aria-controls",`listbox-${c()}`),g(s,"id",`listbox-${c()}`)}),n("mouseenter",e,S),n("focus",e,S),B("keydown",e,L),n("mouseleave",e,f),n("blur",e,f),B("keydown",s,T),n("mouseleave",s,f),n("blur",s,f),w(t,r)};te(z,t=>{a(h)?t(A):t(H,-1)})}return w(I,E),Y(X)}M(["keydown"]);customElements.define("m-sidebar-shortcuts",N(de,{stacked:{attribute:"stacked",reflect:!0,type:"Boolean"},id:{}},["default"],[],{mode:"open"}));
 //# sourceMappingURL=SidebarShortcuts.js.map

package/dist/components/starrating/StarRating.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{c as W,e as X,a as Y,p as s,y as Z,x as R,l as t,k as $,b as y,t as ee,d as te,w as v,f as B,i,q as j,v as ae,r as A,j as C,m as re}from"../../custom-element.js";import{i as ne}from"../../if.js";import{e as se}from"../../each.js";import{c as ie}from"../../svelte-component.js";import{e as oe}from"../../svelte-element.js";import{a as V}from"../../attributes.js";import{c as le}from"../../custom-element-forward-events.js";import{S as ce,k as ve,l as me}from"../../Condition20.js";import"../../branches.js";var fe=B("<span><!></span>"),ge=B('<span class="mc-star-rating__info svelte-17npafv"> </span>'),pe=B("<div></div> <!>",1);const de={hash:"svelte-17npafv",code:`/**
+import{c as W,e as X,a as Y,p as s,y as Z,x as R,i as t,s as $,b as y,t as ee,k as te,d as ae,w as v,f as B,h as C,m as i,q as D,v as re,r as A}from"../../custom-element.js";import{i as ne}from"../../if.js";import{e as se}from"../../each.js";import{c as ie}from"../../svelte-component.js";import{e as oe}from"../../svelte-element.js";import{a as V}from"../../attributes.js";import{c as le}from"../../custom-element-forward-events.js";import{S as ce,k as ve,l as me}from"../../Condition20.js";import"../../branches.js";var fe=B("<span><!></span>"),ge=B('<span class="mc-star-rating__info svelte-17npafv"> </span>'),pe=B("<div></div> <!>",1);const de={hash:"svelte-17npafv",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-star-rating.svelte-17npafv {display:inline-flex;align-items:center;gap:0.5rem;}.mc-star-rating--standard.svelte-17npafv .mc-star-rating__icon:where(.svelte-17npafv) {fill:var(--star-rating-color-icon-standard, #000000);}.mc-star-rating--accent.svelte-17npafv .mc-star-rating__icon:where(.svelte-17npafv) {fill:var(--star-rating-color-icon-accent, #ea7315);}.mc-star-rating--slider.svelte-17npafv {cursor:pointer;}.mc-star-rating--link.svelte-17npafv {text-decoration:none;cursor:pointer;}.mc-star-rating--link.svelte-17npafv:not(:hover) .mc-star-rating__info:where(.svelte-17npafv) {text-decoration:underline;}.mc-star-rating--s.svelte-17npafv .mc-star-rating__icon:where(.svelte-17npafv) {width:1.25rem;height:1.25rem;}.mc-star-rating--s.svelte-17npafv .mc-star-rating__info:where(.svelte-17npafv) {font-size:var(--font-size-100, 0.875rem);}.mc-star-rating--m.svelte-17npafv .mc-star-rating__icon:where(.svelte-17npafv) {width:1.5rem;height:1.5rem;}.mc-star-rating--m.svelte-17npafv .mc-star-rating__info:where(.svelte-17npafv) {font-size:var(--font-size-150, 1rem);}.mc-star-rating--l.svelte-17npafv .mc-star-rating__icon:where(.svelte-17npafv) {width:2rem;height:2rem;}.mc-star-rating--l.svelte-17npafv .mc-star-rating__info:where(.svelte-17npafv) {font-size:var(--font-size-200, 1.125rem);}.mc-star-rating__wrapper.svelte-17npafv {display:flex;align-items:center;}.mc-star-rating__info.svelte-17npafv {font-weight:var(--font-weight-medium, 600);line-height:var(--line-height-s, 1.3);color:var(--star-rating-color-text, #000000);}.mc-star-rating__icon.svelte-17npafv svg {height:100%;width:100%;}`};function ue(E,a){X(a,!0),Y(E,de);let o=s(a,"rating",15),x=s(a,"readonly",7),p=s(a,"size",7,"m"),m=s(a,"compact",7),d=s(a,"appearance",7,"standard"),f=s(a,"text",7),r=s(a,"href",7),k=s(a,"target",7),b=ae(null);const D=v(()=>r()?"a":"div"),g=v(()=>[x(),m(),r(),f()].some(Boolean)),F=v(()=>({"mc-star-rating":!0,"mc-star-rating--link":r(),"mc-star-rating--slider":!t(g),[`mc-star-rating--${p()}`]:p(),[`mc-star-rating--${d()}`]:d()})),z=v(()=>t(b)??o()),u=v(()=>m()?1:5);function q(e){return m()||t(z)>=e+1?ce:t(g)&&t(z)>=e+.5?ve:me}function K(e){j(b,e+1)}function H(){j(b,null)}function L(e){o(e+1)}function N(e){const h=e.key;let n=Math.floor(o());if(h==="ArrowRight")n=Math.min(t(u),n+1);else if(h==="ArrowLeft")n=Math.max(1,n-1);else return;o(n),e.preventDefault()}const O=v(()=>t(g)?{tabindex:-1}:{onkeydown:N,onmouseleave:H,onblur:H,tabindex:0,"aria-valuemin":0,"aria-valuemax":t(u),"aria-valuenow":o(),"aria-readonly":!1});var T={get rating(){return o()},set rating(e){o(e),i()},get readonly(){return x()},set readonly(e){x(e),i()},get size(){return p()},set size(e="m"){p(e),i()},get compact(){return m()},set compact(e){m(e),i()},get appearance(){return d()},set appearance(e="standard"){d(e),i()},get text(){return f()},set text(e){f(e),i()},get href(){return r()},set href(e){r(e),i()},get target(){return k()},set target(e){k(e),i()}},M=Z(),G=R(M);return oe(G,()=>t(D),!1,(e,h)=>{V(e,()=>({href:r(),target:k(),class:t(F)}),void 0,void 0,void 0,"svelte-17npafv");var n=pe(),_=R(n);V(_,()=>({class:"mc-star-rating__wrapper",role:t(g)?"img":"slider","aria-label":`Note ${t(z)} sur ${t(u)}`,...t(O)}),void 0,void 0,void 0,"svelte-17npafv"),se(_,20,()=>Array.from({length:t(u)}).keys(),l=>l,(l,c)=>{const S=v(()=>q(c));var w=fe();V(w,()=>({class:"mc-star-rating__icon",...t(g)?{}:{onmousemove:()=>K(c),onclick:()=>L(c)}}),void 0,void 0,void 0,"svelte-17npafv");var P=C(w);ie(P,()=>t(S),(Q,U)=>{U(Q,{})}),A(w),y(l,w)}),A(_);var I=$(_,2);{var J=l=>{var c=ge(),S=C(c,!0);A(c),ee(()=>re(S,f()||r())),y(l,c)};ne(I,l=>{(f()||r())&&l(J)})}y(h,n)}),y(E,M),te(T)}customElements.define("m-star-rating",W(ue,{readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},compact:{attribute:"compact",reflect:!0,type:"Boolean"},rating:{},size:{},appearance:{},text:{},href:{},target:{}},[],[],{mode:"open"},le));
+ */.mc-star-rating.svelte-17npafv {display:inline-flex;align-items:center;gap:0.5rem;}.mc-star-rating--standard.svelte-17npafv .mc-star-rating__icon:where(.svelte-17npafv) {fill:var(--star-rating-color-icon-standard, #000000);}.mc-star-rating--accent.svelte-17npafv .mc-star-rating__icon:where(.svelte-17npafv) {fill:var(--star-rating-color-icon-accent, #ea7315);}.mc-star-rating--slider.svelte-17npafv {cursor:pointer;}.mc-star-rating--link.svelte-17npafv {text-decoration:none;cursor:pointer;}.mc-star-rating--link.svelte-17npafv:not(:hover) .mc-star-rating__info:where(.svelte-17npafv) {text-decoration:underline;}.mc-star-rating--s.svelte-17npafv .mc-star-rating__icon:where(.svelte-17npafv) {width:1.25rem;height:1.25rem;}.mc-star-rating--s.svelte-17npafv .mc-star-rating__info:where(.svelte-17npafv) {font-size:var(--font-size-100, 0.875rem);}.mc-star-rating--m.svelte-17npafv .mc-star-rating__icon:where(.svelte-17npafv) {width:1.5rem;height:1.5rem;}.mc-star-rating--m.svelte-17npafv .mc-star-rating__info:where(.svelte-17npafv) {font-size:var(--font-size-150, 1rem);}.mc-star-rating--l.svelte-17npafv .mc-star-rating__icon:where(.svelte-17npafv) {width:2rem;height:2rem;}.mc-star-rating--l.svelte-17npafv .mc-star-rating__info:where(.svelte-17npafv) {font-size:var(--font-size-200, 1.125rem);}.mc-star-rating__wrapper.svelte-17npafv {display:flex;align-items:center;}.mc-star-rating__info.svelte-17npafv {font-weight:var(--font-weight-medium, 600);line-height:var(--line-height-s, 1.3);color:var(--star-rating-color-text, #000000);}.mc-star-rating__icon.svelte-17npafv svg {height:100%;width:100%;}`};function ue(E,a){X(a,!0),Y(E,de);let o=s(a,"rating",15),x=s(a,"readonly",7),p=s(a,"size",7,"m"),m=s(a,"compact",7),d=s(a,"appearance",7,"standard"),f=s(a,"text",7),r=s(a,"href",7),k=s(a,"target",7),b=re(null);const F=v(()=>r()?"a":"div"),g=v(()=>[x(),m(),r(),f()].some(Boolean)),j=v(()=>({"mc-star-rating":!0,"mc-star-rating--link":r(),"mc-star-rating--slider":!t(g),[`mc-star-rating--${p()}`]:p(),[`mc-star-rating--${d()}`]:d()})),z=v(()=>t(b)??o()),u=v(()=>m()?1:5);function q(e){return m()||t(z)>=e+1?ce:t(g)&&t(z)>=e+.5?ve:me}function K(e){D(b,e+1)}function H(){D(b,null)}function L(e){o(e+1)}function N(e){const h=e.key;let n=Math.floor(o());if(h==="ArrowRight")n=Math.min(t(u),n+1);else if(h==="ArrowLeft")n=Math.max(1,n-1);else return;o(n),e.preventDefault()}const O=v(()=>t(g)?{tabindex:-1}:{onkeydown:N,onmouseleave:H,onblur:H,tabindex:0,"aria-valuemin":0,"aria-valuemax":t(u),"aria-valuenow":o(),"aria-readonly":!1});var T={get rating(){return o()},set rating(e){o(e),i()},get readonly(){return x()},set readonly(e){x(e),i()},get size(){return p()},set size(e="m"){p(e),i()},get compact(){return m()},set compact(e){m(e),i()},get appearance(){return d()},set appearance(e="standard"){d(e),i()},get text(){return f()},set text(e){f(e),i()},get href(){return r()},set href(e){r(e),i()},get target(){return k()},set target(e){k(e),i()}},M=Z(),G=R(M);return oe(G,()=>t(F),!1,(e,h)=>{V(e,()=>({href:r(),target:k(),class:t(j)}),void 0,void 0,void 0,"svelte-17npafv");var n=pe(),_=R(n);V(_,()=>({class:"mc-star-rating__wrapper",role:t(g)?"img":"slider","aria-label":`Note ${t(z)} sur ${t(u)}`,...t(O)}),void 0,void 0,void 0,"svelte-17npafv"),se(_,20,()=>Array.from({length:t(u)}).keys(),l=>l,(l,c)=>{const S=v(()=>q(c));var w=fe();V(w,()=>({class:"mc-star-rating__icon",...t(g)?{}:{onmousemove:()=>K(c),onclick:()=>L(c)}}),void 0,void 0,void 0,"svelte-17npafv");var P=C(w);ie(P,()=>t(S),(Q,U)=>{U(Q,{})}),A(w),y(l,w)}),A(_);var I=$(_,2);{var J=l=>{var c=ge(),S=C(c,!0);A(c),ee(()=>te(S,f()||r())),y(l,c)};ne(I,l=>{(f()||r())&&l(J)})}y(h,n)}),y(E,M),ae(T)}customElements.define("m-star-rating",W(ue,{readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},compact:{attribute:"compact",reflect:!0,type:"Boolean"},rating:{},size:{},appearance:{},text:{},href:{},target:{}},[],[],{mode:"open"},le));
 //# sourceMappingURL=StarRating.js.map

package/dist/components/statusbadge/StatusBadge.js CHANGED Viewed

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

package/dist/components/statusdot/StatusDot.js CHANGED Viewed

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

package/dist/components/statusmessage/StatusMessage.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{c as z,e as S,a as $,p as g,k as L,t as M,b as v,d as D,f as d,n as E,j as n,i as f,l as I,r,m as W,w as q}from"../../custom-element.js";import{i as A}from"../../if.js";import{c as B}from"../../svelte-component.js";import{a as G}from"../../attributes.js";import{h as p,i as H,j as J,e as K}from"../../Condition20.js";import{L as N}from"../loader/Loader.js";import"../../branches.js";var O=d('<span class="mc-status-message__icon svelte-o2wjin"><!></span>'),P=d('<div><!> <p class="mc-status-message__description svelte-o2wjin"> </p></div>');const Q={hash:"svelte-o2wjin",code:`/**
+import{c as z,e as S,a as $,p as g,s as L,t as M,k as D,b as v,d as E,f as d,l as I,h as i,m as f,i as W,r as n,w as q}from"../../custom-element.js";import{i as A}from"../../if.js";import{c as B}from"../../svelte-component.js";import{a as G}from"../../attributes.js";import{h as p,i as H,j as J,e as K}from"../../Condition20.js";import{L as N}from"../loader/Loader.js";import"../../branches.js";var O=d('<span class="mc-status-message__icon svelte-o2wjin"><!></span>'),P=d('<div><!> <p class="mc-status-message__description svelte-o2wjin"> </p></div>');const Q={hash:"svelte-o2wjin",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-status-message.svelte-o2wjin .mc-status-message__icon:where(.svelte-o2wjin) {fill:var(--status-message-color-icon-info, #0b96cc);}.mc-status-message.svelte-o2wjin {display:inline-flex;gap:0.25rem;align-items:center;}.mc-status-message__icon.svelte-o2wjin {width:1.5rem;height:1.5rem;}.mc-status-message__description.svelte-o2wjin {margin:0;font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--status-message-color-text, #404040);}.mc-status-message--success.svelte-o2wjin .mc-status-message__icon:where(.svelte-o2wjin) {fill:var(--status-message-color-icon-success, #3f9e10);}.mc-status-message--error.svelte-o2wjin .mc-status-message__icon:where(.svelte-o2wjin) {fill:var(--status-message-color-icon-error, #ea302d);}.mc-status-message--warning.svelte-o2wjin .mc-status-message__icon:where(.svelte-o2wjin) {fill:var(--status-message-color-icon-warning, #ea7315);}.mc-status-message--neutral.svelte-o2wjin .mc-status-message__icon:where(.svelte-o2wjin) {fill:var(--status-message-color-icon-neutral, #808080);}`};function R(l,a){S(a,!0),$(l,Q);let i=g(a,"label",7),e=g(a,"status",7,"info"),w=E(a,["$$slots","$$events","$$legacy","$$host","label","status"]);const c=[{status:"info",component:p},{status:"success",component:H},{status:"warning",component:J},{status:"error",component:K},{status:"neutral",component:p}];function _(s){return c.find(t=>t.status===s)||c[0]}const h=q(()=>_(e()));var j={get label(){return i()},set label(s){i(s),f()},get status(){return e()},set status(s="info"){e(s),f()}},o=P();G(o,()=>({class:["mc-status-message",`mc-status-message--${e()}`],...w}),void 0,void 0,void 0,"svelte-o2wjin");var m=n(o);{var b=s=>{var t=O(),y=n(t);B(y,()=>I(h).component,(F,k)=>{k(F,{})}),r(t),v(s,t)},C=s=>{N(s,{size:"s"})};A(m,s=>{e()!=="inprogress"?s(b):s(C,!1)})}var u=L(m,2),x=n(u,!0);return r(u),r(o),M(()=>W(x,i())),v(l,o),D(j)}customElements.define("m-status-message",z(R,{label:{},status:{}},[],[],{mode:"open"}));
+ */.mc-status-message.svelte-o2wjin .mc-status-message__icon:where(.svelte-o2wjin) {fill:var(--status-message-color-icon-info, #0b96cc);color:var(--status-message-color-icon-info, #0b96cc);}.mc-status-message.svelte-o2wjin {display:inline-flex;gap:0.25rem;align-items:center;}.mc-status-message__icon.svelte-o2wjin {width:1.5rem;height:1.5rem;}.mc-status-message__description.svelte-o2wjin {margin:0;font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--status-message-color-text, #404040);}.mc-status-message--success.svelte-o2wjin .mc-status-message__icon:where(.svelte-o2wjin) {fill:var(--status-message-color-icon-success, #3f9e10);color:var(--status-message-color-icon-success, #3f9e10);}.mc-status-message--error.svelte-o2wjin .mc-status-message__icon:where(.svelte-o2wjin) {fill:var(--status-message-color-icon-error, #ea302d);color:var(--status-message-color-icon-error, #ea302d);}.mc-status-message--warning.svelte-o2wjin .mc-status-message__icon:where(.svelte-o2wjin) {fill:var(--status-message-color-icon-warning, #ea7315);color:var(--status-message-color-icon-warning, #ea7315);}.mc-status-message--neutral.svelte-o2wjin .mc-status-message__icon:where(.svelte-o2wjin) {fill:var(--status-message-color-icon-neutral, #808080);color:var(--status-message-color-icon-neutral, #808080);}`};function R(c,a){S(a,!0),$(c,Q);let r=g(a,"label",7),e=g(a,"status",7,"info"),w=I(a,["$$slots","$$events","$$legacy","$$host","label","status"]);const l=[{status:"info",component:p},{status:"success",component:H},{status:"warning",component:J},{status:"error",component:K},{status:"neutral",component:p}];function _(s){return l.find(t=>t.status===s)||l[0]}const h=q(()=>_(e()));var j={get label(){return r()},set label(s){r(s),f()},get status(){return e()},set status(s="info"){e(s),f()}},o=P();G(o,()=>({class:["mc-status-message",`mc-status-message--${e()}`],...w}),void 0,void 0,void 0,"svelte-o2wjin");var m=i(o);{var b=s=>{var t=O(),y=i(t);B(y,()=>W(h).component,(F,k)=>{k(F,{})}),n(t),v(s,t)},C=s=>{N(s,{size:"s"})};A(m,s=>{e()!=="inprogress"?s(b):s(C,-1)})}var u=L(m,2),x=i(u,!0);return n(u),n(o),M(()=>D(x,r())),v(c,o),E(j)}customElements.define("m-status-message",z(R,{label:{},status:{}},[],[],{mode:"open"}));
 //# sourceMappingURL=StatusMessage.js.map

package/dist/components/statusmessage/StatusMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusMessage.js","sources":["../../../src/components/statusmessage/StatusMessage.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-status-message' }} />\n\n<script lang=\"ts\">\n import {\n InfoCircleFilled24,\n WarningCircleFilled24,\n CrossCircleFilled24,\n CheckCircleFilled24,\n } from '@mozaic-ds/icons-svelte';\n import Loader from '../loader/Loader.svelte';\n /*\n A Status Message is a compact component that combines an icon and concise text to communicate system states or user feedback in limited interface space. The icon and message work together as a unified structure to provide clear, immediate understanding of the current status. Status Messages are designed for contexts where space is constrained but clear communication is essential, offering quick recognition through color-coded icons paired with brief, actionable text.\n /\n interface Props {\n [key: string]: any;\n /\n Allows to define the status message style.\n /\n status?: 'info' \| 'success' \| 'warning' \| 'error' \| 'neutral' \| 'inprogress';\n /\n Label of the status message.\n */\n label: string;\n }\n\n let { label, status = 'info', ...attrs }: Props = $props();\n\n const iconMap = [\n { status: 'info', component: InfoCircleFilled24 },\n { status: 'success', component: CheckCircleFilled24 },\n { status: 'warning', component: WarningCircleFilled24 },\n { status: 'error', component: CrossCircleFilled24 },\n { status: 'neutral', component: InfoCircleFilled24 },\n ];\n\n function getSelected(status: string) {\n return iconMap.find((icon) => icon.status === status) \|\| iconMap[0];\n }\n\n const selected = $derived(getSelected(status));\n</script>\n\n<div class={['mc-status-message', `mc-status-message--${status}`]} {...attrs}>\n {#if status !== 'inprogress'}\n <span class=\"mc-status-message__icon\">\n <selected.component />\n </span>\n {:else}\n <Loader size=\"s\" />\n {/if}\n <p class=\"mc-status-message__description\">{label}</p>\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/status-message';\n</style>\n"],"names":["label","$.prop","$$props","status","attrs","$.rest_props","iconMap","InfoCircleFilled24","CheckCircleFilled24","WarningCircleFilled24","CrossCircleFilled24","getSelected","icon","selected","$.derived","div","root","span","root_1","selected_component","$$anchor","Loader","$$render","consequent","alternate","p","$.sibling","node"],"mappings":";;~~6lCAEA~~,oBAuBQA,EAAKC,EAAAC,EAAA,QAAA,CAAA,EAAEC,iBAAS,MAAM,EAAKC,EAAKC,EAAAH,EAAA,mEAEhCI,EAAO,CACT,CAAA,OAAQ,OAAQ,UAAWC,CAAkB,EAC7C,CAAA,OAAQ,UAAW,UAAWC,CAAmB,EACjD,CAAA,OAAQ,UAAW,UAAWC,CAAqB,EACnD,CAAA,OAAQ,QAAS,UAAWC,CAAmB,EAC/C,CAAA,OAAQ,UAAW,UAAWH,CAAkB,YAG3CI,EAAYR,EAAgB,CAC5B,OAAAG,EAAQ,KAAMM,GAASA,EAAK,SAAWT,CAAM,GAAKG,EAAQ,CAAC,CACpE,OAEMO,EAAQC,EAAA,IAAYH,EAAYR,EAAM,CAAA,CAAA,8FAdtB,OAAM,YAiB7BY,EAAGC,EAAA,IAAHD,QAAY,MAAA,CAAA,0CAA2CZ,EAAM,CAAA,EAAA,KAASC,kDAAtEW,CAAG,iBAECE,EAAIC,EAAA,MAAJD,CAAI,iCACFE,EAAkBC,EAAA,EAAA,MADpBH,CAAI,MAAJA,CAAI,SAIJI,EAAMD,EAAA,CAAA,KAAA,GAAA,CAAA,WALJjB,EAAM,IAAK,aAAYmB,EAAAC,CAAA,EAAAD,EAAAE,EAAA,EAAA,QAO3BC,EAACC,EAAAC,EAAA,CAAA,MAADF,EAAC,EAAA,WAADA,CAAC,IARHV,CAAG,YAQyCf,EAAK,CAAA,CAAA,MARjDe,CAAG,MAFI"}
1	+ {"version":3,"file":"StatusMessage.js","sources":["../../../src/components/statusmessage/StatusMessage.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-status-message' }} />\n\n<script lang=\"ts\">\n import {\n InfoCircleFilled24,\n WarningCircleFilled24,\n CrossCircleFilled24,\n CheckCircleFilled24,\n } from '@mozaic-ds/icons-svelte';\n import Loader from '../loader/Loader.svelte';\n /*\n A Status Message is a compact component that combines an icon and concise text to communicate system states or user feedback in limited interface space. The icon and message work together as a unified structure to provide clear, immediate understanding of the current status. Status Messages are designed for contexts where space is constrained but clear communication is essential, offering quick recognition through color-coded icons paired with brief, actionable text.\n /\n interface Props {\n [key: string]: any;\n /\n Allows to define the status message style.\n /\n status?: 'info' \| 'success' \| 'warning' \| 'error' \| 'neutral' \| 'inprogress';\n /\n Label of the status message.\n */\n label: string;\n }\n\n let { label, status = 'info', ...attrs }: Props = $props();\n\n const iconMap = [\n { status: 'info', component: InfoCircleFilled24 },\n { status: 'success', component: CheckCircleFilled24 },\n { status: 'warning', component: WarningCircleFilled24 },\n { status: 'error', component: CrossCircleFilled24 },\n { status: 'neutral', component: InfoCircleFilled24 },\n ];\n\n function getSelected(status: string) {\n return iconMap.find((icon) => icon.status === status) \|\| iconMap[0];\n }\n\n const selected = $derived(getSelected(status));\n</script>\n\n<div class={['mc-status-message', `mc-status-message--${status}`]} {...attrs}>\n {#if status !== 'inprogress'}\n <span class=\"mc-status-message__icon\">\n <selected.component />\n </span>\n {:else}\n <Loader size=\"s\" />\n {/if}\n <p class=\"mc-status-message__description\">{label}</p>\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/status-message';\n</style>\n"],"names":["label","$.prop","$$props","status","attrs","$.rest_props","iconMap","InfoCircleFilled24","CheckCircleFilled24","WarningCircleFilled24","CrossCircleFilled24","getSelected","icon","selected","$.derived","div","root","span","root_1","selected_component","$$anchor","Loader","$$render","consequent","alternate","p","$.sibling","node"],"mappings":";;g3CAEA,oBAuBQA,EAAKC,EAAAC,EAAA,QAAA,CAAA,EAAEC,iBAAS,MAAM,EAAKC,EAAKC,EAAAH,EAAA,mEAEhCI,EAAO,CACT,CAAA,OAAQ,OAAQ,UAAWC,CAAkB,EAC7C,CAAA,OAAQ,UAAW,UAAWC,CAAmB,EACjD,CAAA,OAAQ,UAAW,UAAWC,CAAqB,EACnD,CAAA,OAAQ,QAAS,UAAWC,CAAmB,EAC/C,CAAA,OAAQ,UAAW,UAAWH,CAAkB,YAG3CI,EAAYR,EAAgB,CAC5B,OAAAG,EAAQ,KAAMM,GAASA,EAAK,SAAWT,CAAM,GAAKG,EAAQ,CAAC,CACpE,OAEMO,EAAQC,EAAA,IAAYH,EAAYR,EAAM,CAAA,CAAA,8FAdtB,OAAM,YAiB7BY,EAAGC,EAAA,IAAHD,QAAY,MAAA,CAAA,0CAA2CZ,EAAM,CAAA,EAAA,KAASC,kDAAtEW,CAAG,iBAECE,EAAIC,EAAA,MAAJD,CAAI,iCACFE,EAAkBC,EAAA,EAAA,MADpBH,CAAI,MAAJA,CAAI,SAIJI,EAAMD,EAAA,CAAA,KAAA,GAAA,CAAA,WALJjB,EAAM,IAAK,aAAYmB,EAAAC,CAAA,EAAAD,EAAAE,EAAA,EAAA,QAO3BC,EAACC,EAAAC,EAAA,CAAA,MAADF,EAAC,EAAA,WAADA,CAAC,IARHV,CAAG,YAQyCf,EAAK,CAAA,CAAA,MARjDe,CAAG,MAFI"}

package/dist/components/statusmessage/StatusMessage.svelte CHANGED Viewed

@@ -56,6 +56,7 @@
  */
 .mc-status-message .mc-status-message__icon {
   fill: var(--status-message-color-icon-info, #0b96cc);
+  color: var(--status-message-color-icon-info, #0b96cc);
 }
 .mc-status-message {
   display: inline-flex;
@@ -75,13 +76,17 @@
 }
 .mc-status-message--success .mc-status-message__icon {
   fill: var(--status-message-color-icon-success, #3f9e10);
+  color: var(--status-message-color-icon-success, #3f9e10);
 }
 .mc-status-message--error .mc-status-message__icon {
   fill: var(--status-message-color-icon-error, #ea302d);
+  color: var(--status-message-color-icon-error, #ea302d);
 }
 .mc-status-message--warning .mc-status-message__icon {
   fill: var(--status-message-color-icon-warning, #ea7315);
+  color: var(--status-message-color-icon-warning, #ea7315);
 }
 .mc-status-message--neutral .mc-status-message__icon {
   fill: var(--status-message-color-icon-neutral, #808080);
+  color: var(--status-message-color-icon-neutral, #808080);
 }</style>

package/dist/components/statusnotification/StatusNotification.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{o as q,c as A,e as G,a as H,p as s,l as J,k as l,t as K,b as p,d as L,f as w,n as O,w as P,j as e,i as b,r as n,u as Q,m as _}from"../../custom-element.js";import{i as R}from"../../if.js";import{s as T}from"../../slot.js";import{c as U}from"../../svelte-component.js";import{a as V}from"../../attributes.js";import{b as X}from"../../this.js";import{I as Y,a as Z,W as $,b as oo,C as to}from"../../Condition20.js";import"../../branches.js";var ro=w('<button class="mc-status-notification-closable__close mc-button mc-button--s mc-button--icon-button mc-button--ghost svelte-18b6syz" aria-label="Close"><!></button>'),eo=w('<section><span class="mc-status-notification__icon svelte-18b6syz" aria-hidden="true"><!></span> <div class="mc-status-notification__content svelte-18b6syz"><h2 class="mc-status-notification__title svelte-18b6syz"> </h2> <p class="mc-status-notification__message svelte-18b6syz"> </p> <div class="mc-status-notification__footer svelte-18b6syz"><!></div></div> <!></section>');const no={hash:"svelte-18b6syz",code:`/**
+import{o as q,c as A,e as G,a as H,p as s,i as J,s as l,t as K,k as p,b as _,d as L,f as w,l as O,w as P,h as e,m as b,r as n,u as Q}from"../../custom-element.js";import{i as R}from"../../if.js";import{s as T}from"../../slot.js";import{c as U}from"../../svelte-component.js";import{a as V}from"../../attributes.js";import{b as X}from"../../this.js";import{I as Y,a as Z,W as $,b as oo,C as to}from"../../Condition20.js";import"../../branches.js";var ro=w('<button class="mc-status-notification-closable__close mc-button mc-button--s mc-button--icon-button mc-button--ghost svelte-18b6syz" aria-label="Close"><!></button>'),eo=w('<section><span class="mc-status-notification__icon svelte-18b6syz" aria-hidden="true"><!></span> <div class="mc-status-notification__content svelte-18b6syz"><h2 class="mc-status-notification__title svelte-18b6syz"> </h2> <p class="mc-status-notification__message svelte-18b6syz"> </p> <div class="mc-status-notification__footer svelte-18b6syz"><!></div></div> <!></section>');const no={hash:"svelte-18b6syz",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-button.svelte-18b6syz {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-18b6syz:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-18b6syz:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-18b6syz {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button.svelte-18b6syz {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-18b6syz {font-size:var(--font-size-150, 1rem);}.mc-button__icon.svelte-18b6syz {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-18b6syz: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-button--s.svelte-18b6syz {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, 0.25rem);}.mc-button--m.svelte-18b6syz {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button--l.svelte-18b6syz {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, 0.25rem);}.mc-button--icon-only.svelte-18b6syz {padding:0.25rem;}.mc-button--outlined.svelte-18b6syz {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.svelte-18b6syz:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-18b6syz:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.svelte-18b6syz {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.svelte-18b6syz:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-18b6syz:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--accent.svelte-18b6syz {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-18b6syz:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-18b6syz:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--danger.svelte-18b6syz {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-18b6syz:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-18b6syz:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--inverse.svelte-18b6syz {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff);}.mc-button--inverse.svelte-18b6syz:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-18b6syz:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--icon-button.svelte-18b6syz {border-radius:var(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-18b6syz {pointer-events:none;}.mc-button--outlined.mc-button--standard.svelte-18b6syz {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.mc-button--standard.svelte-18b6syz:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-18b6syz:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--accent.svelte-18b6syz {color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff);}.mc-button--outlined.mc-button--accent.svelte-18b6syz:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-18b6syz:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--danger.svelte-18b6syz {color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff);}.mc-button--outlined.mc-button--danger.svelte-18b6syz:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-18b6syz:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--inverse.svelte-18b6syz {color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--outlined.mc-button--inverse.svelte-18b6syz:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-18b6syz:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--standard.svelte-18b6syz {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--standard.svelte-18b6syz:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-18b6syz:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--accent.svelte-18b6syz {color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--accent.svelte-18b6syz:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-18b6syz:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--danger.svelte-18b6syz {color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--danger.svelte-18b6syz:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-18b6syz:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--inverse.svelte-18b6syz {color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--inverse.svelte-18b6syz:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-18b6syz:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-status-notification.svelte-18b6syz {border-radius:var(--border-radius-m, 0.5rem);background:var(--status-notification-color-background-info, #e1f3f9);box-shadow:inset 0 0 0 var(--border-width-s, 0.0625rem) var(--status-notification-color-border-info, #3facd7);display:flex;flex-flow:row wrap;align-items:flex-start;position:relative;box-sizing:border-box;color:var(--status-notification-color-text, #000000);}.mc-status-notification__icon.svelte-18b6syz {width:2rem;height:2rem;margin:0.75rem;fill:var(--status-notification-color-icon-info, #0b96cc);}.mc-status-notification__content.svelte-18b6syz {flex:1 1 0;padding:0.75rem 1rem 0.75rem 0;}.mc-status-notification__title.svelte-18b6syz, .mc-status-notification__message.svelte-18b6syz {line-height:var(--line-height-s, 1.3);margin-block:0;}.mc-status-notification__title.svelte-18b6syz {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-18b6syz {font-size:var(--font-size-100, 0.875rem);}.mc-status-notification__footer.svelte-18b6syz {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-18b6syz {background:var(--status-notification-color-background-info, #e1f3f9);box-shadow:inset 0 0 0 var(--border-width-s, 0.0625rem) var(--status-notification-color-border-info, #3facd7);}.mc-status-notification--information.svelte-18b6syz .mc-status-notification__icon:where(.svelte-18b6syz) {fill:var(--status-notification-color-icon-info, #0b96cc);}.mc-status-notification--success.svelte-18b6syz {background:var(--status-notification-color-background-success, #ebf5de);box-shadow:inset 0 0 0 var(--border-width-s, 0.0625rem) var(--status-notification-color-border-success, #78be20);}.mc-status-notification--success.svelte-18b6syz .mc-status-notification__icon:where(.svelte-18b6syz) {fill:var(--status-notification-color-icon-success, #3f9e10);}.mc-status-notification--warning.svelte-18b6syz {background:var(--status-notification-color-background-warning, #fdf1e8);box-shadow:inset 0 0 0 var(--border-width-s, 0.0625rem) var(--status-notification-color-border-warning, #ef934a);}.mc-status-notification--warning.svelte-18b6syz .mc-status-notification__icon:where(.svelte-18b6syz) {fill:var(--status-notification-color-icon-warning, #ea7315);}.mc-status-notification--error.svelte-18b6syz {background:var(--status-notification-color-background-error, #fdeaea);box-shadow:inset 0 0 0 var(--border-width-s, 0.0625rem) var(--status-notification-color-border-error, #ef5f5c);}.mc-status-notification--error.svelte-18b6syz .mc-status-notification__icon:where(.svelte-18b6syz) {fill:var(--status-notification-color-icon-error, #ea302d);}.mc-status-notification-closable__close.svelte-18b6syz {margin:0.25rem;}.mc-status-notification__footer.svelte-18b6syz:empty {display:none;}`};function ao(h,r){G(r,!0),H(h,no);let d=s(r,"title",7),i=s(r,"description",7),c=s(r,"status",7,"info"),u=s(r,"closable",7),x=O(r,["$$slots","$$events","$$legacy","$$host","title","description","status","closable"]),v;const y=[{status:"info",component:Y},{status:"success",component:Z},{status:"warning",component:$},{status:"error",component:oo}];function C(o){return y.find(t=>t.status===o)||y[0]}const F=P(()=>C(c())),E=()=>{const o=new CustomEvent("close",{bubbles:!0,composed:!0});v.dispatchEvent(o)};var N={get title(){return d()},set title(o){d(o),b()},get description(){return i()},set description(o){i(o),b()},get status(){return c()},set status(o="info"){c(o),b()},get closable(){return u()},set closable(o){u(o),b()}},a=eo();V(a,()=>({class:["mc-status-notification",`mc-status-notification--${c()}`],role:"status",...x}),void 0,void 0,void 0,"svelte-18b6syz");var f=e(a),S=e(f);U(S,()=>J(F).component,(o,t)=>{t(o,{className:"mc-status-notification__icon"})}),n(f);var g=l(f,2),m=e(g),j=e(m,!0);n(m);var k=l(m,2),I=e(k,!0);n(k);var z=l(k,2),W=e(z);T(W,r,"footer",{},null),n(z),n(g);var B=l(g,2);{var D=o=>{var t=ro(),M=e(t);to(M,{className:"mc-status-notification-closable__icon"}),n(t),Q("click",t,E),p(o,t)};R(B,o=>{u()&&o(D)})}return n(a),X(a,o=>v=o,()=>v),K(()=>{_(j,d()),_(I,i())}),p(h,a),L(N)}q(["click"]);customElements.define("m-status-notification",A(ao,{closable:{attribute:"closable",reflect:!0,type:"Boolean"},title:{},description:{},status:{}},["footer"],[],{mode:"open"}));
+ */.mc-button.svelte-18b6syz {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-18b6syz:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-18b6syz:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-18b6syz {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button.svelte-18b6syz {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-18b6syz {font-size:var(--font-size-150, 1rem);}.mc-button__icon.svelte-18b6syz {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-18b6syz: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-button--s.svelte-18b6syz {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, 0.25rem);}.mc-button--m.svelte-18b6syz {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button--l.svelte-18b6syz {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, 0.25rem);}.mc-button--icon-only.svelte-18b6syz {padding:0.25rem;}.mc-button--outlined.svelte-18b6syz {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.svelte-18b6syz:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-18b6syz:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.svelte-18b6syz {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.svelte-18b6syz:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-18b6syz:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--accent.svelte-18b6syz {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-18b6syz:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-18b6syz:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--danger.svelte-18b6syz {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-18b6syz:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-18b6syz:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--inverse.svelte-18b6syz {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff);}.mc-button--inverse.svelte-18b6syz:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-18b6syz:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--icon-button.svelte-18b6syz {border-radius:var(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-18b6syz {pointer-events:none;}.mc-button--outlined.mc-button--standard.svelte-18b6syz {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.mc-button--standard.svelte-18b6syz:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-18b6syz:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--accent.svelte-18b6syz {color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff);}.mc-button--outlined.mc-button--accent.svelte-18b6syz:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-18b6syz:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--danger.svelte-18b6syz {color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff);}.mc-button--outlined.mc-button--danger.svelte-18b6syz:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-18b6syz:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--inverse.svelte-18b6syz {color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--outlined.mc-button--inverse.svelte-18b6syz:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-18b6syz:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--standard.svelte-18b6syz {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--standard.svelte-18b6syz:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-18b6syz:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--accent.svelte-18b6syz {color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--accent.svelte-18b6syz:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-18b6syz:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--danger.svelte-18b6syz {color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--danger.svelte-18b6syz:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-18b6syz:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--inverse.svelte-18b6syz {color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--inverse.svelte-18b6syz:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-18b6syz:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-18b6syz:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-status-notification.svelte-18b6syz {border-radius:var(--border-radius-m, 0.5rem);background:var(--status-notification-color-background-info, #e1f3f9);box-shadow:inset 0 0 0 var(--border-width-s, 0.0625rem) var(--status-notification-color-border-info, #3facd7);display:flex;flex-flow:row wrap;align-items:flex-start;position:relative;box-sizing:border-box;color:var(--status-notification-color-text, #000000);}.mc-status-notification__icon.svelte-18b6syz {width:2rem;height:2rem;margin:0.75rem;fill:var(--status-notification-color-icon-info, #0b96cc);color:var(--status-notification-color-icon-info, #0b96cc);}.mc-status-notification__content.svelte-18b6syz {flex:1 1 0;padding:0.75rem 1rem 0.75rem 0;}.mc-status-notification__title.svelte-18b6syz, .mc-status-notification__message.svelte-18b6syz {line-height:var(--line-height-s, 1.3);margin-block:0;}.mc-status-notification__title.svelte-18b6syz {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-18b6syz {font-size:var(--font-size-100, 0.875rem);}.mc-status-notification__footer.svelte-18b6syz {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-18b6syz {background:var(--status-notification-color-background-info, #e1f3f9);box-shadow:inset 0 0 0 var(--border-width-s, 0.0625rem) var(--status-notification-color-border-info, #3facd7);}.mc-status-notification--information.svelte-18b6syz .mc-status-notification__icon:where(.svelte-18b6syz) {fill:var(--status-notification-color-icon-info, #0b96cc);color:var(--status-notification-color-icon-info, #0b96cc);}.mc-status-notification--success.svelte-18b6syz {background:var(--status-notification-color-background-success, #ebf5de);box-shadow:inset 0 0 0 var(--border-width-s, 0.0625rem) var(--status-notification-color-border-success, #78be20);}.mc-status-notification--success.svelte-18b6syz .mc-status-notification__icon:where(.svelte-18b6syz) {fill:var(--status-notification-color-icon-success, #3f9e10);color:var(--status-notification-color-icon-success, #3f9e10);}.mc-status-notification--warning.svelte-18b6syz {background:var(--status-notification-color-background-warning, #fdf1e8);box-shadow:inset 0 0 0 var(--border-width-s, 0.0625rem) var(--status-notification-color-border-warning, #ef934a);}.mc-status-notification--warning.svelte-18b6syz .mc-status-notification__icon:where(.svelte-18b6syz) {fill:var(--status-notification-color-icon-warning, #ea7315);color:var(--status-notification-color-icon-warning, #ea7315);}.mc-status-notification--error.svelte-18b6syz {background:var(--status-notification-color-background-error, #fdeaea);box-shadow:inset 0 0 0 var(--border-width-s, 0.0625rem) var(--status-notification-color-border-error, #ef5f5c);}.mc-status-notification--error.svelte-18b6syz .mc-status-notification__icon:where(.svelte-18b6syz) {fill:var(--status-notification-color-icon-error, #ea302d);color:var(--status-notification-color-icon-error, #ea302d);}.mc-status-notification-closable__close.svelte-18b6syz {margin:0.25rem;}.mc-status-notification__footer.svelte-18b6syz:empty {display:none;}`};function ao(h,r){G(r,!0),H(h,no);let d=s(r,"title",7),i=s(r,"description",7),c=s(r,"status",7,"info"),u=s(r,"closable",7),x=O(r,["$$slots","$$events","$$legacy","$$host","title","description","status","closable"]),v;const y=[{status:"info",component:Y},{status:"success",component:Z},{status:"warning",component:$},{status:"error",component:oo}];function C(o){return y.find(t=>t.status===o)||y[0]}const F=P(()=>C(c())),E=()=>{const o=new CustomEvent("close",{bubbles:!0,composed:!0});v.dispatchEvent(o)};var N={get title(){return d()},set title(o){d(o),b()},get description(){return i()},set description(o){i(o),b()},get status(){return c()},set status(o="info"){c(o),b()},get closable(){return u()},set closable(o){u(o),b()}},a=eo();V(a,()=>({class:["mc-status-notification",`mc-status-notification--${c()}`],role:"status",...x}),void 0,void 0,void 0,"svelte-18b6syz");var f=e(a),S=e(f);U(S,()=>J(F).component,(o,t)=>{t(o,{className:"mc-status-notification__icon"})}),n(f);var g=l(f,2),m=e(g),I=e(m,!0);n(m);var k=l(m,2),W=e(k,!0);n(k);var z=l(k,2),j=e(z);T(j,r,"footer",{},null),n(z),n(g);var B=l(g,2);{var D=o=>{var t=ro(),M=e(t);to(M,{className:"mc-status-notification-closable__icon"}),n(t),Q("click",t,E),_(o,t)};R(B,o=>{u()&&o(D)})}return n(a),X(a,o=>v=o,()=>v),K(()=>{p(I,d()),p(W,i())}),_(h,a),L(N)}q(["click"]);customElements.define("m-status-notification",A(ao,{closable:{attribute:"closable",reflect:!0,type:"Boolean"},title:{},description:{},status:{}},["footer"],[],{mode:"open"}));
 //# sourceMappingURL=StatusNotification.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusNotification.js","sources":["../../../src/components/statusnotification/StatusNotification.svelte"],"sourcesContent":["<svelte:options\n customElement={{\n tag: 'm-status-notification',\n props: {\n closable: { reflect: true, type: 'Boolean', attribute: 'closable' },\n },\n }}\n/>\n\n<script lang=\"ts\">\n import {\n Cross20,\n InfoCircleFilled32,\n WarningCircleFilled32,\n CrossCircleFilled32,\n CheckCircleFilled32,\n } from '@mozaic-ds/icons-svelte';\n /*\n A Status Notification is used to draw the user’s attention to important information that needs to be acknowledged. It often provides feedback on a process, highlights a status update, or alerts users about an issue. Notifications are typically triggered by user actions or system events and are designed to be easily noticeable while maintaining a non-intrusive experience.\n \n @slot footer - Use this slot to insert a button or a link in the footer\n * @event close {CustomEvent<void>} - Emits when closing the notification.\n /\n interface Props {\n [key: string]: any;\n /\n Title of the status notification.\n /\n title: string;\n /\n Description of the status notification.\n /\n description: string;\n /\n Allows to define the status notification type.\n /\n status?: 'info' \| 'success' \| 'warning' \| 'error';\n /\n if `true`, display the close button.\n */\n closable?: boolean;\n }\n\n let { title, description, status = 'info', closable, ...attrs }: Props = $props();\n let element: HTMLElement;\n\n const iconMap = [\n { status: 'info', component: InfoCircleFilled32 },\n { status: 'success', component: CheckCircleFilled32 },\n { status: 'warning', component: WarningCircleFilled32 },\n { status: 'error', component: CrossCircleFilled32 },\n ];\n\n function getSelected(status: string) {\n return iconMap.find((icon) => icon.status === status) \|\| iconMap[0];\n }\n\n const selected = $derived(getSelected(status));\n\n const onClose = () => {\n const event = new CustomEvent('close', {\n bubbles: true,\n composed: true,\n });\n element.dispatchEvent(event);\n };\n</script>\n\n<section\n class={['mc-status-notification', `mc-status-notification--${status}`]}\n role=\"status\"\n bind:this={element}\n {...attrs}\n>\n <span class=\"mc-status-notification__icon\" aria-hidden=\"true\">\n <selected.component className=\"mc-status-notification__icon\" />\n </span>\n\n <div class=\"mc-status-notification__content\">\n <h2 class=\"mc-status-notification__title\">{title}</h2>\n <p class=\"mc-status-notification__message\">\n {description}\n </p>\n\n <div class=\"mc-status-notification__footer\">\n <slot name=\"footer\" />\n </div>\n </div>\n\n {#if closable}\n <button\n class=\"mc-status-notification-closable__close mc-button mc-button--s mc-button--icon-button mc-button--ghost\"\n aria-label=\"Close\"\n onclick={onClose}\n >\n <Cross20 className=\"mc-status-notification-closable__icon\" />\n </button>\n {/if}\n</section>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/button';\n @use '@mozaic-ds/styles/components/status-notification';\n\n .mc-status-notification__footer:empty {\n display: none;\n }\n</style>\n"],"names":["title","$.prop","$$props","description","status","closable","attrs","$.rest_props","element","iconMap","InfoCircleFilled32","CheckCircleFilled32","WarningCircleFilled32","CrossCircleFilled32","getSelected","icon","selected","$.derived","onClose","event","section","root","span","$.child","selected_component","$$anchor","div","h2","p","div_1","button","root_1","node_3","Cross20","$.reset","$.delegated","$.append","$$render","consequent","$$value"],"mappings":";;~~ywcASA~~,qBAkCQA,EAAKC,EAAAC,EAAA,QAAA,CAAA,EAAEC,EAAWF,EAAAC,EAAA,cAAA,CAAA,EAAEE,iBAAS,MAAM,EAAEC,EAAQJ,EAAAC,EAAA,WAAA,CAAA,EAAKI,EAAKC,EAAAL,EAAA,sFACzDM,QAEEC,EAAO,CACT,CAAA,OAAQ,OAAQ,UAAWC,CAAkB,EAC7C,CAAA,OAAQ,UAAW,UAAWC,CAAmB,EACjD,CAAA,OAAQ,UAAW,UAAWC,CAAqB,EACnD,CAAA,OAAQ,QAAS,UAAWC,EAAmB,YAG1CC,EAAYV,EAAgB,CAC5B,OAAAK,EAAQ,KAAMM,GAASA,EAAK,SAAWX,CAAM,GAAKK,EAAQ,CAAC,CACpE,OAEMO,EAAQC,EAAA,IAAYH,EAAYV,EAAM,CAAA,CAAA,EAEtCc,EAAO,IAAS,OACdC,EAAK,IAAO,YAAY,QAAO,CACnC,QAAS,GACT,SAAU,GAAI,EAEhBX,EAAQ,cAAcW,CAAK,CAC7B,yJAtBmC,OAAM,iEAyB1CC,EAAAC,GAAA,IAAAD,eACS,oDAAqDhB,GAAM,qBAG/DE,2CAEH,IAAAgB,EAAIC,EANNH,CAAA,MAMEE,CAAI,iCACFE,EAAkBC,EAAA,CAAA,UAAA,8BAAA,CAAA,MADpBH,CAAI,EAIJ,IAAAI,IAJAJ,EAAI,CAAA,EAKFK,IADFD,CAAG,MACDC,EAAE,EAAA,IAAFA,CAAE,EACF,IAAAC,IADAD,EAAE,CAAA,MACFC,EAAC,EAAA,IAADA,CAAC,EAID,IAAAC,IAJAD,EAAC,CAAA,MAIDC,CAAG,4BAAHA,CAAG,IANLH,CAAG,UAAHA,EAAG,CAAA,aAYD,IAAAI,EAAAC,GAAA,EAAAC,EAAAT,EAAAO,CAAA,EAKEG,GAAOD,EAAA,CAAA,UAAA,uCAAA,CAAA,EALTE,EAAAJ,CAAA,EAAAK,EAAA,QAAAL,EAGUZ,CAAO,EAHjBkB,EAAAX,EAAAK,CAAA,WADEzB,EAAQ,GAAAgC,EAAAC,CAAA,IArBdJ,OAAAA,EAAAd,CAAA,IAAAA,EAAAmB,GAGY/B,QAAAA,CAAO,aAQ2BR,GAAK,MAE7CG,GAAW,IAbjBiC,EAAAX,EAAAL,CAAA,MAFO"}
1	+ {"version":3,"file":"StatusNotification.js","sources":["../../../src/components/statusnotification/StatusNotification.svelte"],"sourcesContent":["<svelte:options\n customElement={{\n tag: 'm-status-notification',\n props: {\n closable: { reflect: true, type: 'Boolean', attribute: 'closable' },\n },\n }}\n/>\n\n<script lang=\"ts\">\n import {\n Cross20,\n InfoCircleFilled32,\n WarningCircleFilled32,\n CrossCircleFilled32,\n CheckCircleFilled32,\n } from '@mozaic-ds/icons-svelte';\n /*\n A Status Notification is used to draw the user’s attention to important information that needs to be acknowledged. It often provides feedback on a process, highlights a status update, or alerts users about an issue. Notifications are typically triggered by user actions or system events and are designed to be easily noticeable while maintaining a non-intrusive experience.\n \n @slot footer - Use this slot to insert a button or a link in the footer\n * @event close {CustomEvent<void>} - Emits when closing the notification.\n /\n interface Props {\n [key: string]: any;\n /\n Title of the status notification.\n /\n title: string;\n /\n Description of the status notification.\n /\n description: string;\n /\n Allows to define the status notification type.\n /\n status?: 'info' \| 'success' \| 'warning' \| 'error';\n /\n if `true`, display the close button.\n */\n closable?: boolean;\n }\n\n let { title, description, status = 'info', closable, ...attrs }: Props = $props();\n let element: HTMLElement;\n\n const iconMap = [\n { status: 'info', component: InfoCircleFilled32 },\n { status: 'success', component: CheckCircleFilled32 },\n { status: 'warning', component: WarningCircleFilled32 },\n { status: 'error', component: CrossCircleFilled32 },\n ];\n\n function getSelected(status: string) {\n return iconMap.find((icon) => icon.status === status) \|\| iconMap[0];\n }\n\n const selected = $derived(getSelected(status));\n\n const onClose = () => {\n const event = new CustomEvent('close', {\n bubbles: true,\n composed: true,\n });\n element.dispatchEvent(event);\n };\n</script>\n\n<section\n class={['mc-status-notification', `mc-status-notification--${status}`]}\n role=\"status\"\n bind:this={element}\n {...attrs}\n>\n <span class=\"mc-status-notification__icon\" aria-hidden=\"true\">\n <selected.component className=\"mc-status-notification__icon\" />\n </span>\n\n <div class=\"mc-status-notification__content\">\n <h2 class=\"mc-status-notification__title\">{title}</h2>\n <p class=\"mc-status-notification__message\">\n {description}\n </p>\n\n <div class=\"mc-status-notification__footer\">\n <slot name=\"footer\" />\n </div>\n </div>\n\n {#if closable}\n <button\n class=\"mc-status-notification-closable__close mc-button mc-button--s mc-button--icon-button mc-button--ghost\"\n aria-label=\"Close\"\n onclick={onClose}\n >\n <Cross20 className=\"mc-status-notification-closable__icon\" />\n </button>\n {/if}\n</section>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/button';\n @use '@mozaic-ds/styles/components/status-notification';\n\n .mc-status-notification__footer:empty {\n display: none;\n }\n</style>\n"],"names":["title","$.prop","$$props","description","status","closable","attrs","$.rest_props","element","iconMap","InfoCircleFilled32","CheckCircleFilled32","WarningCircleFilled32","CrossCircleFilled32","getSelected","icon","selected","$.derived","onClose","event","section","root","span","$.child","selected_component","$$anchor","div","h2","p","div_1","button","root_1","node_3","Cross20","$.reset","$.delegated","$.append","$$render","consequent","$$value"],"mappings":";;kjdASA,qBAkCQA,EAAKC,EAAAC,EAAA,QAAA,CAAA,EAAEC,EAAWF,EAAAC,EAAA,cAAA,CAAA,EAAEE,iBAAS,MAAM,EAAEC,EAAQJ,EAAAC,EAAA,WAAA,CAAA,EAAKI,EAAKC,EAAAL,EAAA,sFACzDM,QAEEC,EAAO,CACT,CAAA,OAAQ,OAAQ,UAAWC,CAAkB,EAC7C,CAAA,OAAQ,UAAW,UAAWC,CAAmB,EACjD,CAAA,OAAQ,UAAW,UAAWC,CAAqB,EACnD,CAAA,OAAQ,QAAS,UAAWC,EAAmB,YAG1CC,EAAYV,EAAgB,CAC5B,OAAAK,EAAQ,KAAMM,GAASA,EAAK,SAAWX,CAAM,GAAKK,EAAQ,CAAC,CACpE,OAEMO,EAAQC,EAAA,IAAYH,EAAYV,EAAM,CAAA,CAAA,EAEtCc,EAAO,IAAS,OACdC,EAAK,IAAO,YAAY,QAAO,CACnC,QAAS,GACT,SAAU,GAAI,EAEhBX,EAAQ,cAAcW,CAAK,CAC7B,yJAtBmC,OAAM,iEAyB1CC,EAAAC,GAAA,IAAAD,eACS,oDAAqDhB,GAAM,qBAG/DE,2CAEH,IAAAgB,EAAIC,EANNH,CAAA,MAMEE,CAAI,iCACFE,EAAkBC,EAAA,CAAA,UAAA,8BAAA,CAAA,MADpBH,CAAI,EAIJ,IAAAI,IAJAJ,EAAI,CAAA,EAKFK,IADFD,CAAG,MACDC,EAAE,EAAA,IAAFA,CAAE,EACF,IAAAC,IADAD,EAAE,CAAA,MACFC,EAAC,EAAA,IAADA,CAAC,EAID,IAAAC,IAJAD,EAAC,CAAA,MAIDC,CAAG,4BAAHA,CAAG,IANLH,CAAG,UAAHA,EAAG,CAAA,aAYD,IAAAI,EAAAC,GAAA,EAAAC,EAAAT,EAAAO,CAAA,EAKEG,GAAOD,EAAA,CAAA,UAAA,uCAAA,CAAA,EALTE,EAAAJ,CAAA,EAAAK,EAAA,QAAAL,EAGUZ,CAAO,EAHjBkB,EAAAX,EAAAK,CAAA,WADEzB,EAAQ,GAAAgC,EAAAC,CAAA,IArBdJ,OAAAA,EAAAd,CAAA,IAAAA,EAAAmB,GAGY/B,QAAAA,CAAO,aAQ2BR,GAAK,MAE7CG,GAAW,IAbjBiC,EAAAX,EAAAL,CAAA,MAFO"}

package/dist/components/statusnotification/StatusNotification.svelte CHANGED Viewed

@@ -462,6 +462,7 @@
   height: 2rem;
   margin: 0.75rem;
   fill: var(--status-notification-color-icon-info, #0b96cc);
+  color: var(--status-notification-color-icon-info, #0b96cc);
 }
 .mc-status-notification__content {
   flex: 1 1 0;
@@ -493,6 +494,7 @@
 }
 .mc-status-notification--information .mc-status-notification__icon {
   fill: var(--status-notification-color-icon-info, #0b96cc);
+  color: var(--status-notification-color-icon-info, #0b96cc);
 }
 .mc-status-notification--success {
   background: var(--status-notification-color-background-success, #ebf5de);
@@ -500,6 +502,7 @@
 }
 .mc-status-notification--success .mc-status-notification__icon {
   fill: var(--status-notification-color-icon-success, #3f9e10);
+  color: var(--status-notification-color-icon-success, #3f9e10);
 }
 .mc-status-notification--warning {
   background: var(--status-notification-color-background-warning, #fdf1e8);
@@ -507,6 +510,7 @@
 }
 .mc-status-notification--warning .mc-status-notification__icon {
   fill: var(--status-notification-color-icon-warning, #ea7315);
+  color: var(--status-notification-color-icon-warning, #ea7315);
 }
 .mc-status-notification--error {
   background: var(--status-notification-color-background-error, #fdeaea);
@@ -514,6 +518,7 @@
 }
 .mc-status-notification--error .mc-status-notification__icon {
   fill: var(--status-notification-color-icon-error, #ea302d);
+  color: var(--status-notification-color-icon-error, #ea302d);
 }
 .mc-status-notification-closable__close {
   margin: 0.25rem;

package/dist/components/stepperbottombar/StepperBottomBar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{c as M,e as O,a as Q,p as i,k as E,t as y,b,d as R,f as m,j as a,A as S,i as c,r as s,m as z}from"../../custom-element.js";import{i as V}from"../../if.js";import{b as T}from"../../this.js";import{B as k}from"../button/Button.js";import{D as U}from"../divider/Divider.js";import"../../branches.js";import"../../slot.js";import"../../attributes.js";import"../loader/Loader.js";var W=m('<span class="mc-button__label svelte-nje7f7"> </span>'),X=m('<span class="mc-stepper-bottom-bar__button--text"><!></span>'),Y=m('<span class="mc-button__label svelte-nje7f7"> </span>'),Z=m('<span class="mc-stepper-bottom-bar__button"><!></span>'),$=m('<span class="mc-button__label svelte-nje7f7"> </span>'),ee=m('<div class="mc-stepper-bottom-bar svelte-nje7f7"><!> <div class="mc-stepper-bottom-bar__left svelte-nje7f7"><!></div> <div class="mc-stepper-bottom-bar__right svelte-nje7f7"><!> <span class="mc-stepper-bottom-bar__button"><!></span></div></div>');const te={hash:"svelte-nje7f7",code:`/**
+import{c as M,e as O,a as Q,p as i,s as E,t as y,k as z,b,h as a,d as R,f as m,A as S,m as c,r as s}from"../../custom-element.js";import{i as V}from"../../if.js";import{b as T}from"../../this.js";import{B as k}from"../button/Button.js";import{D as U}from"../divider/Divider.js";import"../../branches.js";import"../../slot.js";import"../../attributes.js";import"../loader/Loader.js";var W=m('<span class="mc-button__label svelte-nje7f7"> </span>'),X=m('<span class="mc-stepper-bottom-bar__button--text"><!></span>'),Y=m('<span class="mc-button__label svelte-nje7f7"> </span>'),Z=m('<span class="mc-stepper-bottom-bar__button"><!></span>'),$=m('<span class="mc-button__label svelte-nje7f7"> </span>'),ee=m('<div class="mc-stepper-bottom-bar svelte-nje7f7"><!> <div class="mc-stepper-bottom-bar__left svelte-nje7f7"><!></div> <div class="mc-stepper-bottom-bar__right svelte-nje7f7"><!> <span class="mc-stepper-bottom-bar__button"><!></span></div></div>');const te={hash:"svelte-nje7f7",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-stepper-bottom-bar.svelte-nje7f7 {position:fixed;box-sizing:border-box;bottom:0;left:0;width:100%;height:4rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:var(--action-bottom-bar-color-background, #ffffff);z-index:var(--stepper-bottom-bar-z-index, 3);}
 @media screen and (min-width: 679px) {

package/dist/components/steppercompact/StepperCompact.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{c as E,e as M,a as q,p,l,k as b,t as f,b as x,d as A,f as w,w as m,j as s,i as n,r as a,m as y}from"../../custom-element.js";import{i as B}from"../../if.js";import{C as F}from"../circularprogressbar/CircularProgressbar.js";import"../../branches.js";import"../../attributes.js";var G=w('<p class="mc-stepper-compact__description svelte-1o3m5eh"> </p>'),H=w('<div class="mc-stepper-compact svelte-1o3m5eh"><div class="mc-circular-progressbar mc-stepper-compact__progress svelte-1o3m5eh"><!></div> <div class="mc-stepper-compact__label-container"><p class="mc-stepper-compact__label svelte-1o3m5eh"> </p> <!></div></div>');const I={hash:"svelte-1o3m5eh",code:`/**
+import{c as E,e as M,a as q,p,i as l,s as b,t as f,k as x,b as y,d as A,f as w,w as m,h as s,m as n,r as a}from"../../custom-element.js";import{i as B}from"../../if.js";import{C as F}from"../circularprogressbar/CircularProgressbar.js";import"../../branches.js";import"../../attributes.js";var G=w('<p class="mc-stepper-compact__description svelte-1o3m5eh"> </p>'),H=w('<div class="mc-stepper-compact svelte-1o3m5eh"><div class="mc-circular-progressbar mc-stepper-compact__progress svelte-1o3m5eh"><!></div> <div class="mc-stepper-compact__label-container"><p class="mc-stepper-compact__label svelte-1o3m5eh"> </p> <!></div></div>');const I={hash:"svelte-1o3m5eh",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-stepper-compact.svelte-1o3m5eh {display:inline-flex;justify-content:start;align-items:center;}.mc-stepper-compact__progress.svelte-1o3m5eh {width:3rem;height:3rem;}.mc-stepper-compact__label.svelte-1o3m5eh, .mc-stepper-compact__description.svelte-1o3m5eh {padding-left:0.5rem;}.mc-stepper-compact__label.svelte-1o3m5eh {margin:0;font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-100, 0.875rem);color:var(--progressbar-color-text, #000000);line-height:var(--line-height-s, 1.3);}.mc-stepper-compact__description.svelte-1o3m5eh {margin:0.25rem 0 0;font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, 0.75rem);color:var(--stepper-color-information, #666666);line-height:var(--line-height-s, 1.3);}.mc-stepper-compact__progress.svelte-1o3m5eh {width:3rem;height:3rem;}.mc-stepper-compact__progress.svelte-1o3m5eh .mc-circular-progressbar__content {display:block !important;visibility:visible;font-weight:600;font-size:0.875rem;}.mc-stepper-compact__progress.svelte-1o3m5eh .mc-circular-progressbar__number {display:block;visibility:visible;opacity:1;color:inherit;font-size:inherit;line-height:inherit;}.mc-stepper-compact__progress.svelte-1o3m5eh .mc-circular-progressbar__indicator {stroke-width:calc(4 / (48 / 100));stroke:var(--stepper-color-progress-bar-indicator, #117f03);fill:none;stroke-linecap:round;}`};function J(g,r){M(r,!0),q(g,I);let o=p(r,"value",15,1),c=p(r,"maxsteps",15,4),v=p(r,"label",7),i=p(r,"description",7);const k=m(()=>()=>{const e=o()??0,t=c()??1;return Math.round(e/t*100)}),z=m(()=>()=>`${o()} / ${c()}`);var C={get value(){return o()},set value(e=1){o(e),n()},get maxsteps(){return c()},set maxsteps(e=4){c(e),n()},get label(){return v()},set label(e){v(e),n()},get description(){return i()},set description(e){i(e),n()}},_=H(),h=s(_),j=s(h);{let e=m(()=>l(z)()),t=m(()=>l(k)());F(j,{"aria-label":"Progress bar",type:"content",size:"m",get contentvalue(){return l(e)},get value(){return l(t)},class:"mc-circular-progressbar mc-circular-progressbar--m mc-stepper-compact__indicator mc-stepper-compact__number"})}a(h);var u=b(h,2),d=s(u),P=s(d,!0);a(d);var S=b(d,2);{var V=e=>{var t=G(),D=s(t,!0);a(t),f(()=>y(D,i())),x(e,t)};B(S,e=>{i()&&e(V)})}return a(u),a(_),f(()=>y(P,v())),x(g,_),A(C)}customElements.define("m-stepper-compact",E(J,{value:{},maxsteps:{},label:{},description:{}},[],[],{mode:"open"}));
+ */.mc-stepper-compact.svelte-1o3m5eh {display:inline-flex;justify-content:start;align-items:center;}.mc-stepper-compact__progress.svelte-1o3m5eh {width:3rem;height:3rem;}.mc-stepper-compact__label.svelte-1o3m5eh, .mc-stepper-compact__description.svelte-1o3m5eh {padding-left:0.5rem;}.mc-stepper-compact__label.svelte-1o3m5eh {margin:0;font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-100, 0.875rem);color:var(--progressbar-color-text, #000000);line-height:var(--line-height-s, 1.3);}.mc-stepper-compact__description.svelte-1o3m5eh {margin:0.25rem 0 0;font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-50, 0.75rem);color:var(--stepper-color-information, #666666);line-height:var(--line-height-s, 1.3);}.mc-stepper-compact__progress.svelte-1o3m5eh {width:3rem;height:3rem;}.mc-stepper-compact__progress.svelte-1o3m5eh .mc-circular-progressbar__content {display:block !important;visibility:visible;font-weight:600;font-size:0.875rem;}.mc-stepper-compact__progress.svelte-1o3m5eh .mc-circular-progressbar__number {display:block;visibility:visible;opacity:1;color:inherit;font-size:inherit;line-height:inherit;}.mc-stepper-compact__progress.svelte-1o3m5eh .mc-circular-progressbar__indicator {stroke-width:calc(4 / (48 / 100));stroke:var(--stepper-color-progress-bar-indicator, #117f03);fill:none;stroke-linecap:round;}`};function J(g,r){M(r,!0),q(g,I);let o=p(r,"value",15,1),c=p(r,"maxsteps",15,4),v=p(r,"label",7),i=p(r,"description",7);const k=m(()=>()=>{const e=o()??0,t=c()??1;return Math.round(e/t*100)}),z=m(()=>()=>`${o()} / ${c()}`);var C={get value(){return o()},set value(e=1){o(e),n()},get maxsteps(){return c()},set maxsteps(e=4){c(e),n()},get label(){return v()},set label(e){v(e),n()},get description(){return i()},set description(e){i(e),n()}},_=H(),h=s(_),P=s(h);{let e=m(()=>l(z)()),t=m(()=>l(k)());F(P,{"aria-label":"Progress bar",type:"content",size:"m",get contentvalue(){return l(e)},get value(){return l(t)},class:"mc-circular-progressbar mc-circular-progressbar--m mc-stepper-compact__indicator mc-stepper-compact__number"})}a(h);var u=b(h,2),d=s(u),S=s(d,!0);a(d);var V=b(d,2);{var j=e=>{var t=G(),D=s(t,!0);a(t),f(()=>x(D,i())),y(e,t)};B(V,e=>{i()&&e(j)})}return a(u),a(_),f(()=>x(S,v())),y(g,_),A(C)}customElements.define("m-stepper-compact",E(J,{value:{},maxsteps:{},label:{},description:{}},[],[],{mode:"open"}));
 //# sourceMappingURL=StepperCompact.js.map

package/dist/components/stepperinline/README.md CHANGED Viewed

@@ -6,6 +6,10 @@ An inline stepper is a horizontal navigation component that displays a sequence
 | Name | Description | Type | Default |
 |------|-------------|------|---------|
-| `step` | Current step of the stepper compact. | `number` | `$bindable(1)` |
-| `steps` | Steps of the stepper inline. | `Array<{ label: string; additionalinfo?: string; }>` | `$bindable([])` |
+| `step` | Defines the currently active step.
+- If a `number` is provided, it represents the 1-based position of the step
+  in the `steps` array (e.g. `1` for the first step).
+- If a `string` is provided, it must match the `id` of one of the steps. | `number` `string` | `$bindable(0)` |
+| `steps` | Steps of the stepper inline. | `Array<{ id?: string; label: string; additionalinfo?: string; }>` | `$bindable([])` |

package/dist/components/stepperinline/StepperInline.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{c as H,e as J,a as K,p as $,g as L,b as a,d as N,f as l,n as O,j as i,i as C,r as s,l as t,k as j,t as M,s as g,h as x,m as P,w as y}from"../../custom-element.js";import{i as D}from"../../if.js";import{e as Q,i as T}from"../../each.js";import{a as U}from"../../attributes.js";import{f as V,g as W}from"../../Condition20.js";import"../../branches.js";var X=l('<span class="mc-stepper-inline__icon mc-stepper-inline__icon--check svelte-s80odb" aria-hidden="true"><!></span>'),Y=l("<span></span>"),Z=l('<span class="mc-stepper-inline__icon mc-stepper-inline__icon--chevron svelte-s80odb" aria-hidden="true"><!></span>'),ee=l('<li><!> <div class="mc-stepper-inline__content svelte-s80odb"><span> </span></div> <!></li>'),re=l('<nav><ol class="mc-stepper-inline__container svelte-s80odb"></ol></nav>');const te={hash:"svelte-s80odb",code:`/**
+import{c as H,e as J,a as K,p as $,g as L,b as p,d as N,f as c,l as O,h as a,m as C,i as s,s as I,r as n,t as j,j as g,n as x,k as P,w as y}from"../../custom-element.js";import{i as M}from"../../if.js";import{e as Q,i as T}from"../../each.js";import{a as U}from"../../attributes.js";import{f as V,g as W}from"../../Condition20.js";import"../../branches.js";var X=c('<span class="mc-stepper-inline__icon mc-stepper-inline__icon--check svelte-s80odb" aria-hidden="true"><!></span>'),Y=c("<span></span>"),Z=c('<span class="mc-stepper-inline__icon mc-stepper-inline__icon--chevron svelte-s80odb" aria-hidden="true"><!></span>'),ee=c('<li><!> <div class="mc-stepper-inline__content svelte-s80odb"><span> </span></div> <!></li>'),re=c('<nav><ol class="mc-stepper-inline__container svelte-s80odb"></ol></nav>');const te={hash:"svelte-s80odb",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-stepper-inline__container.svelte-s80odb {display:flex;align-items:center;gap:1rem;list-style:none;padding:0;margin:0;}.mc-stepper-inline__label.svelte-s80odb {font-size:var(--font-size-100, 0.875rem);transition:color 200ms ease;}.mc-stepper-inline__label.is-current.svelte-s80odb {font-weight:var(--font-weight-medium, 600);color:var(--stepper-color-step-label-active, #000000);}.mc-stepper-inline__item.svelte-s80odb {display:inline-flex;align-items:center;gap:0.5rem;color:var(--stepper-color-step-label-default, #666666);}.mc-stepper-inline__item.is-completed.svelte-s80odb: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;border-radius:var(--border-radius-s, 0.25rem);}.mc-stepper-inline__item.is-completed.svelte-s80odb:hover {cursor:pointer;}.mc-stepper-inline__item.is-completed.svelte-s80odb:hover .mc-stepper-inline__label:where(.svelte-s80odb) {text-decoration:underline;}.mc-stepper-inline__icon.svelte-s80odb {fill:var(--stepper-color-information, #666666);display:flex;flex-shrink:0;}.mc-stepper-inline__icon--check.svelte-s80odb {box-sizing:border-box;width:1.5rem;height:1.5rem;background-color:var(--stepper-color-step-item-default-background, #ffffff);border:0.125rem solid var(--stepper-color-information, #666666);border-radius:1rem;}.mc-stepper-inline__icon--chevron.svelte-s80odb {width:1.25rem;height:1.25rem;}.mc-stepper-inline__circle.svelte-s80odb {box-sizing:border-box;width:1.5rem;height:1.5rem;border-radius:50%;border:0.125rem solid var(--stepper-color-information, #666666);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-100, 0.875rem);font-weight:var(--font-weight-medium, 600);color:var(--stepper-color-information, #666666);background-color:var(--stepper-color-step-item-default-background, #ffffff);flex-shrink:0;transition:background-color 200ms ease, color 200ms ease, border-color 200ms ease;}.mc-stepper-inline__circle.is-current.svelte-s80odb {background-color:var(--stepper-color-step-item-active-background, #117f03);color:var(--stepper-color-step-item-active-text, #ffffff);border-color:transparent;
   animation: svelte-s80odb-pop-in 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;}.mc-stepper-inline__content.svelte-s80odb {display:flex;flex-direction:column;margin-right:0.5rem;}.mc-stepper-inline__additional.svelte-s80odb {font-size:var(--font-size-50, 0.75rem);color:var(--stepper-color-information, #666666);}.mc-stepper-inline__separator.svelte-s80odb {color:var(--stepper-color-information, #666666);margin-left:1rem;}
@@ -12,5 +12,5 @@ import{c as H,e as J,a as K,p as $,g as L,b as a,d as N,f as l,n as O,j as i,i a
     transform: scale(1);
     opacity: 1;
   }
-}.mc-stepper-inline__icon {align-items:center;}`};function se(k,p){J(p,!0),K(k,te);let f=$(p,"step",15,1),o=$(p,"steps",31,()=>L([])),E=O(p,["$$slots","$$events","$$legacy","$$host","step","steps"]);const w=y(()=>()=>Math.min(Math.max(f()??1,1),o().length??1)),I=y(()=>()=>o().map((n,m)=>({completed:m+1<t(w)(),current:m+1===t(w)()})));var R={get step(){return f()},set step(n=1){f(n),C()},get steps(){return o()},set steps(n=[]){o(n),C()}},c=re();U(c,()=>({class:"mc-stepper-inline","aria-label":"Stepper",...E}),void 0,void 0,void 0,"svelte-s80odb");var z=i(c);return Q(z,21,o,T,(n,m,_,oe)=>{const d=y(()=>t(I)()[_]);var v=ee(),S=i(v);{var q=r=>{var e=X(),h=i(e);V(h,{}),s(e),a(r,e)},A=r=>{var e=Y();e.textContent=_+1,M(()=>g(e,1,x(["mc-stepper-inline__circle",t(d).current?"is-current":""]),"svelte-s80odb")),a(r,e)};D(S,r=>{t(d).completed?r(q):r(A,!1)})}var b=j(S,2),u=i(b),B=i(u,!0);s(u),s(b);var F=j(b,2);{var G=r=>{var e=Z(),h=i(e);W(h,{}),s(e),a(r,e)};D(F,r=>{_<o().length-1&&r(G)})}s(v),M(()=>{g(v,1,x(["mc-stepper-inline__item",t(d).completed?"is-completed":""]),"svelte-s80odb"),g(u,1,x(["mc-stepper-inline__label",t(d).current?"is-current":""]),"svelte-s80odb"),P(B,t(m).label)}),a(n,v)}),s(z),s(c),a(k,c),N(R)}customElements.define("m-stepper-inline",H(se,{step:{},steps:{}},[],[],{mode:"open"}));
+}.mc-stepper-inline__icon {align-items:center;}`};function se(k,m){J(m,!0),K(k,te);let l=$(m,"step",15,0),o=$(m,"steps",31,()=>L([])),D=O(m,["$$slots","$$events","$$legacy","$$host","step","steps"]);const w=y(()=>{if(typeof l()=="number")return Math.min(Math.max(l(),1),o().length)-1;{const t=o().findIndex(i=>i.id===l());return t===-1?0:t}}),E=y(()=>o().map((t,i)=>({completed:i<s(w),current:i===s(w)})));var R={get step(){return l()},set step(t=0){l(t),C()},get steps(){return o()},set steps(t=[]){o(t),C()}},d=re();U(d,()=>({class:"mc-stepper-inline","aria-label":"Stepper",...D}),void 0,void 0,void 0,"svelte-s80odb");var z=a(d);return Q(z,21,o,T,(t,i,_,oe)=>{const v=y(()=>s(E)[_]);var f=ee(),S=a(f);{var q=r=>{var e=X(),h=a(e);V(h,{}),n(e),p(r,e)},A=r=>{var e=Y();e.textContent=_+1,j(()=>g(e,1,x(["mc-stepper-inline__circle",s(v).current?"is-current":""]),"svelte-s80odb")),p(r,e)};M(S,r=>{s(v).completed?r(q):r(A,-1)})}var b=I(S,2),u=a(b),B=a(u,!0);n(u),n(b);var F=I(b,2);{var G=r=>{var e=Z(),h=a(e);W(h,{}),n(e),p(r,e)};M(F,r=>{_<o().length-1&&r(G)})}n(f),j(()=>{g(f,1,x(["mc-stepper-inline__item",s(v).completed?"is-completed":""]),"svelte-s80odb"),g(u,1,x(["mc-stepper-inline__label",s(v).current?"is-current":""]),"svelte-s80odb"),P(B,s(i).label)}),p(t,f)}),n(z),n(d),p(k,d),N(R)}customElements.define("m-stepper-inline",H(se,{step:{},steps:{}},[],[],{mode:"open"}));
 //# sourceMappingURL=StepperInline.js.map

package/dist/components/stepperinline/StepperInline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperInline.js","sources":["../../../src/components/stepperinline/StepperInline.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-stepper-inline' }} />\n\n<script lang=\"ts\">\n import { Check24 } from '@mozaic-ds/icons-svelte';\n import { ChevronRight24 } from '@mozaic-ds/icons-svelte';\n /*\n An inline stepper is a horizontal navigation component that displays a sequence of steps in a linear fashion. It helps users understand their progress through a multi-step process by visually indicating the current step, completed steps, and upcoming steps. Inline steppers are typically used in forms, onboarding flows, and checkout processes to enhance user experience and provide clarity on the workflow.\n /\n\n interface Props {\n [key: string]: any;\n /\n ~~Current~~ step of the ~~stepper~~ ~~compact~~.\n /\n step?: number;\n\n /\n Steps of the stepper inline.\n /\n steps?: Array<{\n /\n Label of the step.\n /\n label: string;\n\n /\n Optional additional information under the label.\n */\n additionalinfo?: string;\n }>;\n }\n\n let { step = $bindable(1), steps = $bindable([]), ...attrs }: Props = $props();\n\n const ~~safeStep~~ = $derived(() => Math.min(Math.max(step ~~?? 1~~, 1), steps.length ?? 1));\n\n const stepStates = $derived(() =>\n steps.map((_, i) => ({\n completed: i ~~+ 1~~ < ~~safeStep()~~,\n current: i ~~+ 1~~ === ~~safeStep()~~,\n })),\n );\n</script>\n\n<nav class=\"mc-stepper-inline\" aria-label=\"Stepper\" {...attrs}>\n <ol class=\"mc-stepper-inline__container\">\n {#each steps as step, i (i)}\n {@const state = stepStates()[i]}\n <li class={['mc-stepper-inline__item', state.completed ? 'is-completed' : '']}>\n {#if state.completed}\n <span class=\"mc-stepper-inline__icon mc-stepper-inline__icon--check\" aria-hidden=\"true\">\n <Check24 />\n </span>\n {:else}\n <span class={['mc-stepper-inline__circle', state.current ? 'is-current' : '']}>\n {i + 1}\n </span>\n {/if}\n <div class=\"mc-stepper-inline__content\">\n <span class={['mc-stepper-inline__label', state.current ? 'is-current' : '']}>\n {step.label}\n </span>\n </div>\n {#if i < steps.length - 1}\n <span class=\"mc-stepper-inline__icon mc-stepper-inline__icon--chevron\" aria-hidden=\"true\">\n <ChevronRight24 />\n </span>\n {/if}\n </li>\n {/each}\n </ol>\n</nav>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/stepper-inline';\n\n :global(.mc-stepper-inline__icon) {\n align-items: center;\n }\n</style>\n"],"names":["step","steps","$.prop","$$props","$.proxy","attrs","$.rest_props","~~safeStep~~","stepStates","_","i","nav","root","ol","$.index","$$anchor","$$array","state","~~$.derived","$.get","~~li","root_1","span","root_2","Check24","node_1","span_1","root_3","$$render","consequent","alternate","div","$.sibling","node","span_2","span_3","root_4","ChevronRight24","node_3","consequent_1","$.set_text","text"],"mappings":";;;;;;;;;;;;;;kEAEA,~~iBA8BQ~~,IAAAA,gBAAiB,CAAC,EAAGC,EAAKC,EAAAC,EAAA,QAAA,GAAA,IAAAC,EAAA,CAAA,CAAA,CAAA,EAAqBC,EAAKC,EAAAH,EAAA,CAAA,UAAA,WAAA,WAAA,SAAA,OAAA,OAAA,CAAA,EAEpD,MAAAI,~~YAA0B~~,KAAK,IAAI,KAAK,~~IAAIP~~,EAAI,~~GAAI~~,~~EAAG~~,~~CAAC~~,~~EAAGC,~~EAAK,EAAC,~~QAAU~~,CAAC,~~CAAA~~,~~EAE5EO~~,~~YACJP,~~EAAK,EAAC,IAAG,~~CAAEQ~~,~~EAAGC~~,KAAC,CACb,~~UAAWA~~,~~EAAI~~,~~IAAIH~~,~~CAAQ~~,~~EAAA~~,~~EAC3B~~,~~QAASG~~,~~EAAI~~,~~MAAMH,CAAQ,EAAA~~,+~~CAPR~~,EAAC,~~8DAYzBI~~,EAAGC,GAAA,IAAHD,~~4DAAuDN~~,0CACrD,~~IAAAQ~~,IADFF,CAAG,WACDE,EAAE,~~GACMZ~~,~~EAAKa~~,EAAA,CAAAC,~~EAAIf~~,~~EAAIU~~,~~EAAAM~~,KAAA,OACVC,~~EAAKC~~,EAAA,~~IAAAC~~,~~EAAGX~~,CAAU,~~EAAA~~,~~EAAGE,~~CAAC,CAAA,~~MAC7BU~~,EAAEC,GAAA,MAAFD,CAAE,iBAEEE,EAAIC,EAAA,MAAJD,CAAI,EACFE,EAAOC,EAAA,EAAA,IADTH,CAAI,MAAJA,CAAI,aAIJI,EAAIC,EAAA,EAAJD,EAAI,~~YACFhB~~,EAAI,~~UADNgB~~,OAAa,~~4BAA6BP~~,~~EAAAF~~,CAAK,EAAC,QAAU,aAAe,~~2BAAzES~~,CAAI,~~WALFP~~,~~EAAAF~~,CAAK,EAAC,~~UAASW~~,EAAAC,CAAA,EAAAD,EAAAE,EAAA,EAAA,QASnBC,EAAGC,EAAAC,EAAA,CAAA,EACDC,IADFH,CAAG,MACDG,EAAI,EAAA,IAAJA,CAAI,IADNH,CAAG,UAAHA,EAAG,CAAA,iBAMDI,EAAIC,EAAA,MAAJD,CAAI,EACFE,EAAcC,EAAA,EAAA,IADhBH,CAAI,MAAJA,CAAI,~~WADFzB~~,~~EAAIT~~,EAAK,EAAC,OAAS,~~GAAC2B~~,EAAAW,CAAA,MAf1BnB,CAAE,WAAFA,OAAW,~~0BAA2BD~~,~~EAAAF~~,CAAK,EAAC,UAAY,eAAiB,~~wBAWrEiB~~,OAAa,~~2BAA4Bf~~,~~EAAAF~~,CAAK,EAAC,QAAU,aAAe,~~sBACtEuB~~,EAAAC,~~EAAAtB~~,~~EAAAnB~~,CAAI,EAAC,KAAK,~~QAZhBoB~~,CAAE,~~MAHNP~~,CAAE,IADJF,CAAG,MAAHA,CAAG,MAFI"}
1	+ {"version":3,"file":"StepperInline.js","sources":["../../../src/components/stepperinline/StepperInline.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-stepper-inline' }} />\n\n<script lang=\"ts\">\n import { Check24 } from '@mozaic-ds/icons-svelte';\n import { ChevronRight24 } from '@mozaic-ds/icons-svelte';\n /*\n An inline stepper is a horizontal navigation component that displays a sequence of steps in a linear fashion. It helps users understand their progress through a multi-step process by visually indicating the current step, completed steps, and upcoming steps. Inline steppers are typically used in forms, onboarding flows, and checkout processes to enhance user experience and provide clarity on the workflow.\n /\n\n interface Props {\n [key: string]: any;\n /\n Defines the currently active step.\n \n - If a `number` is provided, it represents the 1-based position of the step\n * in the `steps` array (e.g. `1` for the first step).\n * - If a `string` is provided, it must match the `id` of one of the steps.\n /\n step?: number \| string;\n /\n Steps of the stepper inline.\n /\n steps?: Array<{\n /\n Uniquer identifier for the step.\n /\n id?: string;\n /\n Label of the step.\n /\n label: string;\n /\n Optional additional information under the label.\n */\n additionalinfo?: string;\n }>;\n }\n\n let { step = $bindable(0), steps = $bindable([]), ...attrs }: Props = $props();\n\n const activeStep = $derived.by(() => {\n if (typeof step === 'number') {\n return Math.min(Math.max(step, 1), steps.length) - 1;\n } else {\n const activeIndex = steps.findIndex((el) => el.id === step);\n return activeIndex === -1 ? 0 : activeIndex;\n }\n });\n\n const stepStates = $derived.by(() =>\n steps.map((_, i) => ({\n completed: i < activeStep,\n current: i === activeStep,\n })),\n );\n</script>\n\n<nav class=\"mc-stepper-inline\" aria-label=\"Stepper\" {...attrs}>\n <ol class=\"mc-stepper-inline__container\">\n {#each steps as step, i (i)}\n {@const state = stepStates[i]}\n <li class={['mc-stepper-inline__item', state.completed ? 'is-completed' : '']}>\n {#if state.completed}\n <span class=\"mc-stepper-inline__icon mc-stepper-inline__icon--check\" aria-hidden=\"true\">\n <Check24 />\n </span>\n {:else}\n <span class={['mc-stepper-inline__circle', state.current ? 'is-current' : '']}>\n {i + 1}\n </span>\n {/if}\n <div class=\"mc-stepper-inline__content\">\n <span class={['mc-stepper-inline__label', state.current ? 'is-current' : '']}>\n {step.label}\n </span>\n </div>\n {#if i < steps.length - 1}\n <span class=\"mc-stepper-inline__icon mc-stepper-inline__icon--chevron\" aria-hidden=\"true\">\n <ChevronRight24 />\n </span>\n {/if}\n </li>\n {/each}\n </ol>\n</nav>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/stepper-inline';\n\n :global(.mc-stepper-inline__icon) {\n align-items: center;\n }\n</style>\n"],"names":["step","steps","$.prop","$$props","$.proxy","attrs","$.rest_props","activeStep","$.derived","activeIndex","el","stepStates","_","$.get","nav","root","ol","$.index","$$anchor","i","$$array","state","li","root_1","span","root_2","Check24","node_1","span_1","root_3","$$render","consequent","alternate","div","$.sibling","node","span_2","span_3","root_4","ChevronRight24","node_3","consequent_1","$.set_text","text"],"mappings":";;;;;;;;;;;;;;kEAEA,iBAoCQ,IAAAA,gBAAiB,CAAC,EAAGC,EAAKC,EAAAC,EAAA,QAAA,GAAA,IAAAC,EAAA,CAAA,CAAA,CAAA,EAAqBC,EAAKC,EAAAH,EAAA,CAAA,UAAA,WAAA,WAAA,SAAA,OAAA,OAAA,CAAA,EAEpD,MAAAI,EAAUC,EAAA,IAAqB,WACxBR,EAAI,GAAK,SACX,OAAA,KAAK,IAAI,KAAK,IAAIA,IAAM,CAAC,EAAGC,IAAM,MAAM,EAAI,EAC9C,OACCQ,EAAcR,EAAK,EAAC,UAAWS,GAAOA,EAAG,KAAOV,GAAI,EACnD,OAAAS,IAAW,GAAU,EAAIA,CAClC,CACF,CAAC,EAEKE,QACJV,EAAK,EAAC,IAAG,CAAEW,EAAG,KAAC,CACb,UAAW,EAACC,EAAGN,CAAU,EACzB,QAAS,IAACM,EAAKN,CAAU,+CAdN,EAAC,8DAmBzBO,EAAGC,GAAA,IAAHD,4DAAuDT,0CACrD,IAAAW,IADFF,CAAG,WACDE,EAAE,GACMf,EAAKgB,EAAA,CAAAC,EAAIlB,EAAImB,EAAAC,KAAA,OACVC,EAAKb,EAAA,IAAAK,EAAGF,CAAU,EAACQ,CAAC,CAAA,MAC3BG,EAAEC,GAAA,MAAFD,CAAE,iBAEEE,EAAIC,EAAA,MAAJD,CAAI,EACFE,EAAOC,EAAA,EAAA,IADTH,CAAI,MAAJA,CAAI,aAIJI,EAAIC,EAAA,EAAJD,EAAI,YACFT,EAAI,UADNS,OAAa,4BAA6Bf,EAAAQ,CAAK,EAAC,QAAU,aAAe,2BAAzEO,CAAI,WALFf,EAAAQ,CAAK,EAAC,UAASS,EAAAC,CAAA,EAAAD,EAAAE,EAAA,EAAA,QASnBC,EAAGC,EAAAC,EAAA,CAAA,EACDC,IADFH,CAAG,MACDG,EAAI,EAAA,IAAJA,CAAI,IADNH,CAAG,UAAHA,EAAG,CAAA,iBAMDI,EAAIC,EAAA,MAAJD,CAAI,EACFE,EAAcC,EAAA,EAAA,IADhBH,CAAI,MAAJA,CAAI,WADFlB,EAAIlB,EAAK,EAAC,OAAS,GAAC6B,EAAAW,CAAA,MAf1BnB,CAAE,WAAFA,OAAW,0BAA2BT,EAAAQ,CAAK,EAAC,UAAY,eAAiB,wBAWrEe,OAAa,2BAA4BvB,EAAAQ,CAAK,EAAC,QAAU,aAAe,sBACtEqB,EAAAC,EAAA9B,EAAAb,CAAI,EAAC,KAAK,QAZhBsB,CAAE,MAHNN,CAAE,IADJF,CAAG,MAAHA,CAAG,MAFI"}