@plaidev/karte-action-sdk 1.1.182 → 1.1.183-28058867.0d87f4f9
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.js +144 -126
- package/dist/index.es.js +112 -92
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
@@ -95,6 +95,10 @@ const getMarginStyle = (margin) => {
|
|
95
95
|
return `margin: ${margin?.top ?? 0} ${margin?.right ?? 0} ${margin?.bottom ?? 0} ${margin?.left ?? 0};`;
|
96
96
|
};
|
97
97
|
/** @internal */
|
98
|
+
const parseStyle = (style) => {
|
99
|
+
return Object.fromEntries(style.split(';').map(attr => attr.split(':').map(str => str.trim())));
|
100
|
+
};
|
101
|
+
/** @internal */
|
98
102
|
const stringifyStyleObj = (styleObj) => {
|
99
103
|
return Object.entries(styleObj)
|
100
104
|
.map(([key, value]) => `${key}:${value}`)
|
@@ -2719,13 +2723,22 @@ const moveTo = (to) => () => {
|
|
2719
2723
|
};
|
2720
2724
|
/** @internal */
|
2721
2725
|
const linkTo = (to, targetBlank = true) => () => {
|
2722
|
-
|
2726
|
+
async function sleep(ms) {
|
2727
|
+
return new Promise(resolve => setTimeout(resolve, ms));
|
2728
|
+
}
|
2729
|
+
async function _send() {
|
2730
|
+
send_event('message_click', { url: to, state: getState$1() });
|
2731
|
+
// # edge.js の retransmitter が送るのを待つ
|
2732
|
+
await sleep(450);
|
2733
|
+
}
|
2723
2734
|
if (targetBlank) {
|
2724
2735
|
window.open(to);
|
2725
2736
|
}
|
2726
|
-
|
2727
|
-
|
2728
|
-
|
2737
|
+
Promise.race([_send(), sleep(650)]).then(() => {
|
2738
|
+
if (!targetBlank) {
|
2739
|
+
location.href = to;
|
2740
|
+
}
|
2741
|
+
});
|
2729
2742
|
};
|
2730
2743
|
/** @internal */
|
2731
2744
|
const closeApp = (trigger) => () => {
|
@@ -6960,7 +6973,7 @@ class FormSelect extends SvelteComponent {
|
|
6960
6973
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
6961
6974
|
|
6962
6975
|
function add_css$d(target) {
|
6963
|
-
append_styles(target, "svelte-
|
6976
|
+
append_styles(target, "svelte-p15pvn", ".check-boxes.svelte-p15pvn.svelte-p15pvn{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-p15pvn.svelte-p15pvn{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-p15pvn.svelte-p15pvn{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-p15pvn.svelte-p15pvn{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-p15pvn.svelte-p15pvn{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-p15pvn.svelte-p15pvn: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:var(--color-sub)}.check-box-check._checked.svelte-p15pvn.svelte-p15pvn{background-color:var(--color-main-active)}.check-box-check._checked.svelte-p15pvn .check-box-icon.svelte-p15pvn:after{border-color:var(--color-sub-active)}.check-box-text.svelte-p15pvn.svelte-p15pvn{margin-left:0.5em}");
|
6964
6977
|
}
|
6965
6978
|
|
6966
6979
|
function get_each_context$3(ctx, list, i) {
|
@@ -7001,11 +7014,11 @@ function create_each_block$3(ctx) {
|
|
7001
7014
|
this.h();
|
7002
7015
|
},
|
7003
7016
|
l(nodes) {
|
7004
|
-
label = claim_element(nodes, "LABEL", { class: true });
|
7017
|
+
label = claim_element(nodes, "LABEL", { class: true, style: true });
|
7005
7018
|
var label_nodes = children(label);
|
7006
7019
|
input = claim_element(label_nodes, "INPUT", { class: true, type: true, name: true });
|
7007
7020
|
t0 = claim_space(label_nodes);
|
7008
|
-
span1 = claim_element(label_nodes, "SPAN", { class: true
|
7021
|
+
span1 = claim_element(label_nodes, "SPAN", { class: true });
|
7009
7022
|
var span1_nodes = children(span1);
|
7010
7023
|
span0 = claim_element(span1_nodes, "SPAN", { class: true });
|
7011
7024
|
var span0_nodes = children(span0);
|
@@ -7021,20 +7034,20 @@ function create_each_block$3(ctx) {
|
|
7021
7034
|
this.h();
|
7022
7035
|
},
|
7023
7036
|
h() {
|
7024
|
-
attr(input, "class", "check-box-input svelte-
|
7037
|
+
attr(input, "class", "check-box-input svelte-p15pvn");
|
7025
7038
|
attr(input, "type", "checkbox");
|
7026
7039
|
attr(input, "name", /*name*/ ctx[0]);
|
7027
7040
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
7028
|
-
attr(span0, "class", "check-box-icon svelte-
|
7041
|
+
attr(span0, "class", "check-box-icon svelte-p15pvn");
|
7029
7042
|
|
7030
7043
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7031
7044
|
? ' _checked'
|
7032
|
-
: ''}`) + " svelte-
|
7045
|
+
: ''}`) + " svelte-p15pvn"));
|
7033
7046
|
|
7034
|
-
attr(
|
7035
|
-
attr(span2, "class", "check-box-text svelte-o1ztcf");
|
7047
|
+
attr(span2, "class", "check-box-text svelte-p15pvn");
|
7036
7048
|
attr(span2, "style", /*_textStyle*/ ctx[2]);
|
7037
|
-
attr(label, "class", "check-box svelte-
|
7049
|
+
attr(label, "class", "check-box svelte-p15pvn");
|
7050
|
+
attr(label, "style", /*styleVariables*/ ctx[5]);
|
7038
7051
|
},
|
7039
7052
|
m(target, anchor) {
|
7040
7053
|
insert_hydration(target, label, anchor);
|
@@ -7065,19 +7078,19 @@ function create_each_block$3(ctx) {
|
|
7065
7078
|
|
7066
7079
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7067
7080
|
? ' _checked'
|
7068
|
-
: ''}`) + " svelte-
|
7081
|
+
: ''}`) + " svelte-p15pvn"))) {
|
7069
7082
|
attr(span1, "class", span1_class_value);
|
7070
7083
|
}
|
7071
7084
|
|
7072
|
-
if (dirty & /*styleVariables*/ 32) {
|
7073
|
-
attr(span1, "style", /*styleVariables*/ ctx[5]);
|
7074
|
-
}
|
7075
|
-
|
7076
7085
|
if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[17] + "")) set_data(t2, t2_value);
|
7077
7086
|
|
7078
7087
|
if (dirty & /*_textStyle*/ 4) {
|
7079
7088
|
attr(span2, "style", /*_textStyle*/ ctx[2]);
|
7080
7089
|
}
|
7090
|
+
|
7091
|
+
if (dirty & /*styleVariables*/ 32) {
|
7092
|
+
attr(label, "style", /*styleVariables*/ ctx[5]);
|
7093
|
+
}
|
7081
7094
|
},
|
7082
7095
|
d(detaching) {
|
7083
7096
|
if (detaching) detach(label);
|
@@ -7118,7 +7131,7 @@ function create_fragment$e(ctx) {
|
|
7118
7131
|
this.h();
|
7119
7132
|
},
|
7120
7133
|
h() {
|
7121
|
-
attr(div, "class", "check-boxes svelte-
|
7134
|
+
attr(div, "class", "check-boxes svelte-p15pvn");
|
7122
7135
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
7123
7136
|
},
|
7124
7137
|
m(target, anchor) {
|
@@ -7129,7 +7142,7 @@ function create_fragment$e(ctx) {
|
|
7129
7142
|
}
|
7130
7143
|
},
|
7131
7144
|
p(ctx, [dirty]) {
|
7132
|
-
if (dirty & /*_textStyle, _options, isCheckedArray,
|
7145
|
+
if (dirty & /*styleVariables, _textStyle, _options, isCheckedArray, name, handleChange*/ 189) {
|
7133
7146
|
each_value = /*_options*/ ctx[3];
|
7134
7147
|
let i;
|
7135
7148
|
|
@@ -7292,7 +7305,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7292
7305
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
7293
7306
|
|
7294
7307
|
function add_css$c(target) {
|
7295
|
-
append_styles(target, "svelte-
|
7308
|
+
append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
|
7296
7309
|
}
|
7297
7310
|
|
7298
7311
|
function get_each_context$2(ctx, list, i) {
|
@@ -7303,40 +7316,40 @@ function get_each_context$2(ctx, list, i) {
|
|
7303
7316
|
|
7304
7317
|
// (60:2) {#each [...Array(count).keys()].map(i => i + 1) as i}
|
7305
7318
|
function create_each_block$2(ctx) {
|
7306
|
-
let
|
7319
|
+
let button;
|
7307
7320
|
let t0_value = /*i*/ ctx[12] + "";
|
7308
7321
|
let t0;
|
7309
7322
|
let t1;
|
7310
|
-
let
|
7323
|
+
let button_style_value;
|
7311
7324
|
let mounted;
|
7312
7325
|
let dispose;
|
7313
7326
|
|
7314
7327
|
return {
|
7315
7328
|
c() {
|
7316
|
-
|
7329
|
+
button = element("button");
|
7317
7330
|
t0 = text(t0_value);
|
7318
7331
|
t1 = space();
|
7319
7332
|
this.h();
|
7320
7333
|
},
|
7321
7334
|
l(nodes) {
|
7322
|
-
|
7323
|
-
var
|
7324
|
-
t0 = claim_text(
|
7325
|
-
t1 = claim_space(
|
7326
|
-
|
7335
|
+
button = claim_element(nodes, "BUTTON", { class: true, style: true });
|
7336
|
+
var button_nodes = children(button);
|
7337
|
+
t0 = claim_text(button_nodes, t0_value);
|
7338
|
+
t1 = claim_space(button_nodes);
|
7339
|
+
button_nodes.forEach(detach);
|
7327
7340
|
this.h();
|
7328
7341
|
},
|
7329
7342
|
h() {
|
7330
|
-
attr(
|
7331
|
-
attr(
|
7343
|
+
attr(button, "class", "rating-button svelte-zy2va9");
|
7344
|
+
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
|
7332
7345
|
},
|
7333
7346
|
m(target, anchor) {
|
7334
|
-
insert_hydration(target,
|
7335
|
-
append_hydration(
|
7336
|
-
append_hydration(
|
7347
|
+
insert_hydration(target, button, anchor);
|
7348
|
+
append_hydration(button, t0);
|
7349
|
+
append_hydration(button, t1);
|
7337
7350
|
|
7338
7351
|
if (!mounted) {
|
7339
|
-
dispose = listen(
|
7352
|
+
dispose = listen(button, "click", function () {
|
7340
7353
|
if (is_function(/*handleClick*/ ctx[3](/*i*/ ctx[12]))) /*handleClick*/ ctx[3](/*i*/ ctx[12]).apply(this, arguments);
|
7341
7354
|
});
|
7342
7355
|
|
@@ -7347,12 +7360,12 @@ function create_each_block$2(ctx) {
|
|
7347
7360
|
ctx = new_ctx;
|
7348
7361
|
if (dirty & /*count*/ 1 && t0_value !== (t0_value = /*i*/ ctx[12] + "")) set_data(t0, t0_value);
|
7349
7362
|
|
7350
|
-
if (dirty & /*count, _value*/ 3 &&
|
7351
|
-
attr(
|
7363
|
+
if (dirty & /*count, _value*/ 3 && button_style_value !== (button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]))) {
|
7364
|
+
attr(button, "style", button_style_value);
|
7352
7365
|
}
|
7353
7366
|
},
|
7354
7367
|
d(detaching) {
|
7355
|
-
if (detaching) detach(
|
7368
|
+
if (detaching) detach(button);
|
7356
7369
|
mounted = false;
|
7357
7370
|
dispose();
|
7358
7371
|
}
|
@@ -7390,7 +7403,7 @@ function create_fragment$d(ctx) {
|
|
7390
7403
|
this.h();
|
7391
7404
|
},
|
7392
7405
|
h() {
|
7393
|
-
attr(div, "class", "rating-buttons svelte-
|
7406
|
+
attr(div, "class", "rating-buttons svelte-zy2va9");
|
7394
7407
|
},
|
7395
7408
|
m(target, anchor) {
|
7396
7409
|
insert_hydration(target, div, anchor);
|
@@ -7527,7 +7540,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
7527
7540
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
7528
7541
|
|
7529
7542
|
function add_css$b(target) {
|
7530
|
-
append_styles(target, "svelte-
|
7543
|
+
append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
|
7531
7544
|
}
|
7532
7545
|
|
7533
7546
|
function get_each_context$1(ctx, list, i) {
|
@@ -7538,54 +7551,59 @@ function get_each_context$1(ctx, list, i) {
|
|
7538
7551
|
|
7539
7552
|
// (42:2) {#each [...Array(count).keys()].reverse().map(i => i + 1) as i}
|
7540
7553
|
function create_each_block$1(ctx) {
|
7554
|
+
let button;
|
7541
7555
|
let img;
|
7542
7556
|
let img_src_value;
|
7543
7557
|
let img_class_value;
|
7558
|
+
let t;
|
7544
7559
|
let mounted;
|
7545
7560
|
let dispose;
|
7546
7561
|
|
7547
7562
|
return {
|
7548
7563
|
c() {
|
7564
|
+
button = element("button");
|
7549
7565
|
img = element("img");
|
7566
|
+
t = space();
|
7550
7567
|
this.h();
|
7551
7568
|
},
|
7552
7569
|
l(nodes) {
|
7553
|
-
|
7554
|
-
|
7555
|
-
|
7556
|
-
|
7557
|
-
|
7558
|
-
});
|
7559
|
-
|
7570
|
+
button = claim_element(nodes, "BUTTON", { class: true, style: true });
|
7571
|
+
var button_nodes = children(button);
|
7572
|
+
img = claim_element(button_nodes, "IMG", { src: true, class: true, alt: true });
|
7573
|
+
t = claim_space(button_nodes);
|
7574
|
+
button_nodes.forEach(detach);
|
7560
7575
|
this.h();
|
7561
7576
|
},
|
7562
7577
|
h() {
|
7563
7578
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
7564
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
7565
|
-
attr(img, "style", /*buttonStyle*/ ctx[0]);
|
7579
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
7566
7580
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
7581
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
7582
|
+
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
7567
7583
|
},
|
7568
7584
|
m(target, anchor) {
|
7569
|
-
insert_hydration(target,
|
7585
|
+
insert_hydration(target, button, anchor);
|
7586
|
+
append_hydration(button, img);
|
7587
|
+
append_hydration(button, t);
|
7570
7588
|
|
7571
7589
|
if (!mounted) {
|
7572
|
-
dispose = listen(
|
7590
|
+
dispose = listen(button, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
|
7573
7591
|
mounted = true;
|
7574
7592
|
}
|
7575
7593
|
},
|
7576
7594
|
p(new_ctx, dirty) {
|
7577
7595
|
ctx = new_ctx;
|
7578
7596
|
|
7579
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
7597
|
+
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
|
7580
7598
|
attr(img, "class", img_class_value);
|
7581
7599
|
}
|
7582
7600
|
|
7583
7601
|
if (dirty & /*buttonStyle*/ 1) {
|
7584
|
-
attr(
|
7602
|
+
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
7585
7603
|
}
|
7586
7604
|
},
|
7587
7605
|
d(detaching) {
|
7588
|
-
if (detaching) detach(
|
7606
|
+
if (detaching) detach(button);
|
7589
7607
|
mounted = false;
|
7590
7608
|
dispose();
|
7591
7609
|
}
|
@@ -7623,7 +7641,7 @@ function create_fragment$c(ctx) {
|
|
7623
7641
|
this.h();
|
7624
7642
|
},
|
7625
7643
|
h() {
|
7626
|
-
attr(div, "class", "rating-buttons svelte-
|
7644
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
7627
7645
|
},
|
7628
7646
|
m(target, anchor) {
|
7629
7647
|
insert_hydration(target, div, anchor);
|
@@ -7633,7 +7651,7 @@ function create_fragment$c(ctx) {
|
|
7633
7651
|
}
|
7634
7652
|
},
|
7635
7653
|
p(ctx, [dirty]) {
|
7636
|
-
if (dirty & /*
|
7654
|
+
if (dirty & /*buttonStyle, handleClick, Array, count, ICONS, _value*/ 23) {
|
7637
7655
|
each_value = [...Array(count).keys()].reverse().map(func);
|
7638
7656
|
let i;
|
7639
7657
|
|
@@ -7731,7 +7749,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
7731
7749
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
7732
7750
|
|
7733
7751
|
function add_css$a(target) {
|
7734
|
-
append_styles(target, "svelte-
|
7752
|
+
append_styles(target, "svelte-re6e5", ".root.svelte-re6e5{width:100%;height:100%;position:relative}.container.svelte-re6e5{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.slide.svelte-re6e5{height:100%;position:absolute;display:flex}.transition.svelte-re6e5{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-re6e5{height:100%;flex:none}.prev-button-container.svelte-re6e5,.next-button-container.svelte-re6e5{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-re6e5{left:0}.next-button-container.svelte-re6e5{right:0}.move-button.svelte-re6e5{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-re6e5{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-re6e5{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-re6e5{border-radius:51%}");
|
7735
7753
|
}
|
7736
7754
|
|
7737
7755
|
function get_each_context(ctx, list, i) {
|
@@ -7743,8 +7761,8 @@ function get_each_context(ctx, list, i) {
|
|
7743
7761
|
|
7744
7762
|
// (371:2) {#if isVisiblePrevButton}
|
7745
7763
|
function create_if_block_1(ctx) {
|
7746
|
-
let
|
7747
|
-
let
|
7764
|
+
let div;
|
7765
|
+
let button;
|
7748
7766
|
let svg;
|
7749
7767
|
let polygon;
|
7750
7768
|
let mounted;
|
@@ -7752,24 +7770,24 @@ function create_if_block_1(ctx) {
|
|
7752
7770
|
|
7753
7771
|
return {
|
7754
7772
|
c() {
|
7755
|
-
|
7756
|
-
|
7773
|
+
div = element("div");
|
7774
|
+
button = element("button");
|
7757
7775
|
svg = svg_element("svg");
|
7758
7776
|
polygon = svg_element("polygon");
|
7759
7777
|
this.h();
|
7760
7778
|
},
|
7761
7779
|
l(nodes) {
|
7762
|
-
|
7763
|
-
var
|
7764
|
-
|
7765
|
-
var
|
7766
|
-
svg = claim_svg_element(
|
7780
|
+
div = claim_element(nodes, "DIV", { class: true });
|
7781
|
+
var div_nodes = children(div);
|
7782
|
+
button = claim_element(div_nodes, "BUTTON", { class: true, style: true });
|
7783
|
+
var button_nodes = children(button);
|
7784
|
+
svg = claim_svg_element(button_nodes, "svg", { viewBox: true, xmlns: true, style: true });
|
7767
7785
|
var svg_nodes = children(svg);
|
7768
7786
|
polygon = claim_svg_element(svg_nodes, "polygon", { points: true });
|
7769
7787
|
children(polygon).forEach(detach);
|
7770
7788
|
svg_nodes.forEach(detach);
|
7771
|
-
|
7772
|
-
|
7789
|
+
button_nodes.forEach(detach);
|
7790
|
+
div_nodes.forEach(detach);
|
7773
7791
|
this.h();
|
7774
7792
|
},
|
7775
7793
|
h() {
|
@@ -7777,18 +7795,18 @@ function create_if_block_1(ctx) {
|
|
7777
7795
|
attr(svg, "viewBox", "0 0 10 16");
|
7778
7796
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
7779
7797
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
7780
|
-
attr(
|
7781
|
-
attr(
|
7782
|
-
attr(
|
7798
|
+
attr(button, "class", "move-button svelte-re6e5");
|
7799
|
+
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
7800
|
+
attr(div, "class", "prev-button-container svelte-re6e5");
|
7783
7801
|
},
|
7784
7802
|
m(target, anchor) {
|
7785
|
-
insert_hydration(target,
|
7786
|
-
append_hydration(
|
7787
|
-
append_hydration(
|
7803
|
+
insert_hydration(target, div, anchor);
|
7804
|
+
append_hydration(div, button);
|
7805
|
+
append_hydration(button, svg);
|
7788
7806
|
append_hydration(svg, polygon);
|
7789
7807
|
|
7790
7808
|
if (!mounted) {
|
7791
|
-
dispose = listen(
|
7809
|
+
dispose = listen(button, "click", /*prev*/ ctx[15]);
|
7792
7810
|
mounted = true;
|
7793
7811
|
}
|
7794
7812
|
},
|
@@ -7798,11 +7816,11 @@ function create_if_block_1(ctx) {
|
|
7798
7816
|
}
|
7799
7817
|
|
7800
7818
|
if (dirty[0] & /*_prevButtonContainerStyle*/ 512) {
|
7801
|
-
attr(
|
7819
|
+
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
7802
7820
|
}
|
7803
7821
|
},
|
7804
7822
|
d(detaching) {
|
7805
|
-
if (detaching) detach(
|
7823
|
+
if (detaching) detach(div);
|
7806
7824
|
mounted = false;
|
7807
7825
|
dispose();
|
7808
7826
|
}
|
@@ -7811,8 +7829,8 @@ function create_if_block_1(ctx) {
|
|
7811
7829
|
|
7812
7830
|
// (380:2) {#if isVisibleNextButton}
|
7813
7831
|
function create_if_block$1(ctx) {
|
7814
|
-
let
|
7815
|
-
let
|
7832
|
+
let div;
|
7833
|
+
let button;
|
7816
7834
|
let svg;
|
7817
7835
|
let polygon;
|
7818
7836
|
let mounted;
|
@@ -7820,24 +7838,24 @@ function create_if_block$1(ctx) {
|
|
7820
7838
|
|
7821
7839
|
return {
|
7822
7840
|
c() {
|
7823
|
-
|
7824
|
-
|
7841
|
+
div = element("div");
|
7842
|
+
button = element("button");
|
7825
7843
|
svg = svg_element("svg");
|
7826
7844
|
polygon = svg_element("polygon");
|
7827
7845
|
this.h();
|
7828
7846
|
},
|
7829
7847
|
l(nodes) {
|
7830
|
-
|
7831
|
-
var
|
7832
|
-
|
7833
|
-
var
|
7834
|
-
svg = claim_svg_element(
|
7848
|
+
div = claim_element(nodes, "DIV", { class: true });
|
7849
|
+
var div_nodes = children(div);
|
7850
|
+
button = claim_element(div_nodes, "BUTTON", { class: true, style: true });
|
7851
|
+
var button_nodes = children(button);
|
7852
|
+
svg = claim_svg_element(button_nodes, "svg", { viewBox: true, xmlns: true, style: true });
|
7835
7853
|
var svg_nodes = children(svg);
|
7836
7854
|
polygon = claim_svg_element(svg_nodes, "polygon", { points: true });
|
7837
7855
|
children(polygon).forEach(detach);
|
7838
7856
|
svg_nodes.forEach(detach);
|
7839
|
-
|
7840
|
-
|
7857
|
+
button_nodes.forEach(detach);
|
7858
|
+
div_nodes.forEach(detach);
|
7841
7859
|
this.h();
|
7842
7860
|
},
|
7843
7861
|
h() {
|
@@ -7845,18 +7863,18 @@ function create_if_block$1(ctx) {
|
|
7845
7863
|
attr(svg, "viewBox", "0 0 10 16");
|
7846
7864
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
7847
7865
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
7848
|
-
attr(
|
7849
|
-
attr(
|
7850
|
-
attr(
|
7866
|
+
attr(button, "class", "move-button svelte-re6e5");
|
7867
|
+
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
7868
|
+
attr(div, "class", "next-button-container svelte-re6e5");
|
7851
7869
|
},
|
7852
7870
|
m(target, anchor) {
|
7853
|
-
insert_hydration(target,
|
7854
|
-
append_hydration(
|
7855
|
-
append_hydration(
|
7871
|
+
insert_hydration(target, div, anchor);
|
7872
|
+
append_hydration(div, button);
|
7873
|
+
append_hydration(button, svg);
|
7856
7874
|
append_hydration(svg, polygon);
|
7857
7875
|
|
7858
7876
|
if (!mounted) {
|
7859
|
-
dispose = listen(
|
7877
|
+
dispose = listen(button, "click", /*next*/ ctx[16]);
|
7860
7878
|
mounted = true;
|
7861
7879
|
}
|
7862
7880
|
},
|
@@ -7866,11 +7884,11 @@ function create_if_block$1(ctx) {
|
|
7866
7884
|
}
|
7867
7885
|
|
7868
7886
|
if (dirty[0] & /*_nextButtonContainerStyle*/ 128) {
|
7869
|
-
attr(
|
7887
|
+
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
7870
7888
|
}
|
7871
7889
|
},
|
7872
7890
|
d(detaching) {
|
7873
|
-
if (detaching) detach(
|
7891
|
+
if (detaching) detach(div);
|
7874
7892
|
mounted = false;
|
7875
7893
|
dispose();
|
7876
7894
|
}
|
@@ -7879,9 +7897,9 @@ function create_if_block$1(ctx) {
|
|
7879
7897
|
|
7880
7898
|
// (393:4) {#each items as _, i}
|
7881
7899
|
function create_each_block(ctx) {
|
7882
|
-
let
|
7883
|
-
let
|
7884
|
-
let
|
7900
|
+
let button;
|
7901
|
+
let div;
|
7902
|
+
let div_style_value;
|
7885
7903
|
let t;
|
7886
7904
|
let mounted;
|
7887
7905
|
let dispose;
|
@@ -7892,49 +7910,49 @@ function create_each_block(ctx) {
|
|
7892
7910
|
|
7893
7911
|
return {
|
7894
7912
|
c() {
|
7895
|
-
|
7896
|
-
|
7913
|
+
button = element("button");
|
7914
|
+
div = element("div");
|
7897
7915
|
t = space();
|
7898
7916
|
this.h();
|
7899
7917
|
},
|
7900
7918
|
l(nodes) {
|
7901
|
-
|
7902
|
-
var
|
7903
|
-
|
7904
|
-
children(
|
7905
|
-
t = claim_space(
|
7906
|
-
|
7919
|
+
button = claim_element(nodes, "BUTTON", { class: true, style: true });
|
7920
|
+
var button_nodes = children(button);
|
7921
|
+
div = claim_element(button_nodes, "DIV", { class: true, style: true });
|
7922
|
+
children(div).forEach(detach);
|
7923
|
+
t = claim_space(button_nodes);
|
7924
|
+
button_nodes.forEach(detach);
|
7907
7925
|
this.h();
|
7908
7926
|
},
|
7909
7927
|
h() {
|
7910
|
-
attr(
|
7911
|
-
attr(
|
7912
|
-
attr(
|
7913
|
-
attr(
|
7928
|
+
attr(div, "class", "navigation-item-inner circle svelte-re6e5");
|
7929
|
+
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
7930
|
+
attr(button, "class", "navigation-item svelte-re6e5");
|
7931
|
+
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
7914
7932
|
},
|
7915
7933
|
m(target, anchor) {
|
7916
|
-
insert_hydration(target,
|
7917
|
-
append_hydration(
|
7918
|
-
append_hydration(
|
7934
|
+
insert_hydration(target, button, anchor);
|
7935
|
+
append_hydration(button, div);
|
7936
|
+
append_hydration(button, t);
|
7919
7937
|
|
7920
7938
|
if (!mounted) {
|
7921
|
-
dispose = listen(
|
7939
|
+
dispose = listen(button, "click", click_handler);
|
7922
7940
|
mounted = true;
|
7923
7941
|
}
|
7924
7942
|
},
|
7925
7943
|
p(new_ctx, dirty) {
|
7926
7944
|
ctx = new_ctx;
|
7927
7945
|
|
7928
|
-
if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 &&
|
7929
|
-
attr(
|
7946
|
+
if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div_style_value !== (div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
|
7947
|
+
attr(div, "style", div_style_value);
|
7930
7948
|
}
|
7931
7949
|
|
7932
7950
|
if (dirty[0] & /*navigationItemStyle*/ 64) {
|
7933
|
-
attr(
|
7951
|
+
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
7934
7952
|
}
|
7935
7953
|
},
|
7936
7954
|
d(detaching) {
|
7937
|
-
if (detaching) detach(
|
7955
|
+
if (detaching) detach(button);
|
7938
7956
|
mounted = false;
|
7939
7957
|
dispose();
|
7940
7958
|
}
|
@@ -8015,14 +8033,14 @@ function create_fragment$b(ctx) {
|
|
8015
8033
|
this.h();
|
8016
8034
|
},
|
8017
8035
|
h() {
|
8018
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
8036
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"));
|
8019
8037
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
8020
|
-
attr(div1, "class", "container svelte-
|
8038
|
+
attr(div1, "class", "container svelte-re6e5");
|
8021
8039
|
attr(div1, "style", /*_style*/ ctx[0]);
|
8022
|
-
attr(div2, "class", "navigation svelte-
|
8040
|
+
attr(div2, "class", "navigation svelte-re6e5");
|
8023
8041
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
8024
8042
|
set_attributes(div3, div3_data);
|
8025
|
-
toggle_class(div3, "svelte-
|
8043
|
+
toggle_class(div3, "svelte-re6e5", true);
|
8026
8044
|
},
|
8027
8045
|
m(target, anchor) {
|
8028
8046
|
insert_hydration(target, div3, anchor);
|
@@ -8064,7 +8082,7 @@ function create_fragment$b(ctx) {
|
|
8064
8082
|
}
|
8065
8083
|
}
|
8066
8084
|
|
8067
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
8085
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"))) {
|
8068
8086
|
attr(div0, "class", div0_class_value);
|
8069
8087
|
}
|
8070
8088
|
|
@@ -8130,7 +8148,7 @@ function create_fragment$b(ctx) {
|
|
8130
8148
|
}
|
8131
8149
|
|
8132
8150
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
8133
|
-
toggle_class(div3, "svelte-
|
8151
|
+
toggle_class(div3, "svelte-re6e5", true);
|
8134
8152
|
},
|
8135
8153
|
i(local) {
|
8136
8154
|
if (current) return;
|
package/dist/index.es.js
CHANGED
@@ -95,6 +95,10 @@ const getMarginStyle = (margin) => {
|
|
95
95
|
return `margin: ${margin?.top ?? 0} ${margin?.right ?? 0} ${margin?.bottom ?? 0} ${margin?.left ?? 0};`;
|
96
96
|
};
|
97
97
|
/** @internal */
|
98
|
+
const parseStyle = (style) => {
|
99
|
+
return Object.fromEntries(style.split(';').map(attr => attr.split(':').map(str => str.trim())));
|
100
|
+
};
|
101
|
+
/** @internal */
|
98
102
|
const stringifyStyleObj = (styleObj) => {
|
99
103
|
return Object.entries(styleObj)
|
100
104
|
.map(([key, value]) => `${key}:${value}`)
|
@@ -2743,13 +2747,22 @@ const moveTo = (to) => () => {
|
|
2743
2747
|
};
|
2744
2748
|
/** @internal */
|
2745
2749
|
const linkTo = (to, targetBlank = true) => () => {
|
2746
|
-
|
2750
|
+
async function sleep(ms) {
|
2751
|
+
return new Promise(resolve => setTimeout(resolve, ms));
|
2752
|
+
}
|
2753
|
+
async function _send() {
|
2754
|
+
send_event('message_click', { url: to, state: getState$1() });
|
2755
|
+
// # edge.js の retransmitter が送るのを待つ
|
2756
|
+
await sleep(450);
|
2757
|
+
}
|
2747
2758
|
if (targetBlank) {
|
2748
2759
|
window.open(to);
|
2749
2760
|
}
|
2750
|
-
|
2751
|
-
|
2752
|
-
|
2761
|
+
Promise.race([_send(), sleep(650)]).then(() => {
|
2762
|
+
if (!targetBlank) {
|
2763
|
+
location.href = to;
|
2764
|
+
}
|
2765
|
+
});
|
2753
2766
|
};
|
2754
2767
|
/** @internal */
|
2755
2768
|
const closeApp = (trigger) => () => {
|
@@ -6623,7 +6636,7 @@ class FormSelect extends SvelteComponent {
|
|
6623
6636
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
6624
6637
|
|
6625
6638
|
function add_css$d(target) {
|
6626
|
-
append_styles(target, "svelte-
|
6639
|
+
append_styles(target, "svelte-p15pvn", ".check-boxes.svelte-p15pvn.svelte-p15pvn{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-p15pvn.svelte-p15pvn{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-p15pvn.svelte-p15pvn{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-p15pvn.svelte-p15pvn{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-p15pvn.svelte-p15pvn{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-p15pvn.svelte-p15pvn: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:var(--color-sub)}.check-box-check._checked.svelte-p15pvn.svelte-p15pvn{background-color:var(--color-main-active)}.check-box-check._checked.svelte-p15pvn .check-box-icon.svelte-p15pvn:after{border-color:var(--color-sub-active)}.check-box-text.svelte-p15pvn.svelte-p15pvn{margin-left:0.5em}");
|
6627
6640
|
}
|
6628
6641
|
|
6629
6642
|
function get_each_context$3(ctx, list, i) {
|
@@ -6661,20 +6674,20 @@ function create_each_block$3(ctx) {
|
|
6661
6674
|
span2 = element("span");
|
6662
6675
|
t2 = text(t2_value);
|
6663
6676
|
t3 = space();
|
6664
|
-
attr(input, "class", "check-box-input svelte-
|
6677
|
+
attr(input, "class", "check-box-input svelte-p15pvn");
|
6665
6678
|
attr(input, "type", "checkbox");
|
6666
6679
|
attr(input, "name", /*name*/ ctx[0]);
|
6667
6680
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
6668
|
-
attr(span0, "class", "check-box-icon svelte-
|
6681
|
+
attr(span0, "class", "check-box-icon svelte-p15pvn");
|
6669
6682
|
|
6670
6683
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
6671
6684
|
? ' _checked'
|
6672
|
-
: ''}`) + " svelte-
|
6685
|
+
: ''}`) + " svelte-p15pvn"));
|
6673
6686
|
|
6674
|
-
attr(
|
6675
|
-
attr(span2, "class", "check-box-text svelte-o1ztcf");
|
6687
|
+
attr(span2, "class", "check-box-text svelte-p15pvn");
|
6676
6688
|
attr(span2, "style", /*_textStyle*/ ctx[2]);
|
6677
|
-
attr(label, "class", "check-box svelte-
|
6689
|
+
attr(label, "class", "check-box svelte-p15pvn");
|
6690
|
+
attr(label, "style", /*styleVariables*/ ctx[5]);
|
6678
6691
|
},
|
6679
6692
|
m(target, anchor) {
|
6680
6693
|
insert(target, label, anchor);
|
@@ -6705,19 +6718,19 @@ function create_each_block$3(ctx) {
|
|
6705
6718
|
|
6706
6719
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
6707
6720
|
? ' _checked'
|
6708
|
-
: ''}`) + " svelte-
|
6721
|
+
: ''}`) + " svelte-p15pvn"))) {
|
6709
6722
|
attr(span1, "class", span1_class_value);
|
6710
6723
|
}
|
6711
6724
|
|
6712
|
-
if (dirty & /*styleVariables*/ 32) {
|
6713
|
-
attr(span1, "style", /*styleVariables*/ ctx[5]);
|
6714
|
-
}
|
6715
|
-
|
6716
6725
|
if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[17] + "")) set_data(t2, t2_value);
|
6717
6726
|
|
6718
6727
|
if (dirty & /*_textStyle*/ 4) {
|
6719
6728
|
attr(span2, "style", /*_textStyle*/ ctx[2]);
|
6720
6729
|
}
|
6730
|
+
|
6731
|
+
if (dirty & /*styleVariables*/ 32) {
|
6732
|
+
attr(label, "style", /*styleVariables*/ ctx[5]);
|
6733
|
+
}
|
6721
6734
|
},
|
6722
6735
|
d(detaching) {
|
6723
6736
|
if (detaching) detach(label);
|
@@ -6744,7 +6757,7 @@ function create_fragment$e(ctx) {
|
|
6744
6757
|
each_blocks[i].c();
|
6745
6758
|
}
|
6746
6759
|
|
6747
|
-
attr(div, "class", "check-boxes svelte-
|
6760
|
+
attr(div, "class", "check-boxes svelte-p15pvn");
|
6748
6761
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
6749
6762
|
},
|
6750
6763
|
m(target, anchor) {
|
@@ -6755,7 +6768,7 @@ function create_fragment$e(ctx) {
|
|
6755
6768
|
}
|
6756
6769
|
},
|
6757
6770
|
p(ctx, [dirty]) {
|
6758
|
-
if (dirty & /*_textStyle, _options, isCheckedArray,
|
6771
|
+
if (dirty & /*styleVariables, _textStyle, _options, isCheckedArray, name, handleChange*/ 189) {
|
6759
6772
|
each_value = /*_options*/ ctx[3];
|
6760
6773
|
let i;
|
6761
6774
|
|
@@ -6918,7 +6931,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
6918
6931
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
6919
6932
|
|
6920
6933
|
function add_css$c(target) {
|
6921
|
-
append_styles(target, "svelte-
|
6934
|
+
append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
|
6922
6935
|
}
|
6923
6936
|
|
6924
6937
|
function get_each_context$2(ctx, list, i) {
|
@@ -6929,29 +6942,29 @@ function get_each_context$2(ctx, list, i) {
|
|
6929
6942
|
|
6930
6943
|
// (60:2) {#each [...Array(count).keys()].map(i => i + 1) as i}
|
6931
6944
|
function create_each_block$2(ctx) {
|
6932
|
-
let
|
6945
|
+
let button;
|
6933
6946
|
let t0_value = /*i*/ ctx[12] + "";
|
6934
6947
|
let t0;
|
6935
6948
|
let t1;
|
6936
|
-
let
|
6949
|
+
let button_style_value;
|
6937
6950
|
let mounted;
|
6938
6951
|
let dispose;
|
6939
6952
|
|
6940
6953
|
return {
|
6941
6954
|
c() {
|
6942
|
-
|
6955
|
+
button = element("button");
|
6943
6956
|
t0 = text(t0_value);
|
6944
6957
|
t1 = space();
|
6945
|
-
attr(
|
6946
|
-
attr(
|
6958
|
+
attr(button, "class", "rating-button svelte-zy2va9");
|
6959
|
+
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
|
6947
6960
|
},
|
6948
6961
|
m(target, anchor) {
|
6949
|
-
insert(target,
|
6950
|
-
append(
|
6951
|
-
append(
|
6962
|
+
insert(target, button, anchor);
|
6963
|
+
append(button, t0);
|
6964
|
+
append(button, t1);
|
6952
6965
|
|
6953
6966
|
if (!mounted) {
|
6954
|
-
dispose = listen(
|
6967
|
+
dispose = listen(button, "click", function () {
|
6955
6968
|
if (is_function(/*handleClick*/ ctx[3](/*i*/ ctx[12]))) /*handleClick*/ ctx[3](/*i*/ ctx[12]).apply(this, arguments);
|
6956
6969
|
});
|
6957
6970
|
|
@@ -6962,12 +6975,12 @@ function create_each_block$2(ctx) {
|
|
6962
6975
|
ctx = new_ctx;
|
6963
6976
|
if (dirty & /*count*/ 1 && t0_value !== (t0_value = /*i*/ ctx[12] + "")) set_data(t0, t0_value);
|
6964
6977
|
|
6965
|
-
if (dirty & /*count, _value*/ 3 &&
|
6966
|
-
attr(
|
6978
|
+
if (dirty & /*count, _value*/ 3 && button_style_value !== (button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]))) {
|
6979
|
+
attr(button, "style", button_style_value);
|
6967
6980
|
}
|
6968
6981
|
},
|
6969
6982
|
d(detaching) {
|
6970
|
-
if (detaching) detach(
|
6983
|
+
if (detaching) detach(button);
|
6971
6984
|
mounted = false;
|
6972
6985
|
dispose();
|
6973
6986
|
}
|
@@ -6991,7 +7004,7 @@ function create_fragment$d(ctx) {
|
|
6991
7004
|
each_blocks[i].c();
|
6992
7005
|
}
|
6993
7006
|
|
6994
|
-
attr(div, "class", "rating-buttons svelte-
|
7007
|
+
attr(div, "class", "rating-buttons svelte-zy2va9");
|
6995
7008
|
},
|
6996
7009
|
m(target, anchor) {
|
6997
7010
|
insert(target, div, anchor);
|
@@ -7128,7 +7141,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
7128
7141
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
7129
7142
|
|
7130
7143
|
function add_css$b(target) {
|
7131
|
-
append_styles(target, "svelte-
|
7144
|
+
append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
|
7132
7145
|
}
|
7133
7146
|
|
7134
7147
|
function get_each_context$1(ctx, list, i) {
|
@@ -7139,41 +7152,48 @@ function get_each_context$1(ctx, list, i) {
|
|
7139
7152
|
|
7140
7153
|
// (42:2) {#each [...Array(count).keys()].reverse().map(i => i + 1) as i}
|
7141
7154
|
function create_each_block$1(ctx) {
|
7155
|
+
let button;
|
7142
7156
|
let img;
|
7143
7157
|
let img_src_value;
|
7144
7158
|
let img_class_value;
|
7159
|
+
let t;
|
7145
7160
|
let mounted;
|
7146
7161
|
let dispose;
|
7147
7162
|
|
7148
7163
|
return {
|
7149
7164
|
c() {
|
7165
|
+
button = element("button");
|
7150
7166
|
img = element("img");
|
7167
|
+
t = space();
|
7151
7168
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
7152
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
7153
|
-
attr(img, "style", /*buttonStyle*/ ctx[0]);
|
7169
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
7154
7170
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
7171
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
7172
|
+
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
7155
7173
|
},
|
7156
7174
|
m(target, anchor) {
|
7157
|
-
insert(target,
|
7175
|
+
insert(target, button, anchor);
|
7176
|
+
append(button, img);
|
7177
|
+
append(button, t);
|
7158
7178
|
|
7159
7179
|
if (!mounted) {
|
7160
|
-
dispose = listen(
|
7180
|
+
dispose = listen(button, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
|
7161
7181
|
mounted = true;
|
7162
7182
|
}
|
7163
7183
|
},
|
7164
7184
|
p(new_ctx, dirty) {
|
7165
7185
|
ctx = new_ctx;
|
7166
7186
|
|
7167
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
7187
|
+
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
|
7168
7188
|
attr(img, "class", img_class_value);
|
7169
7189
|
}
|
7170
7190
|
|
7171
7191
|
if (dirty & /*buttonStyle*/ 1) {
|
7172
|
-
attr(
|
7192
|
+
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
7173
7193
|
}
|
7174
7194
|
},
|
7175
7195
|
d(detaching) {
|
7176
|
-
if (detaching) detach(
|
7196
|
+
if (detaching) detach(button);
|
7177
7197
|
mounted = false;
|
7178
7198
|
dispose();
|
7179
7199
|
}
|
@@ -7197,7 +7217,7 @@ function create_fragment$c(ctx) {
|
|
7197
7217
|
each_blocks[i].c();
|
7198
7218
|
}
|
7199
7219
|
|
7200
|
-
attr(div, "class", "rating-buttons svelte-
|
7220
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
7201
7221
|
},
|
7202
7222
|
m(target, anchor) {
|
7203
7223
|
insert(target, div, anchor);
|
@@ -7207,7 +7227,7 @@ function create_fragment$c(ctx) {
|
|
7207
7227
|
}
|
7208
7228
|
},
|
7209
7229
|
p(ctx, [dirty]) {
|
7210
|
-
if (dirty & /*
|
7230
|
+
if (dirty & /*buttonStyle, handleClick, Array, count, ICONS, _value*/ 23) {
|
7211
7231
|
each_value = [...Array(count).keys()].reverse().map(func);
|
7212
7232
|
let i;
|
7213
7233
|
|
@@ -7305,7 +7325,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
7305
7325
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
7306
7326
|
|
7307
7327
|
function add_css$a(target) {
|
7308
|
-
append_styles(target, "svelte-
|
7328
|
+
append_styles(target, "svelte-re6e5", ".root.svelte-re6e5{width:100%;height:100%;position:relative}.container.svelte-re6e5{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.slide.svelte-re6e5{height:100%;position:absolute;display:flex}.transition.svelte-re6e5{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-re6e5{height:100%;flex:none}.prev-button-container.svelte-re6e5,.next-button-container.svelte-re6e5{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-re6e5{left:0}.next-button-container.svelte-re6e5{right:0}.move-button.svelte-re6e5{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-re6e5{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-re6e5{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-re6e5{border-radius:51%}");
|
7309
7329
|
}
|
7310
7330
|
|
7311
7331
|
function get_each_context(ctx, list, i) {
|
@@ -7317,8 +7337,8 @@ function get_each_context(ctx, list, i) {
|
|
7317
7337
|
|
7318
7338
|
// (371:2) {#if isVisiblePrevButton}
|
7319
7339
|
function create_if_block_1(ctx) {
|
7320
|
-
let
|
7321
|
-
let
|
7340
|
+
let div;
|
7341
|
+
let button;
|
7322
7342
|
let svg;
|
7323
7343
|
let polygon;
|
7324
7344
|
let mounted;
|
@@ -7326,26 +7346,26 @@ function create_if_block_1(ctx) {
|
|
7326
7346
|
|
7327
7347
|
return {
|
7328
7348
|
c() {
|
7329
|
-
|
7330
|
-
|
7349
|
+
div = element("div");
|
7350
|
+
button = element("button");
|
7331
7351
|
svg = svg_element("svg");
|
7332
7352
|
polygon = svg_element("polygon");
|
7333
7353
|
attr(polygon, "points", "8,0 10,2 4,8 10,14 8,16 0,8");
|
7334
7354
|
attr(svg, "viewBox", "0 0 10 16");
|
7335
7355
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
7336
7356
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
7337
|
-
attr(
|
7338
|
-
attr(
|
7339
|
-
attr(
|
7357
|
+
attr(button, "class", "move-button svelte-re6e5");
|
7358
|
+
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
7359
|
+
attr(div, "class", "prev-button-container svelte-re6e5");
|
7340
7360
|
},
|
7341
7361
|
m(target, anchor) {
|
7342
|
-
insert(target,
|
7343
|
-
append(
|
7344
|
-
append(
|
7362
|
+
insert(target, div, anchor);
|
7363
|
+
append(div, button);
|
7364
|
+
append(button, svg);
|
7345
7365
|
append(svg, polygon);
|
7346
7366
|
|
7347
7367
|
if (!mounted) {
|
7348
|
-
dispose = listen(
|
7368
|
+
dispose = listen(button, "click", /*prev*/ ctx[15]);
|
7349
7369
|
mounted = true;
|
7350
7370
|
}
|
7351
7371
|
},
|
@@ -7355,11 +7375,11 @@ function create_if_block_1(ctx) {
|
|
7355
7375
|
}
|
7356
7376
|
|
7357
7377
|
if (dirty[0] & /*_prevButtonContainerStyle*/ 512) {
|
7358
|
-
attr(
|
7378
|
+
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
7359
7379
|
}
|
7360
7380
|
},
|
7361
7381
|
d(detaching) {
|
7362
|
-
if (detaching) detach(
|
7382
|
+
if (detaching) detach(div);
|
7363
7383
|
mounted = false;
|
7364
7384
|
dispose();
|
7365
7385
|
}
|
@@ -7368,8 +7388,8 @@ function create_if_block_1(ctx) {
|
|
7368
7388
|
|
7369
7389
|
// (380:2) {#if isVisibleNextButton}
|
7370
7390
|
function create_if_block$1(ctx) {
|
7371
|
-
let
|
7372
|
-
let
|
7391
|
+
let div;
|
7392
|
+
let button;
|
7373
7393
|
let svg;
|
7374
7394
|
let polygon;
|
7375
7395
|
let mounted;
|
@@ -7377,26 +7397,26 @@ function create_if_block$1(ctx) {
|
|
7377
7397
|
|
7378
7398
|
return {
|
7379
7399
|
c() {
|
7380
|
-
|
7381
|
-
|
7400
|
+
div = element("div");
|
7401
|
+
button = element("button");
|
7382
7402
|
svg = svg_element("svg");
|
7383
7403
|
polygon = svg_element("polygon");
|
7384
7404
|
attr(polygon, "points", "2,0 10,8 2,16 0,14 6,8 0,2");
|
7385
7405
|
attr(svg, "viewBox", "0 0 10 16");
|
7386
7406
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
7387
7407
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
7388
|
-
attr(
|
7389
|
-
attr(
|
7390
|
-
attr(
|
7408
|
+
attr(button, "class", "move-button svelte-re6e5");
|
7409
|
+
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
7410
|
+
attr(div, "class", "next-button-container svelte-re6e5");
|
7391
7411
|
},
|
7392
7412
|
m(target, anchor) {
|
7393
|
-
insert(target,
|
7394
|
-
append(
|
7395
|
-
append(
|
7413
|
+
insert(target, div, anchor);
|
7414
|
+
append(div, button);
|
7415
|
+
append(button, svg);
|
7396
7416
|
append(svg, polygon);
|
7397
7417
|
|
7398
7418
|
if (!mounted) {
|
7399
|
-
dispose = listen(
|
7419
|
+
dispose = listen(button, "click", /*next*/ ctx[16]);
|
7400
7420
|
mounted = true;
|
7401
7421
|
}
|
7402
7422
|
},
|
@@ -7406,11 +7426,11 @@ function create_if_block$1(ctx) {
|
|
7406
7426
|
}
|
7407
7427
|
|
7408
7428
|
if (dirty[0] & /*_nextButtonContainerStyle*/ 128) {
|
7409
|
-
attr(
|
7429
|
+
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
7410
7430
|
}
|
7411
7431
|
},
|
7412
7432
|
d(detaching) {
|
7413
|
-
if (detaching) detach(
|
7433
|
+
if (detaching) detach(div);
|
7414
7434
|
mounted = false;
|
7415
7435
|
dispose();
|
7416
7436
|
}
|
@@ -7419,9 +7439,9 @@ function create_if_block$1(ctx) {
|
|
7419
7439
|
|
7420
7440
|
// (393:4) {#each items as _, i}
|
7421
7441
|
function create_each_block(ctx) {
|
7422
|
-
let
|
7423
|
-
let
|
7424
|
-
let
|
7442
|
+
let button;
|
7443
|
+
let div;
|
7444
|
+
let div_style_value;
|
7425
7445
|
let t;
|
7426
7446
|
let mounted;
|
7427
7447
|
let dispose;
|
@@ -7432,37 +7452,37 @@ function create_each_block(ctx) {
|
|
7432
7452
|
|
7433
7453
|
return {
|
7434
7454
|
c() {
|
7435
|
-
|
7436
|
-
|
7455
|
+
button = element("button");
|
7456
|
+
div = element("div");
|
7437
7457
|
t = space();
|
7438
|
-
attr(
|
7439
|
-
attr(
|
7440
|
-
attr(
|
7441
|
-
attr(
|
7458
|
+
attr(div, "class", "navigation-item-inner circle svelte-re6e5");
|
7459
|
+
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
7460
|
+
attr(button, "class", "navigation-item svelte-re6e5");
|
7461
|
+
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
7442
7462
|
},
|
7443
7463
|
m(target, anchor) {
|
7444
|
-
insert(target,
|
7445
|
-
append(
|
7446
|
-
append(
|
7464
|
+
insert(target, button, anchor);
|
7465
|
+
append(button, div);
|
7466
|
+
append(button, t);
|
7447
7467
|
|
7448
7468
|
if (!mounted) {
|
7449
|
-
dispose = listen(
|
7469
|
+
dispose = listen(button, "click", click_handler);
|
7450
7470
|
mounted = true;
|
7451
7471
|
}
|
7452
7472
|
},
|
7453
7473
|
p(new_ctx, dirty) {
|
7454
7474
|
ctx = new_ctx;
|
7455
7475
|
|
7456
|
-
if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 &&
|
7457
|
-
attr(
|
7476
|
+
if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div_style_value !== (div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
|
7477
|
+
attr(div, "style", div_style_value);
|
7458
7478
|
}
|
7459
7479
|
|
7460
7480
|
if (dirty[0] & /*navigationItemStyle*/ 64) {
|
7461
|
-
attr(
|
7481
|
+
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
7462
7482
|
}
|
7463
7483
|
},
|
7464
7484
|
d(detaching) {
|
7465
|
-
if (detaching) detach(
|
7485
|
+
if (detaching) detach(button);
|
7466
7486
|
mounted = false;
|
7467
7487
|
dispose();
|
7468
7488
|
}
|
@@ -7514,14 +7534,14 @@ function create_fragment$b(ctx) {
|
|
7514
7534
|
each_blocks[i].c();
|
7515
7535
|
}
|
7516
7536
|
|
7517
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
7537
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"));
|
7518
7538
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
7519
|
-
attr(div1, "class", "container svelte-
|
7539
|
+
attr(div1, "class", "container svelte-re6e5");
|
7520
7540
|
attr(div1, "style", /*_style*/ ctx[0]);
|
7521
|
-
attr(div2, "class", "navigation svelte-
|
7541
|
+
attr(div2, "class", "navigation svelte-re6e5");
|
7522
7542
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
7523
7543
|
set_attributes(div3, div3_data);
|
7524
|
-
toggle_class(div3, "svelte-
|
7544
|
+
toggle_class(div3, "svelte-re6e5", true);
|
7525
7545
|
},
|
7526
7546
|
m(target, anchor) {
|
7527
7547
|
insert(target, div3, anchor);
|
@@ -7563,7 +7583,7 @@ function create_fragment$b(ctx) {
|
|
7563
7583
|
}
|
7564
7584
|
}
|
7565
7585
|
|
7566
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
7586
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"))) {
|
7567
7587
|
attr(div0, "class", div0_class_value);
|
7568
7588
|
}
|
7569
7589
|
|
@@ -7629,7 +7649,7 @@ function create_fragment$b(ctx) {
|
|
7629
7649
|
}
|
7630
7650
|
|
7631
7651
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
7632
|
-
toggle_class(div3, "svelte-
|
7652
|
+
toggle_class(div3, "svelte-re6e5", true);
|
7633
7653
|
},
|
7634
7654
|
i(local) {
|
7635
7655
|
if (current) return;
|