@mozaic-ds/web-components 1.6.0 → 1.7.0

package/dist/components/datepicker/Datepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"Datepicker.js","sources":["../../../src/components/datepicker/Datepicker.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-datepicker',\n    props: {\n      isinvalid: { reflect: true, type: 'Boolean', attribute: 'isinvalid' },\n      disabled: { reflect: true, type: 'Boolean', attribute: 'disabled' },\n      readonly: { reflect: true, type: 'Boolean', attribute: 'readonly' },\n      isclearable: { reflect: true, type: 'Boolean', attribute: 'isclearable' },\n    },\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import { customElementForwardEvents } from '../../utils';\n  import { CrossCircleFilled24 } from '@mozaic-ds/icons-svelte';\n  /**\n   * A date picker is an input component that allows users to select a date from a calendar interface or manually enter a date value. It enhances usability by providing structured date selection, reducing input errors, and ensuring format consistency. Date Pickers are commonly used in forms, booking systems, scheduling tools, and data filtering interfaces to facilitate accurate date entry.\n   */\n  interface Props {\n    [key: string]: any;\n    /**\n     * A unique identifier for the datepicker element, used to associate the label with the form element.\n     */\n    id: string;\n    /**\n     * The name attribute for the datepicker element, typically used for form submission.\n     */\n    name?: string;\n    /**\n     * The current value of the datepicker field.\n     */\n    value?: string | number;\n    /**\n     * If `true`, applies an invalid state to the datepicker.\n     */\n    isinvalid?: boolean;\n    /**\n     * If `true`, disables the datepicker, making it non-interactive.\n     */\n    disabled?: boolean;\n    /**\n     * Determines the size of the datepicker.\n     */\n    size?: 's' | 'm';\n    /**\n     * If `true`, the datepicker is read-only (cannot be edited).\n     */\n    readonly?: boolean;\n    /**\n     * If `true`, a clear button will appear when the datepicker has a value.\n     */\n    isclearable?: boolean;\n    /**\n     * The label text for the clear button.\n     */\n    clearlabel?: string;\n  }\n\n  let {\n    id,\n    name,\n    value = $bindable(),\n    isinvalid,\n    disabled,\n    size = 'm',\n    readonly,\n    isclearable,\n    clearlabel = 'clear content',\n    ...attrs\n  }: Props = $props();\n\n  const resetValue = () => (value = '');\n</script>\n\n<div\n  class={[\n    'mc-datepicker mc-text-input',\n    `mc-text-input--${size}`,\n    `mc-datepicker--${size}`,\n    isinvalid && 'is-invalid',\n  ]}\n>\n  <input\n    class=\"mc-datepicker__control mc-text-input__control\"\n    type=\"date\"\n    bind:value\n    {id}\n    {name}\n    {disabled}\n    {readonly}\n    aria-invalid={isinvalid}\n    {...attrs}\n  />\n\n  {#if isclearable && value}\n    <div class=\"mc-datepicker__controls-options mc-controls-options\">\n      <button type=\"button\" class=\"mc-controls-options__button\" onclick={resetValue}>\n        <CrossCircleFilled24 className=\"mc-controls-options__icon\" />\n        <span class=\"mc-controls-options__label\">{clearlabel}</span>\n      </button>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/text-input';\n  @use '@mozaic-ds/styles/components/datepicker';\n  @use '@mozaic-ds/styles/components/controls-options';\n</style>\n"],"names":["id","$.prop","$$props","name","value","isinvalid","disabled","size","readonly","isclearable","clearlabel","attrs","$.rest_props","resetValue","div","root","input","$.child","node","$.sibling","div_1","root_1","button","CrossCircleFilled24","node_1","span","$.delegated","$$render","consequent","$.reset","$.bind_value","$.append","$$anchor","customElementForwardEvents"],"mappings":";;;;;wpRAaA,oBA+CIA,EAAEC,EAAAC,EAAA,KAAA,CAAA,EACFC,EAAIF,EAAAC,EAAA,OAAA,CAAA,EACJE,EAAKH,EAAAC,EAAA,QAAA,EAAA,EACLG,EAASJ,EAAAC,EAAA,YAAA,CAAA,EACTI,EAAQL,EAAAC,EAAA,WAAA,CAAA,EACRK,eAAO,GAAG,EACVC,EAAQP,EAAAC,EAAA,WAAA,CAAA,EACRO,EAAWR,EAAAC,EAAA,cAAA,CAAA,EACXQ,qBAAa,eAAe,EACzBC,EAAAC,EAAAV,EAAA,0IAGCW,EAAU,IAAUT,EAAQ,EAAE,4RAP3B,IAAG,yKAGG,gBAAe,YAO/BU,EAAAC,EAAA,EAQEC,EAAAC,EARFH,CAAA,IAQEE,6EAIEhB,EAAE,OACFG,EAAI,WACJG,EAAQ,WACRE,EAAQ,iBACKH,EAAS,KACnBM,6CATL,IAAAO,EAAAC,EAAAH,EAAA,CAAA,iBAaEI,EAAGC,EAAA,EACDC,IADFF,CAAG,MACDE,CAAM,EACJC,EAAmBC,EAAA,CAAA,UAAA,2BAAA,CAAA,MACnBC,EAAIN,EAAAK,EAAA,CAAA,MAAJC,EAAI,EAAA,IAAJA,CAAI,IAFNH,CAAM,IADRF,CAAG,YAG0CV,EAAU,CAAA,CAAA,EAFrDgB,EAAA,QAAAJ,EAAkET,CAAU,MAD9EO,CAAG,WADDX,EAAW,GAAIL,KAAKuB,EAAAC,CAAA,IApB1BC,OAAAA,EAAAf,CAAA,UAAAA,OAEG,gDACkBP,EAAI,CAAA,qBACJA,EAAI,CAAA,GACtBF,KAAa,iCAGdyB,EAAAd,EAAAZ,CAAA,EARF2B,EAAAC,EAAAlB,CAAA,MAFO,0WAhEImB"}
+{"version":3,"file":"Datepicker.js","sources":["../../../src/components/datepicker/Datepicker.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-datepicker',\n    props: {\n      isinvalid: { reflect: true, type: 'Boolean', attribute: 'isinvalid' },\n      disabled: { reflect: true, type: 'Boolean', attribute: 'disabled' },\n      readonly: { reflect: true, type: 'Boolean', attribute: 'readonly' },\n      isclearable: { reflect: true, type: 'Boolean', attribute: 'isclearable' },\n    },\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import { customElementForwardEvents } from '../../utils';\n  import { CrossCircleFilled24 } from '@mozaic-ds/icons-svelte';\n  /**\n   * A date picker is an input component that allows users to select a date from a calendar interface or manually enter a date value. It enhances usability by providing structured date selection, reducing input errors, and ensuring format consistency. Date Pickers are commonly used in forms, booking systems, scheduling tools, and data filtering interfaces to facilitate accurate date entry.\n   */\n  interface Props {\n    [key: string]: any;\n    /**\n     * A unique identifier for the datepicker element, used to associate the label with the form element.\n     */\n    id: string;\n    /**\n     * The name attribute for the datepicker element, typically used for form submission.\n     */\n    name?: string;\n    /**\n     * The current value of the datepicker field.\n     */\n    value?: string | number;\n    /**\n     * If `true`, applies an invalid state to the datepicker.\n     */\n    isinvalid?: boolean;\n    /**\n     * If `true`, disables the datepicker, making it non-interactive.\n     */\n    disabled?: boolean;\n    /**\n     * Determines the size of the datepicker.\n     */\n    size?: 's' | 'm';\n    /**\n     * If `true`, the datepicker is read-only (cannot be edited).\n     */\n    readonly?: boolean;\n    /**\n     * If `true`, a clear button will appear when the datepicker has a value.\n     */\n    isclearable?: boolean;\n    /**\n     * The label text for the clear button.\n     */\n    clearlabel?: string;\n  }\n\n  let {\n    id,\n    name,\n    value = $bindable(),\n    isinvalid,\n    disabled,\n    size = 'm',\n    readonly,\n    isclearable,\n    clearlabel = 'clear content',\n    ...attrs\n  }: Props = $props();\n\n  const resetValue = () => (value = '');\n</script>\n\n<div\n  class={[\n    'mc-datepicker mc-text-input',\n    `mc-text-input--${size}`,\n    `mc-datepicker--${size}`,\n    isinvalid && 'is-invalid',\n  ]}\n>\n  <input\n    class=\"mc-datepicker__control mc-text-input__control\"\n    type=\"date\"\n    bind:value\n    {id}\n    {name}\n    {disabled}\n    {readonly}\n    aria-invalid={isinvalid}\n    {...attrs}\n  />\n\n  {#if isclearable && value}\n    <div class=\"mc-datepicker__controls-options mc-controls-options\">\n      <button type=\"button\" class=\"mc-controls-options__button\" onclick={resetValue}>\n        <CrossCircleFilled24 className=\"mc-controls-options__icon\" />\n        <span class=\"mc-controls-options__label\">{clearlabel}</span>\n      </button>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/text-input';\n  @use '@mozaic-ds/styles/components/datepicker';\n  @use '@mozaic-ds/styles/components/controls-options';\n</style>\n"],"names":["id","$.prop","$$props","name","value","isinvalid","disabled","size","readonly","isclearable","clearlabel","attrs","$.rest_props","resetValue","div","root","input","$.child","node","$.sibling","div_1","root_1","button","CrossCircleFilled24","node_1","span","$.delegated","$$render","consequent","$.reset","$.bind_value","$.append","$$anchor","customElementForwardEvents"],"mappings":";;;;;qsRAaA,oBA+CIA,EAAEC,EAAAC,EAAA,KAAA,CAAA,EACFC,EAAIF,EAAAC,EAAA,OAAA,CAAA,EACJE,EAAKH,EAAAC,EAAA,QAAA,EAAA,EACLG,EAASJ,EAAAC,EAAA,YAAA,CAAA,EACTI,EAAQL,EAAAC,EAAA,WAAA,CAAA,EACRK,eAAO,GAAG,EACVC,EAAQP,EAAAC,EAAA,WAAA,CAAA,EACRO,EAAWR,EAAAC,EAAA,cAAA,CAAA,EACXQ,qBAAa,eAAe,EACzBC,EAAAC,EAAAV,EAAA,0IAGCW,EAAU,IAAUT,EAAQ,EAAE,4RAP3B,IAAG,yKAGG,gBAAe,YAO/BU,EAAAC,EAAA,EAQEC,EAAAC,EARFH,CAAA,IAQEE,6EAIEhB,EAAE,OACFG,EAAI,WACJG,EAAQ,WACRE,EAAQ,iBACKH,EAAS,KACnBM,6CATL,IAAAO,EAAAC,EAAAH,EAAA,CAAA,iBAaEI,EAAGC,EAAA,EACDC,IADFF,CAAG,MACDE,CAAM,EACJC,EAAmBC,EAAA,CAAA,UAAA,2BAAA,CAAA,MACnBC,EAAIN,EAAAK,EAAA,CAAA,MAAJC,EAAI,EAAA,IAAJA,CAAI,IAFNH,CAAM,IADRF,CAAG,YAG0CV,EAAU,CAAA,CAAA,EAFrDgB,EAAA,QAAAJ,EAAkET,CAAU,MAD9EO,CAAG,WADDX,EAAW,GAAIL,KAAKuB,EAAAC,CAAA,IApB1BC,OAAAA,EAAAf,CAAA,UAAAA,OAEG,gDACkBP,EAAI,CAAA,qBACJA,EAAI,CAAA,GACtBF,KAAa,iCAGdyB,EAAAd,EAAAZ,CAAA,EARF2B,EAAAC,EAAAlB,CAAA,MAFO,0WAhEImB"}

package/dist/components/datepicker/Datepicker.svelte

@@ -117,10 +117,10 @@
   display: block;
   width: 100%;
   height: 3rem;
-  box-sizing: border-box;
   display: flex;
   align-items: center;
   gap: 0.5rem;
