npm - @mozaic-ds/web-components - Versions diffs - 0.9.0-beta-1 → 0.10.0 - Mend

@mozaic-ds/web-components 0.9.0-beta-1 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (241) hide show

package/public/components/checkbox/Checkbox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i,a as c,b as t,f as n,s as o,c as a,e as r,d,n as s,g as l,h as m,j as b,B as h,l as g,I as p,m as u,o as x,H as k,p as _,r as f,q as M,t as I,k as v}from"../../index-c33b3772.js";import{E as w}from"../../EventHandler-02058705.js";import{c as y}from"../../EventForward-8492ff62.js";function A(e){let i,c;return{c(){i=r("label"),c=I(e[5]),l(i,"for",e[0]),l(i,"class","mc-checkbox__label")},m(e,n){t(e,i,n),b(i,c)},p(e,t){32&t&&v(c,e[5]),1&t&&l(i,"for",e[0])},d(e){e&&x(i)}}}function Z(e){let i,c,n,o,_,f,M,I=e[5]&&A(e),v=[{class:_="mc-checkbox "+e[7]},e[6]],w={};for(let e=0;e<v.length;e+=1)w=a(w,v[e]);return{c(){i=r("div"),c=r("input"),o=d(),I&&I.c(),this.c=s,l(c,"id",e[0]),l(c,"type","checkbox"),l(c,"class",n="mc-checkbox__input "+(e[4]?" is-invalid":"")),l(c,"aria-invalid",e[4]),l(c,"name",e[0]),c.checked=e[1],c.disabled=e[3],c.indeterminate=e[2],m(i,w)},m(n,a){t(n,i,a),b(i,c),b(i,o),I&&I.m(i,null),f||(M=[h(e[8].call(null,c)),g(c,"change",p(e[9]))],f=!0)},p(e,[t]){1&t&&l(c,"id",e[0]),16&t&&n!==(n="mc-checkbox__input "+(e[4]?" is-invalid":""))&&l(c,"class",n),16&t&&l(c,"aria-invalid",e[4]),1&t&&l(c,"name",e[0]),2&t&&(c.checked=e[1]),8&t&&(c.disabled=e[3]),4&t&&(c.indeterminate=e[2]),e[5]?I?I.p(e,t):(I=A(e),I.c(),I.m(i,null)):I&&(I.d(1),I=null),m(i,w=u(v,[128&t&&_!==(_="mc-checkbox "+e[7])&&{class:_},64&t&&e[6]]))},i:s,o:s,d(e){e&&x(i),I&&I.d(),f=!1,k(M)}}}function $(e,i,c){let t,n,o;const r=["name","checked","indeterminate","disabled","isinvalid","label"];let d=_(i,r),{name:s}=i,{checked:l}=i,{indeterminate:m}=i,{disabled:b=!1}=i,{isinvalid:h=!1}=i,{label:g}=i;const p=y(f());let u=new w;return e.$$set=e=>{c(13,i=a(a({},i),M(e))),c(12,d=_(i,r)),"name"in e&&c(0,s=e.name),"checked"in e&&c(1,l=e.checked),"indeterminate"in e&&c(2,m=e.indeterminate),"disabled"in e&&c(3,b=e.disabled),"isinvalid"in e&&c(4,h=e.isinvalid),"label"in e&&c(5,g=e.label)},e.$$.update=()=>{2&e.$$.dirty&&(t=!!l),c(7,n=i.class),c(6,o=Object.assign({},d)),64&e.$$.dirty&&delete o.class},i=M(i),[s,l,m,b,h,g,o,n,p,function(){t=!t,u.dispatch("change",t)}]}class j extends e{constructor(e){super();const a=document.createElement("style");a.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__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}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.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}',this.shadowRoot.appendChild(a),i(this,{target:this.shadowRoot,props:c(this.attributes),customElement:!0},$,Z,o,{name:0,checked:1,indeterminate:2,disabled:3,isinvalid:4,label:5},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["name","checked","indeterminate","disabled","isinvalid","label"]}get name(){return this.$$.ctx[0]}set name(e){this.$$set({name:e}),n()}get checked(){return this.$$.ctx[1]}set checked(e){this.$$set({checked:e}),n()}get indeterminate(){return this.$$.ctx[2]}set indeterminate(e){this.$$set({indeterminate:e}),n()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),n()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),n()}get label(){return this.$$.ctx[5]}set label(e){this.$$set({label:e}),n()}}export{j as default};
+import{S as e,i,a as c,b as t,f as n,s as o,c as a,e as r,d as s,n as l,g as d,h as m,j as h,B as b,l as p,I as f,m as u,o as k,H as _,p as x,r as g,q as v,t as w,k as $}from"../../index-c33b3772.js";import{E as y}from"../../EventHandler-02058705.js";import{c as E}from"../../EventForward-8492ff62.js";function C(e){let i,c;return{c(){i=r("label"),c=w(e[5]),d(i,"for",e[0]),d(i,"class","mc-checkbox__label")},m(e,n){t(e,i,n),h(i,c)},p(e,t){32&t&&$(c,e[5]),1&t&&d(i,"for",e[0])},d(e){e&&k(i)}}}function z(e){let i,c,n,o,x,g,v,w=e[5]&&C(e),$=[{class:x="mc-checkbox "+e[7]},e[6]],y={};for(let e=0;e<$.length;e+=1)y=a(y,$[e]);return{c(){i=r("div"),c=r("input"),o=s(),w&&w.c(),this.c=l,d(c,"id",e[0]),d(c,"type","checkbox"),d(c,"class",n="mc-checkbox__input "+(e[4]?" is-invalid":"")),d(c,"aria-invalid",e[4]),d(c,"name",e[0]),c.checked=e[1],c.disabled=e[3],c.indeterminate=e[2],m(i,y)},m(n,a){t(n,i,a),h(i,c),h(i,o),w&&w.m(i,null),g||(v=[b(e[8].call(null,c)),p(c,"change",f(e[9]))],g=!0)},p(e,[t]){1&t&&d(c,"id",e[0]),16&t&&n!==(n="mc-checkbox__input "+(e[4]?" is-invalid":""))&&d(c,"class",n),16&t&&d(c,"aria-invalid",e[4]),1&t&&d(c,"name",e[0]),2&t&&(c.checked=e[1]),8&t&&(c.disabled=e[3]),4&t&&(c.indeterminate=e[2]),e[5]?w?w.p(e,t):(w=C(e),w.c(),w.m(i,null)):w&&(w.d(1),w=null),m(i,y=u($,[128&t&&x!==(x="mc-checkbox "+e[7])&&{class:x},64&t&&e[6]]))},i:l,o:l,d(e){e&&k(i),w&&w.d(),g=!1,_(v)}}}function j(e,i,c){let t,n,o;const r=["name","checked","indeterminate","disabled","isinvalid","label"];let s=x(i,r),{name:l}=i,{checked:d}=i,{indeterminate:m}=i,{disabled:h=!1}=i,{isinvalid:b=!1}=i,{label:p}=i;const f=E(g());let u=new y;return e.$$set=e=>{c(13,i=a(a({},i),v(e))),c(12,s=x(i,r)),"name"in e&&c(0,l=e.name),"checked"in e&&c(1,d=e.checked),"indeterminate"in e&&c(2,m=e.indeterminate),"disabled"in e&&c(3,h=e.disabled),"isinvalid"in e&&c(4,b=e.isinvalid),"label"in e&&c(5,p=e.label)},e.$$.update=()=>{2&e.$$.dirty&&(t=!!d),c(7,n=i.class),c(6,o=Object.assign({},s)),64&e.$$.dirty&&delete o.class},i=v(i),[l,d,m,h,b,p,o,n,f,function(){t=!t,u.dispatch("change",t)}]}class B extends e{constructor(e){super();const a=document.createElement("style");a.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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.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__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}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.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}",this.shadowRoot.appendChild(a),i(this,{target:this.shadowRoot,props:c(this.attributes),customElement:!0},j,z,o,{name:0,checked:1,indeterminate:2,disabled:3,isinvalid:4,label:5},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["name","checked","indeterminate","disabled","isinvalid","label"]}get name(){return this.$$.ctx[0]}set name(e){this.$$set({name:e}),n()}get checked(){return this.$$.ctx[1]}set checked(e){this.$$set({checked:e}),n()}get indeterminate(){return this.$$.ctx[2]}set indeterminate(e){this.$$set({indeterminate:e}),n()}get disabled(){return this.$$.ctx[3]}set disabled(e){this.$$set({disabled:e}),n()}get isinvalid(){return this.$$.ctx[4]}set isinvalid(e){this.$$set({isinvalid:e}),n()}get label(){return this.$$.ctx[5]}set label(e){this.$$set({label:e}),n()}}export{B as default};
 //# sourceMappingURL=Checkbox.js.map

