npm - @mozaic-ds/web-components - Versions diffs - 1.0.0-alpha.5 → 1.0.0-alpha.7 - Mend

@mozaic-ds/web-components 1.0.0-alpha.5 → 1.0.0-alpha.7

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 (247) hide show

package/dist/{badge → components/badge}/Badge.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{c as g,p as b,a as u,b as d,t as m,f as v,k as h,B as p,j as w,e as x,g as k,h as y,i as n,r as z}from"../custom-element.js";var _=m("<div> </div>");const j={hash:"svelte-1hwtfua",code:`/**
+import{c as g,p as b,a as u,b as d,t as m,f as v,k as h,B as p,j as w,e as x,g as k,h as y,i as n,r as z}from"../../custom-element.js";var _=m("<div> </div>");const j={hash:"svelte-1hwtfua",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-badge.svelte-1hwtfua {color:var(--badge-color-text-standard, #ffffff);background-color:var(--badge-color-background-standard, #464e63);height:1rem;min-width:1rem;padding:0 0.125rem;font-size:0.625rem;border-radius:1rem;font-weight:600;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;}.mc-badge--m.svelte-1hwtfua {height:1.5rem;min-width:1.5rem;padding:0 0.25rem;font-size:0.75rem;}.mc-badge--accent.svelte-1hwtfua {color:var(--badge-color-text-accent, #ffffff);background-color:var(--badge-color-background-accent, #117f03);}.mc-badge--danger.svelte-1hwtfua {color:var(--badge-color-text-danger, #ffffff);background-color:var(--badge-color-background-danger, #c61112);}.mc-badge--inverse.svelte-1hwtfua {color:var(--badge-color-text-inverse, #464e63);background-color:var(--badge-color-background-inverse, #ffffff);}`};function B(l,a){b(a,!0),u(l,j);let s=d(a,"label",7,""),o=d(a,"style",7,"standard"),t=d(a,"size",7,"s");function f(e){const c=["mc-badge"];return e&&c.push(`mc-badge--${e}`),t()&&c.push(`mc-badge--${t()}`),c.join(" ")}var r=_(),i=x(r,!0);return z(r),v(e=>{h(r,1,p(e),"svelte-1hwtfua"),w(i,s())},[()=>f(o())]),k(l,r),y({get label(){return s()},set label(e=""){s(e),n()},get style(){return o()},set style(e="standard"){o(e),n()},get size(){return t()},set size(e="s"){t(e),n()}})}customElements.define("m-badge",g(B,{label:{},style:{},size:{}},[],[],!1));
 //# sourceMappingURL=Badge.js.map

package/dist/components/badge/Badge.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-badge', shadow: 'none' }} />\n\n<script lang=\"ts\">\n import type { BadgeStyle, BadgeSize } from './badge.types';\n interface Props {\n label: string;\n style: BadgeStyle;\n size: BadgeSize;\n }\n\n let { label = '', style = 'standard', size = 's' }: Props = $props();\n\n function setClasses(style: BadgeStyle) {\n const classes = ['mc-badge'];\n\n if (style) {\n classes.push(`mc-badge--${style}`);\n }\n\n if (size) {\n classes.push(`mc-badge--${size}`);\n }\n\n return classes.join(' ');\n }\n</script>\n\n<div class={setClasses(style)}>\n {label}\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/badge';\n</style>\n"],"names":["label","style","size","setClasses","classes"],"mappings":";;63BAUQ,IAAAA,gBAAQ,EAAE,EAAEC,gBAAQ,UAAU,EAAEC,eAAO,GAAG,WAEvCC,EAAWF,EAAmB,CAC/B,MAAAG,GAAW,UAAU,EAEvB,OAAAH,GACFG,EAAQ,KAAI,aAAcH,CAAK,EAAA,EAG7BC,EAAI,GACNE,EAAQ,KAAI,aAAcF,EAAI,CAAA,EAAA,EAGzBE,EAAQ,KAAK,GAAG,CACzB,wEAICJ,GAAK,GADI,CAAA,IAAAG,EAAWF,GAAK,CAAA,iDAjBZ,GAAE,+CAAU,WAAU,6CAAS,IAAG"}

package/dist/components/badge/Badge.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Badge.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEzD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;CACjB;AAgCH,QAAA,MAAM,KAAK,2CAAsC,CAAC;AAClD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/components/badge/badge.types.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AACtE,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,CAAC"}

package/dist/{button → components/button}/Button.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{c as W,p as X,a as Y,b as g,t as x,s as N,e as y,f as K,g as d,h as Z,i as m,r as z,k as $,o as oo,al as h,am as _}from"../custom-element.js";import{i}from"../if.js";import{h as O}from"../html.js";import{s as to,a as L}from"../slot.js";import{b as eo,C as ro}from"../attributes.js";import{L as no}from"../loader/Loader.js";var ao=x('<span class="mc-button__icon svelte-jolktj"><!></span>'),lo=x('<span class="mc-button__icon svelte-jolktj"><!></span>'),co=x("<span><!></span>"),so=x('<span class="mc-button__icon svelte-jolktj"><!></span>'),bo=x("<button><!> <!> <!> <!></button>");const uo={hash:"svelte-jolktj",code:`/**
+import{c as W,p as X,a as Y,b as g,t as x,s as N,e as y,f as K,g as d,h as Z,i as m,r as z,k as $,o as oo,al as h,am as _}from"../../custom-element.js";import{i}from"../../if.js";import{h as O}from"../../html.js";import{s as to,a as L}from"../../slot.js";import{b as eo,C as ro}from"../../attributes.js";import{L as no}from"../loader/Loader.js";var ao=x('<span class="mc-button__icon svelte-jolktj"><!></span>'),lo=x('<span class="mc-button__icon svelte-jolktj"><!></span>'),co=x("<span><!></span>"),so=x('<span class="mc-button__icon svelte-jolktj"><!></span>'),bo=x("<button><!> <!> <!> <!></button>");const uo={hash:"svelte-jolktj",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-button.svelte-jolktj {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);font-weight:600;padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;border-radius:0.25rem;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button.svelte-jolktj:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-jolktj:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-jolktj: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-jolktj .mc-button__label:where(.svelte-jolktj) {font-size:1rem;}.mc-button--s.svelte-jolktj {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;}.mc-button--s.svelte-jolktj .mc-button__label:where(.svelte-jolktj) {font-size:0.875rem;}.mc-button--s.svelte-jolktj .mc-button__icon:where(.svelte-jolktj) {width:1.25rem;height:1.25rem;}.mc-button--s.svelte-jolktj .mc-button__icon:where(.svelte-jolktj):only-child {width:1.25rem;height:1.25rem;}.mc-button--m.svelte-jolktj {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;}.mc-button--m.svelte-jolktj .mc-button__label:where(.svelte-jolktj) {font-size:1rem;}.mc-button--m.svelte-jolktj .mc-button__icon:where(.svelte-jolktj) {width:1.5rem;height:1.5rem;}.mc-button--m.svelte-jolktj .mc-button__icon:where(.svelte-jolktj):only-child {width:1.5rem;height:1.5rem;}.mc-button--l.svelte-jolktj {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;}.mc-button--l.svelte-jolktj .mc-button__label:where(.svelte-jolktj) {font-size:1.125rem;}.mc-button--l.svelte-jolktj .mc-button__icon:where(.svelte-jolktj) {width:2rem;height:2rem;}.mc-button--l.svelte-jolktj .mc-button__icon:where(.svelte-jolktj):only-child {width:2rem;height:2rem;}.mc-button__label.svelte-jolktj {font-size:1rem;}.mc-button__icon.svelte-jolktj {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-jolktj: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-jolktj: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--icon-only.svelte-jolktj {padding:0.25rem;}.mc-button--outlined.svelte-jolktj {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-jolktj:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-jolktj:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-jolktj: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-jolktj {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-jolktj:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-jolktj:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-jolktj: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-jolktj {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-jolktj:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-jolktj:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-jolktj: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-jolktj {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-jolktj:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-jolktj:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-jolktj: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-jolktj {--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-jolktj:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-jolktj:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-jolktj: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-jolktj {border-radius:100%;padding:0;}.mc-button--loading.svelte-jolktj .mc-button__label:where(.svelte-jolktj),
 .mc-button--loading.svelte-jolktj .mc-button__icon:where(.svelte-jolktj) {visibility:hidden;}.mc-button--outlined.mc-button--standard.svelte-jolktj {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-jolktj:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-jolktj:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-jolktj: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-jolktj {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-jolktj:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-jolktj:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-jolktj: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-jolktj {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-jolktj:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-jolktj:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-jolktj: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-jolktj {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-jolktj:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-jolktj:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-jolktj: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-jolktj {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-jolktj:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-jolktj:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-jolktj: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-jolktj {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-jolktj:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-jolktj:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-jolktj: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-jolktj {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-jolktj:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-jolktj:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-jolktj: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-jolktj {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-jolktj:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-jolktj:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-jolktj: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.svelte-jolktj {pointer-events:none;}.hidden.svelte-jolktj {visibility:hidden;}.loader-style.svelte-jolktj {color:currentColor;position:absolute;}`};function io(q,r){const f=to(r);X(r,!0),Y(q,uo);let C=g(r,"appearance",7,"standard"),j=g(r,"size",7,"m"),I=g(r,"ghost",7,!1),A=g(r,"outlined",7,!1),a=g(r,"iconname",7),v=g(r,"iconmode",7),B=g(r,"disabled",7,!1),D=g(r,"type",7,"button"),p=g(r,"isloading",7,!1),M=oo(r,["$$slots","$$events","$$legacy","$$host","appearance","size","ghost","outlined","iconname","iconmode","disabled","type","isloading"]);function E(o,e,s){const b=e==="only";let u;switch(o){case"s":u="24px";break;case"m":u=b?"32px":"24px";break;case"l":u=b?"100%":"32px";break}return`${s} size="${u}" `}var S=bo();let F;var G=y(S);{var P=o=>{no(o,{theme:"standard",style:"color: currentColor; position: absolute;",size:"m",text:""})};i(G,o=>{p()&&o(P)})}var H=N(G,2);{var Q=o=>{var e=ao(),s=y(e);{var b=t=>{var n=h(),l=_(n);L(l,r,"icon",{}),d(t,n)},u=(t,n)=>{{var l=c=>{var k=h(),w=_(k);O(w,()=>`<${E(j(),v(),a())} />`),d(c,k)};i(t,c=>{a()&&c(l)},n)}};i(s,t=>{f.icon?t(b):t(u,!1)})}z(e),d(o,e)};i(H,o=>{(a()||f.icon)&&v()==="left"&&o(Q)})}var J=N(H,2);{var R=o=>{var e=lo(),s=y(e);{var b=t=>{var n=h(),l=_(n);L(l,r,"icon",{}),d(t,n)},u=(t,n)=>{{var l=c=>{var k=h(),w=_(k);O(w,()=>`<${E(j(),v(),a())} />`),d(c,k)};i(t,c=>{a()&&c(l)},n)}};i(s,t=>{f.icon?t(b):t(u,!1)})}z(e),d(o,e)},T=o=>{var e=co();let s;var b=y(e);L(b,r,"default",{}),z(e),K(()=>s=$(e,1,"mc-button__label svelte-jolktj",null,s,{hidden:p()})),d(o,e)};i(J,o=>{(a()||f.icon)&&v()==="only"?o(R):o(T,!1)})}var U=N(J,2);{var V=o=>{var e=so(),s=y(e);{var b=t=>{var n=h(),l=_(n);L(l,r,"icon",{}),d(t,n)},u=(t,n)=>{{var l=c=>{var k=h(),w=_(k);O(w,()=>`<${E(j(),v(),a())} />`),d(c,k)};i(t,c=>{a()&&c(l)},n)}};i(s,t=>{f.icon?t(b):t(u,!1)})}z(e),d(o,e)};i(U,o=>{(a()||f.icon)&&v()==="right"&&o(V)})}return z(S),K(()=>F=eo(S,F,{class:`mc-button ${(j()?`mc-button--${j()}`:"")??""} ${(C()?`mc-button--${C()}`:"")??""}`,disabled:B(),type:D(),...M,[ro]:{"mc-button--ghost":I(),"mc-button--outlined":A(),"mc-button--icon-only":v()=="only","mc-button--loading":p()}},"svelte-jolktj")),d(q,S),Z({get appearance(){return C()},set appearance(o="standard"){C(o),m()},get size(){return j()},set size(o="m"){j(o),m()},get ghost(){return I()},set ghost(o=!1){I(o),m()},get outlined(){return A()},set outlined(o=!1){A(o),m()},get iconname(){return a()},set iconname(o){a(o),m()},get iconmode(){return v()},set iconmode(o){v(o),m()},get disabled(){return B()},set disabled(o=!1){B(o),m()},get type(){return D()},set type(o="button"){D(o),m()},get isloading(){return p()},set isloading(o=!1){p(o),m()}})}customElements.define("m-button",W(io,{appearance:{},size:{},ghost:{},outlined:{},iconname:{},iconmode:{},disabled:{},type:{},isloading:{}},["icon","default"],[],!0));

