@mozaic-ds/web-components 0.4.1-beta.0 → 0.5.0

package/public/components/listbox/Listbox.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"Listbox.nested.js","sources":["../../../src/components/listbox/Listbox.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { ListboxItems } from './listbox.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let items: string;\n  export let value: any;\n  export let open: boolean;\n  export let multiple: boolean;\n  export let isfiltered: boolean;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let datadisabledexpr = 'disabled';\n  export let maxwidth = '100%';\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n\n  const uuid = Math.random();\n  let eventHandler = new EventHandler();\n\n  $: allSelected = selectall ?? false;\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: value = value ? (determineSelectionState() as []) : [];\n  $: selectAllIndeterminate = true;\n\n  function determineSelectionState(): [] {\n    allSelected = false;\n    selectAllIndeterminate = false;\n    if (value && value.length === 0) {\n      allSelected = false;\n      selectAllIndeterminate = false;\n    } else if (value && value.length < parsedItems.length) {\n      selectAllIndeterminate = true;\n    } else if (value && value.length === parsedItems.length) {\n      allSelected = true;\n    }\n\n    return value;\n  }\n\n  function setItemId(index: number) {\n    return `listboxItem-${index + uuid}`;\n  }\n\n  function scrollEnd(node: HTMLElement) {\n    node.addEventListener('scroll', () => {\n      if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n        eventHandler.dispatch('scrollend', {});\n      }\n    });\n  }\n\n  function onSelectAll(e: Event) {\n    const ischecked = (<HTMLInputElement>e.target).checked;\n    allSelected = ischecked ? true : false;\n    if (allSelected) {\n      parsedItems.map((item) => {\n        if (\n          !item[datadisabledexpr] &&\n          value.indexOf(item[datavalueexpr]) === -1\n        )\n          value.push(item[datavalueexpr]);\n      });\n    } else {\n      value = [];\n    }\n    eventHandler.dispatch('select-all', value);\n    value = value;\n  }\n</script>\n\n<ul\n  role=\"listbox\"\n  class=\"mc-listbox\"\n  class:is-open={open}\n  class:mc-listbox--multi={multiple}\n  aria-labelledby=\"listbox\"\n  style=\"--listbox-width: {maxwidth};\"\n  use:scrollEnd\n>\n  {#if !isfiltered}\n    {#if multiple && selectall}\n      <li class=\"mc-listbox__item\">\n        <input\n          id=\"select-all\"\n          class=\"mc-listbox__input mc-checkbox__input\"\n          type=\"checkbox\"\n          indeterminate={selectAllIndeterminate}\n          bind:checked={allSelected}\n          on:change={onSelectAll}\n        />\n        <label for=\"select-all\" class=\"mc-listbox__label\">\n          {labelselectall}\n        </label>\n      </li>\n    {/if}\n    {#each parsedItems as item, index}\n      <li class=\"mc-listbox__item\" class:is-disabled={item[datadisabledexpr]}>\n        {#if !multiple}\n          <input\n            id={setItemId(index)}\n            class=\"mc-listbox__input\"\n            class:is-disabled={item[datadisabledexpr]}\n            type=\"radio\"\n            value={item[datavalueexpr]}\n            name={`listboxradio-${uuid}`}\n            disabled={Boolean(item[datadisabledexpr])}\n            bind:group={value}\n            on:change\n          />\n        {:else}\n          <input\n            id={setItemId(index)}\n            class=\"mc-listbox__input mc-checkbox__input\"\n            type=\"checkbox\"\n            value={item[datavalueexpr]}\n            checked={value.includes(item[datavalueexpr])}\n            disabled={Boolean(item[datadisabledexpr])}\n            bind:group={value}\n            on:change\n          />\n        {/if}\n\n        <label for={setItemId(index)} class=\"mc-listbox__label\">\n          {item[datatextexpr]}\n        </label>\n      </li>\n    {/each}\n  {:else}\n    <li class=\"mc-listbox__item\">\n      <span class=\"mc-listbox__empty\">{emptysearchlabel}</span>\n    </li>\n  {/if}\n</ul>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.checkbox';\n  @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":["ctx","insert","target","li","anchor","append","span","if_block","create_if_block_2","length","i","input","label","attr","__value","input_value_value","checked","input_checked_value","includes","Boolean","indexOf","dirty","toggle_class","t1_value","create_if_block_1","set_data","t1","create_if_block","ul","items","$$props","value","open","multiple","isfiltered","emptysearchlabel","datatextexpr","datavalueexpr","datadisabledexpr","maxwidth","selectall","labelselectall","uuid","Math","random","eventHandler","EventHandler","$$invalidate","allSelected","parsedItems","JSON","parse","selectAllIndeterminate","index","node","addEventListener","offsetHeight","scrollTop","scrollHeight","dispatch","e","ischecked","map","item","push","this","get_binding_group_value","$$binding_groups"],"mappings":"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"}
+{"version":3,"file":"Listbox.nested.js","sources":["../../../src/components/listbox/Listbox.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { ListboxItems } from './listbox.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n\n  export let items: string;\n  export let value: any;\n  export let open: boolean;\n  export let multiple: boolean;\n  export let isfiltered: boolean;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let datadisabledexpr = 'disabled';\n  export let maxwidth = '100%';\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n\n  const uuid = Math.random();\n  let eventHandler = new EventHandler();\n\n  $: allSelected = selectall ?? false;\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: value = value ? (determineSelectionState() as []) : [];\n  $: selectAllIndeterminate = true;\n\n  function determineSelectionState(): [] {\n    allSelected = false;\n    selectAllIndeterminate = false;\n    if (value && value.length === 0) {\n      allSelected = false;\n      selectAllIndeterminate = false;\n    } else if (value && value.length < parsedItems.length) {\n      selectAllIndeterminate = true;\n    } else if (value && value.length === parsedItems.length) {\n      allSelected = true;\n    }\n\n    return value;\n  }\n\n  function setItemId(index: number) {\n    return `listboxItem-${index + uuid}`;\n  }\n\n  function scrollEnd(node: HTMLElement) {\n    node.addEventListener('scroll', () => {\n      if (node.offsetHeight + node.scrollTop >= node.scrollHeight) {\n        eventHandler.dispatch('scrollend', {});\n      }\n    });\n  }\n\n  function onSelectAll(e: Event) {\n    const ischecked = (<HTMLInputElement>e.target).checked;\n    allSelected = ischecked ? true : false;\n    if (allSelected) {\n      parsedItems.map((item) => {\n        if (\n          !item[datadisabledexpr] &&\n          value.indexOf(item[datavalueexpr]) === -1\n        )\n          value.push(item[datavalueexpr]);\n      });\n    } else {\n      value = [];\n    }\n    eventHandler.dispatch('select-all', value);\n    value = value;\n  }\n</script>\n\n<ul\n  role=\"listbox\"\n  class=\"mc-listbox\"\n  class:is-open={open}\n  class:mc-listbox--multi={multiple}\n  aria-labelledby=\"listbox\"\n  style=\"--listbox-width: {maxwidth};\"\n  use:scrollEnd\n>\n  {#if !isfiltered}\n    {#if multiple && selectall}\n      <li class=\"mc-listbox__item\">\n        <input\n          id=\"select-all\"\n          class=\"mc-listbox__input mc-checkbox__input\"\n          type=\"checkbox\"\n          indeterminate={selectAllIndeterminate}\n          bind:checked={allSelected}\n          on:change={onSelectAll}\n        />\n        <label for=\"select-all\" class=\"mc-listbox__label\">\n          {labelselectall}\n        </label>\n      </li>\n    {/if}\n    {#each parsedItems as item, index}\n      <li class=\"mc-listbox__item\" class:is-disabled={item[datadisabledexpr]}>\n        {#if !multiple}\n          <input\n            id={setItemId(index)}\n            class=\"mc-listbox__input\"\n            class:is-disabled={item[datadisabledexpr]}\n            type=\"radio\"\n            value={item[datavalueexpr]}\n            name={`listboxradio-${uuid}`}\n            disabled={Boolean(item[datadisabledexpr])}\n            bind:group={value}\n            on:change\n          />\n        {:else}\n          <input\n            id={setItemId(index)}\n            class=\"mc-listbox__input mc-checkbox__input\"\n            type=\"checkbox\"\n            value={item[datavalueexpr]}\n            checked={value.includes(item[datavalueexpr])}\n            disabled={Boolean(item[datadisabledexpr])}\n            bind:group={value}\n            on:change\n          />\n        {/if}\n\n        <label for={setItemId(index)} class=\"mc-listbox__label\">\n          {item[datatextexpr]}\n        </label>\n      </li>\n    {/each}\n  {:else}\n    <li class=\"mc-listbox__item\">\n      <span class=\"mc-listbox__empty\">{emptysearchlabel}</span>\n    </li>\n  {/if}\n</ul>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.checkbox';\n  @import '@mozaic-ds/styles/components/c.listbox';\n</style>\n"],"names":[],"mappings":"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"}

