@mozaic-ds/web-components 0.7.0 → 0.9.0-beta

package/public/components/checkboxgroup/checkboxGroup.js

@@ -1,2 +1,405 @@
-import{S as e,i,a as c,b as n,f as o,s as t,c as r,e as d,d as l,n as a,g as s,h as m,j as b,a2 as h,m as g,o as p,p as u,a1 as _,q as f,t as x,k,l as M,a3 as I}from"../../index-c33b3772.js";import{E as v}from"../../EventHandler-02058705.js";function w(e,i,c){const n=e.slice();return n[10]=i[c],n}function y(e){let i,c;return{c(){i=d("legend"),c=x(e[1]),s(i,"class","mc-field__legend")},m(e,o){n(e,i,o),b(i,c)},p(e,i){2&i&&k(c,e[1])},d(e){e&&p(i)}}}function A(e){let i,c,o,t=e[10].label+"";return{c(){i=d("label"),c=x(t),s(i,"for",o=e[10].id),s(i,"class","mc-checkbox__label")},m(e,o){n(e,i,o),b(i,c)},p(e,n){8&n&&t!==(t=e[10].label+"")&&k(c,t),8&n&&o!==(o=e[10].id)&&s(i,"for",o)},d(e){e&&p(i)}}}function Z(e,i){let c,o,t,r,a,m,h,g,u,_,f,x,k,I;function v(){return i[7](i[10])}let w=i[10].label&&A(i);return{key:e,first:null,c(){c=d("div"),o=d("input"),_=l(),w&&w.c(),f=l(),s(o,"type","checkbox"),s(o,"class",t="mc-checkbox__input "+(i[10].isinvalid?" is-invalid":"")),s(o,"id",r=i[10].id),s(o,"name",a=i[10].name),o.checked=m=i[10].checked,o.disabled=h=i[10].disabled,o.indeterminate=g=i[10].indeterminate,s(o,"aria-invalid",u=i[10].isinvalid),s(c,"class",x="mc-checkbox mc-field__item "+i[5].class),this.first=c},m(e,i){n(e,c,i),b(c,o),b(c,_),w&&w.m(c,null),b(c,f),k||(I=M(o,"click",v),k=!0)},p(e,n){i=e,8&n&&t!==(t="mc-checkbox__input "+(i[10].isinvalid?" is-invalid":""))&&s(o,"class",t),8&n&&r!==(r=i[10].id)&&s(o,"id",r),8&n&&a!==(a=i[10].name)&&s(o,"name",a),8&n&&m!==(m=i[10].checked)&&(o.checked=m),8&n&&h!==(h=i[10].disabled)&&(o.disabled=h),8&n&&g!==(g=i[10].indeterminate)&&(o.indeterminate=g),8&n&&u!==(u=i[10].isinvalid)&&s(o,"aria-invalid",u),i[10].label?w?w.p(i,n):(w=A(i),w.c(),w.m(c,f)):w&&(w.d(1),w=null),32&n&&x!==(x="mc-checkbox mc-field__item "+i[5].class)&&s(c,"class",x)},d(e){e&&p(c),w&&w.d(),k=!1,I()}}}function j(e){let i,c,o,t,u=[],_=new Map,f=e[1]&&e[1].length&&y(e),x=e[3];const k=e=>e[10].id;for(let i=0;i<x.length;i+=1){let c=w(e,x,i),n=k(c);_.set(n,u[i]=Z(n,c))}let M=[{id:e[0]},{class:"checkbox-group-container"},e[2]],v={};for(let e=0;e<M.length;e+=1)v=r(v,M[e]);return{c(){i=d("div"),c=d("fieldset"),f&&f.c(),o=l(),t=d("div");for(let e=0;e<u.length;e+=1)u[e].c();this.c=a,s(t,"class","mc-field__container"),s(c,"class","mc-field mc-field--group"),m(i,v)},m(e,r){n(e,i,r),b(i,c),f&&f.m(c,null),b(c,o),b(c,t);for(let e=0;e<u.length;e+=1)u[e]&&u[e].m(t,null)},p(e,[n]){e[1]&&e[1].length?f?f.p(e,n):(f=y(e),f.c(),f.m(c,o)):f&&(f.d(1),f=null),56&n&&(x=e[3],u=h(u,n,k,1,e,x,_,t,I,Z,null,w)),m(i,v=g(M,[1&n&&{id:e[0]},{class:"checkbox-group-container"},4&n&&e[2]]))},i:a,o:a,d(e){e&&p(i),f&&f.d();for(let e=0;e<u.length;e+=1)u[e].d()}}}function D(e,i,c){let n,o;const t=["id","options","legend"];let d=u(i,t),{id:l}=i,{options:a}=i,{legend:s}=i,m=new v;function b(e){n&&n.length&&(c(3,n=n.map((i=>{const c=i.value===e?!i.checked:i.checked;return Object.assign(Object.assign({},i),{checked:c})}))),m.dispatch("change",e))}_((()=>{b("")}));return e.$$set=e=>{c(5,i=r(r({},i),f(e))),c(9,d=u(i,t)),"id"in e&&c(0,l=e.id),"options"in e&&c(6,a=e.options),"legend"in e&&c(1,s=e.legend)},e.$$.update=()=>{64&e.$$.dirty&&c(3,n=a?JSON.parse(a):[]),c(2,o=Object.assign({},d)),4&e.$$.dirty&&delete o.class},i=f(i),[l,s,o,n,b,i,a,e=>b(e.value)]}class G extends e{constructor(e){super();const r=document.createElement("style");r.textContent='@charset "UTF-8";.mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{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;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input: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-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:#808080}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:0.5rem}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:c(this.attributes),customElement:!0},D,j,t,{id:0,options:6,legend:1},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["id","options","legend"]}get id(){return this.$$.ctx[0]}set id(e){this.$$set({id:e}),o()}get options(){return this.$$.ctx[6]}set options(e){this.$$set({options:e}),o()}get legend(){return this.$$.ctx[1]}set legend(e){this.$$set({legend:e}),o()}}export{G 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, d as space, n as noop, g as attr, h as set_attributes, j as append, a2 as update_keyed_each, m as get_spread_update, o as detach, p as compute_rest_props, a1 as onMount, q as exclude_internal_props, t as text, k as set_data, l as listen, a3 as destroy_block } from '../../index-c33b3772.js';
+import { E as EventHandler } from '../../EventHandler-02058705.js';
+
+/* src/components/checkboxgroup/checkboxGroup.svelte generated by Svelte v3.58.0 */
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = ctx.slice();
+	child_ctx[10] = list[i];
+	return child_ctx;
+}
+
+// (31:4) {#if legend && legend.length}
+function create_if_block_1(ctx) {
+	let legend_1;
+	let t;
+
+	return {
+		c() {
+			legend_1 = element("legend");
+			t = text(/*legend*/ ctx[1]);
+			attr(legend_1, "class", "mc-field__legend");
+		},
+		m(target, anchor) {
+			insert(target, legend_1, anchor);
+			append(legend_1, t);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*legend*/ 2) set_data(t, /*legend*/ ctx[1]);
+		},
+		d(detaching) {
+			if (detaching) detach(legend_1);
+		}
+	};
+}
+
+// (50:10) {#if opt.label}
+function create_if_block(ctx) {
+	let label;
+	let t_value = /*opt*/ ctx[10].label + "";
+	let t;
+	let label_for_value;
+
+	return {
+		c() {
+			label = element("label");
+			t = text(t_value);
+			attr(label, "for", label_for_value = /*opt*/ ctx[10].id);
+			attr(label, "class", "mc-checkbox__label");
+		},
+		m(target, anchor) {
+			insert(target, label, anchor);
+			append(label, t);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*parsedOptions*/ 8 && t_value !== (t_value = /*opt*/ ctx[10].label + "")) set_data(t, t_value);
+
+			if (dirty & /*parsedOptions*/ 8 && label_for_value !== (label_for_value = /*opt*/ ctx[10].id)) {
+				attr(label, "for", label_for_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(label);
+		}
+	};
+}
+
+// (37:6) {#each parsedOptions as opt (opt.id)}
+function create_each_block(key_1, ctx) {
+	let div;
+	let input;
+	let input_class_value;
+	let input_id_value;
+	let input_name_value;
+	let input_checked_value;
+	let input_disabled_value;
+	let input_indeterminate_value;
+	let input_aria_invalid_value;
+	let t0;
+	let t1;
+	let div_class_value;
+	let mounted;
+	let dispose;
+
+	function click_handler() {
+		return /*click_handler*/ ctx[7](/*opt*/ ctx[10]);
+	}
+
+	let if_block = /*opt*/ ctx[10].label && create_if_block(ctx);
+
+	return {
+		key: key_1,
+		first: null,
+		c() {
+			div = element("div");
+			input = element("input");
+			t0 = space();
+			if (if_block) if_block.c();
+			t1 = space();
+			attr(input, "type", "checkbox");
+			attr(input, "class", input_class_value = "mc-checkbox__input " + (/*opt*/ ctx[10].isinvalid ? ' is-invalid' : ''));
+			attr(input, "id", input_id_value = /*opt*/ ctx[10].id);
+			attr(input, "name", input_name_value = /*opt*/ ctx[10].name);
+			input.checked = input_checked_value = /*opt*/ ctx[10].checked;
+			input.disabled = input_disabled_value = /*opt*/ ctx[10].disabled;
+			input.indeterminate = input_indeterminate_value = /*opt*/ ctx[10].indeterminate;
+			attr(input, "aria-invalid", input_aria_invalid_value = /*opt*/ ctx[10].isinvalid);
+			attr(div, "class", div_class_value = "mc-checkbox mc-field__item " + /*$$props*/ ctx[5].class);
+			this.first = div;
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, input);
+			append(div, t0);
+			if (if_block) if_block.m(div, null);
+			append(div, t1);
+
+			if (!mounted) {
+				dispose = listen(input, "click", click_handler);
+				mounted = true;
+			}
+		},
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
+
+			if (dirty & /*parsedOptions*/ 8 && input_class_value !== (input_class_value = "mc-checkbox__input " + (/*opt*/ ctx[10].isinvalid ? ' is-invalid' : ''))) {
+				attr(input, "class", input_class_value);
+			}
+
+			if (dirty & /*parsedOptions*/ 8 && input_id_value !== (input_id_value = /*opt*/ ctx[10].id)) {
+				attr(input, "id", input_id_value);
+			}
+
+			if (dirty & /*parsedOptions*/ 8 && input_name_value !== (input_name_value = /*opt*/ ctx[10].name)) {
+				attr(input, "name", input_name_value);
+			}
+
+			if (dirty & /*parsedOptions*/ 8 && input_checked_value !== (input_checked_value = /*opt*/ ctx[10].checked)) {
+				input.checked = input_checked_value;
+			}
+
+			if (dirty & /*parsedOptions*/ 8 && input_disabled_value !== (input_disabled_value = /*opt*/ ctx[10].disabled)) {
+				input.disabled = input_disabled_value;
+			}
+
+			if (dirty & /*parsedOptions*/ 8 && input_indeterminate_value !== (input_indeterminate_value = /*opt*/ ctx[10].indeterminate)) {
+				input.indeterminate = input_indeterminate_value;
+			}
+
+			if (dirty & /*parsedOptions*/ 8 && input_aria_invalid_value !== (input_aria_invalid_value = /*opt*/ ctx[10].isinvalid)) {
+				attr(input, "aria-invalid", input_aria_invalid_value);
+			}
+
+			if (/*opt*/ ctx[10].label) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					if_block.m(div, t1);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+
+			if (dirty & /*$$props*/ 32 && div_class_value !== (div_class_value = "mc-checkbox mc-field__item " + /*$$props*/ ctx[5].class)) {
+				attr(div, "class", div_class_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			if (if_block) if_block.d();
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+function create_fragment(ctx) {
+	let div1;
+	let fieldset;
+	let t;
+	let div0;
+	let each_blocks = [];
+	let each_1_lookup = new Map();
+	let if_block = /*legend*/ ctx[1] && /*legend*/ ctx[1].length && create_if_block_1(ctx);
+	let each_value = /*parsedOptions*/ ctx[3];
+	const get_key = ctx => /*opt*/ ctx[10].id;
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		let child_ctx = get_each_context(ctx, each_value, i);
+		let key = get_key(child_ctx);
+		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+	}
+
+	let div1_levels = [
+		{ id: /*id*/ ctx[0] },
+		{ class: "checkbox-group-container" },
+		/*attributes*/ ctx[2]
+	];
+
+	let div_data_1 = {};
+
+	for (let i = 0; i < div1_levels.length; i += 1) {
+		div_data_1 = assign(div_data_1, div1_levels[i]);
+	}
+
+	return {
+		c() {
+			div1 = element("div");
+			fieldset = element("fieldset");
+			if (if_block) if_block.c();
+			t = space();
+			div0 = element("div");
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].c();
+			}
+
+			this.c = noop;
+			attr(div0, "class", "mc-field__container");
+			attr(fieldset, "class", "mc-field mc-field--group");
+			set_attributes(div1, div_data_1);
+		},
+		m(target, anchor) {
+			insert(target, div1, anchor);
+			append(div1, fieldset);
+			if (if_block) if_block.m(fieldset, null);
+			append(fieldset, t);
+			append(fieldset, div0);
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				if (each_blocks[i]) {
+					each_blocks[i].m(div0, null);
+				}
+			}
+		},
+		p(ctx, [dirty]) {
+			if (/*legend*/ ctx[1] && /*legend*/ ctx[1].length) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block_1(ctx);
+					if_block.c();
+					if_block.m(fieldset, t);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+
+			if (dirty & /*$$props, parsedOptions, selectValue*/ 56) {
+				each_value = /*parsedOptions*/ ctx[3];
+				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div0, destroy_block, create_each_block, null, get_each_context);
+			}
+
+			set_attributes(div1, div_data_1 = get_spread_update(div1_levels, [
+				dirty & /*id*/ 1 && { id: /*id*/ ctx[0] },
+				{ class: "checkbox-group-container" },
+				dirty & /*attributes*/ 4 && /*attributes*/ ctx[2]
+			]));
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div1);
+			if (if_block) if_block.d();
+
+			for (let i = 0; i < each_blocks.length; i += 1) {
+				each_blocks[i].d();
+			}
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let parsedOptions;
+	let attributes;
+	const omit_props_names = ["id","options","legend"];
+	let $$restProps = compute_rest_props($$props, omit_props_names);
+	let { id } = $$props;
+	let { options } = $$props;
+	let { legend } = $$props;
+	let eventHandler = new EventHandler();
+
+	function selectValue(value) {
+		if (!parsedOptions || !parsedOptions.length) {
+			return;
+		}
+
+		$$invalidate(3, parsedOptions = parsedOptions.map(opt => {
+			const checked = opt.value === value ? !opt.checked : opt.checked;
+			return Object.assign(Object.assign({}, opt), { checked });
+		}));
+
+		eventHandler.dispatch('change', value);
+	}
+
+	onMount(() => {
+		selectValue('');
+	});
+
+	const click_handler = opt => selectValue(opt.value);
+
+	$$self.$$set = $$new_props => {
+		$$invalidate(5, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
+		$$invalidate(9, $$restProps = compute_rest_props($$props, omit_props_names));
+		if ('id' in $$new_props) $$invalidate(0, id = $$new_props.id);
+		if ('options' in $$new_props) $$invalidate(6, options = $$new_props.options);
+		if ('legend' in $$new_props) $$invalidate(1, legend = $$new_props.legend);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*options*/ 64) {
+			$$invalidate(3, parsedOptions = options ? JSON.parse(options) : []);
+		}
+
+		$$invalidate(2, attributes = Object.assign({}, $$restProps));
+
+		if ($$self.$$.dirty & /*attributes*/ 4) {
+			delete attributes.class;
+		}
+	};
+
+	$$props = exclude_internal_props($$props);
+
+	return [
+		id,
+		legend,
+		attributes,
+		parsedOptions,
+		selectValue,
+		$$props,
+		options,
+		click_handler
+	];
+}
+
+class CheckboxGroup extends SvelteElement {
+	constructor(options) {
+		super();
+		const style = document.createElement('style');
+		style.textContent = `@charset "UTF-8";.mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{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;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input: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-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:#808080}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:0.5rem}`;
+		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, options: 6, legend: 1 },
+			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", "options", "legend"];
+	}
+
+	get id() {
+		return this.$$.ctx[0];
+	}
+
+	set id(id) {
+		this.$$set({ id });
+		flush();
+	}
+
+	get options() {
+		return this.$$.ctx[6];
+	}
+
+	set options(options) {
+		this.$$set({ options });
+		flush();
+	}
+
+	get legend() {
+		return this.$$.ctx[1];
+	}
+
+	set legend(legend) {
+		this.$$set({ legend });
+		flush();
+	}
+}
+
+export { CheckboxGroup as default };
 //# sourceMappingURL=checkboxGroup.js.map

