@plaidev/karte-action-sdk 1.1.121 → 1.1.122-27933539.c9ba2e60

package/dist/hydrate/index.es.js

@@ -5593,12 +5593,12 @@ function add_css$8(target) {
 
 function get_each_context$4(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[11] = list[i];
-	child_ctx[13] = i;
+	child_ctx[12] = list[i];
+	child_ctx[14] = i;
 	return child_ctx;
 }
 
-// (49:2) {#each _options as option, i}
+// (55:2) {#each _options as option, i}
 function create_each_block$4(ctx) {
 	let label;
 	let input;
@@ -5606,7 +5606,7 @@ function create_each_block$4(ctx) {
 	let input_checked_value;
 	let t0;
 	let span;
-	let t1_value = /*option*/ ctx[11] + "";
+	let t1_value = /*option*/ ctx[12] + "";
 	let t1;
 	let t2;
 	let mounted;
@@ -5647,8 +5647,8 @@ function create_each_block$4(ctx) {
 			attr(input, "class", "radio-button-input svelte-1k9zlui");
 			attr(input, "style", /*_buttonStyle*/ ctx[4]);
 			attr(input, "name", /*name*/ ctx[0]);
-			input.value = input_value_value = /*option*/ ctx[11];
-			input.checked = input_checked_value = /*option*/ ctx[11] === /*_value*/ ctx[2];
+			input.value = input_value_value = /*option*/ ctx[12];
+			input.checked = input_checked_value = /*option*/ ctx[12] === /*_value*/ ctx[2];
 			attr(span, "class", "radio-button-text svelte-1k9zlui");
 			attr(span, "style", /*textStyle*/ ctx[1]);
 			attr(label, "class", "radio-button svelte-1k9zlui");
@@ -5662,7 +5662,7 @@ function create_each_block$4(ctx) {
 			append_hydration(label, t2);
 
 			if (!mounted) {
-				dispose = listen(input, "change", /*handleChange*/ ctx[6](/*i*/ ctx[13]));
+				dispose = listen(input, "change", /*handleChange*/ ctx[6](/*i*/ ctx[14]));
 				mounted = true;
 			}
 		},
@@ -5677,15 +5677,15 @@ function create_each_block$4(ctx) {
 				attr(input, "name", /*name*/ ctx[0]);
 			}
 
-			if (dirty & /*_options*/ 8 && input_value_value !== (input_value_value = /*option*/ ctx[11])) {
+			if (dirty & /*_options*/ 8 && input_value_value !== (input_value_value = /*option*/ ctx[12])) {
 				input.value = input_value_value;
 			}
 
-			if (dirty & /*_options, _value*/ 12 && input_checked_value !== (input_checked_value = /*option*/ ctx[11] === /*_value*/ ctx[2])) {
+			if (dirty & /*_options, _value*/ 12 && input_checked_value !== (input_checked_value = /*option*/ ctx[12] === /*_value*/ ctx[2])) {
 				input.checked = input_checked_value;
 			}
 
-			if (dirty & /*_options*/ 8 && t1_value !== (t1_value = /*option*/ ctx[11] + "")) set_data(t1, t1_value);
+			if (dirty & /*_options*/ 8 && t1_value !== (t1_value = /*option*/ ctx[12] + "")) set_data(t1, t1_value);
 
 			if (dirty & /*textStyle*/ 2) {
 				attr(span, "style", /*textStyle*/ ctx[1]);
@@ -5779,6 +5779,7 @@ function instance$8($$self, $$props, $$invalidate) {
 	let $value;
 	let { name = '' } = $$props;
 	let { options = 'ラジオボタン1,ラジオボタン2,ラジオボタン3' } = $$props;
+	let { required = false } = $$props;
 	let { textStyle = 'color: #333; font-size: 12px;' } = $$props;
 
 	let { buttonStyle = {
@@ -5794,11 +5795,12 @@ function instance$8($$self, $$props, $$invalidate) {
 		statePath,
 		initialValue: [],
 		validator(value) {
+			if (!required) return true;
 			return value.length > 0;
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(9, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(10, $value = value));
 
 	const handleChange = index => event => {
 		if (event.target.checked) {
@@ -5809,8 +5811,9 @@ function instance$8($$self, $$props, $$invalidate) {
 	$$self.$$set = $$props => {
 		if ('name' in $$props) $$invalidate(0, name = $$props.name);
 		if ('options' in $$props) $$invalidate(7, options = $$props.options);
+		if ('required' in $$props) $$invalidate(8, required = $$props.required);
 		if ('textStyle' in $$props) $$invalidate(1, textStyle = $$props.textStyle);
-		if ('buttonStyle' in $$props) $$invalidate(8, buttonStyle = $$props.buttonStyle);
+		if ('buttonStyle' in $$props) $$invalidate(9, buttonStyle = $$props.buttonStyle);
 	};
 
 	$$self.$$.update = () => {
@@ -5818,11 +5821,11 @@ function instance$8($$self, $$props, $$invalidate) {
 			$$invalidate(3, _options = options.split(','));
 		}
 
-		if ($$self.$$.dirty & /*buttonStyle*/ 256) {
+		if ($$self.$$.dirty & /*buttonStyle*/ 512) {
 			$$invalidate(4, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
 		}
 
-		if ($$self.$$.dirty & /*$value*/ 512) {
+		if ($$self.$$.dirty & /*$value*/ 1024) {
 			$$invalidate(2, _value = $value[0]);
 		}
 	};
@@ -5836,6 +5839,7 @@ function instance$8($$self, $$props, $$invalidate) {
 		value,
 		handleChange,
 		options,
+		required,
 		buttonStyle,
 		$value
 	];
@@ -5854,8 +5858,9 @@ class FormRadioButtons extends SvelteComponent {
 			{
 				name: 0,
 				options: 7,
+				required: 8,
 				textStyle: 1,
-				buttonStyle: 8
+				buttonStyle: 9
 			},
 			add_css$8
 		);
@@ -5870,12 +5875,12 @@ function add_css$7(target) {
 
 function get_each_context$3(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[9] = list[i];
-	child_ctx[11] = i;
+	child_ctx[10] = list[i];
+	child_ctx[12] = i;
 	return child_ctx;
 }
 
-// (47:10) {:else}
+// (53:10) {:else}
 function create_else_block(ctx) {
 	let t;
 
@@ -5896,9 +5901,9 @@ function create_else_block(ctx) {
 	};
 }
 
-// (45:10) {#if option}
+// (51:10) {#if option}
 function create_if_block$2(ctx) {
-	let t_value = /*option*/ ctx[9] + "";
+	let t_value = /*option*/ ctx[10] + "";
 	let t;
 
 	return {
@@ -5912,7 +5917,7 @@ function create_if_block$2(ctx) {
 			insert_hydration(target, t, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*_options*/ 4 && t_value !== (t_value = /*option*/ ctx[9] + "")) set_data(t, t_value);
+			if (dirty & /*_options*/ 4 && t_value !== (t_value = /*option*/ ctx[10] + "")) set_data(t, t_value);
 		},
 		d(detaching) {
 			if (detaching) detach(t);
@@ -5920,14 +5925,14 @@ function create_if_block$2(ctx) {
 	};
 }
 
-// (43:6) {#each _options as option, i}
+// (49:6) {#each _options as option, i}
 function create_each_block$3(ctx) {
 	let option;
 	let t;
 	let option_value_value;
 
 	function select_block_type(ctx, dirty) {
-		if (/*option*/ ctx[9]) return create_if_block$2;
+		if (/*option*/ ctx[10]) return create_if_block$2;
 		return create_else_block;
 	}
 
@@ -5950,7 +5955,7 @@ function create_each_block$3(ctx) {
 			this.h();
 		},
 		h() {
-			option.__value = option_value_value = /*option*/ ctx[9];
+			option.__value = option_value_value = /*option*/ ctx[10];
 			option.value = option.__value;
 		},
 		m(target, anchor) {
@@ -5971,7 +5976,7 @@ function create_each_block$3(ctx) {
 				}
 			}
 
-			if (dirty & /*_options*/ 4 && option_value_value !== (option_value_value = /*option*/ ctx[9])) {
+			if (dirty & /*_options*/ 4 && option_value_value !== (option_value_value = /*option*/ ctx[10])) {
 				option.__value = option_value_value;
 				option.value = option.__value;
 			}
@@ -6105,6 +6110,7 @@ function instance$7($$self, $$props, $$invalidate) {
 	let styleVariables;
 	let { name = '' } = $$props;
 	let { options = 'プルダウン1,プルダウン2,プルダウン3' } = $$props;
+	let { required = false } = $$props;
 	let { _style = 'color: #333; cursor: pointer; background-color: #fff; border: solid 2px #ccc; border-radius: 6px; font-size: 12px; padding: 10px 30px 10px 10px;' } = $$props;
 
 	let { selectStyle = {
@@ -6119,6 +6125,7 @@ function instance$7($$self, $$props, $$invalidate) {
 		statePath,
 		initialValue: [],
 		validator(value) {
+			if (!required) return true;
 			return value.length > 0;
 		}
 	});
@@ -6131,8 +6138,9 @@ function instance$7($$self, $$props, $$invalidate) {
 	$$self.$$set = $$props => {
 		if ('name' in $$props) $$invalidate(4, name = $$props.name);
 		if ('options' in $$props) $$invalidate(5, options = $$props.options);
+		if ('required' in $$props) $$invalidate(6, required = $$props.required);
 		if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
-		if ('selectStyle' in $$props) $$invalidate(6, selectStyle = $$props.selectStyle);
+		if ('selectStyle' in $$props) $$invalidate(7, selectStyle = $$props.selectStyle);
 	};
 
 	$$self.$$.update = () => {
@@ -6140,12 +6148,21 @@ function instance$7($$self, $$props, $$invalidate) {
 			$$invalidate(2, _options = ['', ...options.split(',')]);
 		}
 
-		if ($$self.$$.dirty & /*selectStyle*/ 64) {
+		if ($$self.$$.dirty & /*selectStyle*/ 128) {
 			$$invalidate(1, styleVariables = `--color-arrow: ${selectStyle.colorArrow}; --color-focused: ${selectStyle.colorFocused}`);
 		}
 	};
 
-	return [_style, styleVariables, _options, handleChange, name, options, selectStyle];
+	return [
+		_style,
+		styleVariables,
+		_options,
+		handleChange,
+		name,
+		options,
+		required,
+		selectStyle
+	];
 }
 
 class FormSelect extends SvelteComponent {
@@ -6161,8 +6178,9 @@ class FormSelect extends SvelteComponent {
 			{
 				name: 4,
 				options: 5,
+				required: 6,
 				_style: 0,
-				selectStyle: 6
+				selectStyle: 7
 			},
 			add_css$7
 		);
@@ -6177,12 +6195,12 @@ function add_css$6(target) {
 
 function get_each_context$2(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[11] = list[i];
-	child_ctx[13] = i;
+	child_ctx[12] = list[i];
+	child_ctx[14] = i;
 	return child_ctx;
 }
 
-// (55:2) {#each _options as option, i}
+// (61:2) {#each _options as option, i}
 function create_each_block$2(ctx) {
 	let label;
 	let input;
@@ -6193,7 +6211,7 @@ function create_each_block$2(ctx) {
 	let span1_class_value;
 	let t1;
 	let span2;
-	let t2_value = /*option*/ ctx[11] + "";
+	let t2_value = /*option*/ ctx[12] + "";
 	let t2;
 	let t3;
 	let mounted;
@@ -6236,10 +6254,10 @@ function create_each_block$2(ctx) {
 			attr(input, "class", "check-box-input svelte-15x08a");
 			attr(input, "type", "checkbox");
 			attr(input, "name", /*name*/ ctx[0]);
-			input.checked = input_checked_value = /*isCheckedArray*/ ctx[3][/*i*/ ctx[13]];
+			input.checked = input_checked_value = /*isCheckedArray*/ ctx[3][/*i*/ ctx[14]];
 			attr(span0, "class", "check-box-icon svelte-15x08a");
 
-			attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[3][/*i*/ ctx[13]]
+			attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[3][/*i*/ ctx[14]]
 			? ' _checked'
 			: ''}`) + " svelte-15x08a"));
 
@@ -6260,7 +6278,7 @@ function create_each_block$2(ctx) {
 			append_hydration(label, t3);
 
 			if (!mounted) {
-				dispose = listen(input, "change", /*handleChange*/ ctx[6](/*i*/ ctx[13]));
+				dispose = listen(input, "change", /*handleChange*/ ctx[6](/*i*/ ctx[14]));
 				mounted = true;
 			}
 		},
@@ -6271,11 +6289,11 @@ function create_each_block$2(ctx) {
 				attr(input, "name", /*name*/ ctx[0]);
 			}
 
-			if (dirty & /*isCheckedArray*/ 8 && input_checked_value !== (input_checked_value = /*isCheckedArray*/ ctx[3][/*i*/ ctx[13]])) {
+			if (dirty & /*isCheckedArray*/ 8 && input_checked_value !== (input_checked_value = /*isCheckedArray*/ ctx[3][/*i*/ ctx[14]])) {
 				input.checked = input_checked_value;
 			}
 
-			if (dirty & /*isCheckedArray*/ 8 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[3][/*i*/ ctx[13]]
+			if (dirty & /*isCheckedArray*/ 8 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[3][/*i*/ ctx[14]]
 			? ' _checked'
 			: ''}`) + " svelte-15x08a"))) {
 				attr(span1, "class", span1_class_value);
@@ -6285,7 +6303,7 @@ function create_each_block$2(ctx) {
 				attr(span1, "style", /*_buttonStyle*/ ctx[4]);
 			}
 
-			if (dirty & /*_options*/ 4 && t2_value !== (t2_value = /*option*/ ctx[11] + "")) set_data(t2, t2_value);
+			if (dirty & /*_options*/ 4 && t2_value !== (t2_value = /*option*/ ctx[12] + "")) set_data(t2, t2_value);
 
 			if (dirty & /*textStyle*/ 2) {
 				attr(span2, "style", /*textStyle*/ ctx[1]);
@@ -6379,6 +6397,7 @@ function instance$6($$self, $$props, $$invalidate) {
 	let $value;
 	let { name = '' } = $$props;
 	let { options = 'チェックボックス1,チェックボックス2,チェックボックス3' } = $$props;
+	let { required = false } = $$props;
 	let { textStyle = 'color: #333; font-size: 12px;' } = $$props;
 
 	let { buttonStyle = {
@@ -6394,11 +6413,12 @@ function instance$6($$self, $$props, $$invalidate) {
 		statePath,
 		initialValue: [],
 		validator(value) {
+			if (!required) return true;
 			return value.length > 0;
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(9, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(10, $value = value));
 
 	const handleChange = index => event => {
 		if (isCheckedArray[index] !== event.target.checked) {
@@ -6412,8 +6432,9 @@ function instance$6($$self, $$props, $$invalidate) {
 	$$self.$$set = $$props => {
 		if ('name' in $$props) $$invalidate(0, name = $$props.name);
 		if ('options' in $$props) $$invalidate(7, options = $$props.options);
+		if ('required' in $$props) $$invalidate(8, required = $$props.required);
 		if ('textStyle' in $$props) $$invalidate(1, textStyle = $$props.textStyle);
-		if ('buttonStyle' in $$props) $$invalidate(8, buttonStyle = $$props.buttonStyle);
+		if ('buttonStyle' in $$props) $$invalidate(9, buttonStyle = $$props.buttonStyle);
 	};
 
 	$$self.$$.update = () => {
@@ -6421,11 +6442,11 @@ function instance$6($$self, $$props, $$invalidate) {
 			$$invalidate(2, _options = options.split(','));
 		}
 
-		if ($$self.$$.dirty & /*buttonStyle*/ 256) {
+		if ($$self.$$.dirty & /*buttonStyle*/ 512) {
 			$$invalidate(4, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
 		}
 
-		if ($$self.$$.dirty & /*$value, _options*/ 516) {
+		if ($$self.$$.dirty & /*$value, _options*/ 1028) {
 			$$invalidate(3, isCheckedArray = (() => {
 				const checkedSet = new Set($value);
 				return _options.map(option => checkedSet.has(option));
@@ -6442,6 +6463,7 @@ function instance$6($$self, $$props, $$invalidate) {
 		value,
 		handleChange,
 		options,
+		required,
 		buttonStyle,
 		$value
 	];
@@ -6460,8 +6482,9 @@ class FormCheckBoxes extends SvelteComponent {
 			{
 				name: 0,
 				options: 7,
+				required: 8,
 				textStyle: 1,
-				buttonStyle: 8
+				buttonStyle: 9
 			},
 			add_css$6
 		);
@@ -6476,11 +6499,11 @@ function add_css$5(target) {
 
 function get_each_context$1(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[10] = list[i];
+	child_ctx[11] = list[i];
 	return child_ctx;
 }
 
-// (54:30) 
+// (60:30) 
 function create_if_block_1$1(ctx) {
 	let div;
 	let svg;
@@ -6520,14 +6543,14 @@ function create_if_block_1$1(ctx) {
 			this.h();
 		},
 		h() {
-			attr(path, "d", /*LIKERT_FACE_SVG_DATA*/ ctx[5][/*i*/ ctx[10]]);
+			attr(path, "d", /*LIKERT_FACE_SVG_DATA*/ ctx[5][/*i*/ ctx[11]]);
 			attr(svg, "width", "24");
 			attr(svg, "height", "24");
 			attr(svg, "viewBox", "0 0 24 24");
 			attr(svg, "fill", "none");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "class", "svelte-1ysi4uv");
-			attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[10] === /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv");
+			attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[11] === /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv");
 			attr(div, "style", /*_buttonStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -6537,14 +6560,14 @@ function create_if_block_1$1(ctx) {
 			append_hydration(div, t);
 
 			if (!mounted) {
-				dispose = listen(div, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
+				dispose = listen(div, "click", /*handleClick*/ ctx[4](/*i*/ ctx[11]));
 				mounted = true;
 			}
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty & /*_value*/ 4 && div_class_value !== (div_class_value = "rating-button" + (/*i*/ ctx[10] === /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv")) {
+			if (dirty & /*_value*/ 4 && div_class_value !== (div_class_value = "rating-button" + (/*i*/ ctx[11] === /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv")) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -6560,7 +6583,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (48:4) {#if type === 'star'}
+// (54:4) {#if type === 'star'}
 function create_if_block$1(ctx) {
 	let div;
 	let svg;
@@ -6607,7 +6630,7 @@ function create_if_block$1(ctx) {
 			attr(svg, "fill", "none");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "class", "svelte-1ysi4uv");
-			attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[10] <= /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv");
+			attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[11] <= /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv");
 			attr(div, "style", /*_buttonStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -6617,14 +6640,14 @@ function create_if_block$1(ctx) {
 			append_hydration(div, t);
 
 			if (!mounted) {
-				dispose = listen(div, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
+				dispose = listen(div, "click", /*handleClick*/ ctx[4](/*i*/ ctx[11]));
 				mounted = true;
 			}
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty & /*_value*/ 4 && div_class_value !== (div_class_value = "rating-button" + (/*i*/ ctx[10] <= /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv")) {
+			if (dirty & /*_value*/ 4 && div_class_value !== (div_class_value = "rating-button" + (/*i*/ ctx[11] <= /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv")) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -6640,7 +6663,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (47:2) {#each [...Array(5).keys()].map(i => i + 1) as i}
+// (53:2) {#each [...Array(5).keys()].map(i => i + 1) as i}
 function create_each_block$1(ctx) {
 	let if_block_anchor;
 
@@ -6769,6 +6792,7 @@ function instance$5($$self, $$props, $$invalidate) {
 	let $value;
 	let { name = '' } = $$props;
 	let { type = 'star' } = $$props;
+	let { required = false } = $$props;
 
 	let { buttonStyle = {
 		size: '24px',
@@ -6783,11 +6807,12 @@ function instance$5($$self, $$props, $$invalidate) {
 		statePath,
 		initialValue: [],
 		validator(value) {
+			if (!required) return true;
 			return value.length > 0;
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(8, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(9, $value = value));
 
 	const handleClick = index => event => {
 		value.set([String(index)]);
@@ -6805,15 +6830,16 @@ function instance$5($$self, $$props, $$invalidate) {
 	$$self.$$set = $$props => {
 		if ('name' in $$props) $$invalidate(6, name = $$props.name);
 		if ('type' in $$props) $$invalidate(0, type = $$props.type);
-		if ('buttonStyle' in $$props) $$invalidate(7, buttonStyle = $$props.buttonStyle);
+		if ('required' in $$props) $$invalidate(7, required = $$props.required);
+		if ('buttonStyle' in $$props) $$invalidate(8, buttonStyle = $$props.buttonStyle);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*$value*/ 256) {
+		if ($$self.$$.dirty & /*$value*/ 512) {
 			$$invalidate(2, _value = Number($value[0] ?? -1));
 		}
 
-		if ($$self.$$.dirty & /*buttonStyle*/ 128) {
+		if ($$self.$$.dirty & /*buttonStyle*/ 256) {
 			$$invalidate(1, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
 		}
 	};
@@ -6826,6 +6852,7 @@ function instance$5($$self, $$props, $$invalidate) {
 		handleClick,
 		LIKERT_FACE_SVG_DATA,
 		name,
+		required,
 		buttonStyle,
 		$value
 	];
@@ -6834,7 +6861,21 @@ function instance$5($$self, $$props, $$invalidate) {
 class FormRatingButtons extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$5, create_fragment$5, safe_not_equal, { name: 6, type: 0, buttonStyle: 7 }, add_css$5);
+
+		init(
+			this,
+			options,
+			instance$5,
+			create_fragment$5,
+			safe_not_equal,
+			{
+				name: 6,
+				type: 0,
+				required: 7,
+				buttonStyle: 8
+			},
+			add_css$5
+		);
 	}
 }
 

package/dist/index.es.js

@@ -5401,12 +5401,12 @@ function add_css$8(target) {
 
 function get_each_context$4(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[11] = list[i];
-	child_ctx[13] = i;
+	child_ctx[12] = list[i];
+	child_ctx[14] = i;
 	return child_ctx;
 }
 
-// (49:2) {#each _options as option, i}
+// (55:2) {#each _options as option, i}
 function create_each_block$4(ctx) {
 	let label;
 	let input;
@@ -5414,7 +5414,7 @@ function create_each_block$4(ctx) {
 	let input_checked_value;
 	let t0;
 	let span;
-	let t1_value = /*option*/ ctx[11] + "";
+	let t1_value = /*option*/ ctx[12] + "";
 	let t1;
 	let t2;
 	let mounted;
@@ -5432,8 +5432,8 @@ function create_each_block$4(ctx) {
 			attr(input, "class", "radio-button-input svelte-1k9zlui");
 			attr(input, "style", /*_buttonStyle*/ ctx[4]);
 			attr(input, "name", /*name*/ ctx[0]);
-			input.value = input_value_value = /*option*/ ctx[11];
-			input.checked = input_checked_value = /*option*/ ctx[11] === /*_value*/ ctx[2];
+			input.value = input_value_value = /*option*/ ctx[12];
+			input.checked = input_checked_value = /*option*/ ctx[12] === /*_value*/ ctx[2];
 			attr(span, "class", "radio-button-text svelte-1k9zlui");
 			attr(span, "style", /*textStyle*/ ctx[1]);
 			attr(label, "class", "radio-button svelte-1k9zlui");
@@ -5447,7 +5447,7 @@ function create_each_block$4(ctx) {
 			append(label, t2);
 
 			if (!mounted) {
-				dispose = listen(input, "change", /*handleChange*/ ctx[6](/*i*/ ctx[13]));
+				dispose = listen(input, "change", /*handleChange*/ ctx[6](/*i*/ ctx[14]));
 				mounted = true;
 			}
 		},
@@ -5462,15 +5462,15 @@ function create_each_block$4(ctx) {
 				attr(input, "name", /*name*/ ctx[0]);
 			}
 
-			if (dirty & /*_options*/ 8 && input_value_value !== (input_value_value = /*option*/ ctx[11])) {
+			if (dirty & /*_options*/ 8 && input_value_value !== (input_value_value = /*option*/ ctx[12])) {
 				input.value = input_value_value;
 			}
 
-			if (dirty & /*_options, _value*/ 12 && input_checked_value !== (input_checked_value = /*option*/ ctx[11] === /*_value*/ ctx[2])) {
+			if (dirty & /*_options, _value*/ 12 && input_checked_value !== (input_checked_value = /*option*/ ctx[12] === /*_value*/ ctx[2])) {
 				input.checked = input_checked_value;
 			}
 
-			if (dirty & /*_options*/ 8 && t1_value !== (t1_value = /*option*/ ctx[11] + "")) set_data(t1, t1_value);
+			if (dirty & /*_options*/ 8 && t1_value !== (t1_value = /*option*/ ctx[12] + "")) set_data(t1, t1_value);
 
 			if (dirty & /*textStyle*/ 2) {
 				attr(span, "style", /*textStyle*/ ctx[1]);
@@ -5550,6 +5550,7 @@ function instance$8($$self, $$props, $$invalidate) {
 	let $value;
 	let { name = '' } = $$props;
 	let { options = 'ラジオボタン1,ラジオボタン2,ラジオボタン3' } = $$props;
+	let { required = false } = $$props;
 	let { textStyle = 'color: #333; font-size: 12px;' } = $$props;
 
 	let { buttonStyle = {
@@ -5565,11 +5566,12 @@ function instance$8($$self, $$props, $$invalidate) {
 		statePath,
 		initialValue: [],
 		validator(value) {
+			if (!required) return true;
 			return value.length > 0;
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(9, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(10, $value = value));
 
 	const handleChange = index => event => {
 		if (event.target.checked) {
@@ -5580,8 +5582,9 @@ function instance$8($$self, $$props, $$invalidate) {
 	$$self.$$set = $$props => {
 		if ('name' in $$props) $$invalidate(0, name = $$props.name);
 		if ('options' in $$props) $$invalidate(7, options = $$props.options);
+		if ('required' in $$props) $$invalidate(8, required = $$props.required);
 		if ('textStyle' in $$props) $$invalidate(1, textStyle = $$props.textStyle);
-		if ('buttonStyle' in $$props) $$invalidate(8, buttonStyle = $$props.buttonStyle);
+		if ('buttonStyle' in $$props) $$invalidate(9, buttonStyle = $$props.buttonStyle);
 	};
 
 	$$self.$$.update = () => {
@@ -5589,11 +5592,11 @@ function instance$8($$self, $$props, $$invalidate) {
 			$$invalidate(3, _options = options.split(','));
 		}
 
-		if ($$self.$$.dirty & /*buttonStyle*/ 256) {
+		if ($$self.$$.dirty & /*buttonStyle*/ 512) {
 			$$invalidate(4, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
 		}
 
-		if ($$self.$$.dirty & /*$value*/ 512) {
+		if ($$self.$$.dirty & /*$value*/ 1024) {
 			$$invalidate(2, _value = $value[0]);
 		}
 	};
@@ -5607,6 +5610,7 @@ function instance$8($$self, $$props, $$invalidate) {
 		value,
 		handleChange,
 		options,
+		required,
 		buttonStyle,
 		$value
 	];
@@ -5625,8 +5629,9 @@ class FormRadioButtons extends SvelteComponent {
 			{
 				name: 0,
 				options: 7,
+				required: 8,
 				textStyle: 1,
-				buttonStyle: 8
+				buttonStyle: 9
 			},
 			add_css$8
 		);
@@ -5641,12 +5646,12 @@ function add_css$7(target) {
 
 function get_each_context$3(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[9] = list[i];
-	child_ctx[11] = i;
+	child_ctx[10] = list[i];
+	child_ctx[12] = i;
 	return child_ctx;
 }
 
-// (47:10) {:else}
+// (53:10) {:else}
 function create_else_block(ctx) {
 	let t;
 
@@ -5664,9 +5669,9 @@ function create_else_block(ctx) {
 	};
 }
 
-// (45:10) {#if option}
+// (51:10) {#if option}
 function create_if_block$2(ctx) {
-	let t_value = /*option*/ ctx[9] + "";
+	let t_value = /*option*/ ctx[10] + "";
 	let t;
 
 	return {
@@ -5677,7 +5682,7 @@ function create_if_block$2(ctx) {
 			insert(target, t, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty & /*_options*/ 4 && t_value !== (t_value = /*option*/ ctx[9] + "")) set_data(t, t_value);
+			if (dirty & /*_options*/ 4 && t_value !== (t_value = /*option*/ ctx[10] + "")) set_data(t, t_value);
 		},
 		d(detaching) {
 			if (detaching) detach(t);
@@ -5685,14 +5690,14 @@ function create_if_block$2(ctx) {
 	};
 }
 
-// (43:6) {#each _options as option, i}
+// (49:6) {#each _options as option, i}
 function create_each_block$3(ctx) {
 	let option;
 	let t;
 	let option_value_value;
 
 	function select_block_type(ctx, dirty) {
-		if (/*option*/ ctx[9]) return create_if_block$2;
+		if (/*option*/ ctx[10]) return create_if_block$2;
 		return create_else_block;
 	}
 
@@ -5704,7 +5709,7 @@ function create_each_block$3(ctx) {
 			option = element("option");
 			if_block.c();
 			t = space();
-			option.__value = option_value_value = /*option*/ ctx[9];
+			option.__value = option_value_value = /*option*/ ctx[10];
 			option.value = option.__value;
 		},
 		m(target, anchor) {
@@ -5725,7 +5730,7 @@ function create_each_block$3(ctx) {
 				}
 			}
 
-			if (dirty & /*_options*/ 4 && option_value_value !== (option_value_value = /*option*/ ctx[9])) {
+			if (dirty & /*_options*/ 4 && option_value_value !== (option_value_value = /*option*/ ctx[10])) {
 				option.__value = option_value_value;
 				option.value = option.__value;
 			}
@@ -5836,6 +5841,7 @@ function instance$7($$self, $$props, $$invalidate) {
 	let styleVariables;
 	let { name = '' } = $$props;
 	let { options = 'プルダウン1,プルダウン2,プルダウン3' } = $$props;
+	let { required = false } = $$props;
 	let { _style = 'color: #333; cursor: pointer; background-color: #fff; border: solid 2px #ccc; border-radius: 6px; font-size: 12px; padding: 10px 30px 10px 10px;' } = $$props;
 
 	let { selectStyle = {
@@ -5850,6 +5856,7 @@ function instance$7($$self, $$props, $$invalidate) {
 		statePath,
 		initialValue: [],
 		validator(value) {
+			if (!required) return true;
 			return value.length > 0;
 		}
 	});
@@ -5862,8 +5869,9 @@ function instance$7($$self, $$props, $$invalidate) {
 	$$self.$$set = $$props => {
 		if ('name' in $$props) $$invalidate(4, name = $$props.name);
 		if ('options' in $$props) $$invalidate(5, options = $$props.options);
+		if ('required' in $$props) $$invalidate(6, required = $$props.required);
 		if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
-		if ('selectStyle' in $$props) $$invalidate(6, selectStyle = $$props.selectStyle);
+		if ('selectStyle' in $$props) $$invalidate(7, selectStyle = $$props.selectStyle);
 	};
 
 	$$self.$$.update = () => {
@@ -5871,12 +5879,21 @@ function instance$7($$self, $$props, $$invalidate) {
 			$$invalidate(2, _options = ['', ...options.split(',')]);
 		}
 
-		if ($$self.$$.dirty & /*selectStyle*/ 64) {
+		if ($$self.$$.dirty & /*selectStyle*/ 128) {
 			$$invalidate(1, styleVariables = `--color-arrow: ${selectStyle.colorArrow}; --color-focused: ${selectStyle.colorFocused}`);
 		}
 	};
 
-	return [_style, styleVariables, _options, handleChange, name, options, selectStyle];
+	return [
+		_style,
+		styleVariables,
+		_options,
+		handleChange,
+		name,
+		options,
+		required,
+		selectStyle
+	];
 }
 
 class FormSelect extends SvelteComponent {
@@ -5892,8 +5909,9 @@ class FormSelect extends SvelteComponent {
 			{
 				name: 4,
 				options: 5,
+				required: 6,
 				_style: 0,
-				selectStyle: 6
+				selectStyle: 7
 			},
 			add_css$7
 		);
@@ -5908,12 +5926,12 @@ function add_css$6(target) {
 
 function get_each_context$2(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[11] = list[i];
-	child_ctx[13] = i;
+	child_ctx[12] = list[i];
+	child_ctx[14] = i;
 	return child_ctx;
 }
 
-// (55:2) {#each _options as option, i}
+// (61:2) {#each _options as option, i}
 function create_each_block$2(ctx) {
 	let label;
 	let input;
@@ -5924,7 +5942,7 @@ function create_each_block$2(ctx) {
 	let span1_class_value;
 	let t1;
 	let span2;
-	let t2_value = /*option*/ ctx[11] + "";
+	let t2_value = /*option*/ ctx[12] + "";
 	let t2;
 	let t3;
 	let mounted;
@@ -5944,10 +5962,10 @@ function create_each_block$2(ctx) {
 			attr(input, "class", "check-box-input svelte-15x08a");
 			attr(input, "type", "checkbox");
 			attr(input, "name", /*name*/ ctx[0]);
-			input.checked = input_checked_value = /*isCheckedArray*/ ctx[3][/*i*/ ctx[13]];
+			input.checked = input_checked_value = /*isCheckedArray*/ ctx[3][/*i*/ ctx[14]];
 			attr(span0, "class", "check-box-icon svelte-15x08a");
 
-			attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[3][/*i*/ ctx[13]]
+			attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[3][/*i*/ ctx[14]]
 			? ' _checked'
 			: ''}`) + " svelte-15x08a"));
 
@@ -5968,7 +5986,7 @@ function create_each_block$2(ctx) {
 			append(label, t3);
 
 			if (!mounted) {
-				dispose = listen(input, "change", /*handleChange*/ ctx[6](/*i*/ ctx[13]));
+				dispose = listen(input, "change", /*handleChange*/ ctx[6](/*i*/ ctx[14]));
 				mounted = true;
 			}
 		},
@@ -5979,11 +5997,11 @@ function create_each_block$2(ctx) {
 				attr(input, "name", /*name*/ ctx[0]);
 			}
 
-			if (dirty & /*isCheckedArray*/ 8 && input_checked_value !== (input_checked_value = /*isCheckedArray*/ ctx[3][/*i*/ ctx[13]])) {
+			if (dirty & /*isCheckedArray*/ 8 && input_checked_value !== (input_checked_value = /*isCheckedArray*/ ctx[3][/*i*/ ctx[14]])) {
 				input.checked = input_checked_value;
 			}
 
-			if (dirty & /*isCheckedArray*/ 8 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[3][/*i*/ ctx[13]]
+			if (dirty & /*isCheckedArray*/ 8 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[3][/*i*/ ctx[14]]
 			? ' _checked'
 			: ''}`) + " svelte-15x08a"))) {
 				attr(span1, "class", span1_class_value);
@@ -5993,7 +6011,7 @@ function create_each_block$2(ctx) {
 				attr(span1, "style", /*_buttonStyle*/ ctx[4]);
 			}
 
-			if (dirty & /*_options*/ 4 && t2_value !== (t2_value = /*option*/ ctx[11] + "")) set_data(t2, t2_value);
+			if (dirty & /*_options*/ 4 && t2_value !== (t2_value = /*option*/ ctx[12] + "")) set_data(t2, t2_value);
 
 			if (dirty & /*textStyle*/ 2) {
 				attr(span2, "style", /*textStyle*/ ctx[1]);
@@ -6073,6 +6091,7 @@ function instance$6($$self, $$props, $$invalidate) {
 	let $value;
 	let { name = '' } = $$props;
 	let { options = 'チェックボックス1,チェックボックス2,チェックボックス3' } = $$props;
+	let { required = false } = $$props;
 	let { textStyle = 'color: #333; font-size: 12px;' } = $$props;
 
 	let { buttonStyle = {
@@ -6088,11 +6107,12 @@ function instance$6($$self, $$props, $$invalidate) {
 		statePath,
 		initialValue: [],
 		validator(value) {
+			if (!required) return true;
 			return value.length > 0;
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(9, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(10, $value = value));
 
 	const handleChange = index => event => {
 		if (isCheckedArray[index] !== event.target.checked) {
@@ -6106,8 +6126,9 @@ function instance$6($$self, $$props, $$invalidate) {
 	$$self.$$set = $$props => {
 		if ('name' in $$props) $$invalidate(0, name = $$props.name);
 		if ('options' in $$props) $$invalidate(7, options = $$props.options);
+		if ('required' in $$props) $$invalidate(8, required = $$props.required);
 		if ('textStyle' in $$props) $$invalidate(1, textStyle = $$props.textStyle);
-		if ('buttonStyle' in $$props) $$invalidate(8, buttonStyle = $$props.buttonStyle);
+		if ('buttonStyle' in $$props) $$invalidate(9, buttonStyle = $$props.buttonStyle);
 	};
 
 	$$self.$$.update = () => {
@@ -6115,11 +6136,11 @@ function instance$6($$self, $$props, $$invalidate) {
 			$$invalidate(2, _options = options.split(','));
 		}
 
-		if ($$self.$$.dirty & /*buttonStyle*/ 256) {
+		if ($$self.$$.dirty & /*buttonStyle*/ 512) {
 			$$invalidate(4, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
 		}
 
-		if ($$self.$$.dirty & /*$value, _options*/ 516) {
+		if ($$self.$$.dirty & /*$value, _options*/ 1028) {
 			$$invalidate(3, isCheckedArray = (() => {
 				const checkedSet = new Set($value);
 				return _options.map(option => checkedSet.has(option));
@@ -6136,6 +6157,7 @@ function instance$6($$self, $$props, $$invalidate) {
 		value,
 		handleChange,
 		options,
+		required,
 		buttonStyle,
 		$value
 	];
@@ -6154,8 +6176,9 @@ class FormCheckBoxes extends SvelteComponent {
 			{
 				name: 0,
 				options: 7,
+				required: 8,
 				textStyle: 1,
-				buttonStyle: 8
+				buttonStyle: 9
 			},
 			add_css$6
 		);
@@ -6170,11 +6193,11 @@ function add_css$5(target) {
 
 function get_each_context$1(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[10] = list[i];
+	child_ctx[11] = list[i];
 	return child_ctx;
 }
 
-// (54:30) 
+// (60:30) 
 function create_if_block_1$1(ctx) {
 	let div;
 	let svg;
@@ -6190,14 +6213,14 @@ function create_if_block_1$1(ctx) {
 			svg = svg_element("svg");
 			path = svg_element("path");
 			t = space();
-			attr(path, "d", /*LIKERT_FACE_SVG_DATA*/ ctx[5][/*i*/ ctx[10]]);
+			attr(path, "d", /*LIKERT_FACE_SVG_DATA*/ ctx[5][/*i*/ ctx[11]]);
 			attr(svg, "width", "24");
 			attr(svg, "height", "24");
 			attr(svg, "viewBox", "0 0 24 24");
 			attr(svg, "fill", "none");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "class", "svelte-1ysi4uv");
-			attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[10] === /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv");
+			attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[11] === /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv");
 			attr(div, "style", /*_buttonStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -6207,14 +6230,14 @@ function create_if_block_1$1(ctx) {
 			append(div, t);
 
 			if (!mounted) {
-				dispose = listen(div, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
+				dispose = listen(div, "click", /*handleClick*/ ctx[4](/*i*/ ctx[11]));
 				mounted = true;
 			}
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty & /*_value*/ 4 && div_class_value !== (div_class_value = "rating-button" + (/*i*/ ctx[10] === /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv")) {
+			if (dirty & /*_value*/ 4 && div_class_value !== (div_class_value = "rating-button" + (/*i*/ ctx[11] === /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv")) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -6230,7 +6253,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (48:4) {#if type === 'star'}
+// (54:4) {#if type === 'star'}
 function create_if_block$1(ctx) {
 	let div;
 	let svg;
@@ -6253,7 +6276,7 @@ function create_if_block$1(ctx) {
 			attr(svg, "fill", "none");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "class", "svelte-1ysi4uv");
-			attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[10] <= /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv");
+			attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[11] <= /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv");
 			attr(div, "style", /*_buttonStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -6263,14 +6286,14 @@ function create_if_block$1(ctx) {
 			append(div, t);
 
 			if (!mounted) {
-				dispose = listen(div, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
+				dispose = listen(div, "click", /*handleClick*/ ctx[4](/*i*/ ctx[11]));
 				mounted = true;
 			}
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty & /*_value*/ 4 && div_class_value !== (div_class_value = "rating-button" + (/*i*/ ctx[10] <= /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv")) {
+			if (dirty & /*_value*/ 4 && div_class_value !== (div_class_value = "rating-button" + (/*i*/ ctx[11] <= /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv")) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -6286,7 +6309,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (47:2) {#each [...Array(5).keys()].map(i => i + 1) as i}
+// (53:2) {#each [...Array(5).keys()].map(i => i + 1) as i}
 function create_each_block$1(ctx) {
 	let if_block_anchor;
 
@@ -6397,6 +6420,7 @@ function instance$5($$self, $$props, $$invalidate) {
 	let $value;
 	let { name = '' } = $$props;
 	let { type = 'star' } = $$props;
+	let { required = false } = $$props;
 
 	let { buttonStyle = {
 		size: '24px',
@@ -6411,11 +6435,12 @@ function instance$5($$self, $$props, $$invalidate) {
 		statePath,
 		initialValue: [],
 		validator(value) {
+			if (!required) return true;
 			return value.length > 0;
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(8, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(9, $value = value));
 
 	const handleClick = index => event => {
 		value.set([String(index)]);
@@ -6433,15 +6458,16 @@ function instance$5($$self, $$props, $$invalidate) {
 	$$self.$$set = $$props => {
 		if ('name' in $$props) $$invalidate(6, name = $$props.name);
 		if ('type' in $$props) $$invalidate(0, type = $$props.type);
-		if ('buttonStyle' in $$props) $$invalidate(7, buttonStyle = $$props.buttonStyle);
+		if ('required' in $$props) $$invalidate(7, required = $$props.required);
+		if ('buttonStyle' in $$props) $$invalidate(8, buttonStyle = $$props.buttonStyle);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*$value*/ 256) {
+		if ($$self.$$.dirty & /*$value*/ 512) {
 			$$invalidate(2, _value = Number($value[0] ?? -1));
 		}
 
-		if ($$self.$$.dirty & /*buttonStyle*/ 128) {
+		if ($$self.$$.dirty & /*buttonStyle*/ 256) {
 			$$invalidate(1, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
 		}
 	};
@@ -6454,6 +6480,7 @@ function instance$5($$self, $$props, $$invalidate) {
 		handleClick,
 		LIKERT_FACE_SVG_DATA,
 		name,
+		required,
 		buttonStyle,
 		$value
 	];
@@ -6462,7 +6489,21 @@ function instance$5($$self, $$props, $$invalidate) {
 class FormRatingButtons extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$5, create_fragment$5, safe_not_equal, { name: 6, type: 0, buttonStyle: 7 }, add_css$5);
+
+		init(
+			this,
+			options,
+			instance$5,
+			create_fragment$5,
+			safe_not_equal,
+			{
+				name: 6,
+				type: 0,
+				required: 7,
+				buttonStyle: 8
+			},
+			add_css$5
+		);
 	}
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.121",
+  "version": "1.1.122-27933539.c9ba2e60",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",