@mozaic-ds/web-components 0.11.0 → 0.12.0-beta.0

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

@@ -0,0 +1,1005 @@
+import { P as SvelteComponent, i as init, s as safe_not_equal, Q as append_styles, c as assign, e as element, d as space, h as set_attributes, z as toggle_class, b as insert, j as append, B as action_destroyer, C as transition_in, D as transition_out, E as check_outros, m as get_spread_update, o as detach, p as compute_rest_props, r as get_current_component, q as exclude_internal_props, g as attr, M as group_outros, Z as HtmlTag, K as empty, n as noop, x as create_component, A as mount_component, G as destroy_component, t as text, k as set_data } from '../../index-c33b3772.js';
+import { c as createEventForwarder } from '../../EventForward-8492ff62.js';
+import Loader_nested from '../loader/Loader.nested.js';
+
+/* src/components/button/Button.nested.svelte generated by Svelte v3.58.0 */
+
+function add_css(target) {
+	append_styles(target, "svelte-1bvydp8", ".mc-button.svelte-1bvydp8.svelte-1bvydp8{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;-o-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.svelte-1bvydp8.svelte-1bvydp8,.mc-button.svelte-1bvydp8.svelte-1bvydp8:hover{background-color:#006902;color:#ffffff}.mc-button.is-active.svelte-1bvydp8.svelte-1bvydp8,.mc-button.svelte-1bvydp8.svelte-1bvydp8:active{background-color:#006902}.mc-button.svelte-1bvydp8.svelte-1bvydp8:disabled,.mc-button.is-disabled.svelte-1bvydp8.svelte-1bvydp8{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:1.5rem;height:1.5rem}.mc-button.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus.svelte-1bvydp8.svelte-1bvydp8,.mc-button.svelte-1bvydp8.svelte-1bvydp8: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.svelte-1bvydp8.svelte-1bvydp8{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:1.5rem;height:1.5rem}.mc-button--s.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--s.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m.svelte-1bvydp8.svelte-1bvydp8{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:1.5rem;height:1.5rem}.mc-button--m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l.svelte-1bvydp8.svelte-1bvydp8{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:2rem;height:2rem}.mc-button--l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit.svelte-1bvydp8.svelte-1bvydp8{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full.svelte-1bvydp8.svelte-1bvydp8{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.svelte-1bvydp8.svelte-1bvydp8{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square.svelte-1bvydp8.svelte-1bvydp8{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon.svelte-1bvydp8.svelte-1bvydp8{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon.svelte-1bvydp8.svelte-1bvydp8:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon.svelte-1bvydp8.svelte-1bvydp8:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon.svelte-1bvydp8.svelte-1bvydp8:only-child{margin:0}.mc-button__label.svelte-1bvydp8.svelte-1bvydp8{-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.svelte-1bvydp8.svelte-1bvydp8{background-color:#6a7081}.mc-button--solid-primary-02.is-hover.svelte-1bvydp8.svelte-1bvydp8,.mc-button--solid-primary-02.svelte-1bvydp8.svelte-1bvydp8:hover{background-color:#242938}.mc-button--solid-primary-02.is-active.svelte-1bvydp8.svelte-1bvydp8,.mc-button--solid-primary-02.svelte-1bvydp8.svelte-1bvydp8:active{background-color:#171b26}.mc-button--solid-primary-02.svelte-1bvydp8.svelte-1bvydp8:disabled,.mc-button--solid-primary-02.is-disabled.svelte-1bvydp8.svelte-1bvydp8{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral.svelte-1bvydp8.svelte-1bvydp8{background-color:#333333}.mc-button--solid-neutral.is-hover.svelte-1bvydp8.svelte-1bvydp8,.mc-button--solid-neutral.svelte-1bvydp8.svelte-1bvydp8:hover{background-color:#191919}.mc-button--solid-neutral.is-active.svelte-1bvydp8.svelte-1bvydp8,.mc-button--solid-neutral.svelte-1bvydp8.svelte-1bvydp8:active{background-color:#333333}.mc-button--solid-neutral.svelte-1bvydp8.svelte-1bvydp8:disabled,.mc-button--solid-neutral.is-disabled.svelte-1bvydp8.svelte-1bvydp8{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger.svelte-1bvydp8.svelte-1bvydp8{background-color:#c61112}.mc-button--solid-danger.is-hover.svelte-1bvydp8.svelte-1bvydp8,.mc-button--solid-danger.svelte-1bvydp8.svelte-1bvydp8:hover{background-color:#8c0003}.mc-button--solid-danger.is-active.svelte-1bvydp8.svelte-1bvydp8,.mc-button--solid-danger.svelte-1bvydp8.svelte-1bvydp8:active{background-color:#8c0003}.mc-button--solid-danger.svelte-1bvydp8.svelte-1bvydp8:disabled,.mc-button--solid-danger.is-disabled.svelte-1bvydp8.svelte-1bvydp8{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered.svelte-1bvydp8.svelte-1bvydp8{color:#188803;border-color:#188803;background-color:#ffffff}.mc-button--bordered.is-hover.svelte-1bvydp8.svelte-1bvydp8,.mc-button--bordered.svelte-1bvydp8.svelte-1bvydp8:hover{background-color:#ebf5de;color:#006902}.mc-button--bordered.is-active.svelte-1bvydp8.svelte-1bvydp8,.mc-button--bordered.svelte-1bvydp8.svelte-1bvydp8:active{background-color:#c5e39e;color:#035010}.mc-button--bordered.is-active.svelte-1bvydp8.svelte-1bvydp8,.mc-button--bordered.svelte-1bvydp8.svelte-1bvydp8:active{background-color:#c5e39e;color:#035010}.mc-button--bordered.svelte-1bvydp8.svelte-1bvydp8:disabled,.mc-button--bordered.is-disabled.svelte-1bvydp8.svelte-1bvydp8{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02.svelte-1bvydp8.svelte-1bvydp8{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover.svelte-1bvydp8.svelte-1bvydp8,.mc-button--bordered-primary-02.svelte-1bvydp8.svelte-1bvydp8:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active.svelte-1bvydp8.svelte-1bvydp8,.mc-button--bordered-primary-02.svelte-1bvydp8.svelte-1bvydp8:active{background-color:#cfd2d8}.mc-button--bordered-primary-02.svelte-1bvydp8.svelte-1bvydp8:disabled,.mc-button--bordered-primary-02.is-disabled.svelte-1bvydp8.svelte-1bvydp8{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral.svelte-1bvydp8.svelte-1bvydp8{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover.svelte-1bvydp8.svelte-1bvydp8,.mc-button--bordered-neutral.svelte-1bvydp8.svelte-1bvydp8:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active.svelte-1bvydp8.svelte-1bvydp8,.mc-button--bordered-neutral.svelte-1bvydp8.svelte-1bvydp8:active{background-color:#cccccc}.mc-button--bordered-neutral.svelte-1bvydp8.svelte-1bvydp8:disabled,.mc-button--bordered-neutral.is-disabled.svelte-1bvydp8.svelte-1bvydp8{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger.svelte-1bvydp8.svelte-1bvydp8{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover.svelte-1bvydp8.svelte-1bvydp8,.mc-button--bordered-danger.svelte-1bvydp8.svelte-1bvydp8:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active.svelte-1bvydp8.svelte-1bvydp8,.mc-button--bordered-danger.svelte-1bvydp8.svelte-1bvydp8:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active.svelte-1bvydp8.svelte-1bvydp8,.mc-button--bordered-danger.svelte-1bvydp8.svelte-1bvydp8:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.svelte-1bvydp8.svelte-1bvydp8:disabled,.mc-button--bordered-danger.is-disabled.svelte-1bvydp8.svelte-1bvydp8{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m.svelte-1bvydp8.svelte-1bvydp8{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--s\\@from-m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m.svelte-1bvydp8.svelte-1bvydp8{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--m\\@from-m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m.svelte-1bvydp8.svelte-1bvydp8{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.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:2rem;height:2rem}.mc-button--l\\@from-m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--l\\@from-m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m.svelte-1bvydp8.svelte-1bvydp8{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m.svelte-1bvydp8.svelte-1bvydp8{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.svelte-1bvydp8.svelte-1bvydp8{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l.svelte-1bvydp8.svelte-1bvydp8{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--s\\@from-l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l.svelte-1bvydp8.svelte-1bvydp8{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--m\\@from-l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l.svelte-1bvydp8.svelte-1bvydp8{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.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:2rem;height:2rem}.mc-button--l\\@from-l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--l\\@from-l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l.svelte-1bvydp8.svelte-1bvydp8{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l.svelte-1bvydp8.svelte-1bvydp8{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.svelte-1bvydp8.svelte-1bvydp8{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square.svelte-1bvydp8.svelte-1bvydp8{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl.svelte-1bvydp8.svelte-1bvydp8{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--s\\@from-xl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl.svelte-1bvydp8.svelte-1bvydp8{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--m\\@from-xl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl.svelte-1bvydp8.svelte-1bvydp8{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.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:2rem;height:2rem}.mc-button--l\\@from-xl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--l\\@from-xl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl.svelte-1bvydp8.svelte-1bvydp8{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl.svelte-1bvydp8.svelte-1bvydp8{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.svelte-1bvydp8.svelte-1bvydp8{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl.svelte-1bvydp8.svelte-1bvydp8{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--s\\@from-xxl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl.svelte-1bvydp8.svelte-1bvydp8{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--m\\@from-xxl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl.svelte-1bvydp8.svelte-1bvydp8{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.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8{width:2rem;height:2rem}.mc-button--l\\@from-xxl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:first-child,.mc-button--l\\@from-xxl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl.svelte-1bvydp8 .mc-button__icon.svelte-1bvydp8:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl.svelte-1bvydp8.svelte-1bvydp8{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl.svelte-1bvydp8.svelte-1bvydp8{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.svelte-1bvydp8.svelte-1bvydp8{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon.svelte-1bvydp8.svelte-1bvydp8{pointer-events:none}");
+}
+
+// (89:2) {#if iconname && iconmode === 'left'}
+function create_if_block_6(ctx) {
+	let span;
+	let current_block_type_index;
+	let if_block;
+	let current;
+	const if_block_creators = [create_if_block_7, create_else_block_3];
+	const if_blocks = [];
+
+	function select_block_type(ctx, dirty) {
+		if (/*isLoading*/ ctx[13] && /*loaderPosition*/ ctx[12] === 'left') return 0;
+		return 1;
+	}
+
+	current_block_type_index = select_block_type(ctx);
+	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+
+	return {
+		c() {
+			span = element("span");
+			if_block.c();
+			attr(span, "class", "mc-button__icon svelte-1bvydp8");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			if_blocks[current_block_type_index].m(span, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type(ctx);
+
+			if (current_block_type_index === previous_block_index) {
+				if_blocks[current_block_type_index].p(ctx, dirty);
+			} else {
+				group_outros();
+
+				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+					if_blocks[previous_block_index] = null;
+				});
+
+				check_outros();
+				if_block = if_blocks[current_block_type_index];
+
+				if (!if_block) {
+					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+					if_block.c();
+				} else {
+					if_block.p(ctx, dirty);
+				}
+
+				transition_in(if_block, 1);
+				if_block.m(span, null);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+			if_blocks[current_block_type_index].d();
+		}
+	};
+}
+
+// (93:6) {:else}
+function create_else_block_3(ctx) {
+	let html_tag;
+	let raw_value = `<${generateIconName(/*size*/ ctx[2], /*iconmode*/ ctx[6], /*iconname*/ ctx[5])} />` + "";
+	let html_anchor;
+
+	return {
+		c() {
+			html_tag = new HtmlTag(false);
+			html_anchor = empty();
+			html_tag.a = html_anchor;
+		},
+		m(target, anchor) {
+			html_tag.m(raw_value, target, anchor);
+			insert(target, html_anchor, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*size, iconmode, iconname*/ 100 && raw_value !== (raw_value = `<${generateIconName(/*size*/ ctx[2], /*iconmode*/ ctx[6], /*iconname*/ ctx[5])} />` + "")) html_tag.p(raw_value);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(html_anchor);
+			if (detaching) html_tag.d();
+		}
+	};
+}
+
+// (91:6) {#if isLoading && loaderPosition === 'left'}
+function create_if_block_7(ctx) {
+	let loader_1;
+	let current;
+
+	loader_1 = new Loader_nested({
+			props: {
+				size: "s",
+				theme: /*loaderTheme*/ ctx[11],
+				text: "TEST"
+			}
+		});
+
+	return {
+		c() {
+			create_component(loader_1.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(loader_1, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const loader_1_changes = {};
+			if (dirty & /*loaderTheme*/ 2048) loader_1_changes.theme = /*loaderTheme*/ ctx[11];
+			loader_1.$set(loader_1_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(loader_1.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(loader_1.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(loader_1, detaching);
+		}
+	};
+}
+
+// (107:2) {:else}
+function create_else_block_2(ctx) {
+	let t0;
+	let span;
+	let t1;
+	let t2;
+	let if_block1_anchor;
+	let current;
+	let if_block0 = /*isLoading*/ ctx[13] && /*loaderPosition*/ ctx[12] === 'left' && !/*iconname*/ ctx[5] && create_if_block_5(ctx);
+	let if_block1 = /*isLoading*/ ctx[13] && /*loaderPosition*/ ctx[12] === 'right' && !/*iconname*/ ctx[5] && create_if_block_4(ctx);
+
+	return {
+		c() {
+			if (if_block0) if_block0.c();
+			t0 = space();
+			span = element("span");
+			t1 = text(/*label*/ ctx[4]);
+			t2 = space();
+			if (if_block1) if_block1.c();
+			if_block1_anchor = empty();
+			attr(span, "class", "mc-button__label svelte-1bvydp8");
+		},
+		m(target, anchor) {
+			if (if_block0) if_block0.m(target, anchor);
+			insert(target, t0, anchor);
+			insert(target, span, anchor);
+			append(span, t1);
+			insert(target, t2, anchor);
+			if (if_block1) if_block1.m(target, anchor);
+			insert(target, if_block1_anchor, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			if (/*isLoading*/ ctx[13] && /*loaderPosition*/ ctx[12] === 'left' && !/*iconname*/ ctx[5]) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+
+					if (dirty & /*isLoading, loaderPosition, iconname*/ 12320) {
+						transition_in(if_block0, 1);
+					}
+				} else {
+					if_block0 = create_if_block_5(ctx);
+					if_block0.c();
+					transition_in(if_block0, 1);
+					if_block0.m(t0.parentNode, t0);
+				}
+			} else if (if_block0) {
+				group_outros();
+
+				transition_out(if_block0, 1, 1, () => {
+					if_block0 = null;
+				});
+
+				check_outros();
+			}
+
+			if (!current || dirty & /*label*/ 16) set_data(t1, /*label*/ ctx[4]);
+
+			if (/*isLoading*/ ctx[13] && /*loaderPosition*/ ctx[12] === 'right' && !/*iconname*/ ctx[5]) {
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
+
+					if (dirty & /*isLoading, loaderPosition, iconname*/ 12320) {
+						transition_in(if_block1, 1);
+					}
+				} else {
+					if_block1 = create_if_block_4(ctx);
+					if_block1.c();
+					transition_in(if_block1, 1);
+					if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
+				}
+			} else if (if_block1) {
+				group_outros();
+
+				transition_out(if_block1, 1, 1, () => {
+					if_block1 = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block0);
+			transition_in(if_block1);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block0);
+			transition_out(if_block1);
+			current = false;
+		},
+		d(detaching) {
+			if (if_block0) if_block0.d(detaching);
+			if (detaching) detach(t0);
+			if (detaching) detach(span);
+			if (detaching) detach(t2);
+			if (if_block1) if_block1.d(detaching);
+			if (detaching) detach(if_block1_anchor);
+		}
+	};
+}
+
+// (99:2) {#if iconname && iconmode === 'only'}
+function create_if_block_2(ctx) {
+	let span;
+	let current_block_type_index;
+	let if_block;
+	let current;
+	const if_block_creators = [create_if_block_3, create_else_block_1];
+	const if_blocks = [];
+
+	function select_block_type_2(ctx, dirty) {
+		if (/*isLoading*/ ctx[13]) return 0;
+		return 1;
+	}
+
+	current_block_type_index = select_block_type_2(ctx);
+	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+
+	return {
+		c() {
+			span = element("span");
+			if_block.c();
+			attr(span, "class", "mc-button__icon svelte-1bvydp8");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			if_blocks[current_block_type_index].m(span, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type_2(ctx);
+
+			if (current_block_type_index === previous_block_index) {
+				if_blocks[current_block_type_index].p(ctx, dirty);
+			} else {
+				group_outros();
+
+				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+					if_blocks[previous_block_index] = null;
+				});
+
+				check_outros();
+				if_block = if_blocks[current_block_type_index];
+
+				if (!if_block) {
+					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+					if_block.c();
+				} else {
+					if_block.p(ctx, dirty);
+				}
+
+				transition_in(if_block, 1);
+				if_block.m(span, null);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+			if_blocks[current_block_type_index].d();
+		}
+	};
+}
+
+// (108:4) {#if isLoading && loaderPosition === 'left' && !iconname}
+function create_if_block_5(ctx) {
+	let span;
+	let loader_1;
+	let current;
+
+	loader_1 = new Loader_nested({
+			props: {
+				size: "s",
+				theme: /*loaderTheme*/ ctx[11],
+				text: ""
+			}
+		});
+
+	return {
+		c() {
+			span = element("span");
+			create_component(loader_1.$$.fragment);
+			attr(span, "class", "mc-button__icon svelte-1bvydp8");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			mount_component(loader_1, span, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const loader_1_changes = {};
+			if (dirty & /*loaderTheme*/ 2048) loader_1_changes.theme = /*loaderTheme*/ ctx[11];
+			loader_1.$set(loader_1_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(loader_1.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(loader_1.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+			destroy_component(loader_1);
+		}
+	};
+}
+
+// (114:4) {#if isLoading && loaderPosition === 'right' && !iconname}
+function create_if_block_4(ctx) {
+	let span;
+	let loader_1;
+	let current;
+
+	loader_1 = new Loader_nested({
+			props: {
+				size: "s",
+				theme: /*loaderTheme*/ ctx[11],
+				text: ""
+			}
+		});
+
+	return {
+		c() {
+			span = element("span");
+			create_component(loader_1.$$.fragment);
+			attr(span, "class", "mc-button__icon svelte-1bvydp8");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			mount_component(loader_1, span, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const loader_1_changes = {};
+			if (dirty & /*loaderTheme*/ 2048) loader_1_changes.theme = /*loaderTheme*/ ctx[11];
+			loader_1.$set(loader_1_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(loader_1.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(loader_1.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+			destroy_component(loader_1);
+		}
+	};
+}
+
+// (103:6) {:else}
+function create_else_block_1(ctx) {
+	let html_tag;
+	let raw_value = `<${generateIconName(/*size*/ ctx[2], /*iconmode*/ ctx[6], /*iconname*/ ctx[5])} size="100%" />` + "";
+	let html_anchor;
+
+	return {
+		c() {
+			html_tag = new HtmlTag(false);
+			html_anchor = empty();
+			html_tag.a = html_anchor;
+		},
+		m(target, anchor) {
+			html_tag.m(raw_value, target, anchor);
+			insert(target, html_anchor, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*size, iconmode, iconname*/ 100 && raw_value !== (raw_value = `<${generateIconName(/*size*/ ctx[2], /*iconmode*/ ctx[6], /*iconname*/ ctx[5])} size="100%" />` + "")) html_tag.p(raw_value);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(html_anchor);
+			if (detaching) html_tag.d();
+		}
+	};
+}
+
+// (101:6) {#if isLoading}
+function create_if_block_3(ctx) {
+	let loader_1;
+	let current;
+
+	loader_1 = new Loader_nested({
+			props: {
+				size: "m",
+				theme: /*loaderTheme*/ ctx[11],
+				text: ""
+			}
+		});
+
+	return {
+		c() {
+			create_component(loader_1.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(loader_1, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const loader_1_changes = {};
+			if (dirty & /*loaderTheme*/ 2048) loader_1_changes.theme = /*loaderTheme*/ ctx[11];
+			loader_1.$set(loader_1_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(loader_1.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(loader_1.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(loader_1, detaching);
+		}
+	};
+}
+
+// (121:2) {#if iconname && iconmode === 'right'}
+function create_if_block(ctx) {
+	let span;
+	let current_block_type_index;
+	let if_block;
+	let current;
+	const if_block_creators = [create_if_block_1, create_else_block];
+	const if_blocks = [];
+
+	function select_block_type_3(ctx, dirty) {
+		if (/*isLoading*/ ctx[13] && /*loaderPosition*/ ctx[12] === 'right') return 0;
+		return 1;
+	}
+
+	current_block_type_index = select_block_type_3(ctx);
+	if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+
+	return {
+		c() {
+			span = element("span");
+			if_block.c();
+			attr(span, "class", "mc-button__icon svelte-1bvydp8");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			if_blocks[current_block_type_index].m(span, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type_3(ctx);
+
+			if (current_block_type_index === previous_block_index) {
+				if_blocks[current_block_type_index].p(ctx, dirty);
+			} else {
+				group_outros();
+
+				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+					if_blocks[previous_block_index] = null;
+				});
+
+				check_outros();
+				if_block = if_blocks[current_block_type_index];
+
+				if (!if_block) {
+					if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+					if_block.c();
+				} else {
+					if_block.p(ctx, dirty);
+				}
+
+				transition_in(if_block, 1);
+				if_block.m(span, null);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+			if_blocks[current_block_type_index].d();
+		}
+	};
+}
+
+// (125:6) {:else}
+function create_else_block(ctx) {
+	let html_tag;
+	let raw_value = `<${generateIconName(/*size*/ ctx[2], /*iconmode*/ ctx[6], /*iconname*/ ctx[5])} />` + "";
+	let html_anchor;
+
+	return {
+		c() {
+			html_tag = new HtmlTag(false);
+			html_anchor = empty();
+			html_tag.a = html_anchor;
+		},
+		m(target, anchor) {
+			html_tag.m(raw_value, target, anchor);
+			insert(target, html_anchor, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*size, iconmode, iconname*/ 100 && raw_value !== (raw_value = `<${generateIconName(/*size*/ ctx[2], /*iconmode*/ ctx[6], /*iconname*/ ctx[5])} />` + "")) html_tag.p(raw_value);
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(html_anchor);
+			if (detaching) html_tag.d();
+		}
+	};
+}
+
+// (123:6) {#if isLoading && loaderPosition === 'right'}
+function create_if_block_1(ctx) {
+	let loader_1;
+	let current;
+
+	loader_1 = new Loader_nested({
+			props: {
+				size: "s",
+				theme: /*loaderTheme*/ ctx[11],
+				text: ""
+			}
+		});
+
+	return {
+		c() {
+			create_component(loader_1.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(loader_1, target, anchor);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const loader_1_changes = {};
+			if (dirty & /*loaderTheme*/ 2048) loader_1_changes.theme = /*loaderTheme*/ ctx[11];
+			loader_1.$set(loader_1_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(loader_1.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(loader_1.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(loader_1, detaching);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let button;
+	let t0;
+	let current_block_type_index;
+	let if_block1;
+	let t1;
+	let button_class_value;
+	let current;
+	let mounted;
+	let dispose;
+	let if_block0 = /*iconname*/ ctx[5] && /*iconmode*/ ctx[6] === 'left' && create_if_block_6(ctx);
+	const if_block_creators = [create_if_block_2, create_else_block_2];
+	const if_blocks = [];
+
+	function select_block_type_1(ctx, dirty) {
+		if (/*iconname*/ ctx[5] && /*iconmode*/ ctx[6] === 'only') return 0;
+		return 1;
+	}
+
+	current_block_type_index = select_block_type_1(ctx);
+	if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+	let if_block2 = /*iconname*/ ctx[5] && /*iconmode*/ ctx[6] === 'right' && create_if_block(ctx);
+
+	let button_levels = [
+		{ type: /*type*/ ctx[8] },
+		{
+			class: button_class_value = "" + (/*getClasses*/ ctx[15](/*theme*/ ctx[1], /*bordered*/ ctx[0], /*size*/ ctx[2], /*full*/ ctx[3]) + " " + /*userClass*/ ctx[10])
+		},
+		{ disabled: /*disabled*/ ctx[7] },
+		/*attributes*/ ctx[9]
+	];
+
+	let button_data = {};
+
+	for (let i = 0; i < button_levels.length; i += 1) {
+		button_data = assign(button_data, button_levels[i]);
+	}
+
+	return {
+		c() {
+			button = element("button");
+			if (if_block0) if_block0.c();
+			t0 = space();
+			if_block1.c();
+			t1 = space();
+			if (if_block2) if_block2.c();
+			set_attributes(button, button_data);
+			toggle_class(button, "mc-button--square", /*iconmode*/ ctx[6]);
+			toggle_class(button, "svelte-1bvydp8", true);
+		},
+		m(target, anchor) {
+			insert(target, button, anchor);
+			if (if_block0) if_block0.m(button, null);
+			append(button, t0);
+			if_blocks[current_block_type_index].m(button, null);
+			append(button, t1);
+			if (if_block2) if_block2.m(button, null);
+			if (button.autofocus) button.focus();
+			current = true;
+
+			if (!mounted) {
+				dispose = action_destroyer(/*forwardEvents*/ ctx[14].call(null, button));
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (/*iconname*/ ctx[5] && /*iconmode*/ ctx[6] === 'left') {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+
+					if (dirty & /*iconname, iconmode*/ 96) {
+						transition_in(if_block0, 1);
+					}
+				} else {
+					if_block0 = create_if_block_6(ctx);
+					if_block0.c();
+					transition_in(if_block0, 1);
+					if_block0.m(button, t0);
+				}
+			} else if (if_block0) {
+				group_outros();
+
+				transition_out(if_block0, 1, 1, () => {
+					if_block0 = null;
+				});
+
+				check_outros();
+			}
+
+			let previous_block_index = current_block_type_index;
+			current_block_type_index = select_block_type_1(ctx);
+
+			if (current_block_type_index === previous_block_index) {
+				if_blocks[current_block_type_index].p(ctx, dirty);
+			} else {
+				group_outros();
+
+				transition_out(if_blocks[previous_block_index], 1, 1, () => {
+					if_blocks[previous_block_index] = null;
+				});
+
+				check_outros();
+				if_block1 = if_blocks[current_block_type_index];
+
+				if (!if_block1) {
+					if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+					if_block1.c();
+				} else {
+					if_block1.p(ctx, dirty);
+				}
+
+				transition_in(if_block1, 1);
+				if_block1.m(button, t1);
+			}
+
+			if (/*iconname*/ ctx[5] && /*iconmode*/ ctx[6] === 'right') {
+				if (if_block2) {
+					if_block2.p(ctx, dirty);
+
+					if (dirty & /*iconname, iconmode*/ 96) {
+						transition_in(if_block2, 1);
+					}
+				} else {
+					if_block2 = create_if_block(ctx);
+					if_block2.c();
+					transition_in(if_block2, 1);
+					if_block2.m(button, null);
+				}
+			} else if (if_block2) {
+				group_outros();
+
+				transition_out(if_block2, 1, 1, () => {
+					if_block2 = null;
+				});
+
+				check_outros();
+			}
+
+			set_attributes(button, button_data = get_spread_update(button_levels, [
+				(!current || dirty & /*type*/ 256) && { type: /*type*/ ctx[8] },
+				(!current || dirty & /*theme, bordered, size, full, userClass*/ 1039 && button_class_value !== (button_class_value = "" + (/*getClasses*/ ctx[15](/*theme*/ ctx[1], /*bordered*/ ctx[0], /*size*/ ctx[2], /*full*/ ctx[3]) + " " + /*userClass*/ ctx[10]))) && { class: button_class_value },
+				(!current || dirty & /*disabled*/ 128) && { disabled: /*disabled*/ ctx[7] },
+				dirty & /*attributes*/ 512 && /*attributes*/ ctx[9]
+			]));
+
+			toggle_class(button, "mc-button--square", /*iconmode*/ ctx[6]);
+			toggle_class(button, "svelte-1bvydp8", true);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block0);
+			transition_in(if_block1);
+			transition_in(if_block2);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block0);
+			transition_out(if_block1);
+			transition_out(if_block2);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(button);
+			if (if_block0) if_block0.d();
+			if_blocks[current_block_type_index].d();
+			if (if_block2) if_block2.d();
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function generateIconName(size, iconMode, iconName) {
+	const isIconOnly = iconMode === 'only';
+	let iconSize;
+
+	switch (size) {
+		case 's':
+			iconSize = '24px';
+			break;
+		case 'm':
+			iconSize = isIconOnly ? '32px' : '24px';
+			break;
+		case 'l':
+			iconSize = isIconOnly ? '100%' : '32px';
+			break;
+	}
+
+	return `${iconName} size="${iconSize}" class="no"`;
+}
+
+function getAppearanceClass(theme, isBordered) {
+	if (!isBordered && !theme) {
+		return '';
+	}
+
+	const type = isBordered ? 'bordered' : 'solid';
+
+	if (theme) {
+		return `mc-button--${type}-${theme}`;
+	}
+
+	return `mc-button--${type}`;
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let loaderOpts;
+	let isLoading;
+	let loaderPosition;
+	let loaderTheme;
+	let userClass;
+	let attributes;
+
+	const omit_props_names = [
+		"bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"
+	];
+
+	let $$restProps = compute_rest_props($$props, omit_props_names);
+	var _a, _b, _c;
+	let { bordered = false } = $$props;
+	let { theme = undefined } = $$props;
+	let { size = 'm' } = $$props;
+	let { full = false } = $$props;
+	let { label } = $$props;
+	let { iconname } = $$props;
+	let { iconmode } = $$props;
+	let { disabled = false } = $$props;
+	let { responsivesize = undefined } = $$props;
+	let { responsivewidth = undefined } = $$props;
+	let { type = 'button' } = $$props;
+	let { loader } = $$props;
+	const forwardEvents = createEventForwarder(get_current_component());
+
+	function getClasses(theme, isBordered, size, isFull) {
+		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(' ');
+	}
+
+	$$self.$$set = $$new_props => {
+		$$invalidate(24, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
+		$$invalidate(23, $$restProps = compute_rest_props($$props, omit_props_names));
+		if ('bordered' in $$new_props) $$invalidate(0, bordered = $$new_props.bordered);
+		if ('theme' in $$new_props) $$invalidate(1, theme = $$new_props.theme);
+		if ('size' in $$new_props) $$invalidate(2, size = $$new_props.size);
+		if ('full' in $$new_props) $$invalidate(3, full = $$new_props.full);
+		if ('label' in $$new_props) $$invalidate(4, label = $$new_props.label);
+		if ('iconname' in $$new_props) $$invalidate(5, iconname = $$new_props.iconname);
+		if ('iconmode' in $$new_props) $$invalidate(6, iconmode = $$new_props.iconmode);
+		if ('disabled' in $$new_props) $$invalidate(7, disabled = $$new_props.disabled);
+		if ('responsivesize' in $$new_props) $$invalidate(16, responsivesize = $$new_props.responsivesize);
+		if ('responsivewidth' in $$new_props) $$invalidate(17, responsivewidth = $$new_props.responsivewidth);
+		if ('type' in $$new_props) $$invalidate(8, type = $$new_props.type);
+		if ('loader' in $$new_props) $$invalidate(18, loader = $$new_props.loader);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*loader*/ 262144) {
+			$$invalidate(22, loaderOpts = loader ? JSON.parse(loader) : undefined);
+		}
+
+		if ($$self.$$.dirty & /*loaderOpts, _a*/ 4718592) {
+			$$invalidate(13, isLoading = $$invalidate(19, _a = loaderOpts === null || loaderOpts === void 0
+			? void 0
+			: loaderOpts.enabled) !== null && _a !== void 0
+			? _a
+			: false);
+		}
+
+		if ($$self.$$.dirty & /*loaderOpts, _b*/ 5242880) {
+			$$invalidate(12, loaderPosition = $$invalidate(20, _b = loaderOpts === null || loaderOpts === void 0
+			? void 0
+			: loaderOpts.position) !== null && _b !== void 0
+			? _b
+			: 'left');
+		}
+
+		if ($$self.$$.dirty & /*loaderOpts, _c*/ 6291456) {
+			$$invalidate(11, loaderTheme = $$invalidate(21, _c = loaderOpts === null || loaderOpts === void 0
+			? void 0
+			: loaderOpts.theme) !== null && _c !== void 0
+			? _c
+			: 'primary');
+		}
+
+		$$invalidate(10, userClass = $$props.class);
+		$$invalidate(9, attributes = Object.assign({}, $$restProps));
+
+		if ($$self.$$.dirty & /*attributes*/ 512) {
+			delete attributes.class;
+		}
+	};
+
+	$$props = exclude_internal_props($$props);
+
+	return [
+		bordered,
+		theme,
+		size,
+		full,
+		label,
+		iconname,
+		iconmode,
+		disabled,
+		type,
+		attributes,
+		userClass,
+		loaderTheme,
+		loaderPosition,
+		isLoading,
+		forwardEvents,
+		getClasses,
+		responsivesize,
+		responsivewidth,
+		loader,
+		_a,
+		_b,
+		_c,
+		loaderOpts
+	];
+}
+
+class Button_nested extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				bordered: 0,
+				theme: 1,
+				size: 2,
+				full: 3,
+				label: 4,
+				iconname: 5,
+				iconmode: 6,
+				disabled: 7,
+				responsivesize: 16,
+				responsivewidth: 17,
+				type: 8,
+				loader: 18
+			},
+			add_css
+		);
+	}
+}
+
+export { Button_nested as default };
+//# sourceMappingURL=Button.nested.js.map