@plaidev/karte-action-sdk 1.1.182-28042985.fb2e7905 → 1.1.182-28058838.32ec9a3b
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.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;
|