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

@mozaic-ds/web-components 1.7.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 (120) hide show

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

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"}

package/dist/components/fileuploaderitem/FileUploaderItem.js CHANGED Viewed

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

package/dist/components/flag/Flag.js CHANGED Viewed

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

package/dist/components/iconbutton/IconButton.js CHANGED Viewed

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

package/dist/components/kpiitem/KpiItem.js CHANGED Viewed

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

package/dist/components/linearprogressbarbuffer/LinearProgressbarBuffer.js CHANGED Viewed

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

package/dist/components/linearprogressbarpercentage/LinearProgressbarPercentage.js CHANGED Viewed

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

package/dist/components/link/Link.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{c as E,e as L,a as S,p as i,s as b,b as h,d as q,f as p,n as A,h as c,m as a,r as s}from"../../custom-element.js";import{i as y}from"../../if.js";import{s as x}from"../../slot.js";import{a as F}from"../../attributes.js";import"../../branches.js";var G=p('<span class="mc-link__icon svelte-5kacnx"><!></span>'),H=p('<span class="mc-link__icon svelte-5kacnx"><!></span>'),I=p('<a><!> <span class="mc-link__label svelte-5kacnx"><!></span> <!></a>');const J={hash:"svelte-5kacnx",code:`/**
+import{c as E,e as L,a as S,p as i,s as b,b as h,d as q,f as p,l as A,h as c,m as a,r as s}from"../../custom-element.js";import{i as y}from"../../if.js";import{s as x}from"../../slot.js";import{a as F}from"../../attributes.js";import"../../branches.js";var G=p('<span class="mc-link__icon svelte-5kacnx"><!></span>'),H=p('<span class="mc-link__icon svelte-5kacnx"><!></span>'),I=p('<a><!> <span class="mc-link__label svelte-5kacnx"><!></span> <!></a>');const J={hash:"svelte-5kacnx",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-link.svelte-5kacnx {transition:box-shadow 200ms ease;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;min-height:1.5rem;text-decoration:none;color:var(--link-color-text-primary, #000000);font-size:0.875rem;}.mc-link__label.svelte-5kacnx {line-height:1.3;}.mc-link__icon.svelte-5kacnx {display:block;height:1.25rem;width:1.25rem;flex-shrink:0;fill:currentcolor;}.mc-link.svelte-5kacnx:hover:not(.mc-link--stand-alone, .mc-link--inline) .mc-link__label:where(.svelte-5kacnx) {text-decoration:underline;}.mc-link.svelte-5kacnx:focus {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-link--m.svelte-5kacnx {min-height:2rem;font-size:1rem;}.mc-link--secondary.svelte-5kacnx {color:var(--link-color-text-secondary, #666666);}.mc-link--accent.svelte-5kacnx {color:var(--link-color-text-accent, #117f03);}.mc-link--inverse.svelte-5kacnx {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--link-color-text-inverse, #ffffff);}.mc-link--stand-alone.svelte-5kacnx {min-height:2rem;font-weight:var(--link-font-weight, 600);}.mc-link--stand-alone.svelte-5kacnx .mc-link__label:where(.svelte-5kacnx) {border-bottom:var(--border-width-s, 0.0625rem) solid currentColor;}.mc-link--stand-alone.svelte-5kacnx:hover .mc-link__label:where(.svelte-5kacnx) {border-color:transparent;}.mc-link--inline.svelte-5kacnx {font-weight:inherit;text-decoration:underline;}.mc-link--inline.svelte-5kacnx .mc-link__label:where(.svelte-5kacnx) {line-height:1;}.mc-link--inline.svelte-5kacnx:hover {text-decoration:none;}.mc-link__icon.svelte-5kacnx:empty {display:none;}`};function K(_,n){L(n,!0),S(_,J);let m=i(n,"href",7),f=i(n,"target",7),l=i(n,"inline",7),k=i(n,"appearance",7,"standard"),v=i(n,"size",7,"s"),o=i(n,"iconposition",7,"left"),w=A(n,["$$slots","$$events","$$legacy","$$host","href","target","inline","appearance","size","iconposition"]);var z={get href(){return m()},set href(e){m(e),a()},get target(){return f()},set target(e){f(e),a()},get inline(){return l()},set inline(e){l(e),a()},get appearance(){return k()},set appearance(e="standard"){k(e),a()},get size(){return v()},set size(e="s"){v(e),a()},get iconposition(){return o()},set iconposition(e="left"){o(e),a()}},r=I();F(r,()=>({class:["mc-link",`mc-link--${k()}`,`mc-link--${v()}`,l()&&"mc-link--inline",!l()&&"mc-link--stand-alone"],href:m(),target:f(),...w}),void 0,void 0,void 0,"svelte-5kacnx");var g=c(r);{var j=e=>{var t=G(),u=c(t);x(u,n,"icon",{},null),s(t),h(e,t)};y(g,e=>{o()==="left"&&e(j)})}var d=b(g,2),B=c(d);x(B,n,"default",{},null),s(d);var C=b(d,2);{var D=e=>{var t=H(),u=c(t);x(u,n,"icon",{},null),s(t),h(e,t)};y(C,e=>{o()==="right"&&e(D)})}return s(r),h(_,r),q(z)}customElements.define("m-link",E(K,{inline:{attribute:"inline",reflect:!0,type:"Boolean"},href:{},target:{},appearance:{},size:{},iconposition:{}},["icon","default"],[],{mode:"open"}));
 //# sourceMappingURL=Link.js.map