+  box-sizing: border-box;
 }
 .mc-text-input__control {
   background-color: transparent;
@@ -345,6 +345,7 @@
 }
 .mc-controls-options__icon {
   fill: var(--forms-color-icon-clear, #666666);
+  color: var(--forms-color-icon-clear, #666666);
 }
 .mc-controls-options__button, .mc-controls-options__icon {
   height: 1.5rem;

package/dist/components/divider/Divider.js

@@ -1,4 +1,4 @@
-import{c as f,e as h,a as p,p as o,k as u,t as g,b as y,d as z,f as b,n as k,j as _,i as d,r as x,s as D,h as $}from"../../custom-element.js";import{s as w}from"../../slot.js";import{a as j}from"../../attributes.js";var E=b("<div><div></div> <!></div>");const S={hash:"svelte-a5fs23",code:`/**
+import{c as f,e as h,a as p,p as o,s as u,t as g,b as y,d as z,f as b,n as k,h as _,m as d,r as x,j as D,l as $}from"../../custom-element.js";import{s as w}from"../../slot.js";import{a as j}from"../../attributes.js";var E=b("<div><div></div> <!></div>");const S={hash:"svelte-a5fs23",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-divider.svelte-a5fs23 {position:relative;}.mc-divider-horizontal.svelte-a5fs23 {background:var(--divider-color-primary, #cccccc);height:0.0625rem;}.mc-divider-horizontal--secondary.svelte-a5fs23 {background:var(--divider-color-secondary, #999999);}.mc-divider-horizontal--tertiary.svelte-a5fs23 {background:var(--divider-color-tertiary, #333333);}.mc-divider-horizontal--inverse.svelte-a5fs23 {background:var(--divider-color-inverse, #ffffff);}.mc-divider-horizontal--m.svelte-a5fs23 {height:0.25rem;}.mc-divider-horizontal--l.svelte-a5fs23 {height:0.5rem;}.mc-divider-vertical.svelte-a5fs23 {background:var(--divider-color-primary, #cccccc);width:0.0625rem;}.mc-divider-vertical--secondary.svelte-a5fs23 {background:var(--divider-color-secondary, #999999);}.mc-divider-vertical--tertiary.svelte-a5fs23 {background:var(--divider-color-tertiary, #333333);}.mc-divider-vertical--inverse.svelte-a5fs23 {background:var(--divider-color-inverse, #ffffff);}.mc-divider-vertical--m.svelte-a5fs23 {height:0.25rem;}.mc-divider-vertical--l.svelte-a5fs23 {height:0.5rem;}.mc-divider-vertical.svelte-a5fs23 {content:"";display:block;height:100%;position:absolute;top:50%;transform:translateY(-50%);}`};function Y(c,e){h(e,!0),p(c,S);let a=o(e,"orientation",7,"horizontal"),t=o(e,"appearance",7,"primary"),s=o(e,"size",7,"s"),n=k(e,["$$slots","$$events","$$legacy","$$host","orientation","appearance","size"]);var l={get orientation(){return a()},set orientation(r="horizontal"){a(r),d()},get appearance(){return t()},set appearance(r="primary"){t(r),d()},get size(){return s()},set size(r="s"){s(r),d()}},i=E();j(i,()=>({class:"mc-divider",...n}),void 0,void 0,void 0,"svelte-a5fs23");var v=_(i),m=u(v,2);return w(m,e,"default",{},null),x(i),g(()=>D(v,1,$([`mc-divider-${a()}`,`mc-divider-horizontal--${t()}`,`mc-divider-horizontal--${s()}`]),"svelte-a5fs23")),y(c,i),z(l)}customElements.define("m-divider",f(Y,{orientation:{},appearance:{},size:{}},["default"],[],{mode:"open"}));export{Y as D};
 //# sourceMappingURL=Divider.js.map

package/dist/components/drawer/Drawer.js

@@ -1,14 +1,14 @@
-import{o as X,c as Y,e as Z,a as $,p as a,B as oo,aK as to,k as l,t as D,u as q,b as B,d as eo,f as T,n as ro,j as r,i as c,r as d,m as K}from"../../custom-element.js";import{i as S}from"../../if.js";import{s as F}from"../../slot.js";import{a as no}from"../../attributes.js";import{b as G}from"../../this.js";import{q as ao,A as co}from"../../Condition20.js";import{O as lo}from"../overlay/Overlay.js";import"../../branches.js";var so=T('<button class="mc-drawer__back mc-button mc-button--icon-button mc-button--ghost svelte-1d2fooj" aria-label="Back"><!></button>'),bo=T('<h2 class="mc-drawer__content__title svelte-1d2fooj"> </h2>'),uo=T('<div><div class="mc-drawer__dialog svelte-1d2fooj" role="document"><div class="mc-drawer__header svelte-1d2fooj"><!> <h2 class="mc-drawer__title svelte-1d2fooj" id="drawerTitle" tabindex="-1"> </h2> <button class="mc-drawer__close mc-button mc-button--icon-button mc-button--ghost svelte-1d2fooj" aria-label="Close"><!></button></div> <div class="mc-drawer__body svelte-1d2fooj"><div class="mc-drawer__content svelte-1d2fooj"><!> <!></div></div> <div class="mc-drawer__footer svelte-1d2fooj"><!></div></div> <!></div>');const io={hash:"svelte-1d2fooj",code:`/**
+import{o as X,c as Y,e as Z,a as $,p as a,B as oo,aL as to,s as l,t as D,u as q,b as B,d as eo,f as z,n as ro,h as r,m as c,r as d,k as L}from"../../custom-element.js";import{i as S}from"../../if.js";import{s as F}from"../../slot.js";import{a as no}from"../../attributes.js";import{b as G}from"../../this.js";import{q as ao,A as co}from"../../Condition20.js";import{O as lo}from"../overlay/Overlay.js";import"../../branches.js";var so=z('<button class="mc-drawer__back mc-button mc-button--icon-button mc-button--ghost svelte-1d2fooj" aria-label="Back"><!></button>'),bo=z('<h2 class="mc-drawer__content__title svelte-1d2fooj"> </h2>'),uo=z('<div><div class="mc-drawer__dialog svelte-1d2fooj" role="document"><div class="mc-drawer__header svelte-1d2fooj"><!> <h2 class="mc-drawer__title svelte-1d2fooj" id="drawerTitle" tabindex="-1"> </h2> <button class="mc-drawer__close mc-button mc-button--icon-button mc-button--ghost svelte-1d2fooj" aria-label="Close"><!></button></div> <div class="mc-drawer__body svelte-1d2fooj"><div class="mc-drawer__content svelte-1d2fooj"><!> <!></div></div> <div class="mc-drawer__footer svelte-1d2fooj"><!></div></div> <!></div>');const io={hash:"svelte-1d2fooj",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-drawer.svelte-1d2fooj {box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;display:flex;overflow:hidden;padding:0.5rem;justify-content:flex-end;}
+ */.mc-drawer.svelte-1d2fooj {box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;display:flex;overflow:hidden;padding:0.5rem;justify-content:flex-end;z-index:var(--drawer-z-index, 5);}
 @media (width >= 680px) {.mc-drawer.svelte-1d2fooj {padding:1rem;}
 }.mc-drawer--left.svelte-1d2fooj {justify-content:flex-start;}.mc-drawer--left.svelte-1d2fooj .mc-drawer__dialog:where(.svelte-1d2fooj) {transform:translate3d(-100%, 0, 0);}
 @media (width >= 680px) {.mc-drawer--extend.svelte-1d2fooj .mc-drawer__dialog:where(.svelte-1d2fooj) {max-width:39rem;}
-}.mc-drawer__dialog.svelte-1d2fooj {background:var(--drawer-color-background, #ffffff);display:flex;flex-direction:column;height:100%;max-width:100%;transform:translate3d(100%, 0, 0);transition:visibility 0s linear 0.4s, transform 0.4s;visibility:hidden;width:100%;z-index:var(--drawer-z-index, 3);border-radius:var(--border-radius-l, 1rem);}
+}.mc-drawer__dialog.svelte-1d2fooj {background:var(--drawer-color-background, #ffffff);display:flex;flex-direction:column;height:100%;max-width:100%;transform:translate3d(100%, 0, 0);transition:visibility 0s linear 0.4s, transform 0.4s;visibility:hidden;width:100%;z-index:var(--drawer-z-index, 5);border-radius:var(--border-radius-l, 1rem);}
 @media (width >= 680px) {.mc-drawer__dialog.svelte-1d2fooj {max-width:25rem;}
 }.mc-drawer__header.svelte-1d2fooj {display:flex;align-items:center;justify-content:center;height:4rem;}.mc-drawer__icon.svelte-1d2fooj {height:1.5rem;margin-right:0.75rem;width:1.5rem;}.mc-drawer__title.svelte-1d2fooj {font-size:var(--font-body-s, 0.875rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--drawer-color-title, #666666);margin-bottom:0;margin-top:0;text-align:center;flex-grow:1;}.mc-drawer__title.svelte-1d2fooj:first-child {padding-left:4rem;}.mc-drawer__back.svelte-1d2fooj, .mc-drawer__close.svelte-1d2fooj {margin:0.5rem;}.mc-drawer__body.svelte-1d2fooj {flex:1 1;overflow:hidden;}.mc-drawer__body.svelte-1d2fooj:last-child {margin-bottom:1.5rem;padding-bottom:1.5rem;}.mc-drawer__content.svelte-1d2fooj {max-height:100%;overflow:hidden auto;padding:0.5rem 1rem 0;color:var(--drawer-color-paragraph, #000000);}
 @media (width >= 680px) {.mc-drawer__content.svelte-1d2fooj {padding:1.5rem;}
 }.mc-drawer__content__title.svelte-1d2fooj {font-size:var(--font-title-m, 1.5rem);margin:0 0 0.5rem;}.mc-drawer__footer.svelte-1d2fooj {display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-top:var(--border-width-s, 0.0625rem) solid var(--divider-color-primary, #cccccc);}
 @media (width >= 680px) {.mc-drawer__footer.svelte-1d2fooj {justify-content:center;flex-direction:row;}
-}.mc-drawer-open.svelte-1d2fooj {overflow:hidden;}.mc-drawer.is-open.svelte-1d2fooj .mc-drawer__dialog:where(.svelte-1d2fooj) {pointer-events:all;transform:translate3d(0, 0, 0);transition:visibility 0s linear 0s, transform 0.4s;visibility:visible;}.mc-button.svelte-1d2fooj {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-1d2fooj:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-1d2fooj:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-1d2fooj: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-1d2fooj {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button.svelte-1d2fooj {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-1d2fooj {font-size:var(--font-size-150, 1rem);}.mc-button__icon.svelte-1d2fooj {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-1d2fooj: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-1d2fooj:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-button--s.svelte-1d2fooj {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, 0.25rem);}.mc-button--m.svelte-1d2fooj {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button--l.svelte-1d2fooj {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, 0.25rem);}.mc-button--icon-only.svelte-1d2fooj {padding:0.25rem;}.mc-button--outlined.svelte-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-1d2fooj:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-1d2fooj:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-1d2fooj: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-1d2fooj {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-1d2fooj:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-1d2fooj:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-1d2fooj: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-1d2fooj {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-1d2fooj:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-1d2fooj:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-1d2fooj: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-1d2fooj {--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-1d2fooj:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-1d2fooj:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-1d2fooj: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-1d2fooj {border-radius:var(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-1d2fooj {pointer-events:none;}.mc-button--outlined.mc-button--standard.svelte-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-1d2fooj:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-1d2fooj:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-1d2fooj:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-1d2fooj:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-1d2fooj:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-1d2fooj:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-1d2fooj:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-1d2fooj:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}`};function vo(z,t){Z(t,!0),$(z,io);let e=a(t,"open",7),v=a(t,"position",7),f=a(t,"extended",7),m=a(t,"back",7),g=a(t,"title",7),b=a(t,"contentTitle",7),k=a(t,"onUpdateOpen",7),h=a(t,"onBack",7),H=ro(t,["$$slots","$$events","$$legacy","$$host","open","position","extended","back","title","contentTitle","onUpdateOpen","onBack"]),u,j;oo(()=>{e()&&(async()=>(await to(),j?.focus()))()});const O=()=>{e(!1),k()?.(e());const o=new CustomEvent("update:open",{detail:e(),bubbles:!0,composed:!0});u.dispatchEvent(o)},I=()=>{h()?.();const o=new CustomEvent("back",{bubbles:!0,composed:!0});u.dispatchEvent(o)};var J={get open(){return e()},set open(o){e(o),c()},get position(){return v()},set position(o){v(o),c()},get extended(){return f()},set extended(o){f(o),c()},get back(){return m()},set back(o){m(o),c()},get title(){return g()},set title(o){g(o),c()},get contentTitle(){return b()},set contentTitle(o){b(o),c()},get onUpdateOpen(){return k()},set onUpdateOpen(o){k(o),c()},get onBack(){return h()},set onBack(o){h(o),c()}},s=uo(),L=o=>o.key==="Escape"&&O();no(s,()=>({class:["mc-drawer",`mc-drawer--${v()}`,e()&&"is-open",f()&&"mc-drawer--extend"],role:"dialog","aria-labelledby":"drawerTitle","aria-modal":e()?"true":"false","aria-hidden":!e(),onkeydown:L,...H}),void 0,void 0,void 0,"svelte-1d2fooj");var w=r(s),p=r(w),E=r(p);{var M=o=>{var n=so(),y=r(n);co(y,{}),d(n),q("click",n,I),B(o,n)};S(E,o=>{m()&&o(M)})}var i=l(E,2),N=r(i,!0);d(i),G(i,o=>j=o,()=>j);var _=l(i,2),P=r(_);ao(P,{}),d(_),d(p);var x=l(p,2),C=r(x),U=r(C);{var Q=o=>{var n=bo(),y=r(n,!0);d(n),D(()=>K(y,b())),B(o,n)};S(U,o=>{b()&&o(Q)})}var R=l(U,2);F(R,t,"default",{},null),d(C),d(x);var A=l(x,2),V=r(A);F(V,t,"footer",{},null),d(A),d(w);var W=l(w,2);return lo(W,{get isvisible(){return e()},dialoglabel:"drawerTitle"}),d(s),G(s,o=>u=o,()=>u),D(()=>K(N,g())),q("click",_,O),B(z,s),eo(J)}X(["click"]);customElements.define("m-drawer",Y(vo,{open:{attribute:"open",reflect:!0,type:"Boolean"},extended:{attribute:"extended",reflect:!0,type:"Boolean"},back:{attribute:"back",reflect:!0,type:"Boolean"},position:{},title:{},contentTitle:{},onUpdateOpen:{},onBack:{}},["default","footer"],[],{mode:"open"}));
+}.mc-drawer-open.svelte-1d2fooj {overflow:hidden;}.mc-drawer.is-open.svelte-1d2fooj .mc-drawer__dialog:where(.svelte-1d2fooj) {pointer-events:all;transform:translate3d(0, 0, 0);transition:visibility 0s linear 0s, transform 0.4s;visibility:visible;}.mc-button.svelte-1d2fooj {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-1d2fooj:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-1d2fooj:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-1d2fooj: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-1d2fooj {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button.svelte-1d2fooj {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-1d2fooj {font-size:var(--font-size-150, 1rem);}.mc-button__icon.svelte-1d2fooj {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-1d2fooj: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-1d2fooj:focus-visible {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-button--s.svelte-1d2fooj {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;border-radius:var(--button-border-radius-s, 0.25rem);}.mc-button--m.svelte-1d2fooj {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button--l.svelte-1d2fooj {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;border-radius:var(--button-border-radius-l, 0.25rem);}.mc-button--icon-only.svelte-1d2fooj {padding:0.25rem;}.mc-button--outlined.svelte-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-1d2fooj:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-1d2fooj:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-1d2fooj: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-1d2fooj {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-1d2fooj:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-1d2fooj:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-1d2fooj: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-1d2fooj {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-1d2fooj:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-1d2fooj:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-1d2fooj: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-1d2fooj {--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-1d2fooj:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-1d2fooj:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-1d2fooj: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-1d2fooj {border-radius:var(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-1d2fooj {pointer-events:none;}.mc-button--outlined.mc-button--standard.svelte-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-1d2fooj:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-1d2fooj:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-1d2fooj:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-1d2fooj:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-1d2fooj:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-1d2fooj:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-1d2fooj:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-1d2fooj: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-1d2fooj {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-1d2fooj:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-1d2fooj:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-1d2fooj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}`};function vo(T,t){Z(t,!0),$(T,io);let e=a(t,"open",7),v=a(t,"position",7),f=a(t,"extended",7),m=a(t,"back",7),g=a(t,"title",7),b=a(t,"contentTitle",7),h=a(t,"onUpdateOpen",7),k=a(t,"onBack",7),H=ro(t,["$$slots","$$events","$$legacy","$$host","open","position","extended","back","title","contentTitle","onUpdateOpen","onBack"]),u,j;oo(()=>{e()&&(async()=>(await to(),j?.focus()))()});const O=()=>{e(!1),h()?.(e());const o=new CustomEvent("update:open",{detail:e(),bubbles:!0,composed:!0});u.dispatchEvent(o)},I=()=>{k()?.();const o=new CustomEvent("back",{bubbles:!0,composed:!0});u.dispatchEvent(o)};var J={get open(){return e()},set open(o){e(o),c()},get position(){return v()},set position(o){v(o),c()},get extended(){return f()},set extended(o){f(o),c()},get back(){return m()},set back(o){m(o),c()},get title(){return g()},set title(o){g(o),c()},get contentTitle(){return b()},set contentTitle(o){b(o),c()},get onUpdateOpen(){return h()},set onUpdateOpen(o){h(o),c()},get onBack(){return k()},set onBack(o){k(o),c()}},s=uo(),K=o=>o.key==="Escape"&&O();no(s,()=>({class:["mc-drawer",`mc-drawer--${v()}`,e()&&"is-open",f()&&"mc-drawer--extend"],role:"dialog","aria-labelledby":"drawerTitle","aria-modal":e()?"true":"false","aria-hidden":!e(),onkeydown:K,...H}),void 0,void 0,void 0,"svelte-1d2fooj");var w=r(s),p=r(w),E=r(p);{var M=o=>{var n=so(),y=r(n);co(y,{}),d(n),q("click",n,I),B(o,n)};S(E,o=>{m()&&o(M)})}var i=l(E,2),N=r(i,!0);d(i),G(i,o=>j=o,()=>j);var _=l(i,2),P=r(_);ao(P,{}),d(_),d(p);var x=l(p,2),C=r(x),U=r(C);{var Q=o=>{var n=bo(),y=r(n,!0);d(n),D(()=>L(y,b())),B(o,n)};S(U,o=>{b()&&o(Q)})}var R=l(U,2);F(R,t,"default",{},null),d(C),d(x);var A=l(x,2),V=r(A);F(V,t,"footer",{},null),d(A),d(w);var W=l(w,2);return lo(W,{get isvisible(){return e()},dialoglabel:"drawerTitle"}),d(s),G(s,o=>u=o,()=>u),D(()=>L(N,g())),q("click",_,O),B(T,s),eo(J)}X(["click"]);customElements.define("m-drawer",Y(vo,{open:{attribute:"open",reflect:!0,type:"Boolean"},extended:{attribute:"extended",reflect:!0,type:"Boolean"},back:{attribute:"back",reflect:!0,type:"Boolean"},position:{},title:{},contentTitle:{},onUpdateOpen:{},onBack:{}},["default","footer"],[],{mode:"open"}));
 //# sourceMappingURL=Drawer.js.map

package/dist/components/drawer/Drawer.svelte

@@ -169,6 +169,7 @@
   overflow: hidden;
   padding: 0.5rem;
   justify-content: flex-end;
+  z-index: var(--drawer-z-index, 5);
 }
 @media (width >= 680px) {
   .mc-drawer {
@@ -196,7 +197,7 @@
   transition: visibility 0s linear 0.4s, transform 0.4s;
   visibility: hidden;
   width: 100%;
-  z-index: var(--drawer-z-index, 3);
+  z-index: var(--drawer-z-index, 5);
   border-radius: var(--border-radius-l, 1rem);
 }
 @media (width >= 680px) {

package/dist/components/field/Field.js

@@ -1,4 +1,4 @@
-import{c as J,e as K,a as N,p as l,k as d,t as _,b as u,d as O,f as x,j as r,i as a,r as n,m as w,s as P,h as Q}from"../../custom-element.js";import{i as p}from"../../if.js";import{s as R}from"../../slot.js";import{s as q}from"../../attributes.js";import{L as T}from"../loader/Loader.js";import"../../branches.js";var U=x('<span class="mc-field__requirement svelte-19i2lwv" aria-hidden="true"> </span>'),W=x('<span class="mc-field__help svelte-19i2lwv"> </span>'),X=x("<span><!> </span>"),Y=x('<div class="mc-field"><label class="mc-field__label svelte-19i2lwv"> <!></label> <!> <div class="mc-field__content svelte-19i2lwv"><!></div> <!></div>');const $={hash:"svelte-19i2lwv",code:`/**
+import{c as J,e as K,a as N,p as l,s as d,t as _,b as u,d as O,f as x,h as r,m as a,r as n,k as w,j as P,l as Q}from"../../custom-element.js";import{i as p}from"../../if.js";import{s as R}from"../../slot.js";import{s as q}from"../../attributes.js";import{L as T}from"../loader/Loader.js";import"../../branches.js";var U=x('<span class="mc-field__requirement svelte-19i2lwv" aria-hidden="true"> </span>'),W=x('<span class="mc-field__help svelte-19i2lwv"> </span>'),X=x("<span><!> </span>"),Y=x('<div class="mc-field"><label class="mc-field__label svelte-19i2lwv"> <!></label> <!> <div class="mc-field__content svelte-19i2lwv"><!></div> <!></div>');const $={hash:"svelte-19i2lwv",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 /* stylelint-disable string-no-newline */.mc-field__label.svelte-19i2lwv {font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--field-color-label, #000000);}.mc-field__requirement.svelte-19i2lwv, .mc-field__help.svelte-19i2lwv {font-size:var(--font-size-50, 0.75rem);line-height:var(--line-height-m, 1.5);font-weight:var(--font-weight-regular, 400);vertical-align:top;color:var(--field-color-requirement, #666666);}.mc-field__help.svelte-19i2lwv {display:block;margin-top:0.125rem;}.mc-field__content.svelte-19i2lwv {margin-top:0.5rem;}.mc-field__validation-message.svelte-19i2lwv {font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-m, 1.5);display:inline-flex;gap:0.25rem;margin-top:0.25rem;}.mc-field__validation-message.is-valid.svelte-19i2lwv::before, .mc-field__validation-message.is-invalid.svelte-19i2lwv::before {content:"";height:1.25rem;width:1.25rem;}.mc-field__validation-message.is-valid.svelte-19i2lwv {color:var(--field-color-validation-valid, #117f03);}.mc-field__validation-message.is-valid.svelte-19i2lwv::before {background-color:var(--field-color-validation-valid, #117f03);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' 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") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' 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") no-repeat center/contain;}.mc-field__validation-message.is-invalid.svelte-19i2lwv {color:var(--field-color-validation-invalid, #c61112);}.mc-field__validation-message.is-invalid.svelte-19i2lwv::before {background-color:var(--field-color-validation-invalid, #c61112);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' 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") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' 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") no-repeat center/contain;}

package/dist/components/fileuploader/FileUploader.js

@@ -1,4 +1,4 @@
-import{o as Se,c as Ve,e as Ae,a as Be,p as l,B as Ie,l as n,k,t as B,u as ee,C as I,b as u,d as Le,w as L,f as ae,j as h,q as O,aX as ce,i as a,v as fe,x as P,r as c,m as y,s as me,h as be,y as te,aW as ve}from"../../custom-element.js";import{i as he}from"../../if.js";import{e as Oe,i as Pe}from"../../each.js";import{s as re}from"../../slot.js";import{s as le}from"../../attributes.js";import{b as pe}from"../../this.js";import{F as qe}from"../fileuploaderitem/FileUploaderItem.js";import{U as Ke}from"../../Condition20.js";import"../../branches.js";import"../../svelte-component.js";import"../button/Button.js";import"../loader/Loader.js";import"../divider/Divider.js";var Ne=ae('<span class="mc-file-uploader__input-title svelte-1hihzzl"> </span> <span class="mc-file-uploader__input-subtitle svelte-1hihzzl"> </span>',1),Te=ae('<div class="mc-file-uploader__files-list svelte-1hihzzl"></div>'),We=ae('<div><div class="mc-file-uploader__container"><input type="file" aria-label="File input" class="mc-file-uploader__hidden-input svelte-1hihzzl"/> <div tabindex="0" role="button"><!> <div class="mc-button mc-button--outlined mc-file-uploader__button svelte-1hihzzl"><!> <span class="mc-button__label svelte-1hihzzl"> </span></div></div></div> <!></div>');const Xe={hash:"svelte-1hihzzl",code:`/**
+import{o as Se,c as Ve,e as Ae,a as Be,p as l,B as Ie,i as n,s as k,t as B,u as ee,C as I,b as u,d as Le,w as L,f as oe,h,q as O,a_ as ce,m as o,v as fe,x as P,r as c,k as y,y as te,aZ as me,j as be,l as ve}from"../../custom-element.js";import{i as he}from"../../if.js";import{e as Oe,i as Pe}from"../../each.js";import{s as re}from"../../slot.js";import{s as le}from"../../attributes.js";import{b as pe}from"../../this.js";import{F as qe}from"../fileuploaderitem/FileUploaderItem.js";import{U as Ke}from"../../Condition20.js";import"../../branches.js";import"../../svelte-component.js";import"../button/Button.js";import"../loader/Loader.js";import"../divider/Divider.js";var Ne=oe('<span class="mc-file-uploader__input-title svelte-1hihzzl"> </span> <span class="mc-file-uploader__input-subtitle svelte-1hihzzl"> </span>',1),Te=oe('<div class="mc-file-uploader__files-list svelte-1hihzzl"></div>'),Ze=oe('<div><div class="mc-file-uploader__container"><input type="file" aria-label="File input" class="mc-file-uploader__hidden-input svelte-1hihzzl"/> <div tabindex="0" role="button"><!> <div class="mc-button mc-button--outlined mc-file-uploader__button svelte-1hihzzl"><!> <span class="mc-button__label svelte-1hihzzl"> </span></div></div></div> <!></div>');const Ge={hash:"svelte-1hihzzl",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-file-uploader.svelte-1hihzzl {display:flex;flex-direction:column;gap:1rem;width:18rem;}.mc-file-uploader__files-list.svelte-1hihzzl {display:flex;flex-direction:column;gap:1rem;}.mc-file-uploader__hidden-input.svelte-1hihzzl {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-file-uploader__input.svelte-1hihzzl {display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);border-radius:var(--border-radius-m, 0.5rem);color:var(--file-uploader-color-drag-and-drop-text-default, #242938);}.mc-file-uploader__input.svelte-1hihzzl .mc-file-uploader__button:where(.svelte-1hihzzl) {width:100%;}.mc-file-uploader__input--disabled.svelte-1hihzzl .mc-file-uploader__button.mc-button.mc-button--outlined:where(.svelte-1hihzzl) {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-file-uploader__input-title.svelte-1hihzzl {height:1.125rem;font-size:var(--font-size-150, 1rem);}.mc-file-uploader__input-subtitle.svelte-1hihzzl {height:1.125rem;font-size:var(--font-size-100, 0.875rem);}.mc-file-uploader--draggable.svelte-1hihzzl {width:25rem;}.mc-file-uploader--draggable.svelte-1hihzzl .mc-file-uploader__input:where(.svelte-1hihzzl) {padding:2rem;outline:0.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);display:flex;}.mc-file-uploader--draggable.svelte-1hihzzl .mc-file-uploader__input--disabled:where(.svelte-1hihzzl) {outline-color:var(--file-uploader-color-drag-and-drop-border-disabled, #b3b3b3);color:var(--file-uploader-color-drag-and-drop-text-disabled, #b3b3b3);cursor:not-allowed;}.mc-file-uploader--draggable.svelte-1hihzzl .mc-file-uploader__input--dragged:where(.svelte-1hihzzl) {outline-width:0.25rem;}.mc-button.svelte-1hihzzl {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-1hihzzl:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-1hihzzl:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-1hihzzl: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-1hihzzl {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button.svelte-1hihzzl .mc-button__label:where(.svelte-1hihzzl) {font-size:var(--font-size-150, 1rem);}.mc-button.svelte-1hihzzl {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-1hihzzl {font-size:var(--font-size-150, 1rem);}.mc-button.svelte-1hihzzl: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-1hihzzl: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--outlined.svelte-1hihzzl {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-1hihzzl:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-1hihzzl:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-1hihzzl:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}`};function Ge(oe,t){Ae(t,!0),Be(oe,Xe);let i=l(t,"files",15),q=l(t,"accept",7),g=l(t,"multiple",7),D=l(t,"allowedextensions",7),E=l(t,"maxsize",7),K=l(t,"rules",7),f=l(t,"hasdragdrop",7,!0),N=l(t,"showfileslist",7,!0),m=l(t,"disabled",7),T=l(t,"title",7,"Drag & drop"),W=l(t,"subtitle",7,"or"),X=l(t,"uploadbuttonlabel",7,"Upload file(s)"),G=l(t,"format",7,"inline"),H=l(t,"errormessage",7),J=l(t,"deletebuttonlabel",7),F=l(t,"information",7),Q=l(t,"onvalidation",7),R=l(t,"onfilesupdate",7),C,U=L(()=>ge(i())),j,M=fe(!1),S=fe(0);function ge(e=[]){const r={};return e.forEach(o=>{const v=o.name.split(".").pop()?.toLowerCase()||"";r[o.name]={size:E()&&o.size?o.size<=E():!0,extension:D()?D().includes(v):!0,customValidation:K()?.every(p=>p(o))??!0}}),r}Ie(()=>{R()?.(i());const e=new CustomEvent("files-update",{detail:i(),bubbles:!0,composed:!0});if(C.dispatchEvent(e),i()?.length>0){Q()?.(n(U));const r=new CustomEvent("validation",{detail:n(U),bubbles:!0,composed:!0});C.dispatchEvent(r)}});function ze(e){f()&&(e.preventDefault(),ce(S),O(M,!0))}function _e(e){f()&&(e.preventDefault(),ce(S,-1),n(S)===0&&O(M,!1))}function ie(e){return i()?.every(r=>r.name!==e.name)}function xe(e){const r=e.target,o=Array.from(r.files||[]).filter(ie);if(!o.length){r.value="";return}i(g()?[...i(),...o]:o.slice(0,1)),r.value=""}function we(e){e.preventDefault()}function ke(e){if(!f()||(e.preventDefault(),e.stopPropagation(),O(S,0),O(M,!1),m()))return;const r=Array.from(e.dataTransfer?.files||[]).filter(ie);r.length&&i(g()?[...i(),...r]:[r[0]])}function ye(e){(e.key===" "||e.key==="Enter")&&(e.preventDefault(),j.click())}function De(e){i(i()?.filter((r,o)=>o!==e))}function Ee(e){return Object.values(n(U)[e.name]??{}).every(Boolean)}var Fe={get files(){return i()},set files(e){i(e),a()},get accept(){return q()},set accept(e){q(e),a()},get multiple(){return g()},set multiple(e){g(e),a()},get allowedextensions(){return D()},set allowedextensions(e){D(e),a()},get maxsize(){return E()},set maxsize(e){E(e),a()},get rules(){return K()},set rules(e){K(e),a()},get hasdragdrop(){return f()},set hasdragdrop(e=!0){f(e),a()},get showfileslist(){return N()},set showfileslist(e=!0){N(e),a()},get disabled(){return m()},set disabled(e){m(e),a()},get title(){return T()},set title(e="Drag & drop"){T(e),a()},get subtitle(){return W()},set subtitle(e="or"){W(e),a()},get uploadbuttonlabel(){return X()},set uploadbuttonlabel(e="Upload file(s)"){X(e),a()},get format(){return G()},set format(e="inline"){G(e),a()},get errormessage(){return H()},set errormessage(e){H(e),a()},get deletebuttonlabel(){return J()},set deletebuttonlabel(e){J(e),a()},get information(){return F()},set information(e){F(e),a()},get onvalidation(){return Q()},set onvalidation(e){Q(e),a()},get onfilesupdate(){return R()},set onfilesupdate(e){R(e),a()}},z=We(),Y=h(z),b=h(Y);pe(b,e=>j=e,()=>j);var s=k(b,2),ne=h(s);{var Ce=e=>{var r=Ne(),o=P(r),v=h(o,!0);c(o);var p=k(o,2),Z=h(p,!0);c(p),B(()=>{y(v,T()),y(Z,W())}),u(e,r)};he(ne,e=>{f()&&e(Ce)})}var se=k(ne,2),de=h(se);Ke(de,{className:"mc-button__icon"});var ue=k(de,2),Ue=h(ue,!0);c(ue),c(se),c(s),c(Y);var je=k(Y,2);{var Me=e=>{var r=Te();Oe(r,21,i,Pe,(o,v,p)=>{{let Z=L(()=>Ee(n(v)));qe(o,{get file(){return n(v)},get format(){return G()},get errormessage(){return H()},get information(){return F()},get deletebuttonlabel(){return J()},get valid(){return n(Z)},ondelete:()=>De(p),$$slots:{name:(_,V)=>{var d=te(),x=P(d);const A=L(()=>V.file);re(x,t,"name",{get file(){return n(A)}},$=>{var w=ve();B(()=>y(w,n(A).name)),u($,w)}),u(_,d)},information:(_,V)=>{var d=te(),x=P(d);const A=L(()=>V.file);re(x,t,"information",{get file(){return n(A)}},$=>{var w=ve();B(()=>y(w,F())),u($,w)}),u(_,d)},errorMessage:(_,V)=>{var d=te(),x=P(d);re(x,t,"errorMessage",{get validationState(){return n(U)[n(v).name]}},null),u(_,d)}}})}}),c(r),u(e,r)};he(je,e=>{N()&&e(Me)})}return c(z),pe(z,e=>C=e,()=>C),B(()=>{me(z,1,be({"mc-file-uploader":!0,"mc-file-uploader--draggable":f()}),"svelte-1hihzzl"),le(b,"accept",q()),b.multiple=g(),b.disabled=m(),le(b,"aria-disabled",m()),me(s,1,be({"mc-file-uploader__input":!0,"mc-file-uploader__input--dragged":n(M),"mc-file-uploader__input--disabled":m()}),"svelte-1hihzzl"),le(s,"aria-disabled",m()),y(Ue,X())}),ee("change",b,xe),I("dragover",s,we),I("drop",s,ke),I("dragenter",s,ze),I("dragleave",s,_e),ee("click",s,()=>j.click()),ee("keydown",s,ye),u(oe,z),Le(Fe)}Se(["change","click","keydown"]);customElements.define("m-file-uploader",Ve(Ge,{files:{},accept:{},multiple:{},allowedextensions:{},maxsize:{},rules:{},hasdragdrop:{},showfileslist:{},disabled:{},title:{},subtitle:{},uploadbuttonlabel:{},format:{},errormessage:{},deletebuttonlabel:{},information:{},onvalidation:{},onfilesupdate:{}},["name","information","errorMessage"],[],{mode:"open"}));
+ */.mc-file-uploader.svelte-1hihzzl {display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;}.mc-file-uploader__files-list.svelte-1hihzzl {display:flex;flex-direction:column;gap:1rem;}.mc-file-uploader__hidden-input.svelte-1hihzzl {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-file-uploader__input.svelte-1hihzzl {display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);border-radius:var(--border-radius-m, 0.5rem);color:var(--file-uploader-color-drag-and-drop-text-default, #242938);}.mc-file-uploader__input.svelte-1hihzzl .mc-file-uploader__button:where(.svelte-1hihzzl) {width:100%;}.mc-file-uploader__input--disabled.svelte-1hihzzl .mc-file-uploader__button.mc-button.mc-button--outlined:where(.svelte-1hihzzl) {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-file-uploader__input-title.svelte-1hihzzl {height:1.125rem;font-size:var(--font-size-150, 1rem);}.mc-file-uploader__input-subtitle.svelte-1hihzzl {height:1.125rem;font-size:var(--font-size-100, 0.875rem);}.mc-file-uploader--draggable.svelte-1hihzzl .mc-file-uploader__input:where(.svelte-1hihzzl) {padding:2rem;outline:0.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);display:flex;}.mc-file-uploader--draggable.svelte-1hihzzl .mc-file-uploader__input--disabled:where(.svelte-1hihzzl) {outline-color:var(--file-uploader-color-drag-and-drop-border-disabled, #b3b3b3);color:var(--file-uploader-color-drag-and-drop-text-disabled, #b3b3b3);cursor:not-allowed;}.mc-file-uploader--draggable.svelte-1hihzzl .mc-file-uploader__input--dragged:where(.svelte-1hihzzl) {outline-width:0.25rem;}.mc-button.svelte-1hihzzl {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);}.mc-button.svelte-1hihzzl:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-1hihzzl:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-1hihzzl: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-1hihzzl {font-weight:var(--font-weight-semi-bold, 600);padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;border-radius:var(--button-border-radius-m, 0.25rem);}.mc-button.svelte-1hihzzl .mc-button__label:where(.svelte-1hihzzl) {font-size:var(--font-size-150, 1rem);}.mc-button.svelte-1hihzzl {display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button__label.svelte-1hihzzl {font-size:var(--font-size-150, 1rem);}.mc-button.svelte-1hihzzl: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-1hihzzl: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--outlined.svelte-1hihzzl {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-1hihzzl:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-1hihzzl:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-1hihzzl:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}`};function He(ae,t){Ae(t,!0),Be(ae,Ge);let i=l(t,"files",15),q=l(t,"accept",7),g=l(t,"multiple",7),D=l(t,"allowedextensions",7),E=l(t,"maxsize",7),K=l(t,"rules",7),f=l(t,"hasdragdrop",7,!0),N=l(t,"showfileslist",7,!0),m=l(t,"disabled",7),T=l(t,"title",7,"Drag & drop"),Z=l(t,"subtitle",7,"or"),G=l(t,"uploadbuttonlabel",7,"Upload file(s)"),H=l(t,"format",7,"inline"),J=l(t,"errormessage",7),Q=l(t,"deletebuttonlabel",7),F=l(t,"information",7),R=l(t,"onvalidation",7),W=l(t,"onfilesupdate",7),C,U=L(()=>ge(i())),j,M=fe(!1),S=fe(0);function ge(e=[]){const r={};return e.forEach(a=>{const v=a.name.split(".").pop()?.toLowerCase()||"";r[a.name]={size:E()&&a.size?a.size<=E():!0,extension:D()?D().includes(v):!0,customValidation:K()?.every(p=>p(a))??!0}}),r}Ie(()=>{W()?.(i());const e=new CustomEvent("files-update",{detail:i(),bubbles:!0,composed:!0});if(C.dispatchEvent(e),i()?.length>0){R()?.(n(U));const r=new CustomEvent("validation",{detail:n(U),bubbles:!0,composed:!0});C.dispatchEvent(r)}});function ze(e){f()&&(e.preventDefault(),ce(S),O(M,!0))}function _e(e){f()&&(e.preventDefault(),ce(S,-1),n(S)===0&&O(M,!1))}function ie(e){return i()?.every(r=>r.name!==e.name)}function xe(e){const r=e.target,a=Array.from(r.files||[]).filter(ie);if(!a.length){r.value="";return}i(g()?[...i(),...a]:a.slice(0,1)),r.value=""}function we(e){e.preventDefault()}function ke(e){if(!f()||(e.preventDefault(),e.stopPropagation(),O(S,0),O(M,!1),m()))return;const r=Array.from(e.dataTransfer?.files||[]).filter(ie);r.length&&i(g()?[...i(),...r]:[r[0]])}function ye(e){(e.key===" "||e.key==="Enter")&&(e.preventDefault(),j.click())}function De(e){i(i()?.filter((r,a)=>a!==e))}function Ee(e){return Object.values(n(U)[e.name]??{}).every(Boolean)}var Fe={get files(){return i()},set files(e){i(e),o()},get accept(){return q()},set accept(e){q(e),o()},get multiple(){return g()},set multiple(e){g(e),o()},get allowedextensions(){return D()},set allowedextensions(e){D(e),o()},get maxsize(){return E()},set maxsize(e){E(e),o()},get rules(){return K()},set rules(e){K(e),o()},get hasdragdrop(){return f()},set hasdragdrop(e=!0){f(e),o()},get showfileslist(){return N()},set showfileslist(e=!0){N(e),o()},get disabled(){return m()},set disabled(e){m(e),o()},get title(){return T()},set title(e="Drag & drop"){T(e),o()},get subtitle(){return Z()},set subtitle(e="or"){Z(e),o()},get uploadbuttonlabel(){return G()},set uploadbuttonlabel(e="Upload file(s)"){G(e),o()},get format(){return H()},set format(e="inline"){H(e),o()},get errormessage(){return J()},set errormessage(e){J(e),o()},get deletebuttonlabel(){return Q()},set deletebuttonlabel(e){Q(e),o()},get information(){return F()},set information(e){F(e),o()},get onvalidation(){return R()},set onvalidation(e){R(e),o()},get onfilesupdate(){return W()},set onfilesupdate(e){W(e),o()}},z=Ze(),X=h(z),b=h(X);pe(b,e=>j=e,()=>j);var s=k(b,2),ne=h(s);{var Ce=e=>{var r=Ne(),a=P(r),v=h(a,!0);c(a);var p=k(a,2),Y=h(p,!0);c(p),B(()=>{y(v,T()),y(Y,Z())}),u(e,r)};he(ne,e=>{f()&&e(Ce)})}var se=k(ne,2),de=h(se);Ke(de,{className:"mc-button__icon"});var ue=k(de,2),Ue=h(ue,!0);c(ue),c(se),c(s),c(X);var je=k(X,2);{var Me=e=>{var r=Te();Oe(r,21,i,Pe,(a,v,p)=>{{let Y=L(()=>Ee(n(v)));qe(a,{get file(){return n(v)},get format(){return H()},get errormessage(){return J()},get information(){return F()},get deletebuttonlabel(){return Q()},get valid(){return n(Y)},ondelete:()=>De(p),$$slots:{name:(_,V)=>{var d=te(),x=P(d);const A=L(()=>V.file);re(x,t,"name",{get file(){return n(A)}},$=>{var w=me();B(()=>y(w,n(A).name)),u($,w)}),u(_,d)},information:(_,V)=>{var d=te(),x=P(d);const A=L(()=>V.file);re(x,t,"information",{get file(){return n(A)}},$=>{var w=me();B(()=>y(w,F())),u($,w)}),u(_,d)},errorMessage:(_,V)=>{var d=te(),x=P(d);re(x,t,"errorMessage",{get validationState(){return n(U)[n(v).name]}},null),u(_,d)}}})}}),c(r),u(e,r)};he(je,e=>{N()&&e(Me)})}return c(z),pe(z,e=>C=e,()=>C),B(()=>{be(z,1,ve({"mc-file-uploader":!0,"mc-file-uploader--draggable":f()}),"svelte-1hihzzl"),le(b,"accept",q()),b.multiple=g(),b.disabled=m(),le(b,"aria-disabled",m()),be(s,1,ve({"mc-file-uploader__input":!0,"mc-file-uploader__input--dragged":n(M),"mc-file-uploader__input--disabled":m()}),"svelte-1hihzzl"),le(s,"aria-disabled",m()),y(Ue,G())}),ee("change",b,xe),I("dragover",s,we),I("drop",s,ke),I("dragenter",s,ze),I("dragleave",s,_e),ee("click",s,()=>j.click()),ee("keydown",s,ye),u(ae,z),Le(Fe)}Se(["change","click","keydown"]);customElements.define("m-file-uploader",Ve(He,{files:{},accept:{},multiple:{},allowedextensions:{},maxsize:{},rules:{},hasdragdrop:{},showfileslist:{},disabled:{},title:{},subtitle:{},uploadbuttonlabel:{},format:{},errormessage:{},deletebuttonlabel:{},information:{},onvalidation:{},onfilesupdate:{}},["name","information","errorMessage"],[],{mode:"open"}));
 //# sourceMappingURL=FileUploader.js.map

package/dist/components/fileuploader/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","sources":["../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-file-uploader' }} />\n\n<script lang=\"ts\">\n  import FileUploaderItem, {\n    type NormalizedFile,\n  } from '../fileuploaderitem/FileUploaderItem.svelte';\n  import { Upload24 } from '@mozaic-ds/icons-svelte';\n\n  type FilesValidationState = Record<\n    string,\n    { size: boolean; extension: boolean; customValidation: boolean }\n  >;\n\n  /**\n   * A file uploader allows users to upload one or multiple files by either dragging and dropping files into a dedicated area or selecting them manually through their local folders. It provides real-time feedback on upload progress and file status, including file name, size, and success or error indicators. File uploaders are commonly used in forms, content management systems, and document submission processes to facilitate seamless file handling.\n   *\n   * @slot name - Use this slot to display a custom file name.\n   * @slot information - Use this slot to display a custom information content.\n   * @slot errorMessage - Use this slot to display a custom error message.\n   * @event files-update {CustomEvent<NormalizedFile[]>} - Emits when files list changes.\n   * @event validation {CustomEvent<FilesValidationState>} - Emits files validation when files list changes.\n   */\n\n  interface Props {\n    /**\n     * Model binding for the selected files (`NormalizedFile`)\n     */\n    files: NormalizedFile[];\n    /**\n     * File types allowed by the uploader.\n     */\n    accept?: HTMLInputElement['accept'];\n    /**\n     * Enables selecting multiple files at once.\n     */\n    multiple?: boolean;\n    /**\n     * File extensions to validate.\n     */\n    allowedextensions?: string[];\n    /**\n     * Maximum file size allowed (in bytes).\n     */\n    maxsize?: number;\n    /**\n     * Custom validation rules applied to each file.\n     */\n    rules?: ((file: NormalizedFile) => boolean)[];\n    /**\n     * Layout format of the item.\n     */\n    format?: 'inline' | 'stacked';\n    /**\n     * Custom error message for the file.\n     */\n    errormessage?: string;\n    /**\n     * Label for the delete button.\n     */\n    deletebuttonlabel?: string;\n    /**\n     * Optional informational text displayed under the file name.\n     */\n    information?: string;\n    /**\n     * Enables drag & drop functionality.\n     */\n    hasdragdrop?: boolean;\n    /**\n     * Controls the display of the uploaded files list.\n     */\n    showfileslist?: boolean;\n    /**\n     * Disables the whole component.\n     */\n    disabled?: boolean;\n    /**\n     * Main drag & drop title.\n     */\n    title?: string;\n    /**\n     * Subtitle used in the drag & drop area.\n     */\n    subtitle?: string;\n    /**\n     * Label of the upload button.\n     */\n    uploadbuttonlabel?: string;\n    /**\n     * Callback to call when files validation is updated.\n     */\n    onvalidation?: (validationState: FilesValidationState) => void;\n    /**\n     * Callback to call when files are updates.\n     */\n    onfilesupdate?: (files: NormalizedFile[]) => void;\n  }\n\n  let {\n    files = $bindable(),\n    accept,\n    multiple,\n    allowedextensions,\n    maxsize,\n    rules,\n    hasdragdrop = true,\n    showfileslist = true,\n    disabled,\n    title = 'Drag & drop',\n    subtitle = 'or',\n    uploadbuttonlabel = 'Upload file(s)',\n    format = 'inline',\n    errormessage,\n    deletebuttonlabel,\n    information,\n    onvalidation,\n    onfilesupdate,\n  }: Props = $props();\n\n  let element: HTMLElement;\n\n  let filesValidationState = $derived(validateFiles(files));\n\n  let fileInput: HTMLInputElement;\n\n  let isDraggedOver = $state(false);\n  let dragCounter = $state(0);\n\n  function validateFiles(newFiles: NormalizedFile[] = []) {\n    const state: FilesValidationState = {};\n    newFiles.forEach((file) => {\n      const extension = file.name.split('.').pop()?.toLowerCase() || '';\n      state[file.name] = {\n        size: maxsize && file.size ? file.size <= maxsize : true,\n        extension: allowedextensions ? allowedextensions.includes(extension) : true,\n        customValidation: rules?.every((rule) => rule(file)) ?? true,\n      };\n    });\n    return state;\n  }\n\n  $effect(() => {\n    onfilesupdate?.(files);\n    const event = new CustomEvent('files-update', {\n      detail: files,\n      bubbles: true,\n      composed: true,\n    });\n    element.dispatchEvent(event);\n\n    if (files?.length > 0) {\n      onvalidation?.(filesValidationState);\n\n      const event = new CustomEvent('validation', {\n        detail: filesValidationState,\n        bubbles: true,\n        composed: true,\n      });\n      element.dispatchEvent(event);\n    }\n  });\n\n  function onDragEnter(e: Event) {\n    if (!hasdragdrop) return;\n\n    e.preventDefault();\n    dragCounter++;\n    isDraggedOver = true;\n  }\n\n  function onDragLeave(e: Event) {\n    if (!hasdragdrop) return;\n\n    e.preventDefault();\n    dragCounter--;\n    if (dragCounter === 0) isDraggedOver = false;\n  }\n\n  function filterExistingFile(file: NormalizedFile) {\n    return files?.every((item) => item.name !== file.name);\n  }\n\n  function onChange(e: Event) {\n    const input = e.target as HTMLInputElement;\n    const newFiles = Array.from(input.files || []).filter(filterExistingFile);\n\n    if (!newFiles.length) {\n      input.value = '';\n      return;\n    }\n\n    files = multiple ? [...files, ...newFiles] : newFiles.slice(0, 1);\n\n    input.value = '';\n  }\n\n  function onDragover(e: DragEvent) {\n    e.preventDefault();\n  }\n\n  function onDrop(e: DragEvent) {\n    if (!hasdragdrop) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    dragCounter = 0;\n    isDraggedOver = false;\n    if (disabled) return;\n\n    const droppedFiles = Array.from(e.dataTransfer?.files || []).filter(filterExistingFile);\n    if (!droppedFiles.length) return;\n\n    files = multiple ? [...files, ...droppedFiles] : [droppedFiles[0]];\n  }\n\n  function onKeydown(e: KeyboardEvent) {\n    if (e.key === ' ' || e.key === 'Enter') {\n      e.preventDefault();\n      fileInput.click();\n    }\n  }\n\n  function onDelete(index: number) {\n    files = files?.filter((_, i) => i !== index);\n  }\n\n  function isFileValid(file: NormalizedFile) {\n    return Object.values(filesValidationState[file.name] ?? {}).every(Boolean);\n  }\n</script>\n\n<div\n  class={{\n    'mc-file-uploader': true,\n    'mc-file-uploader--draggable': hasdragdrop,\n  }}\n  bind:this={element}\n>\n  <div class=\"mc-file-uploader__container\">\n    <input\n      bind:this={fileInput}\n      type=\"file\"\n      aria-label=\"File input\"\n      {accept}\n      {multiple}\n      class=\"mc-file-uploader__hidden-input\"\n      {disabled}\n      aria-disabled={disabled}\n      onchange={onChange}\n    />\n\n    <div\n      class={{\n        'mc-file-uploader__input': true,\n        'mc-file-uploader__input--dragged': isDraggedOver,\n        'mc-file-uploader__input--disabled': disabled,\n      }}\n      tabindex=\"0\"\n      role=\"button\"\n      aria-disabled={disabled}\n      ondragover={onDragover}\n      ondrop={onDrop}\n      ondragenter={onDragEnter}\n      ondragleave={onDragLeave}\n      onclick={() => fileInput!.click()}\n      onkeydown={onKeydown}\n    >\n      {#if hasdragdrop}\n        <span class=\"mc-file-uploader__input-title\">\n          {title}\n        </span>\n\n        <span class=\"mc-file-uploader__input-subtitle\">\n          {subtitle}\n        </span>\n      {/if}\n\n      <div class=\"mc-button mc-button--outlined mc-file-uploader__button\">\n        <Upload24 className=\"mc-button__icon\" />\n        <span class=\"mc-button__label\">\n          {uploadbuttonlabel}\n        </span>\n      </div>\n    </div>\n  </div>\n\n  {#if showfileslist}\n    <div class=\"mc-file-uploader__files-list\">\n      {#each files as file, index (index)}\n        <FileUploaderItem\n          {file}\n          {format}\n          {errormessage}\n          {information}\n          {deletebuttonlabel}\n          valid={isFileValid(file)}\n          ondelete={() => onDelete(index)}\n        >\n          <slot slot=\"name\" name=\"name\" let:file {file}>\n            {file.name}\n          </slot>\n\n          <slot slot=\"information\" name=\"information\" let:file {file}>\n            {information}\n          </slot>\n\n          <slot\n            slot=\"errorMessage\"\n            name=\"errorMessage\"\n            validationState={filesValidationState[file.name]}\n          ></slot>\n        </FileUploaderItem>\n      {/each}\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/file-uploader';\n  @use '@mozaic-ds/styles/components/button';\n</style>\n"],"names":["files","$.prop","$$props","accept","multiple","allowedextensions","maxsize","rules","hasdragdrop","showfileslist","disabled","title","subtitle","uploadbuttonlabel","format","errormessage","deletebuttonlabel","information","onvalidation","onfilesupdate","element","filesValidationState","$.derived","validateFiles","fileInput","isDraggedOver","$.state","dragCounter","newFiles","state","file","extension","rule","$.user_effect","event","onDragEnter","$.set","onDragLeave","$.get","filterExistingFile","item","onChange","input","onDragover","onDrop","droppedFiles","onKeydown","onDelete","index","_","i","isFileValid","div","root","div_1","$.child","input_1","$$value","div_2","$.sibling","node","span","$.first_child","fragment","span_1","$$render","consequent","div_3","Upload24","node_1","span_2","$.reset","div_4","root_2","$.index","$$anchor","$0","FileUploaderItem","$.template_effect","$.set_text","text_3","consequent_1","$.set_attribute","$.delegated","$.event","$.append"],"mappings":"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"}
+{"version":3,"file":"FileUploader.js","sources":["../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-file-uploader' }} />\n\n<script lang=\"ts\">\n  import FileUploaderItem, {\n    type NormalizedFile,\n  } from '../fileuploaderitem/FileUploaderItem.svelte';\n  import { Upload24 } from '@mozaic-ds/icons-svelte';\n\n  type FilesValidationState = Record<\n    string,\n    { size: boolean; extension: boolean; customValidation: boolean }\n  >;\n\n  /**\n   * A file uploader allows users to upload one or multiple files by either dragging and dropping files into a dedicated area or selecting them manually through their local folders. It provides real-time feedback on upload progress and file status, including file name, size, and success or error indicators. File uploaders are commonly used in forms, content management systems, and document submission processes to facilitate seamless file handling.\n   *\n   * @slot name - Use this slot to display a custom file name.\n   * @slot information - Use this slot to display a custom information content.\n   * @slot errorMessage - Use this slot to display a custom error message.\n   * @event files-update {CustomEvent<NormalizedFile[]>} - Emits when files list changes.\n   * @event validation {CustomEvent<FilesValidationState>} - Emits files validation when files list changes.\n   */\n\n  interface Props {\n    /**\n     * Model binding for the selected files (`NormalizedFile`)\n     */\n    files: NormalizedFile[];\n    /**\n     * File types allowed by the uploader.\n     */\n    accept?: HTMLInputElement['accept'];\n    /**\n     * Enables selecting multiple files at once.\n     */\n    multiple?: boolean;\n    /**\n     * File extensions to validate.\n     */\n    allowedextensions?: string[];\n    /**\n     * Maximum file size allowed (in bytes).\n     */\n    maxsize?: number;\n    /**\n     * Custom validation rules applied to each file.\n     */\n    rules?: ((file: NormalizedFile) => boolean)[];\n    /**\n     * Layout format of the item.\n     */\n    format?: 'inline' | 'stacked';\n    /**\n     * Custom error message for the file.\n     */\n    errormessage?: string;\n    /**\n     * Label for the delete button.\n     */\n    deletebuttonlabel?: string;\n    /**\n     * Optional informational text displayed under the file name.\n     */\n    information?: string;\n    /**\n     * Enables drag & drop functionality.\n     */\n    hasdragdrop?: boolean;\n    /**\n     * Controls the display of the uploaded files list.\n     */\n    showfileslist?: boolean;\n    /**\n     * Disables the whole component.\n     */\n    disabled?: boolean;\n    /**\n     * Main drag & drop title.\n     */\n    title?: string;\n    /**\n     * Subtitle used in the drag & drop area.\n     */\n    subtitle?: string;\n    /**\n     * Label of the upload button.\n     */\n    uploadbuttonlabel?: string;\n    /**\n     * Callback to call when files validation is updated.\n     */\n    onvalidation?: (validationState: FilesValidationState) => void;\n    /**\n     * Callback to call when files are updates.\n     */\n    onfilesupdate?: (files: NormalizedFile[]) => void;\n  }\n\n  let {\n    files = $bindable(),\n    accept,\n    multiple,\n    allowedextensions,\n    maxsize,\n    rules,\n    hasdragdrop = true,\n    showfileslist = true,\n    disabled,\n    title = 'Drag & drop',\n    subtitle = 'or',\n    uploadbuttonlabel = 'Upload file(s)',\n    format = 'inline',\n    errormessage,\n    deletebuttonlabel,\n    information,\n    onvalidation,\n    onfilesupdate,\n  }: Props = $props();\n\n  let element: HTMLElement;\n\n  let filesValidationState = $derived(validateFiles(files));\n\n  let fileInput: HTMLInputElement;\n\n  let isDraggedOver = $state(false);\n  let dragCounter = $state(0);\n\n  function validateFiles(newFiles: NormalizedFile[] = []) {\n    const state: FilesValidationState = {};\n    newFiles.forEach((file) => {\n      const extension = file.name.split('.').pop()?.toLowerCase() || '';\n      state[file.name] = {\n        size: maxsize && file.size ? file.size <= maxsize : true,\n        extension: allowedextensions ? allowedextensions.includes(extension) : true,\n        customValidation: rules?.every((rule) => rule(file)) ?? true,\n      };\n    });\n    return state;\n  }\n\n  $effect(() => {\n    onfilesupdate?.(files);\n    const event = new CustomEvent('files-update', {\n      detail: files,\n      bubbles: true,\n      composed: true,\n    });\n    element.dispatchEvent(event);\n\n    if (files?.length > 0) {\n      onvalidation?.(filesValidationState);\n\n      const event = new CustomEvent('validation', {\n        detail: filesValidationState,\n        bubbles: true,\n        composed: true,\n      });\n      element.dispatchEvent(event);\n    }\n  });\n\n  function onDragEnter(e: Event) {\n    if (!hasdragdrop) return;\n\n    e.preventDefault();\n    dragCounter++;\n    isDraggedOver = true;\n  }\n\n  function onDragLeave(e: Event) {\n    if (!hasdragdrop) return;\n\n    e.preventDefault();\n    dragCounter--;\n    if (dragCounter === 0) isDraggedOver = false;\n  }\n\n  function filterExistingFile(file: NormalizedFile) {\n    return files?.every((item) => item.name !== file.name);\n  }\n\n  function onChange(e: Event) {\n    const input = e.target as HTMLInputElement;\n    const newFiles = Array.from(input.files || []).filter(filterExistingFile);\n\n    if (!newFiles.length) {\n      input.value = '';\n      return;\n    }\n\n    files = multiple ? [...files, ...newFiles] : newFiles.slice(0, 1);\n\n    input.value = '';\n  }\n\n  function onDragover(e: DragEvent) {\n    e.preventDefault();\n  }\n\n  function onDrop(e: DragEvent) {\n    if (!hasdragdrop) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    dragCounter = 0;\n    isDraggedOver = false;\n    if (disabled) return;\n\n    const droppedFiles = Array.from(e.dataTransfer?.files || []).filter(filterExistingFile);\n    if (!droppedFiles.length) return;\n\n    files = multiple ? [...files, ...droppedFiles] : [droppedFiles[0]];\n  }\n\n  function onKeydown(e: KeyboardEvent) {\n    if (e.key === ' ' || e.key === 'Enter') {\n      e.preventDefault();\n      fileInput.click();\n    }\n  }\n\n  function onDelete(index: number) {\n    files = files?.filter((_, i) => i !== index);\n  }\n\n  function isFileValid(file: NormalizedFile) {\n    return Object.values(filesValidationState[file.name] ?? {}).every(Boolean);\n  }\n</script>\n\n<div\n  class={{\n    'mc-file-uploader': true,\n    'mc-file-uploader--draggable': hasdragdrop,\n  }}\n  bind:this={element}\n>\n  <div class=\"mc-file-uploader__container\">\n    <input\n      bind:this={fileInput}\n      type=\"file\"\n      aria-label=\"File input\"\n      {accept}\n      {multiple}\n      class=\"mc-file-uploader__hidden-input\"\n      {disabled}\n      aria-disabled={disabled}\n      onchange={onChange}\n    />\n\n    <div\n      class={{\n        'mc-file-uploader__input': true,\n        'mc-file-uploader__input--dragged': isDraggedOver,\n        'mc-file-uploader__input--disabled': disabled,\n      }}\n      tabindex=\"0\"\n      role=\"button\"\n      aria-disabled={disabled}\n      ondragover={onDragover}\n      ondrop={onDrop}\n      ondragenter={onDragEnter}\n      ondragleave={onDragLeave}\n      onclick={() => fileInput!.click()}\n      onkeydown={onKeydown}\n    >\n      {#if hasdragdrop}\n        <span class=\"mc-file-uploader__input-title\">\n          {title}\n        </span>\n\n        <span class=\"mc-file-uploader__input-subtitle\">\n          {subtitle}\n        </span>\n      {/if}\n\n      <div class=\"mc-button mc-button--outlined mc-file-uploader__button\">\n        <Upload24 className=\"mc-button__icon\" />\n        <span class=\"mc-button__label\">\n          {uploadbuttonlabel}\n        </span>\n      </div>\n    </div>\n  </div>\n\n  {#if showfileslist}\n    <div class=\"mc-file-uploader__files-list\">\n      {#each files as file, index (index)}\n        <FileUploaderItem\n          {file}\n          {format}\n          {errormessage}\n          {information}\n          {deletebuttonlabel}\n          valid={isFileValid(file)}\n          ondelete={() => onDelete(index)}\n        >\n          <slot slot=\"name\" name=\"name\" let:file {file}>\n            {file.name}\n          </slot>\n\n          <slot slot=\"information\" name=\"information\" let:file {file}>\n            {information}\n          </slot>\n\n          <slot\n            slot=\"errorMessage\"\n            name=\"errorMessage\"\n            validationState={filesValidationState[file.name]}\n          ></slot>\n        </FileUploaderItem>\n      {/each}\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/file-uploader';\n  @use '@mozaic-ds/styles/components/button';\n</style>\n"],"names":["files","$.prop","$$props","accept","multiple","allowedextensions","maxsize","rules","hasdragdrop","showfileslist","disabled","title","subtitle","uploadbuttonlabel","format","errormessage","deletebuttonlabel","information","onvalidation","onfilesupdate","element","filesValidationState","$.derived","validateFiles","fileInput","isDraggedOver","$.state","dragCounter","newFiles","state","file","extension","rule","$.user_effect","event","onDragEnter","$.set","onDragLeave","$.get","filterExistingFile","item","onChange","input","onDragover","onDrop","droppedFiles","onKeydown","onDelete","index","_","i","isFileValid","div","root","div_1","$.child","input_1","$$value","div_2","$.sibling","node","span","$.first_child","fragment","span_1","$$render","consequent","div_3","Upload24","node_1","span_2","$.reset","div_4","root_2","$.index","$$anchor","$0","FileUploaderItem","$.template_effect","$.set_text","text_3","consequent_1","$.set_attribute","$.delegated","$.event","$.append"],"mappings":"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"}

package/dist/components/fileuploader/FileUploader.svelte

@@ -323,7 +323,7 @@
   display: flex;
   flex-direction: column;
   gap: 1rem;
-  width: 18rem;
+  box-sizing: border-box;
 }
 .mc-file-uploader__files-list {
   display: flex;
@@ -368,9 +368,6 @@
   height: 1.125rem;
   font-size: var(--font-size-100, 0.875rem);
 }
-.mc-file-uploader--draggable {
-  width: 25rem;
-}
 .mc-file-uploader--draggable .mc-file-uploader__input {
   padding: 2rem;
   outline: 0.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);

package/dist/components/fileuploaderitem/FileUploaderItem.js

@@ -1,5 +1,5 @@
-import{c as le,e as re,a as ie,p as n,l as p,k as b,t as f,b as i,d as ae,f as h,w as I,j as a,i as m,r as o,aW as _,m as g,x as oe,aV as G,s as S,h as B}from"../../custom-element.js";import{i as W}from"../../if.js";import{a as se,s as E}from"../../slot.js";import{c as de}from"../../svelte-component.js";import{B as H}from"../button/Button.js";import{D as ne}from"../divider/Divider.js";import{x as me,y as ce,C as fe,d as ue}from"../../Condition20.js";import"../../branches.js";import"../../attributes.js";import"../../this.js";import"../loader/Loader.js";var ve=h('<span class="mc-file-uploader-item__details svelte-1sb9cm3"><!></span>'),pe=h('<!> <div class="mc-file-uploader-item__actions-container svelte-1sb9cm3"><!></div>',1),be=h('<div class="mc-file-uploader-item__delete-button-container svelte-1sb9cm3"><!></div>'),_e=h('<span class="mc-file-uploader-item__error-message svelte-1sb9cm3"><!></span>'),ge=h('<div><div><div><span class="mc-file-uploader-item__status-icon svelte-1sb9cm3"><!></span> <div class="mc-file-uploader-item__info-content svelte-1sb9cm3"><span class="mc-file-uploader-item__label svelte-1sb9cm3"><!></span> <!></div></div> <!></div> <!></div>');const he={hash:"svelte-1sb9cm3",code:`/**
+import{c as le,e as re,a as ie,p as d,i as p,s as b,t as f,b as i,d as ae,f as h,w as F,h as a,m,r as o,aZ as _,k as g,x as oe,aW as G,j as I,l as S}from"../../custom-element.js";import{i as W}from"../../if.js";import{a as se,s as E}from"../../slot.js";import{c as ne}from"../../svelte-component.js";import{B as H}from"../button/Button.js";import{D as de}from"../divider/Divider.js";import{B as me,D as ce,C as fe,d as ue}from"../../Condition20.js";import"../../branches.js";import"../../attributes.js";import"../../this.js";import"../loader/Loader.js";var ve=h('<span class="mc-file-uploader-item__details svelte-1sb9cm3"><!></span>'),pe=h('<!> <div class="mc-file-uploader-item__actions-container svelte-1sb9cm3"><!></div>',1),be=h('<div class="mc-file-uploader-item__delete-button-container svelte-1sb9cm3"><!></div>'),_e=h('<span class="mc-file-uploader-item__error-message svelte-1sb9cm3"><!></span>'),ge=h('<div><div><div><span class="mc-file-uploader-item__status-icon svelte-1sb9cm3"><!></span> <div class="mc-file-uploader-item__info-content svelte-1sb9cm3"><span class="mc-file-uploader-item__label svelte-1sb9cm3"><!></span> <!></div></div> <!></div> <!></div>');const he={hash:"svelte-1sb9cm3",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-file-uploader.svelte-1sb9cm3 {display:flex;flex-direction:column;gap:1rem;width:18rem;}.mc-file-uploader__files-list.svelte-1sb9cm3 {display:flex;flex-direction:column;gap:1rem;}.mc-file-uploader__hidden-input.svelte-1sb9cm3 {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-file-uploader__input.svelte-1sb9cm3 {display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);border-radius:var(--border-radius-m, 0.5rem);color:var(--file-uploader-color-drag-and-drop-text-default, #242938);}.mc-file-uploader__input.svelte-1sb9cm3 .mc-file-uploader__button:where(.svelte-1sb9cm3) {width:100%;}.mc-file-uploader__input--disabled.svelte-1sb9cm3 .mc-file-uploader__button.mc-button.mc-button--outlined:where(.svelte-1sb9cm3) {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-file-uploader__input-title.svelte-1sb9cm3 {height:1.125rem;font-size:var(--font-size-150, 1rem);}.mc-file-uploader__input-subtitle.svelte-1sb9cm3 {height:1.125rem;font-size:var(--font-size-100, 0.875rem);}.mc-file-uploader--draggable.svelte-1sb9cm3 {width:25rem;}.mc-file-uploader--draggable.svelte-1sb9cm3 .mc-file-uploader__input:where(.svelte-1sb9cm3) {padding:2rem;outline:0.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);display:flex;}.mc-file-uploader--draggable.svelte-1sb9cm3 .mc-file-uploader__input--disabled:where(.svelte-1sb9cm3) {outline-color:var(--file-uploader-color-drag-and-drop-border-disabled, #b3b3b3);color:var(--file-uploader-color-drag-and-drop-text-disabled, #b3b3b3);cursor:not-allowed;}.mc-file-uploader--draggable.svelte-1sb9cm3 .mc-file-uploader__input--dragged:where(.svelte-1sb9cm3) {outline-width:0.25rem;}.mc-file-uploader-item.svelte-1sb9cm3 {display:flex;flex-direction:column;gap:0.25rem;}.mc-file-uploader-item__container.svelte-1sb9cm3 {border:1px solid var(--file-uploader-color-file-item-border-default, #cccccc);border-radius:var(--border-radius-m, 0.5rem);padding:0.75rem;}.mc-file-uploader-item__meta-row.svelte-1sb9cm3 {display:flex;align-items:center;flex-grow:1;}.mc-file-uploader-item__meta-row--with-info.svelte-1sb9cm3 {align-items:start;}.mc-file-uploader-item__status-icon.svelte-1sb9cm3 {fill:var(--file-uploader-color-file-item-icon-valid, #3f9e10);}.mc-file-uploader-item__info-content.svelte-1sb9cm3 {display:flex;flex-direction:column;flex-grow:1;padding-left:0.5rem;padding-right:1rem;}.mc-file-uploader-item__label.svelte-1sb9cm3 {color:var(--file-uploader-color-file-item-text-file-name, #000000);font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);}.mc-file-uploader-item__details.svelte-1sb9cm3 {color:var(--file-uploader-color-file-item-text-information, #666666);font-size:var(--font-size-50, 0.75rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);}.mc-file-uploader-item__error-message.svelte-1sb9cm3 {color:var(--field-color-validation-invalid, #c61112);font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);}.mc-file-uploader-item__container--inline.svelte-1sb9cm3 {display:flex;align-items:center;}.mc-file-uploader-item__container--stacked.svelte-1sb9cm3 {display:flex;flex-direction:column;gap:0.75rem;}.mc-file-uploader-item__delete-button-container.svelte-1sb9cm3 {padding-left:0.25rem;margin-left:0.25rem;border-left:1px solid var(--divider-color-primary, #cccccc);}.mc-file-uploader-item__actions-container.svelte-1sb9cm3 {padding:0 2rem;display:flex;align-items:center;gap:0.25rem;justify-content:center;}.mc-file-uploader-item__action.svelte-1sb9cm3 {padding:0 0.75rem;flex-grow:1;}.mc-file-uploader-item--error.svelte-1sb9cm3 .mc-file-uploader-item__container:where(.svelte-1sb9cm3) {border-width:var(--border-width-m, 0.125rem);border-color:var(--file-uploader-color-file-item-border-invalid, #ea302d);}.mc-file-uploader-item--error.svelte-1sb9cm3 .mc-file-uploader-item__status-icon:where(.svelte-1sb9cm3) {fill:var(--file-uploader-color-file-item-icon-invalid, #ea302d);}.mc-file-uploader-item--loading.svelte-1sb9cm3 .mc-file-uploader-item__container:where(.svelte-1sb9cm3) {gap:1rem;flex-direction:column;align-items:normal;}.mc-file-uploader-item--loading.svelte-1sb9cm3 .mc-file-uploader-item__status-icon:where(.svelte-1sb9cm3) {fill:var(--color-standalone-disabled, #b3b3b3);}.mc-file-uploader-item--loading.svelte-1sb9cm3 .mc-file-uploader-item__label:where(.svelte-1sb9cm3),
-.mc-file-uploader-item--loading.svelte-1sb9cm3 .mc-file-uploader-item__details:where(.svelte-1sb9cm3) {color:var(--color-standalone-disabled, #b3b3b3);}`};function xe(U,l){const V=se(l);re(l,!0),ie(U,he);let u=n(l,"file",7),x=n(l,"format",7,"inline"),w=n(l,"valid",7),y=n(l,"errormessage",7),z=n(l,"deletebuttonlabel",7,"Delete"),v=n(l,"information",7),k=n(l,"ondelete",7);const J=I(()=>x()==="stacked"),P=I(()=>w()?"default":"error"),K={default:ce,error:me},L=I(()=>K[p(P)]);var N={get file(){return u()},set file(e){u(e),m()},get format(){return x()},set format(e="inline"){x(e),m()},get valid(){return w()},set valid(e){w(e),m()},get errormessage(){return y()},set errormessage(e){y(e),m()},get deletebuttonlabel(){return z()},set deletebuttonlabel(e="Delete"){z(e),m()},get information(){return v()},set information(e){v(e),m()},get ondelete(){return k()},set ondelete(e){k(e),m()}},C=ge(),D=a(C),M=a(D),j=a(M),O=a(j);de(O,()=>p(L),(e,t)=>{t(e,{})}),o(j);var q=b(j,2),F=a(q),Q=a(F);E(Q,l,"name",{get file(){return u()}},e=>{var t=_();f(()=>g(t,u().name)),i(e,t)}),o(F);var R=b(F,2);{var T=e=>{var t=ve(),d=a(t);E(d,l,"information",{get file(){return u()}},r=>{var s=_();f(()=>g(s,v())),i(r,s)}),o(t),i(e,t)};W(R,e=>{(v()||V.information)&&e(T)})}o(q),o(M);var X=b(M,2);{var Y=e=>{var t=pe(),d=oe(t);ne(d,{});var r=b(d,2),s=a(r);H(s,{ghost:!0,size:"s",iconposition:"left","aria-label":"Delete file",get onclick(){return k()},children:(c,te)=>{G();var A=_();f(()=>g(A,z())),i(c,A)},$$slots:{default:!0,icon:(c,te)=>{fe(c,{slot:"icon"})}}}),o(r),i(e,t)},Z=e=>{var t=be(),d=a(t);H(d,{ghost:!0,size:"s",iconposition:"only","aria-label":"Delete file",get onclick(){return k()},children:(r,s)=>{G();var c=_();f(()=>g(c,z())),i(r,c)},$$slots:{default:!0,icon:(r,s)=>{ue(r,{slot:"icon"})}}}),o(t),i(e,t)};W(X,e=>{p(J)?e(Y):e(Z,!1)})}o(D);var $=b(D,2);{var ee=e=>{var t=_e(),d=a(t);E(d,l,"errorMessage",{},r=>{var s=_();f(()=>g(s,y())),i(r,s)}),o(t),i(e,t)};W($,e=>{!w()&&(y()||V.errorMessage)&&e(ee)})}return o(C),f(()=>{S(C,1,B({"mc-file-uploader-item":!0,[`mc-file-uploader-item--${p(P)}`]:p(P)!=="default"}),"svelte-1sb9cm3"),S(D,1,B({"mc-file-uploader-item__container":!0,[`mc-file-uploader-item__container--${x()}`]:!0}),"svelte-1sb9cm3"),S(M,1,B({"mc-file-uploader-item__meta-row":!0,"mc-file-uploader-item__meta-row--with-info":v()}),"svelte-1sb9cm3")}),i(U,C),ae(N)}customElements.define("m-file-uploader-item",le(xe,{file:{},format:{},valid:{},errormessage:{},deletebuttonlabel:{},information:{},ondelete:{}},["name","information","errorMessage"],[],{mode:"open"}));export{xe as F};
+ */.mc-file-uploader.svelte-1sb9cm3 {display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;}.mc-file-uploader__files-list.svelte-1sb9cm3 {display:flex;flex-direction:column;gap:1rem;}.mc-file-uploader__hidden-input.svelte-1sb9cm3 {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-file-uploader__input.svelte-1sb9cm3 {display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);border-radius:var(--border-radius-m, 0.5rem);color:var(--file-uploader-color-drag-and-drop-text-default, #242938);}.mc-file-uploader__input.svelte-1sb9cm3 .mc-file-uploader__button:where(.svelte-1sb9cm3) {width:100%;}.mc-file-uploader__input--disabled.svelte-1sb9cm3 .mc-file-uploader__button.mc-button.mc-button--outlined:where(.svelte-1sb9cm3) {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-file-uploader__input-title.svelte-1sb9cm3 {height:1.125rem;font-size:var(--font-size-150, 1rem);}.mc-file-uploader__input-subtitle.svelte-1sb9cm3 {height:1.125rem;font-size:var(--font-size-100, 0.875rem);}.mc-file-uploader--draggable.svelte-1sb9cm3 .mc-file-uploader__input:where(.svelte-1sb9cm3) {padding:2rem;outline:0.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);display:flex;}.mc-file-uploader--draggable.svelte-1sb9cm3 .mc-file-uploader__input--disabled:where(.svelte-1sb9cm3) {outline-color:var(--file-uploader-color-drag-and-drop-border-disabled, #b3b3b3);color:var(--file-uploader-color-drag-and-drop-text-disabled, #b3b3b3);cursor:not-allowed;}.mc-file-uploader--draggable.svelte-1sb9cm3 .mc-file-uploader__input--dragged:where(.svelte-1sb9cm3) {outline-width:0.25rem;}.mc-file-uploader-item.svelte-1sb9cm3 {display:flex;flex-direction:column;gap:0.25rem;}.mc-file-uploader-item__container.svelte-1sb9cm3 {border:1px solid var(--file-uploader-color-file-item-border-default, #cccccc);border-radius:var(--border-radius-m, 0.5rem);padding:0.75rem;}.mc-file-uploader-item__meta-row.svelte-1sb9cm3 {display:flex;align-items:center;flex-grow:1;}.mc-file-uploader-item__meta-row--with-info.svelte-1sb9cm3 {align-items:start;}.mc-file-uploader-item__status-icon.svelte-1sb9cm3 {fill:var(--file-uploader-color-file-item-icon-valid, #3f9e10);}.mc-file-uploader-item__info-content.svelte-1sb9cm3 {display:flex;flex-direction:column;flex-grow:1;padding-left:0.5rem;padding-right:1rem;}.mc-file-uploader-item__label.svelte-1sb9cm3 {color:var(--file-uploader-color-file-item-text-file-name, #000000);font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);}.mc-file-uploader-item__details.svelte-1sb9cm3 {color:var(--file-uploader-color-file-item-text-information, #666666);font-size:var(--font-size-50, 0.75rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);}.mc-file-uploader-item__error-message.svelte-1sb9cm3 {color:var(--field-color-validation-invalid, #c61112);font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);}.mc-file-uploader-item__container--inline.svelte-1sb9cm3 {display:flex;align-items:center;}.mc-file-uploader-item__container--stacked.svelte-1sb9cm3 {display:flex;flex-direction:column;gap:0.75rem;}.mc-file-uploader-item__delete-button-container.svelte-1sb9cm3 {padding-left:0.25rem;margin-left:0.25rem;border-left:1px solid var(--divider-color-primary, #cccccc);}.mc-file-uploader-item__actions-container.svelte-1sb9cm3 {padding:0 2rem;display:flex;align-items:center;gap:0.25rem;justify-content:center;}.mc-file-uploader-item__action.svelte-1sb9cm3 {padding:0 0.75rem;flex-grow:1;}.mc-file-uploader-item--error.svelte-1sb9cm3 .mc-file-uploader-item__container:where(.svelte-1sb9cm3) {border-width:var(--border-width-m, 0.125rem);border-color:var(--file-uploader-color-file-item-border-invalid, #ea302d);}.mc-file-uploader-item--error.svelte-1sb9cm3 .mc-file-uploader-item__status-icon:where(.svelte-1sb9cm3) {fill:var(--file-uploader-color-file-item-icon-invalid, #ea302d);}.mc-file-uploader-item--loading.svelte-1sb9cm3 .mc-file-uploader-item__container:where(.svelte-1sb9cm3) {gap:1rem;flex-direction:column;align-items:normal;}.mc-file-uploader-item--loading.svelte-1sb9cm3 .mc-file-uploader-item__status-icon:where(.svelte-1sb9cm3) {fill:var(--color-standalone-disabled, #b3b3b3);}.mc-file-uploader-item--loading.svelte-1sb9cm3 .mc-file-uploader-item__label:where(.svelte-1sb9cm3),
+.mc-file-uploader-item--loading.svelte-1sb9cm3 .mc-file-uploader-item__details:where(.svelte-1sb9cm3) {color:var(--color-standalone-disabled, #b3b3b3);}`};function xe(U,l){const Z=se(l);re(l,!0),ie(U,he);let u=d(l,"file",7),x=d(l,"format",7,"inline"),w=d(l,"valid",7),y=d(l,"errormessage",7),z=d(l,"deletebuttonlabel",7,"Delete"),v=d(l,"information",7),k=d(l,"ondelete",7);const J=F(()=>x()==="stacked"),P=F(()=>w()?"default":"error"),K={default:ce,error:me},L=F(()=>K[p(P)]);var N={get file(){return u()},set file(e){u(e),m()},get format(){return x()},set format(e="inline"){x(e),m()},get valid(){return w()},set valid(e){w(e),m()},get errormessage(){return y()},set errormessage(e){y(e),m()},get deletebuttonlabel(){return z()},set deletebuttonlabel(e="Delete"){z(e),m()},get information(){return v()},set information(e){v(e),m()},get ondelete(){return k()},set ondelete(e){k(e),m()}},D=ge(),C=a(D),M=a(C),j=a(M),O=a(j);ne(O,()=>p(L),(e,t)=>{t(e,{})}),o(j);var q=b(j,2),B=a(q),Q=a(B);E(Q,l,"name",{get file(){return u()}},e=>{var t=_();f(()=>g(t,u().name)),i(e,t)}),o(B);var R=b(B,2);{var T=e=>{var t=ve(),n=a(t);E(n,l,"information",{get file(){return u()}},r=>{var s=_();f(()=>g(s,v())),i(r,s)}),o(t),i(e,t)};W(R,e=>{(v()||Z.information)&&e(T)})}o(q),o(M);var V=b(M,2);{var X=e=>{var t=pe(),n=oe(t);de(n,{});var r=b(n,2),s=a(r);H(s,{ghost:!0,size:"s",iconposition:"left","aria-label":"Delete file",get onclick(){return k()},children:(c,te)=>{G();var A=_();f(()=>g(A,z())),i(c,A)},$$slots:{default:!0,icon:(c,te)=>{fe(c,{slot:"icon"})}}}),o(r),i(e,t)},Y=e=>{var t=be(),n=a(t);H(n,{ghost:!0,size:"s",iconposition:"only","aria-label":"Delete file",get onclick(){return k()},children:(r,s)=>{G();var c=_();f(()=>g(c,z())),i(r,c)},$$slots:{default:!0,icon:(r,s)=>{ue(r,{slot:"icon"})}}}),o(t),i(e,t)};W(V,e=>{p(J)?e(X):e(Y,-1)})}o(C);var $=b(C,2);{var ee=e=>{var t=_e(),n=a(t);E(n,l,"errorMessage",{},r=>{var s=_();f(()=>g(s,y())),i(r,s)}),o(t),i(e,t)};W($,e=>{!w()&&(y()||Z.errorMessage)&&e(ee)})}return o(D),f(()=>{I(D,1,S({"mc-file-uploader-item":!0,[`mc-file-uploader-item--${p(P)}`]:p(P)!=="default"}),"svelte-1sb9cm3"),I(C,1,S({"mc-file-uploader-item__container":!0,[`mc-file-uploader-item__container--${x()}`]:!0}),"svelte-1sb9cm3"),I(M,1,S({"mc-file-uploader-item__meta-row":!0,"mc-file-uploader-item__meta-row--with-info":v()}),"svelte-1sb9cm3")}),i(U,D),ae(N)}customElements.define("m-file-uploader-item",le(xe,{file:{},format:{},valid:{},errormessage:{},deletebuttonlabel:{},information:{},ondelete:{}},["name","information","errorMessage"],[],{mode:"open"}));export{xe as F};
 //# sourceMappingURL=FileUploaderItem.js.map

package/dist/components/fileuploaderitem/FileUploaderItem.svelte

@@ -144,7 +144,7 @@
   display: flex;
   flex-direction: column;
   gap: 1rem;
-  width: 18rem;
+  box-sizing: border-box;
 }
 .mc-file-uploader__files-list {
   display: flex;
@@ -189,9 +189,6 @@
   height: 1.125rem;
   font-size: var(--font-size-100, 0.875rem);
 }
-.mc-file-uploader--draggable {
-  width: 25rem;
-}
 .mc-file-uploader--draggable .mc-file-uploader__input {
   padding: 2rem;
   outline: 0.125rem dashed var(--file-uploader-color-drag-and-drop-border-default, #464e63);

package/dist/components/flag/Flag.js

@@ -1,4 +1,4 @@
-import{c as p,e as m,a as u,p as s,t as b,b as h,d as _,f as x,n as k,i as c,j as f,r as d,m as w}from"../../custom-element.js";import{a as y}from"../../attributes.js";var $=x('<div><span class="mc-flag__label"> </span></div>');const z={hash:"svelte-1e4tn4t",code:`/**
+import{c as p,e as m,a as u,p as s,t as b,b as h,d as _,f as k,n as x,m as c,h as f,r as d,k as w}from"../../custom-element.js";import{a as y}from"../../attributes.js";var $=k('<div><span class="mc-flag__label"> </span></div>');const z={hash:"svelte-1e4tn4t",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-flag.svelte-1e4tn4t {padding:0 0.5rem;border-radius:var(--border-radius-xs, 0.125rem);white-space:nowrap;font-size:var(--font-size-100, 0.875rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);height:1.5rem;display:inline-flex;align-items:center;color:var(--flag-color-text-standard, #ffffff);background-color:var(--flag-color-background-standard, #191919);}.mc-flag--accent.svelte-1e4tn4t {color:var(--flag-color-text-accent, #ffffff);background-color:var(--flag-color-background-accent, #117f03);}.mc-flag--danger.svelte-1e4tn4t {color:var(--flag-color-text-danger, #ffffff);background-color:var(--flag-color-background-danger, #c61112);}.mc-flag--inverse.svelte-1e4tn4t {color:var(--flag-color-text-inverse, #000000);background-color:var(--flag-color-background-inverse, #ffffff);}`};function j(o,e){m(e,!0),u(o,z);let t=s(e,"appearance",7,"standard"),r=s(e,"label",7),g=k(e,["$$slots","$$events","$$legacy","$$host","appearance","label"]);var i={get appearance(){return t()},set appearance(l="standard"){t(l),c()},get label(){return r()},set label(l){r(l),c()}},a=$();y(a,()=>({class:["mc-flag",`mc-flag--${t()}`],...g}),void 0,void 0,void 0,"svelte-1e4tn4t");var n=f(a),v=f(n,!0);return d(n),d(a),b(()=>w(v,r())),h(o,a),_(i)}customElements.define("m-flag",p(j,{appearance:{},label:{}},[],[],{mode:"open"}));
+ */.mc-flag.svelte-1e4tn4t {padding:0 0.5rem;border-radius:var(--border-radius-xs, 0.125rem);white-space:nowrap;font-size:var(--font-size-100, 0.875rem);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-s, 1.3);height:1.5rem;display:inline-flex;align-items:center;color:var(--flag-color-text-standard, #ffffff);background-color:var(--flag-color-background-standard, #191919);}.mc-flag--accent.svelte-1e4tn4t {color:var(--flag-color-text-accent, #ffffff);background-color:var(--flag-color-background-accent, #117f03);}.mc-flag--danger.svelte-1e4tn4t {color:var(--flag-color-text-danger, #ffffff);background-color:var(--flag-color-background-danger, #c61112);}.mc-flag--inverse.svelte-1e4tn4t {color:var(--flag-color-text-inverse, #000000);background-color:var(--flag-color-background-inverse, #ffffff);}`};function D(o,e){m(e,!0),u(o,z);let t=s(e,"appearance",7,"standard"),r=s(e,"label",7),g=x(e,["$$slots","$$events","$$legacy","$$host","appearance","label"]);var i={get appearance(){return t()},set appearance(l="standard"){t(l),c()},get label(){return r()},set label(l){r(l),c()}},a=$();y(a,()=>({class:["mc-flag",`mc-flag--${t()}`],...g}),void 0,void 0,void 0,"svelte-1e4tn4t");var n=f(a),v=f(n,!0);return d(n),d(a),b(()=>w(v,r())),h(o,a),_(i)}customElements.define("m-flag",p(D,{appearance:{},label:{}},[],[],{mode:"open"}));
 //# sourceMappingURL=Flag.js.map

package/dist/components/iconbutton/IconButton.js

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

package/dist/components/kpiitem/KpiItem.js

@@ -1,4 +1,4 @@
-import{c as W,e as X,a as Y,p as m,l as b,k as _,t as g,b as v,d as Z,f as u,n as $,w as h,j as o,i as p,r as a,m as x,y as ee,x as re}from"../../custom-element.js";import{i as k}from"../../if.js";import{c as ie}from"../../svelte-component.js";import{a as oe}from"../../attributes.js";import{r as ae,v as le,w as te}from"../../Condition20.js";import"../../branches.js";var se=u('<span class="mc-kpi__label svelte-1fbscw7"> </span>'),ce=u('<span class="mc-kpi__label svelte-1fbscw7"> </span>'),ne=u('<span class="mc-kpi__detail svelte-1fbscw7"> </span>'),me=u('<div class="mc-kpi__aside svelte-1fbscw7"><!> <!></div>'),ve=u('<div><!> <div class="mc-kpi__content svelte-1fbscw7"><div class="mc-kpi__main svelte-1fbscw7"><!> <span class="mc-kpi__value svelte-1fbscw7"> </span></div> <!></div></div>');const pe={hash:"svelte-1fbscw7",code:`/**
+import{c as W,e as X,a as Y,p as m,i as b,s as _,t as g,b as v,d as Z,f as u,n as $,w as h,h as o,m as p,r as a,k as x,y as ee,x as re}from"../../custom-element.js";import{i as k}from"../../if.js";import{c as ie}from"../../svelte-component.js";import{a as oe}from"../../attributes.js";import{r as ae,y as le,z as te}from"../../Condition20.js";import"../../branches.js";var se=u('<span class="mc-kpi__label svelte-1fbscw7"> </span>'),ce=u('<span class="mc-kpi__label svelte-1fbscw7"> </span>'),ne=u('<span class="mc-kpi__detail svelte-1fbscw7"> </span>'),me=u('<div class="mc-kpi__aside svelte-1fbscw7"><!> <!></div>'),ve=u('<div><!> <div class="mc-kpi__content svelte-1fbscw7"><div class="mc-kpi__main svelte-1fbscw7"><!> <span class="mc-kpi__value svelte-1fbscw7"> </span></div> <!></div></div>');const pe={hash:"svelte-1fbscw7",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-kpi.svelte-1fbscw7,
 .mc-kpi.svelte-1fbscw7 :where(.svelte-1fbscw7) {box-sizing:border-box;}.mc-kpi.svelte-1fbscw7 {display:inline-block;}.mc-kpi.svelte-1fbscw7:not(.mc-kpi--s) {min-width:10rem;}.mc-kpi__label.svelte-1fbscw7 {font-size:var(--font-body-s, 0.875rem);font-weight:var(--font-weight-semi-bold, 600);display:block;}.mc-kpi__content.svelte-1fbscw7 {line-height:var(--line-height-s, 1.3);display:flex;}.mc-kpi__main.svelte-1fbscw7 {align-items:center;display:flex;justify-content:center;}.mc-kpi__value.svelte-1fbscw7 {font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-body-s, 0.875rem);color:var(--color-kpi-value, var(--kpi-item-color-value-info, #0074aa));}.mc-kpi__aside.svelte-1fbscw7 {align-items:center;background-color:var(--kpi-item-color-trend-item-background, #ffffff);color:var(--kpi-item-color-trend-item-text, #000000);display:flex;justify-content:center;border-radius:var(--border-radius-xs, 0.125rem);}.mc-kpi__detail.svelte-1fbscw7 {font-size:var(--font-body-s, 0.875rem);}.mc-kpi__icon.svelte-1fbscw7 {display:block;height:1rem;width:1rem;}.mc-kpi--s.svelte-1fbscw7 .mc-kpi__content:where(.svelte-1fbscw7) {gap:0.25rem;}.mc-kpi--s.svelte-1fbscw7 .mc-kpi__main:where(.svelte-1fbscw7) {background-color:var(--color-kpi-background, var(--kpi-item-color-background-info, #e1f3f9));border:1px solid var(--color-kpi-border, var(--kpi-item-color-border-info, #3facd7));border-radius:4px;overflow:hidden;padding:0 0.25rem;height:1.5rem;}.mc-kpi--s.svelte-1fbscw7 .mc-kpi__aside:where(.svelte-1fbscw7) {background-color:transparent;}.mc-kpi--m.svelte-1fbscw7 .mc-kpi__label:where(.svelte-1fbscw7) {color:var(--color-kpi-label-medium, var(--kpi-item-color-label-info-medium, #000000));margin-bottom:0.25rem;}.mc-kpi--m.svelte-1fbscw7 .mc-kpi__content:where(.svelte-1fbscw7) {background-color:var(--color-kpi-background, var(--kpi-item-color-background-info, #e1f3f9));border:1px solid var(--color-kpi-border, var(--kpi-item-color-border-info, #3facd7));border-radius:4px;overflow:hidden;height:3rem;align-items:center;padding:0 0.25rem 0 0.5rem;gap:0.5rem;}.mc-kpi--m.svelte-1fbscw7 .mc-kpi__main:where(.svelte-1fbscw7) {flex-grow:1;height:2.5rem;}.mc-kpi--m.svelte-1fbscw7 .mc-kpi__value:where(.svelte-1fbscw7) {font-size:var(--font-body-l, 1.125rem);}.mc-kpi--m.svelte-1fbscw7 .mc-kpi__aside:where(.svelte-1fbscw7) {padding:0 0.5rem;height:2.5rem;width:2.5rem;}.mc-kpi--l.svelte-1fbscw7 {background-color:var(--color-kpi-background, var(--kpi-item-color-background-info, #e1f3f9));border:1px solid var(--color-kpi-border, var(--kpi-item-color-border-info, #3facd7));border-radius:4px;overflow:hidden;padding:0.5rem;height:9rem;}.mc-kpi--l.svelte-1fbscw7 .mc-kpi__content:where(.svelte-1fbscw7) {flex-direction:column;width:100%;height:100%;justify-content:space-between;}.mc-kpi--l.svelte-1fbscw7 .mc-kpi__main:where(.svelte-1fbscw7) {flex-direction:column;flex-grow:1;}.mc-kpi--l.svelte-1fbscw7 .mc-kpi__label:where(.svelte-1fbscw7) {font-size:var(--font-body-m, 1rem);color:var(--color-kpi-label-large, var(--kpi-item-color-label-info-large, #0074aa));}.mc-kpi--l.svelte-1fbscw7 .mc-kpi__value:where(.svelte-1fbscw7) {font-size:var(--font-heading-l, 2rem);}.mc-kpi--l.svelte-1fbscw7 .mc-kpi__aside:where(.svelte-1fbscw7) {gap:0.5rem;height:2.5rem;padding:0 0.5rem;font-size:var(--font-body-s, 0.875rem);}.mc-kpi--warning.svelte-1fbscw7 {--color-kpi-background: var(--kpi-item-color-background-warning, #fdf1e8);--color-kpi-border: var(--kpi-item-color-border-warning, #ef934a);--color-kpi-label-medium: var(--kpi-item-color-label-warning-medium, #000000);--color-kpi-label-large: var(--kpi-item-color-label-warning-large, #b64f00);--color-kpi-value: var(--kpi-item-color-value-warning, #b64f00);}.mc-kpi--error.svelte-1fbscw7 {--color-kpi-background: var(--kpi-item-color-background-error, #fdeaea);--color-kpi-border: var(--kpi-item-color-border-error, #ef5f5c);--color-kpi-label-medium: var(--kpi-item-color-label-error-medium, #000000);--color-kpi-label-large: var(--kpi-item-color-label-error-large, #c61112);--color-kpi-value: var(--kpi-item-color-value-error, #c61112);}.mc-kpi--success.svelte-1fbscw7 {--color-kpi-background: var(--kpi-item-color-background-success, #ebf5de);--color-kpi-border: var(--kpi-item-color-border-success, #78be20);--color-kpi-label-medium: var(--kpi-item-color-label-success-medium, #000000);--color-kpi-label-large: var(--kpi-item-color-label-success-large, #117f03);--color-kpi-value: var(--kpi-item-color-value-success, #117f03);}.mc-kpi--neutral.svelte-1fbscw7 {--color-kpi-background: var(--kpi-item-color-background-neutral, #f2f2f2);--color-kpi-border: var(--kpi-item-color-border-neutral, #999999);--color-kpi-label-medium: var(--kpi-item-color-label-neutral-medium, #000000);--color-kpi-label-large: var(--kpi-item-color-label-neutral-large, #666666);--color-kpi-value: var(--kpi-item-color-value-neutral, #666666);}`};function de(C,i){X(i,!0),Y(C,pe);let y=m(i,"value",7),t=m(i,"trend",7),s=m(i,"label",7),z=m(i,"status",7,"info"),d=m(i,"information",7),f=m(i,"size",7,"s"),D=$(i,["$$slots","$$events","$$legacy","$$host","value","trend","label","status","information","size"]);const E=h(()=>f()==="m"),I=h(()=>f()==="l"),K={increasing:te,decreasing:le,stable:ae},N=h(()=>t()?K[t()]:void 0),S=h(()=>`mc-kpi mc-kpi--${f()} mc-kpi--${z()}`);var T={get value(){return y()},set value(e){y(e),p()},get trend(){return t()},set trend(e){t(e),p()},get label(){return s()},set label(e){s(e),p()},get status(){return z()},set status(e="info"){z(e),p()},get information(){return d()},set information(e){d(e),p()},get size(){return f()},set size(e="s"){f(e),p()}},w=ve();oe(w,()=>({class:b(S),...D}),void 0,void 0,void 0,"svelte-1fbscw7");var L=o(w);{var q=e=>{var r=se(),c=o(r,!0);a(r),g(()=>x(c,s())),v(e,r)};k(L,e=>{b(E)&&s()&&e(q)})}var M=_(L,2),j=o(M),R=o(j);{var F=e=>{var r=ce(),c=o(r,!0);a(r),g(()=>x(c,s())),v(e,r)};k(R,e=>{b(I)&&s()&&e(F)})}var B=_(R,2),G=o(B,!0);a(B),a(j);var H=_(j,2);{var J=e=>{var r=me(),c=o(r);{var O=l=>{var n=ne(),A=o(n,!0);a(n),g(()=>x(A,d())),v(l,n)};k(c,l=>{b(I)&&d()&&l(O)})}var P=_(c,2);{var Q=l=>{var n=ee(),A=re(n);ie(A,()=>b(N),(U,V)=>{V(U,{className:"mc-kpi__icon",color:"black"})}),v(l,n)};k(P,l=>{t()&&l(Q)})}a(r),v(e,r)};k(H,e=>{(t()||d())&&e(J)})}return a(M),a(w),g(()=>x(G,y())),v(C,w),Z(T)}customElements.define("m-kpi-item",W(de,{value:{},trend:{},label:{},status:{},information:{},size:{}},[],[],{mode:"open"}));

package/dist/components/linearprogressbarbuffer/LinearProgressbarBuffer.js

@@ -1,4 +1,4 @@
-import{c as u,e as f,a as c,p as o,t as b,b as m,d as g,f as p,n as h,j as z,i as l,r as _,s as k,h as j}from"../../custom-element.js";import{a as w}from"../../attributes.js";var $=p("<div><div></div></div>");const x={hash:"svelte-kfj12z",code:`/**
+import{c as u,e as f,a as c,p as i,t as b,b as m,d as g,f as p,n as h,h as z,m as l,r as _,j as k,l as j}from"../../custom-element.js";import{a as w}from"../../attributes.js";var $=p("<div><div></div></div>");const x={hash:"svelte-kfj12z",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-linear-progressbar-buffer.svelte-kfj12z {--progress-value: 40;background-color:var(--progressbar-color-background, #c9d0de);height:0.25rem;position:relative;min-width:6rem;border-radius:var(--border-radius-l, 1rem);}.mc-linear-progressbar-buffer__indicator.svelte-kfj12z {background-color:var(--progressbar-color-indicator, #464e63);height:100%;transition:width 0.4s ease;overflow:hidden;border-radius:var(--border-radius-l, 1rem);box-sizing:border-box;width:calc(var(--progress-value) * 1%);}.mc-linear-progressbar-buffer--s.svelte-kfj12z {height:0.125rem;}.mc-linear-progressbar-buffer--l.svelte-kfj12z {height:0.5rem;}`};function y(i,e){f(e,!0),c(i,x);let r=o(e,"value",7,0),a=o(e,"size",7,"m"),d=h(e,["$$slots","$$events","$$legacy","$$host","value","size"]);var n={get value(){return r()},set value(t=0){r(t),l()},get size(){return a()},set size(t="m"){a(t),l()}},s=$(),v=z(s);return w(v,()=>({class:"mc-linear-progressbar-buffer__indicator",role:"progressbar",style:`--progress-value: ${r()};`,"aria-valuenow":r(),"aria-valuemin":"0","aria-valuemax":"100",...d}),void 0,void 0,void 0,"svelte-kfj12z"),_(s),b(()=>k(s,1,j(["mc-linear-progressbar-buffer",`mc-linear-progressbar-buffer--${a()}`]),"svelte-kfj12z")),m(i,s),g(n)}customElements.define("m-linear-progressbar-buffer",u(y,{value:{},size:{}},[],[],{mode:"open"}));
+ */.mc-linear-progressbar-buffer.svelte-kfj12z {--progress-value: 40;background-color:var(--progressbar-color-background, #c9d0de);height:0.25rem;position:relative;min-width:6rem;border-radius:var(--border-radius-l, 1rem);}.mc-linear-progressbar-buffer__indicator.svelte-kfj12z {background-color:var(--progressbar-color-indicator, #464e63);height:100%;transition:width 0.4s ease;overflow:hidden;border-radius:var(--border-radius-l, 1rem);box-sizing:border-box;width:calc(var(--progress-value) * 1%);}.mc-linear-progressbar-buffer--s.svelte-kfj12z {height:0.125rem;}.mc-linear-progressbar-buffer--l.svelte-kfj12z {height:0.5rem;}`};function y(o,e){f(e,!0),c(o,x);let r=i(e,"value",7,0),a=i(e,"size",7,"m"),d=h(e,["$$slots","$$events","$$legacy","$$host","value","size"]);var n={get value(){return r()},set value(t=0){r(t),l()},get size(){return a()},set size(t="m"){a(t),l()}},s=$(),v=z(s);return w(v,()=>({class:"mc-linear-progressbar-buffer__indicator",role:"progressbar",style:`--progress-value: ${r()};`,"aria-valuenow":r(),"aria-valuemin":"0","aria-valuemax":"100",...d}),void 0,void 0,void 0,"svelte-kfj12z"),_(s),b(()=>k(s,1,j(["mc-linear-progressbar-buffer",`mc-linear-progressbar-buffer--${a()}`]),"svelte-kfj12z")),m(o,s),g(n)}customElements.define("m-linear-progressbar-buffer",u(y,{value:{},size:{}},[],[],{mode:"open"}));
 //# sourceMappingURL=LinearProgressbarBuffer.js.map

package/dist/components/linearprogressbarpercentage/LinearProgressbarPercentage.js

@@ -1,4 +1,4 @@
-import{c as g,e as b,a as m,p as u,t as f,b as h,d as _,f as x,n as k,j as r,i as w,aV as y,r as a,m as $}from"../../custom-element.js";import{a as z}from"../../attributes.js";var j=x('<div class="mc-linear-progressbar-percentage svelte-kh7ttv"><div><div class="mc-linear-progressbar-percentage__label svelte-kh7ttv"><p class="mc-linear-progressbar-percentage__value svelte-kh7ttv"> <span class="mc-linear-progressbar-percentage__unit svelte-kh7ttv">%</span></p></div></div></div>');const L={hash:"svelte-kh7ttv",code:`/**
+import{c as g,e as b,a as m,p as u,t as f,b as h,d as _,f as k,n as x,h as r,m as w,aW as y,r as a,k as $}from"../../custom-element.js";import{a as z}from"../../attributes.js";var j=k('<div class="mc-linear-progressbar-percentage svelte-kh7ttv"><div><div class="mc-linear-progressbar-percentage__label svelte-kh7ttv"><p class="mc-linear-progressbar-percentage__value svelte-kh7ttv"> <span class="mc-linear-progressbar-percentage__unit svelte-kh7ttv">%</span></p></div></div></div>');const L={hash:"svelte-kh7ttv",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-linear-progressbar-percentage.svelte-kh7ttv {--progress-value: 40;font-family:var(--font-family, LeroyMerlin), sans-serif;background-color:var(--progressbar-color-background, #c9d0de);height:1.5rem;position:relative;min-width:6rem;border-radius:var(--border-radius-l, 1rem);box-sizing:border-box;}.mc-linear-progressbar-percentage__indicator.svelte-kh7ttv {border-radius:var(--border-radius-l, 1rem);background-color:var(--progressbar-color-indicator, #464e63);min-width:40px;height:100%;top:0;left:0;position:absolute;transition:width 0.4s ease;overflow:hidden;display:flex;justify-content:flex-end;width:calc(40px + var(--progress-value) * (100% - 40px) / 100);}.mc-linear-progressbar-percentage__label.svelte-kh7ttv {box-sizing:border-box;border-radius:var(--border-radius-l, 1rem);background-color:var(--progressbar-badge-color-background, #ffffff);color:var(--progressbar-badge-color-text, #171b26);height:1.5rem;width:2.5rem;border:0.125rem solid var(--progressbar-color-indicator, #464e63);display:flex;align-items:center;justify-content:center;}.mc-linear-progressbar-percentage__value.svelte-kh7ttv {font-size:var(--font-size-50, 0.75rem);font-weight:var(--font-weight-semi-bold, 600);margin:0;}.mc-linear-progressbar-percentage__unit.svelte-kh7ttv {font-size:var(--font-size-25, 0.625rem);font-weight:var(--font-weight-semi-bold, 600);margin:0;position:relative;bottom:1px;}`};function P(i,t){b(t,!0),m(i,L);let e=u(t,"value",7,0),v=k(t,["$$slots","$$events","$$legacy","$$host","value"]);var c={get value(){return e()},set value(p=0){e(p),w()}},s=j(),o=r(s);z(o,()=>({class:"mc-linear-progressbar-percentage__indicator",role:"progressbar",style:`--progress-value: ${e()};`,"aria-valuenow":e(),"aria-valuemin":"0","aria-valuemax":"100",...v}),void 0,void 0,void 0,"svelte-kh7ttv");var l=r(o),n=r(l),d=r(n);return y(),a(n),a(l),a(o),a(s),f(()=>$(d,`${e()??""} `)),h(i,s),_(c)}customElements.define("m-linear-progressbar-percentage",g(P,{value:{}},[],[],{mode:"open"}));
+ */.mc-linear-progressbar-percentage.svelte-kh7ttv {--progress-value: 40;font-family:var(--font-family, LeroyMerlin), sans-serif;background-color:var(--progressbar-color-background, #c9d0de);height:1.5rem;position:relative;min-width:6rem;border-radius:var(--border-radius-l, 1rem);box-sizing:border-box;}.mc-linear-progressbar-percentage__indicator.svelte-kh7ttv {border-radius:var(--border-radius-l, 1rem);background-color:var(--progressbar-color-indicator, #464e63);min-width:40px;height:100%;top:0;left:0;position:absolute;transition:width 0.4s ease;overflow:hidden;display:flex;justify-content:flex-end;width:calc(40px + var(--progress-value) * (100% - 40px) / 100);}.mc-linear-progressbar-percentage__label.svelte-kh7ttv {box-sizing:border-box;border-radius:var(--border-radius-l, 1rem);background-color:var(--progressbar-badge-color-background, #ffffff);color:var(--progressbar-badge-color-text, #171b26);height:1.5rem;width:2.5rem;border:0.125rem solid var(--progressbar-color-indicator, #464e63);display:flex;align-items:center;justify-content:center;}.mc-linear-progressbar-percentage__value.svelte-kh7ttv {font-size:var(--font-size-50, 0.75rem);font-weight:var(--font-weight-semi-bold, 600);margin:0;}.mc-linear-progressbar-percentage__unit.svelte-kh7ttv {font-size:var(--font-size-25, 0.625rem);font-weight:var(--font-weight-semi-bold, 600);margin:0;position:relative;bottom:1px;}`};function P(i,t){b(t,!0),m(i,L);let e=u(t,"value",7,0),v=x(t,["$$slots","$$events","$$legacy","$$host","value"]);var c={get value(){return e()},set value(p=0){e(p),w()}},s=j(),o=r(s);z(o,()=>({class:"mc-linear-progressbar-percentage__indicator",role:"progressbar",style:`--progress-value: ${e()};`,"aria-valuenow":e(),"aria-valuemin":"0","aria-valuemax":"100",...v}),void 0,void 0,void 0,"svelte-kh7ttv");var l=r(o),n=r(l),d=r(n);return y(),a(n),a(l),a(o),a(s),f(()=>$(d,`${e()??""} `)),h(i,s),_(c)}customElements.define("m-linear-progressbar-percentage",g(P,{value:{}},[],[],{mode:"open"}));
 //# sourceMappingURL=LinearProgressbarPercentage.js.map