@mozaic-ds/web-components 0.28.1 → 1.0.0-alpha.0

package/public/components/badge/Badge.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as r,b as s,f as a,s as o,c,e as l,v as n,n as d,j as i,k as b,N as p,a2 as u,l as g,m,o as f,q as h,u as $}from"../../index-c222d0b7.js";import{c as y}from"../../EventForward-c4c8cd29.js";function x(e){let t,r,a,o,f,h=[{class:a=w(e[1])+" "+e[3]},e[2]],$={};for(let e=0;e<h.length;e+=1)$=c($,h[e]);return{c(){t=l("div"),r=n(e[0]),this.c=d,i(t,$)},m(a,c){s(a,t,c),b(t,r),o||(f=p(e[4].call(null,t)),o=!0)},p(e,[s]){1&s&&u(r,e[0],$.contenteditable),i(t,$=g(h,[10&s&&a!==(a=w(e[1])+" "+e[3])&&{class:a},4&s&&e[2]]))},i:d,o:d,d(e){e&&m(t),o=!1,f()}}}function w(e){const t=["mc-badge"];return e&&t.push(`mc-badge--${e}`),t.join(" ")}function k(e,t,r){let s,a;const o=["label","type"];let l=f(t,o),{label:n}=t,{type:d}=t;const i=y(h());return e.$$set=e=>{r(6,t=c(c({},t),$(e))),r(5,l=f(t,o)),"label"in e&&r(0,n=e.label),"type"in e&&r(1,d=e.type)},e.$$.update=()=>{r(3,s=t.class),r(2,a=Object.assign({},l)),4&e.$$.dirty&&delete a.class},t=$(t),[n,d,a,s,i]}class j extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-badge{border-radius:4px;border:1px solid transparent;display:inline-block;padding:0.125rem 0.4375rem;text-transform:lowercase;white-space:nowrap;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge::first-letter{text-transform:uppercase}.mc-badge--success{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral{background-color:#e6e6e6;border-color:#808080;color:#4d4d4d}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},k,x,o,{label:0,type:1},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["label","type"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),a()}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),a()}}export{j as default};
+import{c as e,S as t,i as a,f as s,s as r,a as l,p as o,e as c,F as n,E as i,t as d,g as f,h as b,I as g,J as u,y as m,m as h,n as v,K as $,q as p}from"../../index-c0bfe08f.js";import{g as x}from"../../spread-ed04f539.js";import{c as y}from"../../EventForward-bb916157.js";function w(e){l(e,"svelte-1hwtfua",".mc-badge.svelte-1hwtfua{color:var(--badge-color-text-standard, #ffffff);background-color:var(--badge-color-background-standard, #464e63);height:1rem;min-width:1rem;padding:0 0.125rem;font-size:0.625rem;border-radius:1rem;font-weight:600;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center}.mc-badge--m.svelte-1hwtfua{height:1.5rem;min-width:1.5rem;padding:0 0.25rem;font-size:0.75rem}.mc-badge--accent.svelte-1hwtfua{color:var(--badge-color-text-accent, #ffffff);background-color:var(--badge-color-background-accent, #117f03)}.mc-badge--danger.svelte-1hwtfua{color:var(--badge-color-text-danger, #ffffff);background-color:var(--badge-color-background-danger, #c61112)}.mc-badge--inverse.svelte-1hwtfua{color:var(--badge-color-text-inverse, #464e63);background-color:var(--badge-color-background-inverse, #ffffff)}")}function z(e){let t,a,s,r,l,v=[{class:s=e[5](e[1])+" "+e[3]},e[2]],$={};for(let e=0;e<v.length;e+=1)$=o($,v[e]);return{c(){t=c("div"),a=n(e[0]),i(t,$),d(t,"svelte-1hwtfua",!0)},m(s,o){f(s,t,o),b(t,a),r||(l=g(e[4].call(null,t)),r=!0)},p(e,[r]){1&r&&u(a,e[0],$.contenteditable),i(t,$=x(v,[10&r&&s!==(s=e[5](e[1])+" "+e[3])&&{class:s},4&r&&e[2]])),d(t,"svelte-1hwtfua",!0)},i:m,o:m,d(e){e&&h(t),r=!1,l()}}}function k(e,t,a){let s,r;const l=["label","style","size"];let c=v(t,l),{label:n}=t,{style:i}=t,{size:d}=t;const f=y($());return e.$$set=e=>{a(8,t=o(o({},t),p(e))),a(7,c=v(t,l)),"label"in e&&a(0,n=e.label),"style"in e&&a(1,i=e.style),"size"in e&&a(6,d=e.size)},e.$$.update=()=>{a(3,s=t.class),a(2,r=Object.assign({},c)),4&e.$$.dirty&&delete r.class},t=p(t),[n,i,r,s,f,function(e){const t=["mc-badge"];return e&&t.push(`mc-badge--${e}`),d&&t.push(`mc-badge--${d}`),t.join(" ")},d]}class j extends t{constructor(e){super(),a(this,e,k,z,r,{label:0,style:1,size:6},w)}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get style(){return this.$$.ctx[1]}set style(e){this.$$set({style:e}),s()}get size(){return this.$$.ctx[6]}set size(e){this.$$set({size:e}),s()}}e(j,{label:{},style:{},size:{}},[],[],!1);export{j as default};
 //# sourceMappingURL=Badge.js.map

package/public/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { BadgeType } from './badge.types';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  import { get_current_component } from 'svelte/internal';\n  export let label: string;\n  export let type: BadgeType;\n  const forwardEvents = createEventForwarder(get_current_component());\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function setClasses(type: BadgeType) {\n    const classes = ['mc-badge'];\n\n    if (type) {\n      classes.push(`mc-badge--${type}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<div use:forwardEvents class=\"{setClasses(type)} {userClass}\" {...attributes}>\n  {label}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.badge';\n</style>\n"],"names":["setClasses","ctx","insert","target","div","anchor","div_data","class","div_class_value","type","classes","push","join","label","$$props","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"4PAwB+BA,EAAWC,EAAI,IAAA,IAAIA,EAAS,IAAOA,EAAU,2EACzEA,EAAK,4BADRC,EAEKC,EAAAC,EAAAC,8DADFJ,EAAK,GAAAK,EAAA,yCADuBN,EAAWC,EAAI,IAAA,IAAIA,EAAS,KAAA,CAAAM,MAAAC,QAAOP,EAAU,uCAXjE,SAAAD,EAAWS,GACZ,MAAAC,GAAW,mBAEbD,GACFC,EAAQC,KAAI,aAAcF,KAGrBC,EAAQE,KAAK,4EAdXC,GAAaC,QACbL,GAAeK,QACpBC,EAAgBC,EAAqBC,qIACxCC,EAAA,EAAAC,EAAYL,EAAQP,WACpBa,EAALC,OAAAC,UAAuBC,yBACXH,EAAWb"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: '', shadow: 'none' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle, BadgeSize } from './badge.types';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  // @ts-ignore Need to use internal Svelte function\n  import { get_current_component } from 'svelte/internal';\n  export let label: string;\n  export let style: BadgeStyle;\n  export let size: BadgeSize;\n  const forwardEvents = createEventForwarder(get_current_component());\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function setClasses(style: BadgeStyle) {\n    const classes = ['mc-badge'];\n\n    if (style) {\n      classes.push(`mc-badge--${style}`);\n    }\n\n    if (size) {\n      classes.push(`mc-badge--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<div use:forwardEvents class=\"{setClasses(style)} {userClass}\" {...attributes}>\n  {label}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/badge';\n</style>\n"],"names":["ctx","insert","target","div","anchor","div_data","class","div_class_value","label","$$props","style","size","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps","classes","push","join"],"mappings":"8qCA8B+BA,EAAU,GAACA,EAAK,IAAA,IAAIA,EAAS,IAAOA,EAAU,2EAC1EA,EAAK,4CADRC,EAEKC,EAAAC,EAAAC,8DADFJ,EAAK,GAAAK,EAAA,yCADuBL,EAAU,GAACA,EAAK,IAAA,IAAIA,EAAS,KAAA,CAAAM,MAAAC,QAAOP,EAAU,+IAvBhEQ,GAAaC,SACbC,GAAiBD,QACjBE,GAAeF,QACpBG,EAAgBC,EAAqBC,iKACxCC,EAAA,EAAAC,EAAYP,EAAQH,OACtBS,EAAA,EAAEE,EAAUC,OAAAC,OAAA,CAAA,EAAQC,yBACXH,EAAWX,yBAEZ,SAAWI,GACZ,MAAAW,GAAW,mBAEbX,GACFW,EAAQC,KAAI,aAAcZ,KAGxBC,GACFU,EAAQC,KAAI,aAAcX,KAGrBU,EAAQE,KAAK"}

package/public/components/badge/Badge.svelte

@@ -1,32 +1,37 @@
-<svelte:options tag={null} />
+<svelte:options customElement={{ tag: '', shadow: 'none' }} />
 
 <script lang="ts">
-  import type { BadgeType } from './badge.types';
+  import type { BadgeStyle, BadgeSize } from './badge.types';
   import { createEventForwarder } from '../../utilities/EventForward';
+  // @ts-ignore Need to use internal Svelte function
   import { get_current_component } from 'svelte/internal';
   export let label: string;
-  export let type: BadgeType;
+  export let style: BadgeStyle;
+  export let size: BadgeSize;
   const forwardEvents = createEventForwarder(get_current_component());
   $: userClass = $$props.class;
   $: attributes = { ...$$restProps };
   $: delete attributes.class;
 
-  function setClasses(type: BadgeType) {
+  function setClasses(style: BadgeStyle) {
     const classes = ['mc-badge'];
 
-    if (type) {
-      classes.push(`mc-badge--${type}`);
+    if (style) {
+      classes.push(`mc-badge--${style}`);
+    }
+
+    if (size) {
+      classes.push(`mc-badge--${size}`);
     }
 
     return classes.join(' ');
   }
 </script>
 
-<div use:forwardEvents class="{setClasses(type)} {userClass}" {...attributes}>
+<div use:forwardEvents class="{setClasses(style)} {userClass}" {...attributes}>
   {label}
 </div>
 
 <style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import '@mozaic-ds/styles/components/c.badge';
+  @use '@mozaic-ds/styles/components/badge';
 </style>

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

@@ -1,2 +1,3 @@
-export type BadgeType = 'danger' | 'success' | 'warning' | 'neutral';
+export type BadgeStyle = 'danger' | 'accent' | 'inverse' | 'standard';
+export type BadgeSize = 's' | 'm';
 //# sourceMappingURL=badge.types.d.ts.map

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

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

package/public/components/barchart/BarChart.svelte

@@ -1,4 +1,4 @@
-<svelte:options tag={null} />
+<svelte:options customElement="" />
 
 <script lang="ts">
   import {
@@ -7,17 +7,15 @@
     scaleLinear,
     axisBottom,
     axisLeft,
-    Selection,
-    ScaleBand,
-    ScaleLinear,
+    type Selection,
+    type ScaleBand,
+    type ScaleLinear,
   } from 'd3';
-  import { onMount } from 'svelte';
+  import { createEventDispatcher, onMount } from 'svelte';
   import type { BarData, BarKeyValue, BarMargin } from './bar-chart.types';
   import { EventHandler } from '../../utilities/EventHandler';
-  import {
-    get_current_component,
-    createEventDispatcher,
-  } from 'svelte/internal';
+  // @ts-ignore Need to use internal Svelte function
+  import { get_current_component } from 'svelte/internal';
 
   export let data = '';
   let parsedData: BarData[];

package/public/components/bottombar/BottomBar.svelte

@@ -1,4 +1,4 @@
-<svelte:options tag={null} />
+<svelte:options customElement="" />
 
 <script lang="ts">
   export let fixed: boolean;

package/public/components/breadcrumb/Breadcrumb.svelte

@@ -1,12 +1,11 @@
-<svelte:options tag={null} />
+<svelte:options customElement="" />
 
 <script lang="ts">
   import type { BreadcrumbItems } from './breadcrumb.types';
   import { EventHandler } from '../../utilities/EventHandler';
-  import {
-    get_current_component,
-    createEventDispatcher,
-  } from 'svelte/internal';
+  import { createEventDispatcher } from 'svelte';
+  // @ts-ignore Need to use internal Svelte function
+  import { get_current_component } from 'svelte/internal';
 
   export let items: string;
   export let dark = false;

package/public/components/button/Button.js

@@ -1,2 +1,2 @@
-import{S as t,i as o,a as e,g as i,b as n,f as r,s as m,c,e as l,d,n as a,j as s,t as b,k as u,N as h,B as f,z as g,A as p,l as x,m as w,o as _,p as $,q as y,u as v,h as k,C as z,T as j,E as q,F as C,G as E,v as N,y as A,a4 as F}from"../../index-c222d0b7.js";import{c as L}from"../../EventForward-c4c8cd29.js";import O from"../loader/Loader.nested.js";function R(t){let o,e,i,r;const m=[G,B,S],c=[];function d(t,o){return t[13]&&"left"===t[12]?0:t[16].icon?1:t[5]?2:-1}return~(e=d(t))&&(i=c[e]=m[e](t)),{c(){o=l("span"),i&&i.c(),k(o,"class","mc-button__icon")},m(t,i){n(t,o,i),~e&&c[e].m(o,null),r=!0},p(t,n){let r=e;e=d(t),e===r?~e&&c[e].p(t,n):(i&&(z(),g(c[r],1,1,(()=>{c[r]=null})),p()),~e?(i=c[e],i?i.p(t,n):(i=c[e]=m[e](t),i.c()),f(i,1),i.m(o,null)):i=null)},i(t){r||(f(i),r=!0)},o(t){g(i),r=!1},d(t){t&&w(o),~e&&c[e].d()}}}function S(t){let o,e,i=`<${X(t[2],t[6],t[5])} />`;return{c(){o=new F(!1),e=j(),o.a=e},m(t,r){o.m(i,t,r),n(t,e,r)},p(t,e){100&e&&i!==(i=`<${X(t[2],t[6],t[5])} />`)&&o.p(i)},i:a,o:a,d(t){t&&w(e),t&&o.d()}}}function B(t){let o;return{c(){o=l("slot"),k(o,"name","icon")},m(t,e){n(t,o,e)},p:a,i:a,o:a,d(t){t&&w(o)}}}function G(t){let o,e;return o=new O({props:{size:"s",theme:t[11],text:""}}),{c(){q(o.$$.fragment)},m(t,i){C(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(f(o.$$.fragment,t),e=!0)},o(t){g(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function J(t){let o,e,i,r,m,c,a=t[13]&&"left"===t[12]&&!t[5]&&!t[16].icon&&T(t),s=t[13]&&"right"===t[12]&&!t[5]&&!t[16].icon&&D(t);return{c(){a&&a.c(),o=d(),e=l("span"),i=N(t[4]),r=d(),s&&s.c(),m=j(),k(e,"class","mc-button__label")},m(t,l){a&&a.m(t,l),n(t,o,l),n(t,e,l),u(e,i),n(t,r,l),s&&s.m(t,l),n(t,m,l),c=!0},p(t,e){!t[13]||"left"!==t[12]||t[5]||t[16].icon?a&&(z(),g(a,1,1,(()=>{a=null})),p()):a?(a.p(t,e),77856&e&&f(a,1)):(a=T(t),a.c(),f(a,1),a.m(o.parentNode,o)),(!c||16&e)&&A(i,t[4]),!t[13]||"right"!==t[12]||t[5]||t[16].icon?s&&(z(),g(s,1,1,(()=>{s=null})),p()):s?(s.p(t,e),77856&e&&f(s,1)):(s=D(t),s.c(),f(s,1),s.m(m.parentNode,m))},i(t){c||(f(a),f(s),c=!0)},o(t){g(a),g(s),c=!1},d(t){a&&a.d(t),t&&w(o),t&&w(e),t&&w(r),s&&s.d(t),t&&w(m)}}}function M(t){let o,e,i,r;const m=[K,I,H],c=[];function d(t,o){return t[13]?0:t[16].icon?1:t[5]?2:-1}return~(e=d(t))&&(i=c[e]=m[e](t)),{c(){o=l("span"),i&&i.c(),k(o,"class","mc-button__icon")},m(t,i){n(t,o,i),~e&&c[e].m(o,null),r=!0},p(t,n){let r=e;e=d(t),e===r?~e&&c[e].p(t,n):(i&&(z(),g(c[r],1,1,(()=>{c[r]=null})),p()),~e?(i=c[e],i?i.p(t,n):(i=c[e]=m[e](t),i.c()),f(i,1),i.m(o,null)):i=null)},i(t){r||(f(i),r=!0)},o(t){g(i),r=!1},d(t){t&&w(o),~e&&c[e].d()}}}function T(t){let o,e,i;return e=new O({props:{size:"s",theme:t[11],text:""}}),{c(){o=l("span"),q(e.$$.fragment),k(o,"class","mc-button__icon")},m(t,r){n(t,o,r),C(e,o,null),i=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){i||(f(e.$$.fragment,t),i=!0)},o(t){g(e.$$.fragment,t),i=!1},d(t){t&&w(o),E(e)}}}function D(t){let o,e,i;return e=new O({props:{size:"s",theme:t[11],text:""}}),{c(){o=l("span"),q(e.$$.fragment),k(o,"class","mc-button__icon")},m(t,r){n(t,o,r),C(e,o,null),i=!0},p(t,o){const i={};2048&o&&(i.theme=t[11]),e.$set(i)},i(t){i||(f(e.$$.fragment,t),i=!0)},o(t){g(e.$$.fragment,t),i=!1},d(t){t&&w(o),E(e)}}}function H(t){let o,e,i=`<${X(t[2],t[6],t[5])} />`;return{c(){o=new F(!1),e=j(),o.a=e},m(t,r){o.m(i,t,r),n(t,e,r)},p(t,e){100&e&&i!==(i=`<${X(t[2],t[6],t[5])} />`)&&o.p(i)},i:a,o:a,d(t){t&&w(e),t&&o.d()}}}function I(t){let o;return{c(){o=l("slot"),k(o,"name","icon")},m(t,e){n(t,o,e)},p:a,i:a,o:a,d(t){t&&w(o)}}}function K(t){let o,e;return o=new O({props:{size:"m",theme:t[11],text:""}}),{c(){q(o.$$.fragment)},m(t,i){C(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(f(o.$$.fragment,t),e=!0)},o(t){g(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function P(t){let o,e,i,r;const m=[V,U,Q],c=[];function d(t,o){return t[13]&&"right"===t[12]?0:t[16].icon?1:t[5]?2:-1}return~(e=d(t))&&(i=c[e]=m[e](t)),{c(){o=l("span"),i&&i.c(),k(o,"class","mc-button__icon")},m(t,i){n(t,o,i),~e&&c[e].m(o,null),r=!0},p(t,n){let r=e;e=d(t),e===r?~e&&c[e].p(t,n):(i&&(z(),g(c[r],1,1,(()=>{c[r]=null})),p()),~e?(i=c[e],i?i.p(t,n):(i=c[e]=m[e](t),i.c()),f(i,1),i.m(o,null)):i=null)},i(t){r||(f(i),r=!0)},o(t){g(i),r=!1},d(t){t&&w(o),~e&&c[e].d()}}}function Q(t){let o,e,i=`<${X(t[2],t[6],t[5])} />`;return{c(){o=new F(!1),e=j(),o.a=e},m(t,r){o.m(i,t,r),n(t,e,r)},p(t,e){100&e&&i!==(i=`<${X(t[2],t[6],t[5])} />`)&&o.p(i)},i:a,o:a,d(t){t&&w(e),t&&o.d()}}}function U(t){let o;return{c(){o=l("slot"),k(o,"name","icon")},m(t,e){n(t,o,e)},p:a,i:a,o:a,d(t){t&&w(o)}}}function V(t){let o,e;return o=new O({props:{size:"s",theme:t[11],text:""}}),{c(){q(o.$$.fragment)},m(t,i){C(o,t,i),e=!0},p(t,e){const i={};2048&e&&(i.theme=t[11]),o.$set(i)},i(t){e||(f(o.$$.fragment,t),e=!0)},o(t){g(o.$$.fragment,t),e=!1},d(t){E(o,t)}}}function W(t){let o,e,i,r,m,_,$,y,v,k=(t[5]||t[16].icon)&&"left"===t[6]&&R(t);const j=[M,J],q=[];function C(t,o){return(t[5]||t[16].icon)&&"only"===t[6]?0:1}i=C(t),r=q[i]=j[i](t);let E=(t[5]||t[16].icon)&&"right"===t[6]&&P(t),N=[{type:t[8]},{class:_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]},{disabled:t[7]},t[9]],A={};for(let t=0;t<N.length;t+=1)A=c(A,N[t]);return{c(){o=l("button"),k&&k.c(),e=d(),r.c(),m=d(),E&&E.c(),this.c=a,s(o,A),b(o,"mc-button--square","only"==t[6])},m(r,c){n(r,o,c),k&&k.m(o,null),u(o,e),q[i].m(o,null),u(o,m),E&&E.m(o,null),o.autofocus&&o.focus(),$=!0,y||(v=h(t[14].call(null,o)),y=!0)},p(t,[n]){(t[5]||t[16].icon)&&"left"===t[6]?k?(k.p(t,n),65632&n&&f(k,1)):(k=R(t),k.c(),f(k,1),k.m(o,e)):k&&(z(),g(k,1,1,(()=>{k=null})),p());let c=i;i=C(t),i===c?q[i].p(t,n):(z(),g(q[c],1,1,(()=>{q[c]=null})),p(),r=q[i],r?r.p(t,n):(r=q[i]=j[i](t),r.c()),f(r,1),r.m(o,m)),(t[5]||t[16].icon)&&"right"===t[6]?E?(E.p(t,n),65632&n&&f(E,1)):(E=P(t),E.c(),f(E,1),E.m(o,null)):E&&(z(),g(E,1,1,(()=>{E=null})),p()),s(o,A=x(N,[(!$||256&n)&&{type:t[8]},(!$||1039&n&&_!==(_=t[15](t[1],t[0],t[2],t[3])+" "+t[10]))&&{class:_},(!$||128&n)&&{disabled:t[7]},512&n&&t[9]])),b(o,"mc-button--square","only"==t[6])},i(t){$||(f(k),f(r),f(E),$=!0)},o(t){g(k),g(r),g(E),$=!1},d(t){t&&w(o),k&&k.d(),q[i].d(),E&&E.d(),y=!1,v()}}}function X(t,o,e){const i="only"===o;let n;switch(t){case"s":n="24px";break;case"m":n=i?"32px":"24px";break;case"l":n=i?"100%":"32px"}return`${e} size="${n}" class="no"`}function Y(t,o,e){let i,n,r,m,l,d;const a=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let s=_(o,a),{$$slots:b={},$$scope:u}=o;const h=$(b);var f,g,p;let{bordered:x=!1}=o,{theme:w}=o,{size:k="m"}=o,{full:z=!1}=o,{label:j}=o,{iconname:q}=o,{iconmode:C}=o,{disabled:E=!1}=o,{responsivesize:N}=o,{responsivewidth:A}=o,{type:F="button"}=o,{loader:O}=o;const R=L(y());return t.$$set=t=>{e(25,o=c(c({},o),v(t))),e(24,s=_(o,a)),"bordered"in t&&e(0,x=t.bordered),"theme"in t&&e(1,w=t.theme),"size"in t&&e(2,k=t.size),"full"in t&&e(3,z=t.full),"label"in t&&e(4,j=t.label),"iconname"in t&&e(5,q=t.iconname),"iconmode"in t&&e(6,C=t.iconmode),"disabled"in t&&e(7,E=t.disabled),"responsivesize"in t&&e(17,N=t.responsivesize),"responsivewidth"in t&&e(18,A=t.responsivewidth),"type"in t&&e(8,F=t.type),"loader"in t&&e(19,O=t.loader)},t.$$.update=()=>{524288&t.$$.dirty&&e(23,i=O?JSON.parse(O):void 0),9437184&t.$$.dirty&&e(13,n=null!==e(20,f=null==i?void 0:i.enabled)&&void 0!==f&&f),10485760&t.$$.dirty&&e(12,r=null!==e(21,g=null==i?void 0:i.position)&&void 0!==g?g:"left"),12582912&t.$$.dirty&&e(11,m=null!==e(22,p=null==i?void 0:i.theme)&&void 0!==p?p:"primary"),e(10,l=o.class),e(9,d=Object.assign({},s)),512&t.$$.dirty&&delete d.class},o=v(o),[x,w,k,z,j,q,C,E,F,d,l,m,r,n,R,function(t,o,e,i){const n=["mc-button"],r=function(t,o){if(!o&&!t)return"";const e=o?"bordered":"solid";return t?`mc-button--${e}-${t}`:`mc-button--${e}`}(t,o);return r&&n.push(r),e&&n.push(`mc-button--${e}`),i?n.push("mc-button--full"):n.push("mc-button--fit"),"only"===C&&n.push("mc-button--square"),N&&n.push(`mc-button--${N}`),A&&n.push(`mc-button--${A}`),n.join(" ")},h,N,A,O,f,g,p,i]}class Z extends t{constructor(t){super();const c=document.createElement("style");c.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#188803;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#006902;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#006902}.mc-button:disabled,.mc-button.is-disabled,.mc-button[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled,.mc-button--solid-primary-02[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled,.mc-button--solid-neutral[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled,.mc-button--solid-danger[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#188803;border-color:#188803;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#c5e39e;color:#035010}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled,.mc-button--bordered[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled,.mc-button--bordered-primary-02[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled,.mc-button--bordered-neutral[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled,.mc-button--bordered-danger[aria-disabled=true]{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon{pointer-events:none}',this.shadowRoot.appendChild(c),o(this,{target:this.shadowRoot,props:{...e(this.attributes),$$slots:i(this)},customElement:!0},Y,W,m,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:17,responsivewidth:18,type:8,loader:19},null),t&&(t.target&&n(t.target,this,t.anchor),t.props&&(this.$set(t.props),r()))}static get observedAttributes(){return["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"]}get bordered(){return this.$$.ctx[0]}set bordered(t){this.$$set({bordered:t}),r()}get theme(){return this.$$.ctx[1]}set theme(t){this.$$set({theme:t}),r()}get size(){return this.$$.ctx[2]}set size(t){this.$$set({size:t}),r()}get full(){return this.$$.ctx[3]}set full(t){this.$$set({full:t}),r()}get label(){return this.$$.ctx[4]}set label(t){this.$$set({label:t}),r()}get iconname(){return this.$$.ctx[5]}set iconname(t){this.$$set({iconname:t}),r()}get iconmode(){return this.$$.ctx[6]}set iconmode(t){this.$$set({iconmode:t}),r()}get disabled(){return this.$$.ctx[7]}set disabled(t){this.$$set({disabled:t}),r()}get responsivesize(){return this.$$.ctx[17]}set responsivesize(t){this.$$set({responsivesize:t}),r()}get responsivewidth(){return this.$$.ctx[18]}set responsivewidth(t){this.$$set({responsivewidth:t}),r()}get type(){return this.$$.ctx[8]}set type(t){this.$$set({type:t}),r()}get loader(){return this.$$.ctx[19]}set loader(t){this.$$set({loader:t}),r()}}export{Z as default};
+import{c as t,S as e,i as o,f as l,s as n,a as r,e as c,b as a,d,t as s,g as u,h as b,j as i,k as v,l as m,m as g,n as f,o as q,p as h,q as k,r as p,u as $,v as y,w as _,x as w,y as x,z,A as j,B,C,H as A}from"../../index-c0bfe08f.js";import H from"../loader/Loader.js";import"../../spread-ed04f539.js";function L(t){r(t,"svelte-q2e18l",".mc-button.svelte-q2e18l.svelte-q2e18l{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);font-weight:600;padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;border-radius:0.25rem;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;fill:currentcolor;gap:0.25rem;cursor:pointer}.mc-button.svelte-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c)}.mc-button.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button.svelte-q2e18l.svelte-q2e18l: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-q2e18l .mc-button__label.svelte-q2e18l{font-size:1rem}.mc-button--s.svelte-q2e18l.svelte-q2e18l{padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem}.mc-button--s.svelte-q2e18l .mc-button__label.svelte-q2e18l{font-size:0.875rem}.mc-button--s.svelte-q2e18l .mc-button__icon.svelte-q2e18l{width:1.25rem;height:1.25rem}.mc-button--s.svelte-q2e18l .mc-button__icon.svelte-q2e18l:only-child{width:1.25rem;height:1.25rem}.mc-button--m.svelte-q2e18l.svelte-q2e18l{padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem}.mc-button--m.svelte-q2e18l .mc-button__label.svelte-q2e18l{font-size:1rem}.mc-button--m.svelte-q2e18l .mc-button__icon.svelte-q2e18l{width:1.5rem;height:1.5rem}.mc-button--m.svelte-q2e18l .mc-button__icon.svelte-q2e18l:only-child{width:1.5rem;height:1.5rem}.mc-button--l.svelte-q2e18l.svelte-q2e18l{padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem}.mc-button--l.svelte-q2e18l .mc-button__label.svelte-q2e18l{font-size:1.125rem}.mc-button--l.svelte-q2e18l .mc-button__icon.svelte-q2e18l{width:2rem;height:2rem}.mc-button--l.svelte-q2e18l .mc-button__icon.svelte-q2e18l:only-child{width:2rem;height:2rem}.mc-button__label.svelte-q2e18l.svelte-q2e18l{font-size:1rem}.mc-button__icon.svelte-q2e18l.svelte-q2e18l{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l:focus-visible{box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem}.mc-button--icon-only.svelte-q2e18l.svelte-q2e18l{padding:0.25rem}.mc-button--outlined.svelte-q2e18l.svelte-q2e18l{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-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6)}.mc-button--outlined.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l{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-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1))}.mc-button--ghost.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2))}.mc-button--ghost.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent.svelte-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-filled-accent-hover-background, #006902)}.mc-button--accent.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger.svelte-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003)}.mc-button--danger.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l{--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-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6)}.mc-button--inverse.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l{border-radius:100%;padding:0}.mc-button--loading.svelte-q2e18l .mc-button__label.svelte-q2e18l,.mc-button--loading.svelte-q2e18l .mc-button__icon.svelte-q2e18l{visibility:hidden}.mc-button--outlined.mc-button--standard.svelte-q2e18l.svelte-q2e18l{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-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6)}.mc-button--outlined.mc-button--standard.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l{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-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de)}.mc-button--outlined.mc-button--accent.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l{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-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea)}.mc-button--outlined.mc-button--danger.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l{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-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1))}.mc-button--outlined.mc-button--inverse.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2))}.mc-button--outlined.mc-button--inverse.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l{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-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1))}.mc-button--ghost.mc-button--standard.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2))}.mc-button--ghost.mc-button--standard.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l{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-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1))}.mc-button--ghost.mc-button--accent.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2))}.mc-button--ghost.mc-button--accent.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l{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-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1))}.mc-button--ghost.mc-button--danger.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2))}.mc-button--ghost.mc-button--danger.svelte-q2e18l.svelte-q2e18l: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-q2e18l.svelte-q2e18l{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-q2e18l.svelte-q2e18l:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1))}.mc-button--ghost.mc-button--inverse.svelte-q2e18l.svelte-q2e18l:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2))}.mc-button--ghost.mc-button--inverse.svelte-q2e18l.svelte-q2e18l:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button__icon.svelte-q2e18l.svelte-q2e18l{pointer-events:none}.hidden.svelte-q2e18l.svelte-q2e18l{visibility:hidden}")}const O=t=>({}),S=t=>({}),D=t=>({}),E=t=>({}),F=t=>({}),G=t=>({});function I(t){let e,o;return e=new H({props:{theme:"standard",style:"color: currentColor; position: absolute;",size:"m",text:""}}),{c(){p(e.$$.fragment)},m(t,l){$(e,t,l),o=!0},i(t){o||(i(e.$$.fragment,t),o=!0)},o(t){v(e.$$.fragment,t),o=!1},d(t){y(e,t)}}}function J(t){let e,o,l,n;const r=[M,K],a=[];function s(t,e){return t[9].icon?0:t[4]?1:-1}return~(o=s(t))&&(l=a[o]=r[o](t)),{c(){e=c("span"),l&&l.c(),d(e,"class","mc-button__icon svelte-q2e18l")},m(t,l){u(t,e,l),~o&&a[o].m(e,null),n=!0},p(t,n){let c=o;o=s(t),o===c?~o&&a[o].p(t,n):(l&&(_(),v(a[c],1,1,(()=>{a[c]=null})),m()),~o?(l=a[o],l?l.p(t,n):(l=a[o]=r[o](t),l.c()),i(l,1),l.m(e,null)):l=null)},i(t){n||(i(l),n=!0)},o(t){v(l),n=!1},d(t){t&&g(e),~o&&a[o].d()}}}function K(t){let e,o,l=`<${X(t[1],t[5],t[4])} />`;return{c(){e=new A(!1),o=w(),e.a=o},m(t,n){e.m(l,t,n),u(t,o,n)},p(t,o){50&o&&l!==(l=`<${X(t[1],t[5],t[4])} />`)&&e.p(l)},i:x,o:x,d(t){t&&(g(o),e.d())}}}function M(t){let e;const o=t[12].icon,l=z(o,t,t[11],G);return{c(){l&&l.c()},m(t,o){l&&l.m(t,o),e=!0},p(t,n){l&&l.p&&(!e||2048&n)&&j(l,o,t,t[11],e?C(o,t[11],n,F):B(t[11]),G)},i(t){e||(i(l,t),e=!0)},o(t){v(l,t),e=!1},d(t){l&&l.d(t)}}}function N(t){let e,o;const l=t[12].default,n=z(l,t,t[11],null);return{c(){e=c("span"),n&&n.c(),d(e,"class","mc-button__label svelte-q2e18l"),s(e,"hidden",t[8])},m(t,l){u(t,e,l),n&&n.m(e,null),o=!0},p(t,r){n&&n.p&&(!o||2048&r)&&j(n,l,t,t[11],o?C(l,t[11],r,null):B(t[11]),null),(!o||256&r)&&s(e,"hidden",t[8])},i(t){o||(i(n,t),o=!0)},o(t){v(n,t),o=!1},d(t){t&&g(e),n&&n.d(t)}}}function P(t){let e,o,l,n;const r=[R,Q],a=[];function s(t,e){return t[9].icon?0:t[4]?1:-1}return~(o=s(t))&&(l=a[o]=r[o](t)),{c(){e=c("span"),l&&l.c(),d(e,"class","mc-button__icon svelte-q2e18l")},m(t,l){u(t,e,l),~o&&a[o].m(e,null),n=!0},p(t,n){let c=o;o=s(t),o===c?~o&&a[o].p(t,n):(l&&(_(),v(a[c],1,1,(()=>{a[c]=null})),m()),~o?(l=a[o],l?l.p(t,n):(l=a[o]=r[o](t),l.c()),i(l,1),l.m(e,null)):l=null)},i(t){n||(i(l),n=!0)},o(t){v(l),n=!1},d(t){t&&g(e),~o&&a[o].d()}}}function Q(t){let e,o,l=`<${X(t[1],t[5],t[4])} />`;return{c(){e=new A(!1),o=w(),e.a=o},m(t,n){e.m(l,t,n),u(t,o,n)},p(t,o){50&o&&l!==(l=`<${X(t[1],t[5],t[4])} />`)&&e.p(l)},i:x,o:x,d(t){t&&(g(o),e.d())}}}function R(t){let e;const o=t[12].icon,l=z(o,t,t[11],E);return{c(){l&&l.c()},m(t,o){l&&l.m(t,o),e=!0},p(t,n){l&&l.p&&(!e||2048&n)&&j(l,o,t,t[11],e?C(o,t[11],n,D):B(t[11]),E)},i(t){e||(i(l,t),e=!0)},o(t){v(l,t),e=!1},d(t){l&&l.d(t)}}}function T(t){let e,o,l,n;const r=[V,U],a=[];function s(t,e){return t[9].icon?0:t[4]?1:-1}return~(o=s(t))&&(l=a[o]=r[o](t)),{c(){e=c("span"),l&&l.c(),d(e,"class","mc-button__icon svelte-q2e18l")},m(t,l){u(t,e,l),~o&&a[o].m(e,null),n=!0},p(t,n){let c=o;o=s(t),o===c?~o&&a[o].p(t,n):(l&&(_(),v(a[c],1,1,(()=>{a[c]=null})),m()),~o?(l=a[o],l?l.p(t,n):(l=a[o]=r[o](t),l.c()),i(l,1),l.m(e,null)):l=null)},i(t){n||(i(l),n=!0)},o(t){v(l),n=!1},d(t){t&&g(e),~o&&a[o].d()}}}function U(t){let e,o,l=`<${X(t[1],t[5],t[4])} />`;return{c(){e=new A(!1),o=w(),e.a=o},m(t,n){e.m(l,t,n),u(t,o,n)},p(t,o){50&o&&l!==(l=`<${X(t[1],t[5],t[4])} />`)&&e.p(l)},i:x,o:x,d(t){t&&(g(o),e.d())}}}function V(t){let e;const o=t[12].icon,l=z(o,t,t[11],S);return{c(){l&&l.c()},m(t,o){l&&l.m(t,o),e=!0},p(t,n){l&&l.p&&(!e||2048&n)&&j(l,o,t,t[11],e?C(o,t[11],n,O):B(t[11]),S)},i(t){e||(i(l,t),e=!0)},o(t){v(l,t),e=!1},d(t){l&&l.d(t)}}}function W(t){let e,o,l,n,r,f,q,h,k=t[8]&&I(),p=(t[4]||t[9].icon)&&"left"===t[5]&&J(t);const $=[P,N],y=[];function w(t,e){return(t[4]||t[9].icon)&&"only"===t[5]?0:1}n=w(t),r=y[n]=$[n](t);let x=(t[4]||t[9].icon)&&"right"===t[5]&&T(t);return{c(){e=c("button"),k&&k.c(),o=a(),p&&p.c(),l=a(),r.c(),f=a(),x&&x.c(),d(e,"class",q="mc-button "+(t[1]?`mc-button--${t[1]}`:"")+" "+(t[0]?`mc-button--${t[0]}`:"")+" svelte-q2e18l"),e.disabled=t[6],d(e,"type",t[7]),s(e,"mc-button--ghost",t[2]),s(e,"mc-button--outlined",t[3]),s(e,"mc-button--icon-only","only"==t[5]),s(e,"mc-button--loading",t[8])},m(t,r){u(t,e,r),k&&k.m(e,null),b(e,o),p&&p.m(e,null),b(e,l),y[n].m(e,null),b(e,f),x&&x.m(e,null),h=!0},p(t,[c]){t[8]?k?256&c&&i(k,1):(k=I(),k.c(),i(k,1),k.m(e,o)):k&&(_(),v(k,1,1,(()=>{k=null})),m()),(t[4]||t[9].icon)&&"left"===t[5]?p?(p.p(t,c),560&c&&i(p,1)):(p=J(t),p.c(),i(p,1),p.m(e,l)):p&&(_(),v(p,1,1,(()=>{p=null})),m());let a=n;n=w(t),n===a?y[n].p(t,c):(_(),v(y[a],1,1,(()=>{y[a]=null})),m(),r=y[n],r?r.p(t,c):(r=y[n]=$[n](t),r.c()),i(r,1),r.m(e,f)),(t[4]||t[9].icon)&&"right"===t[5]?x?(x.p(t,c),560&c&&i(x,1)):(x=T(t),x.c(),i(x,1),x.m(e,null)):x&&(_(),v(x,1,1,(()=>{x=null})),m()),(!h||3&c&&q!==(q="mc-button "+(t[1]?`mc-button--${t[1]}`:"")+" "+(t[0]?`mc-button--${t[0]}`:"")+" svelte-q2e18l"))&&d(e,"class",q),(!h||64&c)&&(e.disabled=t[6]),(!h||128&c)&&d(e,"type",t[7]),(!h||7&c)&&s(e,"mc-button--ghost",t[2]),(!h||11&c)&&s(e,"mc-button--outlined",t[3]),(!h||35&c)&&s(e,"mc-button--icon-only","only"==t[5]),(!h||259&c)&&s(e,"mc-button--loading",t[8])},i(t){h||(i(k),i(p),i(r),i(x),h=!0)},o(t){v(k),v(p),v(r),v(x),h=!1},d(t){t&&g(e),k&&k.d(),p&&p.d(),y[n].d(),x&&x.d()}}}function X(t,e,o){const l="only"===e;let n;switch(t){case"s":n="24px";break;case"m":n=l?"32px":"24px";break;case"l":n=l?"100%":"32px"}return`${o} size="${n}" `}function Y(t,e,o){let l;const n=["style","size","ghost","outlined","iconname","iconmode","disabled","type","isloading"];let r=f(e,n),{$$slots:c={},$$scope:a}=e;const d=q(c);let{style:s="standard"}=e,{size:u="m"}=e,{ghost:b=!1}=e,{outlined:i=!1}=e,{iconname:v}=e,{iconmode:m}=e,{disabled:g=!1}=e,{type:p="button"}=e,{isloading:$=!1}=e;return t.$$set=t=>{e=h(h({},e),k(t)),o(13,r=f(e,n)),"style"in t&&o(0,s=t.style),"size"in t&&o(1,u=t.size),"ghost"in t&&o(2,b=t.ghost),"outlined"in t&&o(3,i=t.outlined),"iconname"in t&&o(4,v=t.iconname),"iconmode"in t&&o(5,m=t.iconmode),"disabled"in t&&o(6,g=t.disabled),"type"in t&&o(7,p=t.type),"isloading"in t&&o(8,$=t.isloading),"$$scope"in t&&o(11,a=t.$$scope)},t.$$.update=()=>{o(10,l=Object.assign({},r)),1024&t.$$.dirty&&delete l.class},[s,u,b,i,v,m,g,p,$,d,l,a,c]}class Z extends e{constructor(t){super(),o(this,t,Y,W,n,{style:0,size:1,ghost:2,outlined:3,iconname:4,iconmode:5,disabled:6,type:7,isloading:8},L)}get style(){return this.$$.ctx[0]}set style(t){this.$$set({style:t}),l()}get size(){return this.$$.ctx[1]}set size(t){this.$$set({size:t}),l()}get ghost(){return this.$$.ctx[2]}set ghost(t){this.$$set({ghost:t}),l()}get outlined(){return this.$$.ctx[3]}set outlined(t){this.$$set({outlined:t}),l()}get iconname(){return this.$$.ctx[4]}set iconname(t){this.$$set({iconname:t}),l()}get iconmode(){return this.$$.ctx[5]}set iconmode(t){this.$$set({iconmode:t}),l()}get disabled(){return this.$$.ctx[6]}set disabled(t){this.$$set({disabled:t}),l()}get type(){return this.$$.ctx[7]}set type(t){this.$$set({type:t}),l()}get isloading(){return this.$$.ctx[8]}set isloading(t){this.$$set({isloading:t}),l()}}t(Z,{style:{},size:{},ghost:{type:"Boolean"},outlined:{type:"Boolean"},iconname:{},iconmode:{},disabled:{type:"Boolean"},type:{},isloading:{type:"Boolean"}},["icon","default"],[],!0);export{Z as default};
 //# sourceMappingURL=Button.js.map

package/public/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  import Loader from '../loader/Loader.nested.svelte';\n  import type {\n    ButtonIconMode,\n    ButtonSize,\n    ButtonTheme,\n    ButtonResponsiveSize,\n    ButtonResponsiveWidth,\n    ButtonType,\n    ButtonLoader,\n  } from './button.types';\n\n  export let bordered = false;\n  export let theme: ButtonTheme | undefined = undefined;\n  export let size: ButtonSize = 'm';\n  export let full = false;\n  export let label: string;\n  export let iconname: string | undefined;\n  export let iconmode: ButtonIconMode | undefined;\n  export let disabled = false;\n  export let responsivesize: ButtonResponsiveSize = undefined;\n  export let responsivewidth: ButtonResponsiveWidth = undefined;\n  export let type: ButtonType = 'button';\n  export let loader: string;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;\n  $: isLoading = loaderOpts?.enabled ?? false;\n  $: loaderPosition = loaderOpts?.position ?? 'left';\n  $: loaderTheme = loaderOpts?.theme ?? 'primary';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(\n    size: ButtonSize,\n    iconMode: ButtonIconMode,\n    iconName: string,\n  ): string {\n    const isIconOnly = iconMode === 'only';\n    let iconSize: string;\n\n    switch (size) {\n      case 's':\n        iconSize = '24px';\n        break;\n      case 'm':\n        iconSize = isIconOnly ? '32px' : '24px';\n        break;\n      case 'l':\n        iconSize = isIconOnly ? '100%' : '32px';\n        break;\n    }\n\n    return `${iconName} size=\"${iconSize}\" class=\"no\"`;\n  }\n\n  function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {\n    if (!isBordered && !theme) {\n      return '';\n    }\n\n    const type = isBordered ? 'bordered' : 'solid';\n\n    if (theme) {\n      return `mc-button--${type}-${theme}`;\n    }\n    return `mc-button--${type}`;\n  }\n\n  function getClasses(\n    theme: ButtonTheme,\n    isBordered: boolean,\n    size: ButtonSize,\n    isFull: boolean,\n  ): string {\n    const classes = ['mc-button'];\n\n    const appearanceClass = getAppearanceClass(theme, isBordered);\n    if (appearanceClass) {\n      classes.push(appearanceClass);\n    }\n\n    if (size) {\n      classes.push(`mc-button--${size}`);\n    }\n\n    if (isFull) {\n      classes.push(`mc-button--full`);\n    } else {\n      classes.push(`mc-button--fit`);\n    }\n\n    if (iconmode === 'only') {\n      classes.push('mc-button--square');\n    }\n\n    if (responsivesize) {\n      classes.push(`mc-button--${responsivesize}`);\n    }\n\n    if (responsivewidth) {\n      classes.push(`mc-button--${responsivewidth}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<button\n  use:forwardEvents\n  {type}\n  class=\"{getClasses(theme, bordered, size, full)} {userClass}\"\n  class:mc-button--square={iconmode == 'only'}\n  {disabled}\n  {...attributes}\n>\n  {#if (iconname || $$slots.icon) && iconmode === 'left'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading && loaderPosition === 'left'}\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      {:else if $$slots.icon}\n        <slot name=\"icon\" />\n      {:else if iconname}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {/if}\n\n  {#if (iconname || $$slots.icon) && iconmode === 'only'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading}\n        <Loader size=\"m\" theme={loaderTheme} text=\"\" />\n      {:else if $$slots.icon}\n        <slot name=\"icon\" />\n      {:else if iconname}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {:else}\n    {#if isLoading && loaderPosition === 'left' && !iconname && !$$slots.icon}\n      <span class=\"mc-button__icon\">\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      </span>\n    {/if}\n    <span class=\"mc-button__label\">{label}</span>\n    {#if isLoading && loaderPosition === 'right' && !iconname && !$$slots.icon}\n      <span class=\"mc-button__icon\">\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      </span>\n    {/if}\n  {/if}\n\n  {#if (iconname || $$slots.icon) && iconmode === 'right'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading && loaderPosition === 'right'}\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      {:else if $$slots.icon}\n        <slot name=\"icon\" />\n      {:else if iconname}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {/if}\n</button>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.button';\n\n  .mc-button__icon {\n    pointer-events: none;\n  }\n</style>\n"],"names":["ctx","icon","insert","target","span","anchor","raw_value","generateIconName","dirty","html_tag","p","slot","create_if_block_9","create_if_block_8","if_block0","create_if_block_10","if_block2","create_if_block","toggle_class","button","class","button_class_value","size","iconMode","iconName","isIconOnly","iconSize","_a","_b","_c","bordered","$$props","theme","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader","forwardEvents","createEventForwarder","get_current_component","$$invalidate","loaderOpts","JSON","parse","undefined","isLoading","enabled","loaderPosition","position","loaderTheme","userClass","attributes","Object","assign","$$restProps","isBordered","isFull","classes","appearanceClass","getAppearanceClass","push","join"],"mappings":"saA4HWA,EAAS,KAAuB,SAAnBA,EAAc,IAAW,EAEjCA,MAAQC,KAAI,EAEZD,EAAQ,GAAA,wGALpBE,EAQMC,EAAAC,EAAAC,qRAFSC,EAAA,IAAAC,EAAiBP,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,IAAAQ,GAAAF,KAAAA,EAAA,IAAAC,EAAiBP,EAAM,GAAAA,KAAUA,EAAQ,WAAAS,EAAAC,EAAAJ,0GAFpDJ,EAAmBC,EAAAQ,EAAAN,2FAFKL,EAAW,+FAAXA,EAAW,+HAoBlCA,EAAS,KAAuB,SAAnBA,EAAmB,MAAWA,EAAQ,KAAKA,EAAO,IAACC,MAAIW,EAAAZ,KAMpEA,EAAS,KAAuB,UAAnBA,EAAmB,MAAYA,EAAQ,KAAKA,EAAO,IAACC,MAAIY,EAAAb,6CAD1CA,EAAK,sFAArCE,EAA4CC,EAAAC,EAAAC,sDALvCL,EAAS,KAAuB,SAAnBA,EAAmB,KAAWA,EAAQ,IAAKA,EAAO,IAACC,iIAKrCD,EAAK,KAChCA,EAAS,KAAuB,UAAnBA,EAAmB,KAAYA,EAAQ,IAAKA,EAAO,IAACC,kSAf/DD,EAAS,IAAA,EAEJA,MAAQC,KAAI,EAEZD,EAAQ,GAAA,wGALpBE,EAQMC,EAAAC,EAAAC,6TAIsBL,EAAW,wFADrCE,EAEMC,EAAAC,EAAAC,wDADoBL,EAAW,mKAMXA,EAAW,wFADrCE,EAEMC,EAAAC,EAAAC,wDADoBL,EAAW,2HAZxBM,EAAA,IAAAC,EAAiBP,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,IAAAQ,GAAAF,KAAAA,EAAA,IAAAC,EAAiBP,EAAM,GAAAA,KAAUA,EAAQ,WAAAS,EAAAC,EAAAJ,0GAFpDJ,EAAmBC,EAAAQ,EAAAN,2FAFKL,EAAW,+FAAXA,EAAW,qKAuBhCA,EAAS,KAAuB,UAAnBA,EAAc,IAAY,EAElCA,MAAQC,KAAI,EAEZD,EAAQ,GAAA,wGALpBE,EAQMC,EAAAC,EAAAC,qRAFSC,EAAA,IAAAC,EAAiBP,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,IAAAQ,GAAAF,KAAAA,EAAA,IAAAC,EAAiBP,EAAM,GAAAA,KAAUA,EAAQ,WAAAS,EAAAC,EAAAJ,0GAFpDJ,EAAmBC,EAAAQ,EAAAN,2FAFKL,EAAW,+FAAXA,EAAW,mIAvCnCc,GAAAd,MAAYA,EAAO,IAACC,OAAsB,SAAbD,MAAmBe,EAAAf,sCAYhD,OAAAA,MAAYA,EAAO,IAACC,OAAsB,SAAbD,KAAmB,0BAwBhD,IAAAgB,GAAAhB,MAAYA,EAAO,IAACC,OAAsB,UAAbD,MAAoBiB,EAAAjB,2BAzC/CA,EAAU,IAACA,EAAO,GAAAA,KAAUA,EAAI,GAAEA,EAAI,IAAA,IAAIA,EAAS,qBAGvDA,EAAU,8HAFWkB,EAAAC,EAAA,oBAAY,QAAZnB,cAJ3BE,EAuDQC,EAAAgB,EAAAd,uIA/CAL,MAAYA,EAAO,IAACC,OAAsB,SAAbD,yOAoC7BA,MAAYA,EAAO,IAACC,OAAsB,UAAbD,iKAzC3BA,EAAU,IAACA,EAAO,GAAAA,KAAUA,EAAI,GAAEA,EAAI,IAAA,IAAIA,EAAS,OAAA,CAAAoB,MAAAC,uCAGvDrB,EAAU,MAFWkB,EAAAC,EAAA,oBAAY,QAAZnB,mHA/EhB,SAAAO,EACPe,EACAC,EACAC,SAEMC,EAA0B,SAAbF,MACfG,SAEIJ,OACD,IACHI,EAAW,iBAER,IACHA,EAAWD,EAAa,OAAS,iBAE9B,IACHC,EAAWD,EAAa,OAAS,OAI3B,MAAA,GAAAD,WAAkBE,kPAzDfC,EAAAC,EAAAC,EAcJ,IAAAC,SAAAA,GAAW,GAAKC,GAChBC,MAAAA,GAA0CD,GAC1CT,KAAAA,EAAmB,KAAGS,GACtBE,KAAAA,GAAO,GAAKF,SACZG,GAAaH,YACbI,GAA4BJ,YAC5BK,GAAoCL,GACpCM,SAAAA,GAAW,GAAKN,GAChBO,eAAAA,GAAgDP,GAChDQ,gBAAAA,GAAkDR,GAClDS,KAAAA,EAAmB,UAAQT,UAC3BU,GAAcV,QAEnBW,EAAgBC,EAAqBC,ifAE1CC,EAAA,GAAEC,EAAaL,EAAUM,KAAKC,MAAMP,QAA2BQ,uBAC/DJ,EAAA,GAAEK,EAAL,OAAcL,EAAA,GAAdlB,EAAiBmB,eAAAA,EAAYK,mBAA7BxB,GAAAA,wBACGkB,EAAA,GAAEO,EAAL,OAAmBP,EAAA,GAAnBjB,EAAsBkB,eAAAA,EAAYO,oBAAlCzB,EAAAA,EAA8C,6BAC3CiB,EAAA,GAAES,EAAL,OAAgBT,EAAA,GAAhBhB,EAAmBiB,eAAAA,EAAYd,iBAA/BH,EAAAA,EAAwC,WACnCgB,EAAA,GAAAU,EAAYxB,EAAQX,WACpBoC,EAALC,OAAAC,UAAuBC,2BACXH,EAAWpC,6CAsCZ,SACPY,EACA4B,EACAtC,EACAuC,GAEM,MAAAC,GAAW,aAEXC,WArBoB/B,EAAoB4B,GACzC,IAAAA,IAAe5B,QACX,GAGH,MAAAQ,EAAOoB,EAAa,WAAa,eAEnC5B,EACmB,cAAAQ,KAAQR,kBAEVQ,IAWGwB,CAAmBhC,EAAO4B,UAC9CG,GACFD,EAAQG,KAAKF,GAGXzC,GACFwC,EAAQG,KAAI,cAAe3C,KAGzBuC,EACFC,EAAQG,KAAI,mBAEZH,EAAQG,KAAI,kBAGG,SAAb7B,GACF0B,EAAQG,KAAK,qBAGX3B,GACFwB,EAAQG,KAAI,cAAe3B,KAGzBC,GACFuB,EAAQG,KAAI,cAAe1B,KAGtBuB,EAAQI,KAAK"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: '' }} />\n\n<script lang=\"ts\">\n  // @ts-ignore Need to use internal Svelte function\n  import { get_current_component } from 'svelte/internal';\n  import type {\n    ButtonIconMode,\n    ButtonSize,\n    ButtonStyle,\n    ButtonType,\n  } from './button.types';\n\n  import Loader from '../loader/Loader.svelte';\n\n  export let style: ButtonStyle | undefined = 'standard';\n  export let size: ButtonSize = 'm';\n  export let ghost = false;\n  export let outlined = false;\n  export let iconname: string | undefined;\n  export let iconmode: ButtonIconMode | undefined;\n  export let disabled = false;\n  export let type: ButtonType = 'button';\n  export let isloading = false;\n\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(\n    size: ButtonSize,\n    iconMode: ButtonIconMode,\n    iconName: string,\n  ): string {\n    const isIconOnly = iconMode === 'only';\n    let iconSize: string;\n\n    switch (size) {\n      case 's':\n        iconSize = '24px';\n        break;\n      case 'm':\n        iconSize = isIconOnly ? '32px' : '24px';\n        break;\n      case 'l':\n        iconSize = isIconOnly ? '100%' : '32px';\n        break;\n    }\n\n    return `${iconName} size=\"${iconSize}\" `;\n  }\n</script>\n\n<button\n  class=\"mc-button {size ? `mc-button--${size}` : ''} {style\n    ? `mc-button--${style}`\n    : ''}\"\n  class:mc-button--ghost={ghost}\n  class:mc-button--outlined={outlined}\n  class:mc-button--icon-only={iconmode == 'only'}\n  class:mc-button--loading={isloading}\n  {disabled}\n  {type}\n>\n  {#if isloading}\n    <Loader theme=\"standard\" style=\"color: currentColor; position: absolute;\" size=\"m\" text=\"\" />\n  {/if}\n    {#if (iconname || $$slots.icon) && iconmode === 'left'}\n      <span class=\"mc-button__icon\">\n        {#if $$slots.icon}\n          <slot name=\"icon\" />\n        {:else if iconname}\n          {@html `<${generateIconName(size, iconmode, iconname)} />`}\n        {/if}\n      </span>\n    {/if}\n\n    {#if (iconname || $$slots.icon) && iconmode === 'only'}\n      <span class=\"mc-button__icon\">\n        {#if $$slots.icon}\n          <slot name=\"icon\" />\n        {:else if iconname}\n          {@html `<${generateIconName(size, iconmode, iconname)} />`}\n        {/if}\n      </span>\n    {:else}\n      <span class=\"mc-button__label\" class:hidden={isloading}>\n        <slot />\n      </span>\n    {/if}\n\n    {#if (iconname || $$slots.icon) && iconmode === 'right'}\n      <span class=\"mc-button__icon\">\n        {#if $$slots.icon}\n          <slot name=\"icon\" />\n        {:else if iconname}\n          {@html `<${generateIconName(size, iconmode, iconname)} />`}\n        {/if}\n      </span>\n    {/if}\n\n</button>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/button';\n\n  .mc-button__icon {\n    pointer-events: none;\n  }\n\n  .hidden {\n    visibility: hidden;\n  }\n</style>\n"],"names":["ctx","icon","insert","target","span","anchor","raw_value","generateIconName","dirty","html_tag","p","create_if_block_9","if_block1","create_if_block_6","if_block3","create_if_block","toggle_class","button","size","iconMode","iconName","isIconOnly","iconSize","style","$$props","ghost","outlined","iconname","iconmode","disabled","type","isloading","$$invalidate","attributes","Object","assign","$$restProps","class"],"mappings":"k/aAmEa,OAAAA,KAAQC,KAAI,EAEPD,EAAQ,GAAA,sHAHpBE,EAMMC,EAAAC,EAAAC,qRAFSC,EAAA,IAAAC,EAAiBP,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,GAAAQ,GAAAF,KAAAA,EAAA,IAAAC,EAAiBP,EAAM,GAAAA,KAAUA,EAAQ,WAAAS,EAAAC,EAAAJ,uaAcXN,EAAS,YAAtDE,EAEMC,EAAAC,EAAAC,gIAFuCL,EAAS,oIAP/C,OAAAA,KAAQC,KAAI,EAEPD,EAAQ,GAAA,sHAHpBE,EAMMC,EAAAC,EAAAC,qRAFSC,EAAA,IAAAC,EAAiBP,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,GAAAQ,GAAAF,KAAAA,EAAA,IAAAC,EAAiBP,EAAM,GAAAA,KAAUA,EAAQ,WAAAS,EAAAC,EAAAJ,yUAWjD,OAAAN,KAAQC,KAAI,EAEPD,EAAQ,GAAA,sHAHpBE,EAMMC,EAAAC,EAAAC,qRAFSC,EAAA,IAAAC,EAAiBP,EAAM,GAAAA,KAAUA,EAAQ,gFAAzC,GAAAQ,GAAAF,KAAAA,EAAA,IAAAC,EAAiBP,EAAM,GAAAA,KAAUA,EAAQ,WAAAS,EAAAC,EAAAJ,gTAhCvDN,EAAS,IAAAW,IAGNC,GAAAZ,MAAYA,EAAO,GAACC,OAAsB,SAAbD,MAAmBa,EAAAb,sCAUhD,OAAAA,MAAYA,EAAO,GAACC,OAAsB,SAAbD,KAAmB,0BAchD,IAAAc,GAAAd,MAAYA,EAAO,GAACC,OAAsB,UAAbD,MAAoBe,EAAAf,2GArCvCA,EAAI,GAAA,cAAiBA,EAAS,KAAA,SAAKA,EACnC,GAAA,cAAAA,OACd,IAAE,0EACkBA,EAAK,8BACFA,EAAQ,IACPgB,EAAAC,EAAA,uBAAY,QAAZjB,+BACFA,EAAS,YAPrCE,EAgDQC,EAAAc,EAAAZ,mGArCDL,EAAS,uFAGNA,MAAYA,EAAO,GAACC,OAAsB,SAAbD,uOAwB7BA,MAAYA,EAAO,GAACC,OAAsB,UAAbD,sIArCnBA,EAAI,GAAA,cAAiBA,EAAS,KAAA,SAAKA,EACnC,GAAA,cAAAA,OACd,IAAE,iIACkBA,EAAK,0CACFA,EAAQ,gBACPgB,EAAAC,EAAA,uBAAY,QAAZjB,4CACFA,EAAS,2HA/B1B,SAAAO,EACPW,EACAC,EACAC,SAEMC,EAA0B,SAAbF,MACfG,SAEIJ,OACD,IACHI,EAAW,iBAER,IACHA,EAAWD,EAAa,OAAS,iBAE9B,IACHC,EAAWD,EAAa,OAAS,OAI3B,MAAA,GAAAD,WAAkBE,mLAjCnB,IAAAC,MAAAA,EAAiC,YAAUC,GAC3CN,KAAAA,EAAmB,KAAGM,GACtBC,MAAAA,GAAQ,GAAKD,GACbE,SAAAA,GAAW,GAAKF,YAChBG,GAA4BH,YAC5BI,GAAoCJ,GACpCK,SAAAA,GAAW,GAAKL,GAChBM,KAAAA,EAAmB,UAAQN,GAC3BO,UAAAA,GAAY,GAAKP,iYAE3BQ,EAAA,GAAEC,EAAUC,OAAAC,OAAA,CAAA,EAAQC,4BACXH,EAAWI"}

package/public/components/button/Button.svelte

@@ -1,39 +1,27 @@
-<svelte:options tag={null} />
+<svelte:options customElement={{ tag: '' }} />
 
 <script lang="ts">
+  // @ts-ignore Need to use internal Svelte function
   import { get_current_component } from 'svelte/internal';
-  import { createEventForwarder } from '../../utilities/EventForward';
-  import Loader from '../loader/Loader.nested.svelte';
   import type {
     ButtonIconMode,
     ButtonSize,
-    ButtonTheme,
-    ButtonResponsiveSize,
-    ButtonResponsiveWidth,
+    ButtonStyle,
     ButtonType,
-    ButtonLoader,
   } from './button.types';
 
-  export let bordered = false;
-  export let theme: ButtonTheme | undefined = undefined;
+  import Loader from '../loader/Loader.svelte';
+
+  export let style: ButtonStyle | undefined = 'standard';
   export let size: ButtonSize = 'm';
-  export let full = false;
-  export let label: string;
+  export let ghost = false;
+  export let outlined = false;
   export let iconname: string | undefined;
   export let iconmode: ButtonIconMode | undefined;
   export let disabled = false;
-  export let responsivesize: ButtonResponsiveSize = undefined;
-  export let responsivewidth: ButtonResponsiveWidth = undefined;
   export let type: ButtonType = 'button';
-  export let loader: string;
-
-  const forwardEvents = createEventForwarder(get_current_component());
+  export let isloading = false;
 
-  $: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;
-  $: isLoading = loaderOpts?.enabled ?? false;
-  $: loaderPosition = loaderOpts?.position ?? 'left';
-  $: loaderTheme = loaderOpts?.theme ?? 'primary';
-  $: userClass = $$props.class;
   $: attributes = { ...$$restProps };
   $: delete attributes.class;
 
@@ -57,123 +45,68 @@
         break;
     }
 
-    return `${iconName} size="${iconSize}" class="no"`;
-  }
-
-  function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {
-    if (!isBordered && !theme) {
-      return '';
-    }
-
-    const type = isBordered ? 'bordered' : 'solid';
-
-    if (theme) {
-      return `mc-button--${type}-${theme}`;
-    }
-    return `mc-button--${type}`;
-  }
-
-  function getClasses(
-    theme: ButtonTheme,
-    isBordered: boolean,
-    size: ButtonSize,
-    isFull: boolean,
-  ): string {
-    const classes = ['mc-button'];
-
-    const appearanceClass = getAppearanceClass(theme, isBordered);
-    if (appearanceClass) {
-      classes.push(appearanceClass);
-    }
-
-    if (size) {
-      classes.push(`mc-button--${size}`);
-    }
-
-    if (isFull) {
-      classes.push(`mc-button--full`);
-    } else {
-      classes.push(`mc-button--fit`);
-    }
-
-    if (iconmode === 'only') {
-      classes.push('mc-button--square');
-    }
-
-    if (responsivesize) {
-      classes.push(`mc-button--${responsivesize}`);
-    }
-
-    if (responsivewidth) {
-      classes.push(`mc-button--${responsivewidth}`);
-    }
-
-    return classes.join(' ');
+    return `${iconName} size="${iconSize}" `;
   }
 </script>
 
 <button
-  use:forwardEvents
-  {type}
-  class="{getClasses(theme, bordered, size, full)} {userClass}"
-  class:mc-button--square={iconmode == 'only'}
+  class="mc-button {size ? `mc-button--${size}` : ''} {style
+    ? `mc-button--${style}`
+    : ''}"
+  class:mc-button--ghost={ghost}
+  class:mc-button--outlined={outlined}
+  class:mc-button--icon-only={iconmode == 'only'}
+  class:mc-button--loading={isloading}
   {disabled}
-  {...attributes}
+  {type}
 >
-  {#if (iconname || $$slots.icon) && iconmode === 'left'}
-    <span class="mc-button__icon">
-      {#if isLoading && loaderPosition === 'left'}
-        <Loader size="s" theme={loaderTheme} text="" />
-      {:else if $$slots.icon}
-        <slot name="icon" />
-      {:else if iconname}
-        {@html `<${generateIconName(size, iconmode, iconname)} />`}
-      {/if}
-    </span>
+  {#if isloading}
+    <Loader theme="standard" style="color: currentColor; position: absolute;" size="m" text="" />
   {/if}
+    {#if (iconname || $$slots.icon) && iconmode === 'left'}
+      <span class="mc-button__icon">
+        {#if $$slots.icon}
+          <slot name="icon" />
+        {:else if iconname}
+          {@html `<${generateIconName(size, iconmode, iconname)} />`}
+        {/if}
+      </span>
+    {/if}
 
-  {#if (iconname || $$slots.icon) && iconmode === 'only'}
-    <span class="mc-button__icon">
-      {#if isLoading}
-        <Loader size="m" theme={loaderTheme} text="" />
-      {:else if $$slots.icon}
-        <slot name="icon" />
-      {:else if iconname}
-        {@html `<${generateIconName(size, iconmode, iconname)} />`}
-      {/if}
-    </span>
-  {:else}
-    {#if isLoading && loaderPosition === 'left' && !iconname && !$$slots.icon}
+    {#if (iconname || $$slots.icon) && iconmode === 'only'}
       <span class="mc-button__icon">
-        <Loader size="s" theme={loaderTheme} text="" />
+        {#if $$slots.icon}
+          <slot name="icon" />
+        {:else if iconname}
+          {@html `<${generateIconName(size, iconmode, iconname)} />`}
+        {/if}
+      </span>
+    {:else}
+      <span class="mc-button__label" class:hidden={isloading}>
+        <slot />
       </span>
     {/if}
-    <span class="mc-button__label">{label}</span>
-    {#if isLoading && loaderPosition === 'right' && !iconname && !$$slots.icon}
+
+    {#if (iconname || $$slots.icon) && iconmode === 'right'}
       <span class="mc-button__icon">
-        <Loader size="s" theme={loaderTheme} text="" />
+        {#if $$slots.icon}
+          <slot name="icon" />
+        {:else if iconname}
+          {@html `<${generateIconName(size, iconmode, iconname)} />`}
+        {/if}
       </span>
     {/if}
-  {/if}
 
-  {#if (iconname || $$slots.icon) && iconmode === 'right'}
-    <span class="mc-button__icon">
-      {#if isLoading && loaderPosition === 'right'}
-        <Loader size="s" theme={loaderTheme} text="" />
-      {:else if $$slots.icon}
-        <slot name="icon" />
-      {:else if iconname}
-        {@html `<${generateIconName(size, iconmode, iconname)} />`}
-      {/if}
-    </span>
-  {/if}
 </button>
 
 <style lang="scss">
-  @import '@mozaic-ds/styles/settings-tools/_all-settings';
-  @import '@mozaic-ds/styles/components/c.button';
+  @use '@mozaic-ds/styles/components/button';
 
   .mc-button__icon {
     pointer-events: none;
   }
+
+  .hidden {
+    visibility: hidden;
+  }
 </style>

package/public/components/button/IconButton.js

@@ -0,0 +1,2 @@
+import{c as o,S as t,i as r,f as e,s as c,a as n,e as a,d,t as l,g as b,y as u,m as s,n as i,p as v,q as g}from"../../index-c0bfe08f.js";function f(o){n(o,"svelte-afhc2k",".mc-button.svelte-afhc2k{color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);font-weight:600;padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;border-radius:0.25rem;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;fill:currentcolor;gap:0.25rem;cursor:pointer}.mc-button.svelte-afhc2k:hover{background-color:var(--button-color-filled-standard-hover-background, #343b4c)}.mc-button.svelte-afhc2k:active{background-color:var(--button-color-filled-standard-active-background, #242938)}.mc-button.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--s.svelte-afhc2k{padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem}.mc-button--m.svelte-afhc2k{padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem}.mc-button--l.svelte-afhc2k{padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem}.mc-button__label.svelte-afhc2k{font-size:1rem}.mc-button__icon.svelte-afhc2k{flex-shrink:0;width:1.5rem;height:1.5rem}.mc-button.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button.svelte-afhc2k:focus-visible{box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem}.mc-button--icon-only.svelte-afhc2k{padding:0.25rem}.mc-button--outlined.svelte-afhc2k{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.svelte-afhc2k:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6)}.mc-button--outlined.svelte-afhc2k:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.svelte-afhc2k{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01))}.mc-button--ghost.svelte-afhc2k:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1))}.mc-button--ghost.svelte-afhc2k:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2))}.mc-button--ghost.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--accent.svelte-afhc2k{color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03)}.mc-button--accent.svelte-afhc2k:hover{background-color:var(--button-color-filled-accent-hover-background, #006902)}.mc-button--accent.svelte-afhc2k:active{background-color:var(--button-color-filled-accent-active-background, #035010)}.mc-button--accent.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--danger.svelte-afhc2k{color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112)}.mc-button--danger.svelte-afhc2k:hover{background-color:var(--button-color-filled-danger-hover-background, #8c0003)}.mc-button--danger.svelte-afhc2k:active{background-color:var(--button-color-filled-danger-active-background, #530000)}.mc-button--danger.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--inverse.svelte-afhc2k{--focus-color-mid:var(--focus-color-outline-outer, #000000);--focus-color-outer:var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff)}.mc-button--inverse.svelte-afhc2k:hover{background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6)}.mc-button--inverse.svelte-afhc2k:active{background-color:var(--button-color-filled-inverse-active-background, #cccccc)}.mc-button--inverse.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--icon-button.svelte-afhc2k{border-radius:100%;padding:0}.mc-button--outlined.mc-button--standard.svelte-afhc2k{color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff)}.mc-button--outlined.mc-button--standard.svelte-afhc2k:hover{background-color:var(--button-color-outlined-standard-hover-background, #eff1f6)}.mc-button--outlined.mc-button--standard.svelte-afhc2k:active{background-color:var(--button-color-outlined-standard-active-background, #c9d0de)}.mc-button--outlined.mc-button--standard.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--accent.svelte-afhc2k{color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff)}.mc-button--outlined.mc-button--accent.svelte-afhc2k:hover{background-color:var(--button-color-outlined-accent-hover-background, #ebf5de)}.mc-button--outlined.mc-button--accent.svelte-afhc2k:active{background-color:var(--button-color-outlined-accent-active-background, #c5e39e)}.mc-button--outlined.mc-button--accent.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--danger.svelte-afhc2k{color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff)}.mc-button--outlined.mc-button--danger.svelte-afhc2k:hover{background-color:var(--button-color-outlined-danger-hover-background, #fdeaea)}.mc-button--outlined.mc-button--danger.svelte-afhc2k:active{background-color:var(--button-color-outlined-danger-active-background, #f8bcbb)}.mc-button--outlined.mc-button--danger.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--outlined.mc-button--inverse.svelte-afhc2k{color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, 0.01))}.mc-button--outlined.mc-button--inverse.svelte-afhc2k:hover{background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1))}.mc-button--outlined.mc-button--inverse.svelte-afhc2k:active{background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2))}.mc-button--outlined.mc-button--inverse.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--standard.svelte-afhc2k{color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01))}.mc-button--ghost.mc-button--standard.svelte-afhc2k:hover{background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1))}.mc-button--ghost.mc-button--standard.svelte-afhc2k:active{background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2))}.mc-button--ghost.mc-button--standard.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--accent.svelte-afhc2k{color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, 0.01))}.mc-button--ghost.mc-button--accent.svelte-afhc2k:hover{background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1))}.mc-button--ghost.mc-button--accent.svelte-afhc2k:active{background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2))}.mc-button--ghost.mc-button--accent.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--danger.svelte-afhc2k{color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, 0.01))}.mc-button--ghost.mc-button--danger.svelte-afhc2k:hover{background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1))}.mc-button--ghost.mc-button--danger.svelte-afhc2k:active{background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2))}.mc-button--ghost.mc-button--danger.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}.mc-button--ghost.mc-button--inverse.svelte-afhc2k{color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, 0.01))}.mc-button--ghost.mc-button--inverse.svelte-afhc2k:hover{background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1))}.mc-button--ghost.mc-button--inverse.svelte-afhc2k:active{background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2))}.mc-button--ghost.mc-button--inverse.svelte-afhc2k:disabled{background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed}")}function k(o){let t,r,e=`<${h(o[1],o[4])} />`;return{c(){t=a("button"),d(t,"class",r="mc-button mc-button--icon-button "+(o[1]?`mc-button--${o[1]}`:"")+" "+(o[0]?`mc-button--${o[0]}`:"")+" svelte-afhc2k"),t.disabled=o[5],d(t,"type",o[6]),l(t,"mc-button--ghost",o[2]),l(t,"mc-button--outlined",o[3])},m(o,r){b(o,t,r),t.innerHTML=e},p(o,[c]){18&c&&e!==(e=`<${h(o[1],o[4])} />`)&&(t.innerHTML=e),3&c&&r!==(r="mc-button mc-button--icon-button "+(o[1]?`mc-button--${o[1]}`:"")+" "+(o[0]?`mc-button--${o[0]}`:"")+" svelte-afhc2k")&&d(t,"class",r),32&c&&(t.disabled=o[5]),64&c&&d(t,"type",o[6]),7&c&&l(t,"mc-button--ghost",o[2]),11&c&&l(t,"mc-button--outlined",o[3])},i:u,o:u,d(o){o&&s(t)}}}function h(o,t){let r;switch(o){case"s":r="20px";break;case"m":r="24px";break;case"l":r="32px"}return`${t} size="${r}" `}function m(o,t,r){let e;const c=["style","size","ghost","outlined","iconname","disabled","type"];let n=i(t,c),{style:a="standard"}=t,{size:d="m"}=t,{ghost:l=!1}=t,{outlined:b=!1}=t,{iconname:u}=t,{disabled:s=!1}=t,{type:f="button"}=t;return o.$$set=o=>{t=v(v({},t),g(o)),r(8,n=i(t,c)),"style"in o&&r(0,a=o.style),"size"in o&&r(1,d=o.size),"ghost"in o&&r(2,l=o.ghost),"outlined"in o&&r(3,b=o.outlined),"iconname"in o&&r(4,u=o.iconname),"disabled"in o&&r(5,s=o.disabled),"type"in o&&r(6,f=o.type)},o.$$.update=()=>{r(7,e=Object.assign({},n)),128&o.$$.dirty&&delete e.class},[a,d,l,b,u,s,f,e]}class p extends t{constructor(o){super(),r(this,o,m,k,c,{style:0,size:1,ghost:2,outlined:3,iconname:4,disabled:5,type:6},f)}get style(){return this.$$.ctx[0]}set style(o){this.$$set({style:o}),e()}get size(){return this.$$.ctx[1]}set size(o){this.$$set({size:o}),e()}get ghost(){return this.$$.ctx[2]}set ghost(o){this.$$set({ghost:o}),e()}get outlined(){return this.$$.ctx[3]}set outlined(o){this.$$set({outlined:o}),e()}get iconname(){return this.$$.ctx[4]}set iconname(o){this.$$set({iconname:o}),e()}get disabled(){return this.$$.ctx[5]}set disabled(o){this.$$set({disabled:o}),e()}get type(){return this.$$.ctx[6]}set type(o){this.$$set({type:o}),e()}}o(p,{style:{},size:{},ghost:{type:"Boolean"},outlined:{type:"Boolean"},iconname:{},disabled:{type:"Boolean"},type:{}},[],[],!1);export{p as default};
+//# sourceMappingURL=IconButton.js.map

package/public/components/button/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../src/components/button/IconButton.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: '', shadow: 'none' }} />\n\n<script lang=\"ts\">\n  // @ts-ignore Need to use internal Svelte function\n  import { get_current_component } from 'svelte/internal';\n  import type { ButtonSize, ButtonStyle, ButtonType } from './button.types';\n\n  export let style: ButtonStyle | undefined = 'standard';\n  export let size: ButtonSize = 'm';\n  export let ghost = false;\n  export let outlined = false;\n  export let iconname: string;\n  export let disabled = false;\n  export let type: ButtonType = 'button';\n\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(size: ButtonSize, iconName: string): string {\n    let iconSize: string;\n\n    switch (size) {\n      case 's':\n        iconSize = '20px';\n        break;\n      case 'm':\n        iconSize = '24px';\n        break;\n      case 'l':\n        iconSize = '32px';\n        break;\n    }\n\n    return `${iconName} size=\"${iconSize}\" `;\n  }\n</script>\n\n<button\n  class=\"mc-button mc-button--icon-button {size\n    ? `mc-button--${size}`\n    : ''} {style ? `mc-button--${style}` : ''}\"\n  class:mc-button--ghost={ghost}\n  class:mc-button--outlined={outlined}\n  {disabled}\n  {type}\n>\n  {@html `<${generateIconName(size, iconname)} />`}\n</button>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/button';\n</style>\n"],"names":["generateIconName","ctx","insert","target","button","anchor","innerHTML","raw_value","size","iconName","iconSize","style","$$props","ghost","outlined","iconname","disabled","type","$$invalidate","attributes","Object","assign","$$restProps","class"],"mappings":"+/VA8CaA,EAAiBC,EAAI,GAAEA,EAAQ,qFARDA,EACvB,GAAA,cAAAA,OACd,IAAE,KAAGA,EAAsB,GAAA,cAAAA,OAAU,IAAE,0EACnBA,EAAK,8BACFA,EAAQ,YALrCC,EAUQC,EAAAC,EAAAC,4CADKL,EAAiBC,EAAI,GAAEA,EAAQ,YAAAG,EAAAE,UAAAC,oDARDN,EACvB,GAAA,cAAAA,OACd,IAAE,KAAGA,EAAsB,GAAA,cAAAA,OAAU,IAAE,6GACnBA,EAAK,oCACFA,EAAQ,qCAxB1BD,EAAiBQ,EAAkBC,OACtCC,SAEIF,OACD,IACHE,EAAW,iBAER,IACHA,EAAW,iBAER,IACHA,EAAW,OAIL,MAAA,GAAAD,WAAkBC,qHA1BnBC,MAAAA,EAAiC,YAAUC,GAC3CJ,KAAAA,EAAmB,KAAGI,GACtBC,MAAAA,GAAQ,GAAKD,GACbE,SAAAA,GAAW,GAAKF,YAChBG,GAAgBH,GAChBI,SAAAA,GAAW,GAAKJ,GAChBK,KAAAA,EAAmB,UAAQL,yRAErCM,EAAA,EAAEC,EAAUC,OAAAC,OAAA,CAAA,EAAQC,2BACXH,EAAWI"}

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

@@ -1,4 +1,4 @@
-export type ButtonTheme = 'danger' | 'neutral' | 'primary-02' | undefined;
+export type ButtonStyle = 'standard' | 'accent' | 'danger' | 'inverse' | undefined;
 export type ButtonSize = 's' | 'm' | 'l';
 export type ButtonResponsiveSize = 's@from-m' | 's@from-l' | 's@from-xl' | 's@from-xxl' | 'm@from-m' | 'm@from-l' | 'm@from-xl' | 'm@from-xxl' | 'l@from-m' | 'l@from-l' | 'l@from-xl' | 'l@from-xxl' | undefined;
 export type ButtonResponsiveWidth = 'fit@from-m' | 'fit@from-l' | 'fit@from-xl' | 'fit@from-xxl' | 'full' | 'full@from-m' | 'full@from-l' | 'full@from-xl' | 'full@from-xxl' | undefined;

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

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

package/public/components/card/Card.svelte

@@ -1,4 +1,4 @@
-<svelte:options tag={null} />
+<svelte:options customElement="" />
 
 <script lang="ts">
   import type { CardTitleTag, CardSubtitleTag, CardRatio } from './card.types';