@mozaic-ds/web-components 1.0.0-alpha.2 → 1.0.0-alpha.3

package/public/components/checkboxgroup/checkboxGroup.svelte

@@ -1,63 +0,0 @@
-<svelte:options
-  customElement={{
-    tag: 'm-checkbox-group',
-    props: {
-      options: { reflect: true, type: 'Array', attribute: 'options' },
-    },
-    shadow: 'none',
-  }}
-/>
-
-<script lang="ts">
-  import type { CheckboxGroupOption } from './checkboxgroup.types';
-
-  interface Props {
-    id: string;
-    options: Array<CheckboxGroupOption>;
-    legend: string;
-    selected: Array<String>;
-  }
-
-  let { id, options, legend, selected, onchange }: Props = $props();
-  let selectedValues = $state(selected);
-  function selectValue() {
-    onchange(selectedValues);
-  }
-</script>
-
-<div class="checkbox-group-container" {id}>
-  <fieldset class="mc-field mc-field--group">
-    {#if legend && legend.length}
-      <legend class="mc-field__legend">
-        {legend}
-      </legend>
-    {/if}
-    <div class="mc-field__container">
-      {#each options as opt (opt.id)}
-        <div class="mc-checkbox mc-field__item">
-          <input
-            type="checkbox"
-            class="mc-checkbox__input {opt.isinvalid ? ' is-invalid' : ''}"
-            id={opt.id}
-            name={opt.name}
-            checked={opt.checked}
-            disabled={opt.disabled}
-            indeterminate={opt.indeterminate}
-            aria-invalid={opt.isinvalid}
-            bind:group={selectedValues}
-            value={opt.name}
-            onchange={selectValue}
-          />
-          {#if opt.label}
-            <label for={opt.id} class="mc-checkbox__label">{opt.label}</label>
-          {/if}
-        </div>
-      {/each}
-    </div>
-  </fieldset>
-</div>
-
-<style lang="scss">
-  @use '@mozaic-ds/styles/components/checkbox';
-  @use '@mozaic-ds/styles/components/field';
-</style>

package/public/components/checkboxgroup/checkboxgroup.types.d.ts

@@ -1,11 +0,0 @@
-export interface CheckboxGroupOption {
-    id: string | undefined;
-    name?: string | undefined;
-    label?: string;
-    value: string;
-    disabled?: boolean | undefined;
-    checked?: boolean | undefined;
-    indeterminate?: boolean | undefined;
-    isinvalid?: boolean | undefined;
-}
-//# sourceMappingURL=checkboxgroup.types.d.ts.map

package/public/components/checkboxgroup/checkboxgroup.types.d.ts.map

@@ -1 +0,0 @@
-{"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/public/components/field/Field.js

@@ -1,2 +0,0 @@
-import{c as e,p as i,a as l,b as t,t as a,d as s,h as d,i as r,j as n,l as o,g as v,r as m,f as g,s as c}from"../../custom-element-D6iR2OWc.js";import{i as f}from"../../if-CxjAhvpF.js";import{a as p}from"../../slot-snFjRYH3.js";import{a as h}from"../../attributes-Dd-ZbJDt.js";var u=a('<span class="mc-field__requirement svelte-dg1po7" aria-hidden="true"> </span>'),_=a('<span class="mc-field__help svelte-dg1po7"> </span>'),b=a("<span> </span>"),w=a('<div class="mc-field"><label class="mc-field__label svelte-dg1po7"> <!></label> <!> <div class="mc-field__content svelte-dg1po7"><!></div> <!></div>');const x={hash:"svelte-dg1po7",code:"/**\n * Do not edit directly, this file was auto-generated.\n */\n/* 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\");}\n\n/* stylelint-enable string-no-newline */"};function q(e,a){i(a,!0),l(e,x);let q=t(a,"id",7),E=t(a,"label",7),Z=t(a,"requirementtext",7),C=t(a,"helpid",7),j=t(a,"helptext",7),y=t(a,"messageid",7),M=t(a,"message",7),k=t(a,"isinvalid",7,!1),z=t(a,"isvalid",7,!1);var B=w(),D=v(B),L=v(D),V=o(L),$=e=>{var i=u(),l=v(i,!0);m(i),s((()=>g(l,Z()))),d(e,i)};f(V,(e=>{Z()&&e($)})),m(D);var A=o(D,2),F=e=>{var i=_(),l=v(i,!0);m(i),s((()=>{h(i,"id",C()),g(l,j())})),d(e,i)};f(A,(e=>{C()&&j()&&e(F)}));var G=o(A,2),H=v(G);p(H,a,"default",{}),m(G);var I=o(G,2),J=e=>{var i=b();let l;var t=v(i,!0);m(i),s((()=>{h(i,"id",y()),l=c(i,1,"mc-field__validation-message svelte-dg1po7",null,l,{"is-valid":z(),"is-invalid":k()}),g(t,M())})),d(e,i)};return f(I,(e=>{(k()||z())&&e(J)})),m(B),s((()=>{h(D,"for",q()),g(L,`${E()??""} `)})),d(e,B),r({get id(){return q()},set id(e){q(e),n()},get label(){return E()},set label(e){E(e),n()},get requirementtext(){return Z()},set requirementtext(e){Z(e),n()},get helpid(){return C()},set helpid(e){C(e),n()},get helptext(){return j()},set helptext(e){j(e),n()},get messageid(){return y()},set messageid(e){y(e),n()},get message(){return M()},set message(e){M(e),n()},get isinvalid(){return k()},set isinvalid(e=!1){k(e),n()},get isvalid(){return z()},set isvalid(e=!1){z(e),n()}})}customElements.define("m-field",e(q,{id:{},label:{},requirementtext:{},helpid:{},helptext:{},messageid:{},message:{},isinvalid:{},isvalid:{}},["default"],[],!1));export{q as default};
-//# sourceMappingURL=Field.js.map

package/public/components/field/Field.js.map

@@ -1 +0,0 @@
-{"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":"g1GAsBIA,EAAEC,EAAAC,EAAA,KAAA,GACFC,EAAKF,EAAAC,EAAA,QAAA,GACLE,EAAeH,EAAAC,EAAA,kBAAA,GACfG,EAAMJ,EAAAC,EAAA,SAAA,GACNI,EAAQL,EAAAC,EAAA,WAAA,GACRK,EAASN,EAAAC,EAAA,YAAA,GACTM,EAAOP,EAAAC,EAAA,UAAA,GACPO,qBAAY,GACZC,mBAAU,4EASLN,wBAFAA,KAAeO,EAAAC,EAAA,sEAOVP,SACPC,IAAQ,qBAFRD,KAAUC,KAAQK,EAAAE,EAAA,wHAUfN,6EAEYG,iBACED,UAEjBD,IAAO,6BAPPC,KAAaC,MAAOC,EAAAG,EAAA,2BAhBbd,YACTG,KAAK,MAAA,saAPM,sDACF"}

package/public/components/field/Field.svelte

@@ -1,66 +0,0 @@
-<svelte:options
-  customElement={{
-    tag: 'm-field',
-    shadow: 'none',
-  }}
-/>
-
-<script lang="ts">
-  interface Props {
-    id: string;
-    label: string;
-    requirementtext: string;
-    helpid: string;
-    helptext: string;
-    messageid: string;
-    message: string;
-    isinvalid?: boolean;
-    isvalid?: boolean;
-    [key: string]: any;
-  }
-
-  let {
-    id,
-    label,
-    requirementtext,
-    helpid,
-    helptext,
-    messageid,
-    message,
-    isinvalid = false,
-    isvalid = false,
-  }: Props = $props();
-</script>
-
-<div class="mc-field">
-  <label for={id} class="mc-field__label">
-    {label}
-    {#if requirementtext}
-      <span class="mc-field__requirement" aria-hidden="true">
-        {requirementtext}
-      </span>
-    {/if}
-  </label>
-  {#if helpid && helptext}
-    <span id={helpid} class="mc-field__help">
-      {helptext}
-    </span>
-  {/if}
-  <div class="mc-field__content">
-    <slot />
-  </div>
-  {#if isinvalid || isvalid}
-    <span
-      id={messageid}
-      class="mc-field__validation-message"
-      class:is-valid={isvalid}
-      class:is-invalid={isinvalid}
-    >
-      {message}
-    </span>
-  {/if}
-</div>
-
-<style lang="scss">
-  @use '@mozaic-ds/styles/components/field';
-</style>

package/public/components/iconbutton/IconButton.svelte

@@ -1,62 +0,0 @@
-<svelte:options customElement={{ tag: 'm-icon-button', shadow: 'none' }} />
-
-<script lang="ts">
-  import type { ButtonSize, ButtonStyle, ButtonType } from './button.types';
-
-  interface Props {
-    appearance?: ButtonStyle | undefined;
-    size?: ButtonSize;
-    ghost?: boolean;
-    outlined?: boolean;
-    iconname: string;
-    disabled?: boolean;
-    type?: ButtonType;
-    [key: string]: any;
-  }
-
-  let {
-    appearance = 'standard',
-    size = 'm',
-    ghost = false,
-    outlined = false,
-    iconname,
-    disabled = false,
-    type = 'button',
-    ...events
-  }: Props = $props();
-
-  function generateIconName(size: ButtonSize, iconName: string): string {
-    let iconSize: string;
-
-    switch (size) {
-      case 's':
-        iconSize = '20px';
-        break;
-      case 'm':
-        iconSize = '24px';
-        break;
-      case 'l':
-        iconSize = '32px';
-        break;
-    }
-
-    return `${iconName} size="${iconSize}" `;
-  }
-</script>
-
-<button
-  class="mc-button mc-button--icon-button {size
-    ? `mc-button--${size}`
-    : ''} {appearance ? `mc-button--${appearance}` : ''}"
-  class:mc-button--ghost={ghost}
-  class:mc-button--outlined={outlined}
-  {disabled}
-  {type}
-  {...events}
->
-  {@html `<${generateIconName(size, iconname)} />`}
-</button>
-
-<style lang="scss">
-  @use '@mozaic-ds/styles/components/button';
-</style>

package/public/components/link/Link.js

@@ -1,2 +0,0 @@
-import{Q as e,R as t,S as n,T as s,U as l,V as i,N as o,W as a,X as r,Y as c,Z as u,c as d,_ as f,p as m,a as v,b as h,$ as k,a0 as w,t as p,g,d as b,a1 as _,a2 as $,a3 as y,h as x,i as j,j as z,l as O,O as C,r as D}from"../../custom-element-D6iR2OWc.js";import{i as E}from"../../if-CxjAhvpF.js";import{a as N}from"../../slot-snFjRYH3.js";import{s as Q}from"../../attributes-Dd-ZbJDt.js";function R(e,t){if(e.l.s)for(const t of e.l.s)o(t);t()}function S(e,t){var n=e.$$events?.[t.type],s=c(n)?n.slice():null==n?[]:[n];for(var l of s)l.call(this,t)}u();var T=p('<span class="mc-link__icon svelte-1da7u2w"><!></span>'),U=p('<span class="mc-link__icon svelte-1da7u2w"><!></span>'),V=p('<a><!> <span class="mc-link__label svelte-1da7u2w"><!></span> <!></a>');const W={hash:"svelte-1da7u2w",code:"/**\n * Do not edit directly, this file was auto-generated.\n */.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 X(c,u){const d=f(u,["children","$$slots","$$events","$$legacy","$$host"]),p=f(d,["href","target","style","disabled","size","inline","iconposition"]);m(u,!1),v(c,W);const X=$(),Y=$();let Z=h(u,"href",12),q=h(u,"target",12),A=h(u,"style",12,void 0),B=h(u,"disabled",12,!1),F=h(u,"size",12,"m"),G=h(u,"inline",12,!1),H=h(u,"iconposition",12,void 0);k((()=>a(d)),(()=>{C(X,d.class)})),k((()=>a(p)),(()=>{C(Y,Object.assign({},p))})),k((()=>o(Y)),(()=>{delete o(Y).class})),w(),function(c=!1){const u=e,d=u.l.u;if(!d)return;let f=()=>a(u.s);if(c){let e=0,t={};const n=r((()=>{let n=!1;const s=u.s;for(const e in s)s[e]!==t[e]&&(t[e]=s[e],n=!0);return n&&e++,e}));f=()=>o(n)}d.b.length&&t((()=>{R(u,f),s(d.b)})),n((()=>{const e=l((()=>d.m.map(i)));return()=>{for(const t of e)"function"==typeof t&&t()}})),d.a.length&&n((()=>{R(u,f),s(d.a)}))}();var I=V();let J;var K=g(I),L=e=>{var t=T(),n=g(t);N(n,u,"icon",{}),D(t),x(e,t)};E(K,(e=>{"left"===H()&&e(L)}));var M=O(K,2),P=g(M);N(P,u,"default",{}),D(M);var ee=O(M,2),te=e=>{var t=U(),n=g(t);N(n,u,"icon",{}),D(t),x(e,t)};return E(ee,(e=>{"right"===H()&&e(te)})),D(I),b((e=>J=Q(I,J,{href:Z(),target:q(),class:`${e??""} ${(B()?"is-disabled":"")??""} ${o(X)??""}`,...o(Y)},"svelte-1da7u2w")),[()=>function(e,t,n){const s=["mc-link"];return e&&s.push(`mc-link--${e}`),t&&s.push(`mc-link--${t}`),n?s.push("mc-link--inline"):s.push("mc-link--stand-alone"),s.join(" ")}(A(),F(),G())],_),y("click",I,(function(e){S.call(this,u,e)})),x(c,I),j({get href(){return Z()},set href(e){Z(e),z()},get target(){return q()},set target(e){q(e),z()},get style(){return A()},set style(e){A(e),z()},get disabled(){return B()},set disabled(e){B(e),z()},get size(){return F()},set size(e){F(e),z()},get inline(){return G()},set inline(e){G(e),z()},get iconposition(){return H()},set iconposition(e){H(e),z()}})}customElements.define("m-link",d(X,{href:{},target:{},style:{},disabled:{},size:{},inline:{},iconposition:{}},["icon","default"],[],!0));export{X as default};
-//# sourceMappingURL=Link.js.map

package/public/components/link/Link.js.map

@@ -1 +0,0 @@
-{"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":["observe_all","context","props","l","s","signal","get","bubble_event","$$props","event","events","type","callbacks","is_array","slice","fn","call","this","enable_legacy_mode_flag","href","$.prop","target","style","undefined","disabled","size","inline","iconposition","$.set","userClass","class","attributes","$$restProps","$.get","immutable","u","deep_read_state","version","prev","d","derived","changed","key","b","length","user_pre_effect","run_all","user_effect","fns","untrack","m","map","run","a","$$render","consequent","consequent_1","$0","classes","push","join","setClasses"],"mappings":"oYA2EA,SAASA,EAAYC,EAASC,GAC7B,GAAID,EAAQE,EAAEC,EACb,IAAK,MAAMC,KAAUJ,EAAQE,EAAEC,EAAGE,EAAID,GAGvCH,GACD,CCpDO,SAASK,EAAaC,EAASC,GACrC,IAAIC,EAA+DF,EAAgB,WAClFC,EAAME,MAGHC,EAAYC,EAASH,GAAUA,EAAOI,QAAoB,MAAVJ,EAAiB,GAAK,CAACA,GAE3E,IAAK,IAAIK,KAAMH,EAEdG,EAAGC,KAAKC,KAAMR,EAEhB,CCtCAS,qyECEaC,EAAYC,EAAAZ,EAAA,OAAA,IACZa,EAAcD,EAAAZ,EAAA,SAAA,IACdc,sBAAmBC,GACnBC,qBAAW,GACXC,gBAAiB,KACjBC,mBAAS,GACTC,6BAA6CJ,sBAErDK,EAAAC,IAAoBC,MAAK,uBACzBF,EAAAG,mBAAkBC,GAAW,8BACtBC,EAAAF,GAAWD,KAAK,QHHrB,SAAcI,GAAY,GAChC,MAAMjC,EAAiD,EAEjDW,EAAYX,EAAQE,EAAEgC,EAC5B,IAAKvB,EAAW,OAEhB,IAAIV,EAAQ,IAAMkC,EAAgBnC,EAAQG,GAE1C,GAAI8B,EAAW,CACd,IAAIG,EAAU,EACVC,EAA2C,CAAE,EAGjD,MAAMC,EAAIC,GAAQ,KACjB,IAAIC,GAAU,EACd,MAAMvC,EAAQD,EAAQG,EACtB,IAAK,MAAMsC,KAAOxC,EACbA,EAAMwC,KAASJ,EAAKI,KACvBJ,EAAKI,GAAOxC,EAAMwC,GAClBD,GAAU,GAIZ,OADIA,GAASJ,IACNA,CAAO,IAGfnC,EAAQ,IAAMI,EAAIiC,EACpB,CAGK3B,EAAU+B,EAAEC,QACfC,GAAgB,KACf7C,EAAYC,EAASC,GACrB4C,EAAQlC,EAAU+B,EAAE,IAKtBI,GAAY,KACX,MAAMC,EAAMC,GAAQ,IAAMrC,EAAUsC,EAAEC,IAAIC,KAC1C,MAAO,KACN,IAAK,MAAMrC,KAAMiC,EACE,mBAAPjC,GACVA,GAEL,CACG,IAIEH,EAAUyC,EAAET,QACfG,GAAY,KACX/C,EAAYC,EAASC,GACrB4C,EAAQlC,EAAUyC,EAAE,GAGvB,6FGpBwB,SAAjB1B,KAAuB2B,EAAAC,EAAA,sIAQN,UAAjB5B,KAAwB2B,EAAAE,GAAA,4CAba1B,MAAA,GAAA2B,GAAA,OAAAjC,IACtC,cACA,KAAE,MAAAS,EAAGJ,IAAS,UACdE,wBAHI,IA1BC,SACPT,EACAG,EACAC,GAEM,MAAAgC,GAAW,kBAEbpC,GACFoC,EAAQC,KAAI,YAAarC,KAEvBG,GACFiC,EAAQC,KAAI,YAAalC,KAEvBC,EACFgC,EAAQC,KAAK,mBAEbD,EAAQC,KAAK,wBAERD,EAAQE,KAAK,IACtB,CAOQC,CAAWvC,IAAOG,IAAMC","x_google_ignoreList":[0,1,2]}

package/public/components/link/Link.svelte

@@ -1,65 +0,0 @@
-<svelte:options customElement="m-link" />
-
-<script lang="ts">
-  import type { LinkIconPosition, LinkSize, LinkStyle } from './link.types';
-  export let href: string;
-  export let target: string;
-  export let style: LinkStyle = undefined;
-  export let disabled = false;
-  export let size: LinkSize = 'm';
-  export let inline = false;
-  export let iconposition: LinkIconPosition | undefined = undefined;
-
-  $: userClass = $$props.class;
-  $: attributes = { ...$$restProps };
-  $: delete attributes.class;
-
-  function setClasses(
-    style: LinkStyle,
-    size: LinkSize,
-    inline: boolean,
-  ): string {
-    const classes = ['mc-link'];
-
-    if (style) {
-      classes.push(`mc-link--${style}`);
-    }
-    if (size) {
-      classes.push(`mc-link--${size}`);
-    }
-    if (inline) {
-      classes.push('mc-link--inline');
-    } else {
-      classes.push('mc-link--stand-alone');
-    }
-    return classes.join(' ');
-  }
-</script>
-
-<a
-  on:click
-  {href}
-  {target}
-  class="{setClasses(style, size, inline)} {disabled
-    ? 'is-disabled'
-    : ''} {userClass}"
-  {...attributes}
->
-  {#if iconposition === 'left'}
-    <span class="mc-link__icon">
-      <slot name="icon" />
-    </span>
-  {/if}
-  <span class="mc-link__label">
-    <slot />
-  </span>
-  {#if iconposition === 'right'}
-    <span class="mc-link__icon">
-      <slot name="icon" />
-    </span>
-  {/if}
-</a>
-
-<style lang="scss">
-  @use '@mozaic-ds/styles/components/link';
-</style>

package/public/components/link/link.types.d.ts

@@ -1,4 +0,0 @@
-export type LinkSize = 's' | 'm';
-export type LinkStyle = 'accent' | 'inverse' | 'secondary' | 'primary' | undefined;
-export type LinkIconPosition = 'left' | 'right';
-//# sourceMappingURL=link.types.d.ts.map

package/public/components/link/link.types.d.ts.map

@@ -1 +0,0 @@
-{"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/public/components/loader/Loader.js

@@ -1,2 +0,0 @@
-import{c as e,p as t,a as r,b as s,t as a,d as l,h as o,i as d,l as n,g as h,s as c,e as i,j as p,r as m,f as u}from"../../custom-element-D6iR2OWc.js";import{i as k}from"../../if-CxjAhvpF.js";import{a as v}from"../../attributes-Dd-ZbJDt.js";var f=a('<span class="mc-loader__text svelte-ud0phk"> </span>'),_=a('<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 w={hash:"svelte-ud0phk",code:"/**\n * Do not edit directly, this file was auto-generated.\n */.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 {\n  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;\n  animation: svelte-ud0phk-animate-dash-loader 2s ease-in-out infinite;}.mc-loader__text.svelte-ud0phk {font-size:1rem;color:currentcolor;}.mc-loader.svelte-ud0phk:not(.mc-loader--text-visible) .mc-loader__text:where(.svelte-ud0phk) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-loader--s.svelte-ud0phk .mc-loader__spinner:where(.svelte-ud0phk) {height:1.5rem;width:1.5rem;}.mc-loader--s.svelte-ud0phk .mc-loader__path:where(.svelte-ud0phk) {stroke-width:4;}.mc-loader--l.svelte-ud0phk .mc-loader__spinner:where(.svelte-ud0phk) {height:4rem;width:4rem;}.mc-loader--l.svelte-ud0phk .mc-loader__path:where(.svelte-ud0phk) {stroke-width:8;}.mc-loader--accent.svelte-ud0phk {color:var(--loader-color-accent, #117f03);}.mc-loader--accent.svelte-ud0phk .mc-loader__path:where(.svelte-ud0phk) {stroke:currentColor;}.mc-loader--inverse.svelte-ud0phk {color:var(--loader-color-inverse, #ffffff);}.mc-loader--inverse.svelte-ud0phk .mc-loader__path:where(.svelte-ud0phk) {stroke:currentColor;}\n\n@keyframes svelte-ud0phk-rotate-loader {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(270deg);\n  }\n}\n@keyframes svelte-ud0phk-animate-dash-loader {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35px;\n  }\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124px;\n  }\n}"};function x(e,a){t(a,!0),r(e,w);let x=s(a,"size",7),g=s(a,"theme",7),y=s(a,"text",7),b=s(a,"style",7);var j=_(),z=h(j),C=h(z),$=h(C);m(C),m(z);var B=n(z,2),D=e=>{var t=f(),r=h(t,!0);m(t),l((()=>u(r,y()))),o(e,t)};return k(B,(e=>{y()&&e(D)})),m(j),l(((e,t,r)=>{c(j,1,i(e),"svelte-ud0phk"),v(j,"style",b()),v(C,"viewBox",t),v($,"r",r)}),[()=>function(e,t){const r=["mc-loader"];return e&&r.push(`mc-loader--${e}`),t&&r.push(`mc-loader--${t}`),r.join(" ")}(x(),g()),()=>function(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}(x()),()=>function(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}(x())]),o(e,j),d({get size(){return x()},set size(e){x(e),p()},get theme(){return g()},set theme(e){g(e),p()},get text(){return y()},set text(e){y(e),p()},get style(){return b()},set style(e){b(e),p()}})}customElements.define("m-loader",e(x,{size:{},theme:{},text:{},style:{}},[],[],!0));export{x as default};
-//# sourceMappingURL=Loader.js.map

package/public/components/loader/Loader.js.map

@@ -1 +0,0 @@
-{"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","$$render","consequent","classes","push","join","setClasses","viewBox","setViewBox","circleRadius","setCircleRadius"],"mappings":"6yFAYQA,EAAIC,EAAAC,EAAA,OAAA,GAAEC,EAAKF,EAAAC,EAAA,QAAA,GAAEE,EAAIH,EAAAC,EAAA,OAAA,GAAEG,EAAKJ,EAAAC,EAAA,QAAA,mGAqEzBE,+BAFAA,KAAIE,EAAAC,EAAA,+GAjEWP,EAAkBG,GAC9B,MAAAK,GAAW,oBAEbR,GACFQ,EAAQC,KAAI,cAAeT,KAGzBG,GACFK,EAAQC,KAAI,cAAeN,KAGtBK,EAAQE,KAAK,IACtB,CAqCUC,CAAWX,IAAMG,KAKd,IAxCJ,SAAWH,OACdY,SAEIZ,OACD,IACHY,EAAU,sBAEP,IACHA,EAAU,0BAGVA,EAAU,mBAGPA,CACT,CAyBaC,CAAWb,KAMf,IA7BA,SAAgBA,OACnBc,SAEId,OACD,IACHc,EAAe,YAEZ,IACHA,EAAe,iBAGfA,EAAe,SAGZA,CACT,CAcSC,CAAgBf"}

package/public/components/loader/Loader.svelte

@@ -1,89 +0,0 @@
-<svelte:options customElement={{ tag: 'm-loader' }} />
-
-<script lang="ts">
-  import type { LoaderSize, LoaderTheme } from './loader.types';
-
-  interface Props {
-    size: LoaderSize;
-    theme: LoaderTheme;
-    text: string;
-    style: string;
-  }
-
-  let { size, theme, text, style }: Props = $props();
-
-  function setClasses(size: LoaderSize, theme: LoaderTheme) {
-    const classes = ['mc-loader'];
-
-    if (size) {
-      classes.push(`mc-loader--${size}`);
-    }
-
-    if (theme) {
-      classes.push(`mc-loader--${theme}`);
-    }
-
-    return classes.join(' ');
-  }
-
-  function setViewBox(size: LoaderSize) {
-    let viewBox: string;
-
-    switch (size) {
-      case 's':
-        viewBox = '0 0 24 24';
-        break;
-      case 'l':
-        viewBox = '0 0 64 64';
-        break;
-      default:
-        viewBox = '0 0 32 32';
-    }
-
-    return viewBox;
-  }
-
-  function setCircleRadius(size: LoaderSize) {
-    let circleRadius: number;
-
-    switch (size) {
-      case 's':
-        circleRadius = 6;
-        break;
-      case 'l':
-        circleRadius = 19;
-        break;
-      default:
-        circleRadius = 9;
-    }
-
-    return circleRadius;
-  }
-</script>
-
-<div class={setClasses(size, theme)} {style}>
-  <span class="mc-loader__spinner">
-    <svg
-      class="mc-loader__icon"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox={setViewBox(size)}
-    >
-      <circle
-        class="mc-loader__path"
-        cx="50%"
-        cy="50%"
-        r={setCircleRadius(size)}
-      />
-    </svg>
-  </span>
-
-  {#if text}
-    <span class="mc-loader__text">
-      {text}
-    </span>
-  {/if}
-</div>
-
-<style lang="scss">
-  @use '@mozaic-ds/styles/components/loader';
-</style>

package/public/components/loader/loader.types.d.ts

@@ -1,3 +0,0 @@
-export type LoaderSize = 's' | 'm' | 'l' | undefined;
-export type LoaderTheme = 'inverse' | 'accent' | 'standard' | undefined;
-//# sourceMappingURL=loader.types.d.ts.map

package/public/components/loader/loader.types.d.ts.map

@@ -1 +0,0 @@
-{"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/public/components/overlay/Overlay.js

@@ -1,2 +0,0 @@
-import{c as e,p as i,a as t,b as s,t as o,g as a,d as n,h as r,i as l,j as d,r as p,s as b}from"../../custom-element-D6iR2OWc.js";import{a as v}from"../../slot-snFjRYH3.js";import{a as c}from"../../attributes-Dd-ZbJDt.js";var m=o('<div><div role="dialog" tabindex="-1"><!></div></div>');const h={hash:"svelte-tbzuju",code:"/**\n * Do not edit directly, this file was auto-generated.\n */\n/**\n * Maps to store shadow properties for top shadows.\n * @type Map\n */\n/**\n * Maps to store shadow properties for bottom shadows.\n * @type Map\n */\n/**\n * Mixin to define the box-shadow properties for a given direction and size.\n *\n * @param {String} $direction - The direction of the shadow ('top' or 'bottom').\n * @param {String} $size - The size of the shadow ('xs', 's', 'm', 'l').\n */\n/**\n * Mixin to generate shadow classes for the specified direction (top or bottom).\n * This mixin iterates over the predefined sizes and creates a CSS class for each size.\n *\n * @param {String} $direction - The direction of the shadow ('top' or 'bottom').\n */.mc-overlay.svelte-tbzuju {filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998;}.mc-overlay.is-visible.svelte-tbzuju {opacity:1;pointer-events:all;transition:opacity 0.4s ease, visibility 0ms;visibility:visible;}"};function f(e,o){i(o,!0),t(e,h);let f=s(o,"isvisible",7,!1),u=s(o,"dialoglabel",7);var y=m();let g;var w=a(y),x=a(w);return v(x,o,"default",{}),p(w),p(y),n((()=>{g=b(y,1,"mc-overlay svelte-tbzuju",null,g,{"is-visible":f()}),c(w,"aria-labelledby",u())})),r(e,y),l({get isvisible(){return f()},set isvisible(e=!1){f(e),d()},get dialoglabel(){return u()},set dialoglabel(e){u(e),d()}})}customElements.define("m-overlay",e(f,{isvisible:{},dialoglabel:{}},["default"],[],!0));export{f as default};
-//# sourceMappingURL=Overlay.js.map

package/public/components/overlay/Overlay.js.map

@@ -1 +0,0 @@
-{"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    <!-- @slot Use this slot to insert a centered content inside the overlay -->\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":"g3CAQQ,IAAAA,qBAAY,GAAOC,EAAWC,EAAAC,EAAA,cAAA,0IAGIH,4BACUC,IAAW,2DAJ3C"}

package/public/components/overlay/Overlay.svelte

@@ -1,21 +0,0 @@
-<svelte:options customElement="m-overlay" />
-
-<script lang="ts">
-  interface Props {
-    isvisible?: boolean;
-    dialoglabel: string;
-  }
-
-  let { isvisible = false, dialoglabel }: Props = $props();
-</script>
-
-<div class="mc-overlay" class:is-visible={isvisible}>
-  <div role="dialog" tabindex="-1" aria-labelledby={dialoglabel}>
-    <!-- @slot Use this slot to insert a centered content inside the overlay -->
-    <slot />
-  </div>
-</div>
-
-<style lang="scss">
-  @use '@mozaic-ds/styles/components/overlay';
-</style>

package/public/components/overlay/OverlayLoader.js

@@ -1,2 +0,0 @@
-import{c as e,p as t,a as s,b as o,t as i,d as a,h as n,i as r,j as l,g as d,r as p,s as m}from"../../custom-element-D6iR2OWc.js";import{a as v}from"../../attributes-Dd-ZbJDt.js";import f from"../loader/Loader.js";import"../../if-CxjAhvpF.js";var h=i('<div><div role="dialog" tabindex="-1" class="svelte-ne5o65"><!></div></div>');const c={hash:"svelte-ne5o65",code:"/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@keyframes svelte-ne5o65-rotate-loader {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(270deg);\n  }\n}\n@keyframes svelte-ne5o65-animate-dash-loader {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35px;\n  }\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124px;\n  }\n}\n/**\n * Maps to store shadow properties for top shadows.\n * @type Map\n */\n/**\n * Maps to store shadow properties for bottom shadows.\n * @type Map\n */\n/**\n * Mixin to define the box-shadow properties for a given direction and size.\n *\n * @param {String} $direction - The direction of the shadow ('top' or 'bottom').\n * @param {String} $size - The size of the shadow ('xs', 's', 'm', 'l').\n */\n/**\n * Mixin to generate shadow classes for the specified direction (top or bottom).\n * This mixin iterates over the predefined sizes and creates a CSS class for each size.\n *\n * @param {String} $direction - The direction of the shadow ('top' or 'bottom').\n */.mc-overlay-loader.svelte-ne5o65 {inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998;align-items:center;display:flex;justify-content:center;}.mc-overlay-loader.is-visible.svelte-ne5o65 {opacity:1;pointer-events:all;transition:opacity 0.4s ease, visibility 0ms;visibility:visible;}"};function b(e,i){t(i,!0),s(e,c);let b=o(i,"isvisible",7,!1),y=o(i,"text",7),g=o(i,"dialoglabel",7);var x=h();let u;var w=d(x),k=d(w);return f(k,{size:"l",theme:"inverse",get text(){return y()}}),p(w),p(x),a((()=>{u=m(x,1,"mc-overlay-loader svelte-ne5o65",null,u,{"is-visible":b()}),v(w,"aria-labelledby",g())})),n(e,x),r({get isvisible(){return b()},set isvisible(e=!1){b(e),l()},get text(){return y()},set text(e){y(e),l()},get dialoglabel(){return g()},set dialoglabel(e){g(e),l()}})}customElements.define("m-overlay-loader",e(b,{isvisible:{},text:{},dialoglabel:{}},[],[],!0));export{b as default};
-//# sourceMappingURL=OverlayLoader.js.map

package/public/components/overlay/OverlayLoader.js.map

@@ -1 +0,0 @@
-{"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":"82DAUQ,IAAAA,qBAAY,GAAOC,EAAIC,EAAAC,EAAA,OAAA,GAAEC,EAAWF,EAAAC,EAAA,cAAA,oLAGKH,4BACGI,IAAW,2DAJ3C"}

package/public/components/overlayloader/OverlayLoader.svelte

@@ -1,23 +0,0 @@
-<svelte:options customElement="m-overlay-loader" />
-
-<script lang="ts">
-  import Loader from '../loader/Loader.svelte';
-  interface Props {
-    isvisible?: boolean;
-    text: string;
-    dialoglabel: string;
-  }
-
-  let { isvisible = false, text, dialoglabel }: Props = $props();
-</script>
-
-<div class="mc-overlay-loader" class:is-visible={isvisible}>
-  <div role="dialog" tabindex="-1" aria-labelledby={dialoglabel}>
-    <Loader size="l" theme="inverse" {text} />
-  </div>
-</div>
-
-<style lang="scss">
-  @use '@mozaic-ds/styles/components/loader';
-  @use '@mozaic-ds/styles/components/overlay';
-</style>

package/public/components/quantityselector/QuantitySelector.js

@@ -1,2 +0,0 @@
-import{P as e,c as t,p as r,a as o,b as l,t as n,g as a,l as s,s as i,d as c,h as d,i as u,j as b,r as m,f as p}from"../../custom-element-D6iR2OWc.js";import{r as v,a as y}from"../../attributes-Dd-ZbJDt.js";import{c as f}from"../../input-D1i5U2EE.js";function h(e,t,r,o,l){t()>r()&&t(r()),t()<o()&&t(o()),l()(t())}function _(e,t,r,o,l){t()-Number(r())>o()&&t(t()-Number(r())),l()(t())}function q(e,t,r,o,l){t()+Number(r())<o()&&t(t()+Number(r())),l()(t())}var g=n('<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 x={hash:"svelte-rbl4od",code:'/**\n * Do not edit directly, this file was auto-generated.\n */.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,\n.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;\n  /* For Blink & WebKit rendering engines */\n  /* For Gecko rendering engine */padding:0;font-size:inherit;font-size:1rem;line-height:1.5;font-weight:600;cursor:inherit;text-align:center;flex-grow:1;}.mc-quantity-selector__control[type=number].svelte-rbl4od::-webkit-inner-spin-button, .mc-quantity-selector__control[type=number].svelte-rbl4od::-webkit-outer-spin-button {appearance:none;margin:0;}.mc-quantity-selector__control[type=number].svelte-rbl4od {appearance:textfield;}.mc-quantity-selector__control.svelte-rbl4od::placeholder {color:var(--forms-color-placeholder, #666666);}.mc-quantity-selector__button.svelte-rbl4od {background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;height:2.5rem;width:2.5rem;border-radius:100%;color:var(--quantity-selector-color-button-text-default, #242938);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}.mc-quantity-selector__button.svelte-rbl4od:disabled {color:var(--quantity-selector-color-button-text-disabled, #d9d9d9);cursor:not-allowed;}.mc-quantity-selector__button.svelte-rbl4od:hover:not(:disabled) {background-color:var(--quantity-selector-color-button-background-hover, rgba(255, 255, 255, 0.1));}.mc-quantity-selector__button--decrease.svelte-rbl4od {order:-1;}.mc-quantity-selector__icon.svelte-rbl4od {height:1.5rem;width:1.5rem;fill:currentcolor;}.mc-quantity-selector__label.svelte-rbl4od {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-quantity-selector.svelte-rbl4od::after {transition:box-shadow 200ms ease;border-radius:0.25rem;content:"";position:absolute;inset:-0.125rem var(--inset-x, 3rem);pointer-events:none;display:block;}.mc-quantity-selector.svelte-rbl4od:hover:not(:focus-within) {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 1px var(--forms-color-border-hover, #4d4d4d);}.mc-quantity-selector.svelte-rbl4od:has(input:where(.svelte-rbl4od):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-quantity-selector.svelte-rbl4od:has(input:where(.svelte-rbl4od):disabled) .mc-quantity-selector__button:where(.svelte-rbl4od):disabled {color:var(--forms-color-icon-disabled, #737373);}.mc-quantity-selector.svelte-rbl4od:has(input:where(.svelte-rbl4od):focus)::after {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-quantity-selector--s.svelte-rbl4od {--inset-x: 2rem;height:2rem;}.mc-quantity-selector--s.svelte-rbl4od .mc-quantity-selector__button:where(.svelte-rbl4od) {height:1.5rem;width:1.5rem;}.mc-quantity-selector--s.svelte-rbl4od .mc-quantity-selector__icon:where(.svelte-rbl4od) {height:1.25rem;width:1.25rem;}'};function w(e,t){r(t,!0),o(e,x);let n=l(t,"id",7,void 0),w=l(t,"quantity",15,1),k=l(t,"min",7,1),j=l(t,"max",7,100),N=l(t,"small",7,!1),z=l(t,"decrementlabel",7,"Decrement"),D=l(t,"inputarialabel",7,"Quantity Selector"),F=l(t,"incrementlabel",7,"Increment"),I=l(t,"disabled",7,!1),Q=l(t,"name",7,"quantity-selector-input"),S=l(t,"step",7,1),B=l(t,"increment",7),E=l(t,"decrement",7),G=l(t,"inputqty",7);var K=g();let P;var W=a(K);v(W),W.__input=[h,w,j,k,G];var A=s(W,2);A.__click=[q,w,S,j,B];var C=a(A),H=a(C);i(H,1,"svelte-rbl4od"),m(C);var J=s(C,2),L=a(J,!0);m(J),m(A);var M=s(A,2);M.__click=[_,w,S,k,E];var O=a(M),R=a(O);i(R,1,"svelte-rbl4od"),m(O);var T=s(O,2),U=a(T,!0);return m(T),m(M),m(K),c((()=>{P=i(K,1,"mc-quantity-selector svelte-rbl4od",null,P,{"mc-quantity-selector--s":N()}),y(W,"id",n()),y(W,"name",Q()),y(W,"aria-label",D()),y(W,"aria-valuemin",k()),y(W,"aria-valuemax",j()),y(W,"aria-valuenow",w()),W.disabled=I(),y(A,"aria-controls",n()),A.disabled=w()===j()||I(),p(L,z()),y(M,"aria-controls",n()),M.disabled=w()===k()||I(),p(U,F())})),f(W,w),d(e,K),u({get id(){return n()},set id(e=void 0){n(e),b()},get quantity(){return w()},set quantity(e=1){w(e),b()},get min(){return k()},set min(e=1){k(e),b()},get max(){return j()},set max(e=100){j(e),b()},get small(){return N()},set small(e=!1){N(e),b()},get decrementlabel(){return z()},set decrementlabel(e="Decrement"){z(e),b()},get inputarialabel(){return D()},set inputarialabel(e="Quantity Selector"){D(e),b()},get incrementlabel(){return F()},set incrementlabel(e="Increment"){F(e),b()},get disabled(){return I()},set disabled(e=!1){I(e),b()},get name(){return Q()},set name(e="quantity-selector-input"){Q(e),b()},get step(){return S()},set step(e=1){S(e),b()},get increment(){return B()},set increment(e){B(e),b()},get decrement(){return E()},set decrement(e){E(e),b()},get inputqty(){return G()},set inputqty(e){G(e),b()}})}e(["input","click"]),customElements.define("m-qty-selector",t(w,{id:{},quantity:{},min:{},max:{},small:{},decrementlabel:{},inputarialabel:{},incrementlabel:{},disabled:{},name:{},step:{},increment:{},decrement:{},inputqty:{}},[],[],!1));export{w as default};
-//# sourceMappingURL=QuantitySelector.js.map

package/public/components/quantityselector/QuantitySelector.js.map

@@ -1 +0,0 @@
-{"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","Number","handleIncrement","__2","increment","id","undefined","small","decrementlabel","inputarialabel","incrementlabel","disabled","name","$.prop","$$props"],"mappings":"oQAwCWA,EAAWC,EAAAC,EAAAC,EAAAC,EAAAC,GACdH,IAAWC,KACbD,EAAWC,KAETD,IAAWE,KACbF,EAAWE,KAEbC,IAASH,IACX,UAESI,EAAeC,EAAAL,EAAAM,EAAAJ,EAAAK,GAClBP,IAAWQ,OAAOF,KAAQJ,KAC5BF,EAAWA,IAAWQ,OAAOF,MAE/BC,IAAUP,IACZ,UAESS,EAAeC,EAAAV,EAAAM,EAAAL,EAAAU,GAClBX,IAAWQ,OAAOF,KAAQL,KAC5BD,EAAWA,IAAWQ,OAAOF,MAE/BK,IAAUX,IACZ,46IAtCE,IAAAY,kBAAKC,GACLb,oBAAqB,GACrBE,cAAM,GACND,cAAM,KACNa,iBAAQ,GACRC,yBAAiB,aACjBC,yBAAiB,qBACjBC,yBAAiB,aACjBC,oBAAW,GACXC,eAAO,2BACPb,eAAO,GACPK,EAASS,EAAAC,EAAA,YAAA,GACTd,EAASa,EAAAC,EAAA,YAAA,GACTlB,EAAQiB,EAAAC,EAAA,WAAA,8CAkCCvB,EAAWE,EAAAC,EAAAC,EAAAC,2BAcXM,kHAaAL,6LAjCoDU,qDAQjDE,yBACGd,yBACAD,yBACAD,wCAMAY,gBAILZ,MAAaC,KAAOiB,QAKaH,yBAI5BH,gBAILZ,MAAaE,KAAOgB,QAKaD,IAAc,QAlC7CjB,gDA9CPa,uDACgB,6CACf,6CACA,oDACE,mEACS,6EACA,qFACA,kEACN,+CACJ,uEACA"}