@plaidev/karte-action-sdk 1.1.130-27958202.2eba0943 → 1.1.130-27959237.f0d1da74

package/dist/hydrate/index.es.js

@@ -1395,6 +1395,8 @@ const Justifies = ['flex-start', 'center', 'flex-end'];
 /** @internal */
 const Alignments = ['flex-start', 'center', 'flex-end'];
 /** @internal */
+const FlexDirections = ['row', 'column'];
+/** @internal */
 const ObjectFits = ['fill', 'contain', 'cover'];
 /** @internal */
 const ClipPaths = ['none', 'circle(closest-side)'];
@@ -1475,10 +1477,6 @@ const DefaultFormSelectStyle = {
     colorArrow: '#333',
     colorFocused: '#2aab9f',
 };
-/** @internal */
-const FormRatingButtonTypes = ['star', 'face'];
-/** @internal */
-const DefaultFormRatingButtonType = 'star';
 
 const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__ === 'string'
     ? __FLYER_GEN_COLLECTION_API_ENDPOINT__
@@ -2501,7 +2499,7 @@ function add_css$n(target) {
 }
 
 // (23:0) {#if $state === path}
-function create_if_block$7(ctx) {
+function create_if_block$6(ctx) {
 	let div;
 	let t;
 	let current;
@@ -2576,7 +2574,7 @@ function create_if_block$7(ctx) {
 function create_fragment$q(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$7(ctx);
+	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$6(ctx);
 
 	return {
 		c() {
@@ -2601,7 +2599,7 @@ function create_fragment$q(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$7(ctx);
+					if_block = create_if_block$6(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2675,7 +2673,7 @@ function add_css$m(target) {
 }
 
 // (9:0) {#if backgroundOverray}
-function create_if_block$6(ctx) {
+function create_if_block$5(ctx) {
 	let div;
 	let mounted;
 	let dispose;
@@ -2712,7 +2710,7 @@ function create_if_block$6(ctx) {
 
 function create_fragment$p(ctx) {
 	let if_block_anchor;
-	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$6(ctx);
+	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$5(ctx);
 
 	return {
 		c() {
@@ -2732,7 +2730,7 @@ function create_fragment$p(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$6(ctx);
+					if_block = create_if_block$5(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -2776,7 +2774,7 @@ function add_css$l(target) {
 }
 
 // (142:0) {#if visible}
-function create_if_block$5(ctx) {
+function create_if_block$4(ctx) {
 	let div1;
 	let t;
 	let div0;
@@ -2785,7 +2783,7 @@ function create_if_block$5(ctx) {
 	let current;
 	let mounted;
 	let dispose;
-	let if_block = /*closable*/ ctx[14] && create_if_block_1$2(ctx);
+	let if_block = /*closable*/ ctx[14] && create_if_block_1$1(ctx);
 	const default_slot_template = /*#slots*/ ctx[29].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[28], null);
 
@@ -2852,7 +2850,7 @@ function create_if_block$5(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block_1$2(ctx);
+					if_block = create_if_block_1$1(ctx);
 					if_block.c();
 					if_block.m(div1, t);
 				}
@@ -2917,7 +2915,7 @@ function create_if_block$5(ctx) {
 }
 
 // (159:4) {#if closable}
-function create_if_block_1$2(ctx) {
+function create_if_block_1$1(ctx) {
 	let button;
 	let svg;
 	let path;
@@ -3019,7 +3017,7 @@ function create_fragment$o(ctx) {
 		if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
 	});
 
-	let if_block = /*visible*/ ctx[6] && create_if_block$5(ctx);
+	let if_block = /*visible*/ ctx[6] && create_if_block$4(ctx);
 
 	return {
 		c() {
@@ -3063,7 +3061,7 @@ function create_fragment$o(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$5(ctx);
+					if_block = create_if_block$4(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -4192,7 +4190,7 @@ function create_else_block$1(ctx) {
 }
 
 // (10:2) {#if item.match(regexp)}
-function create_if_block$4(ctx) {
+function create_if_block$3(ctx) {
 	let br;
 
 	return {
@@ -4220,7 +4218,7 @@ function create_each_block$5(ctx) {
 	function select_block_type(ctx, dirty) {
 		if (dirty & /*items*/ 1) show_if = null;
 		if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
-		if (show_if) return create_if_block$4;
+		if (show_if) return create_if_block$3;
 		return create_else_block$1;
 	}
 
@@ -4357,7 +4355,7 @@ function add_css$h(target) {
 }
 
 // (56:2) {#if enableCopy}
-function create_if_block$3(ctx) {
+function create_if_block$2(ctx) {
 	let div0;
 	let t0;
 	let t1;
@@ -4420,7 +4418,7 @@ function create_fragment$h(ctx) {
 	let mounted;
 	let dispose;
 	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
-	let if_block = /*enableCopy*/ ctx[1] && create_if_block$3(ctx);
+	let if_block = /*enableCopy*/ ctx[1] && create_if_block$2(ctx);
 
 	return {
 		c() {
@@ -4484,7 +4482,7 @@ function create_fragment$h(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$3(ctx);
+					if_block = create_if_block$2(ctx);
 					if_block.c();
 					if_block.m(div2, null);
 				}
@@ -5921,17 +5919,17 @@ class FormTextarea extends SvelteComponent {
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 
 function add_css$8(target) {
-	append_styles(target, "svelte-1k9zlui", ".radio-buttons.svelte-1k9zlui{display:flex;justify-content:space-evenly;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1k9zlui{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1k9zlui{appearance:none;margin:0;width:var(--size);height:var(--size);box-sizing:border-box;border-radius:var(--size);position:relative;background-color:var(--color-inactive);cursor:pointer}.radio-button-input.svelte-1k9zlui:checked{border:solid calc(var(--size) / 3) var(--color-active);background-color:#fff;box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-1k9zlui{margin-left:0.5em}");
+	append_styles(target, "svelte-ekeah8", ".radio-buttons.svelte-ekeah8{display:flex;justify-content:space-evenly;flex-direction:column;width:100%;height:100%}.radio-button.svelte-ekeah8{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-ekeah8{appearance:none;margin:0;width:var(--size);height:var(--size);box-sizing:border-box;border-radius:var(--size);position:relative;background-color:var(--color-inactive);cursor:pointer;flex:none}.radio-button-input.svelte-ekeah8:checked{border:solid calc(var(--size) / 3) var(--color-active);background-color:#fff;box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-ekeah8{margin-left:0.5em}");
 }
 
 function get_each_context$4(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[12] = list[i];
-	child_ctx[14] = i;
+	child_ctx[13] = list[i];
+	child_ctx[15] = i;
 	return child_ctx;
 }
 
-// (58:2) {#each _options as option, i}
+// (62:2) {#each _options as option, i}
 function create_each_block$4(ctx) {
 	let label;
 	let input;
@@ -5939,7 +5937,7 @@ function create_each_block$4(ctx) {
 	let input_checked_value;
 	let t0;
 	let span;
-	let t1_value = /*option*/ ctx[12] + "";
+	let t1_value = /*option*/ ctx[13] + "";
 	let t1;
 	let t2;
 	let mounted;
@@ -5977,14 +5975,14 @@ function create_each_block$4(ctx) {
 		},
 		h() {
 			attr(input, "type", "radio");
-			attr(input, "class", "radio-button-input svelte-1k9zlui");
-			attr(input, "style", /*_buttonStyle*/ ctx[4]);
+			attr(input, "class", "radio-button-input svelte-ekeah8");
+			attr(input, "style", /*_buttonStyle*/ ctx[5]);
 			attr(input, "name", /*name*/ ctx[0]);
-			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");
+			input.value = input_value_value = /*option*/ ctx[13];
+			input.checked = input_checked_value = /*option*/ ctx[13] === /*_value*/ ctx[3];
+			attr(span, "class", "radio-button-text svelte-ekeah8");
+			attr(span, "style", /*textStyle*/ ctx[2]);
+			attr(label, "class", "radio-button svelte-ekeah8");
 		},
 		m(target, anchor) {
 			insert_hydration(target, label, anchor);
@@ -5995,33 +5993,33 @@ function create_each_block$4(ctx) {
 			append_hydration(label, t2);
 
 			if (!mounted) {
-				dispose = listen(input, "change", /*handleChange*/ ctx[6](/*i*/ ctx[14]));
+				dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[15]));
 				mounted = true;
 			}
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty & /*_buttonStyle*/ 16) {
-				attr(input, "style", /*_buttonStyle*/ ctx[4]);
+			if (dirty & /*_buttonStyle*/ 32) {
+				attr(input, "style", /*_buttonStyle*/ ctx[5]);
 			}
 
 			if (dirty & /*name*/ 1) {
 				attr(input, "name", /*name*/ ctx[0]);
 			}
 
-			if (dirty & /*_options*/ 8 && input_value_value !== (input_value_value = /*option*/ ctx[12])) {
+			if (dirty & /*_options*/ 16 && input_value_value !== (input_value_value = /*option*/ ctx[13])) {
 				input.value = input_value_value;
 			}
 
-			if (dirty & /*_options, _value*/ 12 && input_checked_value !== (input_checked_value = /*option*/ ctx[12] === /*_value*/ ctx[2])) {
+			if (dirty & /*_options, _value*/ 24 && input_checked_value !== (input_checked_value = /*option*/ ctx[13] === /*_value*/ ctx[3])) {
 				input.checked = input_checked_value;
 			}
 
-			if (dirty & /*_options*/ 8 && t1_value !== (t1_value = /*option*/ ctx[12] + "")) set_data(t1, t1_value);
+			if (dirty & /*_options*/ 16 && t1_value !== (t1_value = /*option*/ ctx[13] + "")) set_data(t1, t1_value);
 
-			if (dirty & /*textStyle*/ 2) {
-				attr(span, "style", /*textStyle*/ ctx[1]);
+			if (dirty & /*textStyle*/ 4) {
+				attr(span, "style", /*textStyle*/ ctx[2]);
 			}
 		},
 		d(detaching) {
@@ -6034,7 +6032,7 @@ function create_each_block$4(ctx) {
 
 function create_fragment$8(ctx) {
 	let div;
-	let each_value = /*_options*/ ctx[3];
+	let each_value = /*_options*/ ctx[4];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -6052,7 +6050,7 @@ function create_fragment$8(ctx) {
 			this.h();
 		},
 		l(nodes) {
-			div = claim_element(nodes, "DIV", { class: true });
+			div = claim_element(nodes, "DIV", { class: true, style: true });
 			var div_nodes = children(div);
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
@@ -6063,7 +6061,8 @@ function create_fragment$8(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "radio-buttons svelte-1k9zlui");
+			attr(div, "class", "radio-buttons svelte-ekeah8");
+			attr(div, "style", /*layoutStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -6073,8 +6072,8 @@ function create_fragment$8(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*textStyle, _options, _buttonStyle, name, _value, handleChange*/ 95) {
-				each_value = /*_options*/ ctx[3];
+			if (dirty & /*textStyle, _options, _buttonStyle, name, _value, handleChange*/ 189) {
+				each_value = /*_options*/ ctx[4];
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -6095,6 +6094,10 @@ function create_fragment$8(ctx) {
 
 				each_blocks.length = each_value.length;
 			}
+
+			if (dirty & /*layoutStyle*/ 2) {
+				attr(div, "style", /*layoutStyle*/ ctx[1]);
+			}
 		},
 		i: noop,
 		o: noop,
@@ -6113,6 +6116,7 @@ function instance$8($$self, $$props, $$invalidate) {
 	let { name = '' } = $$props;
 	let { options = 'ラジオボタン1,ラジオボタン2,ラジオボタン3' } = $$props;
 	let { required = false } = $$props;
+	let { layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
 	let { textStyle = 'color: #333; font-size: 12px;' } = $$props;
 
 	let { buttonStyle = {
@@ -6133,7 +6137,7 @@ function instance$8($$self, $$props, $$invalidate) {
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(10, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(11, $value = value));
 
 	const handleChange = index => event => {
 		if (event.target.checked) {
@@ -6143,28 +6147,30 @@ 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(9, buttonStyle = $$props.buttonStyle);
+		if ('options' in $$props) $$invalidate(8, options = $$props.options);
+		if ('required' in $$props) $$invalidate(9, required = $$props.required);
+		if ('layoutStyle' in $$props) $$invalidate(1, layoutStyle = $$props.layoutStyle);
+		if ('textStyle' in $$props) $$invalidate(2, textStyle = $$props.textStyle);
+		if ('buttonStyle' in $$props) $$invalidate(10, buttonStyle = $$props.buttonStyle);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*options*/ 128) {
-			$$invalidate(3, _options = options.split(','));
+		if ($$self.$$.dirty & /*options*/ 256) {
+			$$invalidate(4, _options = options.split(','));
 		}
 
-		if ($$self.$$.dirty & /*buttonStyle*/ 512) {
-			$$invalidate(4, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
+		if ($$self.$$.dirty & /*buttonStyle*/ 1024) {
+			$$invalidate(5, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
 		}
 
-		if ($$self.$$.dirty & /*$value*/ 1024) {
-			$$invalidate(2, _value = $value[0]);
+		if ($$self.$$.dirty & /*$value*/ 2048) {
+			$$invalidate(3, _value = $value[0]);
 		}
 	};
 
 	return [
 		name,
+		layoutStyle,
 		textStyle,
 		_value,
 		_options,
@@ -6190,10 +6196,11 @@ class FormRadioButtons extends SvelteComponent {
 			safe_not_equal,
 			{
 				name: 0,
-				options: 7,
-				required: 8,
-				textStyle: 1,
-				buttonStyle: 9
+				options: 8,
+				required: 9,
+				layoutStyle: 1,
+				textStyle: 2,
+				buttonStyle: 10
 			},
 			add_css$8
 		);
@@ -6203,7 +6210,7 @@ class FormRadioButtons extends SvelteComponent {
 /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
 
 function add_css$7(target) {
-	append_styles(target, "svelte-1c94amx", ".select-wrapper.svelte-1c94amx{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%;position:relative\n}.select-select.svelte-1c94amx{position:relative;appearance:none;width:100%}.select-select.svelte-1c94amx:focus{outline:none;border-color:var(--color-focused) !important}.select-icon.svelte-1c94amx{position:absolute;width:0.5em;height:0.5em;top:calc(50% - 0.2em);right:0.8em;box-sizing:border-box;border-right:solid 2px var(--color-arrow);border-top:solid 2px var(--color-arrow);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
+	append_styles(target, "svelte-wy1i8s", ".select.svelte-wy1i8s{width:100%;height:100%}.select-select.svelte-wy1i8s{position:relative;appearance:none;width:100%;height:100%}.select-select.svelte-wy1i8s:focus{outline:none;border-color:var(--color-focused) !important}.select-icon.svelte-wy1i8s{position:absolute;width:0.5em;height:0.5em;top:calc(50% - 0.2em);right:0.8em;box-sizing:border-box;border-right:solid 2px var(--color-arrow);border-top:solid 2px var(--color-arrow);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
 }
 
 function get_each_context$3(ctx, list, i) {
@@ -6213,7 +6220,7 @@ function get_each_context$3(ctx, list, i) {
 	return child_ctx;
 }
 
-// (56:10) {:else}
+// (55:10) {:else}
 function create_else_block(ctx) {
 	let t;
 
@@ -6234,8 +6241,8 @@ function create_else_block(ctx) {
 	};
 }
 
-// (54:10) {#if option}
-function create_if_block$2(ctx) {
+// (53:10) {#if option}
+function create_if_block$1(ctx) {
 	let t_value = /*option*/ ctx[10] + "";
 	let t;
 
@@ -6258,14 +6265,14 @@ function create_if_block$2(ctx) {
 	};
 }
 
-// (52:6) {#each _options as option, i}
+// (51: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[10]) return create_if_block$2;
+		if (/*option*/ ctx[10]) return create_if_block$1;
 		return create_else_block;
 	}
 
@@ -6322,7 +6329,6 @@ function create_each_block$3(ctx) {
 }
 
 function create_fragment$7(ctx) {
-	let div2;
 	let div1;
 	let select;
 	let t;
@@ -6338,7 +6344,6 @@ function create_fragment$7(ctx) {
 
 	return {
 		c() {
-			div2 = element("div");
 			div1 = element("div");
 			select = element("select");
 
@@ -6351,9 +6356,7 @@ function create_fragment$7(ctx) {
 			this.h();
 		},
 		l(nodes) {
-			div2 = claim_element(nodes, "DIV", { class: true });
-			var div2_nodes = children(div2);
-			div1 = claim_element(div2_nodes, "DIV", { class: true, style: true });
+			div1 = claim_element(nodes, "DIV", { class: true, style: true });
 			var div1_nodes = children(div1);
 			select = claim_element(div1_nodes, "SELECT", { class: true, style: true });
 			var select_nodes = children(select);
@@ -6367,20 +6370,17 @@ function create_fragment$7(ctx) {
 			div0 = claim_element(div1_nodes, "DIV", { class: true });
 			children(div0).forEach(detach);
 			div1_nodes.forEach(detach);
-			div2_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
-			attr(select, "class", "select-select svelte-1c94amx");
+			attr(select, "class", "select-select svelte-wy1i8s");
 			attr(select, "style", /*_style*/ ctx[0]);
-			attr(div0, "class", "select-icon svelte-1c94amx");
-			attr(div1, "class", "select");
+			attr(div0, "class", "select-icon svelte-wy1i8s");
+			attr(div1, "class", "select svelte-wy1i8s");
 			attr(div1, "style", /*styleVariables*/ ctx[1]);
-			attr(div2, "class", "select-wrapper svelte-1c94amx");
 		},
 		m(target, anchor) {
-			insert_hydration(target, div2, anchor);
-			append_hydration(div2, div1);
+			insert_hydration(target, div1, anchor);
 			append_hydration(div1, select);
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
@@ -6430,7 +6430,7 @@ function create_fragment$7(ctx) {
 		i: noop,
 		o: noop,
 		d(detaching) {
-			if (detaching) detach(div2);
+			if (detaching) detach(div1);
 			destroy_each(each_blocks, detaching);
 			mounted = false;
 			dispose();
@@ -6444,7 +6444,7 @@ function instance$7($$self, $$props, $$invalidate) {
 	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 { _style = 'color: #333; cursor: pointer; background-color: #fff; border: solid 2px #ccc; border-radius: 6px; font-size: 12px; padding: 0 0 0 10px;' } = $$props;
 
 	let { selectStyle = {
 		colorArrow: '#333',
@@ -6523,17 +6523,17 @@ class FormSelect extends SvelteComponent {
 /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
 
 function add_css$6(target) {
-	append_styles(target, "svelte-15x08a", ".check-boxes.svelte-15x08a.svelte-15x08a{display:flex;justify-content:space-evenly;flex-direction:column;width:100%;height:100%}.check-box.svelte-15x08a.svelte-15x08a{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-15x08a.svelte-15x08a{width:0;height:0;margin:0}.check-box-check.svelte-15x08a.svelte-15x08a{display:inline-flex;background-color:var(--color-active);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center}.check-box-icon.svelte-15x08a.svelte-15x08a{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-15x08a.svelte-15x08a:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:#fff}.check-box-check.svelte-15x08a.svelte-15x08a:not(._checked){background-color:var(--color-inactive)}.check-box-check.svelte-15x08a:not(._checked) .check-box-icon.svelte-15x08a{display:none}.check-box-text.svelte-15x08a.svelte-15x08a{margin-left:0.5em}");
+	append_styles(target, "svelte-8y6qqs", ".check-boxes.svelte-8y6qqs.svelte-8y6qqs{display:flex;justify-content:space-evenly;flex-direction:column;width:100%;height:100%}.check-box.svelte-8y6qqs.svelte-8y6qqs{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-8y6qqs.svelte-8y6qqs{width:0;height:0;margin:0}.check-box-check.svelte-8y6qqs.svelte-8y6qqs{display:inline-flex;background-color:var(--color-active);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-8y6qqs.svelte-8y6qqs{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-8y6qqs.svelte-8y6qqs:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:#fff}.check-box-check.svelte-8y6qqs.svelte-8y6qqs:not(._checked){background-color:var(--color-inactive)}.check-box-check.svelte-8y6qqs:not(._checked) .check-box-icon.svelte-8y6qqs{display:none}.check-box-text.svelte-8y6qqs.svelte-8y6qqs{margin-left:0.5em}");
 }
 
 function get_each_context$2(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[12] = list[i];
-	child_ctx[14] = i;
+	child_ctx[13] = list[i];
+	child_ctx[15] = i;
 	return child_ctx;
 }
 
-// (64:2) {#each _options as option, i}
+// (68:2) {#each _options as option, i}
 function create_each_block$2(ctx) {
 	let label;
 	let input;
@@ -6544,7 +6544,7 @@ function create_each_block$2(ctx) {
 	let span1_class_value;
 	let t1;
 	let span2;
-	let t2_value = /*option*/ ctx[12] + "";
+	let t2_value = /*option*/ ctx[13] + "";
 	let t2;
 	let t3;
 	let mounted;
@@ -6584,20 +6584,20 @@ function create_each_block$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(input, "class", "check-box-input svelte-15x08a");
+			attr(input, "class", "check-box-input svelte-8y6qqs");
 			attr(input, "type", "checkbox");
 			attr(input, "name", /*name*/ ctx[0]);
-			input.checked = input_checked_value = /*isCheckedArray*/ ctx[3][/*i*/ ctx[14]];
-			attr(span0, "class", "check-box-icon svelte-15x08a");
+			input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[15]];
+			attr(span0, "class", "check-box-icon svelte-8y6qqs");
 
-			attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[3][/*i*/ ctx[14]]
+			attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[15]]
 			? ' _checked'
-			: ''}`) + " svelte-15x08a"));
+			: ''}`) + " svelte-8y6qqs"));
 
-			attr(span1, "style", /*_buttonStyle*/ ctx[4]);
-			attr(span2, "class", "check-box-text svelte-15x08a");
-			attr(span2, "style", /*textStyle*/ ctx[1]);
-			attr(label, "class", "check-box svelte-15x08a");
+			attr(span1, "style", /*_buttonStyle*/ ctx[5]);
+			attr(span2, "class", "check-box-text svelte-8y6qqs");
+			attr(span2, "style", /*textStyle*/ ctx[2]);
+			attr(label, "class", "check-box svelte-8y6qqs");
 		},
 		m(target, anchor) {
 			insert_hydration(target, label, anchor);
@@ -6611,7 +6611,7 @@ function create_each_block$2(ctx) {
 			append_hydration(label, t3);
 
 			if (!mounted) {
-				dispose = listen(input, "change", /*handleChange*/ ctx[6](/*i*/ ctx[14]));
+				dispose = listen(input, "change", /*handleChange*/ ctx[7](/*i*/ ctx[15]));
 				mounted = true;
 			}
 		},
@@ -6622,24 +6622,24 @@ 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[14]])) {
+			if (dirty & /*isCheckedArray*/ 16 && input_checked_value !== (input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[15]])) {
 				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[14]]
+			if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[15]]
 			? ' _checked'
-			: ''}`) + " svelte-15x08a"))) {
+			: ''}`) + " svelte-8y6qqs"))) {
 				attr(span1, "class", span1_class_value);
 			}
 
-			if (dirty & /*_buttonStyle*/ 16) {
-				attr(span1, "style", /*_buttonStyle*/ ctx[4]);
+			if (dirty & /*_buttonStyle*/ 32) {
+				attr(span1, "style", /*_buttonStyle*/ ctx[5]);
 			}
 
-			if (dirty & /*_options*/ 4 && t2_value !== (t2_value = /*option*/ ctx[12] + "")) set_data(t2, t2_value);
+			if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[13] + "")) set_data(t2, t2_value);
 
-			if (dirty & /*textStyle*/ 2) {
-				attr(span2, "style", /*textStyle*/ ctx[1]);
+			if (dirty & /*textStyle*/ 4) {
+				attr(span2, "style", /*textStyle*/ ctx[2]);
 			}
 		},
 		d(detaching) {
@@ -6652,7 +6652,7 @@ function create_each_block$2(ctx) {
 
 function create_fragment$6(ctx) {
 	let div;
-	let each_value = /*_options*/ ctx[2];
+	let each_value = /*_options*/ ctx[3];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -6670,7 +6670,7 @@ function create_fragment$6(ctx) {
 			this.h();
 		},
 		l(nodes) {
-			div = claim_element(nodes, "DIV", { class: true });
+			div = claim_element(nodes, "DIV", { class: true, style: true });
 			var div_nodes = children(div);
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
@@ -6681,7 +6681,8 @@ function create_fragment$6(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "check-boxes svelte-15x08a");
+			attr(div, "class", "check-boxes svelte-8y6qqs");
+			attr(div, "style", /*layoutStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -6691,8 +6692,8 @@ function create_fragment$6(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*textStyle, _options, isCheckedArray, _buttonStyle, name, handleChange*/ 95) {
-				each_value = /*_options*/ ctx[2];
+			if (dirty & /*textStyle, _options, isCheckedArray, _buttonStyle, name, handleChange*/ 189) {
+				each_value = /*_options*/ ctx[3];
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -6713,6 +6714,10 @@ function create_fragment$6(ctx) {
 
 				each_blocks.length = each_value.length;
 			}
+
+			if (dirty & /*layoutStyle*/ 2) {
+				attr(div, "style", /*layoutStyle*/ ctx[1]);
+			}
 		},
 		i: noop,
 		o: noop,
@@ -6731,6 +6736,7 @@ function instance$6($$self, $$props, $$invalidate) {
 	let { name = '' } = $$props;
 	let { options = 'チェックボックス1,チェックボックス2,チェックボックス3' } = $$props;
 	let { required = false } = $$props;
+	let { layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
 	let { textStyle = 'color: #333; font-size: 12px;' } = $$props;
 
 	let { buttonStyle = {
@@ -6751,12 +6757,12 @@ function instance$6($$self, $$props, $$invalidate) {
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(10, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(11, $value = value));
 
 	const handleChange = index => event => {
 		if (isCheckedArray[index] !== event.target.checked) {
-			$$invalidate(3, isCheckedArray[index] = event.target.checked, isCheckedArray);
-			$$invalidate(3, isCheckedArray = [...isCheckedArray]);
+			$$invalidate(4, isCheckedArray[index] = event.target.checked, isCheckedArray);
+			$$invalidate(4, isCheckedArray = [...isCheckedArray]);
 			const updated = _options.filter((option, i) => isCheckedArray[i]);
 			value.set(updated);
 		}
@@ -6764,23 +6770,24 @@ 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(9, buttonStyle = $$props.buttonStyle);
+		if ('options' in $$props) $$invalidate(8, options = $$props.options);
+		if ('required' in $$props) $$invalidate(9, required = $$props.required);
+		if ('layoutStyle' in $$props) $$invalidate(1, layoutStyle = $$props.layoutStyle);
+		if ('textStyle' in $$props) $$invalidate(2, textStyle = $$props.textStyle);
+		if ('buttonStyle' in $$props) $$invalidate(10, buttonStyle = $$props.buttonStyle);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*options*/ 128) {
-			$$invalidate(2, _options = options.split(','));
+		if ($$self.$$.dirty & /*options*/ 256) {
+			$$invalidate(3, _options = options.split(','));
 		}
 
-		if ($$self.$$.dirty & /*buttonStyle*/ 512) {
-			$$invalidate(4, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
+		if ($$self.$$.dirty & /*buttonStyle*/ 1024) {
+			$$invalidate(5, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
 		}
 
-		if ($$self.$$.dirty & /*$value, _options*/ 1028) {
-			$$invalidate(3, isCheckedArray = (() => {
+		if ($$self.$$.dirty & /*$value, _options*/ 2056) {
+			$$invalidate(4, isCheckedArray = (() => {
 				const checkedSet = new Set($value);
 				return _options.map(option => checkedSet.has(option));
 			})());
@@ -6789,6 +6796,7 @@ function instance$6($$self, $$props, $$invalidate) {
 
 	return [
 		name,
+		layoutStyle,
 		textStyle,
 		_options,
 		isCheckedArray,
@@ -6814,20 +6822,21 @@ class FormCheckBoxes extends SvelteComponent {
 			safe_not_equal,
 			{
 				name: 0,
-				options: 7,
-				required: 8,
-				textStyle: 1,
-				buttonStyle: 9
+				options: 8,
+				required: 9,
+				layoutStyle: 1,
+				textStyle: 2,
+				buttonStyle: 10
 			},
 			add_css$6
 		);
 	}
 }
 
-/* src/components/FormRatingButtons.svelte generated by Svelte v3.53.1 */
+/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
 
 function add_css$5(target) {
-	append_styles(target, "svelte-1ysi4uv", ".rating-buttons.svelte-1ysi4uv.svelte-1ysi4uv{display:flex;justify-content:space-around;align-items:center;width:100%;height:100%}.rating-button.svelte-1ysi4uv.svelte-1ysi4uv{cursor:pointer;display:flex}.rating-button.svelte-1ysi4uv.svelte-1ysi4uv:not(._selected):hover{opacity:0.5}.rating-button.svelte-1ysi4uv svg.svelte-1ysi4uv{fill:var(--color-inactive);width:var(--size);height:var(--size)}.rating-button._selected.svelte-1ysi4uv svg.svelte-1ysi4uv{fill:var(--color-active)}");
+	append_styles(target, "svelte-11mvrhg", ".rating-buttons.svelte-11mvrhg{display:flex;justify-content:space-around;align-items:center;width:100%;height:100%}.rating-button.svelte-11mvrhg{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s}");
 }
 
 function get_each_context$1(ctx, list, i) {
@@ -6836,156 +6845,54 @@ function get_each_context$1(ctx, list, i) {
 	return child_ctx;
 }
 
-// (60:30) 
-function create_if_block_1$1(ctx) {
+// (50:2) {#each [...Array(count).keys()].map(i => i + 1) as i}
+function create_each_block$1(ctx) {
 	let div;
-	let svg;
-	let path;
-	let t;
-	let div_class_value;
+	let t0_value = /*i*/ ctx[11] + "";
+	let t0;
+	let t1;
+	let div_style_value;
 	let mounted;
 	let dispose;
 
 	return {
 		c() {
 			div = element("div");
-			svg = svg_element("svg");
-			path = svg_element("path");
-			t = space();
+			t0 = text(t0_value);
+			t1 = space();
 			this.h();
 		},
 		l(nodes) {
 			div = claim_element(nodes, "DIV", { class: true, style: true });
 			var div_nodes = children(div);
-
-			svg = claim_svg_element(div_nodes, "svg", {
-				width: true,
-				height: true,
-				viewBox: true,
-				fill: true,
-				xmlns: true,
-				class: true
-			});
-
-			var svg_nodes = children(svg);
-			path = claim_svg_element(svg_nodes, "path", { d: true });
-			children(path).forEach(detach);
-			svg_nodes.forEach(detach);
-			t = claim_space(div_nodes);
+			t0 = claim_text(div_nodes, t0_value);
+			t1 = claim_space(div_nodes);
 			div_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
-			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[11] === /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv");
-			attr(div, "style", /*_buttonStyle*/ ctx[1]);
+			attr(div, "class", "rating-button svelte-11mvrhg");
+			attr(div, "style", div_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[11] === /*_value*/ ctx[1]));
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
-			append_hydration(div, svg);
-			append_hydration(svg, path);
-			append_hydration(div, t);
+			append_hydration(div, t0);
+			append_hydration(div, t1);
 
 			if (!mounted) {
-				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[11] === /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv")) {
-				attr(div, "class", div_class_value);
-			}
-
-			if (dirty & /*_buttonStyle*/ 2) {
-				attr(div, "style", /*_buttonStyle*/ ctx[1]);
-			}
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-// (54:4) {#if type === 'star'}
-function create_if_block$1(ctx) {
-	let div;
-	let svg;
-	let path;
-	let t;
-	let div_class_value;
-	let mounted;
-	let dispose;
-
-	return {
-		c() {
-			div = element("div");
-			svg = svg_element("svg");
-			path = svg_element("path");
-			t = space();
-			this.h();
-		},
-		l(nodes) {
-			div = claim_element(nodes, "DIV", { class: true, style: true });
-			var div_nodes = children(div);
-
-			svg = claim_svg_element(div_nodes, "svg", {
-				width: true,
-				height: true,
-				viewBox: true,
-				fill: true,
-				xmlns: true,
-				class: true
-			});
-
-			var svg_nodes = children(svg);
-			path = claim_svg_element(svg_nodes, "path", { d: true });
-			children(path).forEach(detach);
-			svg_nodes.forEach(detach);
-			t = claim_space(div_nodes);
-			div_nodes.forEach(detach);
-			this.h();
-		},
-		h() {
-			attr(path, "d", "M11.2184 0.80902L8.42249 6.78134L2.09938 7.72433C0.981006 7.90395 0.550862 9.3409 1.36814 10.1941L5.88464 14.8193L4.80928 21.3304C4.63723 22.498 5.84163 23.396 6.83096 22.8572L12.4658 19.7588L18.0577 22.8572C19.047 23.396 20.2514 22.498 20.0794 21.3304L19.004 14.8193L23.5205 10.1941C24.3378 9.3409 23.9077 7.90395 22.7893 7.72433L16.5092 6.78134L13.6702 0.80902C13.1971 -0.223786 11.7346 -0.268691 11.2184 0.80902Z");
-			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[11] <= /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv");
-			attr(div, "style", /*_buttonStyle*/ ctx[1]);
-		},
-		m(target, anchor) {
-			insert_hydration(target, div, anchor);
-			append_hydration(div, svg);
-			append_hydration(svg, path);
-			append_hydration(div, t);
+				dispose = listen(div, "click", function () {
+					if (is_function(/*handleClick*/ ctx[3](/*i*/ ctx[11]))) /*handleClick*/ ctx[3](/*i*/ ctx[11]).apply(this, arguments);
+				});
 
-			if (!mounted) {
-				dispose = listen(div, "click", /*handleClick*/ ctx[4](/*i*/ ctx[11]));
 				mounted = true;
 			}
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
+			if (dirty & /*count*/ 1 && t0_value !== (t0_value = /*i*/ ctx[11] + "")) set_data(t0, t0_value);
 
-			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);
-			}
-
-			if (dirty & /*_buttonStyle*/ 2) {
-				attr(div, "style", /*_buttonStyle*/ ctx[1]);
+			if (dirty & /*count, _value*/ 3 && div_style_value !== (div_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[11] === /*_value*/ ctx[1]))) {
+				attr(div, "style", div_style_value);
 			}
 		},
 		d(detaching) {
@@ -6996,57 +6903,9 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (53:2) {#each [...Array(5).keys()].map(i => i + 1) as i}
-function create_each_block$1(ctx) {
-	let if_block_anchor;
-
-	function select_block_type(ctx, dirty) {
-		if (/*type*/ ctx[0] === 'star') return create_if_block$1;
-		if (/*type*/ ctx[0] === 'face') return create_if_block_1$1;
-	}
-
-	let current_block_type = select_block_type(ctx);
-	let if_block = current_block_type && current_block_type(ctx);
-
-	return {
-		c() {
-			if (if_block) if_block.c();
-			if_block_anchor = empty();
-		},
-		l(nodes) {
-			if (if_block) if_block.l(nodes);
-			if_block_anchor = empty();
-		},
-		m(target, anchor) {
-			if (if_block) if_block.m(target, anchor);
-			insert_hydration(target, if_block_anchor, anchor);
-		},
-		p(ctx, dirty) {
-			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
-				if_block.p(ctx, dirty);
-			} else {
-				if (if_block) if_block.d(1);
-				if_block = current_block_type && current_block_type(ctx);
-
-				if (if_block) {
-					if_block.c();
-					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-				}
-			}
-		},
-		d(detaching) {
-			if (if_block) {
-				if_block.d(detaching);
-			}
-
-			if (detaching) detach(if_block_anchor);
-		}
-	};
-}
-
 function create_fragment$5(ctx) {
 	let div;
-	let each_value = [...Array(5).keys()].map(func);
+	let each_value = [...Array(/*count*/ ctx[0]).keys()].map(func);
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -7075,7 +6934,7 @@ function create_fragment$5(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "rating-buttons svelte-1ysi4uv");
+			attr(div, "class", "rating-buttons svelte-11mvrhg");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -7085,8 +6944,8 @@ function create_fragment$5(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*Array, _value, _buttonStyle, handleClick, type, LIKERT_FACE_SVG_DATA*/ 55) {
-				each_value = [...Array(5).keys()].map(func);
+			if (dirty & /*getTextButtonStyle, Array, count, _value, handleClick*/ 27) {
+				each_value = [...Array(/*count*/ ctx[0]).keys()].map(func);
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -7121,18 +6980,12 @@ const func = i => i + 1;
 
 function instance$5($$self, $$props, $$invalidate) {
 	let _value;
-	let _buttonStyle;
 	let $value;
 	let { name = '' } = $$props;
-	let { type = 'star' } = $$props;
 	let { required = false } = $$props;
-
-	let { buttonStyle = {
-		size: '24px',
-		colorActive: '#2aab9f',
-		colorInactive: 'rgba(0, 16, 14, 0.2)'
-	} } = $$props;
-
+	let { count = 5 } = $$props;
+	let { buttonStyle = 'width: 32px; height: 32px; font-size: 12px; font-weight: bold; border-radius: 17px; color: #333; background-color: rgba(0, 16, 14, 0.06); box-shadow: none;' } = $$props;
+	let { buttonActiveStyle = 'color: #333; background-color: #2aab9f; box-shadow: 0px 0px 0px rgba(0, 16, 14, 0.03), 0px 8px 16px rgba(0, 16, 14, 0.3);' } = $$props;
 	const { path: statePath } = getStateItemContext();
 
 	const value = registerInput({
@@ -7151,47 +7004,41 @@ function instance$5($$self, $$props, $$invalidate) {
 		value.set([String(index)]);
 	};
 
-	// 5段階スケールで使用する顔絵文字のsvgデータ
-	const LIKERT_FACE_SVG_DATA = {
-		1: 'M12 0.375C5.57812 0.375 0.375 5.57812 0.375 12C0.375 18.4219 5.57812 23.625 12 23.625C18.4219 23.625 23.625 18.4219 23.625 12C23.625 5.57812 18.4219 0.375 12 0.375ZM12 21.375C6.79688 21.375 2.625 17.2031 2.625 12C2.625 6.84375 6.79688 2.625 12 2.625C17.1562 2.625 21.375 6.84375 21.375 12C21.375 17.2031 17.1562 21.375 12 21.375ZM18.0469 7.17188C17.8594 6.9375 17.5312 6.89062 17.2969 7.03125L13.5469 9.28125C13.4062 9.375 13.3125 9.5625 13.3125 9.75C13.3125 9.98438 13.4062 10.1719 13.5469 10.2656L17.2969 12.5156C17.5781 12.6562 17.8594 12.5625 18.0469 12.375C18.1875 12.1875 18.2344 11.8594 18.0469 11.6719L16.4531 9.75L18.0469 7.875C18.2344 7.6875 18.1875 7.35938 18.0469 7.17188ZM10.6875 9.75C10.6875 9.5625 10.5469 9.375 10.4062 9.28125L6.65625 7.03125C6.42188 6.89062 6.09375 6.9375 5.90625 7.17188C5.76562 7.35938 5.76562 7.6875 5.90625 7.875L7.5 9.75L5.90625 11.6719C5.76562 11.8594 5.76562 12.1875 5.90625 12.375C6.09375 12.5625 6.375 12.6562 6.65625 12.5156L10.4062 10.2656C10.5469 10.1719 10.6875 9.98438 10.6875 9.75ZM12 12.75C9.84375 12.75 7.26562 14.5781 6.9375 17.1562C6.84375 17.7188 7.26562 18.1406 7.64062 18C8.71875 17.5312 10.3125 17.25 12 17.25C13.6875 17.25 15.2344 17.5312 16.3125 18C16.6875 18.1406 17.1094 17.7188 17.0156 17.1562C16.6875 14.5781 14.1094 12.75 12 12.75Z',
-		2: 'M12 0.375C5.57812 0.375 0.375 5.57812 0.375 12C0.375 18.4219 5.57812 23.625 12 23.625C18.4219 23.625 23.625 18.4219 23.625 12C23.625 5.57812 18.4219 0.375 12 0.375ZM12 21.375C6.79688 21.375 2.625 17.2031 2.625 12C2.625 6.84375 6.79688 2.625 12 2.625C17.1562 2.625 21.375 6.84375 21.375 12C21.375 17.2031 17.1562 21.375 12 21.375ZM8.25 11.25C9.04688 11.25 9.75 10.5938 9.75 9.75C9.75 8.95312 9.04688 8.25 8.25 8.25C7.40625 8.25 6.75 8.95312 6.75 9.75C6.75 10.5938 7.40625 11.25 8.25 11.25ZM15.75 8.25C14.9062 8.25 14.25 8.95312 14.25 9.75C14.25 10.5938 14.9062 11.25 15.75 11.25C16.5469 11.25 17.25 10.5938 17.25 9.75C17.25 8.95312 16.5469 8.25 15.75 8.25ZM12 14.25C10.0781 14.25 8.34375 15.0938 7.125 16.5469C6.70312 17.0156 6.79688 17.7188 7.26562 18.1406C7.73438 18.5156 8.4375 18.4688 8.85938 18C9.60938 17.0625 10.7812 16.5 12 16.5C13.1719 16.5 14.3438 17.0625 15.0938 18C15.5156 18.4219 16.2188 18.5625 16.6875 18.1406C17.1562 17.7188 17.25 17.0156 16.8281 16.5469C15.6562 15.0938 13.875 14.25 12 14.25Z',
-		3: 'M12 0.375C5.57812 0.375 0.375 5.57812 0.375 12C0.375 18.4219 5.57812 23.625 12 23.625C18.4219 23.625 23.625 18.4219 23.625 12C23.625 5.57812 18.4219 0.375 12 0.375ZM12 21.375C6.79688 21.375 2.625 17.2031 2.625 12C2.625 6.84375 6.79688 2.625 12 2.625C17.1562 2.625 21.375 6.84375 21.375 12C21.375 17.2031 17.1562 21.375 12 21.375ZM8.25 11.25C9.04688 11.25 9.75 10.5938 9.75 9.75C9.75 8.95312 9.04688 8.25 8.25 8.25C7.40625 8.25 6.75 8.95312 6.75 9.75C6.75 10.5938 7.40625 11.25 8.25 11.25ZM15.75 8.25C14.9062 8.25 14.25 8.95312 14.25 9.75C14.25 10.5938 14.9062 11.25 15.75 11.25C16.5469 11.25 17.25 10.5938 17.25 9.75C17.25 8.95312 16.5469 8.25 15.75 8.25ZM16.125 15H7.875C7.21875 15 6.75 15.5156 6.75 16.125C6.75 16.7812 7.21875 17.25 7.875 17.25H16.125C16.7344 17.25 17.25 16.7812 17.25 16.125C17.25 15.5156 16.7344 15 16.125 15Z',
-		4: 'M15.75 8.4375C14.5312 8.4375 13.125 9.23438 12.9375 10.4531C12.8438 10.9688 13.4531 11.2969 13.8281 10.9219L14.2969 10.5469C15 9.9375 16.4531 9.9375 17.1562 10.5469L17.625 10.9219C18 11.2969 18.6094 10.9688 18.5156 10.4531C18.3281 9.23438 16.9219 8.4375 15.75 8.4375ZM8.25 11.25C9.04688 11.25 9.75 10.5938 9.75 9.75C9.75 8.95312 9.04688 8.25 8.25 8.25C7.40625 8.25 6.75 8.95312 6.75 9.75C6.75 10.5938 7.40625 11.25 8.25 11.25ZM16.9219 14.2969C15.7031 14.6719 13.9219 14.9062 12 14.9062C10.0312 14.9062 8.25 14.6719 7.03125 14.2969C6.5625 14.1562 6.14062 14.5781 6.1875 15C6.5625 17.25 9.5625 18.75 12 18.75C14.3906 18.75 17.3906 17.25 17.7656 15C17.8125 14.5781 17.3906 14.1562 16.9219 14.2969ZM12 0.375C5.57812 0.375 0.375 5.625 0.375 12C0.375 18.4219 5.57812 23.625 12 23.625C18.375 23.625 23.625 18.4219 23.625 12C23.625 5.625 18.375 0.375 12 0.375ZM12 21.375C6.79688 21.375 2.625 17.2031 2.625 12C2.625 6.84375 6.79688 2.625 12 2.625C17.1562 2.625 21.375 6.84375 21.375 12C21.375 17.2031 17.1562 21.375 12 21.375Z',
-		5: 'M12 0.375C5.57812 0.375 0.375 5.57812 0.375 12C0.375 18.4219 5.57812 23.625 12 23.625C18.4219 23.625 23.625 18.4219 23.625 12C23.625 5.57812 18.4219 0.375 12 0.375ZM12 21.375C6.79688 21.375 2.625 17.2031 2.625 12C2.625 6.84375 6.79688 2.625 12 2.625C17.1562 2.625 21.375 6.84375 21.375 12C21.375 17.2031 17.1562 21.375 12 21.375ZM16.9219 14.2969C15.7031 14.6719 13.9219 14.9062 12 14.9062C10.0312 14.9062 8.25 14.6719 7.03125 14.2969C6.5625 14.1562 6.14062 14.5312 6.1875 15C6.5625 17.2031 9.5625 18.75 12 18.75C14.4375 18.75 17.3906 17.2031 17.7656 15C17.8125 14.5781 17.3906 14.1562 16.9219 14.2969ZM5.90625 12.375C6.09375 12.5625 6.375 12.6562 6.65625 12.5156L10.4062 10.2656C10.5469 10.1719 10.6875 9.98438 10.6875 9.75C10.6875 9.5625 10.5469 9.375 10.4062 9.28125L6.65625 7.03125C6.42188 6.89062 6.09375 6.9375 5.90625 7.17188C5.76562 7.35938 5.76562 7.6875 5.90625 7.875L7.5 9.75L5.90625 11.6719C5.76562 11.8594 5.76562 12.1875 5.90625 12.375ZM17.2969 12.5156C17.5781 12.6562 17.8594 12.5625 18.0469 12.375C18.1875 12.1875 18.1875 11.8594 18.0469 11.6719L16.4531 9.75L18.0469 7.875C18.2344 7.6875 18.1875 7.35938 18.0469 7.17188C17.8594 6.9375 17.5312 6.89062 17.2969 7.03125L13.5469 9.28125C13.4062 9.375 13.3125 9.5625 13.3125 9.75C13.3125 9.98438 13.4062 10.1719 13.5469 10.2656L17.2969 12.5156Z'
-	};
+	function getTextButtonStyle(isActive) {
+		return isActive
+		? [...buttonStyle.split(';'), ...buttonActiveStyle.split(';')].join(';')
+		: buttonStyle;
+	}
 
 	$$self.$$set = $$props => {
-		if ('name' in $$props) $$invalidate(6, name = $$props.name);
-		if ('type' in $$props) $$invalidate(0, type = $$props.type);
-		if ('required' in $$props) $$invalidate(7, required = $$props.required);
-		if ('buttonStyle' in $$props) $$invalidate(8, buttonStyle = $$props.buttonStyle);
+		if ('name' in $$props) $$invalidate(5, name = $$props.name);
+		if ('required' in $$props) $$invalidate(6, required = $$props.required);
+		if ('count' in $$props) $$invalidate(0, count = $$props.count);
+		if ('buttonStyle' in $$props) $$invalidate(7, buttonStyle = $$props.buttonStyle);
+		if ('buttonActiveStyle' in $$props) $$invalidate(8, buttonActiveStyle = $$props.buttonActiveStyle);
 	};
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*$value*/ 512) {
-			$$invalidate(2, _value = Number($value[0] ?? -1));
-		}
-
-		if ($$self.$$.dirty & /*buttonStyle*/ 256) {
-			$$invalidate(1, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
+			$$invalidate(1, _value = Number($value[0] ?? -1));
 		}
 	};
 
 	return [
-		type,
-		_buttonStyle,
+		count,
 		_value,
 		value,
 		handleClick,
-		LIKERT_FACE_SVG_DATA,
+		getTextButtonStyle,
 		name,
 		required,
 		buttonStyle,
+		buttonActiveStyle,
 		$value
 	];
 }
 
-class FormRatingButtons extends SvelteComponent {
+class FormRatingButtonsNumber extends SvelteComponent {
 	constructor(options) {
 		super();
 
@@ -7202,10 +7049,11 @@ class FormRatingButtons extends SvelteComponent {
 			create_fragment$5,
 			safe_not_equal,
 			{
-				name: 6,
-				type: 0,
-				required: 7,
-				buttonStyle: 8
+				name: 5,
+				required: 6,
+				count: 0,
+				buttonStyle: 7,
+				buttonActiveStyle: 8
 			},
 			add_css$5
 		);
@@ -8630,4 +8478,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultEdgePosition, DefaultFormButtonStyle, DefaultFormRatingButtonType, DefaultFormSelectStyle, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormCheckBoxes, FormRadioButtons, FormRatingButtonTypes, FormRatingButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyAction, destroyed, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getActionShadowRoot, getCustomHandlers, getCustomVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getStoreState, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, updateEventHandlers, updateVariables, variables, widget };
+export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultEdgePosition, DefaultFormButtonStyle, DefaultFormSelectStyle, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, FormCheckBoxes, FormRadioButtons, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyAction, destroyed, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getActionShadowRoot, getCustomHandlers, getCustomVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getStoreState, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, updateEventHandlers, updateVariables, variables, widget };