package/public/components/checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.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 export let name: string;\n export let checked: boolean;\n export let indeterminate: boolean;\n export let disabled = false;\n export let isinvalid = false;\n export let label: string;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: isChecked = checked ? true : false;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n let eventHandler = new EventHandler();\n\n function handleChange(): void {\n isChecked = !isChecked;\n eventHandler.dispatch('change', isChecked);\n }\n</script>\n\n<div class=\"mc-checkbox {userClass}\" {...attributes}>\n <input\n use:forwardEvents\n id={name}\n type=\"checkbox\"\n class=\"mc-checkbox__input {isinvalid ? ' is-invalid' : ''}\"\n aria-invalid={isinvalid}\n {name}\n {checked}\n {disabled}\n {indeterminate}\n on:change\|stopPropagation={handleChange}\n />\n {#if label}\n <label for={name} class=\"mc-checkbox__label\">{label}</label>\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.checkbox';\n @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":["ctx","insert","target","label_1","anchor","create_if_block","div","append","input","class","div_class_value","name","$$props","checked","indeterminate","disabled","isinvalid","label","forwardEvents","createEventForwarder","get_current_component","eventHandler","EventHandler","isChecked","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"],"mappings":"~~2VAyCkDA~~,EAAK,cAAvCA,EAAI,8CAAhBC,EAA2DC,EAAAC,EAAAC,4BAAbJ,EAAK,mBAAvCA,EAAI,sDADbA,EAAK,IAAAK,EAAAL,8BAbaA,EAAS,IAAOA,EAAU,qHAG3CA,EAAI,gEAEmBA,EAAS,GAAG,cAAgB,wBACzCA,EAAS,wFAN3BC,EAgBKC,EAAAI,EAAAF,GAfHG,EAWCD,EAAAE,oEAD4BR,EAAY,oCARnCA,EAAI,wCAEmBA,EAAS,GAAG,cAAgB,8CACzCA,EAAS,mGAOpBA,EAAK,oGAbaA,EAAS,KAAA,CAAAS,MAAAC,SAAOV,EAAU,0KArBtCW,GAAYC,WACZC,GAAgBD,iBAChBE,GAAsBF,GACtBG,SAAAA,GAAW,GAAKH,GAChBI,UAAAA,GAAY,GAAKJ,SACjBK,GAAaL,QAElBM,EAAgBC,EAAqBC,KAMvC,IAAAC,MAAmBC,qSAJpBC,IAAYV,GACZW,EAAA,EAAAC,EAAYb,EAAQH,WACpBiB,EAALC,OAAAC,UAAuBC,0BACXH,EAAWjB,4CAInBc,GAAaA,EACbF,EAAaS,SAAS,SAAUP"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.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 export let name: string;\n export let checked: boolean;\n export let indeterminate: boolean;\n export let disabled = false;\n export let isinvalid = false;\n export let label: string;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: isChecked = checked ? true : false;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n let eventHandler = new EventHandler();\n\n function handleChange(): void {\n isChecked = !isChecked;\n eventHandler.dispatch('change', isChecked);\n }\n</script>\n\n<div class=\"mc-checkbox {userClass}\" {...attributes}>\n <input\n use:forwardEvents\n id={name}\n type=\"checkbox\"\n class=\"mc-checkbox__input {isinvalid ? ' is-invalid' : ''}\"\n aria-invalid={isinvalid}\n {name}\n {checked}\n {disabled}\n {indeterminate}\n on:change\|stopPropagation={handleChange}\n />\n {#if label}\n <label for={name} class=\"mc-checkbox__label\">{label}</label>\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.checkbox';\n @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":["ctx","insert","target","label_1","anchor","create_if_block","div","append","input","class","div_class_value","name","$$props","checked","indeterminate","disabled","isinvalid","label","forwardEvents","createEventForwarder","get_current_component","eventHandler","EventHandler","isChecked","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"],"mappings":"gWAyCkDA,EAAK,cAAvCA,EAAI,8CAAhBC,EAA2DC,EAAAC,EAAAC,4BAAbJ,EAAK,mBAAvCA,EAAI,sDADbA,EAAK,IAAAK,EAAAL,8BAbaA,EAAS,IAAOA,EAAU,qHAG3CA,EAAI,gEAEmBA,EAAS,GAAG,cAAgB,wBACzCA,EAAS,wFAN3BC,EAgBKC,EAAAI,EAAAF,GAfHG,EAWCD,EAAAE,oEAD4BR,EAAY,oCARnCA,EAAI,wCAEmBA,EAAS,GAAG,cAAgB,8CACzCA,EAAS,mGAOpBA,EAAK,oGAbaA,EAAS,KAAA,CAAAS,MAAAC,SAAOV,EAAU,0KArBtCW,GAAYC,WACZC,GAAgBD,iBAChBE,GAAsBF,GACtBG,SAAAA,GAAW,GAAKH,GAChBI,UAAAA,GAAY,GAAKJ,SACjBK,GAAaL,QAElBM,EAAgBC,EAAqBC,KAMvC,IAAAC,MAAmBC,qSAJpBC,IAAYV,GACZW,EAAA,EAAAC,EAAYb,EAAQH,WACpBiB,EAALC,OAAAC,UAAuBC,0BACXH,EAAWjB,4CAInBc,GAAaA,EACbF,EAAaS,SAAS,SAAUP"}

package/public/components/checkboxgroup/checkboxGroup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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 e,i,a as c,b as t,f as n,s as o,c as r,e as l,d as a,n as s,g as d,h as m,j as h,a2 as b,m as p,o as f,p as _,a1 as g,q as u,t as k,k as x,l as w,a3 as v}from"../../index-c33b3772.js";import{E as $}from"../../EventHandler-02058705.js";function y(e,i,c){const t=e.slice();return t[10]=i[c],t}function E(e){let i,c;return{c(){i=l("legend"),c=k(e[1]),d(i,"class","mc-field__legend")},m(e,n){t(e,i,n),h(i,c)},p(e,i){2&i&&x(c,e[1])},d(e){e&&f(i)}}}function C(e){let i,c,n,o=e[10].label+"";return{c(){i=l("label"),c=k(o),d(i,"for",n=e[10].id),d(i,"class","mc-checkbox__label")},m(e,n){t(e,i,n),h(i,c)},p(e,t){8&t&&o!==(o=e[10].label+"")&&x(c,o),8&t&&n!==(n=e[10].id)&&d(i,"for",n)},d(e){e&&f(i)}}}function z(e,i){let c,n,o,r,s,m,b,p,_,g,u,k,x,v;function $(){return i[7](i[10])}let y=i[10].label&&C(i);return{key:e,first:null,c(){c=l("div"),n=l("input"),g=a(),y&&y.c(),u=a(),d(n,"type","checkbox"),d(n,"class",o="mc-checkbox__input "+(i[10].isinvalid?" is-invalid":"")),d(n,"id",r=i[10].id),d(n,"name",s=i[10].name),n.checked=m=i[10].checked,n.disabled=b=i[10].disabled,n.indeterminate=p=i[10].indeterminate,d(n,"aria-invalid",_=i[10].isinvalid),d(c,"class",k="mc-checkbox mc-field__item "+i[5].class),this.first=c},m(e,i){t(e,c,i),h(c,n),h(c,g),y&&y.m(c,null),h(c,u),x||(v=w(n,"click",$),x=!0)},p(e,t){i=e,8&t&&o!==(o="mc-checkbox__input "+(i[10].isinvalid?" is-invalid":""))&&d(n,"class",o),8&t&&r!==(r=i[10].id)&&d(n,"id",r),8&t&&s!==(s=i[10].name)&&d(n,"name",s),8&t&&m!==(m=i[10].checked)&&(n.checked=m),8&t&&b!==(b=i[10].disabled)&&(n.disabled=b),8&t&&p!==(p=i[10].indeterminate)&&(n.indeterminate=p),8&t&&_!==(_=i[10].isinvalid)&&d(n,"aria-invalid",_),i[10].label?y?y.p(i,t):(y=C(i),y.c(),y.m(c,u)):y&&(y.d(1),y=null),32&t&&k!==(k="mc-checkbox mc-field__item "+i[5].class)&&d(c,"class",k)},d(e){e&&f(c),y&&y.d(),x=!1,v()}}}function j(e){let i,c,n,o,_=[],g=new Map,u=e[1]&&e[1].length&&E(e),k=e[3];const x=e=>e[10].id;for(let i=0;i<k.length;i+=1){let c=y(e,k,i),t=x(c);g.set(t,_[i]=z(t,c))}let w=[{id:e[0]},{class:"checkbox-group-container"},e[2]],$={};for(let e=0;e<w.length;e+=1)$=r($,w[e]);return{c(){i=l("div"),c=l("fieldset"),u&&u.c(),n=a(),o=l("div");for(let e=0;e<_.length;e+=1)_[e].c();this.c=s,d(o,"class","mc-field__container"),d(c,"class","mc-field mc-field--group"),m(i,$)},m(e,r){t(e,i,r),h(i,c),u&&u.m(c,null),h(c,n),h(c,o);for(let e=0;e<_.length;e+=1)_[e]&&_[e].m(o,null)},p(e,[t]){e[1]&&e[1].length?u?u.p(e,t):(u=E(e),u.c(),u.m(c,n)):u&&(u.d(1),u=null),56&t&&(k=e[3],_=b(_,t,x,1,e,k,g,o,v,z,null,y)),m(i,$=p(w,[1&t&&{id:e[0]},{class:"checkbox-group-container"},4&t&&e[2]]))},i:s,o:s,d(e){e&&f(i),u&&u.d();for(let e=0;e<_.length;e+=1)_[e].d()}}}function M(e,i,c){let t,n;const o=["id","options","legend"];let l=_(i,o),{id:a}=i,{options:s}=i,{legend:d}=i,m=new $;function h(e){t&&t.length&&(c(3,t=t.map((i=>{const c=i.value===e?!i.checked:i.checked;return Object.assign(Object.assign({},i),{checked:c})}))),m.dispatch("change",e))}g((()=>{h("")}));return e.$$set=e=>{c(5,i=r(r({},i),u(e))),c(9,l=_(i,o)),"id"in e&&c(0,a=e.id),"options"in e&&c(6,s=e.options),"legend"in e&&c(1,d=e.legend)},e.$$.update=()=>{64&e.$$.dirty&&c(3,t=s?JSON.parse(s):[]),c(2,n=Object.assign({},l)),4&e.$$.dirty&&delete n.class},i=u(i),[a,d,n,t,h,i,s,e=>h(e.value)]}class B 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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.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,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.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},M,j,o,{id:0,options:6,legend:1},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["id","options","legend"]}get id(){return this.$$.ctx[0]}set id(e){this.$$set({id:e}),n()}get options(){return this.$$.ctx[6]}set options(e){this.$$set({options:e}),n()}get legend(){return this.$$.ctx[1]}set legend(e){this.$$set({legend:e}),n()}}export{B as default};
 //# sourceMappingURL=checkboxGroup.js.map

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

	@@ -1 +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"}
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":"kWAsCSA,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"}