package/dist/components/button/Button.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-button' }} />\n\n<script lang=\"ts\">\n import type {\n ButtonIconMode,\n ButtonSize,\n ButtonStyle,\n ButtonType,\n } from './button.types';\n\n import Loader from '../loader/Loader.svelte';\n\n interface Props {\n appearance?: ButtonStyle | undefined;\n size?: ButtonSize;\n ghost?: boolean;\n outlined?: boolean;\n iconname: string | undefined;\n iconmode: ButtonIconMode | undefined;\n disabled?: boolean;\n type?: ButtonType;\n isloading?: boolean;\n [key: string]: any;\n }\n\n let {\n appearance = 'standard',\n size = 'm',\n ghost = false,\n outlined = false,\n iconname,\n iconmode,\n disabled = false,\n type = 'button',\n isloading = false,\n ...events\n }: Props = $props();\n\n function generateIconName(\n size: ButtonSize,\n iconMode: ButtonIconMode,\n iconName: string,\n ): string {\n const isIconOnly = iconMode === 'only';\n let iconSize: string;\n\n switch (size) {\n case 's':\n iconSize = '24px';\n break;\n case 'm':\n iconSize = isIconOnly ? '32px' : '24px';\n break;\n case 'l':\n iconSize = isIconOnly ? '100%' : '32px';\n break;\n }\n\n return `${iconName} size=\"${iconSize}\" `;\n }\n</script>\n\n<button\n class=\"mc-button {size ? `mc-button--${size}` : ''} {appearance\n ? `mc-button--${appearance}`\n : ''}\"\n class:mc-button--ghost={ghost}\n class:mc-button--outlined={outlined}\n class:mc-button--icon-only={iconmode == 'only'}\n class:mc-button--loading={isloading}\n {disabled}\n {type}\n {...events}\n>\n {#if isloading}\n <Loader\n theme=\"standard\"\n style=\"color: currentColor; position: absolute;\"\n size=\"m\"\n text=\"\"\n />\n {/if}\n {#if (iconname || $$slots.icon) && iconmode === 'left'}\n <span class=\"mc-button__icon\">\n {#if $$slots.icon}\n <slot name=\"icon\" />\n {:else if iconname}\n {@html `<${generateIconName(size, iconmode, iconname)} />`}\n {/if}\n </span>\n {/if}\n\n {#if (iconname || $$slots.icon) && iconmode === 'only'}\n <span class=\"mc-button__icon\">\n {#if $$slots.icon}\n <slot name=\"icon\" />\n {:else if iconname}\n {@html `<${generateIconName(size, iconmode, iconname)} />`}\n {/if}\n </span>\n {:else}\n <span class=\"mc-button__label\" class:hidden={isloading}>\n <slot />\n </span>\n {/if}\n\n {#if (iconname || $$slots.icon) && iconmode === 'right'}\n <span class=\"mc-button__icon\">\n {#if $$slots.icon}\n <slot name=\"icon\" />\n {:else if iconname}\n {@html `<${generateIconName(size, iconmode, iconname)} />`}\n {/if}\n </span>\n {/if}\n</button>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/button';\n\n .mc-button__icon {\n pointer-events: none;\n }\n\n .hidden {\n visibility: hidden;\n }\n\n .loader-style {\n color: currentColor;\n position: absolute;\n }\n</style>\n"],"names":["appearance","size","ghost","outlined","iconname","$.prop","$$props","iconmode","disabled","type","isloading","events","$.rest_props","generateIconName","iconMode","iconName","isIconOnly","iconSize","$$render","consequent","$.html","node_4","consequent_2","$$slots","consequent_1","alternate","consequent_3","node_8","consequent_5","consequent_4","alternate_1","consequent_6","alternate_2","node_13","consequent_8","consequent_7","alternate_3","consequent_9"],"mappings":";;;4oMA0BI,IAAAA,qBAAa,UAAU,EACvBC,eAAO,GAAG,EACVC,gBAAQ,EAAK,EACbC,mBAAW,EAAK,EAChBC,EAAQC,EAAAC,EAAA,WAAA,CAAA,EACRC,EAAQF,EAAAC,EAAA,WAAA,CAAA,EACRE,mBAAW,EAAK,EAChBC,eAAO,QAAQ,EACfC,oBAAY,EAAK,EACdC,EAAAC,GAAAN,EAAA,uIAGI,SAAAO,EACPZ,EACAa,EACAC,EACQ,OACFC,EAAaF,IAAa,WAC5BG,SAEIhB,EAAI,KACL,IACHgB,EAAW,iBAER,IACHA,EAAWD,EAAa,OAAS,iBAE9B,IACHC,EAAWD,EAAa,OAAS,aAI3B,MAAA,GAAAD,CAAQ,UAAUE,CAAQ,IACtC,4IAeKP,EAAS,GAAAQ,EAAAC,CAAA,yIAaGC,EAAAC,EAAA,IAAA,IAAAR,EAAiBZ,IAAMM,IAAUH,GAAQ,CAAA,KAAA,kBAD5CA,EAAQ,GAAAc,EAAAI,CAAA,gBAFbC,EAAQ,KAAIL,EAAAM,CAAA,EAAAN,EAAAO,EAAA,EAAA,0BAFfrB,KAAYmB,EAAQ,OAAShB,MAAa,QAAMW,EAAAQ,CAAA,yIAerCN,EAAAO,EAAA,IAAA,IAAAd,EAAiBZ,IAAMM,IAAUH,GAAQ,CAAA,KAAA,kBAD5CA,EAAQ,GAAAc,EAAAU,CAAA,gBAFbL,EAAQ,KAAIL,EAAAW,CAAA,EAAAX,EAAAY,EAAA,EAAA,0IAO0BpB,EAAS,CAAA,CAAA,CAAA,mBATlDN,KAAYmB,EAAQ,OAAShB,MAAa,OAAMW,EAAAa,CAAA,EAAAb,EAAAc,EAAA,EAAA,yIAmBrCZ,EAAAa,EAAA,IAAA,IAAApB,EAAiBZ,IAAMM,IAAUH,GAAQ,CAAA,KAAA,kBAD5CA,EAAQ,GAAAc,EAAAgB,CAAA,gBAFbX,EAAQ,KAAIL,EAAAiB,CAAA,EAAAjB,EAAAkB,EAAA,EAAA,0BAFfhC,KAAYmB,EAAQ,OAAShB,MAAa,SAAOW,EAAAmB,CAAA,oDA3CrCpC,EAAI,EAAA,cAAiBA,GAAS,GAAA,YAAKD,EACnC,EAAA,cAAAA,EAAU,IACxB,KAAE,EAAA,4BAOFW,2BANoBT,EAAK,wBACFC,EAAQ,EACP,uBAAAI,EAAQ,GAAI,4BACdG,EAAS,8EA3CpB,WAAU,6CAChB,IAAG,+CACF,GAAK,qDACF,GAAK,+JAGL,GAAK,6CACT,SAAQ,uDACH,GAAK"}

package/dist/components/button/Button.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,UAAU,EACX,MAAM,gBAAgB,CAAC;AAKxB,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACrC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AA2FH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,MAAM;;;;;;;;UAAmF,CAAC;AAC9E,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}

package/dist/{button → components/button}/IconButton.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{c as p,p as w,a as y,b as r,t as x,f as z,g as _,h as S,i as e,e as C,r as I,o as j}from"../custom-element.js";import{h as A}from"../html.js";import{b as B,C as D}from"../attributes.js";var E=x("<button><!></button>");const L={hash:"svelte-afhc2k",code:`/**
+import{c as p,p as w,a as y,b as r,t as x,f as z,g as _,h as S,i as e,e as C,r as I,o as j}from"../../custom-element.js";import{h as A}from"../../html.js";import{b as B,C as D}from"../../attributes.js";var E=x("<button><!></button>");const L={hash:"svelte-afhc2k",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-button.svelte-afhc2k {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);font-weight:600;padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;border-radius:0.25rem;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button.svelte-afhc2k:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-afhc2k:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-afhc2k:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--s.svelte-afhc2k {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;}.mc-button--m.svelte-afhc2k {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;}.mc-button--l.svelte-afhc2k {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;}.mc-button__label.svelte-afhc2k {font-size:1rem;}.mc-button__icon.svelte-afhc2k {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-afhc2k: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-afhc2k: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--icon-only.svelte-afhc2k {padding:0.25rem;}.mc-button--outlined.svelte-afhc2k {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-afhc2k:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-afhc2k:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-afhc2k:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-afhc2k: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-afhc2k {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-afhc2k:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-afhc2k:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-afhc2k: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-afhc2k {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-afhc2k:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-afhc2k:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-afhc2k: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-afhc2k {--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-afhc2k:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-afhc2k:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-afhc2k: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-afhc2k {border-radius:100%;padding:0;}.mc-button--outlined.mc-button--standard.svelte-afhc2k {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-afhc2k:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-afhc2k:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-afhc2k:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-afhc2k:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-afhc2k:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-afhc2k:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-afhc2k:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-afhc2k:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-afhc2k:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-afhc2k:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}`};function N(v,t){w(t,!0),y(v,L);let c=r(t,"appearance",7,"standard"),a=r(t,"size",7,"m"),l=r(t,"ghost",7,!1),b=r(t,"outlined",7,!1),u=r(t,"iconname",7),s=r(t,"disabled",7,!1),i=r(t,"type",7,"button"),f=j(t,["$$slots","$$events","$$legacy","$$host","appearance","size","ghost","outlined","iconname","disabled","type"]);function k(o,m){let d;switch(o){case"s":d="20px";break;case"m":d="24px";break;case"l":d="32px";break}return`${m} size="${d}" `}var n=E();let g;var h=C(n);return A(h,()=>`<${k(a(),u())} />`),I(n),z(()=>g=B(n,g,{class:`mc-button mc-button--icon-button ${(a()?`mc-button--${a()}`:"")??""} ${(c()?`mc-button--${c()}`:"")??""}`,disabled:s(),type:i(),...f,[D]:{"mc-button--ghost":l(),"mc-button--outlined":b()}},"svelte-afhc2k")),_(v,n),S({get appearance(){return c()},set appearance(o="standard"){c(o),e()},get size(){return a()},set size(o="m"){a(o),e()},get ghost(){return l()},set ghost(o=!1){l(o),e()},get outlined(){return b()},set outlined(o=!1){b(o),e()},get iconname(){return u()},set iconname(o){u(o),e()},get disabled(){return s()},set disabled(o=!1){s(o),e()},get type(){return i()},set type(o="button"){i(o),e()}})}customElements.define("m-icon-button",p(N,{appearance:{},size:{},ghost:{},outlined:{},iconname:{},disabled:{},type:{}},[],[],!1));
 //# sourceMappingURL=IconButton.js.map

package/dist/components/button/IconButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconButton.js","sources":["../../../src/components/button/IconButton.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-icon-button', shadow: 'none' }} />\n\n<script lang=\"ts\">\n import type { ButtonSize, ButtonStyle, ButtonType } from './button.types';\n\n interface Props {\n appearance?: ButtonStyle | undefined;\n size?: ButtonSize;\n ghost?: boolean;\n outlined?: boolean;\n iconname: string;\n disabled?: boolean;\n type?: ButtonType;\n [key: string]: any;\n }\n\n let {\n appearance = 'standard',\n size = 'm',\n ghost = false,\n outlined = false,\n iconname,\n disabled = false,\n type = 'button',\n ...events\n }: Props = $props();\n\n function generateIconName(size: ButtonSize, iconName: string): string {\n let iconSize: string;\n\n switch (size) {\n case 's':\n iconSize = '20px';\n break;\n case 'm':\n iconSize = '24px';\n break;\n case 'l':\n iconSize = '32px';\n break;\n }\n\n return `${iconName} size=\"${iconSize}\" `;\n }\n</script>\n\n<button\n class=\"mc-button mc-button--icon-button {size\n ? `mc-button--${size}`\n : ''} {appearance ? `mc-button--${appearance}` : ''}\"\n class:mc-button--ghost={ghost}\n class:mc-button--outlined={outlined}\n {disabled}\n {type}\n {...events}\n>\n {@html `<${generateIconName(size, iconname)} />`}\n</button>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/button';\n</style>\n"],"names":["appearance","size","ghost","outlined","iconname","$.prop","$$props","disabled","type","events","$.rest_props","generateIconName","iconName","iconSize"],"mappings":";;69VAiBI,IAAAA,qBAAa,UAAU,EACvBC,eAAO,GAAG,EACVC,gBAAQ,EAAK,EACbC,mBAAW,EAAK,EAChBC,EAAQC,EAAAC,EAAA,WAAA,CAAA,EACRC,mBAAW,EAAK,EAChBC,eAAO,QAAQ,EACZC,EAAAC,EAAAJ,EAAA,gHAGI,SAAAK,EAAiBV,EAAkBW,EAA0B,KAChEC,SAEIZ,EAAI,KACL,IACHY,EAAW,iBAER,IACHA,EAAW,iBAER,IACHA,EAAW,aAIL,MAAA,GAAAD,CAAQ,UAAUC,CAAQ,IACtC,+CAaWF,EAAiBV,EAAI,EAAEG,EAAQ,CAAA,CAAA,KAAA,iEATDH,EACvB,EAAA,cAAAA,MACd,KAAE,EAAA,KAAGD,EAA2B,EAAA,cAAAA,EAAU,IAAK,KAAE,EAAA,4BAKjDS,0BAJoBP,EAAK,wBACFC,EAAQ,8EAlCpB,WAAU,6CAChB,IAAG,+CACF,GAAK,qDACF,GAAK,0GAEL,GAAK,6CACT,SAAQ"}

package/dist/components/button/IconButton.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/button/IconButton.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACrC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AA+CH,QAAA,MAAM,UAAU,2CAAsC,CAAC;AACvD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/button/button.types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AACd,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACzC,MAAM,MAAM,oBAAoB,GAC5B,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,SAAS,CAAC;AACd,MAAM,MAAM,qBAAqB,GAC7B,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,cAAc,GACd,MAAM,GACN,aAAa,GACb,aAAa,GACb,cAAc,GACd,eAAe,GACf,SAAS,CAAC;AAEd,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACvC,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC"}

