@plaidev/karte-action-sdk 1.1.120-27932497.7c9501cf → 1.1.120-27933281.c7c47ad7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { writable, get } from 'svelte/store';
2
2
  import { linear, elasticOut, cubicOut } from 'svelte/easing';
3
- import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, noop, listen, is_function, append, add_render_callback, create_in_transition, svg_element, binding_callbacks, destroy_each, text, set_data, null_to_empty, src_url_equal, set_style } from 'svelte/internal';
3
+ import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, noop, listen, is_function, append, add_render_callback, create_in_transition, svg_element, binding_callbacks, destroy_each, text, set_data, null_to_empty, src_url_equal } from 'svelte/internal';
4
4
  import { setContext, getContext, createEventDispatcher, onMount, onDestroy as onDestroy$1 } from 'svelte';
5
5
 
6
6
  /** @internal */
@@ -1320,6 +1320,21 @@ const DefaultSlideNavigationButton = {
1320
1320
  color: '#ddd',
1321
1321
  colorActive: '#666',
1322
1322
  };
1323
+ /** @internal */
1324
+ const DefaultFormButtonStyle = {
1325
+ size: '16px',
1326
+ colorActive: '#2aab9f',
1327
+ colorInactive: 'rgba(0, 16, 14, 0.06)',
1328
+ };
1329
+ /** @internal */
1330
+ const DefaultFormSelectStyle = {
1331
+ colorArrow: '#333',
1332
+ colorFocused: '#2aab9f',
1333
+ };
1334
+ /** @internal */
1335
+ const FormRatingButtonTypes = ['star', 'face'];
1336
+ /** @internal */
1337
+ const DefaultFormRatingButtonType = 'star';
1323
1338
 
1324
1339
  /**
1325
1340
  * アクションが作成 (create) される前にフックする関数
@@ -2263,7 +2278,7 @@ function add_css$n(target) {
2263
2278
  }
2264
2279
 
2265
2280
  // (23:0) {#if $state === path}
2266
- function create_if_block$8(ctx) {
2281
+ function create_if_block$7(ctx) {
2267
2282
  let div;
2268
2283
  let t;
2269
2284
  let current;
@@ -2328,7 +2343,7 @@ function create_if_block$8(ctx) {
2328
2343
  function create_fragment$q(ctx) {
2329
2344
  let if_block_anchor;
2330
2345
  let current;
2331
- let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$8(ctx);
2346
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$7(ctx);
2332
2347
 
2333
2348
  return {
2334
2349
  c() {
@@ -2349,7 +2364,7 @@ function create_fragment$q(ctx) {
2349
2364
  transition_in(if_block, 1);
2350
2365
  }
2351
2366
  } else {
2352
- if_block = create_if_block$8(ctx);
2367
+ if_block = create_if_block$7(ctx);
2353
2368
  if_block.c();
2354
2369
  transition_in(if_block, 1);
2355
2370
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2423,7 +2438,7 @@ function add_css$m(target) {
2423
2438
  }
2424
2439
 
2425
2440
  // (9:0) {#if backgroundOverray}
2426
- function create_if_block$7(ctx) {
2441
+ function create_if_block$6(ctx) {
2427
2442
  let div;
2428
2443
  let mounted;
2429
2444
  let dispose;
@@ -2452,7 +2467,7 @@ function create_if_block$7(ctx) {
2452
2467
 
2453
2468
  function create_fragment$p(ctx) {
2454
2469
  let if_block_anchor;
2455
- let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$7(ctx);
2470
+ let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$6(ctx);
2456
2471
 
2457
2472
  return {
2458
2473
  c() {
@@ -2468,7 +2483,7 @@ function create_fragment$p(ctx) {
2468
2483
  if (if_block) {
2469
2484
  if_block.p(ctx, dirty);
2470
2485
  } else {
2471
- if_block = create_if_block$7(ctx);
2486
+ if_block = create_if_block$6(ctx);
2472
2487
  if_block.c();
2473
2488
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
2474
2489
  }
@@ -2512,7 +2527,7 @@ function add_css$l(target) {
2512
2527
  }
2513
2528
 
2514
2529
  // (142:0) {#if visible}
2515
- function create_if_block$6(ctx) {
2530
+ function create_if_block$5(ctx) {
2516
2531
  let div1;
2517
2532
  let t;
2518
2533
  let div0;
@@ -2706,7 +2721,7 @@ function create_fragment$o(ctx) {
2706
2721
  if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
2707
2722
  });
2708
2723
 
2709
- let if_block = /*visible*/ ctx[6] && create_if_block$6(ctx);
2724
+ let if_block = /*visible*/ ctx[6] && create_if_block$5(ctx);
2710
2725
 
