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

package/public/components/select/Select.js

@@ -1,2 +1,452 @@
-import{S as e,i,a as t,b as r,f as s,s as a,c,e as l,K as n,n as o,h as d,a6 as m,j as g,a7 as x,a8 as h,B as p,l as u,m as M,o as b,J as I,H as v,p as A,r as D,q as w,t as f,k as j,d as E,g as C,a9 as z}from"../../index-c33b3772.js";import{E as k}from"../../EventHandler-02058705.js";import{c as y}from"../../EventForward-8492ff62.js";function $(e,i,t){const r=e.slice();return r[18]=i[t],r}function T(e){let i,t,s,a;return{c(){i=l("option"),t=f("-- "),s=f(e[1]),a=f(" --\n    "),i.__value="",i.value=i.__value,i.disabled=!0,i.selected=!0},m(e,c){r(e,i,c),g(i,t),g(i,s),g(i,a)},p(e,i){2&i&&j(s,e[1])},d(e){e&&b(i)}}}function N(e){let i,t,s,a,c,n,o=e[18].text+"";return{c(){i=l("option"),t=f(o),s=E(),C(i,"name",a=e[18].value),i.disabled=c=e[18].disabled,i.__value=n=e[18].value,i.value=i.__value},m(e,a){r(e,i,a),g(i,t),g(i,s)},p(e,r){512&r&&o!==(o=e[18].text+"")&&j(t,o),512&r&&a!==(a=e[18].value)&&C(i,"name",a),512&r&&c!==(c=e[18].disabled)&&(i.disabled=c),512&r&&n!==(n=e[18].value)&&(i.__value=n,i.value=i.__value)},d(e){e&&b(i)}}}function L(e){let i,t,s,a,A,D=e[1]&&T(e),w=e[9],f=[];for(let i=0;i<w.length;i+=1)f[i]=N($(e,w,i));let j=[{id:e[0]},{class:s=S(e[3],e[4],e[2])+" "+e[8]},{disabled:e[5]},e[6]],E={};for(let e=0;e<j.length;e+=1)E=c(E,j[e]);return{c(){i=l("select"),D&&D.c(),t=n();for(let e=0;e<f.length;e+=1)f[e].c();this.c=o,d(i,E),void 0===e[7]&&m((()=>e[14].call(i)))},m(s,c){r(s,i,c),D&&D.m(i,null),g(i,t);for(let e=0;e<f.length;e+=1)f[e]&&f[e].m(i,null);"value"in E&&(E.multiple?x:h)(i,E.value),i.autofocus&&i.focus(),h(i,e[7],!0),a||(A=[p(e[11].call(null,i)),u(i,"change",e[14]),u(i,"change",e[15])],a=!0)},p(e,[r]){if(e[1]?D?D.p(e,r):(D=T(e),D.c(),D.m(i,t)):D&&(D.d(1),D=null),512&r){let t;for(w=e[9],t=0;t<w.length;t+=1){const s=$(e,w,t);f[t]?f[t].p(s,r):(f[t]=N(s),f[t].c(),f[t].m(i,null))}for(;t<f.length;t+=1)f[t].d(1);f.length=w.length}d(i,E=M(j,[1&r&&{id:e[0]},284&r&&s!==(s=S(e[3],e[4],e[2])+" "+e[8])&&{class:s},32&r&&{disabled:e[5]},64&r&&e[6]])),381&r&&"value"in E&&(E.multiple?x:h)(i,E.value),640&r&&h(i,e[7])},i:o,o:o,d(e){e&&b(i),D&&D.d(),I(f,e),a=!1,v(A)}}}function S(e,i,t){const r=["mc-select"];return e&&!i&&r.push("is-valid"),i&&r.push("is-invalid"),t&&r.push(`mc-select--${t}`),r.join(" ")}function G(e,i,t){let r,s,a;const l=["id","valueselected","placeholder","size","isvalid","isinvalid","disabled","options"];let n=A(i,l),{id:o}=i,{valueselected:d=""}=i,{placeholder:m}=i,{size:g="m"}=i,{isvalid:x=!1}=i,{isinvalid:h=!1}=i,{disabled:p=!1}=i,{options:u}=i,M=new k;const b=y(D());let I="";return e.$$set=e=>{t(17,i=c(c({},i),w(e))),t(16,n=A(i,l)),"id"in e&&t(0,o=e.id),"valueselected"in e&&t(12,d=e.valueselected),"placeholder"in e&&t(1,m=e.placeholder),"size"in e&&t(2,g=e.size),"isvalid"in e&&t(3,x=e.isvalid),"isinvalid"in e&&t(4,h=e.isinvalid),"disabled"in e&&t(5,p=e.disabled),"options"in e&&t(13,u=e.options)},e.$$.update=()=>{8192&e.$$.dirty&&t(9,r=u?JSON.parse(u):[]),4096&e.$$.dirty&&t(7,I=d),t(8,s=i.class),t(6,a=Object.assign({},n)),64&e.$$.dirty&&delete a.class},i=w(i),[o,m,g,x,h,p,a,I,s,r,M,b,d,u,function(){I=z(this),t(7,I),t(12,d),t(9,r),t(13,u)},()=>M.dispatch("change",I)]}class Z extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-select{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select: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-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==");border-color:#c61112}.mc-select.is-valid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}',this.shadowRoot.appendChild(c),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},G,L,a,{id:0,valueselected:12,placeholder:1,size:2,isvalid:3,isinvalid:4,disabled:5,options:13},null),e&&(e.target&&r(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["id","valueselected","placeholder","size","isvalid","isinvalid","disabled","options"]}get id(){return this.$$.ctx[0]}set id(e){this.$$set({id:e}),s()}get valueselected(){return this.$$.ctx[12]}set valueselected(e){this.$$set({valueselected:e}),s()}get placeholder(){return this.$$.ctx[1]}set placeholder(e){this.$$set({placeholder:e}),s()}get size(){return this.$$.ctx[2]}set size(e){this.$$set({size:e}),s()}get isvalid(){return this.$$.ctx[3]}set isvalid(e){this.$$set({isvalid:e}),s()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),s()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),s()}get options(){return this.$$.ctx[13]}set options(e){this.$$set({options:e}),s()}}export{Z 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, K as empty, n as noop, h as set_attributes, a6 as add_render_callback, j as append, a7 as select_options, a8 as select_option, B as action_destroyer, l as listen, m as get_spread_update, o as detach, J as destroy_each, H as run_all, p as compute_rest_props, r as get_current_component, q as exclude_internal_props, t as text, k as set_data, d as space, g as attr, a9 as select_value } from '../../index-c33b3772.js';
+import { E as EventHandler } from '../../EventHandler-02058705.js';
+import { c as createEventForwarder } from '../../EventForward-8492ff62.js';
+
+/* src/components/select/Select.svelte generated by Svelte v3.58.0 */
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[18] = list[i];
+	return child_ctx;
+}
+
+// (47:2) {#if placeholder}
+function create_if_block(ctx) {
+	let option;
+	let t0;
+	let t1;
+	let t2;
+
+	return {
+		c() {
+			option = element("option");
+			t0 = text("-- ");
+			t1 = text(/*placeholder*/ ctx[1]);
+			t2 = text(" --\n    ");
+			option.__value = "";
+			option.value = option.__value;
+			option.disabled = true;
+			option.selected = true;
+		},
+		m(target, anchor) {
+			insert(target, option, anchor);
+			append(option, t0);
+			append(option, t1);
+			append(option, t2);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*placeholder*/ 2) set_data(t1, /*placeholder*/ ctx[1]);
+		},
+		d(detaching) {
+			if (detaching) detach(option);
+		}
+	};
+}
+
+// (53:2) {#each parsedOptions as opt}
+function create_each_block(ctx) {
+	let option;
+	let t0_value = /*opt*/ ctx[18].text + "";
+	let t0;
+	let t1;
+	let option_name_value;
+	let option_disabled_value;
+	let option_value_value;
+
+	return {
+		c() {
+			option = element("option");
+			t0 = text(t0_value);
+			t1 = space();
+			attr(option, "name", option_name_value = /*opt*/ ctx[18].value);
+			option.disabled = option_disabled_value = /*opt*/ ctx[18].disabled;
+			option.__value = option_value_value = /*opt*/ ctx[18].value;
+			option.value = option.__value;
+		},
+		m(target, anchor) {
+			insert(target, option, anchor);
+			append(option, t0);
+			append(option, t1);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*parsedOptions*/ 512 && t0_value !== (t0_value = /*opt*/ ctx[18].text + "")) set_data(t0, t0_value);
+
+			if (dirty & /*parsedOptions*/ 512 && option_name_value !== (option_name_value = /*opt*/ ctx[18].value)) {
+				attr(option, "name", option_name_value);
+			}
+
+			if (dirty & /*parsedOptions*/ 512 && option_disabled_value !== (option_disabled_value = /*opt*/ ctx[18].disabled)) {
+				option.disabled = option_disabled_value;
+			}
+
+			if (dirty & /*parsedOptions*/ 512 && option_value_value !== (option_value_value = /*opt*/ ctx[18].value)) {
+				option.__value = option_value_value;
+				option.value = option.__value;
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(option);
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let select;
+	let if_block_anchor;
+	let select_class_value;
+	let mounted;
+	let dispose;
+	let if_block = /*placeholder*/ ctx[1] && create_if_block(ctx);
+	let each_value = /*parsedOptions*/ ctx[9];
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
+	}
+
+	let select_levels = [
+		{ id: /*id*/ ctx[0] },
+		{
+			class: select_class_value = "" + (setClasses(/*isvalid*/ ctx[3], /*isinvalid*/ ctx[4], /*size*/ ctx[2]) + " " + /*userClass*/ ctx[8])
+		},
+		{ disabled: /*disabled*/ ctx[5] },
+		/*attributes*/ ctx[6]
+	];
+
+	let select_data = {};
+
+	for (let i = 0; i < select_levels.length; i += 1) {
+		select_data = assign(select_data, select_levels[i]);
+	}
+
+	return {
+		c() {
+			select = element("select");
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			this.c = noop;
+			set_attributes(select, select_data);
+			if (/*valueSelected*/ ctx[7] === void 0) add_render_callback(() => /*select_change_handler*/ ctx[14].call(select));
+		},
+		m(target, anchor) {
+			insert(target, select, anchor);
+			if (if_block) if_block.m(select, null);
+			append(select, if_block_anchor);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				if (each_blocks[i]) {
+					each_blocks[i].m(select, null);
+				}
+			}
+
+			'value' in select_data && (select_data.multiple ? select_options : select_option)(select, select_data.value);
+			if (select.autofocus) select.focus();
+			select_option(select, /*valueSelected*/ ctx[7], true);
+
+			if (!mounted) {
+				dispose = [
+					action_destroyer(/*forwardEvents*/ ctx[11].call(null, select)),
+					listen(select, "change", /*select_change_handler*/ ctx[14]),
+					listen(select, "change", /*change_handler*/ ctx[15])
+				];
+
+				mounted = true;
+			}
+		},
+		p(ctx, [dirty]) {
+			if (/*placeholder*/ ctx[1]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					if_block.m(select, if_block_anchor);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+
+			if (dirty & /*parsedOptions*/ 512) {
+				each_value = /*parsedOptions*/ ctx[9];
+				let i;
+
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(child_ctx, dirty);
+					} else {
+						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i].c();
+						each_blocks[i].m(select, null);
+					}
+				}
+
+				for (; i < each_blocks.length; i += 1) {
+					each_blocks[i].d(1);
+				}
+
+				each_blocks.length = each_value.length;
+			}
+
+			set_attributes(select, select_data = get_spread_update(select_levels, [
+				dirty & /*id*/ 1 && { id: /*id*/ ctx[0] },
+				dirty & /*isvalid, isinvalid, size, userClass*/ 284 && select_class_value !== (select_class_value = "" + (setClasses(/*isvalid*/ ctx[3], /*isinvalid*/ ctx[4], /*size*/ ctx[2]) + " " + /*userClass*/ ctx[8])) && { class: select_class_value },
+				dirty & /*disabled*/ 32 && { disabled: /*disabled*/ ctx[5] },
+				dirty & /*attributes*/ 64 && /*attributes*/ ctx[6]
+			]));
+
+			if (dirty & /*id, setClasses, isvalid, isinvalid, size, userClass, disabled, attributes*/ 381 && 'value' in select_data) (select_data.multiple ? select_options : select_option)(select, select_data.value);
+
+			if (dirty & /*valueSelected, parsedOptions*/ 640) {
+				select_option(select, /*valueSelected*/ ctx[7]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(select);
+			if (if_block) if_block.d();
+			destroy_each(each_blocks, detaching);
+			mounted = false;
+			run_all(dispose);
+		}
+	};
+}
+
+function setClasses(isvalid, isinvalid, size) {
+	const classes = ['mc-select'];
+
+	if (isvalid && !isinvalid) {
+		classes.push('is-valid');
+	}
+
+	if (isinvalid) {
+		classes.push('is-invalid');
+	}
+
+	if (size) {
+		classes.push(`mc-select--${size}`);
+	}
+
+	return classes.join(' ');
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let parsedOptions;
+	let userClass;
+	let attributes;
+
+	const omit_props_names = [
+		"id","valueselected","placeholder","size","isvalid","isinvalid","disabled","options"
+	];
+
+	let $$restProps = compute_rest_props($$props, omit_props_names);
+	let { id } = $$props;
+	let { valueselected = '' } = $$props;
+	let { placeholder } = $$props;
+	let { size = 'm' } = $$props;
+	let { isvalid = false } = $$props;
+	let { isinvalid = false } = $$props;
+	let { disabled = false } = $$props;
+	let { options } = $$props;
+	let eventHandler = new EventHandler();
+	const forwardEvents = createEventForwarder(get_current_component());
+	let valueSelected = '';
+
+	function select_change_handler() {
+		valueSelected = select_value(this);
+		($$invalidate(7, valueSelected), $$invalidate(12, valueselected));
+		($$invalidate(9, parsedOptions), $$invalidate(13, options));
+	}
+
+	const change_handler = () => eventHandler.dispatch('change', valueSelected);
+
+	$$self.$$set = $$new_props => {
+		$$invalidate(17, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
+		$$invalidate(16, $$restProps = compute_rest_props($$props, omit_props_names));
+		if ('id' in $$new_props) $$invalidate(0, id = $$new_props.id);
+		if ('valueselected' in $$new_props) $$invalidate(12, valueselected = $$new_props.valueselected);
+		if ('placeholder' in $$new_props) $$invalidate(1, placeholder = $$new_props.placeholder);
+		if ('size' in $$new_props) $$invalidate(2, size = $$new_props.size);
+		if ('isvalid' in $$new_props) $$invalidate(3, isvalid = $$new_props.isvalid);
+		if ('isinvalid' in $$new_props) $$invalidate(4, isinvalid = $$new_props.isinvalid);
+		if ('disabled' in $$new_props) $$invalidate(5, disabled = $$new_props.disabled);
+		if ('options' in $$new_props) $$invalidate(13, options = $$new_props.options);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*options*/ 8192) {
+			$$invalidate(9, parsedOptions = options ? JSON.parse(options) : []);
+		}
+
+		if ($$self.$$.dirty & /*valueselected*/ 4096) {
+			$$invalidate(7, valueSelected = valueselected);
+		}
+
+		$$invalidate(8, userClass = $$props.class);
+		$$invalidate(6, attributes = Object.assign({}, $$restProps));
+
+		if ($$self.$$.dirty & /*attributes*/ 64) {
+			delete attributes.class;
+		}
+	};
+
+	$$props = exclude_internal_props($$props);
+
+	return [
+		id,
+		placeholder,
+		size,
+		isvalid,
+		isinvalid,
+		disabled,
+		attributes,
+		valueSelected,
+		userClass,
+		parsedOptions,
+		eventHandler,
+		forwardEvents,
+		valueselected,
+		options,
+		select_change_handler,
+		change_handler
+	];
+}
+
+class Select extends SvelteElement {
+	constructor(options) {
+		super();
+		const style = document.createElement('style');
+		style.textContent = `.mc-select{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg==");background-color:#ffffff;background-repeat:no-repeat;background-size:1rem 1rem, 1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;-webkit-transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;transition:border-color 200ms ease, -webkit-box-shadow 200ms ease;-o-transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease;transition:border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select.is-hover,.mc-select:hover{border-color:#191919}.mc-select.is-focus,.mc-select: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-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==");border-color:#c61112}.mc-select.is-valid{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTEuNWExIDEgMCAwMS0uNzEtLjI5bC01LTVhMSAxIDAgMDExLjQyLTEuNDJMOCA5LjA5bDQuMjktNC4zYTEgMSAwIDExMS40MiAxLjQybC01IDVhMSAxIDAgMDEtLjcxLjI5eiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+");border-color:#46a610}.mc-select--s{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:0.875rem;line-height:1.1428571429;background-position:right 0.5rem center, right 2rem center;padding:calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px)}.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center, right 2.5rem center;padding:calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px)}}`;
+		this.shadowRoot.appendChild(style);
+
+		init(
+			this,
+			{
+				target: this.shadowRoot,
+				props: attribute_to_object(this.attributes),
+				customElement: true
+			},
+			instance,
+			create_fragment,
+			safe_not_equal,
+			{
+				id: 0,
+				valueselected: 12,
+				placeholder: 1,
+				size: 2,
+				isvalid: 3,
+				isinvalid: 4,
+				disabled: 5,
+				options: 13
+			},
+			null
+		);
+
+		if (options) {
+			if (options.target) {
+				insert(options.target, this, options.anchor);
+			}
+
+			if (options.props) {
+				this.$set(options.props);
+				flush();
+			}
+		}
+	}
+
+	static get observedAttributes() {
+		return [
+			"id",
+			"valueselected",
+			"placeholder",
+			"size",
+			"isvalid",
+			"isinvalid",
+			"disabled",
+			"options"
+		];
+	}
+
+	get id() {
+		return this.$$.ctx[0];
+	}
+
+	set id(id) {
+		this.$$set({ id });
+		flush();
+	}
+
+	get valueselected() {
+		return this.$$.ctx[12];
+	}
+
+	set valueselected(valueselected) {
+		this.$$set({ valueselected });
+		flush();
+	}
+
+	get placeholder() {
+		return this.$$.ctx[1];
+	}
+
+	set placeholder(placeholder) {
+		this.$$set({ placeholder });
+		flush();
+	}
+
+	get size() {
+		return this.$$.ctx[2];
+	}
+
+	set size(size) {
+		this.$$set({ size });
+		flush();
+	}
+
+	get isvalid() {
+		return this.$$.ctx[3];
+	}
+
+	set isvalid(isvalid) {
+		this.$$set({ isvalid });
+		flush();
+	}
+
+	get isinvalid() {
+		return this.$$.ctx[4];
+	}
+
+	set isinvalid(isinvalid) {
+		this.$$set({ isinvalid });
+		flush();
+	}
+
+	get disabled() {
+		return this.$$.ctx[5];
+	}
+
+	set disabled(disabled) {
+		this.$$set({ disabled });
+		flush();
+	}
+
+	get options() {
+		return this.$$.ctx[13];
+	}
+
+	set options(options) {
+		this.$$set({ options });
+		flush();
+	}
+}
+
+export { Select as default };
 //# sourceMappingURL=Select.js.map

package/public/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { createEventForwarder } from '../../utilities/EventForward';\n\n  import type { SelectOption, SelectSize } from './select.types';\n\n  export let id: string;\n  export let valueselected = '';\n  export let placeholder: string;\n  export let size: SelectSize = 'm';\n  export let isvalid = false;\n  export let isinvalid = false;\n  export let disabled = false;\n  export let options: string;\n  let eventHandler = new EventHandler();\n  const forwardEvents = createEventForwarder(get_current_component());\n  let valueSelected = '';\n\n  $: parsedOptions = options ? (JSON.parse(options) as SelectOption[]) : [];\n  $: valueSelected = valueselected;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  function setClasses(\n    isvalid: boolean,\n    isinvalid: boolean,\n    size: SelectSize,\n  ): string {\n    const classes = ['mc-select'];\n\n    if (isvalid && !isinvalid) {\n      classes.push('is-valid');\n    }\n\n    if (isinvalid) {\n      classes.push('is-invalid');\n    }\n    if (size) {\n      classes.push(`mc-select--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<!-- svelte-ignore a11y-no-onchange -->\n<select\n  use:forwardEvents\n  {id}\n  class=\"{setClasses(isvalid, isinvalid, size)} {userClass}\"\n  {disabled}\n  bind:value={valueSelected}\n  on:change={() => eventHandler.dispatch('change', valueSelected)}\n  {...attributes}\n>\n  {#if placeholder}\n    <option value=\"\" disabled selected>\n      -- {placeholder} --\n    </option>\n  {/if}\n\n  {#each parsedOptions as opt}\n    <option name={opt.value} disabled={opt.disabled} value={opt.value}>\n      {opt.text}\n    </option>\n  {/each}\n</select>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.select';\n</style>\n"],"names":["ctx","insert","target","option","anchor","t0_value","text","attr","option_name_value","value","disabled","option_disabled_value","__value","option_value_value","dirty","set_data","t0","create_if_block","length","i","class","select_class_value","setClasses","add_render_callback","call","select","isvalid","isinvalid","size","classes","push","join","id","$$props","valueselected","placeholder","options","eventHandler","EventHandler","forwardEvents","createEventForwarder","get_current_component","valueSelected","$$invalidate","parsedOptions","JSON","parse","userClass","attributes","Object","assign","$$restProps","select_value","this","dispatch"],"mappings":"+bA2DsC,WAC5BA,EAAW,QAAC,gFADlBC,EAEQC,EAAAC,EAAAC,yCADFJ,EAAW,kDAMdK,EAAAL,MAAIM,KAAI,yCADGC,EAAAJ,EAAA,OAAAK,EAAAR,MAAIS,OAAiBN,EAAAO,SAAAC,EAAAX,MAAIU,SAAiBP,EAAAS,QAAAC,EAAAb,MAAIS,gCAA5DR,EAEQC,EAAAC,EAAAC,yBADL,IAAAU,GAAAT,KAAAA,EAAAL,MAAIM,KAAI,KAAAS,EAAAC,EAAAX,GADG,IAAAS,GAAAN,KAAAA,EAAAR,MAAIS,sBAAiB,IAAAK,GAAAH,KAAAA,EAAAX,MAAIU,0BAAiB,IAAAI,GAAAD,KAAAA,EAAAb,MAAIS,sFAPzDT,EAAW,IAAAiB,EAAAjB,KAMTA,EAAa,wBAAlBkB,OAAIC,GAAA,qCAZEC,MAAAC,EAAAC,EAAWtB,EAAO,GAAEA,EAAW,GAAAA,UAAQA,EAAS,oBAIpDA,EAAU,mJAFW,IAAbA,EAAa,IAAAuB,GAAA,IAAAvB,EAAA,IAAAwB,KAAAC,aAL3BxB,EAoBQC,EAAAuB,EAAArB,8IAfMJ,EAAa,IAAA,4FAIpBA,EAAW,4EAMTA,EAAa,WAAlBkB,OAAIC,GAAA,EAAA,iHAAJD,iCAZM,IAAAJ,GAAAO,KAAAA,EAAAC,EAAWtB,EAAO,GAAEA,EAAW,GAAAA,UAAQA,EAAS,KAAA,CAAAoB,MAAAC,+BAIpDrB,EAAU,iEAFFA,EAAa,sDA5BhB,SAAAsB,EACPI,EACAC,EACAC,GAEM,MAAAC,GAAW,oBAEbH,IAAYC,GACdE,EAAQC,KAAK,YAGXH,GACFE,EAAQC,KAAK,cAEXF,GACFC,EAAQC,KAAI,cAAeF,KAGtBC,EAAQE,KAAK,iJAnCXC,GAAUC,GACVC,cAAAA,EAAgB,IAAED,eAClBE,GAAmBF,GACnBL,KAAAA,EAAmB,KAAGK,GACtBP,QAAAA,GAAU,GAAKO,GACfN,UAAAA,GAAY,GAAKM,GACjBvB,SAAAA,GAAW,GAAKuB,WAChBG,GAAeH,EACtBI,MAAmBC,QACjBC,EAAgBC,EAAqBC,KACvC,IAAAC,EAAgB,4WAEnBC,EAAA,EAAEC,EAAgBR,EAAWS,KAAKC,MAAMV,GAAO,qBAC/CO,EAAA,EAAED,EAAgBR,GAChBS,EAAA,EAAAI,EAAYd,EAAQb,WACpB4B,EAALC,OAAAC,UAAuBC,0BACXH,EAAW5B,sDA6BTsB,EAAaU,EAAAC,qCACR,IAAAhB,EAAaiB,SAAS,SAAUZ"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { createEventForwarder } from '../../utilities/EventForward';\n\n  import type { SelectOption, SelectSize } from './select.types';\n\n  export let id: string;\n  export let valueselected = '';\n  export let placeholder: string;\n  export let size: SelectSize = 'm';\n  export let isvalid = false;\n  export let isinvalid = false;\n  export let disabled = false;\n  export let options: string;\n  let eventHandler = new EventHandler();\n  const forwardEvents = createEventForwarder(get_current_component());\n  let valueSelected = '';\n\n  $: parsedOptions = options ? (JSON.parse(options) as SelectOption[]) : [];\n  $: valueSelected = valueselected;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n  function setClasses(\n    isvalid: boolean,\n    isinvalid: boolean,\n    size: SelectSize,\n  ): string {\n    const classes = ['mc-select'];\n\n    if (isvalid && !isinvalid) {\n      classes.push('is-valid');\n    }\n\n    if (isinvalid) {\n      classes.push('is-invalid');\n    }\n    if (size) {\n      classes.push(`mc-select--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<!-- svelte-ignore a11y-no-onchange -->\n<select\n  use:forwardEvents\n  {id}\n  class=\"{setClasses(isvalid, isinvalid, size)} {userClass}\"\n  {disabled}\n  bind:value={valueSelected}\n  on:change={() => eventHandler.dispatch('change', valueSelected)}\n  {...attributes}\n>\n  {#if placeholder}\n    <option value=\"\" disabled selected>\n      -- {placeholder} --\n    </option>\n  {/if}\n\n  {#each parsedOptions as opt}\n    <option name={opt.value} disabled={opt.disabled} value={opt.value}>\n      {opt.text}\n    </option>\n  {/each}\n</select>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/_c.select';\n</style>\n"],"names":[],"mappings":"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"}