package/dist/components/loader/Loader.js CHANGED Viewed

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

package/dist/components/loadingoverlay/LoadingOverlay.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{c as b,e as y,a as f,p as r,t as u,b as g,d as x,f as z,n as _,h as n,m as v,r as d,j as h,l as $}from"../../custom-element.js";import{a as L}from"../../attributes.js";import{L as j}from"../loader/Loader.js";import"../../if.js";import"../../branches.js";var k=z("<div><div><!></div></div>");const w={hash:"svelte-111c1z1",code:`/**
+import{c as b,e as y,a as f,p as r,t as u,j as g,n as x,b as z,d as _,f as h,l as $,h as n,m as v,r as d}from"../../custom-element.js";import{a as L}from"../../attributes.js";import{L as j}from"../loader/Loader.js";import"../../if.js";import"../../branches.js";var k=h("<div><div><!></div></div>");const w={hash:"svelte-111c1z1",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-loading-loader.svelte-111c1z1 {background-color:var(--overlay-color-background, rgba(0, 0, 0, 0.5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:var(--overlay-z-index, 4);}.mc-loading-loader.is-visible.svelte-111c1z1 {opacity:1;pointer-events:all;transition:opacity 0.4s ease, visibility 0ms;visibility:visible;}.mc-loading-loader.svelte-111c1z1 {align-items:center;display:flex;justify-content:center;}`};function B(l,e){y(e,!0),f(l,w);let s=r(e,"isvisible",7),t=r(e,"text",7),c=_(e,["$$slots","$$events","$$legacy","$$host","isvisible","text"]);var m={get isvisible(){return s()},set isvisible(o){s(o),v()},get text(){return t()},set text(o){t(o),v()}},i=k(),a=n(i);L(a,()=>({role:"dialog",tabindex:"-1","aria-label":t(),...c}),void 0,void 0,void 0,"svelte-111c1z1");var p=n(a);return j(p,{size:"l",appearance:"inverse",get text(){return t()}}),d(a),d(i),u(()=>h(i,1,$(["mc-loading-loader",s()&&"is-visible"]),"svelte-111c1z1")),g(l,i),x(m)}customElements.define("m-loading-overlay",b(B,{isvisible:{attribute:"isvisible",reflect:!0,type:"Boolean"},text:{}},[],[],{mode:"open"}));
+ */.mc-loading-loader.svelte-111c1z1 {background-color:var(--overlay-color-background, rgba(0, 0, 0, 0.5));inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:var(--overlay-z-index, 4);}.mc-loading-loader.is-visible.svelte-111c1z1 {opacity:1;pointer-events:all;transition:opacity 0.4s ease, visibility 0ms;visibility:visible;}.mc-loading-loader.svelte-111c1z1 {align-items:center;display:flex;justify-content:center;}`};function B(l,e){y(e,!0),f(l,w);let s=r(e,"isvisible",7),t=r(e,"text",7),c=$(e,["$$slots","$$events","$$legacy","$$host","isvisible","text"]);var m={get isvisible(){return s()},set isvisible(o){s(o),v()},get text(){return t()},set text(o){t(o),v()}},i=k(),a=n(i);L(a,()=>({role:"dialog",tabindex:"-1","aria-label":t(),...c}),void 0,void 0,void 0,"svelte-111c1z1");var p=n(a);return j(p,{size:"l",appearance:"inverse",get text(){return t()}}),d(a),d(i),u(()=>g(i,1,x(["mc-loading-loader",s()&&"is-visible"]),"svelte-111c1z1")),z(l,i),_(m)}customElements.define("m-loading-overlay",b(B,{isvisible:{attribute:"isvisible",reflect:!0,type:"Boolean"},text:{}},[],[],{mode:"open"}));
 //# sourceMappingURL=LoadingOverlay.js.map

package/dist/components/modal/Modal.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{o as J,c as K,e as L,a as P,p as c,s as d,t as j,b as y,d as Q,f as z,n as R,h as e,m as b,r,u as V,k as E}from"../../custom-element.js";import{i as B}from"../../if.js";import{s}from"../../slot.js";import{a as W}from"../../attributes.js";import{b as X}from"../../this.js";import{q as Z}from"../../Condition20.js";import{O as $}from"../overlay/Overlay.js";import"../../branches.js";var oo=z('<button type="button" class="mc-modal__close mc-button mc-button--icon-button mc-button--ghost svelte-1tduk3b" aria-label="Close"><!></button>'),to=z('<p class="svelte-1tduk3b"> </p>'),eo=z('<section><div class="mc-modal__dialog svelte-1tduk3b" role="document"><header class="mc-modal__header svelte-1tduk3b"><span class="mc-modal__icon svelte-1tduk3b"><!></span> <h2 class="mc-modal__title svelte-1tduk3b" id="modalTitle"> </h2> <!></header> <main class="mc-modal__body svelte-1tduk3b"><!> <!></main> <footer class="mc-modal__footer svelte-1tduk3b"><span class="mc-modal__link svelte-1tduk3b"><!></span> <!></footer></div> <!></section>');const ro={hash:"svelte-1tduk3b",code:`/**
+import{o as J,c as K,e as L,a as P,p as c,s as d,t as j,k as E,b as y,d as Q,f as z,l as R,h as e,m as b,r,u as V}from"../../custom-element.js";import{i as B}from"../../if.js";import{s}from"../../slot.js";import{a as W}from"../../attributes.js";import{b as X}from"../../this.js";import{q as Z}from"../../Condition20.js";import{O as $}from"../overlay/Overlay.js";import"../../branches.js";var oo=z('<button type="button" class="mc-modal__close mc-button mc-button--icon-button mc-button--ghost svelte-1tduk3b" aria-label="Close"><!></button>'),to=z('<p class="svelte-1tduk3b"> </p>'),eo=z('<section><div class="mc-modal__dialog svelte-1tduk3b" role="document"><header class="mc-modal__header svelte-1tduk3b"><span class="mc-modal__icon svelte-1tduk3b"><!></span> <h2 class="mc-modal__title svelte-1tduk3b" id="modalTitle"> </h2> <!></header> <main class="mc-modal__body svelte-1tduk3b"><!> <!></main> <footer class="mc-modal__footer svelte-1tduk3b"><span class="mc-modal__link svelte-1tduk3b"><!></span> <!></footer></div> <!></section>');const ro={hash:"svelte-1tduk3b",code:`/**
  * Do not edit directly, this file was auto-generated.
  */.mc-modal.svelte-1tduk3b {box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;z-index:var(--modal-z-index, 5);display:flex;justify-content:center;align-items:flex-end;overflow:hidden auto;}
 @media (width >= 680px) {.mc-modal.svelte-1tduk3b {align-items:center;}

package/dist/components/numberbadge/NumberBadge.js CHANGED Viewed

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