package/public/components/loader/Loader.js

@@ -1,2 +1,247 @@
-import{S as e,i as t,a as r,b as a,f as s,s as o,c as i,e as n,T as l,d as c,n as d,g as m,h,j as f,m as k,o as p,p as u,q as x,t as _,k as g}from"../../index-c33b3772.js";function w(e){let t,r;return{c(){t=n("span"),r=_(e[2]),m(t,"class","mc-loader__text")},m(e,s){a(e,t,s),f(t,r)},p(e,t){4&t&&g(r,e[2])},d(e){e&&p(t)}}}function b(e){let t,r,s,o,u,x,_,g,b=e[2]&&w(e),v=[{class:g=y(e[0],e[1])},e[3]],C={};for(let e=0;e<v.length;e+=1)C=i(C,v[e]);return{c(){t=n("div"),r=n("span"),s=l("svg"),o=l("circle"),_=c(),b&&b.c(),this.c=d,m(o,"class","mc-loader__path"),m(o,"cx","50%"),m(o,"cy","50%"),m(o,"r",u=z(e[0])),m(s,"class","mc-loader__icon"),m(s,"xmlns","http://www.w3.org/2000/svg"),m(s,"viewBox",x=$(e[0])),m(r,"class","mc-loader__spinner"),h(t,C)},m(e,i){a(e,t,i),f(t,r),f(r,s),f(s,o),f(t,_),b&&b.m(t,null)},p(e,[r]){1&r&&u!==(u=z(e[0]))&&m(o,"r",u),1&r&&x!==(x=$(e[0]))&&m(s,"viewBox",x),e[2]?b?b.p(e,r):(b=w(e),b.c(),b.m(t,null)):b&&(b.d(1),b=null),h(t,C=k(v,[3&r&&g!==(g=y(e[0],e[1]))&&{class:g},8&r&&e[3]]))},i:d,o:d,d(e){e&&p(t),b&&b.d()}}}function y(e,t){const r=["mc-loader"];return e&&r.push(`mc-loader--${e}`),t&&r.push(`mc-loader--${t}`),r.join(" ")}function $(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function z(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}function v(e,t,r){const a=["size","theme","text"];let s=u(t,a),{size:o}=t,{theme:n}=t,{text:l}=t;return e.$$set=e=>{t=i(i({},t),x(e)),r(3,s=u(t,a)),"size"in e&&r(0,o=e.size),"theme"in e&&r(1,n=e.theme),"text"in e&&r(2,l=e.text)},[o,n,l,s]}class C extends e{constructor(e){super();const i=document.createElement("style");i.textContent=".mc-loader{color:#188803;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{-webkit-animation:rotate-loader 2s linear infinite;animation:rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:animate-dash-loader 2s ease-in-out infinite;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#ffffff}.mc-loader--light .mc-loader__path{stroke:currentColor}@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}",this.shadowRoot.appendChild(i),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},v,b,o,{size:0,theme:1,text:2},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["size","theme","text"]}get size(){return this.$$.ctx[0]}set size(e){this.$$set({size:e}),s()}get theme(){return this.$$.ctx[1]}set theme(e){this.$$set({theme:e}),s()}get text(){return this.$$.ctx[2]}set text(e){this.$$set({text:e}),s()}}export{C as default};
+import { S as SvelteElement, i as init, a as attribute_to_object, b as insert, f as flush, s as safe_not_equal, c as assign, e as element, T as svg_element, d as space, n as noop, g as attr, h as set_attributes, j as append, m as get_spread_update, o as detach, p as compute_rest_props, q as exclude_internal_props, t as text, k as set_data } from '../../index-c33b3772.js';
+
+/* src/components/loader/Loader.svelte generated by Svelte v3.58.0 */
+
+function create_if_block(ctx) {
+	let span;
+	let t;
+
+	return {
+		c() {
+			span = element("span");
+			t = text(/*text*/ ctx[2]);
+			attr(span, "class", "mc-loader__text");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			append(span, t);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*text*/ 4) set_data(t, /*text*/ ctx[2]);
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let span;
+	let svg;
+	let circle;
+	let circle_r_value;
+	let svg_viewBox_value;
+	let t;
+	let div_class_value;
+	let if_block = /*text*/ ctx[2] && create_if_block(ctx);
+
+	let div_levels = [
+		{
+			class: div_class_value = setClasses(/*size*/ ctx[0], /*theme*/ ctx[1])
+		},
+		/*$$restProps*/ ctx[3]
+	];
+
+	let div_data = {};
+
+	for (let i = 0; i < div_levels.length; i += 1) {
+		div_data = assign(div_data, div_levels[i]);
+	}
+
+	return {
+		c() {
+			div = element("div");
+			span = element("span");
+			svg = svg_element("svg");
+			circle = svg_element("circle");
+			t = space();
+			if (if_block) if_block.c();
+			this.c = noop;
+			attr(circle, "class", "mc-loader__path");
+			attr(circle, "cx", "50%");
+			attr(circle, "cy", "50%");
+			attr(circle, "r", circle_r_value = setCircleRadius(/*size*/ ctx[0]));
+			attr(svg, "class", "mc-loader__icon");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			attr(svg, "viewBox", svg_viewBox_value = setViewBox(/*size*/ ctx[0]));
+			attr(span, "class", "mc-loader__spinner");
+			set_attributes(div, div_data);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, span);
+			append(span, svg);
+			append(svg, circle);
+			append(div, t);
+			if (if_block) if_block.m(div, null);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*size*/ 1 && circle_r_value !== (circle_r_value = setCircleRadius(/*size*/ ctx[0]))) {
+				attr(circle, "r", circle_r_value);
+			}
+
+			if (dirty & /*size*/ 1 && svg_viewBox_value !== (svg_viewBox_value = setViewBox(/*size*/ ctx[0]))) {
+				attr(svg, "viewBox", svg_viewBox_value);
+			}
+
+			if (/*text*/ ctx[2]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					if_block.m(div, null);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+
+			set_attributes(div, div_data = get_spread_update(div_levels, [
+				dirty & /*size, theme*/ 3 && div_class_value !== (div_class_value = setClasses(/*size*/ ctx[0], /*theme*/ ctx[1])) && { class: div_class_value },
+				dirty & /*$$restProps*/ 8 && /*$$restProps*/ ctx[3]
+			]));
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+			if (if_block) if_block.d();
+		}
+	};
+}
+
+function setClasses(size, theme) {
+	const classes = ['mc-loader'];
+
+	if (size) {
+		classes.push(`mc-loader--${size}`);
+	}
+
+	if (theme) {
+		classes.push(`mc-loader--${theme}`);
+	}
+
+	return classes.join(' ');
+}
+
+function setViewBox(size) {
+	let viewBox;
+
+	switch (size) {
+		case 's':
+			viewBox = '0 0 24 24';
+			break;
+		case 'l':
+			viewBox = '0 0 64 64';
+			break;
+		default:
+			viewBox = '0 0 32 32';
+	}
+
+	return viewBox;
+}
+
+function setCircleRadius(size) {
+	let circleRadius;
+
+	switch (size) {
+		case 's':
+			circleRadius = 6;
+			break;
+		case 'l':
+			circleRadius = 19;
+			break;
+		default:
+			circleRadius = 9;
+	}
+
+	return circleRadius;
+}
+
+function instance($$self, $$props, $$invalidate) {
+	const omit_props_names = ["size","theme","text"];
+	let $$restProps = compute_rest_props($$props, omit_props_names);
+	let { size } = $$props;
+	let { theme } = $$props;
+	let { text } = $$props;
+
+	$$self.$$set = $$new_props => {
+		$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
+		$$invalidate(3, $$restProps = compute_rest_props($$props, omit_props_names));
+		if ('size' in $$new_props) $$invalidate(0, size = $$new_props.size);
+		if ('theme' in $$new_props) $$invalidate(1, theme = $$new_props.theme);
+		if ('text' in $$new_props) $$invalidate(2, text = $$new_props.text);
+	};
+
+	return [size, theme, text, $$restProps];
+}
+
+class Loader extends SvelteElement {
+	constructor(options) {
+		super();
+		const style = document.createElement('style');
+		style.textContent = `.mc-loader{color:#188803;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{-webkit-animation:rotate-loader 2s linear infinite;animation:rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:animate-dash-loader 2s ease-in-out infinite;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#ffffff}.mc-loader--light .mc-loader__path{stroke:currentColor}@-webkit-keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}`;
+		this.shadowRoot.appendChild(style);
+
+		init(
+			this,
+			{
+				target: this.shadowRoot,
+				props: attribute_to_object(this.attributes),
+				customElement: true
+			},
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{ size: 0, theme: 1, text: 2 },
+			null
+		);
+
+		if (options) {
+			if (options.target) {
+				insert(options.target, this, options.anchor);
+			}
+
+			if (options.props) {
+				this.$set(options.props);
+				flush();
+			}
+		}
+	}
+
+	static get observedAttributes() {
+		return ["size", "theme", "text"];
+	}
+
+	get size() {
+		return this.$$.ctx[0];
+	}
+
+	set size(size) {
+		this.$$set({ size });
+		flush();
+	}
+
+	get theme() {
+		return this.$$.ctx[1];
+	}
+
+	set theme(theme) {
+		this.$$set({ theme });
+		flush();
+	}
+
+	get text() {
+		return this.$$.ctx[2];
+	}
+
+	set text(text) {
+		this.$$set({ text });
+		flush();
+	}
+}
+
+export { Loader as default };
 //# sourceMappingURL=Loader.js.map

