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

@mozaic-ds/web-components 1.6.0 → 1.8.0

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

Files changed (215) hide show

package/dist/components/container/Container.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{c as o,e as s,a as r,p as m,t as c,b as p,d as u,f,j as h,i as v,r as x,s as b,h as y}from"../../custom-element.js";import{s as w}from"../../slot.js";var g=f("<div><!></div>");const _={hash:"svelte-1oy286b",code:`/**
+import{c as o,e as s,a as r,p as m,t as c,j as p,n as u,b as f,d as h,f as v,h as x,m as b,r as y}from"../../custom-element.js";import{s as w}from"../../slot.js";var g=v("<div><!></div>");const _={hash:"svelte-1oy286b",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.ml-container.svelte-1oy286b {padding-inline:1rem;width:100%;box-sizing:border-box;margin-inline:auto;}
 @media (width >= 680px) {.ml-container.svelte-1oy286b {padding-inline:1.5rem;}
@@ -10,5 +10,5 @@ import{c as o,e as s,a as r,p as m,t as c,b as p,d as u,f,j as h,i as v,r as x,s
 @media (width >= 1920px) {.ml-container.svelte-1oy286b {max-width:1480px;}
 }.ml-container--fluid.svelte-1oy286b {max-width:none;}
 @media (width >= 1024px) {.ml-container--fluid.svelte-1oy286b {padding-inline:2.5rem;}
-}`};function j(n,t){s(t,!0),r(n,_);let i=m(t,"fluid",7);var a={get fluid(){return i()},set fluid(d){i(d),v()}},e=g(),l=h(e);return w(l,t,"default",{},null),x(e),c(()=>b(e,1,y(["ml-container",i()&&"ml-container--fluid"]),"svelte-1oy286b")),p(n,e),u(a)}customElements.define("m-container",o(j,{fluid:{attribute:"fluid",reflect:!0,type:"Boolean"}},["default"],[],{mode:"open"}));
+}`};function j(i,t){s(t,!0),r(i,_);let n=m(t,"fluid",7);var a={get fluid(){return n()},set fluid(d){n(d),b()}},e=g(),l=x(e);return w(l,t,"default",{},null),y(e),c(()=>p(e,1,u(["ml-container",n()&&"ml-container--fluid"]),"svelte-1oy286b")),f(i,e),h(a)}customElements.define("m-container",o(j,{fluid:{attribute:"fluid",reflect:!0,type:"Boolean"}},["default"],[],{mode:"open"}));
 //# sourceMappingURL=Container.js.map

package/dist/components/datepicker/Datepicker.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import{o as Z,c as D,e as F,a as L,p as r,k as j,t as V,b as k,d as N,f as H,n as S,j as n,i as o,r as c,m as Y,u as q,s as A,h as G}from"../../custom-element.js";import{i as I}from"../../if.js";import{a as J}from"../../attributes.js";import{c as K}from"../../input.js";import{c as O}from"../../custom-element-forward-events.js";import{e as P}from"../../Condition20.js";import"../../branches.js";var Q=H('<div class="mc-datepicker__controls-options mc-controls-options svelte-xj4ivh"><button type="button" class="mc-controls-options__button svelte-xj4ivh"><!> <span class="mc-controls-options__label svelte-xj4ivh"> </span></button></div>'),R=H("<div><input/> <!></div>");const T={hash:"svelte-xj4ivh",code:`/**
+import{o as Z,c as D,e as F,a as L,p as r,s as j,t as V,j as N,n as S,b as k,d as Y,f as H,l as q,h as n,m as o,r as c,k as A,u as G}from"../../custom-element.js";import{i as I}from"../../if.js";import{a as J}from"../../attributes.js";import{c as K}from"../../input.js";import{c as O}from"../../custom-element-forward-events.js";import{e as P}from"../../Condition20.js";import"../../branches.js";var Q=H('<div class="mc-datepicker__controls-options mc-controls-options svelte-xj4ivh"><button type="button" class="mc-controls-options__button svelte-xj4ivh"><!> <span class="mc-controls-options__label svelte-xj4ivh"> </span></button></div>'),R=H("<div><input/> <!></div>");const T={hash:"svelte-xj4ivh",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
-/* stylelint-disable string-no-newline */.mc-text-input.svelte-xj4ivh {transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, 0.0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;box-sizing:border-box;display:flex;align-items:center;gap:0.5rem;}.mc-text-input__control.svelte-xj4ivh {background-color:transparent;border-width:0;font-family:inherit;outline:none;}.mc-text-input__control.svelte-xj4ivh {padding:0.75rem 0.6875rem;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);flex-grow:1;}.mc-text-input__control.svelte-xj4ivh::placeholder {color:var(--forms-color-placeholder, #666666);}.mc-text-input__addon.svelte-xj4ivh {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000);}.mc-text-input__icon.svelte-xj4ivh {fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;flex-shrink:0;}.mc-text-input.svelte-xj4ivh:focus-within {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-text-input.svelte-xj4ivh:hover:not(:focus-within) {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-hover, #4d4d4d);}.mc-text-input.svelte-xj4ivh:has(input:where(.svelte-xj4ivh):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-text-input.svelte-xj4ivh:has(input[readonly]:where(.svelte-xj4ivh)) {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-text-input.svelte-xj4ivh:has(.mc-text-input__icon:where(.svelte-xj4ivh)), .mc-text-input.svelte-xj4ivh:has(.mc-text-input__addon:where(.svelte-xj4ivh)) {padding-inline-start:0.6875rem;}.mc-text-input.svelte-xj4ivh:has(.mc-text-input__icon:where(.svelte-xj4ivh)) .mc-text-input__control:where(.svelte-xj4ivh), .mc-text-input.svelte-xj4ivh:has(.mc-text-input__addon:where(.svelte-xj4ivh)) .mc-text-input__control:where(.svelte-xj4ivh) {padding-inline-start:0;}.mc-text-input.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)), .mc-text-input.svelte-xj4ivh:has(.mc-text-input__addon:where(.svelte-xj4ivh)) {padding-inline-end:0.6875rem;}.mc-text-input.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)) .mc-text-input__control:where(.svelte-xj4ivh), .mc-text-input.svelte-xj4ivh:has(.mc-text-input__addon:where(.svelte-xj4ivh)) .mc-text-input__control:where(.svelte-xj4ivh) {padding-inline-end:0;}.mc-text-input--s.svelte-xj4ivh {height:2rem;}.mc-text-input--s.svelte-xj4ivh .mc-text-input__control:where(.svelte-xj4ivh) {padding:0.375rem 0.6875rem;font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);}.mc-text-input--s.svelte-xj4ivh:has(.mc-text-input__icon:where(.svelte-xj4ivh)) {padding-inline-start:0.4375rem;}.mc-text-input--s.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)) {padding-inline-end:0.4375rem;}.mc-text-input.is-invalid.svelte-xj4ivh {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-text-input.is-invalid.svelte-xj4ivh:hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}.mc-text-input.svelte-xj4ivh :where(.svelte-xj4ivh) {box-sizing:border-box;}
+/* stylelint-disable string-no-newline */.mc-text-input.svelte-xj4ivh {transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:var(--border-width-s, 0.0625rem) solid var(--forms-color-border-default, #666666);border-radius:var(--forms-border-radius, 0.25rem);transition:all ease 200ms;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;display:flex;align-items:center;gap:0.5rem;box-sizing:border-box;}.mc-text-input__control.svelte-xj4ivh {background-color:transparent;border-width:0;font-family:inherit;outline:none;}.mc-text-input__control.svelte-xj4ivh {padding:0.75rem 0.6875rem;font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-regular, 400);color:var(--forms-color-text-default, #000000);flex-grow:1;}.mc-text-input__control.svelte-xj4ivh::placeholder {color:var(--forms-color-placeholder, #666666);}.mc-text-input__addon.svelte-xj4ivh {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000);}.mc-text-input__icon.svelte-xj4ivh {fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;flex-shrink:0;}.mc-text-input.svelte-xj4ivh:focus-within {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-text-input.svelte-xj4ivh:hover:not(:focus-within) {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-hover, #4d4d4d);}.mc-text-input.svelte-xj4ivh:has(input:where(.svelte-xj4ivh):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-text-input.svelte-xj4ivh:has(input[readonly]:where(.svelte-xj4ivh)) {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-text-input.svelte-xj4ivh:has(.mc-text-input__icon:where(.svelte-xj4ivh)), .mc-text-input.svelte-xj4ivh:has(.mc-text-input__addon:where(.svelte-xj4ivh)) {padding-inline-start:0.6875rem;}.mc-text-input.svelte-xj4ivh:has(.mc-text-input__icon:where(.svelte-xj4ivh)) .mc-text-input__control:where(.svelte-xj4ivh), .mc-text-input.svelte-xj4ivh:has(.mc-text-input__addon:where(.svelte-xj4ivh)) .mc-text-input__control:where(.svelte-xj4ivh) {padding-inline-start:0;}.mc-text-input.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)), .mc-text-input.svelte-xj4ivh:has(.mc-text-input__addon:where(.svelte-xj4ivh)) {padding-inline-end:0.6875rem;}.mc-text-input.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)) .mc-text-input__control:where(.svelte-xj4ivh), .mc-text-input.svelte-xj4ivh:has(.mc-text-input__addon:where(.svelte-xj4ivh)) .mc-text-input__control:where(.svelte-xj4ivh) {padding-inline-end:0;}.mc-text-input--s.svelte-xj4ivh {height:2rem;}.mc-text-input--s.svelte-xj4ivh .mc-text-input__control:where(.svelte-xj4ivh) {padding:0.375rem 0.6875rem;font-size:var(--font-size-100, 0.875rem);line-height:var(--line-height-s, 1.3);}.mc-text-input--s.svelte-xj4ivh:has(.mc-text-input__icon:where(.svelte-xj4ivh)) {padding-inline-start:0.4375rem;}.mc-text-input--s.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)) {padding-inline-end:0.4375rem;}.mc-text-input.is-invalid.svelte-xj4ivh {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-text-input.is-invalid.svelte-xj4ivh:hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}.mc-text-input.svelte-xj4ivh :where(.svelte-xj4ivh) {box-sizing:border-box;}
-/* stylelint-enable string-no-newline */.mc-datepicker.svelte-xj4ivh {border-radius:var(--border-radius-s, 0.25rem);position:relative;}.mc-datepicker__control.svelte-xj4ivh {font-family:var(--font-family, LeroyMerlin), sans-serif;background-repeat:no-repeat;background-position:right 0.75rem center;display:block;padding:0 0.75rem;}.mc-datepicker__control.svelte-xj4ivh::-webkit-calendar-picker-indicator {padding-right:1rem;opacity:0;transform:scale(2);}.mc-datepicker__control.svelte-xj4ivh::-moz-calendar-picker-indicator {padding-right:1rem;opacity:0;transform:scale(2);}.mc-datepicker__control.svelte-xj4ivh::after {content:"";pointer-events:none;position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%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.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-datepicker__control.is-invalid.svelte-xj4ivh {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-datepicker__control.is-invalid.svelte-xj4ivh:hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}.mc-datepicker__control.svelte-xj4ivh:disabled {mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%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.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") no-repeat center/contain;background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-datepicker__control.svelte-xj4ivh:disabled::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-datepicker__control.svelte-xj4ivh:disabled:hover:not(:focus-within) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-datepicker.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)) {padding-inline-end:0;}.mc-datepicker.svelte-xj4ivh:has(input:where(.svelte-xj4ivh):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:all;cursor:not-allowed;}.mc-datepicker.svelte-xj4ivh:has(input:where(.svelte-xj4ivh):disabled):hover {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-datepicker--s.svelte-xj4ivh .mc-datepicker__control:where(.svelte-xj4ivh) {mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%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' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-datepicker--s.svelte-xj4ivh .mc-datepicker__control:where(.svelte-xj4ivh):disabled {mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%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' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-datepicker__controls-options.svelte-xj4ivh {position:absolute;right:2.75rem;top:0.75rem;}.mc-controls-options.svelte-xj4ivh {align-items:center;display:inline-flex;justify-content:center;gap:0.5rem;}.mc-controls-options__button.svelte-xj4ivh {background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;border-radius:var(--border-radius-full, 100%);}.mc-controls-options__button.svelte-xj4ivh:hover .mc-controls-options__icon:where(.svelte-xj4ivh) {fill:var(--forms-color-icon-clear-hover, #4d4d4d);}.mc-controls-options__button.svelte-xj4ivh: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-controls-options__icon.svelte-xj4ivh {fill:var(--forms-color-icon-clear, #666666);}.mc-controls-options__button.svelte-xj4ivh, .mc-controls-options__icon.svelte-xj4ivh {height:1.5rem;width:1.5rem;}.mc-controls-options__label.svelte-xj4ivh {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-controls-options__unit.svelte-xj4ivh {font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000);}`};function U(g,t){F(t,!0),L(g,T);let v=r(t,"id",7),d=r(t,"name",7),i=r(t,"value",15),a=r(t,"isinvalid",7),h=r(t,"disabled",7),s=r(t,"size",7,"m"),m=r(t,"readonly",7),u=r(t,"isclearable",7),p=r(t,"clearlabel",7,"clear content"),y=S(t,["$$slots","$$events","$$legacy","$$host","id","name","value","isinvalid","disabled","size","readonly","isclearable","clearlabel"]);const z=()=>i("");var E={get id(){return v()},set id(e){v(e),o()},get name(){return d()},set name(e){d(e),o()},get value(){return i()},set value(e){i(e),o()},get isinvalid(){return a()},set isinvalid(e){a(e),o()},get disabled(){return h()},set disabled(e){h(e),o()},get size(){return s()},set size(e="m"){s(e),o()},get readonly(){return m()},set readonly(e){m(e),o()},get isclearable(){return u()},set isclearable(e){u(e),o()},get clearlabel(){return p()},set clearlabel(e="clear content"){p(e),o()}},l=R(),x=n(l);J(x,()=>({class:"mc-datepicker__control mc-text-input__control",type:"date",id:v(),name:d(),disabled:h(),readonly:m(),"aria-invalid":a(),...y}),void 0,void 0,void 0,"svelte-xj4ivh",!0);var C=j(x,2);{var M=e=>{var b=Q(),f=n(b),w=n(f);P(w,{className:"mc-controls-options__icon"});var _=j(w,2),B=n(_,!0);c(_),c(f),c(b),V(()=>Y(B,p())),q("click",f,z),k(e,b)};I(C,e=>{u()&&i()&&e(M)})}return c(l),V(()=>A(l,1,G(["mc-datepicker mc-text-input",`mc-text-input--${s()}`,`mc-datepicker--${s()}`,a()&&"is-invalid"]),"svelte-xj4ivh")),K(x,i),k(g,l),N(E)}Z(["click"]);customElements.define("m-datepicker",D(U,{isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},isclearable:{attribute:"isclearable",reflect:!0,type:"Boolean"},id:{},name:{},value:{},size:{},clearlabel:{}},[],[],{mode:"open"},O));
+/* stylelint-enable string-no-newline */.mc-datepicker.svelte-xj4ivh {border-radius:var(--border-radius-s, 0.25rem);position:relative;}.mc-datepicker__control.svelte-xj4ivh {font-family:var(--font-family, LeroyMerlin), sans-serif;background-repeat:no-repeat;background-position:right 0.75rem center;display:block;padding:0 0.75rem;}.mc-datepicker__control.svelte-xj4ivh::-webkit-calendar-picker-indicator {padding-right:1rem;opacity:0;transform:scale(2);}.mc-datepicker__control.svelte-xj4ivh::-moz-calendar-picker-indicator {padding-right:1rem;opacity:0;transform:scale(2);}.mc-datepicker__control.svelte-xj4ivh::after {content:"";pointer-events:none;position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--forms-color-icon-interactive, #000000);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%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.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-datepicker__control.is-invalid.svelte-xj4ivh {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid, #ea302d);}.mc-datepicker__control.is-invalid.svelte-xj4ivh:hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 var(--border-width-s, 0.0625rem) var(--forms-color-border-invalid-hover, #c61112);}.mc-datepicker__control.svelte-xj4ivh:disabled {mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%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.5rem' width='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.5 3c0-.55228-.44772-1-1-1s-1 .44772-1 1v1H3c-.55228 0-1 .44772-1 1v16c0 .5523.44772 1 1 1h18c.5523 0 1-.4477 1-1V5c0-.55228-.4477-1-1-1h-3.5V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H13V3c0-.55228-.4477-1-1-1s-1 .44772-1 1v1H8.5V3Zm7 3H13v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6H8.5v1c0 .55228-.44772 1-1 1s-1-.44772-1-1V6H4v3.5h16V6h-2.5v1c0 .55228-.4477 1-1 1s-1-.44772-1-1V6ZM4 11.5V20h16v-8.5H4Z'/%3E%3C/svg%3E") no-repeat center/contain;background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-datepicker__control.svelte-xj4ivh:disabled::after {background-color:var(--forms-color-icon-disabled, #737373);}.mc-datepicker__control.svelte-xj4ivh:disabled:hover:not(:focus-within) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-datepicker.svelte-xj4ivh:has(.mc-controls-options:where(.svelte-xj4ivh)) {padding-inline-end:0;}.mc-datepicker.svelte-xj4ivh:has(input:where(.svelte-xj4ivh):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:all;cursor:not-allowed;}.mc-datepicker.svelte-xj4ivh:has(input:where(.svelte-xj4ivh):disabled):hover {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-datepicker--s.svelte-xj4ivh .mc-datepicker__control:where(.svelte-xj4ivh) {mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%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' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-datepicker--s.svelte-xj4ivh .mc-datepicker__control:where(.svelte-xj4ivh):disabled {mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%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' width='1.25rem' height='1.25rem' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M7 2.5a.75.75 0 0 0-1.5 0v.917h-3a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75h-3V2.5a.75.75 0 0 0-1.5 0v.917h-2.25V2.5a.75.75 0 0 0-1.5 0v.917H7zm6 2.417h-2.25v.916a.75.75 0 0 1-1.5 0v-.916H7v.916a.75.75 0 1 1-1.5 0v-.916H3.25V8h13.5V4.917H14.5v.916a.75.75 0 0 1-1.5 0zM3.25 9.5v7.25h13.5V9.5z'/%3E%3C/svg%3E") no-repeat center/contain;}.mc-datepicker__controls-options.svelte-xj4ivh {position:absolute;right:2.75rem;top:0.75rem;}.mc-controls-options.svelte-xj4ivh {align-items:center;display:inline-flex;justify-content:center;gap:0.5rem;}.mc-controls-options__button.svelte-xj4ivh {background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;border-radius:var(--border-radius-full, 100%);}.mc-controls-options__button.svelte-xj4ivh:hover .mc-controls-options__icon:where(.svelte-xj4ivh) {fill:var(--forms-color-icon-clear-hover, #4d4d4d);}.mc-controls-options__button.svelte-xj4ivh: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-controls-options__icon.svelte-xj4ivh {fill:var(--forms-color-icon-clear, #666666);color:var(--forms-color-icon-clear, #666666);}.mc-controls-options__button.svelte-xj4ivh, .mc-controls-options__icon.svelte-xj4ivh {height:1.5rem;width:1.5rem;}.mc-controls-options__label.svelte-xj4ivh {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-controls-options__unit.svelte-xj4ivh {font-size:var(--font-size-150, 1rem);line-height:var(--line-height-s, 1.3);font-weight:var(--font-weight-semi-bold, 600);color:var(--forms-color-text-default, #000000);}`};function U(g,t){F(t,!0),L(g,T);let v=r(t,"id",7),d=r(t,"name",7),i=r(t,"value",15),a=r(t,"isinvalid",7),h=r(t,"disabled",7),l=r(t,"size",7,"m"),m=r(t,"readonly",7),u=r(t,"isclearable",7),p=r(t,"clearlabel",7,"clear content"),y=q(t,["$$slots","$$events","$$legacy","$$host","id","name","value","isinvalid","disabled","size","readonly","isclearable","clearlabel"]);const z=()=>i("");var E={get id(){return v()},set id(e){v(e),o()},get name(){return d()},set name(e){d(e),o()},get value(){return i()},set value(e){i(e),o()},get isinvalid(){return a()},set isinvalid(e){a(e),o()},get disabled(){return h()},set disabled(e){h(e),o()},get size(){return l()},set size(e="m"){l(e),o()},get readonly(){return m()},set readonly(e){m(e),o()},get isclearable(){return u()},set isclearable(e){u(e),o()},get clearlabel(){return p()},set clearlabel(e="clear content"){p(e),o()}},s=R(),x=n(s);J(x,()=>({class:"mc-datepicker__control mc-text-input__control",type:"date",id:v(),name:d(),disabled:h(),readonly:m(),"aria-invalid":a(),...y}),void 0,void 0,void 0,"svelte-xj4ivh",!0);var C=j(x,2);{var M=e=>{var b=Q(),f=n(b),w=n(f);P(w,{className:"mc-controls-options__icon"});var _=j(w,2),B=n(_,!0);c(_),c(f),c(b),V(()=>A(B,p())),G("click",f,z),k(e,b)};I(C,e=>{u()&&i()&&e(M)})}return c(s),V(()=>N(s,1,S(["mc-datepicker mc-text-input",`mc-text-input--${l()}`,`mc-datepicker--${l()}`,a()&&"is-invalid"]),"svelte-xj4ivh")),K(x,i),k(g,s),Y(E)}Z(["click"]);customElements.define("m-datepicker",D(U,{isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},disabled:{attribute:"disabled",reflect:!0,type:"Boolean"},readonly:{attribute:"readonly",reflect:!0,type:"Boolean"},isclearable:{attribute:"isclearable",reflect:!0,type:"Boolean"},id:{},name:{},value:{},size:{},clearlabel:{}},[],[],{mode:"open"},O));
 //# sourceMappingURL=Datepicker.js.map

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

	@@ -1 +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"}
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":";;;;;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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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,j as y,n as z,b,d as k,f as _,l as x,h as D,m as d,r as $}from"../../custom-element.js";import{s as w}from"../../slot.js";import{a as j}from"../../attributes.js";var E=_("<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};
+ */.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=x(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=D(i),m=u(v,2);return w(m,e,"default",{},null),$(i),g(()=>y(v,1,z([`mc-divider-${a()}`,`mc-divider-horizontal--${t()}`,`mc-divider-horizontal--${s()}`]),"svelte-a5fs23")),b(c,i),k(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 CHANGED Viewed

@@ -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,aK as to,s as l,t as D,k as q,u as K,b as B,d as eo,f as z,l as ro,h as r,m as c,r as d}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(),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),K("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(()=>q(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(()=>q(N,g())),K("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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,7 +1,7 @@
-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 _,k as u,b as w,d as O,f as x,h as r,m as a,r as n,j as P,n 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;}
-/* stylelint-enable string-no-newline */`};function ee(z,t){K(t,!0),N(z,$);let b=l(t,"id",7),Z=l(t,"label",7),v=l(t,"requirementtext",7),o=l(t,"helpid",7),m=l(t,"helptext",7),E=l(t,"messageid",7),C=l(t,"message",7),c=l(t,"isinvalid",7),g=l(t,"isvalid",7),f=l(t,"isloading",7);var V={get id(){return b()},set id(e){b(e),a()},get label(){return Z()},set label(e){Z(e),a()},get requirementtext(){return v()},set requirementtext(e){v(e),a()},get helpid(){return o()},set helpid(e){o(e),a()},get helptext(){return m()},set helptext(e){m(e),a()},get messageid(){return E()},set messageid(e){E(e),a()},get message(){return C()},set message(e){C(e),a()},get isinvalid(){return c()},set isinvalid(e){c(e),a()},get isvalid(){return g()},set isvalid(e){g(e),a()},get isloading(){return f()},set isloading(e){f(e),a()}},k=Y(),h=r(k),B=r(h),j=d(B);{var D=e=>{var i=U(),s=r(i);n(i),_(()=>w(s,`(${v()??""})`)),u(e,i)};p(j,e=>{v()&&e(D)})}n(h);var L=d(h,2);{var F=e=>{var i=W(),s=r(i,!0);n(i),_(()=>{q(i,"id",o()),w(s,m())}),u(e,i)};p(L,e=>{o()&&m()&&e(F)})}var y=d(L,2),S=r(y);R(S,t,"default",{},null),n(y);var A=d(y,2);{var G=e=>{var i=X(),s=r(i);{var H=M=>{T(M,{size:"xs"})};p(s,M=>{f()&&M(H)})}var I=d(s);n(i),_(()=>{q(i,"id",E()),P(i,1,Q(["mc-field__validation-message",g()&&"is-valid",c()&&"is-invalid"]),"svelte-19i2lwv"),w(I,` ${C()??""}`)}),u(e,i)};p(A,e=>{(c()||g()||f())&&e(G)})}return n(k),_(()=>{q(h,"for",b()),w(B,`${Z()??""} `)}),u(z,k),O(V)}customElements.define("m-field",J(ee,{isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},isvalid:{attribute:"isvalid",reflect:!0,type:"Boolean"},isloading:{attribute:"isloading",reflect:!0,type:"Boolean"},id:{},label:{},requirementtext:{},helpid:{},helptext:{},messageid:{},message:{}},["default"],[],{mode:"open"}));
+/* stylelint-enable string-no-newline */`};function ee(z,t){K(t,!0),N(z,$);let b=l(t,"id",7),Z=l(t,"label",7),v=l(t,"requirementtext",7),o=l(t,"helpid",7),m=l(t,"helptext",7),E=l(t,"messageid",7),C=l(t,"message",7),c=l(t,"isinvalid",7),g=l(t,"isvalid",7),f=l(t,"isloading",7);var V={get id(){return b()},set id(e){b(e),a()},get label(){return Z()},set label(e){Z(e),a()},get requirementtext(){return v()},set requirementtext(e){v(e),a()},get helpid(){return o()},set helpid(e){o(e),a()},get helptext(){return m()},set helptext(e){m(e),a()},get messageid(){return E()},set messageid(e){E(e),a()},get message(){return C()},set message(e){C(e),a()},get isinvalid(){return c()},set isinvalid(e){c(e),a()},get isvalid(){return g()},set isvalid(e){g(e),a()},get isloading(){return f()},set isloading(e){f(e),a()}},k=Y(),h=r(k),B=r(h),j=d(B);{var D=e=>{var i=U(),s=r(i);n(i),_(()=>u(s,`(${v()??""})`)),w(e,i)};p(j,e=>{v()&&e(D)})}n(h);var L=d(h,2);{var F=e=>{var i=W(),s=r(i,!0);n(i),_(()=>{q(i,"id",o()),u(s,m())}),w(e,i)};p(L,e=>{o()&&m()&&e(F)})}var y=d(L,2),S=r(y);R(S,t,"default",{},null),n(y);var A=d(y,2);{var G=e=>{var i=X(),s=r(i);{var H=M=>{T(M,{size:"xs"})};p(s,M=>{f()&&M(H)})}var I=d(s);n(i),_(()=>{q(i,"id",E()),P(i,1,Q(["mc-field__validation-message",g()&&"is-valid",c()&&"is-invalid"]),"svelte-19i2lwv"),u(I,` ${C()??""}`)}),w(e,i)};p(A,e=>{(c()||g()||f())&&e(G)})}return n(k),_(()=>{q(h,"for",b()),u(B,`${Z()??""} `)}),w(z,k),O(V)}customElements.define("m-field",J(ee,{isinvalid:{attribute:"isinvalid",reflect:!0,type:"Boolean"},isvalid:{attribute:"isvalid",reflect:!0,type:"Boolean"},isloading:{attribute:"isloading",reflect:!0,type:"Boolean"},id:{},label:{},requirementtext:{},helpid:{},helptext:{},messageid:{},message:{}},["default"],[],{mode:"open"}));
 //# sourceMappingURL=Field.js.map

package/dist/components/fileuploader/FileUploader.js CHANGED Viewed

@@ -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 r,B as Ie,i,s as w,t as A,j as ce,n as se,k as x,C as B,u as ue,b as s,d as Le,w as I,f as oe,l as Oe,h as f,v as be,m as l,x as L,r as u,y as ee,aZ as ve,q as O,a_ as he}from"../../custom-element.js";import{i as fe}from"../../if.js";import{e as Pe,i as qe}from"../../each.js";import{s as te}from"../../slot.js";import{a as Ke,s as Ne}from"../../attributes.js";import{b as me}from"../../this.js";import{F as Te}from"../fileuploaderitem/FileUploaderItem.js";import{U as Ze}from"../../Condition20.js";import"../../branches.js";import"../../svelte-component.js";import"../button/Button.js";import"../loader/Loader.js";import"../divider/Divider.js";var Ge=oe('<span class="mc-file-uploader__input-title svelte-1hihzzl"> </span> <span class="mc-file-uploader__input-subtitle svelte-1hihzzl"> </span>',1),He=oe('<div class="mc-file-uploader__files-list svelte-1hihzzl"></div>'),Je=oe('<div><div class="mc-file-uploader__container"><input/> <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 Qe={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-file-uploader-item.svelte-1hihzzl {display:flex;flex-direction:column;gap:0.25rem;}.mc-file-uploader-item__container.svelte-1hihzzl {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-1hihzzl {display:flex;align-items:center;flex-grow:1;}.mc-file-uploader-item__meta-row--with-info.svelte-1hihzzl {align-items:start;}.mc-file-uploader-item__status-icon.svelte-1hihzzl {fill:var(--file-uploader-color-file-item-icon-valid, #3f9e10);}.mc-file-uploader-item__info-content.svelte-1hihzzl {display:flex;flex-direction:column;flex-grow:1;padding-left:0.5rem;padding-right:1rem;}.mc-file-uploader-item__label.svelte-1hihzzl {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-1hihzzl {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-1hihzzl {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-1hihzzl {display:flex;align-items:center;}.mc-file-uploader-item__container--stacked.svelte-1hihzzl {display:flex;flex-direction:column;gap:0.75rem;}.mc-file-uploader-item__delete-button-container.svelte-1hihzzl {padding-left:0.25rem;margin-left:0.25rem;border-left:1px solid var(--divider-color-primary, #cccccc);}.mc-file-uploader-item__actions-container.svelte-1hihzzl {padding:0 2rem;display:flex;align-items:center;gap:0.25rem;justify-content:center;}.mc-file-uploader-item__action.svelte-1hihzzl {padding:0 0.75rem;flex-grow:1;}.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__icon.svelte-1hihzzl {flex-shrink:0;width:1.5rem;height:1.5rem;}.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--s.svelte-1hihzzl {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-1hihzzl {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-1hihzzl {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-1hihzzl {padding:0.25rem;}.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;}.mc-button--ghost.svelte-1hihzzl {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-1hihzzl:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-1hihzzl:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.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--accent.svelte-1hihzzl {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-1hihzzl:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-1hihzzl:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.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--danger.svelte-1hihzzl {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-1hihzzl:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-1hihzzl:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.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--inverse.svelte-1hihzzl {--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-1hihzzl:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-1hihzzl:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.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--icon-button.svelte-1hihzzl {border-radius:var(--border-radius-full, 100%);padding:0;}.mc-button--loading.svelte-1hihzzl {pointer-events:none;}.mc-button--outlined.mc-button--standard.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.mc-button--standard.svelte-1hihzzl:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-1hihzzl:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.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--outlined.mc-button--accent.svelte-1hihzzl {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-1hihzzl:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-1hihzzl:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.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--outlined.mc-button--danger.svelte-1hihzzl {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-1hihzzl:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-1hihzzl:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.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--outlined.mc-button--inverse.svelte-1hihzzl {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-1hihzzl:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-1hihzzl:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.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--ghost.mc-button--standard.svelte-1hihzzl {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-1hihzzl:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-1hihzzl:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.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--ghost.mc-button--accent.svelte-1hihzzl {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-1hihzzl:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-1hihzzl:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.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--ghost.mc-button--danger.svelte-1hihzzl {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-1hihzzl:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-1hihzzl:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.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--ghost.mc-button--inverse.svelte-1hihzzl {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-1hihzzl:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-1hihzzl:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.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 Re(re,t){Ae(t,!0),Be(re,Qe);let n=r(t,"files",15),P=r(t,"accept",7),g=r(t,"multiple",7),y=r(t,"allowedextensions",7),D=r(t,"maxsize",7),q=r(t,"rules",7),b=r(t,"hasdragdrop",7,!0),K=r(t,"showfileslist",7,!0),v=r(t,"disabled",7),N=r(t,"title",7,"Drag & drop"),T=r(t,"subtitle",7,"or"),Z=r(t,"uploadbuttonlabel",7,"Upload file(s)"),G=r(t,"format",7,"inline"),H=r(t,"errormessage",7),J=r(t,"deletebuttonlabel",7),E=r(t,"information",7),Q=r(t,"onvalidation",7),R=r(t,"onfilesupdate",7),ge=Oe(t,["$$slots","$$events","$$legacy","$$host","files","accept","multiple","allowedextensions","maxsize","rules","hasdragdrop","showfileslist","disabled","title","subtitle","uploadbuttonlabel","format","errormessage","deletebuttonlabel","information","onvalidation","onfilesupdate"]),F,C=I(()=>ze(n())),U,j=be(!1),M=be(0);function ze(e=[]){const o={};return e.forEach(a=>{const h=a.name.split(".").pop()?.toLowerCase()||"";o[a.name]={size:D()&&a.size?a.size<=D():!0,extension:y()?y().includes(h):!0,customValidation:q()?.every(m=>m(a))??!0}}),o}Ie(()=>{R()?.(n());const e=new CustomEvent("files-update",{detail:n(),bubbles:!0,composed:!0});if(F.dispatchEvent(e),n()?.length>0){Q()?.(i(C));const o=new CustomEvent("validation",{detail:i(C),bubbles:!0,composed:!0});F.dispatchEvent(o)}});function pe(e){b()&&(e.preventDefault(),he(M),O(j,!0))}function ke(e){b()&&(e.preventDefault(),he(M,-1),i(M)===0&&O(j,!1))}function le(e){return n()?.every(o=>o.name!==e.name)}function _e(e){const o=e.target,a=Array.from(o.files||[]).filter(le);if(!a.length){o.value="";return}n(g()?[...n(),...a]:a.slice(0,1)),o.value=""}function we(e){e.preventDefault()}function xe(e){if(!b()||(e.preventDefault(),e.stopPropagation(),O(M,0),O(j,!1),v()))return;const o=Array.from(e.dataTransfer?.files||[]).filter(le);o.length&&n(g()?[...n(),...o]:[o[0]])}function ye(e){(e.key===" "||e.key==="Enter")&&(e.preventDefault(),U.click())}function De(e){n(n()?.filter((o,a)=>a!==e))}function Ee(e){return Object.values(i(C)[e.name]??{}).every(Boolean)}var Fe={get files(){return n()},set files(e){n(e),l()},get accept(){return P()},set accept(e){P(e),l()},get multiple(){return g()},set multiple(e){g(e),l()},get allowedextensions(){return y()},set allowedextensions(e){y(e),l()},get maxsize(){return D()},set maxsize(e){D(e),l()},get rules(){return q()},set rules(e){q(e),l()},get hasdragdrop(){return b()},set hasdragdrop(e=!0){b(e),l()},get showfileslist(){return K()},set showfileslist(e=!0){K(e),l()},get disabled(){return v()},set disabled(e){v(e),l()},get title(){return N()},set title(e="Drag & drop"){N(e),l()},get subtitle(){return T()},set subtitle(e="or"){T(e),l()},get uploadbuttonlabel(){return Z()},set uploadbuttonlabel(e="Upload file(s)"){Z(e),l()},get format(){return G()},set format(e="inline"){G(e),l()},get errormessage(){return H()},set errormessage(e){H(e),l()},get deletebuttonlabel(){return J()},set deletebuttonlabel(e){J(e),l()},get information(){return E()},set information(e){E(e),l()},get onvalidation(){return Q()},set onvalidation(e){Q(e),l()},get onfilesupdate(){return R()},set onfilesupdate(e){R(e),l()}},z=Je(),W=f(z),X=f(W);Ke(X,()=>({type:"file","aria-label":"File input",accept:P(),multiple:g(),class:"mc-file-uploader__hidden-input",disabled:v(),"aria-disabled":v(),onchange:_e,...ge}),void 0,void 0,void 0,"svelte-1hihzzl",!0),me(X,e=>U=e,()=>U);var d=w(X,2),ae=f(d);{var Ce=e=>{var o=Ge(),a=L(o),h=f(a,!0);u(a);var m=w(a,2),Y=f(m,!0);u(m),A(()=>{x(h,N()),x(Y,T())}),s(e,o)};fe(ae,e=>{b()&&e(Ce)})}var ne=w(ae,2),ie=f(ne);Ze(ie,{className:"mc-button__icon"});var de=w(ie,2),Ue=f(de,!0);u(de),u(ne),u(d),u(W);var je=w(W,2);{var Me=e=>{var o=He();Pe(o,21,n,qe,(a,h,m)=>{{let Y=I(()=>Ee(i(h)));Te(a,{get file(){return i(h)},get format(){return G()},get errormessage(){return H()},get information(){return E()},get deletebuttonlabel(){return J()},get valid(){return i(Y)},ondelete:()=>De(m),$$slots:{name:(p,S)=>{var c=ee(),k=L(c);const V=I(()=>S.file);te(k,t,"name",{get file(){return i(V)}},$=>{var _=ve();A(()=>x(_,i(V).name)),s($,_)}),s(p,c)},information:(p,S)=>{var c=ee(),k=L(c);const V=I(()=>S.file);te(k,t,"information",{get file(){return i(V)}},$=>{var _=ve();A(()=>x(_,E())),s($,_)}),s(p,c)},errorMessage:(p,S)=>{var c=ee(),k=L(c);te(k,t,"errorMessage",{get validationState(){return i(C)[i(h).name]}},null),s(p,c)}}})}}),u(o),s(e,o)};fe(je,e=>{K()&&e(Me)})}return u(z),me(z,e=>F=e,()=>F),A(()=>{ce(z,1,se({"mc-file-uploader":!0,"mc-file-uploader--draggable":b()}),"svelte-1hihzzl"),ce(d,1,se({"mc-file-uploader__input":!0,"mc-file-uploader__input--dragged":i(j),"mc-file-uploader__input--disabled":v()}),"svelte-1hihzzl"),Ne(d,"aria-disabled",v()),x(Ue,Z())}),B("dragover",d,we),B("drop",d,xe),B("dragenter",d,pe),B("dragleave",d,ke),ue("click",d,()=>U.click()),ue("keydown",d,ye),s(re,z),Le(Fe)}Se(["click","keydown"]);customElements.define("m-file-uploader",Ve(Re,{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 CHANGED Viewed

	@@ -1 +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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"}
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 [key: string]: any;\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 ...attrs\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 {...attrs}\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","attrs","$.rest_props","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","$.event","$.delegated","$.append"],"mappings":"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"}

package/dist/components/fileuploader/FileUploader.svelte CHANGED Viewed

@@ -22,6 +22,7 @@
    */
   interface Props {
+    [key: string]: any;
     /**
      * Model binding for the selected files (`NormalizedFile`)
      */
@@ -115,6 +116,7 @@
     information,
     onvalidation,
     onfilesupdate,
+    ...attrs
   }: Props = $props();
   let element: HTMLElement;
@@ -248,6 +250,7 @@
       {disabled}
       aria-disabled={disabled}
       onchange={onChange}
+      {...attrs}
     />
     <div
@@ -323,7 +326,7 @@
   display: flex;
   flex-direction: column;
   gap: 1rem;
-  width: 18rem;
+  box-sizing: border-box;
 }
 .mc-file-uploader__files-list {
   display: flex;
@@ -368,9 +371,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/fileuploader/FileUploader.svelte.d.ts CHANGED Viewed

@@ -14,6 +14,7 @@ type FilesValidationState = Record<string, {
  * @event validation {CustomEvent<FilesValidationState>} - Emits files validation when files list changes.
  */
 interface Props {
+    [key: string]: any;
     /**
      * Model binding for the selected files (`NormalizedFile`)
      */

package/dist/components/fileuploader/FileUploader.svelte.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploader.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/fileuploader/FileUploader.svelte.ts"],"names":[],"mappings":"AAGA,OAAyB,EACrB,KAAK,cAAc,EACpB,MAAM,6CAA6C,CAAC;AAIrD,KAAK,oBAAoB,GAAG,MAAM,CAChC,MAAM,EACN;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,gBAAgB,EAAE,OAAO,CAAA;CAAE,CACjE,CAAC;AAEF;;;;;;;;GAQG;AAEH,UAAU,KAAK;IACb;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,OAAO,CAAC,EAAE,CAAC;IAC9C;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,eAAe,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;CACnD;~~AAqMH~~,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAUD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;~~kBAzSN~~,OAAO;uBAAa,OAAO;8BAAoB,OAAO;;;~~eAySqC~~,CAAC;AACtF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,eAAe,YAAY,CAAC"}
1	+ {"version":3,"file":"FileUploader.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/fileuploader/FileUploader.svelte.ts"],"names":[],"mappings":"AAGA,OAAyB,EACrB,KAAK,cAAc,EACpB,MAAM,6CAA6C,CAAC;AAIrD,KAAK,oBAAoB,GAAG,MAAM,CAChC,MAAM,EACN;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,gBAAgB,EAAE,OAAO,CAAA;CAAE,CACjE,CAAC;AAEF;;;;;;;;GAQG;AAEH,UAAU,KAAK;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,OAAO,CAAC,EAAE,CAAC;IAC9C;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,eAAe,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;CACnD;AAsMH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAUD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;kBA3SN,OAAO;uBAAa,OAAO;8BAAoB,OAAO;;;eA2SqC,CAAC;AACtF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,eAAe,YAAY,CAAC"}