package/public/components/checkboxgroup/checkboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.js","sources":["../../../src/components/checkboxgroup/checkboxGroup.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { onMount } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type { CheckboxGroupOption } from './checkboxgroup.types';\n\n  export let id: string;\n  export let options: string;\n  export let legend: string;\n  let eventHandler = new EventHandler();\n\n  $: parsedOptions = options\n    ? (JSON.parse(options) as CheckboxGroupOption[])\n    : [];\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function selectValue(value?: string) {\n    if (!parsedOptions || !parsedOptions.length) {\n      return;\n    }\n    parsedOptions = parsedOptions.map((opt) => {\n      const checked = opt.value === value ? !opt.checked : opt.checked;\n      return { ...opt, checked };\n    });\n    eventHandler.dispatch('change', value);\n  }\n\n  onMount(() => {\n    selectValue('');\n  });\n</script>\n\n<div {id} class=\"checkbox-group-container\" {...attributes}>\n  <fieldset class=\"mc-field mc-field--group\">\n    {#if legend && legend.length}\n      <legend class=\"mc-field__legend\">\n        {legend}\n      </legend>\n    {/if}\n    <div class=\"mc-field__container\">\n      {#each parsedOptions as opt (opt.id)}\n        <div class=\"mc-checkbox mc-field__item {$$props.class}\">\n          <input\n            type=\"checkbox\"\n            class=\"mc-checkbox__input {opt.isinvalid ? ' is-invalid' : ''}\"\n            id={opt.id}\n            name={opt.name}\n            checked={opt.checked}\n            disabled={opt.disabled}\n            indeterminate={opt.indeterminate}\n            aria-invalid={opt.isinvalid}\n            on:click={() => selectValue(opt.value)}\n          />\n          {#if opt.label}\n            <label for={opt.id} class=\"mc-checkbox__label\">{opt.label}</label>\n          {/if}\n        </div>\n      {/each}\n    </div>\n  </fieldset>\n</div>\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.fields';\n</style>\n"],"names":["ctx","insert","target","legend_1","anchor","t_value","label","attr","label_for_value","id","dirty","set_data","t","if_block","create_if_block","input","input_class_value","isinvalid","input_id_value","input_name_value","name","checked","input_checked_value","disabled","input_disabled_value","indeterminate","input_indeterminate_value","input_aria_invalid_value","div","div_class_value","class","append","length","create_if_block_1","get_key","i","div1","fieldset","div0","$$props","options","legend","eventHandler","EventHandler","selectValue","value","parsedOptions","$$invalidate","map","opt","Object","assign","dispatch","onMount","JSON","parse","attributes","$$restProps"],"mappings":"6VAsCSA,EAAM,4CADTC,EAEQC,EAAAC,EAAAC,2BADLJ,EAAM,4CAkB6CK,EAAAL,MAAIM,MAAK,kCAA7CC,EAAAD,EAAA,MAAAE,EAAAR,MAAIS,8CAAhBR,EAAiEC,EAAAI,EAAAF,kBAAjB,EAAAM,GAAAL,KAAAA,EAAAL,MAAIM,MAAK,KAAAK,EAAAC,EAAAP,GAA7C,EAAAK,GAAAF,KAAAA,EAAAR,MAAIS,kHADb,IAAAI,EAAAb,MAAIM,OAAKQ,EAAAd,mGATeO,EAAAQ,EAAA,QAAAC,EAAA,uBAAAhB,EAAI,IAAAiB,UAAY,cAAgB,KACvDV,EAAAQ,EAAA,KAAAG,EAAAlB,MAAIS,IACFF,EAAAQ,EAAA,OAAAI,EAAAnB,MAAIoB,MACDL,EAAAM,QAAAC,EAAAtB,MAAIqB,QACHN,EAAAQ,SAAAC,EAAAxB,MAAIuB,SACCR,EAAAU,cAAAC,EAAA1B,MAAIyB,cACLlB,EAAAQ,EAAA,eAAAY,EAAA3B,MAAIiB,WATkBV,EAAAqB,EAAA,QAAAC,EAAA,8BAAA7B,KAAQ8B,4BAAhD7B,EAeKC,EAAA0B,EAAAxB,GAdH2B,EAUCH,EAAAb,uEAR4B,EAAAL,GAAAM,KAAAA,EAAA,uBAAAhB,EAAI,IAAAiB,UAAY,cAAgB,qBACvD,EAAAP,GAAAQ,KAAAA,EAAAlB,MAAIS,iBACF,EAAAC,GAAAS,KAAAA,EAAAnB,MAAIoB,qBACD,EAAAV,GAAAY,KAAAA,EAAAtB,MAAIqB,wBACH,EAAAX,GAAAc,KAAAA,EAAAxB,MAAIuB,0BACC,EAAAb,GAAAgB,KAAAA,EAAA1B,MAAIyB,oCACL,EAAAf,GAAAiB,KAAAA,EAAA3B,MAAIiB,kCAGfjB,MAAIM,4DAZ6B,GAAAI,GAAAmB,KAAAA,EAAA,8BAAA7B,KAAQ8B,oGAP/C9B,EAAM,IAAIA,EAAM,GAACgC,QAAMC,EAAAjC,KAMnBA,EAAa,GAAS,MAAAkC,EAAAlC,GAAAA,MAAIS,mBAA/BuB,OAAIG,GAAA,EAAA,gGARmCnC,EAAU,yPAAzDC,EA4BKC,EAAAkC,EAAAhC,GA3BH2B,EA0BUK,EAAAC,yBApBRN,EAmBKM,EAAAC,8DAxBAtC,EAAM,IAAIA,EAAM,GAACgC,sEAMbhC,EAAa,sGARqBA,EAAU,yJA3B5CS,GAAU8B,WACVC,GAAeD,UACfE,GAAcF,EACrBG,MAAmBC,EAQd,SAAAC,EAAYC,GACdC,GAAkBA,EAAcd,SAGrCe,EAAA,EAAAD,EAAgBA,EAAcE,KAAKC,IAC3B,MAAA5B,EAAU4B,EAAIJ,QAAUA,GAASI,EAAI5B,QAAU4B,EAAI5B,eAC/D6B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAkBF,GAAG,CAAE5B,WAAO,KAE1BqB,EAAaU,SAAS,SAAUP,IAGlCQ,GAAO,KACLT,EAAY,GAAE,iLAlBfG,EAAA,EAAED,EAAgBN,EACdc,KAAKC,MAAMf,GAAO,QAEpBgB,EAALN,OAAAC,UAAuBM,yBACXD,EAAW1B,gCAqCKc,EAAYK,EAAIJ"}
+{"version":3,"file":"checkboxGroup.js","sources":["../../../src/components/checkboxgroup/checkboxGroup.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { onMount } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import type { CheckboxGroupOption } from './checkboxgroup.types';\n\n  export let id: string;\n  export let options: string;\n  export let legend: string;\n  let eventHandler = new EventHandler();\n\n  $: parsedOptions = options\n    ? (JSON.parse(options) as CheckboxGroupOption[])\n    : [];\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function selectValue(value?: string) {\n    if (!parsedOptions || !parsedOptions.length) {\n      return;\n    }\n    parsedOptions = parsedOptions.map((opt) => {\n      const checked = opt.value === value ? !opt.checked : opt.checked;\n      return { ...opt, checked };\n    });\n    eventHandler.dispatch('change', value);\n  }\n\n  onMount(() => {\n    selectValue('');\n  });\n</script>\n\n<div {id} class=\"checkbox-group-container\" {...attributes}>\n  <fieldset class=\"mc-field mc-field--group\">\n    {#if legend && legend.length}\n      <legend class=\"mc-field__legend\">\n        {legend}\n      </legend>\n    {/if}\n    <div class=\"mc-field__container\">\n      {#each parsedOptions as opt (opt.id)}\n        <div class=\"mc-checkbox mc-field__item {$$props.class}\">\n          <input\n            type=\"checkbox\"\n            class=\"mc-checkbox__input {opt.isinvalid ? ' is-invalid' : ''}\"\n            id={opt.id}\n            name={opt.name}\n            checked={opt.checked}\n            disabled={opt.disabled}\n            indeterminate={opt.indeterminate}\n            aria-invalid={opt.isinvalid}\n            on:click={() => selectValue(opt.value)}\n          />\n          {#if opt.label}\n            <label for={opt.id} class=\"mc-checkbox__label\">{opt.label}</label>\n          {/if}\n        </div>\n      {/each}\n    </div>\n  </fieldset>\n</div>\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.fields';\n</style>\n"],"names":[],"mappings":"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"}