package/dist/{checkbox → components/checkbox}/Checkbox.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{c as z,p as B,a as M,b as r,z as S,A,t as x,s as H,e as p,f as g,m as j,g as k,h as D,i,r as _,C as L,j as q,o as F}from"../custom-element.js";import{i as G}from"../if.js";import{r as I,s as J,b as K,C as N}from"../attributes.js";import{c as O}from"../input.js";var P=x('<label class="mc-checkbox__label svelte-1vlbnyp"> </label>'),Q=x('<div class="mc-checkbox svelte-1vlbnyp"><input> <!></div>');const R={hash:"svelte-1vlbnyp",code:`/**
+import{c as z,p as B,a as M,b as r,z as S,A,t as x,s as H,e as p,f as g,m as j,g as k,h as D,i,r as _,C as L,j as q,o as F}from"../../custom-element.js";import{i as G}from"../../if.js";import{r as I,s as J,b as K,C as N}from"../../attributes.js";import{c as O}from"../../input.js";var P=x('<label class="mc-checkbox__label svelte-1vlbnyp"> </label>'),Q=x('<div class="mc-checkbox svelte-1vlbnyp"><input> <!></div>');const R={hash:"svelte-1vlbnyp",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 /* stylelint-disable string-no-newline */.mc-checkbox.svelte-1vlbnyp {align-items:center;display:flex;gap:0.5rem;}.mc-checkbox__label.svelte-1vlbnyp {font-size:1rem;line-height:1.3;color:var(--forms-color-text-default, #000000);cursor:pointer;}.mc-checkbox__input.svelte-1vlbnyp {appearance:none;margin:0;cursor:pointer;transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:0.125rem solid var(--forms-color-border-default, #666666);border-radius:0.25rem;transition:all ease 200ms;height:1.25rem;width:1.25rem;}.mc-checkbox__input.svelte-1vlbnyp:hover {border-color:var(--forms-color-border-hover, #4d4d4d);}.mc-checkbox__input.svelte-1vlbnyp: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-checkbox__input.svelte-1vlbnyp:checked {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E");}.mc-checkbox__input.svelte-1vlbnyp:indeterminate {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E");}.mc-checkbox__input.svelte-1vlbnyp:checked, .mc-checkbox__input.svelte-1vlbnyp:indeterminate {background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center;}.mc-checkbox__input.svelte-1vlbnyp:checked, .mc-checkbox__input.svelte-1vlbnyp:indeterminate, .mc-checkbox__input.svelte-1vlbnyp:disabled {border-color:transparent;}.mc-checkbox__input.svelte-1vlbnyp:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;}.mc-checkbox__input.svelte-1vlbnyp:disabled:checked {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E");}.mc-checkbox__input.svelte-1vlbnyp:disabled:indeterminate {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E");}.mc-checkbox__input.svelte-1vlbnyp:disabled + .mc-checkbox__label:where(.svelte-1vlbnyp) {color:var(--forms-color-text-disabled, #737373);cursor:not-allowed;}.mc-checkbox__input.svelte-1vlbnyp:not(:disabled):checked:hover, .mc-checkbox__input.svelte-1vlbnyp:not(:disabled):indeterminate:hover {background-color:var(--forms-color-background-checked-hover, #006902);}.mc-checkbox__input.is-invalid.svelte-1vlbnyp:not(:checked):not(:indeterminate) {border-color:var(--forms-color-border-invalid, #ea302d);}.mc-checkbox__input.is-invalid.svelte-1vlbnyp:not(:checked):not(:indeterminate):hover {border-color:var(--forms-color-border-invalid-hover, #c61112);}

package/dist/components/checkbox/Checkbox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.svelte"],"sourcesContent":["<svelte:options\n customElement={{\n tag: 'm-checkbox',\n }}\n/>\n\n<script lang=\"ts\">\n interface Props {\n name: string;\n id: string;\n checked: boolean;\n indeterminate: boolean;\n disabled?: boolean;\n isinvalid?: boolean;\n label: string;\n ischecked: boolean;\n }\n\n let {\n name = 'checkbox',\n id,\n indeterminate,\n disabled = false,\n isinvalid = false,\n label,\n ischecked,\n ...events\n }: Props = $props();\n\n let isChecked = $state(ischecked);\n</script>\n\n<div class=\"mc-checkbox\">\n <input\n {id}\n type=\"checkbox\"\n class=\"mc-checkbox__input\"\n class:is-invalid={isinvalid}\n aria-invalid={isinvalid}\n {name}\n {disabled}\n {indeterminate}\n bind:checked={isChecked}\n {...events}\n />\n {#if label}\n <label for={name} class=\"mc-checkbox__label\">{label}</label>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/checkbox';\n @use '@mozaic-ds/styles/components/field';\n</style>\n"],"names":["name","id","$.prop","$$props","indeterminate","disabled","isinvalid","label","ischecked","events","$.rest_props","isChecked","$$render","consequent","$.bind_checked","input","$.get","$$value"],"mappings":";;;;;;;;0EAmBI,IAAAA,eAAO,UAAU,EACjBC,EAAEC,EAAAC,EAAA,KAAA,CAAA,EACFC,EAAaF,EAAAC,EAAA,gBAAA,CAAA,EACbE,mBAAW,EAAK,EAChBC,oBAAY,EAAK,EACjBC,EAAKL,EAAAC,EAAA,QAAA,CAAA,EACLK,EAASN,EAAAC,EAAA,YAAA,CAAA,EACNM,EAAAC,EAAAP,EAAA,mHAGDQ,MAAmBH,EAAS,CAAA,CAAA,gGAiBlBR,GAAI,MAA8BO,GAAK,oBADhDA,EAAK,GAAAK,EAAAC,CAAA,gGAPMP,EAAS,6CAKnBG,oBANcH,EAAS,CAAA,sBAKbQ,EAAAC,EAAA,IAAAC,EAAAL,CAAS,OAATA,EAASM,CAAA,CAAA,8CAvBhB,WAAU,6JAGN,GAAK,uDACJ,GAAK"}

package/dist/components/checkbox/Checkbox.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACpB;AAiCH,QAAA,MAAM,QAAQ,2CAAsC,CAAC;AACrD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/{checkboxgroup → components/checkboxgroup}/checkboxGroup.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{d as q,c as F,p as I,a as J,b as s,z as K,A as L,t as f,s as A,e as d,f as h,g as u,h as N,i as v,r as i,j as H,m as r,k as O,C as P}from"../custom-element.js";import{i as V}from"../if.js";import{e as Q}from"../each.js";import{r as R,s as m,a as T}from"../attributes.js";import{a as U}from"../input.js";function W(p,n,_){n()(r(_))}var X=f('<legend class="mc-field__legend svelte-1vlbnyp"> </legend>'),Y=f('<label class="mc-checkbox__label svelte-1vlbnyp"> </label>'),Z=f('<div class="mc-checkbox mc-field__item svelte-1vlbnyp"><input type="checkbox"> <!></div>'),$=f('<div class="checkbox-group-container"><fieldset class="mc-field mc-field--group svelte-1vlbnyp"><!> <div class="mc-field__container svelte-1vlbnyp"></div></fieldset></div>');const ee={hash:"svelte-1vlbnyp",code:`/**
+import{d as q,c as F,p as I,a as J,b as s,z as K,A as L,t as f,s as A,e as d,f as h,g as u,h as N,i as v,r as i,j as H,m as r,k as O,C as P}from"../../custom-element.js";import{i as V}from"../../if.js";import{e as Q}from"../../each.js";import{r as R,s as m,a as T}from"../../attributes.js";import{a as U}from"../../input.js";function W(p,n,_){n()(r(_))}var X=f('<legend class="mc-field__legend svelte-1vlbnyp"> </legend>'),Y=f('<label class="mc-checkbox__label svelte-1vlbnyp"> </label>'),Z=f('<div class="mc-checkbox mc-field__item svelte-1vlbnyp"><input type="checkbox"> <!></div>'),$=f('<div class="checkbox-group-container"><fieldset class="mc-field mc-field--group svelte-1vlbnyp"><!> <div class="mc-field__container svelte-1vlbnyp"></div></fieldset></div>');const ee={hash:"svelte-1vlbnyp",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 /* stylelint-disable string-no-newline */.mc-checkbox.svelte-1vlbnyp {align-items:center;display:flex;gap:0.5rem;}.mc-checkbox__label.svelte-1vlbnyp {font-size:1rem;line-height:1.3;color:var(--forms-color-text-default, #000000);cursor:pointer;}.mc-checkbox__input.svelte-1vlbnyp {appearance:none;margin:0;cursor:pointer;transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:0.125rem solid var(--forms-color-border-default, #666666);border-radius:0.25rem;transition:all ease 200ms;height:1.25rem;width:1.25rem;}.mc-checkbox__input.svelte-1vlbnyp:hover {border-color:var(--forms-color-border-hover, #4d4d4d);}.mc-checkbox__input.svelte-1vlbnyp: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-checkbox__input.svelte-1vlbnyp:checked {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E");}.mc-checkbox__input.svelte-1vlbnyp:indeterminate {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E");}.mc-checkbox__input.svelte-1vlbnyp:checked, .mc-checkbox__input.svelte-1vlbnyp:indeterminate {background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center;}.mc-checkbox__input.svelte-1vlbnyp:checked, .mc-checkbox__input.svelte-1vlbnyp:indeterminate, .mc-checkbox__input.svelte-1vlbnyp:disabled {border-color:transparent;}.mc-checkbox__input.svelte-1vlbnyp:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;}.mc-checkbox__input.svelte-1vlbnyp:disabled:checked {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E");}.mc-checkbox__input.svelte-1vlbnyp:disabled:indeterminate {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E");}.mc-checkbox__input.svelte-1vlbnyp:disabled + .mc-checkbox__label:where(.svelte-1vlbnyp) {color:var(--forms-color-text-disabled, #737373);cursor:not-allowed;}.mc-checkbox__input.svelte-1vlbnyp:not(:disabled):checked:hover, .mc-checkbox__input.svelte-1vlbnyp:not(:disabled):indeterminate:hover {background-color:var(--forms-color-background-checked-hover, #006902);}.mc-checkbox__input.is-invalid.svelte-1vlbnyp:not(:checked):not(:indeterminate) {border-color:var(--forms-color-border-invalid, #ea302d);}.mc-checkbox__input.is-invalid.svelte-1vlbnyp:not(:checked):not(:indeterminate):hover {border-color:var(--forms-color-border-invalid-hover, #c61112);}

package/dist/components/checkboxgroup/checkboxGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"checkboxGroup.js","sources":["../../../src/components/checkboxgroup/checkboxGroup.svelte"],"sourcesContent":["<svelte:options\n customElement={{\n tag: 'm-checkbox-group',\n props: {\n options: { reflect: true, type: 'Array', attribute: 'options' },\n },\n shadow: 'none',\n }}\n/>\n\n<script lang=\"ts\">\n import type { CheckboxGroupOption } from './checkboxgroup.types';\n\n interface Props {\n id: string;\n options: Array<CheckboxGroupOption>;\n legend: string;\n selected: Array<String>;\n }\n\n let { id, options, legend, selected, onchange }: Props = $props();\n let selectedValues = $state(selected);\n function selectValue() {\n onchange(selectedValues);\n }\n</script>\n\n<div class=\"checkbox-group-container\" {id}>\n <fieldset class=\"mc-field mc-field--group\">\n {#if legend && legend.length}\n <legend class=\"mc-field__legend\">\n {legend}\n </legend>\n {/if}\n <div class=\"mc-field__container\">\n {#each options as opt (opt.id)}\n <div class=\"mc-checkbox mc-field__item\">\n <input\n type=\"checkbox\"\n class=\"mc-checkbox__input {opt.isinvalid ? ' is-invalid' : ''}\"\n id={opt.id}\n name={opt.name}\n checked={opt.checked}\n disabled={opt.disabled}\n indeterminate={opt.indeterminate}\n aria-invalid={opt.isinvalid}\n bind:group={selectedValues}\n value={opt.name}\n onchange={selectValue}\n />\n {#if opt.label}\n <label for={opt.id} class=\"mc-checkbox__label\">{opt.label}</label>\n {/if}\n </div>\n {/each}\n </div>\n </fieldset>\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/checkbox';\n @use '@mozaic-ds/styles/components/field';\n</style>\n"],"names":["selectValue","_","onchange","selectedValues","id","$.prop","$$props","options","legend","selected","$$render","consequent","$.each","div_1","opt","$.set_attribute","label","$.get","$.set_text","text_1","consequent_1","$.set_class","input","$.set_checked","input_value","$$value"],"mappings":"qUAsBW,SAAAA,EAAcC,EAAAC,EAAAC,EAAA,CACrBD,MAASC,CAAc,CAAA,CACzB;;;;;;;;2FAJMC,EAAEC,EAAAC,EAAA,KAAA,CAAA,EAAEC,EAAOF,EAAAC,EAAA,UAAA,CAAA,EAAEE,EAAMH,EAAAC,EAAA,SAAA,CAAA,EAAEG,EAAQJ,EAAAC,EAAA,WAAA,CAAA,EAAEJ,EAAQG,EAAAC,EAAA,WAAA,CAAA,EACzCH,MAAwBM,EAAQ,CAAA,CAAA,wEAU7BD,EAAM,CAAA,CAAA,kBAFNA,EAAM,GAAIA,EAAM,EAAC,QAAME,EAAAC,CAAA,iBAMnBC,OAAAA,EAAAC,EAAA,GAAAN,EAAWO,GAAKA,EAAI,MAATA,IAAG,yCAaLd,EAAWE,EAAAC,CAAA,0DAGTY,EAAAC,EAAA,MAAAC,EAAAH,CAAG,EAAC,EAAE,EAA8BI,EAAAC,EAAAF,EAAAH,CAAG,EAAC,KAAK,oBADtDG,EAAAH,CAAG,EAAC,OAAKJ,EAAAU,CAAA,gBAXeC,EAAAC,EAAA,EAAA,uBAAAL,EAAAH,CAAG,EAAC,UAAY,cAAgB,KAAE,EAAA,GAAA,gBAAA,EACzDC,EAAAO,EAAA,KAAAL,EAAAH,CAAG,EAAC,EAAE,EACJC,EAAAO,EAAA,OAAAL,EAAAH,CAAG,EAAC,IAAI,EACLS,EAAAD,EAAAL,EAAAH,CAAG,EAAC,OAAO,EACVQ,EAAA,SAAAL,EAAAH,CAAG,EAAC,SACCQ,EAAA,cAAAL,EAAAH,CAAG,EAAC,cACLC,EAAAO,EAAA,eAAAL,EAAAH,CAAG,EAAC,SAAS,EAEpBU,KAAAA,EAAAP,EAAAH,CAAG,EAAC,QAAJQ,EAAA,OAAAA,EAAA,QAAAL,EAAAH,CAAG,EAAC,OAAJ,KAAA,GAAAG,EAAAH,CAAG,EAAC,sBAAJG,EAAAH,CAAG,EAAC,OADCX,CAAc,QAAdA,EAAcsB,CAAA"}

package/dist/components/checkboxgroup/checkboxGroup.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"checkboxGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/checkboxgroup/checkboxGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG/D,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CACzB;AA4CH,QAAA,MAAM,aAAa,2CAAsC,CAAC;AAC1D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/checkboxgroup/checkboxgroup.types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"checkboxgroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/checkboxgroup/checkboxgroup.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC"}

package/dist/{field → components/field}/Field.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{c as A,p as G,a as H,b as t,t as u,s as f,e as d,f as _,g as p,h as I,i as a,r,j as h,k as J}from"../custom-element.js";import{i as Z}from"../if.js";import{a as K}from"../slot.js";import{s as C}from"../attributes.js";var N=u('<span class="mc-field__requirement svelte-dg1po7" aria-hidden="true"> </span>'),O=u('<span class="mc-field__help svelte-dg1po7"> </span>'),P=u("<span> </span>"),Q=u('<div class="mc-field"><label class="mc-field__label svelte-dg1po7"> <!></label> <!> <div class="mc-field__content svelte-dg1po7"><!></div> <!></div>');const R={hash:"svelte-dg1po7",code:`/**
+import{c as A,p as G,a as H,b as t,t as u,s as f,e as d,f as _,g as p,h as I,i as a,r,j as h,k as J}from"../../custom-element.js";import{i as Z}from"../../if.js";import{a as K}from"../../slot.js";import{s as C}from"../../attributes.js";var N=u('<span class="mc-field__requirement svelte-dg1po7" aria-hidden="true"> </span>'),O=u('<span class="mc-field__help svelte-dg1po7"> </span>'),P=u("<span> </span>"),Q=u('<div class="mc-field"><label class="mc-field__label svelte-dg1po7"> <!></label> <!> <div class="mc-field__content svelte-dg1po7"><!></div> <!></div>');const R={hash:"svelte-dg1po7",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 /* stylelint-disable string-no-newline */.mc-field__label.svelte-dg1po7 {font-size:0.875rem;line-height:1.3;font-weight:400;color:var(--field-color-label, #000000);}.mc-field__requirement.svelte-dg1po7, .mc-field__help.svelte-dg1po7 {font-size:0.75rem;line-height:1.5;font-weight:400;vertical-align:top;color:var(--field-color-requirement, #666666);}.mc-field__help.svelte-dg1po7 {display:block;margin-top:0.125rem;}.mc-field__content.svelte-dg1po7 {margin-top:0.5rem;}.mc-field__validation-message.svelte-dg1po7 {font-size:0.875rem;line-height:1.5;display:inline-flex;gap:0.25rem;margin-top:0.25rem;}.mc-field__validation-message.svelte-dg1po7::before {content:"";height:1.25rem;width:1.25rem;}.mc-field__validation-message.is-valid.svelte-dg1po7 {color:var(--field-color-validation-valid, #117f03);}.mc-field__validation-message.is-valid.svelte-dg1po7::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--field-color-validation-valid, %23117f03)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M3.25 10c0-3.72792 3.02208-6.75 6.75-6.75 3.7279 0 6.75 3.02208 6.75 6.75 0 3.7279-3.0221 6.75-6.75 6.75-3.72792 0-6.75-3.0221-6.75-6.75ZM10 1.75c-4.55635 0-8.25 3.69365-8.25 8.25 0 4.5563 3.69365 8.25 8.25 8.25 4.5563 0 8.25-3.6937 8.25-8.25 0-4.55635-3.6937-8.25-8.25-8.25Zm4.2803 6.697c.2929-.2929.2929-.76777 0-1.06066-.2929-.2929-.7677-.2929-1.0606 0L9.16667 11.4393 7.197 9.46967c-.2929-.29289-.76777-.29289-1.06066 0-.2929.29289-.2929.76773 0 1.06063l2.5 2.5c.29289.2929.76776.2929 1.06066 0l4.5833-4.5833Z'/%3E%3C/svg%3E");}.mc-field__validation-message.is-invalid.svelte-dg1po7 {color:var(--field-color-validation-invalid, #c61112);}.mc-field__validation-message.is-invalid.svelte-dg1po7::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--field-color-validation-invalid, %23c61112)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E");}

package/dist/components/field/Field.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Field.js","sources":["../../../src/components/field/Field.svelte"],"sourcesContent":["<svelte:options\n customElement={{\n tag: 'm-field',\n shadow: 'none',\n }}\n/>\n\n<script lang=\"ts\">\n interface Props {\n id: string;\n label: string;\n requirementtext: string;\n helpid: string;\n helptext: string;\n messageid: string;\n message: string;\n isinvalid?: boolean;\n isvalid?: boolean;\n [key: string]: any;\n }\n\n let {\n id,\n label,\n requirementtext,\n helpid,\n helptext,\n messageid,\n message,\n isinvalid = false,\n isvalid = false,\n }: Props = $props();\n</script>\n\n<div class=\"mc-field\">\n <label for={id} class=\"mc-field__label\">\n {label}\n {#if requirementtext}\n <span class=\"mc-field__requirement\" aria-hidden=\"true\">\n {requirementtext}\n </span>\n {/if}\n </label>\n {#if helpid && helptext}\n <span id={helpid} class=\"mc-field__help\">\n {helptext}\n </span>\n {/if}\n <div class=\"mc-field__content\">\n <slot />\n </div>\n {#if isinvalid || isvalid}\n <span\n id={messageid}\n class=\"mc-field__validation-message\"\n class:is-valid={isvalid}\n class:is-invalid={isinvalid}\n >\n {message}\n </span>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/field';\n</style>\n"],"names":["id","$.prop","$$props","label","requirementtext","helpid","helptext","messageid","message","isinvalid","isvalid","$$render","consequent","consequent_1","consequent_2"],"mappings":";;;;;8EAsBIA,EAAEC,EAAAC,EAAA,KAAA,CAAA,EACFC,EAAKF,EAAAC,EAAA,QAAA,CAAA,EACLE,EAAeH,EAAAC,EAAA,kBAAA,CAAA,EACfG,EAAMJ,EAAAC,EAAA,SAAA,CAAA,EACNI,EAAQL,EAAAC,EAAA,WAAA,CAAA,EACRK,EAASN,EAAAC,EAAA,YAAA,CAAA,EACTM,EAAOP,EAAAC,EAAA,UAAA,CAAA,EACPO,oBAAY,EAAK,EACjBC,kBAAU,EAAK,+EASVN,EAAe,CAAA,CAAA,kBAFfA,EAAe,GAAAO,EAAAC,CAAA,0EAOVP,GAAM,MACbC,GAAQ,oBAFRD,EAAM,GAAIC,KAAQK,EAAAE,CAAA,4HAUfN,GAAS,0EAEGG,EAAO,eACLD,EAAS,QAE1BD,GAAO,qBAPPC,EAAS,GAAIC,MAAOC,EAAAG,CAAA,iCAhBbd,GAAE,SACXG,EAAK,GAAA,EAAA,GAAA,qaAPM,GAAK,mDACP,GAAK"}

package/dist/components/field/Field.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Field.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/field/Field.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAkDH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,KAAK;;;;;;UAAmF,CAAC;AAC7E,KAAK,KAAK,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC;AAC1C,eAAe,KAAK,CAAC"}

package/dist/{link → components/link}/Link.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{v as Q,D as R,E as F,F as G,u as T,G as U,m,H as D,n as V,w as W,I as X,c as Y,J as H,p as Z,a as $,b as f,K as z,L as ee,t as E,s as I,e as w,f as te,M as ne,N as J,O as se,g as C,h as le,i as u,C as K,r as b}from"../custom-element.js";import{i as M}from"../if.js";import{a as j}from"../slot.js";import{b as ae}from"../attributes.js";function ie(a=!1){const t=Q,n=t.l.u;if(!n)return;let o=()=>D(t.s);if(a){let i=0,s={};const v=V(()=>{let d=!1;const c=t.s;for(const r in c)c[r]!==s[r]&&(s[r]=c[r],d=!0);return d&&i++,i});o=()=>m(v)}n.b.length&&R(()=>{N(t,o),G(n.b)}),F(()=>{const i=T(()=>n.m.map(U));return()=>{for(const s of i)typeof s=="function"&&s()}}),n.a.length&&F(()=>{N(t,o),G(n.a)})}function N(a,t){if(a.l.s)for(const n of a.l.s)m(n);t()}function oe(a,t){var s;var n=(s=a.$$events)==null?void 0:s[t.type],o=W(n)?n.slice():n==null?[]:[n];for(var i of o)i.call(this,t)}X();var re=E('<span class="mc-link__icon svelte-1da7u2w"><!></span>'),ce=E('<span class="mc-link__icon svelte-1da7u2w"><!></span>'),fe=E('<a><!> <span class="mc-link__label svelte-1da7u2w"><!></span> <!></a>');const ue={hash:"svelte-1da7u2w",code:`/**
+import{v as Q,D as R,E as F,F as G,u as T,G as U,m,H as D,n as V,w as W,I as X,c as Y,J as H,p as Z,a as $,b as f,K as z,L as ee,t as E,s as I,e as w,f as te,M as ne,N as J,O as se,g as C,h as le,i as u,C as K,r as b}from"../../custom-element.js";import{i as M}from"../../if.js";import{a as j}from"../../slot.js";import{b as ae}from"../../attributes.js";function ie(a=!1){const t=Q,n=t.l.u;if(!n)return;let o=()=>D(t.s);if(a){let i=0,s={};const v=V(()=>{let d=!1;const c=t.s;for(const r in c)c[r]!==s[r]&&(s[r]=c[r],d=!0);return d&&i++,i});o=()=>m(v)}n.b.length&&R(()=>{N(t,o),G(n.b)}),F(()=>{const i=T(()=>n.m.map(U));return()=>{for(const s of i)typeof s=="function"&&s()}}),n.a.length&&F(()=>{N(t,o),G(n.a)})}function N(a,t){if(a.l.s)for(const n of a.l.s)m(n);t()}function oe(a,t){var s;var n=(s=a.$$events)==null?void 0:s[t.type],o=W(n)?n.slice():n==null?[]:[n];for(var i of o)i.call(this,t)}X();var re=E('<span class="mc-link__icon svelte-1da7u2w"><!></span>'),ce=E('<span class="mc-link__icon svelte-1da7u2w"><!></span>'),fe=E('<a><!> <span class="mc-link__label svelte-1da7u2w"><!></span> <!></a>');const ue={hash:"svelte-1da7u2w",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-link.svelte-1da7u2w {transition:box-shadow 200ms ease;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;min-height:1.5rem;text-decoration:none;color:var(--link-color-text-primary, #000000);}.mc-link__label.svelte-1da7u2w {font-size:0.875rem;line-height:1.3;}.mc-link__icon.svelte-1da7u2w {display:block;height:1.25rem;width:1.25rem;flex-shrink:0;fill:currentcolor;}.mc-link.svelte-1da7u2w:hover:not(.mc-link--stand-alone, .mc-link--inline) .mc-link__label:where(.svelte-1da7u2w) {text-decoration:underline;}.mc-link.svelte-1da7u2w:focus {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-link--m.svelte-1da7u2w {min-height:2rem;}.mc-link--m.svelte-1da7u2w .mc-link__label:where(.svelte-1da7u2w) {font-size:1rem;}.mc-link--secondary.svelte-1da7u2w {color:var(--link-color-text-secondary, #666666);}.mc-link--accent.svelte-1da7u2w {color:var(--link-color-text-accent, #117f03);}.mc-link--inverse.svelte-1da7u2w {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--link-color-text-inverse, #ffffff);}.mc-link--stand-alone.svelte-1da7u2w {min-height:2rem;font-weight:600;}.mc-link--stand-alone.svelte-1da7u2w .mc-link__label:where(.svelte-1da7u2w) {border-bottom:1px solid currentColor;}.mc-link--stand-alone.svelte-1da7u2w:hover .mc-link__label:where(.svelte-1da7u2w) {border-color:transparent;}.mc-link--inline.svelte-1da7u2w {font-weight:inherit;text-decoration:underline;}.mc-link--inline.svelte-1da7u2w .mc-link__label:where(.svelte-1da7u2w) {font-size:inherit;line-height:1;}.mc-link--inline.svelte-1da7u2w:hover {text-decoration:none;}`};function de(a,t){const n=H(t,["children","$$slots","$$events","$$legacy","$$host"]),o=H(n,["href","target","style","disabled","size","inline","iconposition"]);Z(t,!1),$(a,ue);const i=J(),s=J();let v=f(t,"href",12),d=f(t,"target",12),c=f(t,"style",12,void 0),r=f(t,"disabled",12,!1),p=f(t,"size",12,"m"),y=f(t,"inline",12,!1),g=f(t,"iconposition",12,void 0);function O(e,l,h){const k=["mc-link"];return e&&k.push(`mc-link--${e}`),l&&k.push(`mc-link--${l}`),h?k.push("mc-link--inline"):k.push("mc-link--stand-alone"),k.join(" ")}z(()=>D(n),()=>{K(i,n.class)}),z(()=>D(o),()=>{K(s,{...o})}),z(()=>m(s),()=>{delete m(s).class}),ee(),ie();var _=fe();let L;var q=w(_);{var P=e=>{var l=re(),h=w(l);j(h,t,"icon",{}),b(l),C(e,l)};M(q,e=>{g()==="left"&&e(P)})}var x=I(q,2),S=w(x);j(S,t,"default",{}),b(x);var A=I(x,2);{var B=e=>{var l=ce(),h=w(l);j(h,t,"icon",{}),b(l),C(e,l)};M(A,e=>{g()==="right"&&e(B)})}return b(_),te(e=>L=ae(_,L,{href:v(),target:d(),class:`${e??""} ${(r()?"is-disabled":"")??""} ${m(i)??""}`,...m(s)},"svelte-1da7u2w"),[()=>O(c(),p(),y())],ne),se("click",_,function(e){oe.call(this,t,e)}),C(a,_),le({get href(){return v()},set href(e){v(e),u()},get target(){return d()},set target(e){d(e),u()},get style(){return c()},set style(e){c(e),u()},get disabled(){return r()},set disabled(e){r(e),u()},get size(){return p()},set size(e){p(e),u()},get inline(){return y()},set inline(e){y(e),u()},get iconposition(){return g()},set iconposition(e){g(e),u()}})}customElements.define("m-link",Y(de,{href:{},target:{},style:{},disabled:{},size:{},inline:{},iconposition:{}},["icon","default"],[],!0));
 //# sourceMappingURL=Link.js.map

package/dist/components/link/Link.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Link.js","sources":["../../../node_modules/svelte/src/internal/client/dom/legacy/lifecycle.js","../../../node_modules/svelte/src/internal/client/dom/legacy/misc.js","../../../node_modules/svelte/src/internal/flags/legacy.js","../../../src/components/link/Link.svelte"],"sourcesContent":["/** @import { ComponentContextLegacy } from '#client' */\nimport { run, run_all } from '../../../shared/utils.js';\nimport { component_context } from '../../context.js';\nimport { derived } from '../../reactivity/deriveds.js';\nimport { user_pre_effect, user_effect } from '../../reactivity/effects.js';\nimport { deep_read_state, get, untrack } from '../../runtime.js';\n\n/**\n * Legacy-mode only: Call `onMount` callbacks and set up `beforeUpdate`/`afterUpdate` effects\n * @param {boolean} [immutable]\n */\nexport function init(immutable = false) {\n\tconst context = /** @type {ComponentContextLegacy} */ (component_context);\n\n\tconst callbacks = context.l.u;\n\tif (!callbacks) return;\n\n\tlet props = () => deep_read_state(context.s);\n\n\tif (immutable) {\n\t\tlet version = 0;\n\t\tlet prev = /** @type {Record<string, any>} */ ({});\n\n\t\t// In legacy immutable mode, before/afterUpdate only fire if the object identity of a prop changes\n\t\tconst d = derived(() => {\n\t\t\tlet changed = false;\n\t\t\tconst props = context.s;\n\t\t\tfor (const key in props) {\n\t\t\t\tif (props[key] !== prev[key]) {\n\t\t\t\t\tprev[key] = props[key];\n\t\t\t\t\tchanged = true;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (changed) version++;\n\t\t\treturn version;\n\t\t});\n\n\t\tprops = () => get(d);\n\t}\n\n\t// beforeUpdate\n\tif (callbacks.b.length) {\n\t\tuser_pre_effect(() => {\n\t\t\tobserve_all(context, props);\n\t\t\trun_all(callbacks.b);\n\t\t});\n\t}\n\n\t// onMount (must run before afterUpdate)\n\tuser_effect(() => {\n\t\tconst fns = untrack(() => callbacks.m.map(run));\n\t\treturn () => {\n\t\t\tfor (const fn of fns) {\n\t\t\t\tif (typeof fn === 'function') {\n\t\t\t\t\tfn();\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t});\n\n\t// afterUpdate\n\tif (callbacks.a.length) {\n\t\tuser_effect(() => {\n\t\t\tobserve_all(context, props);\n\t\t\trun_all(callbacks.a);\n\t\t});\n\t}\n}\n\n/**\n * Invoke the getter of all signals associated with a component\n * so they can be registered to the effect this function is called in.\n * @param {ComponentContextLegacy} context\n * @param {(() => void)} props\n */\nfunction observe_all(context, props) {\n\tif (context.l.s) {\n\t\tfor (const signal of context.l.s) get(signal);\n\t}\n\n\tprops();\n}\n","import { set, source } from '../../reactivity/sources.js';\nimport { get } from '../../runtime.js';\nimport { is_array } from '../../../shared/utils.js';\n\n/**\n * Under some circumstances, imports may be reactive in legacy mode. In that case,\n * they should be using `reactive_import` as part of the transformation\n * @param {() => any} fn\n */\nexport function reactive_import(fn) {\n\tvar s = source(0);\n\n\treturn function () {\n\t\tif (arguments.length === 1) {\n\t\t\tset(s, get(s) + 1);\n\t\t\treturn arguments[0];\n\t\t} else {\n\t\t\tget(s);\n\t\t\treturn fn();\n\t\t}\n\t};\n}\n\n/**\n * @this {any}\n * @param {Record<string, unknown>} $$props\n * @param {Event} event\n * @returns {void}\n */\nexport function bubble_event($$props, event) {\n\tvar events = /** @type {Record<string, Function[] | Function>} */ ($$props.$$events)?.[\n\t\tevent.type\n\t];\n\n\tvar callbacks = is_array(events) ? events.slice() : events == null ? [] : [events];\n\n\tfor (var fn of callbacks) {\n\t\t// Preserve \"this\" context\n\t\tfn.call(this, event);\n\t}\n}\n\n/**\n * Used to simulate `$on` on a component instance when `compatibility.componentApi === 4`\n * @param {Record<string, any>} $$props\n * @param {string} event_name\n * @param {Function} event_callback\n */\nexport function add_legacy_event_listener($$props, event_name, event_callback) {\n\t$$props.$$events ||= {};\n\t$$props.$$events[event_name] ||= [];\n\t$$props.$$events[event_name].push(event_callback);\n}\n\n/**\n * Used to simulate `$set` on a component instance when `compatibility.componentApi === 4`.\n * Needs component accessors so that it can call the setter of the prop. Therefore doesn't\n * work for updating props in `$$props` or `$$restProps`.\n * @this {Record<string, any>}\n * @param {Record<string, any>} $$new_props\n */\nexport function update_legacy_props($$new_props) {\n\tfor (var key in $$new_props) {\n\t\tif (key in this) {\n\t\t\tthis[key] = $$new_props[key];\n\t\t}\n\t}\n}\n","import { enable_legacy_mode_flag } from './index.js';\n\nenable_legacy_mode_flag();\n","<svelte:options customElement=\"m-link\" />\n\n<script lang=\"ts\">\n import type { LinkIconPosition, LinkSize, LinkStyle } from './link.types';\n export let href: string;\n export let target: string;\n export let style: LinkStyle = undefined;\n export let disabled = false;\n export let size: LinkSize = 'm';\n export let inline = false;\n export let iconposition: LinkIconPosition | undefined = undefined;\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function setClasses(\n style: LinkStyle,\n size: LinkSize,\n inline: boolean,\n ): string {\n const classes = ['mc-link'];\n\n if (style) {\n classes.push(`mc-link--${style}`);\n }\n if (size) {\n classes.push(`mc-link--${size}`);\n }\n if (inline) {\n classes.push('mc-link--inline');\n } else {\n classes.push('mc-link--stand-alone');\n }\n return classes.join(' ');\n }\n</script>\n\n<a\n on:click\n {href}\n {target}\n class=\"{setClasses(style, size, inline)} {disabled\n ? 'is-disabled'\n : ''} {userClass}\"\n {...attributes}\n>\n {#if iconposition === 'left'}\n <span class=\"mc-link__icon\">\n <slot name=\"icon\" />\n </span>\n {/if}\n <span class=\"mc-link__label\">\n <slot />\n </span>\n {#if iconposition === 'right'}\n <span class=\"mc-link__icon\">\n <slot name=\"icon\" />\n </span>\n {/if}\n</a>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/link';\n</style>\n"],"names":["init","immutable","context","component_context","callbacks","props","deep_read_state","version","prev","d","derived","changed","key","get","user_pre_effect","observe_all","run_all","user_effect","fns","untrack","run","fn","signal","bubble_event","$$props","event","events","_a","is_array","enable_legacy_mode_flag","href","$.prop","target","style","disabled","size","inline","iconposition","setClasses","classes","$.set","userClass","attributes","$$restProps","$.get","$$render","consequent","consequent_1","$0"],"mappings":"kWAWO,SAASA,GAAKC,EAAY,GAAO,CACvC,MAAMC,EAAiDC,EAEjDC,EAAYF,EAAQ,EAAE,EAC5B,GAAI,CAACE,EAAW,OAEhB,IAAIC,EAAQ,IAAMC,EAAgBJ,EAAQ,CAAC,EAE3C,GAAID,EAAW,CACd,IAAIM,EAAU,EACVC,EAA2C,CAAA,EAG/C,MAAMC,EAAIC,EAAQ,IAAM,CACvB,IAAIC,EAAU,GACd,MAAMN,EAAQH,EAAQ,EACtB,UAAWU,KAAOP,EACbA,EAAMO,CAAG,IAAMJ,EAAKI,CAAG,IAC1BJ,EAAKI,CAAG,EAAIP,EAAMO,CAAG,EACrBD,EAAU,IAGZ,OAAIA,GAASJ,IACNA,CACV,CAAG,EAEDF,EAAQ,IAAMQ,EAAIJ,CAAC,CACrB,CAGKL,EAAU,EAAE,QACfU,EAAgB,IAAM,CACrBC,EAAYb,EAASG,CAAK,EAC1BW,EAAQZ,EAAU,CAAC,CACtB,CAAG,EAIFa,EAAY,IAAM,CACjB,MAAMC,EAAMC,EAAQ,IAAMf,EAAU,EAAE,IAAIgB,CAAG,CAAC,EAC9C,MAAO,IAAM,CACZ,UAAWC,KAAMH,EACZ,OAAOG,GAAO,YACjBA,EAAI,CAGN,CACH,CAAE,EAGGjB,EAAU,EAAE,QACfa,EAAY,IAAM,CACjBF,EAAYb,EAASG,CAAK,EAC1BW,EAAQZ,EAAU,CAAC,CACtB,CAAG,CAEH,CAQA,SAASW,EAAYb,EAASG,EAAO,CACpC,GAAIH,EAAQ,EAAE,EACb,UAAWoB,KAAUpB,EAAQ,EAAE,EAAGW,EAAIS,CAAM,EAG7CjB,EAAO,CACR,CCpDO,SAASkB,GAAaC,EAASC,EAAO,OAC5C,IAAIC,GAA+DC,EAAAH,EAAQ,WAAR,YAAAG,EAClEF,EAAM,MAGHrB,EAAYwB,EAASF,CAAM,EAAIA,EAAO,MAAO,EAAGA,GAAU,KAAO,CAAE,EAAG,CAACA,CAAM,EAEjF,QAASL,KAAMjB,EAEdiB,EAAG,KAAK,KAAMI,CAAK,CAErB,CCtCAI,EAAyB;;s/DCEZC,EAAYC,EAAAP,EAAA,OAAA,EAAA,EACZQ,EAAcD,EAAAP,EAAA,SAAA,EAAA,EACdS,iBAAmB,MAAS,EAC5BC,oBAAW,EAAK,EAChBC,gBAAiB,GAAG,EACpBC,kBAAS,EAAK,EACdC,wBAA6C,MAAS,EAMxD,SAAAC,EACPL,EACAE,EACAC,EACQ,CACF,MAAAG,GAAW,SAAS,EAEtB,OAAAN,GACFM,EAAQ,KAAI,YAAaN,CAAK,EAAA,EAE5BE,GACFI,EAAQ,KAAI,YAAaJ,CAAI,EAAA,EAE3BC,EACFG,EAAQ,KAAK,iBAAiB,EAE9BA,EAAQ,KAAK,sBAAsB,EAE9BA,EAAQ,KAAK,GAAG,CACzB,iBAvBGC,EAAAC,IAAoB,KAAK,oBACzBD,EAAAE,MAAkBC,EAAW,oBACtB,OAAAC,EAAAF,CAAU,EAAC,iHAiChBL,MAAiB,QAAMQ,EAAAC,CAAA,iIAQvBT,MAAiB,SAAOQ,EAAAE,CAAA,oDAba,MAAA,GAAAC,GAAA,EAAA,KAAAd,EAAA,EACtC,cACA,KAAE,EAAA,IAAAU,EAAGH,CAAS,GAAA,EAAA,QACdC,CAAU,sBAHN,IAAAJ,EAAWL,EAAK,EAAEE,EAAI,EAAEC,EAAM,CAAA","x_google_ignoreList":[0,1,2]}

package/dist/components/link/Link.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Link.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/link/Link.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA8D1E,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,IAAI;;UAf6I,MAAM;YAAU,MAAM;;;WAAwD,QAAQ;;;;;;;;;;;;;cAezH,CAAC;AACnG,KAAK,IAAI,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AACxC,eAAe,IAAI,CAAC"}

package/dist/components/link/link.types.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"link.types.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAC;AACjC,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,CAAC;AACd,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC"}

package/dist/{loader → components/loader}/Loader.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{c as B,p as j,a as L,b as d,t as w,s as R,e as n,f as _,k as D,B as E,g as f,h as S,i as c,r as i,j as V}from"../custom-element.js";import{i as q}from"../if.js";import{s as v}from"../attributes.js";var A=w('<span class="mc-loader__text svelte-ud0phk"> </span>'),F=w('<div><span class="mc-loader__spinner svelte-ud0phk"><svg class="mc-loader__icon svelte-ud0phk" xmlns="http://www.w3.org/2000/svg"><circle class="mc-loader__path svelte-ud0phk" cx="50%" cy="50%"></circle></svg></span> <!></div>');const G={hash:"svelte-ud0phk",code:`/**
+import{c as B,p as j,a as L,b as d,t as w,s as R,e as n,f as _,k as D,B as E,g as f,h as S,i as c,r as i,j as V}from"../../custom-element.js";import{i as q}from"../../if.js";import{s as v}from"../../attributes.js";var A=w('<span class="mc-loader__text svelte-ud0phk"> </span>'),F=w('<div><span class="mc-loader__spinner svelte-ud0phk"><svg class="mc-loader__icon svelte-ud0phk" xmlns="http://www.w3.org/2000/svg"><circle class="mc-loader__path svelte-ud0phk" cx="50%" cy="50%"></circle></svg></span> <!></div>');const G={hash:"svelte-ud0phk",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-loader.svelte-ud0phk {color:var(--loader-color-standard, #464e63);align-items:center;display:inline-flex;flex-direction:column;}.mc-loader.svelte-ud0phk .mc-loader__spinner:where(.svelte-ud0phk) {height:2rem;width:2rem;}.mc-loader.svelte-ud0phk .mc-loader__path:where(.svelte-ud0phk) {stroke-width:4;}.mc-loader.svelte-ud0phk .mc-loader__path:where(.svelte-ud0phk) {stroke:currentColor;}.mc-loader__spinner.svelte-ud0phk:not(:only-child) {margin-bottom:1rem;}.mc-loader__icon.svelte-ud0phk {
   animation: svelte-ud0phk-rotate-loader 2s linear infinite;transform-origin:center;}.mc-loader__path.svelte-ud0phk {fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;

package/dist/components/loader/Loader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-loader' }} />\n\n<script lang=\"ts\">\n import type { LoaderSize, LoaderTheme } from './loader.types';\n\n interface Props {\n size: LoaderSize;\n theme: LoaderTheme;\n text: string;\n style: string;\n }\n\n let { size, theme, text, style }: Props = $props();\n\n function setClasses(size: LoaderSize, theme: LoaderTheme) {\n const classes = ['mc-loader'];\n\n if (size) {\n classes.push(`mc-loader--${size}`);\n }\n\n if (theme) {\n classes.push(`mc-loader--${theme}`);\n }\n\n return classes.join(' ');\n }\n\n function setViewBox(size: LoaderSize) {\n let viewBox: string;\n\n switch (size) {\n case 's':\n viewBox = '0 0 24 24';\n break;\n case 'l':\n viewBox = '0 0 64 64';\n break;\n default:\n viewBox = '0 0 32 32';\n }\n\n return viewBox;\n }\n\n function setCircleRadius(size: LoaderSize) {\n let circleRadius: number;\n\n switch (size) {\n case 's':\n circleRadius = 6;\n break;\n case 'l':\n circleRadius = 19;\n break;\n default:\n circleRadius = 9;\n }\n\n return circleRadius;\n }\n</script>\n\n<div class={setClasses(size, theme)} {style}>\n <span class=\"mc-loader__spinner\">\n <svg\n class=\"mc-loader__icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={setViewBox(size)}\n >\n <circle\n class=\"mc-loader__path\"\n cx=\"50%\"\n cy=\"50%\"\n r={setCircleRadius(size)}\n />\n </svg>\n </span>\n\n {#if text}\n <span class=\"mc-loader__text\">\n {text}\n </span>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/loader';\n</style>\n"],"names":["size","$.prop","$$props","theme","text","style","setClasses","classes","setViewBox","viewBox","setCircleRadius","circleRadius","$$render","consequent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;uCAYQA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAKF,EAAAC,EAAA,QAAA,CAAA,EAAEE,EAAIH,EAAAC,EAAA,OAAA,CAAA,EAAEG,EAAKJ,EAAAC,EAAA,QAAA,CAAA,EAErB,SAAAI,EAAWN,EAAkBG,EAAoB,CAClD,MAAAI,GAAW,WAAW,EAExB,OAAAP,GACFO,EAAQ,KAAI,cAAeP,CAAI,EAAA,EAG7BG,GACFI,EAAQ,KAAI,cAAeJ,CAAK,EAAA,EAG3BI,EAAQ,KAAK,GAAG,CACzB,UAESC,EAAWR,EAAkB,KAChCS,SAEIT,EAAI,KACL,IACHS,EAAU,sBAEP,IACHA,EAAU,0BAGVA,EAAU,mBAGPA,CACT,UAESC,EAAgBV,EAAkB,KACrCW,SAEIX,EAAI,KACL,IACHW,EAAe,YAEZ,IACHA,EAAe,iBAGfA,EAAe,SAGZA,CACT,qGAqBKP,EAAI,CAAA,CAAA,kBAFJA,EAAI,GAAAQ,EAAAC,CAAA,2GAhBCP,EAAWN,IAAMG,GAAK,EAKnB,IAAAK,EAAWR,GAAI,EAMnB,IAAAU,EAAgBV,EAAI,CAAA"}

package/dist/components/loader/Loader.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Loader.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/loader/Loader.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG5D,UAAU,KAAK;IACb,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AA4EH,QAAA,MAAM,MAAM,2CAAsC,CAAC;AACnD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/loader/loader.types.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"loader.types.d.ts","sourceRoot":"","sources":["../../../src/components/loader/loader.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC"}

package/dist/{overlay → components/overlay}/Overlay.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{c,p as f,a as m,b as l,t as h,e as d,f as u,g as y,h as g,i as p,r as v,k as w}from"../custom-element.js";import{a as z}from"../slot.js";import{s as x}from"../attributes.js";var _=h('<div><div role="dialog" tabindex="-1"><!></div></div>');const M={hash:"svelte-tbzuju",code:`/**
+import{c,p as f,a as m,b as l,t as h,e as d,f as u,g as y,h as g,i as p,r as v,k as w}from"../../custom-element.js";import{a as z}from"../../slot.js";import{s as x}from"../../attributes.js";var _=h('<div><div role="dialog" tabindex="-1"><!></div></div>');const M={hash:"svelte-tbzuju",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 /**

package/dist/components/overlay/Overlay.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Overlay.js","sources":["../../../src/components/overlay/Overlay.svelte"],"sourcesContent":["<svelte:options customElement=\"m-overlay\" />\n\n<script lang=\"ts\">\n interface Props {\n isvisible?: boolean;\n dialoglabel: string;\n }\n\n let { isvisible = false, dialoglabel }: Props = $props();\n</script>\n\n<div class=\"mc-overlay\" class:is-visible={isvisible}>\n <div role=\"dialog\" tabindex=\"-1\" aria-labelledby={dialoglabel}>\n \n <slot />\n </div>\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/overlay';\n</style>\n"],"names":["isvisible","dialoglabel","$.prop","$$props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;gVAQQ,IAAAA,oBAAY,EAAK,EAAEC,EAAWC,EAAAC,EAAA,cAAA,CAAA,wIAGIH,EAAS,EAAA,wBACCC,GAAW,0DAJ3C,GAAK"}

package/dist/components/overlay/Overlay.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Overlay.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/Overlay.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAoBH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,OAAO;;;;;;UAAmF,CAAC;AAC/E,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC"}

package/dist/{overlay → components/overlay}/OverlayLoader.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{c as m,p as h,a as b,b as r,t as y,e as v,f as g,g as x,h as u,i as l,r as f,k as w}from"../custom-element.js";import{s as k}from"../attributes.js";import{L as z}from"../loader/Loader.js";import"../if.js";var _=y('<div><div role="dialog" tabindex="-1" class="svelte-ne5o65"><!></div></div>');const M={hash:"svelte-ne5o65",code:`/**
+import{c as m,p as h,a as b,b as r,t as y,e as v,f as g,g as x,h as u,i as l,r as f,k as w}from"../../custom-element.js";import{s as k}from"../../attributes.js";import{L as z}from"../loader/Loader.js";import"../../if.js";var _=y('<div><div role="dialog" tabindex="-1" class="svelte-ne5o65"><!></div></div>');const M={hash:"svelte-ne5o65",code:`/**
  * Do not edit directly, this file was auto-generated.
  */

package/dist/components/overlay/OverlayLoader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"OverlayLoader.js","sources":["../../../src/components/overlay/OverlayLoader.svelte"],"sourcesContent":["<svelte:options customElement=\"m-overlay-loader\" />\n\n<script lang=\"ts\">\n import Loader from '../loader/Loader.svelte';\n interface Props {\n isvisible?: boolean;\n text: string;\n dialoglabel: string;\n }\n\n let { isvisible = false, text, dialoglabel }: Props = $props();\n</script>\n\n<div class=\"mc-overlay-loader\" class:is-visible={isvisible}>\n <div role=\"dialog\" tabindex=\"-1\" aria-labelledby={dialoglabel}>\n <Loader size=\"l\" theme=\"inverse\" {text} />\n </div>\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/loader';\n @use '@mozaic-ds/styles/components/overlay';\n</style>\n"],"names":["isvisible","text","$.prop","$$props","dialoglabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oYAUQ,IAAAA,oBAAY,EAAK,EAAEC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAWF,EAAAC,EAAA,cAAA,CAAA,kLAGKH,EAAS,EAAA,wBACNI,GAAW,0DAJ3C,GAAK"}

package/dist/components/overlay/OverlayLoader.svelte.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"OverlayLoader.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/OverlayLoader.svelte.ts"],"names":[],"mappings":"AAKE,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAoBH,QAAA,MAAM,aAAa,2CAAsC,CAAC;AAC1D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/{quantityselector → components/quantityselector}/QuantitySelector.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{d as W,c as A,p as C,a as H,b as n,t as J,e as c,s as h,k as I,f as L,g as M,h as O,i as o,r as d,j as B}from"../custom-element.js";import{r as P,s as i}from"../attributes.js";import{b as R}from"../input.js";function T(m,e,l,r,a){e()>l()&&e(l()),e()<r()&&e(r()),a()(e())}function U(m,e,l,r,a){e()-Number(l())>r()&&e(e()-Number(l())),a()(e())}function X(m,e,l,r,a){e()+Number(l())<r()&&e(e()+Number(l())),a()(e())}var Y=J('<div><input type="number" class="mc-quantity-selector__control svelte-rbl4od" spellcheck="false"> <button type="button" class="mc-quantity-selector__button mc-quantity-selector__button--increase svelte-rbl4od" tabindex="-1"><span class="mc-quantity-selector__icon svelte-rbl4od"><ui-more-24></ui-more-24></span> <span class="mc-quantity-selector__label svelte-rbl4od"> </span></button> <button type="button" class="mc-quantity-selector__button mc-quantity-selector__button--decrease svelte-rbl4od" tabindex="-1"><span class="mc-quantity-selector__icon svelte-rbl4od"><ui-less-24></ui-less-24></span> <span class="mc-quantity-selector__label svelte-rbl4od"> </span></button></div>',2);const Z={hash:"svelte-rbl4od",code:`/**
+import{d as W,c as A,p as C,a as H,b as n,t as J,e as c,s as h,k as I,f as L,g as M,h as O,i as o,r as d,j as B}from"../../custom-element.js";import{r as P,s as i}from"../../attributes.js";import{b as R}from"../../input.js";function T(m,e,l,r,a){e()>l()&&e(l()),e()<r()&&e(r()),a()(e())}function U(m,e,l,r,a){e()-Number(l())>r()&&e(e()-Number(l())),a()(e())}function X(m,e,l,r,a){e()+Number(l())<r()&&e(e()+Number(l())),a()(e())}var Y=J('<div><input type="number" class="mc-quantity-selector__control svelte-rbl4od" spellcheck="false"> <button type="button" class="mc-quantity-selector__button mc-quantity-selector__button--increase svelte-rbl4od" tabindex="-1"><span class="mc-quantity-selector__icon svelte-rbl4od"><ui-more-24></ui-more-24></span> <span class="mc-quantity-selector__label svelte-rbl4od"> </span></button> <button type="button" class="mc-quantity-selector__button mc-quantity-selector__button--decrease svelte-rbl4od" tabindex="-1"><span class="mc-quantity-selector__icon svelte-rbl4od"><ui-less-24></ui-less-24></span> <span class="mc-quantity-selector__label svelte-rbl4od"> </span></button></div>',2);const Z={hash:"svelte-rbl4od",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-quantity-selector.svelte-rbl4od {background-color:var(--forms-color-background-default, #ffffff);border:1px solid var(--forms-color-border-default, #666666);border-radius:0.25rem;transition:all ease 200ms;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;border-radius:0.25rem;display:flex;gap:0.25rem;padding:0.1875rem;position:relative;}.mc-quantity-selector.svelte-rbl4od,
 .mc-quantity-selector.svelte-rbl4od :where(.svelte-rbl4od) {box-sizing:border-box;}.mc-quantity-selector__control.svelte-rbl4od {background-color:transparent;border-width:0;color:inherit;font-family:inherit;outline:none;

package/dist/components/quantityselector/QuantitySelector.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QuantitySelector.js","sources":["../../../src/components/quantityselector/QuantitySelector.svelte"],"sourcesContent":["<svelte:options\n customElement={{\n tag: 'm-qty-selector',\n shadow: 'none',\n }}\n/>\n\n<script lang=\"ts\">\n interface Props {\n id?: string | undefined;\n quantity?: number;\n min?: number;\n max?: number;\n small?: boolean;\n decrementlabel?: string;\n inputarialabel?: string;\n incrementlabel?: string;\n disabled?: boolean;\n name?: string;\n step?: number;\n [key: string]: any;\n }\n\n let {\n id = undefined,\n quantity = $bindable(1),\n min = 1,\n max = 100,\n small = false,\n decrementlabel = 'Decrement',\n inputarialabel = 'Quantity Selector',\n incrementlabel = 'Increment',\n disabled = false,\n name = 'quantity-selector-input',\n step = 1,\n increment,\n decrement,\n inputqty,\n }: Props = $props();\n\n function handleValue(): void {\n if (quantity > max) {\n quantity = max;\n }\n if (quantity < min) {\n quantity = min;\n }\n inputqty(quantity);\n }\n\n function handleDecrement(): void {\n if (quantity - Number(step) > min) {\n quantity = quantity - Number(step);\n }\n decrement(quantity);\n }\n\n function handleIncrement(): void {\n if (quantity + Number(step) < max) {\n quantity = quantity + Number(step);\n }\n increment(quantity);\n }\n</script>\n\n<div class=\"mc-quantity-selector\" class:mc-quantity-selector--s={small}>\n <input\n type=\"number\"\n {id}\n {name}\n bind:value={quantity}\n oninput={handleValue}\n class=\"mc-quantity-selector__control\"\n aria-label={inputarialabel}\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={quantity}\n spellcheck=\"false\"\n {disabled}\n />\n <button\n type=\"button\"\n aria-controls={id}\n class=\"mc-quantity-selector__button mc-quantity-selector__button--increase\"\n tabindex=\"-1\"\n onclick={handleIncrement}\n disabled={quantity === max || disabled}\n >\n <span class=\"mc-quantity-selector__icon\">\n <ui-more-24></ui-more-24>\n </span>\n <span class=\"mc-quantity-selector__label\">{decrementlabel}</span>\n </button>\n <button\n type=\"button\"\n aria-controls={id}\n class=\"mc-quantity-selector__button mc-quantity-selector__button--decrease\"\n tabindex=\"-1\"\n onclick={handleDecrement}\n disabled={quantity === min || disabled}\n >\n <span class=\"mc-quantity-selector__icon\">\n <ui-less-24></ui-less-24>\n </span>\n <span class=\"mc-quantity-selector__label\">{incrementlabel}</span>\n </button>\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/quantity-selector';\n</style>\n"],"names":["handleValue","_","quantity","max","min","inputqty","handleDecrement","__1","step","decrement","handleIncrement","__2","increment","id","small","decrementlabel","inputarialabel","incrementlabel","disabled","name","$.prop","$$props"],"mappings":"gOAwCW,SAAAA,EAAoBC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,CACvBH,EAAQ,EAAGC,KACbD,EAAWC,EAAG,CAAA,EAEZD,EAAQ,EAAGE,KACbF,EAAWE,EAAG,CAAA,EAEhBC,EAAQ,EAACH,GAAQ,CACnB,CAES,SAAAI,EAAwBC,EAAAL,EAAAM,EAAAJ,EAAAK,EAAA,CAC3BP,IAAW,OAAOM,EAAI,CAAA,EAAIJ,EAAG,GAC/BF,EAAWA,EAAW,EAAA,OAAOM,EAAI,CAAA,CAAA,EAEnCC,EAAS,EAACP,GAAQ,CACpB,CAES,SAAAQ,EAAwBC,EAAAT,EAAAM,EAAAL,EAAAS,EAAA,CAC3BV,IAAW,OAAOM,EAAI,CAAA,EAAIL,EAAG,GAC/BD,EAAWA,EAAW,EAAA,OAAOM,EAAI,CAAA,CAAA,EAEnCI,EAAS,EAACV,GAAQ,CACpB;;;;;u+FAtCE,IAAAW,aAAK,MAAS,EACdX,oBAAqB,CAAC,EACtBE,cAAM,CAAC,EACPD,cAAM,GAAG,EACTW,gBAAQ,EAAK,EACbC,yBAAiB,WAAW,EAC5BC,yBAAiB,mBAAmB,EACpCC,yBAAiB,WAAW,EAC5BC,mBAAW,EAAK,EAChBC,eAAO,yBAAyB,EAChCX,eAAO,CAAC,EACRI,EAASQ,EAAAC,EAAA,YAAA,CAAA,EACTZ,EAASW,EAAAC,EAAA,YAAA,CAAA,EACThB,EAAQe,EAAAC,EAAA,WAAA,CAAA,6CAkCCrB,EAAWE,EAAAC,EAAAC,EAAAC,CAAA,0BAcXK,kHAaAJ,4LAjCoDQ,EAAK,EAAA,iDAQtDE,GAAc,sBACXZ,GAAG,sBACHD,GAAG,sBACHD,GAAQ,qCAMRW,GAAE,aAIPX,EAAQ,IAAKC,EAAG,GAAIe,EAAQ,MAKKH,GAAc,sBAI1CF,GAAE,aAIPX,EAAQ,IAAKE,EAAG,GAAIc,EAAQ,MAKKD,GAAc,QAlC7Cf,CAAQ,0CA9Cf,OAAS,qDACO,EAAC,2CAChB,EAAC,2CACD,IAAG,+CACD,GAAK,iEACI,YAAW,iEACX,oBAAmB,iEACnB,YAAW,qDACjB,GAAK,6CACT,0BAAyB,6CACzB,EAAC"}

package/dist/components/quantityselector/QuantitySelector.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QuantitySelector.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/quantityselector/QuantitySelector.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAuEH,QAAA,MAAM,gBAAgB,mDAAsC,CAAC;AAC7D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/{radio → components/radio}/Radio.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{c as g,p as w,a as x,b as a,t as y,f as j,e as p,k as z,B,s as C,j as D,g as E,h as R,i as t,r as _}from"../custom-element.js";import{s as f,a as S,r as q}from"../attributes.js";var A=y('<div class="mc-radio svelte-1u25pv4"><input type="radio"> <label class="mc-radio__label svelte-1u25pv4"> </label></div>');const F={hash:"svelte-1u25pv4",code:`/**
+import{c as g,p as w,a as x,b as a,t as y,f as j,e as p,k as z,B,s as C,j as D,g as E,h as R,i as t,r as _}from"../../custom-element.js";import{s as f,a as S,r as q}from"../../attributes.js";var A=y('<div class="mc-radio svelte-1u25pv4"><input type="radio"> <label class="mc-radio__label svelte-1u25pv4"> </label></div>');const F={hash:"svelte-1u25pv4",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-radio.svelte-1u25pv4 {align-items:center;display:flex;gap:0.5rem;}.mc-radio__label.svelte-1u25pv4 {font-size:1rem;line-height:1.3;color:var(--forms-color-text-default, #000000);cursor:pointer;}.mc-radio__input.svelte-1u25pv4 {appearance:none;margin:0;cursor:pointer;transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:0.125rem solid var(--forms-color-border-default, #666666);border-radius:100%;transition:all ease 200ms;height:1.25rem;width:1.25rem;position:relative;}.mc-radio__input.svelte-1u25pv4::before {border-radius:100%;content:"";display:block;height:0.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:0.5rem;}.mc-radio__input.svelte-1u25pv4:hover {border-color:var(--forms-color-border-hover, #4d4d4d);}.mc-radio__input.svelte-1u25pv4: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-radio__input.svelte-1u25pv4:checked {background-color:var(--forms-color-background-checked, #117f03);}.mc-radio__input.svelte-1u25pv4:checked::before {background-color:var(--forms-color-background-default, #ffffff);}.mc-radio__input.svelte-1u25pv4:checked, .mc-radio__input.svelte-1u25pv4:disabled {border-color:transparent;}.mc-radio__input.svelte-1u25pv4:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;}.mc-radio__input.svelte-1u25pv4:disabled:checked::before {background-color:var(--forms-color-icon-disabled, #737373);}.mc-radio__input.svelte-1u25pv4:disabled + .mc-radio__label:where(.svelte-1u25pv4) {color:var(--forms-color-text-disabled, #737373);cursor:not-allowed;}.mc-radio__input.svelte-1u25pv4:not(:disabled):checked:hover {background-color:var(--forms-color-background-checked-hover, #006902);}.mc-radio__input.is-invalid.svelte-1u25pv4:not(:checked) {border-color:var(--forms-color-border-invalid, #ea302d);}.mc-radio__input.is-invalid.svelte-1u25pv4:not(:checked):hover {border-color:var(--forms-color-border-invalid-hover, #c61112);}`};function G(m,r){w(r,!0),x(m,F);let s=a(r,"id",7,""),l=a(r,"name",7,""),i=a(r,"checked",7,!1),d=a(r,"disabled",7,!1),c=a(r,"isinvalid",7,!1),n=a(r,"label",7,"");function h(e){const b=["mc-radio__input"];return e&&b.push("is-invalid"),b.join(" ")}var u=A(),o=p(u);q(o);var v=C(o,2),k=p(v,!0);return _(v),_(u),j(e=>{f(o,"id",s()),z(o,1,B(e),"svelte-1u25pv4"),f(o,"name",l()),S(o,i()),o.disabled=d(),f(v,"for",s()),D(k,n())},[()=>h(c())]),E(m,u),R({get id(){return s()},set id(e=""){s(e),t()},get name(){return l()},set name(e=""){l(e),t()},get checked(){return i()},set checked(e=!1){i(e),t()},get disabled(){return d()},set disabled(e=!1){d(e),t()},get isinvalid(){return c()},set isinvalid(e=!1){c(e),t()},get label(){return n()},set label(e=""){n(e),t()}})}customElements.define("m-radio",g(G,{id:{},name:{},checked:{},disabled:{},isinvalid:{},label:{}},[],[],!0));
 //# sourceMappingURL=Radio.js.map

package/dist/components/radio/Radio.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Radio.js","sources":["../../../src/components/radio/Radio.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-radio' }} />\n\n<script lang=\"ts\">\n let {\n id = '',\n name = '',\n checked = false,\n disabled = false,\n isinvalid = false,\n label = '',\n } = $props();\n\n function getClasses(isInvalid: boolean): string {\n const classes = ['mc-radio__input'];\n if (isInvalid) {\n classes.push('is-invalid');\n }\n return classes.join(' ');\n }\n</script>\n\n\n<div class=\"mc-radio\">\n <input\n {id}\n type=\"radio\"\n class={getClasses(isinvalid)}\n {name}\n {checked}\n {disabled}\n />\n <label for={id} class=\"mc-radio__label\">{label}</label>\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/radio';\n</style>\n"],"names":["id","name","checked","disabled","isinvalid","label","getClasses","isInvalid","classes"],"mappings":";;yqEAII,IAAAA,aAAK,EAAE,EACPC,eAAO,EAAE,EACTC,kBAAU,EAAK,EACfC,mBAAW,EAAK,EAChBC,oBAAY,EAAK,EACjBC,gBAAQ,EAAE,WAGHC,EAAWC,EAA4B,CACxC,MAAAC,GAAW,iBAAiB,EAC9B,OAAAD,GACFC,EAAQ,KAAK,YAAY,EAEpBA,EAAQ,KAAK,GAAG,CACzB,kKAaYR,GAAE,MAA2BK,GAAK,GALrC,CAAA,IAAAC,EAAWF,GAAS,CAAA,2CAtBtB,GAAE,6CACA,GAAE,mDACC,GAAK,qDACJ,GAAK,uDACJ,GAAK,+CACT,GAAE"}

package/dist/components/radio/Radio.svelte.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.svelte.ts"],"names":[],"mappings":"AAkCA,QAAA,MAAM,KAAK;SA/BuC,MAAM;WAAS,MAAM;cAAY,OAAO;eAAa,OAAO;gBAAc,OAAO;YAAU,MAAM;UA+BlG,CAAC;AAClD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/{radiogroup → components/radiogroup}/RadioGroup.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{d as J,c as K,p as L,a as M,b as l,z as N,A as G,t as x,f as w,g as y,h as O,i as a,e as c,s as R,r as d,j as S,k as V,m as r,C as q}from"../custom-element.js";import{i as P}from"../if.js";import{e as Q}from"../each.js";import{r as T,s as v}from"../attributes.js";import{a as U}from"../input.js";var W=x('<legend class="mc-field__legend svelte-jgbztm"> </legend>'),X=(g,i,u)=>i(r(u).value),Y=x('<div class="mc-radio mc-field__item svelte-jgbztm"><input type="radio"> <label class="mc-radio__label svelte-jgbztm"> </label></div>'),Z=x('<div class="radio-group-container"><fieldset class="mc-field mc-field--group svelte-jgbztm"><!> <div></div></fieldset></div>');const $={hash:"svelte-jgbztm",code:`/**
+import{d as J,c as K,p as L,a as M,b as l,z as N,A as G,t as x,f as w,g as y,h as O,i as a,e as c,s as R,r as d,j as S,k as V,m as r,C as q}from"../../custom-element.js";import{i as P}from"../../if.js";import{e as Q}from"../../each.js";import{r as T,s as v}from"../../attributes.js";import{a as U}from"../../input.js";var W=x('<legend class="mc-field__legend svelte-jgbztm"> </legend>'),X=(g,i,u)=>i(r(u).value),Y=x('<div class="mc-radio mc-field__item svelte-jgbztm"><input type="radio"> <label class="mc-radio__label svelte-jgbztm"> </label></div>'),Z=x('<div class="radio-group-container"><fieldset class="mc-field mc-field--group svelte-jgbztm"><!> <div></div></fieldset></div>');const $={hash:"svelte-jgbztm",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-radio.svelte-jgbztm {align-items:center;display:flex;gap:0.5rem;}.mc-radio__label.svelte-jgbztm {font-size:1rem;line-height:1.3;color:var(--forms-color-text-default, #000000);cursor:pointer;}.mc-radio__input.svelte-jgbztm {appearance:none;margin:0;cursor:pointer;transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:0.125rem solid var(--forms-color-border-default, #666666);border-radius:100%;transition:all ease 200ms;height:1.25rem;width:1.25rem;position:relative;}.mc-radio__input.svelte-jgbztm::before {border-radius:100%;content:"";display:block;height:0.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:0.5rem;}.mc-radio__input.svelte-jgbztm:hover {border-color:var(--forms-color-border-hover, #4d4d4d);}.mc-radio__input.svelte-jgbztm: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-radio__input.svelte-jgbztm:checked {background-color:var(--forms-color-background-checked, #117f03);}.mc-radio__input.svelte-jgbztm:checked::before {background-color:var(--forms-color-background-default, #ffffff);}.mc-radio__input.svelte-jgbztm:checked, .mc-radio__input.svelte-jgbztm:disabled {border-color:transparent;}.mc-radio__input.svelte-jgbztm:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;}.mc-radio__input.svelte-jgbztm:disabled:checked::before {background-color:var(--forms-color-icon-disabled, #737373);}.mc-radio__input.svelte-jgbztm:disabled + .mc-radio__label:where(.svelte-jgbztm) {color:var(--forms-color-text-disabled, #737373);cursor:not-allowed;}.mc-radio__input.svelte-jgbztm:not(:disabled):checked:hover {background-color:var(--forms-color-background-checked-hover, #006902);}.mc-radio__input.is-invalid.svelte-jgbztm:not(:checked) {border-color:var(--forms-color-border-invalid, #ea302d);}.mc-radio__input.is-invalid.svelte-jgbztm:not(:checked):hover {border-color:var(--forms-color-border-invalid-hover, #c61112);}

package/dist/components/radiogroup/RadioGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RadioGroup.js","sources":["../../../src/components/radiogroup/RadioGroup.svelte"],"sourcesContent":["<svelte:options\n customElement={{\n tag: 'm-radio-group',\n props: {\n options: { type: 'Array', attribute: 'options' },\n },\n shadow: 'none',\n }}\n/>\n\n<script lang=\"ts\">\n import type { RadioGroupOption } from './radioGroup.types';\n\n interface Props {\n id: string;\n selectedvalue: string;\n options: Array<RadioGroupOption>;\n legend: string;\n inline: boolean;\n isinvalid?: boolean;\n }\n\n let {\n id,\n selectedvalue,\n options,\n legend,\n inline,\n isinvalid = false,\n }: Props = $props();\n\n let selectedValue: string | undefined = $state(selectedvalue);\n\n function onChange(value: string) {\n selectedValue = value;\n // dispatch('change', selectedValue);\n }\n</script>\n\n<div {id} class=\"radio-group-container\">\n <fieldset class=\"mc-field mc-field--group\">\n {#if legend && legend.length}\n <legend class=\"mc-field__legend\">\n {legend}\n </legend>\n {/if}\n\n <div class=\"mc-field__content {inline ? 'mc-field__content--inline' : ''}\">\n {#each options as opt (opt.id)}\n <div class=\"mc-radio mc-field__item\">\n <input\n type=\"radio\"\n class=\"mc-radio__input\"\n class:is-invalid={isinvalid}\n id={opt.id}\n name={opt.name}\n bind:group={selectedValue}\n value={opt.value}\n disabled={opt.disabled}\n onchange={() => onChange(opt.value)}\n />\n <label for={opt.id} class=\"mc-radio__label\">{opt.label}</label>\n </div>\n {/each}\n </div>\n </fieldset>\n</div>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/radio';\n @use '@mozaic-ds/styles/components/field';\n</style>\n"],"names":["onChange","$.get","opt","id","$.prop","$$props","selectedvalue","options","legend","inline","isinvalid","selectedValue","value","$.set","$$render","consequent","$.each","div_1","$.set_attribute","input","input_value","label","$.set_text","text_1","$$value"],"mappings":"8YA2D4BA,EAAQC,EAACC,CAAG,EAAC,KAAK;;;;;;0FApC1CC,EAAEC,EAAAC,EAAA,KAAA,CAAA,EACFC,EAAaF,EAAAC,EAAA,gBAAA,CAAA,EACbE,EAAOH,EAAAC,EAAA,UAAA,CAAA,EACPG,EAAMJ,EAAAC,EAAA,SAAA,CAAA,EACNI,EAAML,EAAAC,EAAA,SAAA,CAAA,EACNK,oBAAY,EAAK,EAGfC,MAA2CL,EAAa,CAAA,CAAA,WAEnDN,EAASY,EAAe,CAC/BC,EAAAF,IAAgBC,CAAK,CAAA,CAEvB,uEAOOJ,EAAM,CAAA,CAAA,kBAFNA,EAAM,GAAIA,EAAM,EAAC,QAAMM,EAAAC,CAAA,iBAOnBC,OAAAA,EAAAC,EAAA,GAAAV,EAAWL,GAAKA,EAAI,MAATA,IAAG,2JAKGQ,EAAS,EAAA,EACvBQ,EAAAC,EAAA,KAAAlB,EAAAC,CAAG,EAAC,EAAE,EACJgB,EAAAC,EAAA,OAAAlB,EAAAC,CAAG,EAAC,IAAI,EAEPkB,KAAAA,EAAAnB,EAAAC,CAAG,EAAC,SAAJiB,EAAA,OAAAA,EAAA,QAAAlB,EAAAC,CAAG,EAAC,QAAJ,KAAA,GAAAD,EAAAC,CAAG,EAAC,OACDiB,EAAA,SAAAlB,EAAAC,CAAG,EAAC,SAGJgB,EAAAG,EAAA,MAAApB,EAAAC,CAAG,EAAC,EAAE,EAA2BoB,EAAAC,EAAAtB,EAAAC,CAAG,EAAC,KAAK,kBAJ7CD,EAAAC,CAAG,EAAC,QADCS,CAAa,QAAbA,EAAaa,CAAA,4EATFf,IAAS,4BAA8B,KAAE,EAAA,GAAA,eAAA,uTAnB5D,GAAK"}

package/dist/components/radiogroup/RadioGroup.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RadioGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/radiogroup/RadioGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGzD,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAqDH,QAAA,MAAM,UAAU,2CAAsC,CAAC;AACvD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/radiogroup/radioGroup.types.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/radiogroup/radioGroup.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B"}

package/dist/{select → components/select}/Select.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import{x as M,l as E,y as j,c as O,p as D,a as F,b as u,z as I,A as G,t as w,f as g,k as H,B as J,m,g as p,h as K,i as v,e as _,s as N,r as x,C as P,j as C}from"../custom-element.js";import{i as Q}from"../if.js";import{e as R,i as T}from"../each.js";import{s as U}from"../attributes.js";function S(e,o,t){if(e.multiple)return X(e,o);for(var l of e.options){var a=b(l);if(j(a,o)){l.selected=!0;return}}(!t||o!==void 0)&&(e.selectedIndex=-1)}function V(e,o){E(()=>{var t=new MutationObserver(()=>{var l=e.__value;S(e,l)});return t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),()=>{t.disconnect()}})}function W(e,o,t=o){var l=!0;M(e,"change",a=>{var n=a?"[selected]":":checked",d;if(e.multiple)d=[].map.call(e.querySelectorAll(n),b);else{var f=e.querySelector(n)??e.querySelector("option:not([disabled])");d=f&&b(f)}t(d)}),E(()=>{var a=o();if(S(e,a,l),l&&a===void 0){var n=e.querySelector(":checked");n!==null&&(a=b(n),t(a))}e.__value=a,l=!1}),V(e)}function X(e,o){for(var t of e.options)t.selected=~o.indexOf(b(t))}function b(e){return"__value"in e?e.__value:e.value}var Y=w("<option disabled selected> </option>"),Z=w("<option> </option>"),$=w("<select><!><!></select>");const ee={hash:"svelte-i0s2u",code:`/**
+import{x as M,l as E,y as j,c as O,p as D,a as F,b as u,z as I,A as G,t as w,f as g,k as H,B as J,m,g as p,h as K,i as v,e as _,s as N,r as x,C as P,j as C}from"../../custom-element.js";import{i as Q}from"../../if.js";import{e as R,i as T}from"../../each.js";import{s as U}from"../../attributes.js";function S(e,o,t){if(e.multiple)return X(e,o);for(var l of e.options){var a=b(l);if(j(a,o)){l.selected=!0;return}}(!t||o!==void 0)&&(e.selectedIndex=-1)}function V(e,o){E(()=>{var t=new MutationObserver(()=>{var l=e.__value;S(e,l)});return t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),()=>{t.disconnect()}})}function W(e,o,t=o){var l=!0;M(e,"change",a=>{var n=a?"[selected]":":checked",d;if(e.multiple)d=[].map.call(e.querySelectorAll(n),b);else{var f=e.querySelector(n)??e.querySelector("option:not([disabled])");d=f&&b(f)}t(d)}),E(()=>{var a=o();if(S(e,a,l),l&&a===void 0){var n=e.querySelector(":checked");n!==null&&(a=b(n),t(a))}e.__value=a,l=!1}),V(e)}function X(e,o){for(var t of e.options)t.selected=~o.indexOf(b(t))}function b(e){return"__value"in e?e.__value:e.value}var Y=w("<option disabled selected> </option>"),Z=w("<option> </option>"),$=w("<select><!><!></select>");const ee={hash:"svelte-i0s2u",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 /* stylelint-disable string-no-newline */.mc-select.svelte-i0s2u {appearance:none;font-family:inherit;transition:box-shadow 200ms ease;font-size:1rem;line-height:1.3;height:3rem;padding:0 3rem 0 0.75rem;background-position:right 1rem center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-interactive, %23000000)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E");border:1px solid var(--forms-color-border-default, #666666);border-radius:0.25rem;display:block;width:100%;color:var(--forms-color-text-default, #000000);background-color:var(--forms-color-background-default, #ffffff);text-overflow:ellipsis;background-repeat:no-repeat;background-size:1rem;}.mc-select.svelte-i0s2u:hover {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 1px var(--forms-color-border-hover, #4d4d4d);}.mc-select.svelte-i0s2u:focus {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-select.svelte-i0s2u:disabled {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E");background-color:var(--forms-color-background-disabled, #d9d9d9);border-color:transparent;cursor:not-allowed;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-select--readonly.svelte-i0s2u {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-select.is-invalid.svelte-i0s2u {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 1px var(--forms-color-border-invalid, #ea302d);}.mc-select.is-invalid.svelte-i0s2u:hover {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 1px var(--forms-color-border-invalid-hover, #c61112);}.mc-select--s.svelte-i0s2u {font-size:0.875rem;line-height:1.3;height:2rem;padding:0 2rem 0 0.5rem;background-position:right 0.5rem center;}

package/dist/components/select/Select.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Select.js","sources":["../../../node_modules/svelte/src/internal/client/dom/elements/bindings/select.js","../../../src/components/select/Select.svelte"],"sourcesContent":["import { effect } from '../../../reactivity/effects.js';\nimport { listen_to_event_and_reset_event } from './shared.js';\nimport { untrack } from '../../../runtime.js';\nimport { is } from '../../../proxy.js';\n\n/**\n * Selects the correct option(s) (depending on whether this is a multiple select)\n * @template V\n * @param {HTMLSelectElement} select\n * @param {V} value\n * @param {boolean} [mounting]\n */\nexport function select_option(select, value, mounting) {\n\tif (select.multiple) {\n\t\treturn select_options(select, value);\n\t}\n\n\tfor (var option of select.options) {\n\t\tvar option_value = get_option_value(option);\n\t\tif (is(option_value, value)) {\n\t\t\toption.selected = true;\n\t\t\treturn;\n\t\t}\n\t}\n\n\tif (!mounting || value !== undefined) {\n\t\tselect.selectedIndex = -1; // no option should be selected\n\t}\n}\n\n/**\n * Selects the correct option(s) if `value` is given,\n * and then sets up a mutation observer to sync the\n * current selection to the dom when it changes. Such\n * changes could for example occur when options are\n * inside an `#each` block.\n * @template V\n * @param {HTMLSelectElement} select\n * @param {() => V} [get_value]\n */\nexport function init_select(select, get_value) {\n\tlet mounting = true;\n\teffect(() => {\n\t\tif (get_value) {\n\t\t\tselect_option(select, untrack(get_value), mounting);\n\t\t}\n\t\tmounting = false;\n\n\t\tvar observer = new MutationObserver(() => {\n\t\t\t// @ts-ignore\n\t\t\tvar value = select.__value;\n\t\t\tselect_option(select, value);\n\t\t\t// Deliberately don't update the potential binding value,\n\t\t\t// the model should be preserved unless explicitly changed\n\t\t});\n\n\t\tobserver.observe(select, {\n\t\t\t// Listen to option element changes\n\t\t\tchildList: true,\n\t\t\tsubtree: true, // because of <optgroup>\n\t\t\t// Listen to option element value attribute changes\n\t\t\t// (doesn't get notified of select value changes,\n\t\t\t// because that property is not reflected as an attribute)\n\t\t\tattributes: true,\n\t\t\tattributeFilter: ['value']\n\t\t});\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t});\n}\n\n/**\n * @param {HTMLSelectElement} select\n * @param {() => unknown} get\n * @param {(value: unknown) => void} set\n * @returns {void}\n */\nexport function bind_select_value(select, get, set = get) {\n\tvar mounting = true;\n\n\tlisten_to_event_and_reset_event(select, 'change', (is_reset) => {\n\t\tvar query = is_reset ? '[selected]' : ':checked';\n\t\t/** @type {unknown} */\n\t\tvar value;\n\n\t\tif (select.multiple) {\n\t\t\tvalue = [].map.call(select.querySelectorAll(query), get_option_value);\n\t\t} else {\n\t\t\t/** @type {HTMLOptionElement | null} */\n\t\t\tvar selected_option =\n\t\t\t\tselect.querySelector(query) ??\n\t\t\t\t// will fall back to first non-disabled option if no option is selected\n\t\t\t\tselect.querySelector('option:not([disabled])');\n\t\t\tvalue = selected_option && get_option_value(selected_option);\n\t\t}\n\n\t\tset(value);\n\t});\n\n\t// Needs to be an effect, not a render_effect, so that in case of each loops the logic runs after the each block has updated\n\teffect(() => {\n\t\tvar value = get();\n\t\tselect_option(select, value, mounting);\n\n\t\t// Mounting and value undefined -> take selection from dom\n\t\tif (mounting && value === undefined) {\n\t\t\t/** @type {HTMLOptionElement | null} */\n\t\t\tvar selected_option = select.querySelector(':checked');\n\t\t\tif (selected_option !== null) {\n\t\t\t\tvalue = get_option_value(selected_option);\n\t\t\t\tset(value);\n\t\t\t}\n\t\t}\n\n\t\t// @ts-ignore\n\t\tselect.__value = value;\n\t\tmounting = false;\n\t});\n\n\t// don't pass get_value, we already initialize it in the effect above\n\tinit_select(select);\n}\n\n/**\n * @template V\n * @param {HTMLSelectElement} select\n * @param {V} value\n */\nfunction select_options(select, value) {\n\tfor (var option of select.options) {\n\t\t// @ts-ignore\n\t\toption.selected = ~value.indexOf(get_option_value(option));\n\t}\n}\n\n/** @param {HTMLOptionElement} option */\nfunction get_option_value(option) {\n\t// __value only exists if the <option> has a value attribute\n\tif ('__value' in option) {\n\t\treturn option.__value;\n\t} else {\n\t\treturn option.value;\n\t}\n}\n","<svelte:options\n customElement={{\n tag: 'm-select',\n props: {\n options: { type: 'Array', attribute: 'options' },\n },\n shadow: 'none',\n }}\n/>\n\n<script lang=\"ts\">\n import { createEventDispatcher } from 'svelte';\n\n import type { SelectOption, SelectSize } from './select.types';\n\n interface Props {\n id: string;\n name: string;\n valueselected?: string;\n placeholder: string;\n size?: SelectSize;\n isinvalid?: boolean;\n disabled?: boolean;\n options: Array<SelectOption>;\n [key: string]: any;\n }\n\n let {\n id,\n valueselected = '',\n placeholder,\n size = 'm',\n isinvalid = false,\n disabled = false,\n options,\n }: Props = $props();\n let valueSelected = $state(valueselected);\n\n function setClasses(isinvalid: boolean, size: SelectSize): string {\n const classes = ['mc-select'];\n\n if (isinvalid) {\n classes.push('is-invalid');\n }\n if (size) {\n classes.push(`mc-select--${size}`);\n }\n\n return classes.join(' ');\n }\n</script>\n\n\n<select\n {id}\n class={setClasses(isinvalid, size)}\n {disabled}\n bind:value={valueSelected}\n>\n {#if placeholder}\n <option value=\"\" disabled selected>\n -- {placeholder} --\n </option>\n {/if}\n\n {#each options as opt}\n <option disabled={opt.disabled} value={opt.value}>\n {opt.text}\n </option>\n {/each}\n</select>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/select';\n</style>\n"],"names":["select_option","select","value","mounting","select_options","option","option_value","get_option_value","is","init_select","get_value","effect","observer","bind_select_value","get","set","listen_to_event_and_reset_event","is_reset","query","selected_option","id","$.prop","$$props","valueselected","placeholder","size","isinvalid","disabled","options","valueSelected","setClasses","classes","$$render","consequent","$.each","node_1","opt","option_1","$.get","option_1_value","$.set_text","text_1","$.bind_select_value","$$value"],"mappings":"2SAYO,SAASA,EAAcC,EAAQC,EAAOC,EAAU,CACtD,GAAIF,EAAO,SACV,OAAOG,EAAeH,EAAQC,CAAK,EAGpC,QAASG,KAAUJ,EAAO,QAAS,CAClC,IAAIK,EAAeC,EAAiBF,CAAM,EAC1C,GAAIG,EAAGF,EAAcJ,CAAK,EAAG,CAC5BG,EAAO,SAAW,GAClB,MACH,CACA,EAEK,CAACF,GAAYD,IAAU,UAC1BD,EAAO,cAAgB,GAEzB,CAYO,SAASQ,EAAYR,EAAQS,EAAW,CAE9CC,EAAO,IAAM,CAMZ,IAAIC,EAAW,IAAI,iBAAiB,IAAM,CAEzC,IAAIV,EAAQD,EAAO,QACnBD,EAAcC,EAAQC,CAAK,CAG9B,CAAG,EAED,OAAAU,EAAS,QAAQX,EAAQ,CAExB,UAAW,GACX,QAAS,GAIT,WAAY,GACZ,gBAAiB,CAAC,OAAO,CAC5B,CAAG,EAEM,IAAM,CACZW,EAAS,WAAY,CACrB,CACH,CAAE,CACF,CAQO,SAASC,EAAkBZ,EAAQa,EAAKC,EAAMD,EAAK,CACzD,IAAIX,EAAW,GAEfa,EAAgCf,EAAQ,SAAWgB,GAAa,CAC/D,IAAIC,EAAQD,EAAW,aAAe,WAElCf,EAEJ,GAAID,EAAO,SACVC,EAAQ,CAAA,EAAG,IAAI,KAAKD,EAAO,iBAAiBiB,CAAK,EAAGX,CAAgB,MAC9D,CAEN,IAAIY,EACHlB,EAAO,cAAciB,CAAK,GAE1BjB,EAAO,cAAc,wBAAwB,EAC9CC,EAAQiB,GAAmBZ,EAAiBY,CAAe,CAC9D,CAEEJ,EAAIb,CAAK,CACX,CAAE,EAGDS,EAAO,IAAM,CACZ,IAAIT,EAAQY,EAAK,EAIjB,GAHAd,EAAcC,EAAQC,EAAOC,CAAQ,EAGjCA,GAAYD,IAAU,OAAW,CAEpC,IAAIiB,EAAkBlB,EAAO,cAAc,UAAU,EACjDkB,IAAoB,OACvBjB,EAAQK,EAAiBY,CAAe,EACxCJ,EAAIb,CAAK,EAEb,CAGED,EAAO,QAAUC,EACjBC,EAAW,EACb,CAAE,EAGDM,EAAYR,CAAM,CACnB,CAOA,SAASG,EAAeH,EAAQC,EAAO,CACtC,QAASG,KAAUJ,EAAO,QAEzBI,EAAO,SAAW,CAACH,EAAM,QAAQK,EAAiBF,CAAM,CAAC,CAE3D,CAGA,SAASE,EAAiBF,EAAQ,CAEjC,MAAI,YAAaA,EACTA,EAAO,QAEPA,EAAO,KAEhB;;;;;gFCrHIe,EAAEC,EAAAC,EAAA,KAAA,CAAA,EACFC,wBAAgB,EAAE,EAClBC,EAAWH,EAAAC,EAAA,cAAA,CAAA,EACXG,eAAO,GAAG,EACVC,oBAAY,EAAK,EACjBC,mBAAW,EAAK,EAChBC,EAAOP,EAAAC,EAAA,UAAA,CAAA,EAELO,MAAuBN,EAAa,CAAA,CAAA,EAE/B,SAAAO,EAAWJ,EAAoBD,EAA0B,CAC1D,MAAAM,GAAW,WAAW,EAExB,OAAAL,GACFK,EAAQ,KAAK,YAAY,EAEvBN,GACFM,EAAQ,KAAI,cAAeN,CAAI,EAAA,EAG1BM,EAAQ,KAAK,GAAG,CACzB,yGAYQP,KAAW,EAAA,KAAA,CAAA,kBAFdA,EAAW,GAAAQ,EAAAC,CAAA,eAMTC,OAAAA,EAAAC,EAAA,GAAAP,OAAWQ,IAAG,sCACDC,EAAA,SAAAC,EAAAF,CAAG,EAAC,SAAiBG,KAAAA,EAAAD,EAAAF,CAAG,EAAC,SAAJC,EAAA,OAAAA,EAAA,QAAAC,EAAAF,CAAG,EAAC,QAAJ,KAAA,GAAAE,EAAAF,CAAG,EAAC,OACxCI,EAAAC,EAAAH,EAAAF,CAAG,EAAC,IAAI,sFAZNN,EAAWJ,EAAS,EAAED,EAAI,CAAA,IAErBiB,EAAAzC,EAAA,IAAAqC,EAAAT,CAAa,OAAbA,EAAac,CAAA,CAAA,yGA5BP,GAAE,wGAEX,IAAG,uDACE,GAAK,qDACN,GAAK","x_google_ignoreList":[0]}

package/dist/components/select/Select.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Select.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG7D,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AA2DH,QAAA,MAAM,MAAM,2CAAsC,CAAC;AACnD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/select/select.types.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AACD,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC"}

package/dist/{statusbadge → components/statusbadge}/StatusBadge.js RENAMED Viewed

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

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

@@ -0,0 +1 @@

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

package/dist/components/statusbadge/StatusBadge.svelte.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"StatusBadge.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/statusbadge/StatusBadge.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI9C,UAAU,KAAK;IACb,KAAK,EAAE,UAAU,CAAC;CACnB;AAoBH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,WAAW;;;;;;UAAmF,CAAC;AACnF,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}