@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/hydrate/index.es.d.ts +63 -1
- package/dist/hydrate/index.es.js +336 -199
- package/dist/index.es.d.ts +63 -1
- package/dist/index.es.js +315 -172
- package/package.json +1 -1
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
|
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$
|
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$
|
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$
|
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$
|
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$
|
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$
|
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$
|
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$
|
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$
|
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$
|
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$
|
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$
|
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$
|
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$
|
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-
|
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[
|
5390
|
-
child_ctx[
|
5404
|
+
child_ctx[11] = list[i];
|
5405
|
+
child_ctx[13] = i;
|
5391
5406
|
return child_ctx;
|
5392
5407
|
}
|
5393
5408
|
|
5394
|
-
// (
|
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[
|
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-
|
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[
|
5420
|
-
input.checked = input_checked_value = /*option*/ ctx[
|
5421
|
-
attr(span, "class", "radio-button-text svelte-
|
5422
|
-
attr(
|
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[
|
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*/
|
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*/
|
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*/
|
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[
|
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-
|
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*/
|
5490
|
-
each_value = /*_options*/ ctx[
|
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(
|
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(
|
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*/
|
5553
|
-
$$invalidate(
|
5588
|
+
if ($$self.$$.dirty & /*options*/ 128) {
|
5589
|
+
$$invalidate(3, _options = options.split(','));
|
5554
5590
|
}
|
5555
5591
|
|
5556
|
-
if ($$self.$$.dirty &
|
5557
|
-
$$invalidate(
|
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 [
|
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
|
-
|
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-
|
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[
|
5580
|
-
child_ctx[
|
5644
|
+
child_ctx[9] = list[i];
|
5645
|
+
child_ctx[11] = i;
|
5581
5646
|
return child_ctx;
|
5582
5647
|
}
|
5583
5648
|
|
5584
|
-
// (
|
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
|
-
// (
|
5603
|
-
function create_if_block$
|
5604
|
-
let t_value = /*option*/ ctx[
|
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*/
|
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
|
-
// (
|
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[
|
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[
|
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*/
|
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[
|
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-
|
5703
|
-
attr(
|
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(
|
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[
|
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*/
|
5726
|
-
each_value = /*_options*/ ctx[
|
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(
|
5781
|
-
if ('options' in $$props) $$invalidate(
|
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*/
|
5786
|
-
$$invalidate(
|
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
|
-
|
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-
|
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[
|
5809
|
-
child_ctx[
|
5911
|
+
child_ctx[11] = list[i];
|
5912
|
+
child_ctx[13] = i;
|
5810
5913
|
return child_ctx;
|
5811
5914
|
}
|
5812
5915
|
|
5813
|
-
// (
|
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
|
5842
|
-
let span0_style_value;
|
5924
|
+
let span1_class_value;
|
5843
5925
|
let t1;
|
5844
|
-
let
|
5845
|
-
let t2_value = /*option*/ ctx[
|
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
|
-
|
5941
|
+
span2 = element("span");
|
5861
5942
|
t2 = text(t2_value);
|
5862
5943
|
t3 = space();
|
5863
|
-
attr(input, "class", "check-box-input svelte-
|
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[
|
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(
|
5950
|
+
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[3][/*i*/ ctx[13]]
|
5869
5951
|
? ' _checked'
|
5870
|
-
: ''}`) + " svelte-
|
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, "
|
5877
|
-
attr(
|
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,
|
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[
|
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*/
|
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[
|
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-
|
5920
|
-
attr(
|
5988
|
+
: ''}`) + " svelte-15x08a"))) {
|
5989
|
+
attr(span1, "class", span1_class_value);
|
5921
5990
|
}
|
5922
5991
|
|
5923
|
-
if (dirty & /*
|
5924
|
-
|
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*/
|
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[
|
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-
|
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*/
|
5968
|
-
each_value = /*_options*/ ctx[
|
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(
|
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(
|
6021
|
-
$$invalidate(
|
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(
|
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*/
|
6034
|
-
$$invalidate(
|
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*/
|
6038
|
-
$$invalidate(
|
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 [
|
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
|
-
|
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-
|
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[
|
6173
|
+
child_ctx[10] = list[i];
|
6064
6174
|
return child_ctx;
|
6065
6175
|
}
|
6066
6176
|
|
6067
|
-
// (
|
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[
|
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-
|
6090
|
-
attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[
|
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[
|
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*/
|
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
|
-
// (
|
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-
|
6141
|
-
attr(div, "class", div_class_value = "rating-button" + (/*i*/ ctx[
|
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[
|
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*/
|
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
|
-
// (
|
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-
|
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*/
|
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 = '
|
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(
|
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(
|
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*/
|
6312
|
-
$$invalidate(
|
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 [
|
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:
|
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 };
|