package/public/components/loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { LoaderSize, LoaderTheme } from './loader.types';\n\n  export let size: LoaderSize;\n  export let theme: LoaderTheme;\n  export let text: string;\n\n  function setClasses(size: LoaderSize, theme: LoaderTheme) {\n    const classes = ['mc-loader'];\n\n    if (size) {\n      classes.push(`mc-loader--${size}`);\n    }\n\n    if (theme) {\n      classes.push(`mc-loader--${theme}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  function setViewBox(size: LoaderSize) {\n    let viewBox: string;\n\n    switch (size) {\n      case 's':\n        viewBox = '0 0 24 24';\n        break;\n      case 'l':\n        viewBox = '0 0 64 64';\n        break;\n      default:\n        viewBox = '0 0 32 32';\n    }\n\n    return viewBox;\n  }\n\n  function setCircleRadius(size: LoaderSize) {\n    let circleRadius: number;\n\n    switch (size) {\n      case 's':\n        circleRadius = 6;\n        break;\n      case 'l':\n        circleRadius = 19;\n        break;\n      default:\n        circleRadius = 9;\n    }\n\n    return circleRadius;\n  }\n</script>\n\n<div class={setClasses(size, theme)} {...$$restProps}>\n  <span class=\"mc-loader__spinner\">\n    <svg\n      class=\"mc-loader__icon\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={setViewBox(size)}\n    >\n      <circle\n        class=\"mc-loader__path\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r={setCircleRadius(size)}\n      />\n    </svg>\n  </span>\n\n  {#if text}\n    <span class=\"mc-loader__text\">\n      {text}\n    </span>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.loader';\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block","setClasses","attr","circle","circle_r_value","setCircleRadius","svg","svg_viewBox_value","setViewBox","div","append","dirty","class","div_class_value","size","theme","classes","push","join","viewBox","circleRadius","$$props","text"],"mappings":"6NA4EOA,EAAI,2CADPC,EAEMC,EAAAC,EAAAC,2BADHJ,EAAI,wDAFJA,EAAI,IAAAK,EAAAL,eAhBCM,EAAWN,EAAI,GAAEA,EAAK,KAAOA,EAAW,mMAWzCO,EAAAC,EAAA,IAAAC,EAAAC,EAAgBV,EAAI,8EANhBO,EAAAI,EAAA,UAAAC,EAAAC,EAAWb,EAAI,sDAL9BC,EAqBKC,EAAAY,EAAAV,GApBHW,EAaMD,EAAAX,GAZJY,EAWKZ,EAAAQ,GANHI,EAKCJ,EAAAH,mCADI,EAAAQ,GAAAP,KAAAA,EAAAC,EAAgBV,EAAI,iBANhB,EAAAgB,GAAAJ,KAAAA,EAAAC,EAAWb,EAAI,uBAWvBA,EAAI,mFAhBCM,EAAWN,EAAI,GAAEA,EAAK,MAAA,CAAAiB,MAAAC,QAAOlB,EAAW,gDAjDzCM,EAAWa,EAAkBC,GAC9B,MAAAC,GAAW,oBAEbF,GACFE,EAAQC,KAAI,cAAeH,KAGzBC,GACFC,EAAQC,KAAI,cAAeF,KAGtBC,EAAQE,KAAK,KAGb,SAAAV,EAAWM,OACdK,SAEIL,OACD,IACHK,EAAU,sBAEP,IACHA,EAAU,0BAGVA,EAAU,mBAGPA,EAGA,SAAAd,EAAgBS,OACnBM,SAEIN,OACD,IACHM,EAAe,YAEZ,IACHA,EAAe,iBAGfA,EAAe,SAGZA,uEAjDEN,GAAgBO,SAChBN,GAAkBM,QAClBC,GAAYD"}
+{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { LoaderSize, LoaderTheme } from './loader.types';\n\n  export let size: LoaderSize;\n  export let theme: LoaderTheme;\n  export let text: string;\n\n  function setClasses(size: LoaderSize, theme: LoaderTheme) {\n    const classes = ['mc-loader'];\n\n    if (size) {\n      classes.push(`mc-loader--${size}`);\n    }\n\n    if (theme) {\n      classes.push(`mc-loader--${theme}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  function setViewBox(size: LoaderSize) {\n    let viewBox: string;\n\n    switch (size) {\n      case 's':\n        viewBox = '0 0 24 24';\n        break;\n      case 'l':\n        viewBox = '0 0 64 64';\n        break;\n      default:\n        viewBox = '0 0 32 32';\n    }\n\n    return viewBox;\n  }\n\n  function setCircleRadius(size: LoaderSize) {\n    let circleRadius: number;\n\n    switch (size) {\n      case 's':\n        circleRadius = 6;\n        break;\n      case 'l':\n        circleRadius = 19;\n        break;\n      default:\n        circleRadius = 9;\n    }\n\n    return circleRadius;\n  }\n</script>\n\n<div class={setClasses(size, theme)} {...$$restProps}>\n  <span class=\"mc-loader__spinner\">\n    <svg\n      class=\"mc-loader__icon\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={setViewBox(size)}\n    >\n      <circle\n        class=\"mc-loader__path\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r={setCircleRadius(size)}\n      />\n    </svg>\n  </span>\n\n  {#if text}\n    <span class=\"mc-loader__text\">\n      {text}\n    </span>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.loader';\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;qBA4EO,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;;;;GADP,MAEM,CAAA,MAAA,EAAA,IAAA,EAAA,MAAA,CAAA,CAAA;;;;gDADH,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;yBAFJ,GAAI,CAAA,CAAA,CAAA,IAAA,eAAA,CAAA,GAAA,CAAA,CAAA;;;;4BAhBC,UAAU,UAAC,GAAI,CAAA,CAAA,CAAA,YAAE,GAAK,CAAA,CAAA,CAAA,CAAA;;kBAAO,GAAW,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAWzC,GAAA,IAAA,CAAA,MAAA,EAAA,GAAA,EAAA,cAAA,GAAA,eAAe,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;AANhB,GAAA,IAAA,CAAA,GAAA,EAAA,SAAA,EAAA,iBAAA,GAAA,UAAU,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;GAL9B,MAqBK,CAAA,MAAA,EAAA,GAAA,EAAA,MAAA,CAAA,CAAA;GApBH,MAaM,CAAA,GAAA,EAAA,IAAA,CAAA,CAAA;GAZJ,MAWK,CAAA,IAAA,EAAA,GAAA,CAAA,CAAA;GANH,MAKC,CAAA,GAAA,EAAA,MAAA,CAAA,CAAA;;;;;AADI,GAAA,IAAA,KAAA,YAAA,CAAA,IAAA,cAAA,MAAA,cAAA,GAAA,eAAe,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA;;;;AANhB,GAAA,IAAA,KAAA,YAAA,CAAA,IAAA,iBAAA,MAAA,iBAAA,GAAA,UAAU,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA;;;;gBAWvB,GAAI,CAAA,CAAA,CAAA,EAAA;;;;;;;;;;;;;;wEAhBC,UAAU,UAAC,GAAI,CAAA,CAAA,CAAA,YAAE,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,eAAA,EAAA;iDAAO,GAAW,CAAA,CAAA,CAAA;;;;;;;;;;;;SAjDzC,UAAU,CAAC,IAAgB,EAAE,KAAkB,EAAA;AAChD,CAAA,MAAA,OAAO,IAAI,WAAW,CAAA,CAAA;;KAExB,IAAI,EAAA;EACN,OAAO,CAAC,IAAI,CAAA,CAAA,WAAA,EAAe,IAAI,CAAA,CAAA,CAAA,CAAA;;;KAG7B,KAAK,EAAA;EACP,OAAO,CAAC,IAAI,CAAA,CAAA,WAAA,EAAe,KAAK,CAAA,CAAA,CAAA,CAAA;;;QAG3B,OAAO,CAAC,IAAI,CAAC,GAAG,CAAA,CAAA;;;AAGhB,SAAA,UAAU,CAAC,IAAgB,EAAA;KAC9B,OAAe,CAAA;;SAEX,IAAI;OACL,GAAG;AACN,GAAA,OAAO,GAAG,WAAW,CAAA;;OAElB,GAAG;AACN,GAAA,OAAO,GAAG,WAAW,CAAA;;;AAGrB,GAAA,OAAO,GAAG,WAAW,CAAA;;;QAGlB,OAAO,CAAA;;;AAGP,SAAA,eAAe,CAAC,IAAgB,EAAA;KACnC,YAAoB,CAAA;;SAEhB,IAAI;OACL,GAAG;AACN,GAAA,YAAY,GAAG,CAAC,CAAA;;OAEb,GAAG;AACN,GAAA,YAAY,GAAG,EAAE,CAAA;;;AAGjB,GAAA,YAAY,GAAG,CAAC,CAAA;;;QAGb,YAAY,CAAA;;;;;;OAjDV,IAAgB,EAAA,GAAA,OAAA,CAAA;OAChB,KAAkB,EAAA,GAAA,OAAA,CAAA;OAClB,IAAY,EAAA,GAAA,OAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/public/components/loader/Loader.nested.js

@@ -1,2 +1,177 @@
-import{P as e,i as t,s as a,Q as s,e as r,T as o,d as l,g as m,b as n,j as i,n as d,o as c,c as x,q as f,t as h,k as v}from"../../index-c33b3772.js";function z(e){s(e,"svelte-1x9a3mz",".mc-loader.svelte-1x9a3mz.svelte-1x9a3mz{color:#188803;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader.svelte-1x9a3mz .mc-loader__spinner.svelte-1x9a3mz{height:2rem;width:2rem}.mc-loader.svelte-1x9a3mz .mc-loader__path.svelte-1x9a3mz{stroke-width:4}.mc-loader.svelte-1x9a3mz .mc-loader__path.svelte-1x9a3mz{stroke:currentColor}.mc-loader__spinner.svelte-1x9a3mz.svelte-1x9a3mz:not(:only-child){margin-bottom:1rem}.mc-loader__icon.svelte-1x9a3mz.svelte-1x9a3mz{-webkit-animation:svelte-1x9a3mz-rotate-loader 2s linear infinite;animation:svelte-1x9a3mz-rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path.svelte-1x9a3mz.svelte-1x9a3mz{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:svelte-1x9a3mz-animate-dash-loader 2s ease-in-out infinite;animation:svelte-1x9a3mz-animate-dash-loader 2s ease-in-out infinite}.mc-loader__text.svelte-1x9a3mz.svelte-1x9a3mz{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s.svelte-1x9a3mz .mc-loader__spinner.svelte-1x9a3mz{height:1.5rem;width:1.5rem}.mc-loader--s.svelte-1x9a3mz .mc-loader__path.svelte-1x9a3mz{stroke-width:4}.mc-loader--l.svelte-1x9a3mz .mc-loader__spinner.svelte-1x9a3mz{height:4rem;width:4rem}.mc-loader--l.svelte-1x9a3mz .mc-loader__path.svelte-1x9a3mz{stroke-width:8}.mc-loader--dark.svelte-1x9a3mz.svelte-1x9a3mz{color:#191919}.mc-loader--dark.svelte-1x9a3mz .mc-loader__path.svelte-1x9a3mz{stroke:currentColor}.mc-loader--light.svelte-1x9a3mz.svelte-1x9a3mz{color:#ffffff}.mc-loader--light.svelte-1x9a3mz .mc-loader__path.svelte-1x9a3mz{stroke:currentColor}@-webkit-keyframes svelte-1x9a3mz-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes svelte-1x9a3mz-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes svelte-1x9a3mz-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes svelte-1x9a3mz-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}")}function k(e){let t,a;return{c(){t=r("span"),a=h(e[2]),m(t,"class","mc-loader__text svelte-1x9a3mz")},m(e,s){n(e,t,s),i(t,a)},p(e,t){4&t&&v(a,e[2])},d(e){e&&c(t)}}}function _(e){let t,a,s,x,f,h,v,z,_=e[2]&&k(e);return{c(){t=r("div"),a=r("span"),s=o("svg"),x=o("circle"),v=l(),_&&_.c(),m(x,"class","mc-loader__path svelte-1x9a3mz"),m(x,"cx","50%"),m(x,"cy","50%"),m(x,"r",f=w(e[0])),m(s,"class","mc-loader__icon svelte-1x9a3mz"),m(s,"xmlns","http://www.w3.org/2000/svg"),m(s,"viewBox",h=u(e[0])),m(a,"class","mc-loader__spinner svelte-1x9a3mz"),m(t,"class",z=p(e[0],e[1])+" "+e[3].class+" svelte-1x9a3mz")},m(e,r){n(e,t,r),i(t,a),i(a,s),i(s,x),i(t,v),_&&_.m(t,null)},p(e,[a]){1&a&&f!==(f=w(e[0]))&&m(x,"r",f),1&a&&h!==(h=u(e[0]))&&m(s,"viewBox",h),e[2]?_?_.p(e,a):(_=k(e),_.c(),_.m(t,null)):_&&(_.d(1),_=null),11&a&&z!==(z=p(e[0],e[1])+" "+e[3].class+" svelte-1x9a3mz")&&m(t,"class",z)},i:d,o:d,d(e){e&&c(t),_&&_.d()}}}function p(e,t){const a=["mc-loader"];return e&&a.push(`mc-loader--${e}`),t&&a.push(`mc-loader--${t}`),a.join(" ")}function u(e){let t;switch(e){case"s":t="0 0 24 24";break;case"l":t="0 0 64 64";break;default:t="0 0 32 32"}return t}function w(e){let t;switch(e){case"s":t=6;break;case"l":t=19;break;default:t=9}return t}function b(e,t,a){let{size:s}=t,{theme:r}=t,{text:o}=t;return e.$$set=e=>{a(3,t=x(x({},t),f(e))),"size"in e&&a(0,s=e.size),"theme"in e&&a(1,r=e.theme),"text"in e&&a(2,o=e.text)},t=f(t),[s,r,o,t]}class g extends e{constructor(e){super(),t(this,e,b,_,a,{size:0,theme:1,text:2},z)}}export{g as default};
+import { P as SvelteComponent, i as init, s as safe_not_equal, Q as append_styles, e as element, T as svg_element, d as space, g as attr, b as insert, j as append, n as noop, o as detach, c as assign, q as exclude_internal_props, t as text, k as set_data } from '../../index-c33b3772.js';
+
+/* src/components/loader/Loader.nested.svelte generated by Svelte v3.58.0 */
+
+function add_css(target) {
+	append_styles(target, "svelte-1x9a3mz", ".mc-loader.svelte-1x9a3mz.svelte-1x9a3mz{color:#188803;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-loader.svelte-1x9a3mz .mc-loader__spinner.svelte-1x9a3mz{height:2rem;width:2rem}.mc-loader.svelte-1x9a3mz .mc-loader__path.svelte-1x9a3mz{stroke-width:4}.mc-loader.svelte-1x9a3mz .mc-loader__path.svelte-1x9a3mz{stroke:currentColor}.mc-loader__spinner.svelte-1x9a3mz.svelte-1x9a3mz:not(:only-child){margin-bottom:1rem}.mc-loader__icon.svelte-1x9a3mz.svelte-1x9a3mz{-webkit-animation:svelte-1x9a3mz-rotate-loader 2s linear infinite;animation:svelte-1x9a3mz-rotate-loader 2s linear infinite;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mc-loader__path.svelte-1x9a3mz.svelte-1x9a3mz{fill:none;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:svelte-1x9a3mz-animate-dash-loader 2s ease-in-out infinite;animation:svelte-1x9a3mz-animate-dash-loader 2s ease-in-out infinite}.mc-loader__text.svelte-1x9a3mz.svelte-1x9a3mz{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s.svelte-1x9a3mz .mc-loader__spinner.svelte-1x9a3mz{height:1.5rem;width:1.5rem}.mc-loader--s.svelte-1x9a3mz .mc-loader__path.svelte-1x9a3mz{stroke-width:4}.mc-loader--l.svelte-1x9a3mz .mc-loader__spinner.svelte-1x9a3mz{height:4rem;width:4rem}.mc-loader--l.svelte-1x9a3mz .mc-loader__path.svelte-1x9a3mz{stroke-width:8}.mc-loader--dark.svelte-1x9a3mz.svelte-1x9a3mz{color:#191919}.mc-loader--dark.svelte-1x9a3mz .mc-loader__path.svelte-1x9a3mz{stroke:currentColor}.mc-loader--light.svelte-1x9a3mz.svelte-1x9a3mz{color:#ffffff}.mc-loader--light.svelte-1x9a3mz .mc-loader__path.svelte-1x9a3mz{stroke:currentColor}@-webkit-keyframes svelte-1x9a3mz-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes svelte-1x9a3mz-rotate-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes svelte-1x9a3mz-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}@keyframes svelte-1x9a3mz-animate-dash-loader{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}");
+}
+
+// (62:2) {#if text}
+function create_if_block(ctx) {
+	let span;
+	let t;
+
+	return {
+		c() {
+			span = element("span");
+			t = text(/*text*/ ctx[2]);
+			attr(span, "class", "mc-loader__text svelte-1x9a3mz");
+		},
+		m(target, anchor) {
+			insert(target, span, anchor);
+			append(span, t);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*text*/ 4) set_data(t, /*text*/ ctx[2]);
+		},
+		d(detaching) {
+			if (detaching) detach(span);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div;
+	let span;
+	let svg;
+	let circle;
+	let circle_r_value;
+	let svg_viewBox_value;
+	let t;
+	let div_class_value;
+	let if_block = /*text*/ ctx[2] && create_if_block(ctx);
+
+	return {
+		c() {
+			div = element("div");
+			span = element("span");
+			svg = svg_element("svg");
+			circle = svg_element("circle");
+			t = space();
+			if (if_block) if_block.c();
+			attr(circle, "class", "mc-loader__path svelte-1x9a3mz");
+			attr(circle, "cx", "50%");
+			attr(circle, "cy", "50%");
+			attr(circle, "r", circle_r_value = setCircleRadius(/*size*/ ctx[0]));
+			attr(svg, "class", "mc-loader__icon svelte-1x9a3mz");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			attr(svg, "viewBox", svg_viewBox_value = setViewBox(/*size*/ ctx[0]));
+			attr(span, "class", "mc-loader__spinner svelte-1x9a3mz");
+			attr(div, "class", div_class_value = "" + (setClasses(/*size*/ ctx[0], /*theme*/ ctx[1]) + " " + /*$$props*/ ctx[3].class + " svelte-1x9a3mz"));
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, span);
+			append(span, svg);
+			append(svg, circle);
+			append(div, t);
+			if (if_block) if_block.m(div, null);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*size*/ 1 && circle_r_value !== (circle_r_value = setCircleRadius(/*size*/ ctx[0]))) {
+				attr(circle, "r", circle_r_value);
+			}
+
+			if (dirty & /*size*/ 1 && svg_viewBox_value !== (svg_viewBox_value = setViewBox(/*size*/ ctx[0]))) {
+				attr(svg, "viewBox", svg_viewBox_value);
+			}
+
+			if (/*text*/ ctx[2]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					if_block.m(div, null);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+
+			if (dirty & /*size, theme, $$props*/ 11 && div_class_value !== (div_class_value = "" + (setClasses(/*size*/ ctx[0], /*theme*/ ctx[1]) + " " + /*$$props*/ ctx[3].class + " svelte-1x9a3mz"))) {
+				attr(div, "class", div_class_value);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div);
+			if (if_block) if_block.d();
+		}
+	};
+}
+
+function setClasses(size, theme) {
+	const classes = ['mc-loader'];
+
+	if (size) {
+		classes.push(`mc-loader--${size}`);
+	}
+
+	if (theme) {
+		classes.push(`mc-loader--${theme}`);
+	}
+
+	return classes.join(' ');
+}
+
+function setViewBox(size) {
+	let viewBox;
+
+	switch (size) {
+		case 's':
+			viewBox = '0 0 24 24';
+			break;
+		case 'l':
+			viewBox = '0 0 64 64';
+			break;
+		default:
+			viewBox = '0 0 32 32';
+	}
+
+	return viewBox;
+}
+
+function setCircleRadius(size) {
+	let circleRadius;
+
+	switch (size) {
+		case 's':
+			circleRadius = 6;
+			break;
+		case 'l':
+			circleRadius = 19;
+			break;
+		default:
+			circleRadius = 9;
+	}
+
+	return circleRadius;
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let { size } = $$props;
+	let { theme } = $$props;
+	let { text } = $$props;
+
+	$$self.$$set = $$new_props => {
+		$$invalidate(3, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
+		if ('size' in $$new_props) $$invalidate(0, size = $$new_props.size);
+		if ('theme' in $$new_props) $$invalidate(1, theme = $$new_props.theme);
+		if ('text' in $$new_props) $$invalidate(2, text = $$new_props.text);
+	};
+
+	$$props = exclude_internal_props($$props);
+	return [size, theme, text, $$props];
+}
+
+class Loader_nested extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { size: 0, theme: 1, text: 2 }, add_css);
+	}
+}
+
+export { Loader_nested as default };
 //# sourceMappingURL=Loader.nested.js.map

package/public/components/loader/Loader.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.nested.js","sources":["../../../src/components/loader/Loader.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { LoaderSize, LoaderTheme } from './loader.types';\n\n  export let size: LoaderSize;\n  export let theme: LoaderTheme;\n  export let text: string;\n\n  function setClasses(size: LoaderSize, theme: LoaderTheme) {\n    const classes = ['mc-loader'];\n\n    if (size) {\n      classes.push(`mc-loader--${size}`);\n    }\n\n    if (theme) {\n      classes.push(`mc-loader--${theme}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  function setViewBox(size: LoaderSize) {\n    let viewBox: string;\n\n    switch (size) {\n      case 's':\n        viewBox = '0 0 24 24';\n        break;\n      case 'l':\n        viewBox = '0 0 64 64';\n        break;\n      default:\n        viewBox = '0 0 32 32';\n    }\n\n    return viewBox;\n  }\n\n  function setCircleRadius(size: LoaderSize) {\n    let circleRadius: number;\n\n    switch (size) {\n      case 's':\n        circleRadius = 6;\n        break;\n      case 'l':\n        circleRadius = 19;\n        break;\n      default:\n        circleRadius = 9;\n    }\n\n    return circleRadius;\n  }\n</script>\n\n<div class=\"{setClasses(size, theme)} {$$props.class}\">\n  <span class=\"mc-loader__spinner\">\n    <svg\n      class=\"mc-loader__icon\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={setViewBox(size)}\n    >\n      <circle\n        class=\"mc-loader__path\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r={setCircleRadius(size)}\n      />\n    </svg>\n  </span>\n\n  {#if text}\n    <span class=\"mc-loader__text\">\n      {text}\n    </span>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.loader';\n</style>\n"],"names":["ctx","insert","target","span","anchor","create_if_block","attr","circle","circle_r_value","setCircleRadius","svg","svg_viewBox_value","setViewBox","div","div_class_value","setClasses","class","append","dirty","size","theme","classes","push","join","viewBox","circleRadius","$$props","text"],"mappings":"4xFA4EOA,EAAI,0DADPC,EAEMC,EAAAC,EAAAC,2BADHJ,EAAI,wDAFJA,EAAI,IAAAK,EAAAL,2JALAM,EAAAC,EAAA,IAAAC,EAAAC,EAAgBT,EAAI,6FANhBM,EAAAI,EAAA,UAAAC,EAAAC,EAAWZ,EAAI,sDALjBM,EAAAO,EAAA,QAAAC,EAAAC,EAAWf,EAAI,GAAEA,EAAS,IAAA,IAAAA,KAAQgB,MAAK,2BAApDf,EAqBKC,EAAAW,EAAAT,GApBHa,EAaMJ,EAAAV,GAZJc,EAWKd,EAAAO,GANHO,EAKCP,EAAAH,mCADI,EAAAW,GAAAV,KAAAA,EAAAC,EAAgBT,EAAI,iBANhB,EAAAkB,GAAAP,KAAAA,EAAAC,EAAWZ,EAAI,uBAWvBA,EAAI,4DAhBE,GAAAkB,GAAAJ,KAAAA,EAAAC,EAAWf,EAAI,GAAEA,EAAS,IAAA,IAAAA,KAAQgB,MAAK,6EAjDzCD,EAAWI,EAAkBC,GAC9B,MAAAC,GAAW,oBAEbF,GACFE,EAAQC,KAAI,cAAeH,KAGzBC,GACFC,EAAQC,KAAI,cAAeF,KAGtBC,EAAQE,KAAK,KAGb,SAAAX,EAAWO,OACdK,SAEIL,OACD,IACHK,EAAU,sBAEP,IACHA,EAAU,0BAGVA,EAAU,mBAGPA,EAGA,SAAAf,EAAgBU,OACnBM,SAEIN,OACD,IACHM,EAAe,YAEZ,IACHA,EAAe,iBAGfA,EAAe,SAGZA,6BAjDEN,GAAgBO,SAChBN,GAAkBM,QAClBC,GAAYD"}
+{"version":3,"file":"Loader.nested.js","sources":["../../../src/components/loader/Loader.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { LoaderSize, LoaderTheme } from './loader.types';\n\n  export let size: LoaderSize;\n  export let theme: LoaderTheme;\n  export let text: string;\n\n  function setClasses(size: LoaderSize, theme: LoaderTheme) {\n    const classes = ['mc-loader'];\n\n    if (size) {\n      classes.push(`mc-loader--${size}`);\n    }\n\n    if (theme) {\n      classes.push(`mc-loader--${theme}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  function setViewBox(size: LoaderSize) {\n    let viewBox: string;\n\n    switch (size) {\n      case 's':\n        viewBox = '0 0 24 24';\n        break;\n      case 'l':\n        viewBox = '0 0 64 64';\n        break;\n      default:\n        viewBox = '0 0 32 32';\n    }\n\n    return viewBox;\n  }\n\n  function setCircleRadius(size: LoaderSize) {\n    let circleRadius: number;\n\n    switch (size) {\n      case 's':\n        circleRadius = 6;\n        break;\n      case 'l':\n        circleRadius = 19;\n        break;\n      default:\n        circleRadius = 9;\n    }\n\n    return circleRadius;\n  }\n</script>\n\n<div class=\"{setClasses(size, theme)} {$$props.class}\">\n  <span class=\"mc-loader__spinner\">\n    <svg\n      class=\"mc-loader__icon\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={setViewBox(size)}\n    >\n      <circle\n        class=\"mc-loader__path\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r={setCircleRadius(size)}\n      />\n    </svg>\n  </span>\n\n  {#if text}\n    <span class=\"mc-loader__text\">\n      {text}\n    </span>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.loader';\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;qBA4EO,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;;;;GADP,MAEM,CAAA,MAAA,EAAA,IAAA,EAAA,MAAA,CAAA,CAAA;;;;gDADH,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;yBAFJ,GAAI,CAAA,CAAA,CAAA,IAAA,eAAA,CAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;AALA,GAAA,IAAA,CAAA,MAAA,EAAA,GAAA,EAAA,cAAA,GAAA,eAAe,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;AANhB,GAAA,IAAA,CAAA,GAAA,EAAA,SAAA,EAAA,iBAAA,GAAA,UAAU,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;AALjB,GAAA,IAAA,CAAA,GAAA,EAAA,OAAA,EAAA,eAAA,GAAA,EAAA,IAAA,UAAU,UAAC,GAAI,CAAA,CAAA,CAAA,YAAE,GAAK,CAAI,CAAA,CAAA,CAAA,GAAA,GAAA,eAAA,GAAO,IAAC,KAAK,GAAA,iBAAA,CAAA,CAAA,CAAA;;;GAApD,MAqBK,CAAA,MAAA,EAAA,GAAA,EAAA,MAAA,CAAA,CAAA;GApBH,MAaM,CAAA,GAAA,EAAA,IAAA,CAAA,CAAA;GAZJ,MAWK,CAAA,IAAA,EAAA,GAAA,CAAA,CAAA;GANH,MAKC,CAAA,GAAA,EAAA,MAAA,CAAA,CAAA;;;;;AADI,GAAA,IAAA,KAAA,YAAA,CAAA,IAAA,cAAA,MAAA,cAAA,GAAA,eAAe,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA;;;;AANhB,GAAA,IAAA,KAAA,YAAA,CAAA,IAAA,iBAAA,MAAA,iBAAA,GAAA,UAAU,UAAC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA;;;;gBAWvB,GAAI,CAAA,CAAA,CAAA,EAAA;;;;;;;;;;;;;AAhBE,GAAA,IAAA,KAAA,4BAAA,EAAA,IAAA,eAAA,MAAA,eAAA,GAAA,EAAA,IAAA,UAAU,UAAC,GAAI,CAAA,CAAA,CAAA,YAAE,GAAK,CAAI,CAAA,CAAA,CAAA,GAAA,GAAA,eAAA,GAAO,IAAC,KAAK,GAAA,iBAAA,CAAA,CAAA,EAAA;;;;;;;;;;;;;SAjDzC,UAAU,CAAC,IAAgB,EAAE,KAAkB,EAAA;AAChD,CAAA,MAAA,OAAO,IAAI,WAAW,CAAA,CAAA;;KAExB,IAAI,EAAA;EACN,OAAO,CAAC,IAAI,CAAA,CAAA,WAAA,EAAe,IAAI,CAAA,CAAA,CAAA,CAAA;;;KAG7B,KAAK,EAAA;EACP,OAAO,CAAC,IAAI,CAAA,CAAA,WAAA,EAAe,KAAK,CAAA,CAAA,CAAA,CAAA;;;QAG3B,OAAO,CAAC,IAAI,CAAC,GAAG,CAAA,CAAA;;;AAGhB,SAAA,UAAU,CAAC,IAAgB,EAAA;KAC9B,OAAe,CAAA;;SAEX,IAAI;OACL,GAAG;AACN,GAAA,OAAO,GAAG,WAAW,CAAA;;OAElB,GAAG;AACN,GAAA,OAAO,GAAG,WAAW,CAAA;;;AAGrB,GAAA,OAAO,GAAG,WAAW,CAAA;;;QAGlB,OAAO,CAAA;;;AAGP,SAAA,eAAe,CAAC,IAAgB,EAAA;KACnC,YAAoB,CAAA;;SAEhB,IAAI;OACL,GAAG;AACN,GAAA,YAAY,GAAG,CAAC,CAAA;;OAEb,GAAG;AACN,GAAA,YAAY,GAAG,EAAE,CAAA;;;AAGjB,GAAA,YAAY,GAAG,CAAC,CAAA;;;QAGb,YAAY,CAAA;;;;OAjDV,IAAgB,EAAA,GAAA,OAAA,CAAA;OAChB,KAAkB,EAAA,GAAA,OAAA,CAAA;OAClB,IAAY,EAAA,GAAA,OAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}