2711
2726
  return {
2712
2727
  c() {
@@ -2744,7 +2759,7 @@ function create_fragment$o(ctx) {
2744
2759
  transition_in(if_block, 1);
2745
2760
  }
2746
2761
  } else {
2747
- if_block = create_if_block$6(ctx);
2762
+ if_block = create_if_block$5(ctx);
2748
2763
  if_block.c();
2749
2764
  transition_in(if_block, 1);
2750
2765
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3807,7 +3822,7 @@ function create_else_block$1(ctx) {
3807
3822
  }
3808
3823
 
3809
3824
  // (10:2) {#if item.match(regexp)}
3810
- function create_if_block$5(ctx) {
3825
+ function create_if_block$4(ctx) {
3811
3826
  let br;
3812
3827
 
3813
3828
  return {
@@ -3832,7 +3847,7 @@ function create_each_block$5(ctx) {
3832
3847
  function select_block_type(ctx, dirty) {
3833
3848
  if (dirty & /*items*/ 1) show_if = null;
3834
3849
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
3835
- if (show_if) return create_if_block$5;
3850
+ if (show_if) return create_if_block$4;
3836
3851
  return create_else_block$1;
3837
3852
  }
3838
3853
 
@@ -3958,7 +3973,7 @@ function add_css$h(target) {
3958
3973
  }
3959
3974
 
3960
3975
  // (56:2) {#if enableCopy}
3961
- function create_if_block$4(ctx) {
3976
+ function create_if_block$3(ctx) {
3962
3977
  let div0;
3963
3978
  let t1;
3964
3979
  let div1;
@@ -4002,7 +4017,7 @@ function create_fragment$h(ctx) {
4002
4017
  let mounted;
4003
4018
  let dispose;
4004
4019
  rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
4005
- let if_block = /*enableCopy*/ ctx[1] && create_if_block$4(ctx);
4020
+ let if_block = /*enableCopy*/ ctx[1] && create_if_block$3(ctx);
4006
4021
 
4007
4022
  return {
4008
4023
  c() {
@@ -4048,7 +4063,7 @@ function create_fragment$h(ctx) {
4048
4063
  if (if_block) {
4049
4064
  if_block.p(ctx, dirty);
4050
4065
  } else {
4051
- if_block = create_if_block$4(ctx);
4066
+ if_block = create_if_block$3(ctx);
4052
4067
  if_block.c();
4053
4068
  if_block.m(div2, null);
4054
4069
  }
@@ -5381,17 +5396,17 @@ class FormTextarea extends SvelteComponent {
5381
5396
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
5382
5397
 
5383
5398
  function add_css$8(target) {
5384
- append_styles(target, "svelte-1574x6a", ".radio-buttons.svelte-1574x6a{display:flex;justify-content:space-evenly;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1574x6a{font-size:12px;cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1574x6a{appearance:none;margin:0;width:1.3em;height:1.3em;box-sizing:border-box;border-radius:0.7em;position:relative;background-color:rgba(0, 16, 14, 0.06);;;cursor:pointer}.radio-button-input.svelte-1574x6a:checked{border:solid 0.4em #2aab9f;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-1574x6a{margin-left:0.4em}");
5399
+ 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}");
5385
5400
  }
5386
5401
 
5387
5402
  function get_each_context$4(ctx, list, i) {
5388
5403
  const child_ctx = ctx.slice();
5389
- child_ctx[8] = list[i];
5390
- child_ctx[10] = i;
5404
+ child_ctx[11] = list[i];
5405
+ child_ctx[13] = i;
5391
5406
  return child_ctx;
5392
5407
  }
5393
5408
 
5394
- // (24:2) {#each _options as option, i}
5409
+ // (49:2) {#each _options as option, i}
5395
5410
  function create_each_block$4(ctx) {
5396
5411
  let label;
5397
5412
  let input;
@@ -5399,7 +5414,7 @@ function create_each_block$4(ctx) {
5399
5414
  let input_checked_value;
5400
5415
  let t0;
5401
5416
  let span;
5402
- let t1_value = /*option*/ ctx[8] + "";
5417
+ let t1_value = /*option*/ ctx[11] + "";
5403
5418
  let t1;
5404
5419
  let t2;
5405
5420
  let mounted;
@@ -5414,12 +5429,14 @@ function create_each_block$4(ctx) {
5414
5429
  t1 = text(t1_value);
5415
5430
  t2 = space();
5416
5431
  attr(input, "type", "radio");
5417
- attr(input, "class", "radio-button-input svelte-1574x6a");
5432
+ attr(input, "class", "radio-button-input svelte-1k9zlui");
5433
+ attr(input, "style", /*_buttonStyle*/ ctx[4]);
5418
5434
  attr(input, "name", /*name*/ ctx[0]);
5419
- input.value = input_value_value = /*option*/ ctx[8];
5420
- input.checked = input_checked_value = /*option*/ ctx[8] === /*_value*/ ctx[1];
5421
- attr(span, "class", "radio-button-text svelte-1574x6a");
5422
- attr(label, "class", "radio-button svelte-1574x6a");
5435
+ input.value = input_value_value = /*option*/ ctx[11];
5436
+ input.checked = input_checked_value = /*option*/ ctx[11] === /*_value*/ ctx[2];
5437
+ attr(span, "class", "radio-button-text svelte-1k9zlui");
5438
+ attr(span, "style", /*textStyle*/ ctx[1]);
5439
+ attr(label, "class", "radio-button svelte-1k9zlui");
5423
5440
  },
5424
5441
  m(target, anchor) {
5425
5442
  insert(target, label, anchor);
@@ -5430,26 +5447,34 @@ function create_each_block$4(ctx) {
5430
5447
  append(label, t2);
5431
5448
 
5432
5449
  if (!mounted) {
5433
- dispose = listen(input, "change", /*handleChange*/ ctx[4](/*i*/ ctx[10]));
5450
+ dispose = listen(input, "change", /*handleChange*/ ctx[6](/*i*/ ctx[13]));
5434
5451
  mounted = true;
5435
5452
  }
5436
5453
  },
5437
5454
  p(new_ctx, dirty) {
5438
5455
  ctx = new_ctx;
5439
5456
 
5457
+ if (dirty & /*_buttonStyle*/ 16) {
5458
+ attr(input, "style", /*_buttonStyle*/ ctx[4]);
5459
+ }
5460
+
5440
5461
  if (dirty & /*name*/ 1) {
5441
5462
  attr(input, "name", /*name*/ ctx[0]);
5442
5463
  }
5443
5464
 
5444
- if (dirty & /*_options*/ 4 && input_value_value !== (input_value_value = /*option*/ ctx[8])) {
5465
+ if (dirty & /*_options*/ 8 && input_value_value !== (input_value_value = /*option*/ ctx[11])) {
5445
5466
  input.value = input_value_value;
5446
5467
  }
5447
5468
 
5448
- if (dirty & /*_options, _value*/ 6 && input_checked_value !== (input_checked_value = /*option*/ ctx[8] === /*_value*/ ctx[1])) {
5469
+ if (dirty & /*_options, _value*/ 12 && input_checked_value !== (input_checked_value = /*option*/ ctx[11] === /*_value*/ ctx[2])) {
5449
5470
  input.checked = input_checked_value;
5450
5471
  }
5451
5472
 
5452
- if (dirty & /*_options*/ 4 && t1_value !== (t1_value = /*option*/ ctx[8] + "")) set_data(t1, t1_value);
5473
+ if (dirty & /*_options*/ 8 && t1_value !== (t1_value = /*option*/ ctx[11] + "")) set_data(t1, t1_value);
5474
+
5475
+ if (dirty & /*textStyle*/ 2) {
5476
+ attr(span, "style", /*textStyle*/ ctx[1]);
5477
+ }
5453
5478
  },
5454
5479
  d(detaching) {
5455
5480
  if (detaching) detach(label);
@@ -5461,7 +5486,7 @@ function create_each_block$4(ctx) {
5461
5486
 
5462
5487
  function create_fragment$8(ctx) {
5463
5488
  let div;
5464
- let each_value = /*_options*/ ctx[2];
5489
+ let each_value = /*_options*/ ctx[3];
5465
5490
  let each_blocks = [];
5466
5491
 
5467
5492
  for (let i = 0; i < each_value.length; i += 1) {
@@ -5476,7 +5501,7 @@ function create_fragment$8(ctx) {
5476
5501
  each_blocks[i].c();
5477
5502
  }
5478
5503
 
5479
- attr(div, "class", "radio-buttons svelte-1574x6a");
5504
+ attr(div, "class", "radio-buttons svelte-1k9zlui");
5480
5505
  },
5481
5506
  m(target, anchor) {
5482
5507
  insert(target, div, anchor);
@@ -5486,8 +5511,8 @@ function create_fragment$8(ctx) {
5486
5511
  }
5487
5512
  },
5488
5513
  p(ctx, [dirty]) {
5489
- if (dirty & /*_options, name, _value, handleChange*/ 23) {
5490
- each_value = /*_options*/ ctx[2];
5514
+ if (dirty & /*textStyle, _options, _buttonStyle, name, _value, handleChange*/ 95) {
5515
+ each_value = /*_options*/ ctx[3];
5491
5516
  let i;
5492
5517
 
5493
5518
  for (i = 0; i < each_value.length; i += 1) {
@@ -5520,10 +5545,19 @@ function create_fragment$8(ctx) {
5520
5545
 
5521
5546
  function instance$8($$self, $$props, $$invalidate) {
5522
5547
  let _options;
5548
+ let _buttonStyle;
5523
5549
  let _value;
5524
5550
  let $value;
5525
5551
  let { name = '' } = $$props;
5526
5552
  let { options = 'ラジオボタン1,ラジオボタン2,ラジオボタン3' } = $$props;
5553
+ let { textStyle = 'color: #333; font-size: 12px;' } = $$props;
5554
+
5555
+ let { buttonStyle = {
5556
+ size: '16px',
5557
+ colorActive: '#2aab9f',
5558
+ colorInactive: 'rgba(0, 16, 14, 0.06)'
5559
+ } } = $$props;
5560
+
5527
5561
  const { path: statePath } = getStateItemContext();
5528
5562
 
5529
5563
  const value = registerInput({
@@ -5535,7 +5569,7 @@ function instance$8($$self, $$props, $$invalidate) {
5535
5569
  }
5536
5570
  });
5537
5571
 
5538
- component_subscribe($$self, value, value => $$invalidate(6, $value = value));
5572
+ component_subscribe($$self, value, value => $$invalidate(9, $value = value));
5539
5573
 
5540
5574
  const handleChange = index => event => {
5541
5575
  if (event.target.checked) {
@@ -5545,43 +5579,74 @@ function instance$8($$self, $$props, $$invalidate) {
5545
5579
 
5546
5580
  $$self.$$set = $$props => {
5547
5581
  if ('name' in $$props) $$invalidate(0, name = $$props.name);
5548
- if ('options' in $$props) $$invalidate(5, options = $$props.options);
5582
+ if ('options' in $$props) $$invalidate(7, options = $$props.options);
5583
+ if ('textStyle' in $$props) $$invalidate(1, textStyle = $$props.textStyle);
5584
+ if ('buttonStyle' in $$props) $$invalidate(8, buttonStyle = $$props.buttonStyle);
5549
5585
  };
5550
5586
 
5551
5587
  $$self.$$.update = () => {
5552
- if ($$self.$$.dirty & /*options*/ 32) {
5553
- $$invalidate(2, _options = options.split(','));
5588
+ if ($$self.$$.dirty & /*options*/ 128) {
5589
+ $$invalidate(3, _options = options.split(','));
5554
5590
  }
5555
5591
 
5556
- if ($$self.$$.dirty & /*$value*/ 64) {
5557
- $$invalidate(1, _value = $value[0]);
5592
+ if ($$self.$$.dirty & /*buttonStyle*/ 256) {
5593
+ $$invalidate(4, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
5594
+ }
5595
+
5596
+ if ($$self.$$.dirty & /*$value*/ 512) {
5597
+ $$invalidate(2, _value = $value[0]);
5558
5598
  }
5559
5599
  };
5560
5600
 
5561
- return [name, _value, _options, value, handleChange, options, $value];
5601
+ return [
5602
+ name,
5603
+ textStyle,
5604
+ _value,
5605
+ _options,
5606
+ _buttonStyle,
5607
+ value,
5608
+ handleChange,
5609
+ options,
5610
+ buttonStyle,
5611
+ $value
5612
+ ];
5562
5613
  }
5563
5614
 
5564
5615
  class FormRadioButtons extends SvelteComponent {
5565
5616
  constructor(options) {
5566
5617
  super();
5567
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { name: 0, options: 5 }, add_css$8);
5618
+
5619
+ init(
5620
+ this,
5621
+ options,
5622
+ instance$8,
5623
+ create_fragment$8,
5624
+ safe_not_equal,
5625
+ {
5626
+ name: 0,
5627
+ options: 7,
5628
+ textStyle: 1,
5629
+ buttonStyle: 8
5630
+ },
5631
+ add_css$8
5632
+ );
5568
5633
  }
5569
5634
  }
5570
5635
 
5571
5636
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
5572
5637
 
5573
5638
  function add_css$7(target) {
5574
- append_styles(target, "svelte-1esvjlb", ".select-wrapper.svelte-1esvjlb{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%;position:relative\n}.select-select.svelte-1esvjlb{position:relative;font-size:12px;appearance:none;border:solid 2px #ccc;border-radius:6px;padding:0.8em 1.6em 0.8em 0.8em;width:100%}.select-select.svelte-1esvjlb:focus{outline:none;border-color:#2aab9f}.select-icon.svelte-1esvjlb{position:absolute;width:0.5em;height:0.5em;top:calc(50% - 0.2em);right:0.8em;box-sizing:border-box;border-right:solid 2px #666;border-top:solid 2px #666;transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
5639
+ 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}");
5575
5640
  }
5576
5641
 
5577
5642
  function get_each_context$3(ctx, list, i) {
5578
5643
  const child_ctx = ctx.slice();
5579
- child_ctx[6] = list[i];
5580
- child_ctx[8] = i;
5644
+ child_ctx[9] = list[i];
5645
+ child_ctx[11] = i;
5581
5646
  return child_ctx;
5582
5647
  }
5583
5648
 
5584
- // (29:10) {:else}
5649
+ // (47:10) {:else}
5585
5650
  function create_else_block(ctx) {
5586
5651
  let t;
5587
5652
 
@@ -5599,9 +5664,9 @@ function create_else_block(ctx) {
5599
5664
  };
5600
5665
  }
5601
5666
 
5602
- // (27:10) {#if option}
5603
- function create_if_block$3(ctx) {
5604
- let t_value = /*option*/ ctx[6] + "";
5667
+ // (45:10) {#if option}
5668
+ function create_if_block$2(ctx) {
5669
+ let t_value = /*option*/ ctx[9] + "";
5605
5670
  let t;
5606
5671
 
5607
5672
  return {
@@ -5612,7 +5677,7 @@ function create_if_block$3(ctx) {
5612
5677
  insert(target, t, anchor);
5613
5678
  },
5614
5679
  p(ctx, dirty) {
5615
- if (dirty & /*_options*/ 1 && t_value !== (t_value = /*option*/ ctx[6] + "")) set_data(t, t_value);
5680
+ if (dirty & /*_options*/ 4 && t_value !== (t_value = /*option*/ ctx[9] + "")) set_data(t, t_value);
5616
5681
  },
5617
5682
  d(detaching) {
5618
5683
  if (detaching) detach(t);
@@ -5620,14 +5685,14 @@ function create_if_block$3(ctx) {
5620
5685
  };
5621
5686
  }
5622
5687
 
5623
- // (25:6) {#each _options as option, i}
5688
+ // (43:6) {#each _options as option, i}
5624
5689
  function create_each_block$3(ctx) {
5625
5690
  let option;
5626
5691
  let t;
5627
5692
  let option_value_value;
5628
5693
 
5629
5694
  function select_block_type(ctx, dirty) {
5630
- if (/*option*/ ctx[6]) return create_if_block$3;
5695
+ if (/*option*/ ctx[9]) return create_if_block$2;
5631
5696
  return create_else_block;
5632
5697
  }
5633
5698
 
@@ -5639,7 +5704,7 @@ function create_each_block$3(ctx) {
5639
5704
  option = element("option");
5640
5705
  if_block.c();
5641
5706
  t = space();
5642
- option.__value = option_value_value = /*option*/ ctx[6];
5707
+ option.__value = option_value_value = /*option*/ ctx[9];
5643
5708
  option.value = option.__value;
5644
5709
  },
5645
5710
  m(target, anchor) {
@@ -5660,7 +5725,7 @@ function create_each_block$3(ctx) {
5660
5725
  }
5661
5726
  }
5662
5727
 
5663
- if (dirty & /*_options*/ 1 && option_value_value !== (option_value_value = /*option*/ ctx[6])) {
5728
+ if (dirty & /*_options*/ 4 && option_value_value !== (option_value_value = /*option*/ ctx[9])) {
5664
5729
  option.__value = option_value_value;
5665
5730
  option.value = option.__value;
5666
5731
  }
@@ -5680,7 +5745,7 @@ function create_fragment$7(ctx) {
5680
5745
  let div0;
5681
5746
  let mounted;
5682
5747
  let dispose;
5683
- let each_value = /*_options*/ ctx[0];
5748
+ let each_value = /*_options*/ ctx[2];
5684
5749
  let each_blocks = [];
5685
5750
 
5686
5751
  for (let i = 0; i < each_value.length; i += 1) {
@@ -5699,10 +5764,12 @@ function create_fragment$7(ctx) {
5699
5764
 
5700
5765
  t = space();
5701
5766
  div0 = element("div");
5702
- attr(select, "class", "select-select svelte-1esvjlb");
5703
- attr(div0, "class", "select-icon svelte-1esvjlb");
5767
+ attr(select, "class", "select-select svelte-1c94amx");
5768
+ attr(select, "style", /*_style*/ ctx[0]);
5769
+ attr(div0, "class", "select-icon svelte-1c94amx");
5704
5770
  attr(div1, "class", "select");
5705
- attr(div2, "class", "select-wrapper svelte-1esvjlb");
5771
+ attr(div1, "style", /*styleVariables*/ ctx[1]);
5772
+ attr(div2, "class", "select-wrapper svelte-1c94amx");
5706
5773
  },
5707
5774
  m(target, anchor) {
5708
5775
  insert(target, div2, anchor);
@@ -5717,13 +5784,13 @@ function create_fragment$7(ctx) {
5717
5784
  append(div1, div0);
5718
5785
 
5719
5786
  if (!mounted) {
5720
- dispose = listen(select, "change", /*handleChange*/ ctx[1]);
5787
+ dispose = listen(select, "change", /*handleChange*/ ctx[3]);
5721
5788
  mounted = true;
5722
5789
  }
5723
5790
  },
5724
5791
  p(ctx, [dirty]) {
5725
- if (dirty & /*_options*/ 1) {
5726
- each_value = /*_options*/ ctx[0];
5792
+ if (dirty & /*_options*/ 4) {
5793
+ each_value = /*_options*/ ctx[2];
5727
5794
  let i;
5728
5795
 
5729
5796
  for (i = 0; i < each_value.length; i += 1) {
@@ -5744,6 +5811,14 @@ function create_fragment$7(ctx) {
5744
5811
 
5745
5812
  each_blocks.length = each_value.length;
5746
5813
  }
5814
+
5815
+ if (dirty & /*_style*/ 1) {
5816
+ attr(select, "style", /*_style*/ ctx[0]);
5817
+ }
5818
+
5819
+ if (dirty & /*styleVariables*/ 2) {
5820
+ attr(div1, "style", /*styleVariables*/ ctx[1]);
5821
+ }
5747
5822
  },
5748
5823
  i: noop,
5749
5824
  o: noop,
@@ -5758,8 +5833,16 @@ function create_fragment$7(ctx) {
5758
5833
 
5759
5834
  function instance$7($$self, $$props, $$invalidate) {
5760
5835
  let _options;
5836
+ let styleVariables;
5761
5837
  let { name = '' } = $$props;
5762
5838
  let { options = 'プルダウン1,プルダウン2,プルダウン3' } = $$props;
5839
+ 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;
5840
+
5841
+ let { selectStyle = {
5842
+ colorArrow: '#333',
5843
+ colorFocused: '#2aab9f'
5844
+ } } = $$props;
5845
+
5763
5846
  const { path: statePath } = getStateItemContext();
5764
5847
 
5765
5848
  const value = registerInput({
@@ -5777,118 +5860,115 @@ function instance$7($$self, $$props, $$invalidate) {
5777
5860
  }
5778
5861
 
5779
5862
  $$self.$$set = $$props => {
5780
- if ('name' in $$props) $$invalidate(2, name = $$props.name);
5781
- if ('options' in $$props) $$invalidate(3, options = $$props.options);
5863
+ if ('name' in $$props) $$invalidate(4, name = $$props.name);
5864
+ if ('options' in $$props) $$invalidate(5, options = $$props.options);
5865
+ if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
5866
+ if ('selectStyle' in $$props) $$invalidate(6, selectStyle = $$props.selectStyle);
5782
5867
  };
5783
5868
 
5784
5869
  $$self.$$.update = () => {
5785
- if ($$self.$$.dirty & /*options*/ 8) {
5786
- $$invalidate(0, _options = ['', ...options.split(',')]);
5870
+ if ($$self.$$.dirty & /*options*/ 32) {
5871
+ $$invalidate(2, _options = ['', ...options.split(',')]);
5872
+ }
5873
+
5874
+ if ($$self.$$.dirty & /*selectStyle*/ 64) {
5875
+ $$invalidate(1, styleVariables = `--color-arrow: ${selectStyle.colorArrow}; --color-focused: ${selectStyle.colorFocused}`);
5787
5876
  }
5788
5877
  };
5789
5878
 
5790
- return [_options, handleChange, name, options];
5879
+ return [_style, styleVariables, _options, handleChange, name, options, selectStyle];
5791
5880
  }
5792
5881
 
5793
5882
  class FormSelect extends SvelteComponent {
5794
5883
  constructor(options) {
5795
5884
  super();
5796
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { name: 2, options: 3 }, add_css$7);
5885
+
5886
+ init(
5887
+ this,
5888
+ options,
5889
+ instance$7,
5890
+ create_fragment$7,
5891
+ safe_not_equal,
5892
+ {
5893
+ name: 4,
5894
+ options: 5,
5895
+ _style: 0,
5896
+ selectStyle: 6
5897
+ },
5898
+ add_css$7
5899
+ );
5797
5900
  }
5798
5901
  }
5799
5902
 
5800
5903
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
5801
5904
 
5802
5905
  function add_css$6(target) {
5803
- append_styles(target, "svelte-1g004f9", ".check-boxes.svelte-1g004f9{display:flex;justify-content:space-evenly;flex-direction:column;width:100%;height:100%}.check-box.svelte-1g004f9{display:flex;align-items:center;font-size:12px;height:1.7em;position:relative;cursor:pointer}.check-box-input.svelte-1g004f9{width:0;height:0;margin:0}.check-box-check.svelte-1g004f9{display:inline-flex;background-color:rgba(0, 16, 14, 0.06);width:1.3em;height:1.3em;border-radius:0.3em;justify-content:center;align-items:center}.check-box-check._checked.svelte-1g004f9{box-shadow:0 4px 8px -2px rgb(0 16 14 / 31%)}.check-box-text.svelte-1g004f9{margin-left:0.5em}.check-box-icon.svelte-1g004f9{display:inline-block;width:12px;height:12px}.check-box-icon-inner.svelte-1g004f9{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:#000}");
5906
+ 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}");
5804
5907
  }
5805
5908
 
5806
5909
  function get_each_context$2(ctx, list, i) {
5807
5910
  const child_ctx = ctx.slice();
5808
- child_ctx[8] = list[i];
5809
- child_ctx[10] = i;
5911
+ child_ctx[11] = list[i];
5912
+ child_ctx[13] = i;
5810
5913
  return child_ctx;
5811
5914
  }
5812
5915
 
5813
- // (34:8) {#if isCheckedArray[i]}
5814
- function create_if_block$2(ctx) {
5815
- let span1;
5816
-
5817
- return {
5818
- c() {
5819
- span1 = element("span");
5820
- span1.innerHTML = `<span class="check-box-icon-inner svelte-1g004f9" style="border-color: #fff"></span>`;
5821
- attr(span1, "class", "check-box-icon svelte-1g004f9");
5822
- set_style(span1, "width", "0.9em");
5823
- set_style(span1, "height", "0.9em");
5824
- },
5825
- m(target, anchor) {
5826
- insert(target, span1, anchor);
5827
- },
5828
- d(detaching) {
5829
- if (detaching) detach(span1);
5830
- }
5831
- };
5832
- }
5833
-
5834
- // (30:2) {#each _options as option, i}
5916
+ // (55:2) {#each _options as option, i}
5835
5917
  function create_each_block$2(ctx) {
5836
5918
  let label;
5837
5919
  let input;
5838
5920
  let input_checked_value;
5839
5921
  let t0;
5922
+ let span1;
5840
5923
  let span0;
5841
- let span0_class_value;
5842
- let span0_style_value;
5924
+ let span1_class_value;
5843
5925
  let t1;
5844
- let span1;
5845
- let t2_value = /*option*/ ctx[8] + "";
5926
+ let span2;
5927
+ let t2_value = /*option*/ ctx[11] + "";
5846
5928
  let t2;
5847
5929
  let t3;
5848
5930
  let mounted;
5849
5931
  let dispose;
5850
- let if_block = /*isCheckedArray*/ ctx[2][/*i*/ ctx[10]] && create_if_block$2();
5851
5932
 
5852
5933
  return {
5853
5934
  c() {
5854
5935
  label = element("label");
5855
5936
  input = element("input");
5856
5937
  t0 = space();
5938
+ span1 = element("span");
5857
5939
  span0 = element("span");
5858
- if (if_block) if_block.c();
5859
5940
  t1 = space();
5860
- span1 = element("span");
5941
+ span2 = element("span");
5861
5942
  t2 = text(t2_value);
5862
5943
  t3 = space();
5863
- attr(input, "class", "check-box-input svelte-1g004f9");
5944
+ attr(input, "class", "check-box-input svelte-15x08a");
5864
5945
  attr(input, "type", "checkbox");
5865
5946
  attr(input, "name", /*name*/ ctx[0]);
5866
- input.checked = input_checked_value = /*isCheckedArray*/ ctx[2][/*i*/ ctx[10]];
5947
+ input.checked = input_checked_value = /*isCheckedArray*/ ctx[3][/*i*/ ctx[13]];
5948
+ attr(span0, "class", "check-box-icon svelte-15x08a");
5867
5949
 
5868
- attr(span0, "class", span0_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]
5950
+ attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[3][/*i*/ ctx[13]]
5869
5951
  ? ' _checked'
5870
- : ''}`) + " svelte-1g004f9"));
5871
-
5872
- attr(span0, "style", span0_style_value = `${/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]
5873
- ? 'background-color: #2aab9f;'
5874
- : ''}`);
5952
+ : ''}`) + " svelte-15x08a"));
5875
5953
 
5876
- attr(span1, "class", "check-box-text svelte-1g004f9");
5877
- attr(label, "class", "check-box svelte-1g004f9");
5954
+ attr(span1, "style", /*_buttonStyle*/ ctx[4]);
5955
+ attr(span2, "class", "check-box-text svelte-15x08a");
5956
+ attr(span2, "style", /*textStyle*/ ctx[1]);
5957
+ attr(label, "class", "check-box svelte-15x08a");
5878
5958
  },
5879
5959
  m(target, anchor) {
5880
5960
  insert(target, label, anchor);
5881
5961
  append(label, input);
5882
5962
  append(label, t0);
5883
- append(label, span0);
5884
- if (if_block) if_block.m(span0, null);
5885
- append(label, t1);
5886
5963
  append(label, span1);
5887
- append(span1, t2);
5964
+ append(span1, span0);
5965
+ append(label, t1);
5966
+ append(label, span2);
5967
+ append(span2, t2);
5888
5968
  append(label, t3);
5889
5969
 
5890
5970
  if (!mounted) {
5891
- dispose = listen(input, "change", /*handleChange*/ ctx[4](/*i*/ ctx[10]));
5971
+ dispose = listen(input, "change", /*handleChange*/ ctx[6](/*i*/ ctx[13]));
5892
5972
  mounted = true;
5893
5973
  }
5894
5974
  },
@@ -5899,38 +5979,28 @@ function create_each_block$2(ctx) {
5899
5979
  attr(input, "name", /*name*/ ctx[0]);
5900
5980
  }
5901
5981
 
5902
- if (dirty & /*isCheckedArray*/ 4 && input_checked_value !== (input_checked_value = /*isCheckedArray*/ ctx[2][/*i*/ ctx[10]])) {
5982
+ if (dirty & /*isCheckedArray*/ 8 && input_checked_value !== (input_checked_value = /*isCheckedArray*/ ctx[3][/*i*/ ctx[13]])) {
5903
5983
  input.checked = input_checked_value;
5904
5984
  }
5905
5985
 
5906
- if (/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]) {
5907
- if (if_block) ; else {
5908
- if_block = create_if_block$2();
5909
- if_block.c();
5910
- if_block.m(span0, null);
5911
- }
5912
- } else if (if_block) {
5913
- if_block.d(1);
5914
- if_block = null;
5915
- }
5916
-
5917
- if (dirty & /*isCheckedArray*/ 4 && span0_class_value !== (span0_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]
5986
+ if (dirty & /*isCheckedArray*/ 8 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[3][/*i*/ ctx[13]]
5918
5987
  ? ' _checked'
5919
- : ''}`) + " svelte-1g004f9"))) {
5920
- attr(span0, "class", span0_class_value);
5988
+ : ''}`) + " svelte-15x08a"))) {
5989
+ attr(span1, "class", span1_class_value);
5921
5990
  }
5922
5991
 
5923
- if (dirty & /*isCheckedArray*/ 4 && span0_style_value !== (span0_style_value = `${/*isCheckedArray*/ ctx[2][/*i*/ ctx[10]]
5924
- ? 'background-color: #2aab9f;'
5925
- : ''}`)) {
5926
- attr(span0, "style", span0_style_value);
5992
+ if (dirty & /*_buttonStyle*/ 16) {
5993
+ attr(span1, "style", /*_buttonStyle*/ ctx[4]);
5927
5994
  }
5928
5995
 
5929
- if (dirty & /*_options*/ 2 && t2_value !== (t2_value = /*option*/ ctx[8] + "")) set_data(t2, t2_value);
5996
+ if (dirty & /*_options*/ 4 && t2_value !== (t2_value = /*option*/ ctx[11] + "")) set_data(t2, t2_value);
5997
+
5998
+ if (dirty & /*textStyle*/ 2) {
5999
+ attr(span2, "style", /*textStyle*/ ctx[1]);
6000
+ }
5930
6001
  },
5931
6002
  d(detaching) {
5932
6003
  if (detaching) detach(label);
5933
- if (if_block) if_block.d();
5934
6004
  mounted = false;
5935
6005
  dispose();
5936
6006
  }
@@ -5939,7 +6009,7 @@ function create_each_block$2(ctx) {
5939
6009
 
5940
6010
  function create_fragment$6(ctx) {
5941
6011
  let div;
5942
- let each_value = /*_options*/ ctx[1];
6012
+ let each_value = /*_options*/ ctx[2];
5943
6013
  let each_blocks = [];
5944
6014
 
5945
6015
  for (let i = 0; i < each_value.length; i += 1) {
@@ -5954,7 +6024,7 @@ function create_fragment$6(ctx) {
5954
6024
  each_blocks[i].c();
5955
6025
  }
5956
6026
 
5957
- attr(div, "class", "check-boxes svelte-1g004f9");
6027
+ attr(div, "class", "check-boxes svelte-15x08a");
5958
6028
  },
5959
6029
  m(target, anchor) {
5960
6030
  insert(target, div, anchor);
@@ -5964,8 +6034,8 @@ function create_fragment$6(ctx) {
5964
6034
  }
5965
6035
  },
5966
6036
  p(ctx, [dirty]) {
5967
- if (dirty & /*_options, isCheckedArray, name, handleChange*/ 23) {
5968
- each_value = /*_options*/ ctx[1];
6037
+ if (dirty & /*textStyle, _options, isCheckedArray, _buttonStyle, name, handleChange*/ 95) {
6038
+ each_value = /*_options*/ ctx[2];
5969
6039
  let i;
5970
6040
 
5971
6041
  for (i = 0; i < each_value.length; i += 1) {
@@ -5998,10 +6068,19 @@ function create_fragment$6(ctx) {
5998
6068
 
5999
6069
  function instance$6($$self, $$props, $$invalidate) {
6000
6070
  let _options;
6071
+ let _buttonStyle;
6001
6072
  let isCheckedArray;
6002
6073
  let $value;
6003
6074
  let { name = '' } = $$props;
6004
6075
  let { options = 'チェックボックス1,チェックボックス2,チェックボックス3' } = $$props;
6076
+ let { textStyle = 'color: #333; font-size: 12px;' } = $$props;
6077
+
6078
+ let { buttonStyle = {
6079
+ size: '16px',
6080
+ colorActive: '#2aab9f',
6081
+ colorInactive: 'rgba(0, 16, 14, 0.06)'
6082
+ } } = $$props;
6083
+
6005
6084
  const { path: statePath } = getStateItemContext();
6006
6085
 
6007
6086
  const value = registerInput({
@@ -6013,12 +6092,12 @@ function instance$6($$self, $$props, $$invalidate) {
6013
6092
  }
6014
6093
  });
6015
6094
 
6016
- component_subscribe($$self, value, value => $$invalidate(6, $value = value));
6095
+ component_subscribe($$self, value, value => $$invalidate(9, $value = value));
6017
6096
 
6018
6097
  const handleChange = index => event => {
6019
6098
  if (isCheckedArray[index] !== event.target.checked) {
6020
- $$invalidate(2, isCheckedArray[index] = event.target.checked, isCheckedArray);
6021
- $$invalidate(2, isCheckedArray = [...isCheckedArray]);
6099
+ $$invalidate(3, isCheckedArray[index] = event.target.checked, isCheckedArray);
6100
+ $$invalidate(3, isCheckedArray = [...isCheckedArray]);
6022
6101
  const updated = _options.filter((option, i) => isCheckedArray[i]);
6023
6102
  value.set(updated);
6024
6103
  }
@@ -6026,45 +6105,76 @@ function instance$6($$self, $$props, $$invalidate) {
6026
6105
 
6027
6106
  $$self.$$set = $$props => {
6028
6107
  if ('name' in $$props) $$invalidate(0, name = $$props.name);
6029
- if ('options' in $$props) $$invalidate(5, options = $$props.options);
6108
+ if ('options' in $$props) $$invalidate(7, options = $$props.options);
6109
+ if ('textStyle' in $$props) $$invalidate(1, textStyle = $$props.textStyle);
6110
+ if ('buttonStyle' in $$props) $$invalidate(8, buttonStyle = $$props.buttonStyle);
6030
6111
  };
6031
6112
 
6032
6113
  $$self.$$.update = () => {
6033
- if ($$self.$$.dirty & /*options*/ 32) {
6034
- $$invalidate(1, _options = options.split(','));
6114
+ if ($$self.$$.dirty & /*options*/ 128) {
6115
+ $$invalidate(2, _options = options.split(','));
6116
+ }
6117
+
6118
+ if ($$self.$$.dirty & /*buttonStyle*/ 256) {
6119
+ $$invalidate(4, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
6035
6120
  }
6036
6121
 
6037
- if ($$self.$$.dirty & /*$value, _options*/ 66) {
6038
- $$invalidate(2, isCheckedArray = (() => {
6122
+ if ($$self.$$.dirty & /*$value, _options*/ 516) {
6123
+ $$invalidate(3, isCheckedArray = (() => {
6039
6124
  const checkedSet = new Set($value);
6040
6125
  return _options.map(option => checkedSet.has(option));
6041
6126
  })());
6042
6127
  }
6043
6128
  };
6044
6129
 
6045
- return [name, _options, isCheckedArray, value, handleChange, options, $value];
6130
+ return [
6131
+ name,
6132
+ textStyle,
6133
+ _options,
6134
+ isCheckedArray,
6135
+ _buttonStyle,
6136
+ value,
6137
+ handleChange,
6138
+ options,
6139
+ buttonStyle,
6140
+ $value
6141
+ ];
6046
6142
  }
6047
6143
 
6048
6144
  class FormCheckBoxes extends SvelteComponent {
6049
6145
  constructor(options) {
6050
6146
  super();
6051
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { name: 0, options: 5 }, add_css$6);
6147
+
6148
+ init(
6149
+ this,
6150
+ options,
6151
+ instance$6,
6152
+ create_fragment$6,
6153
+ safe_not_equal,
6154
+ {
6155
+ name: 0,
6156
+ options: 7,
6157
+ textStyle: 1,
6158
+ buttonStyle: 8
6159
+ },
6160
+ add_css$6
6161
+ );
6052
6162
  }
6053
6163
  }
6054
6164
 
6055
6165
  /* src/components/FormRatingButtons.svelte generated by Svelte v3.53.1 */
6056
6166
 
6057
6167
  function add_css$5(target) {
6058
- append_styles(target, "svelte-14cxkfs", ".rating-buttons.svelte-14cxkfs.svelte-14cxkfs{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:100%}.rating-button.svelte-14cxkfs.svelte-14cxkfs{cursor:pointer;display:flex}.rating-button.svelte-14cxkfs svg.svelte-14cxkfs{fill:#ccc}.rating-button._selected.svelte-14cxkfs svg.svelte-14cxkfs{fill:#2aab9f}");
6168
+ 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)}");
6059
6169
  }
6060
6170
 
6061
6171
  function get_each_context$1(ctx, list, i) {
6062
6172
  const child_ctx = ctx.slice();
6063
- child_ctx[8] = list[i];
6173
+ child_ctx[10] = list[i];
6064
6174
  return child_ctx;
6065
6175
  }
6066
6176
 
6067
- // (36:30)
6177
+ // (54:30)
6068
6178
  function create_if_block_1$1(ctx) {
6069
6179
  let div;
6070
6180
  let svg;
@@ -6080,14 +6190,15 @@ function create_if_block_1$1(ctx) {
6080
6190
  svg = svg_element("svg");
6081
6191
  path = svg_element("path");
6082
6192
  t = space();
6083
- attr(path, "d", /*LIKERT_FACE_SVG_DATA*/ ctx[4][/*i*/ ctx[8]]);
6193
+ attr(path, "d", /*LIKERT_FACE_SVG_DATA*/ ctx[5][/*i*/ ctx[10]]);
6084
6194
  attr(svg, "width", "24");
6085
6195
  attr(svg, "height", "24");
6086
6196
  attr(svg, "viewBox", "0 0 24 24");
6087
6197
  attr(svg, "fill", "none");
6088
6198
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
6089
- attr(svg, "class", "svelte-14cxkfs");
6090
- attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[8] === /*_value*/ ctx[1] ? ' _selected' : '') + " svelte-14cxkfs");
6199
+ attr(svg, "class", "svelte-1ysi4uv");
6200
+ attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[10] === /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv");
6201
+ attr(div, "style", /*_buttonStyle*/ ctx[1]);
6091
6202
  },
6092
6203
  m(target, anchor) {
6093
6204
  insert(target, div, anchor);
@@ -6096,16 +6207,20 @@ function create_if_block_1$1(ctx) {
6096
6207
  append(div, t);
6097
6208
 
6098
6209
  if (!mounted) {
6099
- dispose = listen(div, "click", /*handleClick*/ ctx[3](/*i*/ ctx[8]));
6210
+ dispose = listen(div, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
6100
6211
  mounted = true;
6101
6212
  }
6102
6213
  },
6103
6214
  p(new_ctx, dirty) {
6104
6215
  ctx = new_ctx;
6105
6216
 
6106
- if (dirty & /*_value*/ 2 && div_class_value !== (div_class_value = "rating-button" + (/*i*/ ctx[8] === /*_value*/ ctx[1] ? ' _selected' : '') + " svelte-14cxkfs")) {
6217
+ if (dirty & /*_value*/ 4 && div_class_value !== (div_class_value = "rating-button" + (/*i*/ ctx[10] === /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv")) {
6107
6218
  attr(div, "class", div_class_value);
6108
6219
  }
6220
+
6221
+ if (dirty & /*_buttonStyle*/ 2) {
6222
+ attr(div, "style", /*_buttonStyle*/ ctx[1]);
6223
+ }
6109
6224
  },
6110
6225
  d(detaching) {
6111
6226
  if (detaching) detach(div);
@@ -6115,7 +6230,7 @@ function create_if_block_1$1(ctx) {
6115
6230
  };
6116
6231
  }
6117
6232
 
6118
- // (30:4) {#if type === 'star'}
6233
+ // (48:4) {#if type === 'star'}
6119
6234
  function create_if_block$1(ctx) {
6120
6235
  let div;
6121
6236
  let svg;
@@ -6137,8 +6252,9 @@ function create_if_block$1(ctx) {
6137
6252
  attr(svg, "viewBox", "0 0 24 24");
6138
6253
  attr(svg, "fill", "none");
6139
6254
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
6140
- attr(svg, "class", "svelte-14cxkfs");
6141
- attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[8] <= /*_value*/ ctx[1] ? ' _selected' : '') + " svelte-14cxkfs");
6255
+ attr(svg, "class", "svelte-1ysi4uv");
6256
+ attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[10] <= /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv");
6257
+ attr(div, "style", /*_buttonStyle*/ ctx[1]);
6142
6258
  },
6143
6259
  m(target, anchor) {
6144
6260
  insert(target, div, anchor);
@@ -6147,16 +6263,20 @@ function create_if_block$1(ctx) {
6147
6263
  append(div, t);
6148
6264
 
6149
6265
  if (!mounted) {
6150
- dispose = listen(div, "click", /*handleClick*/ ctx[3](/*i*/ ctx[8]));
6266
+ dispose = listen(div, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
6151
6267
  mounted = true;
6152
6268
  }
6153
6269
  },
6154
6270
  p(new_ctx, dirty) {
6155
6271
  ctx = new_ctx;
6156
6272
 
6157
- if (dirty & /*_value*/ 2 && div_class_value !== (div_class_value = "rating-button" + (/*i*/ ctx[8] <= /*_value*/ ctx[1] ? ' _selected' : '') + " svelte-14cxkfs")) {
6273
+ if (dirty & /*_value*/ 4 && div_class_value !== (div_class_value = "rating-button" + (/*i*/ ctx[10] <= /*_value*/ ctx[2] ? ' _selected' : '') + " svelte-1ysi4uv")) {
6158
6274
  attr(div, "class", div_class_value);
6159
6275
  }
6276
+
6277
+ if (dirty & /*_buttonStyle*/ 2) {
6278
+ attr(div, "style", /*_buttonStyle*/ ctx[1]);
6279
+ }
6160
6280
  },
6161
6281
  d(detaching) {
6162
6282
  if (detaching) detach(div);
@@ -6166,7 +6286,7 @@ function create_if_block$1(ctx) {
6166
6286
  };
6167
6287
  }
6168
6288
 
6169
- // (29:2) {#each [...Array(5).keys()].map(i => i + 1) as i}
6289
+ // (47:2) {#each [...Array(5).keys()].map(i => i + 1) as i}
6170
6290
  function create_each_block$1(ctx) {
6171
6291
  let if_block_anchor;
6172
6292
 
@@ -6227,7 +6347,7 @@ function create_fragment$5(ctx) {
6227
6347
  each_blocks[i].c();
6228
6348
  }
6229
6349
 
6230
- attr(div, "class", "rating-buttons svelte-14cxkfs");
6350
+ attr(div, "class", "rating-buttons svelte-1ysi4uv");
6231
6351
  },
6232
6352
  m(target, anchor) {
6233
6353
  insert(target, div, anchor);
@@ -6237,7 +6357,7 @@ function create_fragment$5(ctx) {
6237
6357
  }
6238
6358
  },
6239
6359
  p(ctx, [dirty]) {
6240
- if (dirty & /*Array, _value, handleClick, type, LIKERT_FACE_SVG_DATA*/ 27) {
6360
+ if (dirty & /*Array, _value, _buttonStyle, handleClick, type, LIKERT_FACE_SVG_DATA*/ 55) {
6241
6361
  each_value = [...Array(5).keys()].map(func);
6242
6362
  let i;
6243
6363
 
@@ -6273,9 +6393,17 @@ const func = i => i + 1;
6273
6393
 
6274
6394
  function instance$5($$self, $$props, $$invalidate) {
6275
6395
  let _value;
6396
+ let _buttonStyle;
6276
6397
  let $value;
6277
6398
  let { name = '' } = $$props;
6278
- let { type = 'face' } = $$props;
6399
+ let { type = 'star' } = $$props;
6400
+
6401
+ let { buttonStyle = {
6402
+ size: '24px',
6403
+ colorActive: '#2aab9f',
6404
+ colorInactive: 'rgba(0, 16, 14, 0.2)'
6405
+ } } = $$props;
6406
+
6279
6407
  const { path: statePath } = getStateItemContext();
6280
6408
 
6281
6409
  const value = registerInput({
@@ -6287,7 +6415,7 @@ function instance$5($$self, $$props, $$invalidate) {
6287
6415
  }
6288
6416
  });
6289
6417
 
6290
- component_subscribe($$self, value, value => $$invalidate(6, $value = value));
6418
+ component_subscribe($$self, value, value => $$invalidate(8, $value = value));
6291
6419
 
6292
6420
  const handleClick = index => event => {
6293
6421
  value.set([String(index)]);
@@ -6303,23 +6431,38 @@ function instance$5($$self, $$props, $$invalidate) {
6303
6431
  };
6304
6432
 
6305
6433
  $$self.$$set = $$props => {
6306
- if ('name' in $$props) $$invalidate(5, name = $$props.name);
6434
+ if ('name' in $$props) $$invalidate(6, name = $$props.name);
6307
6435
  if ('type' in $$props) $$invalidate(0, type = $$props.type);
6436
+ if ('buttonStyle' in $$props) $$invalidate(7, buttonStyle = $$props.buttonStyle);
6308
6437
  };
6309
6438
 
6310
6439
  $$self.$$.update = () => {
6311
- if ($$self.$$.dirty & /*$value*/ 64) {
6312
- $$invalidate(1, _value = Number($value[0] ?? -1));
6440
+ if ($$self.$$.dirty & /*$value*/ 256) {
6441
+ $$invalidate(2, _value = Number($value[0] ?? -1));
6442
+ }
6443
+
6444
+ if ($$self.$$.dirty & /*buttonStyle*/ 128) {
6445
+ $$invalidate(1, _buttonStyle = `--size: ${buttonStyle.size}; --color-active: ${buttonStyle.colorActive}; --color-inactive: ${buttonStyle.colorInactive}`);
6313
6446
  }
6314
6447
  };
6315
6448
 
6316
- return [type, _value, value, handleClick, LIKERT_FACE_SVG_DATA, name, $value];
6449
+ return [
6450
+ type,
6451
+ _buttonStyle,
6452
+ _value,
6453
+ value,
6454
+ handleClick,
6455
+ LIKERT_FACE_SVG_DATA,
6456
+ name,
6457
+ buttonStyle,
6458
+ $value
6459
+ ];
6317
6460
  }
6318
6461
 
6319
6462
  class FormRatingButtons extends SvelteComponent {
6320
6463
  constructor(options) {
6321
6464
  super();
6322
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { name: 5, type: 0 }, add_css$5);
6465
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { name: 6, type: 0, buttonStyle: 7 }, add_css$5);
6323
6466
  }
6324
6467
  }
6325
6468
 
@@ -7549,4 +7692,4 @@ class ImageBlock extends SvelteComponent {
7549
7692
  }
7550
7693
  }
7551
7694
 
7552
- export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormCheckBoxes, FormRadioButtons, 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, destroyed, ensureModalRoot, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, loadGlobalScript, loadGlobalStyle, loadStyle, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };
7695
+ export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, 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, destroyed, ensureModalRoot, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, loadGlobalScript, loadGlobalStyle, loadStyle, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };