@mozaic-ds/web-components 0.5.0 → 0.6.1

package/public/components/textarea/Textarea.js

@@ -1,304 +1,2 @@
-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, n as noop, h as set_attributes, U as set_input_value, B as action_destroyer, l as listen, m as get_spread_update, o as detach, H as run_all, p as compute_rest_props, r as get_current_component, q as exclude_internal_props } from '../../index-c33b3772.js';
-import { c as createEventForwarder } from '../../EventForward-8492ff62.js';
-
-/* src/components/textarea/Textarea.svelte generated by Svelte v3.58.0 */
-
-function create_fragment(ctx) {
-	let textarea;
-	let textarea_class_value;
-	let mounted;
-	let dispose;
-
-	let textarea_levels = [
-		{
-			class: textarea_class_value = "" + (getClasses(/*isvalid*/ ctx[4], /*isinvalid*/ ctx[5]) + " " + /*userClass*/ ctx[10])
-		},
-		{ "aria-invalid": /*isinvalid*/ ctx[5] },
-		{ name: /*name*/ ctx[1] },
-		{ id: /*name*/ ctx[1] },
-		{ placeholder: /*placeholder*/ ctx[2] },
-		{ rows: /*rows*/ ctx[3] },
-		{ disabled: /*disabled*/ ctx[6] },
-		{ minlength: /*minlength*/ ctx[7] },
-		{ maxlength: /*maxlength*/ ctx[8] },
-		{ spellcheck: "false" },
-		/*attributes*/ ctx[9]
-	];
-
-	let textarea_data = {};
-
-	for (let i = 0; i < textarea_levels.length; i += 1) {
-		textarea_data = assign(textarea_data, textarea_levels[i]);
-	}
-
-	return {
-		c() {
-			textarea = element("textarea");
-			this.c = noop;
-			set_attributes(textarea, textarea_data);
-		},
-		m(target, anchor) {
-			insert(target, textarea, anchor);
-			if (textarea.autofocus) textarea.focus();
-			set_input_value(textarea, /*value*/ ctx[0]);
-
-			if (!mounted) {
-				dispose = [
-					action_destroyer(/*forwardEvents*/ ctx[11].call(null, textarea)),
-					listen(textarea, "input", /*textarea_input_handler*/ ctx[12])
-				];
-
-				mounted = true;
-			}
-		},
-		p(ctx, [dirty]) {
-			set_attributes(textarea, textarea_data = get_spread_update(textarea_levels, [
-				dirty & /*isvalid, isinvalid, userClass*/ 1072 && textarea_class_value !== (textarea_class_value = "" + (getClasses(/*isvalid*/ ctx[4], /*isinvalid*/ ctx[5]) + " " + /*userClass*/ ctx[10])) && { class: textarea_class_value },
-				dirty & /*isinvalid*/ 32 && { "aria-invalid": /*isinvalid*/ ctx[5] },
-				dirty & /*name*/ 2 && { name: /*name*/ ctx[1] },
-				dirty & /*name*/ 2 && { id: /*name*/ ctx[1] },
-				dirty & /*placeholder*/ 4 && { placeholder: /*placeholder*/ ctx[2] },
-				dirty & /*rows*/ 8 && { rows: /*rows*/ ctx[3] },
-				dirty & /*disabled*/ 64 && { disabled: /*disabled*/ ctx[6] },
-				dirty & /*minlength*/ 128 && { minlength: /*minlength*/ ctx[7] },
-				dirty & /*maxlength*/ 256 && { maxlength: /*maxlength*/ ctx[8] },
-				{ spellcheck: "false" },
-				dirty & /*attributes*/ 512 && /*attributes*/ ctx[9]
-			]));
-
-			if (dirty & /*value*/ 1) {
-				set_input_value(textarea, /*value*/ ctx[0]);
-			}
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(textarea);
-			mounted = false;
-			run_all(dispose);
-		}
-	};
-}
-
-function getClasses(isValid, isInvalid) {
-	const classes = ['mc-textarea'];
-
-	if (isValid) {
-		classes.push('is-valid');
-	}
-
-	if (isInvalid) {
-		classes.push('is-invalid');
-	}
-
-	return classes.join(' ');
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let userClass;
-	let attributes;
-
-	const omit_props_names = [
-		"name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"
-	];
-
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	let { name } = $$props;
-	let { value } = $$props;
-	let { placeholder } = $$props;
-	let { rows = 3 } = $$props;
-	let { isvalid } = $$props;
-	let { isinvalid } = $$props;
-	let { disabled = false } = $$props;
-	let { minlength } = $$props;
-	let { maxlength } = $$props;
-	const forwardEvents = createEventForwarder(get_current_component());
-
-	function textarea_input_handler() {
-		value = this.value;
-		$$invalidate(0, value);
-	}
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(14, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(13, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ('name' in $$new_props) $$invalidate(1, name = $$new_props.name);
-		if ('value' in $$new_props) $$invalidate(0, value = $$new_props.value);
-		if ('placeholder' in $$new_props) $$invalidate(2, placeholder = $$new_props.placeholder);
-		if ('rows' in $$new_props) $$invalidate(3, rows = $$new_props.rows);
-		if ('isvalid' in $$new_props) $$invalidate(4, isvalid = $$new_props.isvalid);
-		if ('isinvalid' in $$new_props) $$invalidate(5, isinvalid = $$new_props.isinvalid);
-		if ('disabled' in $$new_props) $$invalidate(6, disabled = $$new_props.disabled);
-		if ('minlength' in $$new_props) $$invalidate(7, minlength = $$new_props.minlength);
-		if ('maxlength' in $$new_props) $$invalidate(8, maxlength = $$new_props.maxlength);
-	};
-
-	$$self.$$.update = () => {
-		$$invalidate(10, userClass = $$props.class);
-		$$invalidate(9, attributes = Object.assign({}, $$restProps));
-
-		if ($$self.$$.dirty & /*attributes*/ 512) {
-			delete attributes.class;
-		}
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		value,
-		name,
-		placeholder,
-		rows,
-		isvalid,
-		isinvalid,
-		disabled,
-		minlength,
-		maxlength,
-		attributes,
-		userClass,
-		forwardEvents,
-		textarea_input_handler
-	];
-}
-
-class Textarea extends SvelteElement {
-	constructor(options) {
-		super();
-		const style = document.createElement('style');
-		style.textContent = `@charset "UTF-8";.mc-textarea{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.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;padding:calc(0.75rem - 0.125em - 1px) 0.75rem calc(0.75rem + 0.125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea.is-hover,.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea.is-focus,.mc-textarea: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-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::-webkit-input-placeholder{color:#666666}.mc-textarea::-moz-placeholder{color:#666666}.mc-textarea:-ms-input-placeholder{color:#666666}.mc-textarea::-ms-input-placeholder{color:#666666}.mc-textarea::placeholder{color:#666666}.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(style);
-
-		init(
-			this,
-			{
-				target: this.shadowRoot,
-				props: attribute_to_object(this.attributes),
-				customElement: true
-			},
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				name: 1,
-				value: 0,
-				placeholder: 2,
-				rows: 3,
-				isvalid: 4,
-				isinvalid: 5,
-				disabled: 6,
-				minlength: 7,
-				maxlength: 8
-			},
-			null
-		);
-
-		if (options) {
-			if (options.target) {
-				insert(options.target, this, options.anchor);
-			}
-
-			if (options.props) {
-				this.$set(options.props);
-				flush();
-			}
-		}
-	}
-
-	static get observedAttributes() {
-		return [
-			"name",
-			"value",
-			"placeholder",
-			"rows",
-			"isvalid",
-			"isinvalid",
-			"disabled",
-			"minlength",
-			"maxlength"
-		];
-	}
-
-	get name() {
-		return this.$$.ctx[1];
-	}
-
-	set name(name) {
-		this.$$set({ name });
-		flush();
-	}
-
-	get value() {
-		return this.$$.ctx[0];
-	}
-
-	set value(value) {
-		this.$$set({ value });
-		flush();
-	}
-
-	get placeholder() {
-		return this.$$.ctx[2];
-	}
-
-	set placeholder(placeholder) {
-		this.$$set({ placeholder });
-		flush();
-	}
-
-	get rows() {
-		return this.$$.ctx[3];
-	}
-
-	set rows(rows) {
-		this.$$set({ rows });
-		flush();
-	}
-
-	get isvalid() {
-		return this.$$.ctx[4];
-	}
-
-	set isvalid(isvalid) {
-		this.$$set({ isvalid });
-		flush();
-	}
-
-	get isinvalid() {
-		return this.$$.ctx[5];
-	}
-
-	set isinvalid(isinvalid) {
-		this.$$set({ isinvalid });
-		flush();
-	}
-
-	get disabled() {
-		return this.$$.ctx[6];
-	}
-
-	set disabled(disabled) {
-		this.$$set({ disabled });
-		flush();
-	}
-
-	get minlength() {
-		return this.$$.ctx[7];
-	}
-
-	set minlength(minlength) {
-		this.$$set({ minlength });
-		flush();
-	}
-
-	get maxlength() {
-		return this.$$.ctx[8];
-	}
-
-	set maxlength(maxlength) {
-		this.$$set({ maxlength });
-		flush();
-	}
-}
-
-export { Textarea as default };
+import{S as e,i as t,a,b as i,f as n,s,c as r,e as l,n as o,h as d,U as c,B as m,l as h,m as p,o as b,H as g,p as u,r as x,q as f}from"../../index-c33b3772.js";import{c as $}from"../../EventForward-8492ff62.js";function v(e){let t,a,n,s,u=[{class:a=w(e[4],e[5])+" "+e[10]},{"aria-invalid":e[5]},{name:e[1]},{id:e[1]},{placeholder:e[2]},{rows:e[3]},{disabled:e[6]},{minlength:e[7]},{maxlength:e[8]},{spellcheck:"false"},e[9]],x={};for(let e=0;e<u.length;e+=1)x=r(x,u[e]);return{c(){t=l("textarea"),this.c=o,d(t,x)},m(a,r){i(a,t,r),t.autofocus&&t.focus(),c(t,e[0]),n||(s=[m(e[11].call(null,t)),h(t,"input",e[12])],n=!0)},p(e,[i]){d(t,x=p(u,[1072&i&&a!==(a=w(e[4],e[5])+" "+e[10])&&{class:a},32&i&&{"aria-invalid":e[5]},2&i&&{name:e[1]},2&i&&{id:e[1]},4&i&&{placeholder:e[2]},8&i&&{rows:e[3]},64&i&&{disabled:e[6]},128&i&&{minlength:e[7]},256&i&&{maxlength:e[8]},{spellcheck:"false"},512&i&&e[9]])),1&i&&c(t,e[0])},i:o,o:o,d(e){e&&b(t),n=!1,g(s)}}}function w(e,t){const a=["mc-textarea"];return e&&a.push("is-valid"),t&&a.push("is-invalid"),a.join(" ")}function _(e,t,a){let i,n;const s=["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"];let l=u(t,s),{name:o}=t,{value:d}=t,{placeholder:c}=t,{rows:m=3}=t,{isvalid:h}=t,{isinvalid:p}=t,{disabled:b=!1}=t,{minlength:g}=t,{maxlength:v}=t;const w=$(x());return e.$$set=e=>{a(14,t=r(r({},t),f(e))),a(13,l=u(t,s)),"name"in e&&a(1,o=e.name),"value"in e&&a(0,d=e.value),"placeholder"in e&&a(2,c=e.placeholder),"rows"in e&&a(3,m=e.rows),"isvalid"in e&&a(4,h=e.isvalid),"isinvalid"in e&&a(5,p=e.isinvalid),"disabled"in e&&a(6,b=e.disabled),"minlength"in e&&a(7,g=e.minlength),"maxlength"in e&&a(8,v=e.maxlength)},e.$$.update=()=>{a(10,i=t.class),a(9,n=Object.assign({},l)),512&e.$$.dirty&&delete n.class},t=f(t),[d,o,c,m,h,p,b,g,v,n,i,w,function(){d=this.value,a(0,d)}]}class k extends e{constructor(e){super();const r=document.createElement("style");r.textContent='@charset "UTF-8";.mc-textarea{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.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;padding:calc(0.75rem - 0.125em - 1px) 0.75rem calc(0.75rem + 0.125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea.is-hover,.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea.is-focus,.mc-textarea: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-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::-webkit-input-placeholder{color:#666666}.mc-textarea::-moz-placeholder{color:#666666}.mc-textarea:-ms-input-placeholder{color:#666666}.mc-textarea::-ms-input-placeholder{color:#666666}.mc-textarea::placeholder{color:#666666}.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(r),t(this,{target:this.shadowRoot,props:a(this.attributes),customElement:!0},_,v,s,{name:1,value:0,placeholder:2,rows:3,isvalid:4,isinvalid:5,disabled:6,minlength:7,maxlength:8},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["name","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength"]}get name(){return this.$$.ctx[1]}set name(e){this.$$set({name:e}),n()}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),n()}get placeholder(){return this.$$.ctx[2]}set placeholder(e){this.$$set({placeholder:e}),n()}get rows(){return this.$$.ctx[3]}set rows(e){this.$$set({rows:e}),n()}get isvalid(){return this.$$.ctx[4]}set isvalid(e){this.$$set({isvalid:e}),n()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(e){this.$$set({isinvalid:e}),n()}get disabled(){return this.$$.ctx[6]}set disabled(e){this.$$set({disabled:e}),n()}get minlength(){return this.$$.ctx[7]}set minlength(e){this.$$set({minlength:e}),n()}get maxlength(){return this.$$.ctx[8]}set maxlength(e){this.$$set({maxlength:e}),n()}}export{k as default};
 //# sourceMappingURL=Textarea.js.map

package/public/components/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  export let name: string;\n  export let value: string;\n  export let placeholder: string;\n  export let rows = 3;\n  export let isvalid: boolean;\n  export let isinvalid: boolean;\n  export let disabled = false;\n  export let minlength: number;\n  export let maxlength: number;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function getClasses(isValid: boolean, isInvalid: boolean): string {\n    const classes = ['mc-textarea'];\n\n    if (isValid) {\n      classes.push('is-valid');\n    }\n\n    if (isInvalid) {\n      classes.push('is-invalid');\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<textarea\n  use:forwardEvents\n  bind:value\n  class=\"{getClasses(isvalid, isinvalid)} {userClass}\"\n  aria-invalid={isinvalid}\n  {name}\n  id={name}\n  {placeholder}\n  {rows}\n  {disabled}\n  {minlength}\n  {maxlength}\n  spellcheck=\"false\"\n  {...attributes}\n/>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.textarea';\n  @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAsCU,GAAA,KAAA,EAAA,oBAAA,GAAA,EAAA,IAAA,UAAU,aAAC,GAAO,CAAE,CAAA,CAAA,gBAAA,GAAS,2BAAI,GAAS,CAAA,EAAA,CAAA,CAAA;;kCACpC,GAAS,CAAA,CAAA,CAAA,EAAA;;iBAEnB,GAAI,CAAA,CAAA,CAAA,EAAA;;;;;;;iBAOJ,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;GAbhB,MAcC,CAAA,MAAA,EAAA,QAAA,EAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAXS,IAAA,KAAA,qCAAA,IAAA,IAAA,oBAAA,MAAA,oBAAA,GAAA,EAAA,IAAA,UAAU,aAAC,GAAO,CAAE,CAAA,CAAA,gBAAA,GAAS,2BAAI,GAAS,CAAA,EAAA,CAAA,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,oBAAA,EAAA;gEACpC,GAAS,CAAA,CAAA,CAAA,EAAA;;yCAEnB,GAAI,CAAA,CAAA,CAAA,EAAA;;;;;;;iDAOJ,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;SA5BL,UAAU,CAAC,OAAgB,EAAE,SAAkB,EAAA;AAChD,CAAA,MAAA,OAAO,IAAI,aAAa,CAAA,CAAA;;KAE1B,OAAO,EAAA;EACT,OAAO,CAAC,IAAI,CAAC,UAAU,CAAA,CAAA;;;KAGrB,SAAS,EAAA;EACX,OAAO,CAAC,IAAI,CAAC,YAAY,CAAA,CAAA;;;QAGpB,OAAO,CAAC,IAAI,CAAC,GAAG,CAAA,CAAA;;;;;;;;;;;;OA1Bd,IAAY,EAAA,GAAA,OAAA,CAAA;OACZ,KAAa,EAAA,GAAA,OAAA,CAAA;OACb,WAAmB,EAAA,GAAA,OAAA,CAAA;AACnB,CAAA,IAAA,EAAA,IAAI,GAAG,CAAC,EAAA,GAAA,OAAA,CAAA;OACR,OAAgB,EAAA,GAAA,OAAA,CAAA;OAChB,SAAkB,EAAA,GAAA,OAAA,CAAA;AAClB,CAAA,IAAA,EAAA,QAAQ,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;OAChB,SAAiB,EAAA,GAAA,OAAA,CAAA;OACjB,SAAiB,EAAA,GAAA,OAAA,CAAA;OAEtB,aAAa,GAAG,oBAAoB,CAAC,qBAAqB,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;AAChE,EAAG,YAAA,CAAA,EAAA,EAAA,SAAS,GAAG,OAAO,CAAC,KAAK,CAAA,CAAA;AAC5B,kBAAG,UAAU,GAAf,MAAA,CAAA,MAAA,KAAuB,WAAW,CAAA,CAAA,CAAA;;;GAC/B,OAAS,UAAU,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  export let name: string;\n  export let value: string;\n  export let placeholder: string;\n  export let rows = 3;\n  export let isvalid: boolean;\n  export let isinvalid: boolean;\n  export let disabled = false;\n  export let minlength: number;\n  export let maxlength: number;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function getClasses(isValid: boolean, isInvalid: boolean): string {\n    const classes = ['mc-textarea'];\n\n    if (isValid) {\n      classes.push('is-valid');\n    }\n\n    if (isInvalid) {\n      classes.push('is-invalid');\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<textarea\n  use:forwardEvents\n  bind:value\n  class=\"{getClasses(isvalid, isinvalid)} {userClass}\"\n  aria-invalid={isinvalid}\n  {name}\n  id={name}\n  {placeholder}\n  {rows}\n  {disabled}\n  {minlength}\n  {maxlength}\n  spellcheck=\"false\"\n  {...attributes}\n/>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.textarea';\n  @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":["class","textarea_class_value","getClasses","ctx","insert","target","textarea","anchor","dirty","isValid","isInvalid","classes","push","join","name","$$props","value","placeholder","rows","isvalid","isinvalid","disabled","minlength","maxlength","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"iPAsCUA,MAAAC,EAAAC,EAAWC,EAAS,GAAAA,UAAaA,EAAS,qBACpCA,EAAS,oBAEnBA,EAAI,0GAOJA,EAAU,oGAbhBC,EAcCC,EAAAC,EAAAC,gHAXS,KAAAC,GAAAP,KAAAA,EAAAC,EAAWC,EAAS,GAAAA,UAAaA,EAAS,MAAA,CAAAH,MAAAC,yBACpCE,EAAS,8BAEnBA,EAAI,+IAOJA,EAAU,gEA5BLD,EAAWO,EAAkBC,GAC9B,MAAAC,GAAW,sBAEbF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGRD,EAAQE,KAAK,yJA1BXC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,KAAAA,EAAO,GAACH,WACRI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,aAChBO,GAAiBP,aACjBQ,GAAiBR,QAEtBS,EAAgBC,EAAqBC,uXACxCC,EAAA,GAAAC,EAAYb,EAAQf,WACpB6B,EAALC,OAAAC,UAAuBC,2BACXH,EAAW7B"}