@plaidev/karte-action-sdk 1.1.182-28042985.fb2e7905 → 1.1.182-28044595.2da1f16a
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.js +131 -122
- package/dist/index.es.js +99 -88
- 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}`)
|
@@ -6960,7 +6964,7 @@ class FormSelect extends SvelteComponent {
|
|
6960
6964
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
6961
6965
|
|
6962
6966
|
function add_css$d(target) {
|
6963
|
-
append_styles(target, "svelte-
|
6967
|
+
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
6968
|
}
|
6965
6969
|
|
6966
6970
|
function get_each_context$3(ctx, list, i) {
|
@@ -7001,11 +7005,11 @@ function create_each_block$3(ctx) {
|
|
7001
7005
|
this.h();
|
7002
7006
|
},
|
7003
7007
|
l(nodes) {
|
7004
|
-
label = claim_element(nodes, "LABEL", { class: true });
|
7008
|
+
label = claim_element(nodes, "LABEL", { class: true, style: true });
|
7005
7009
|
var label_nodes = children(label);
|
7006
7010
|
input = claim_element(label_nodes, "INPUT", { class: true, type: true, name: true });
|
7007
7011
|
t0 = claim_space(label_nodes);
|
7008
|
-
span1 = claim_element(label_nodes, "SPAN", { class: true
|
7012
|
+
span1 = claim_element(label_nodes, "SPAN", { class: true });
|
7009
7013
|
var span1_nodes = children(span1);
|
7010
7014
|
span0 = claim_element(span1_nodes, "SPAN", { class: true });
|
7011
7015
|
var span0_nodes = children(span0);
|
@@ -7021,20 +7025,20 @@ function create_each_block$3(ctx) {
|
|
7021
7025
|
this.h();
|
7022
7026
|
},
|
7023
7027
|
h() {
|
7024
|
-
attr(input, "class", "check-box-input svelte-
|
7028
|
+
attr(input, "class", "check-box-input svelte-p15pvn");
|
7025
7029
|
attr(input, "type", "checkbox");
|
7026
7030
|
attr(input, "name", /*name*/ ctx[0]);
|
7027
7031
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
7028
|
-
attr(span0, "class", "check-box-icon svelte-
|
7032
|
+
attr(span0, "class", "check-box-icon svelte-p15pvn");
|
7029
7033
|
|
7030
7034
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7031
7035
|
? ' _checked'
|
7032
|
-
: ''}`) + " svelte-
|
7036
|
+
: ''}`) + " svelte-p15pvn"));
|
7033
7037
|
|
7034
|
-
attr(
|
7035
|
-
attr(span2, "class", "check-box-text svelte-o1ztcf");
|
7038
|
+
attr(span2, "class", "check-box-text svelte-p15pvn");
|
7036
7039
|
attr(span2, "style", /*_textStyle*/ ctx[2]);
|
7037
|
-
attr(label, "class", "check-box svelte-
|
7040
|
+
attr(label, "class", "check-box svelte-p15pvn");
|
7041
|
+
attr(label, "style", /*styleVariables*/ ctx[5]);
|
7038
7042
|
},
|
7039
7043
|
m(target, anchor) {
|
7040
7044
|
insert_hydration(target, label, anchor);
|
@@ -7065,19 +7069,19 @@ function create_each_block$3(ctx) {
|
|
7065
7069
|
|
7066
7070
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7067
7071
|
? ' _checked'
|
7068
|
-
: ''}`) + " svelte-
|
7072
|
+
: ''}`) + " svelte-p15pvn"))) {
|
7069
7073
|
attr(span1, "class", span1_class_value);
|
7070
7074
|
}
|
7071
7075
|
|
7072
|
-
if (dirty & /*styleVariables*/ 32) {
|
7073
|
-
attr(span1, "style", /*styleVariables*/ ctx[5]);
|
7074
|
-
}
|
7075
|
-
|
7076
7076
|
if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[17] + "")) set_data(t2, t2_value);
|
7077
7077
|
|
7078
7078
|
if (dirty & /*_textStyle*/ 4) {
|
7079
7079
|
attr(span2, "style", /*_textStyle*/ ctx[2]);
|
7080
7080
|
}
|
7081
|
+
|
7082
|
+
if (dirty & /*styleVariables*/ 32) {
|
7083
|
+
attr(label, "style", /*styleVariables*/ ctx[5]);
|
7084
|
+
}
|
7081
7085
|
},
|
7082
7086
|
d(detaching) {
|
7083
7087
|
if (detaching) detach(label);
|
@@ -7118,7 +7122,7 @@ function create_fragment$e(ctx) {
|
|
7118
7122
|
this.h();
|
7119
7123
|
},
|
7120
7124
|
h() {
|
7121
|
-
attr(div, "class", "check-boxes svelte-
|
7125
|
+
attr(div, "class", "check-boxes svelte-p15pvn");
|
7122
7126
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
7123
7127
|
},
|
7124
7128
|
m(target, anchor) {
|
@@ -7129,7 +7133,7 @@ function create_fragment$e(ctx) {
|
|
7129
7133
|
}
|
7130
7134
|
},
|
7131
7135
|
p(ctx, [dirty]) {
|
7132
|
-
if (dirty & /*_textStyle, _options, isCheckedArray,
|
7136
|
+
if (dirty & /*styleVariables, _textStyle, _options, isCheckedArray, name, handleChange*/ 189) {
|
7133
7137
|
each_value = /*_options*/ ctx[3];
|
7134
7138
|
let i;
|
7135
7139
|
|
@@ -7292,7 +7296,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7292
7296
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
7293
7297
|
|
7294
7298
|
function add_css$c(target) {
|
7295
|
-
append_styles(target, "svelte-
|
7299
|
+
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
7300
|
}
|
7297
7301
|
|
7298
7302
|
function get_each_context$2(ctx, list, i) {
|
@@ -7303,40 +7307,40 @@ function get_each_context$2(ctx, list, i) {
|
|
7303
7307
|
|
7304
7308
|
// (60:2) {#each [...Array(count).keys()].map(i => i + 1) as i}
|
7305
7309
|
function create_each_block$2(ctx) {
|
7306
|
-
let
|
7310
|
+
let button;
|
7307
7311
|
let t0_value = /*i*/ ctx[12] + "";
|
7308
7312
|
let t0;
|
7309
7313
|
let t1;
|
7310
|
-
let
|
7314
|
+
let button_style_value;
|
7311
7315
|
let mounted;
|
7312
7316
|
let dispose;
|
7313
7317
|
|
7314
7318
|
return {
|
7315
7319
|
c() {
|
7316
|
-
|
7320
|
+
button = element("button");
|
7317
7321
|
t0 = text(t0_value);
|
7318
7322
|
t1 = space();
|
7319
7323
|
this.h();
|
7320
7324
|
},
|
7321
7325
|
l(nodes) {
|
7322
|
-
|
7323
|
-
var
|
7324
|
-
t0 = claim_text(
|
7325
|
-
t1 = claim_space(
|
7326
|
-
|
7326
|
+
button = claim_element(nodes, "BUTTON", { class: true, style: true });
|
7327
|
+
var button_nodes = children(button);
|
7328
|
+
t0 = claim_text(button_nodes, t0_value);
|
7329
|
+
t1 = claim_space(button_nodes);
|
7330
|
+
button_nodes.forEach(detach);
|
7327
7331
|
this.h();
|
7328
7332
|
},
|
7329
7333
|
h() {
|
7330
|
-
attr(
|
7331
|
-
attr(
|
7334
|
+
attr(button, "class", "rating-button svelte-zy2va9");
|
7335
|
+
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
|
7332
7336
|
},
|
7333
7337
|
m(target, anchor) {
|
7334
|
-
insert_hydration(target,
|
7335
|
-
append_hydration(
|
7336
|
-
append_hydration(
|
7338
|
+
insert_hydration(target, button, anchor);
|
7339
|
+
append_hydration(button, t0);
|
7340
|
+
append_hydration(button, t1);
|
7337
7341
|
|
7338
7342
|
if (!mounted) {
|
7339
|
-
dispose = listen(
|
7343
|
+
dispose = listen(button, "click", function () {
|
7340
7344
|
if (is_function(/*handleClick*/ ctx[3](/*i*/ ctx[12]))) /*handleClick*/ ctx[3](/*i*/ ctx[12]).apply(this, arguments);
|
7341
7345
|
});
|
7342
7346
|
|
@@ -7347,12 +7351,12 @@ function create_each_block$2(ctx) {
|
|
7347
7351
|
ctx = new_ctx;
|
7348
7352
|
if (dirty & /*count*/ 1 && t0_value !== (t0_value = /*i*/ ctx[12] + "")) set_data(t0, t0_value);
|
7349
7353
|
|
7350
|
-
if (dirty & /*count, _value*/ 3 &&
|
7351
|
-
attr(
|
7354
|
+
if (dirty & /*count, _value*/ 3 && button_style_value !== (button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]))) {
|
7355
|
+
attr(button, "style", button_style_value);
|
7352
7356
|
}
|
7353
7357
|
},
|
7354
7358
|
d(detaching) {
|
7355
|
-
if (detaching) detach(
|
7359
|
+
if (detaching) detach(button);
|
7356
7360
|
mounted = false;
|
7357
7361
|
dispose();
|
7358
7362
|
}
|
@@ -7390,7 +7394,7 @@ function create_fragment$d(ctx) {
|
|
7390
7394
|
this.h();
|
7391
7395
|
},
|
7392
7396
|
h() {
|
7393
|
-
attr(div, "class", "rating-buttons svelte-
|
7397
|
+
attr(div, "class", "rating-buttons svelte-zy2va9");
|
7394
7398
|
},
|
7395
7399
|
m(target, anchor) {
|
7396
7400
|
insert_hydration(target, div, anchor);
|
@@ -7527,7 +7531,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
7527
7531
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
7528
7532
|
|
7529
7533
|
function add_css$b(target) {
|
7530
|
-
append_styles(target, "svelte-
|
7534
|
+
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
7535
|
}
|
7532
7536
|
|
7533
7537
|
function get_each_context$1(ctx, list, i) {
|
@@ -7538,54 +7542,59 @@ function get_each_context$1(ctx, list, i) {
|
|
7538
7542
|
|
7539
7543
|
// (42:2) {#each [...Array(count).keys()].reverse().map(i => i + 1) as i}
|
7540
7544
|
function create_each_block$1(ctx) {
|
7545
|
+
let button;
|
7541
7546
|
let img;
|
7542
7547
|
let img_src_value;
|
7543
7548
|
let img_class_value;
|
7549
|
+
let t;
|
7544
7550
|
let mounted;
|
7545
7551
|
let dispose;
|
7546
7552
|
|
7547
7553
|
return {
|
7548
7554
|
c() {
|
7555
|
+
button = element("button");
|
7549
7556
|
img = element("img");
|
7557
|
+
t = space();
|
7550
7558
|
this.h();
|
7551
7559
|
},
|
7552
7560
|
l(nodes) {
|
7553
|
-
|
7554
|
-
|
7555
|
-
|
7556
|
-
|
7557
|
-
|
7558
|
-
});
|
7559
|
-
|
7561
|
+
button = claim_element(nodes, "BUTTON", { class: true, style: true });
|
7562
|
+
var button_nodes = children(button);
|
7563
|
+
img = claim_element(button_nodes, "IMG", { src: true, class: true, alt: true });
|
7564
|
+
t = claim_space(button_nodes);
|
7565
|
+
button_nodes.forEach(detach);
|
7560
7566
|
this.h();
|
7561
7567
|
},
|
7562
7568
|
h() {
|
7563
7569
|
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]);
|
7570
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
7566
7571
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
7572
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
7573
|
+
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
7567
7574
|
},
|
7568
7575
|
m(target, anchor) {
|
7569
|
-
insert_hydration(target,
|
7576
|
+
insert_hydration(target, button, anchor);
|
7577
|
+
append_hydration(button, img);
|
7578
|
+
append_hydration(button, t);
|
7570
7579
|
|
7571
7580
|
if (!mounted) {
|
7572
|
-
dispose = listen(
|
7581
|
+
dispose = listen(button, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
|
7573
7582
|
mounted = true;
|
7574
7583
|
}
|
7575
7584
|
},
|
7576
7585
|
p(new_ctx, dirty) {
|
7577
7586
|
ctx = new_ctx;
|
7578
7587
|
|
7579
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
7588
|
+
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
7589
|
attr(img, "class", img_class_value);
|
7581
7590
|
}
|
7582
7591
|
|
7583
7592
|
if (dirty & /*buttonStyle*/ 1) {
|
7584
|
-
attr(
|
7593
|
+
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
7585
7594
|
}
|
7586
7595
|
},
|
7587
7596
|
d(detaching) {
|
7588
|
-
if (detaching) detach(
|
7597
|
+
if (detaching) detach(button);
|
7589
7598
|
mounted = false;
|
7590
7599
|
dispose();
|
7591
7600
|
}
|
@@ -7623,7 +7632,7 @@ function create_fragment$c(ctx) {
|
|
7623
7632
|
this.h();
|
7624
7633
|
},
|
7625
7634
|
h() {
|
7626
|
-
attr(div, "class", "rating-buttons svelte-
|
7635
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
7627
7636
|
},
|
7628
7637
|
m(target, anchor) {
|
7629
7638
|
insert_hydration(target, div, anchor);
|
@@ -7633,7 +7642,7 @@ function create_fragment$c(ctx) {
|
|
7633
7642
|
}
|
7634
7643
|
},
|
7635
7644
|
p(ctx, [dirty]) {
|
7636
|
-
if (dirty & /*
|
7645
|
+
if (dirty & /*buttonStyle, handleClick, Array, count, ICONS, _value*/ 23) {
|
7637
7646
|
each_value = [...Array(count).keys()].reverse().map(func);
|
7638
7647
|
let i;
|
7639
7648
|
|
@@ -7731,7 +7740,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
7731
7740
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
7732
7741
|
|
7733
7742
|
function add_css$a(target) {
|
7734
|
-
append_styles(target, "svelte-
|
7743
|
+
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
7744
|
}
|
7736
7745
|
|
7737
7746
|
function get_each_context(ctx, list, i) {
|
@@ -7743,8 +7752,8 @@ function get_each_context(ctx, list, i) {
|
|
7743
7752
|
|
7744
7753
|
// (371:2) {#if isVisiblePrevButton}
|
7745
7754
|
function create_if_block_1(ctx) {
|
7746
|
-
let
|
7747
|
-
let
|
7755
|
+
let div;
|
7756
|
+
let button;
|
7748
7757
|
let svg;
|
7749
7758
|
let polygon;
|
7750
7759
|
let mounted;
|
@@ -7752,24 +7761,24 @@ function create_if_block_1(ctx) {
|
|
7752
7761
|
|
7753
7762
|
return {
|
7754
7763
|
c() {
|
7755
|
-
|
7756
|
-
|
7764
|
+
div = element("div");
|
7765
|
+
button = element("button");
|
7757
7766
|
svg = svg_element("svg");
|
7758
7767
|
polygon = svg_element("polygon");
|
7759
7768
|
this.h();
|
7760
7769
|
},
|
7761
7770
|
l(nodes) {
|
7762
|
-
|
7763
|
-
var
|
7764
|
-
|
7765
|
-
var
|
7766
|
-
svg = claim_svg_element(
|
7771
|
+
div = claim_element(nodes, "DIV", { class: true });
|
7772
|
+
var div_nodes = children(div);
|
7773
|
+
button = claim_element(div_nodes, "BUTTON", { class: true, style: true });
|
7774
|
+
var button_nodes = children(button);
|
7775
|
+
svg = claim_svg_element(button_nodes, "svg", { viewBox: true, xmlns: true, style: true });
|
7767
7776
|
var svg_nodes = children(svg);
|
7768
7777
|
polygon = claim_svg_element(svg_nodes, "polygon", { points: true });
|
7769
7778
|
children(polygon).forEach(detach);
|
7770
7779
|
svg_nodes.forEach(detach);
|
7771
|
-
|
7772
|
-
|
7780
|
+
button_nodes.forEach(detach);
|
7781
|
+
div_nodes.forEach(detach);
|
7773
7782
|
this.h();
|
7774
7783
|
},
|
7775
7784
|
h() {
|
@@ -7777,18 +7786,18 @@ function create_if_block_1(ctx) {
|
|
7777
7786
|
attr(svg, "viewBox", "0 0 10 16");
|
7778
7787
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
7779
7788
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
7780
|
-
attr(
|
7781
|
-
attr(
|
7782
|
-
attr(
|
7789
|
+
attr(button, "class", "move-button svelte-re6e5");
|
7790
|
+
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
7791
|
+
attr(div, "class", "prev-button-container svelte-re6e5");
|
7783
7792
|
},
|
7784
7793
|
m(target, anchor) {
|
7785
|
-
insert_hydration(target,
|
7786
|
-
append_hydration(
|
7787
|
-
append_hydration(
|
7794
|
+
insert_hydration(target, div, anchor);
|
7795
|
+
append_hydration(div, button);
|
7796
|
+
append_hydration(button, svg);
|
7788
7797
|
append_hydration(svg, polygon);
|
7789
7798
|
|
7790
7799
|
if (!mounted) {
|
7791
|
-
dispose = listen(
|
7800
|
+
dispose = listen(button, "click", /*prev*/ ctx[15]);
|
7792
7801
|
mounted = true;
|
7793
7802
|
}
|
7794
7803
|
},
|
@@ -7798,11 +7807,11 @@ function create_if_block_1(ctx) {
|
|
7798
7807
|
}
|
7799
7808
|
|
7800
7809
|
if (dirty[0] & /*_prevButtonContainerStyle*/ 512) {
|
7801
|
-
attr(
|
7810
|
+
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
7802
7811
|
}
|
7803
7812
|
},
|
7804
7813
|
d(detaching) {
|
7805
|
-
if (detaching) detach(
|
7814
|
+
if (detaching) detach(div);
|
7806
7815
|
mounted = false;
|
7807
7816
|
dispose();
|
7808
7817
|
}
|
@@ -7811,8 +7820,8 @@ function create_if_block_1(ctx) {
|
|
7811
7820
|
|
7812
7821
|
// (380:2) {#if isVisibleNextButton}
|
7813
7822
|
function create_if_block$1(ctx) {
|
7814
|
-
let
|
7815
|
-
let
|
7823
|
+
let div;
|
7824
|
+
let button;
|
7816
7825
|
let svg;
|
7817
7826
|
let polygon;
|
7818
7827
|
let mounted;
|
@@ -7820,24 +7829,24 @@ function create_if_block$1(ctx) {
|
|
7820
7829
|
|
7821
7830
|
return {
|
7822
7831
|
c() {
|
7823
|
-
|
7824
|
-
|
7832
|
+
div = element("div");
|
7833
|
+
button = element("button");
|
7825
7834
|
svg = svg_element("svg");
|
7826
7835
|
polygon = svg_element("polygon");
|
7827
7836
|
this.h();
|
7828
7837
|
},
|
7829
7838
|
l(nodes) {
|
7830
|
-
|
7831
|
-
var
|
7832
|
-
|
7833
|
-
var
|
7834
|
-
svg = claim_svg_element(
|
7839
|
+
div = claim_element(nodes, "DIV", { class: true });
|
7840
|
+
var div_nodes = children(div);
|
7841
|
+
button = claim_element(div_nodes, "BUTTON", { class: true, style: true });
|
7842
|
+
var button_nodes = children(button);
|
7843
|
+
svg = claim_svg_element(button_nodes, "svg", { viewBox: true, xmlns: true, style: true });
|
7835
7844
|
var svg_nodes = children(svg);
|
7836
7845
|
polygon = claim_svg_element(svg_nodes, "polygon", { points: true });
|
7837
7846
|
children(polygon).forEach(detach);
|
7838
7847
|
svg_nodes.forEach(detach);
|
7839
|
-
|
7840
|
-
|
7848
|
+
button_nodes.forEach(detach);
|
7849
|
+
div_nodes.forEach(detach);
|
7841
7850
|
this.h();
|
7842
7851
|
},
|
7843
7852
|
h() {
|
@@ -7845,18 +7854,18 @@ function create_if_block$1(ctx) {
|
|
7845
7854
|
attr(svg, "viewBox", "0 0 10 16");
|
7846
7855
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
7847
7856
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
7848
|
-
attr(
|
7849
|
-
attr(
|
7850
|
-
attr(
|
7857
|
+
attr(button, "class", "move-button svelte-re6e5");
|
7858
|
+
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
7859
|
+
attr(div, "class", "next-button-container svelte-re6e5");
|
7851
7860
|
},
|
7852
7861
|
m(target, anchor) {
|
7853
|
-
insert_hydration(target,
|
7854
|
-
append_hydration(
|
7855
|
-
append_hydration(
|
7862
|
+
insert_hydration(target, div, anchor);
|
7863
|
+
append_hydration(div, button);
|
7864
|
+
append_hydration(button, svg);
|
7856
7865
|
append_hydration(svg, polygon);
|
7857
7866
|
|
7858
7867
|
if (!mounted) {
|
7859
|
-
dispose = listen(
|
7868
|
+
dispose = listen(button, "click", /*next*/ ctx[16]);
|
7860
7869
|
mounted = true;
|
7861
7870
|
}
|
7862
7871
|
},
|
@@ -7866,11 +7875,11 @@ function create_if_block$1(ctx) {
|
|
7866
7875
|
}
|
7867
7876
|
|
7868
7877
|
if (dirty[0] & /*_nextButtonContainerStyle*/ 128) {
|
7869
|
-
attr(
|
7878
|
+
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
7870
7879
|
}
|
7871
7880
|
},
|
7872
7881
|
d(detaching) {
|
7873
|
-
if (detaching) detach(
|
7882
|
+
if (detaching) detach(div);
|
7874
7883
|
mounted = false;
|
7875
7884
|
dispose();
|
7876
7885
|
}
|
@@ -7879,9 +7888,9 @@ function create_if_block$1(ctx) {
|
|
7879
7888
|
|
7880
7889
|
// (393:4) {#each items as _, i}
|
7881
7890
|
function create_each_block(ctx) {
|
7882
|
-
let
|
7883
|
-
let
|
7884
|
-
let
|
7891
|
+
let button;
|
7892
|
+
let div;
|
7893
|
+
let div_style_value;
|
7885
7894
|
let t;
|
7886
7895
|
let mounted;
|
7887
7896
|
let dispose;
|
@@ -7892,49 +7901,49 @@ function create_each_block(ctx) {
|
|
7892
7901
|
|
7893
7902
|
return {
|
7894
7903
|
c() {
|
7895
|
-
|
7896
|
-
|
7904
|
+
button = element("button");
|
7905
|
+
div = element("div");
|
7897
7906
|
t = space();
|
7898
7907
|
this.h();
|
7899
7908
|
},
|
7900
7909
|
l(nodes) {
|
7901
|
-
|
7902
|
-
var
|
7903
|
-
|
7904
|
-
children(
|
7905
|
-
t = claim_space(
|
7906
|
-
|
7910
|
+
button = claim_element(nodes, "BUTTON", { class: true, style: true });
|
7911
|
+
var button_nodes = children(button);
|
7912
|
+
div = claim_element(button_nodes, "DIV", { class: true, style: true });
|
7913
|
+
children(div).forEach(detach);
|
7914
|
+
t = claim_space(button_nodes);
|
7915
|
+
button_nodes.forEach(detach);
|
7907
7916
|
this.h();
|
7908
7917
|
},
|
7909
7918
|
h() {
|
7910
|
-
attr(
|
7911
|
-
attr(
|
7912
|
-
attr(
|
7913
|
-
attr(
|
7919
|
+
attr(div, "class", "navigation-item-inner circle svelte-re6e5");
|
7920
|
+
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
7921
|
+
attr(button, "class", "navigation-item svelte-re6e5");
|
7922
|
+
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
7914
7923
|
},
|
7915
7924
|
m(target, anchor) {
|
7916
|
-
insert_hydration(target,
|
7917
|
-
append_hydration(
|
7918
|
-
append_hydration(
|
7925
|
+
insert_hydration(target, button, anchor);
|
7926
|
+
append_hydration(button, div);
|
7927
|
+
append_hydration(button, t);
|
7919
7928
|
|
7920
7929
|
if (!mounted) {
|
7921
|
-
dispose = listen(
|
7930
|
+
dispose = listen(button, "click", click_handler);
|
7922
7931
|
mounted = true;
|
7923
7932
|
}
|
7924
7933
|
},
|
7925
7934
|
p(new_ctx, dirty) {
|
7926
7935
|
ctx = new_ctx;
|
7927
7936
|
|
7928
|
-
if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 &&
|
7929
|
-
attr(
|
7937
|
+
if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div_style_value !== (div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
|
7938
|
+
attr(div, "style", div_style_value);
|
7930
7939
|
}
|
7931
7940
|
|
7932
7941
|
if (dirty[0] & /*navigationItemStyle*/ 64) {
|
7933
|
-
attr(
|
7942
|
+
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
7934
7943
|
}
|
7935
7944
|
},
|
7936
7945
|
d(detaching) {
|
7937
|
-
if (detaching) detach(
|
7946
|
+
if (detaching) detach(button);
|
7938
7947
|
mounted = false;
|
7939
7948
|
dispose();
|
7940
7949
|
}
|
@@ -8015,14 +8024,14 @@ function create_fragment$b(ctx) {
|
|
8015
8024
|
this.h();
|
8016
8025
|
},
|
8017
8026
|
h() {
|
8018
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
8027
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"));
|
8019
8028
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
8020
|
-
attr(div1, "class", "container svelte-
|
8029
|
+
attr(div1, "class", "container svelte-re6e5");
|
8021
8030
|
attr(div1, "style", /*_style*/ ctx[0]);
|
8022
|
-
attr(div2, "class", "navigation svelte-
|
8031
|
+
attr(div2, "class", "navigation svelte-re6e5");
|
8023
8032
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
8024
8033
|
set_attributes(div3, div3_data);
|
8025
|
-
toggle_class(div3, "svelte-
|
8034
|
+
toggle_class(div3, "svelte-re6e5", true);
|
8026
8035
|
},
|
8027
8036
|
m(target, anchor) {
|
8028
8037
|
insert_hydration(target, div3, anchor);
|
@@ -8064,7 +8073,7 @@ function create_fragment$b(ctx) {
|
|
8064
8073
|
}
|
8065
8074
|
}
|
8066
8075
|
|
8067
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
8076
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"))) {
|
8068
8077
|
attr(div0, "class", div0_class_value);
|
8069
8078
|
}
|
8070
8079
|
|
@@ -8130,7 +8139,7 @@ function create_fragment$b(ctx) {
|
|
8130
8139
|
}
|
8131
8140
|
|
8132
8141
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
8133
|
-
toggle_class(div3, "svelte-
|
8142
|
+
toggle_class(div3, "svelte-re6e5", true);
|
8134
8143
|
},
|
8135
8144
|
i(local) {
|
8136
8145
|
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}`)
|
@@ -6623,7 +6627,7 @@ class FormSelect extends SvelteComponent {
|
|
6623
6627
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
6624
6628
|
|
6625
6629
|
function add_css$d(target) {
|
6626
|
-
append_styles(target, "svelte-
|
6630
|
+
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
6631
|
}
|
6628
6632
|
|
6629
6633
|
function get_each_context$3(ctx, list, i) {
|
@@ -6661,20 +6665,20 @@ function create_each_block$3(ctx) {
|
|
6661
6665
|
span2 = element("span");
|
6662
6666
|
t2 = text(t2_value);
|
6663
6667
|
t3 = space();
|
6664
|
-
attr(input, "class", "check-box-input svelte-
|
6668
|
+
attr(input, "class", "check-box-input svelte-p15pvn");
|
6665
6669
|
attr(input, "type", "checkbox");
|
6666
6670
|
attr(input, "name", /*name*/ ctx[0]);
|
6667
6671
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
6668
|
-
attr(span0, "class", "check-box-icon svelte-
|
6672
|
+
attr(span0, "class", "check-box-icon svelte-p15pvn");
|
6669
6673
|
|
6670
6674
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
6671
6675
|
? ' _checked'
|
6672
|
-
: ''}`) + " svelte-
|
6676
|
+
: ''}`) + " svelte-p15pvn"));
|
6673
6677
|
|
6674
|
-
attr(
|
6675
|
-
attr(span2, "class", "check-box-text svelte-o1ztcf");
|
6678
|
+
attr(span2, "class", "check-box-text svelte-p15pvn");
|
6676
6679
|
attr(span2, "style", /*_textStyle*/ ctx[2]);
|
6677
|
-
attr(label, "class", "check-box svelte-
|
6680
|
+
attr(label, "class", "check-box svelte-p15pvn");
|
6681
|
+
attr(label, "style", /*styleVariables*/ ctx[5]);
|
6678
6682
|
},
|
6679
6683
|
m(target, anchor) {
|
6680
6684
|
insert(target, label, anchor);
|
@@ -6705,19 +6709,19 @@ function create_each_block$3(ctx) {
|
|
6705
6709
|
|
6706
6710
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
6707
6711
|
? ' _checked'
|
6708
|
-
: ''}`) + " svelte-
|
6712
|
+
: ''}`) + " svelte-p15pvn"))) {
|
6709
6713
|
attr(span1, "class", span1_class_value);
|
6710
6714
|
}
|
6711
6715
|
|
6712
|
-
if (dirty & /*styleVariables*/ 32) {
|
6713
|
-
attr(span1, "style", /*styleVariables*/ ctx[5]);
|
6714
|
-
}
|
6715
|
-
|
6716
6716
|
if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[17] + "")) set_data(t2, t2_value);
|
6717
6717
|
|
6718
6718
|
if (dirty & /*_textStyle*/ 4) {
|
6719
6719
|
attr(span2, "style", /*_textStyle*/ ctx[2]);
|
6720
6720
|
}
|
6721
|
+
|
6722
|
+
if (dirty & /*styleVariables*/ 32) {
|
6723
|
+
attr(label, "style", /*styleVariables*/ ctx[5]);
|
6724
|
+
}
|
6721
6725
|
},
|
6722
6726
|
d(detaching) {
|
6723
6727
|
if (detaching) detach(label);
|
@@ -6744,7 +6748,7 @@ function create_fragment$e(ctx) {
|
|
6744
6748
|
each_blocks[i].c();
|
6745
6749
|
}
|
6746
6750
|
|
6747
|
-
attr(div, "class", "check-boxes svelte-
|
6751
|
+
attr(div, "class", "check-boxes svelte-p15pvn");
|
6748
6752
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
6749
6753
|
},
|
6750
6754
|
m(target, anchor) {
|
@@ -6755,7 +6759,7 @@ function create_fragment$e(ctx) {
|
|
6755
6759
|
}
|
6756
6760
|
},
|
6757
6761
|
p(ctx, [dirty]) {
|
6758
|
-
if (dirty & /*_textStyle, _options, isCheckedArray,
|
6762
|
+
if (dirty & /*styleVariables, _textStyle, _options, isCheckedArray, name, handleChange*/ 189) {
|
6759
6763
|
each_value = /*_options*/ ctx[3];
|
6760
6764
|
let i;
|
6761
6765
|
|
@@ -6918,7 +6922,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
6918
6922
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
6919
6923
|
|
6920
6924
|
function add_css$c(target) {
|
6921
|
-
append_styles(target, "svelte-
|
6925
|
+
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
6926
|
}
|
6923
6927
|
|
6924
6928
|
function get_each_context$2(ctx, list, i) {
|
@@ -6929,29 +6933,29 @@ function get_each_context$2(ctx, list, i) {
|
|
6929
6933
|
|
6930
6934
|
// (60:2) {#each [...Array(count).keys()].map(i => i + 1) as i}
|
6931
6935
|
function create_each_block$2(ctx) {
|
6932
|
-
let
|
6936
|
+
let button;
|
6933
6937
|
let t0_value = /*i*/ ctx[12] + "";
|
6934
6938
|
let t0;
|
6935
6939
|
let t1;
|
6936
|
-
let
|
6940
|
+
let button_style_value;
|
6937
6941
|
let mounted;
|
6938
6942
|
let dispose;
|
6939
6943
|
|
6940
6944
|
return {
|
6941
6945
|
c() {
|
6942
|
-
|
6946
|
+
button = element("button");
|
6943
6947
|
t0 = text(t0_value);
|
6944
6948
|
t1 = space();
|
6945
|
-
attr(
|
6946
|
-
attr(
|
6949
|
+
attr(button, "class", "rating-button svelte-zy2va9");
|
6950
|
+
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
|
6947
6951
|
},
|
6948
6952
|
m(target, anchor) {
|
6949
|
-
insert(target,
|
6950
|
-
append(
|
6951
|
-
append(
|
6953
|
+
insert(target, button, anchor);
|
6954
|
+
append(button, t0);
|
6955
|
+
append(button, t1);
|
6952
6956
|
|
6953
6957
|
if (!mounted) {
|
6954
|
-
dispose = listen(
|
6958
|
+
dispose = listen(button, "click", function () {
|
6955
6959
|
if (is_function(/*handleClick*/ ctx[3](/*i*/ ctx[12]))) /*handleClick*/ ctx[3](/*i*/ ctx[12]).apply(this, arguments);
|
6956
6960
|
});
|
6957
6961
|
|
@@ -6962,12 +6966,12 @@ function create_each_block$2(ctx) {
|
|
6962
6966
|
ctx = new_ctx;
|
6963
6967
|
if (dirty & /*count*/ 1 && t0_value !== (t0_value = /*i*/ ctx[12] + "")) set_data(t0, t0_value);
|
6964
6968
|
|
6965
|
-
if (dirty & /*count, _value*/ 3 &&
|
6966
|
-
attr(
|
6969
|
+
if (dirty & /*count, _value*/ 3 && button_style_value !== (button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]))) {
|
6970
|
+
attr(button, "style", button_style_value);
|
6967
6971
|
}
|
6968
6972
|
},
|
6969
6973
|
d(detaching) {
|
6970
|
-
if (detaching) detach(
|
6974
|
+
if (detaching) detach(button);
|
6971
6975
|
mounted = false;
|
6972
6976
|
dispose();
|
6973
6977
|
}
|
@@ -6991,7 +6995,7 @@ function create_fragment$d(ctx) {
|
|
6991
6995
|
each_blocks[i].c();
|
6992
6996
|
}
|
6993
6997
|
|
6994
|
-
attr(div, "class", "rating-buttons svelte-
|
6998
|
+
attr(div, "class", "rating-buttons svelte-zy2va9");
|
6995
6999
|
},
|
6996
7000
|
m(target, anchor) {
|
6997
7001
|
insert(target, div, anchor);
|
@@ -7128,7 +7132,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
7128
7132
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
7129
7133
|
|
7130
7134
|
function add_css$b(target) {
|
7131
|
-
append_styles(target, "svelte-
|
7135
|
+
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
7136
|
}
|
7133
7137
|
|
7134
7138
|
function get_each_context$1(ctx, list, i) {
|
@@ -7139,41 +7143,48 @@ function get_each_context$1(ctx, list, i) {
|
|
7139
7143
|
|
7140
7144
|
// (42:2) {#each [...Array(count).keys()].reverse().map(i => i + 1) as i}
|
7141
7145
|
function create_each_block$1(ctx) {
|
7146
|
+
let button;
|
7142
7147
|
let img;
|
7143
7148
|
let img_src_value;
|
7144
7149
|
let img_class_value;
|
7150
|
+
let t;
|
7145
7151
|
let mounted;
|
7146
7152
|
let dispose;
|
7147
7153
|
|
7148
7154
|
return {
|
7149
7155
|
c() {
|
7156
|
+
button = element("button");
|
7150
7157
|
img = element("img");
|
7158
|
+
t = space();
|
7151
7159
|
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]);
|
7160
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
7154
7161
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
7162
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
7163
|
+
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
7155
7164
|
},
|
7156
7165
|
m(target, anchor) {
|
7157
|
-
insert(target,
|
7166
|
+
insert(target, button, anchor);
|
7167
|
+
append(button, img);
|
7168
|
+
append(button, t);
|
7158
7169
|
|
7159
7170
|
if (!mounted) {
|
7160
|
-
dispose = listen(
|
7171
|
+
dispose = listen(button, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
|
7161
7172
|
mounted = true;
|
7162
7173
|
}
|
7163
7174
|
},
|
7164
7175
|
p(new_ctx, dirty) {
|
7165
7176
|
ctx = new_ctx;
|
7166
7177
|
|
7167
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
7178
|
+
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
7179
|
attr(img, "class", img_class_value);
|
7169
7180
|
}
|
7170
7181
|
|
7171
7182
|
if (dirty & /*buttonStyle*/ 1) {
|
7172
|
-
attr(
|
7183
|
+
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
7173
7184
|
}
|
7174
7185
|
},
|
7175
7186
|
d(detaching) {
|
7176
|
-
if (detaching) detach(
|
7187
|
+
if (detaching) detach(button);
|
7177
7188
|
mounted = false;
|
7178
7189
|
dispose();
|
7179
7190
|
}
|
@@ -7197,7 +7208,7 @@ function create_fragment$c(ctx) {
|
|
7197
7208
|
each_blocks[i].c();
|
7198
7209
|
}
|
7199
7210
|
|
7200
|
-
attr(div, "class", "rating-buttons svelte-
|
7211
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
7201
7212
|
},
|
7202
7213
|
m(target, anchor) {
|
7203
7214
|
insert(target, div, anchor);
|
@@ -7207,7 +7218,7 @@ function create_fragment$c(ctx) {
|
|
7207
7218
|
}
|
7208
7219
|
},
|
7209
7220
|
p(ctx, [dirty]) {
|
7210
|
-
if (dirty & /*
|
7221
|
+
if (dirty & /*buttonStyle, handleClick, Array, count, ICONS, _value*/ 23) {
|
7211
7222
|
each_value = [...Array(count).keys()].reverse().map(func);
|
7212
7223
|
let i;
|
7213
7224
|
|
@@ -7305,7 +7316,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
7305
7316
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
7306
7317
|
|
7307
7318
|
function add_css$a(target) {
|
7308
|
-
append_styles(target, "svelte-
|
7319
|
+
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
7320
|
}
|
7310
7321
|
|
7311
7322
|
function get_each_context(ctx, list, i) {
|
@@ -7317,8 +7328,8 @@ function get_each_context(ctx, list, i) {
|
|
7317
7328
|
|
7318
7329
|
// (371:2) {#if isVisiblePrevButton}
|
7319
7330
|
function create_if_block_1(ctx) {
|
7320
|
-
let
|
7321
|
-
let
|
7331
|
+
let div;
|
7332
|
+
let button;
|
7322
7333
|
let svg;
|
7323
7334
|
let polygon;
|
7324
7335
|
let mounted;
|
@@ -7326,26 +7337,26 @@ function create_if_block_1(ctx) {
|
|
7326
7337
|
|
7327
7338
|
return {
|
7328
7339
|
c() {
|
7329
|
-
|
7330
|
-
|
7340
|
+
div = element("div");
|
7341
|
+
button = element("button");
|
7331
7342
|
svg = svg_element("svg");
|
7332
7343
|
polygon = svg_element("polygon");
|
7333
7344
|
attr(polygon, "points", "8,0 10,2 4,8 10,14 8,16 0,8");
|
7334
7345
|
attr(svg, "viewBox", "0 0 10 16");
|
7335
7346
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
7336
7347
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
7337
|
-
attr(
|
7338
|
-
attr(
|
7339
|
-
attr(
|
7348
|
+
attr(button, "class", "move-button svelte-re6e5");
|
7349
|
+
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
7350
|
+
attr(div, "class", "prev-button-container svelte-re6e5");
|
7340
7351
|
},
|
7341
7352
|
m(target, anchor) {
|
7342
|
-
insert(target,
|
7343
|
-
append(
|
7344
|
-
append(
|
7353
|
+
insert(target, div, anchor);
|
7354
|
+
append(div, button);
|
7355
|
+
append(button, svg);
|
7345
7356
|
append(svg, polygon);
|
7346
7357
|
|
7347
7358
|
if (!mounted) {
|
7348
|
-
dispose = listen(
|
7359
|
+
dispose = listen(button, "click", /*prev*/ ctx[15]);
|
7349
7360
|
mounted = true;
|
7350
7361
|
}
|
7351
7362
|
},
|
@@ -7355,11 +7366,11 @@ function create_if_block_1(ctx) {
|
|
7355
7366
|
}
|
7356
7367
|
|
7357
7368
|
if (dirty[0] & /*_prevButtonContainerStyle*/ 512) {
|
7358
|
-
attr(
|
7369
|
+
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
7359
7370
|
}
|
7360
7371
|
},
|
7361
7372
|
d(detaching) {
|
7362
|
-
if (detaching) detach(
|
7373
|
+
if (detaching) detach(div);
|
7363
7374
|
mounted = false;
|
7364
7375
|
dispose();
|
7365
7376
|
}
|
@@ -7368,8 +7379,8 @@ function create_if_block_1(ctx) {
|
|
7368
7379
|
|
7369
7380
|
// (380:2) {#if isVisibleNextButton}
|
7370
7381
|
function create_if_block$1(ctx) {
|
7371
|
-
let
|
7372
|
-
let
|
7382
|
+
let div;
|
7383
|
+
let button;
|
7373
7384
|
let svg;
|
7374
7385
|
let polygon;
|
7375
7386
|
let mounted;
|
@@ -7377,26 +7388,26 @@ function create_if_block$1(ctx) {
|
|
7377
7388
|
|
7378
7389
|
return {
|
7379
7390
|
c() {
|
7380
|
-
|
7381
|
-
|
7391
|
+
div = element("div");
|
7392
|
+
button = element("button");
|
7382
7393
|
svg = svg_element("svg");
|
7383
7394
|
polygon = svg_element("polygon");
|
7384
7395
|
attr(polygon, "points", "2,0 10,8 2,16 0,14 6,8 0,2");
|
7385
7396
|
attr(svg, "viewBox", "0 0 10 16");
|
7386
7397
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
7387
7398
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
7388
|
-
attr(
|
7389
|
-
attr(
|
7390
|
-
attr(
|
7399
|
+
attr(button, "class", "move-button svelte-re6e5");
|
7400
|
+
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
7401
|
+
attr(div, "class", "next-button-container svelte-re6e5");
|
7391
7402
|
},
|
7392
7403
|
m(target, anchor) {
|
7393
|
-
insert(target,
|
7394
|
-
append(
|
7395
|
-
append(
|
7404
|
+
insert(target, div, anchor);
|
7405
|
+
append(div, button);
|
7406
|
+
append(button, svg);
|
7396
7407
|
append(svg, polygon);
|
7397
7408
|
|
7398
7409
|
if (!mounted) {
|
7399
|
-
dispose = listen(
|
7410
|
+
dispose = listen(button, "click", /*next*/ ctx[16]);
|
7400
7411
|
mounted = true;
|
7401
7412
|
}
|
7402
7413
|
},
|
@@ -7406,11 +7417,11 @@ function create_if_block$1(ctx) {
|
|
7406
7417
|
}
|
7407
7418
|
|
7408
7419
|
if (dirty[0] & /*_nextButtonContainerStyle*/ 128) {
|
7409
|
-
attr(
|
7420
|
+
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
7410
7421
|
}
|
7411
7422
|
},
|
7412
7423
|
d(detaching) {
|
7413
|
-
if (detaching) detach(
|
7424
|
+
if (detaching) detach(div);
|
7414
7425
|
mounted = false;
|
7415
7426
|
dispose();
|
7416
7427
|
}
|
@@ -7419,9 +7430,9 @@ function create_if_block$1(ctx) {
|
|
7419
7430
|
|
7420
7431
|
// (393:4) {#each items as _, i}
|
7421
7432
|
function create_each_block(ctx) {
|
7422
|
-
let
|
7423
|
-
let
|
7424
|
-
let
|
7433
|
+
let button;
|
7434
|
+
let div;
|
7435
|
+
let div_style_value;
|
7425
7436
|
let t;
|
7426
7437
|
let mounted;
|
7427
7438
|
let dispose;
|
@@ -7432,37 +7443,37 @@ function create_each_block(ctx) {
|
|
7432
7443
|
|
7433
7444
|
return {
|
7434
7445
|
c() {
|
7435
|
-
|
7436
|
-
|
7446
|
+
button = element("button");
|
7447
|
+
div = element("div");
|
7437
7448
|
t = space();
|
7438
|
-
attr(
|
7439
|
-
attr(
|
7440
|
-
attr(
|
7441
|
-
attr(
|
7449
|
+
attr(div, "class", "navigation-item-inner circle svelte-re6e5");
|
7450
|
+
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
7451
|
+
attr(button, "class", "navigation-item svelte-re6e5");
|
7452
|
+
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
7442
7453
|
},
|
7443
7454
|
m(target, anchor) {
|
7444
|
-
insert(target,
|
7445
|
-
append(
|
7446
|
-
append(
|
7455
|
+
insert(target, button, anchor);
|
7456
|
+
append(button, div);
|
7457
|
+
append(button, t);
|
7447
7458
|
|
7448
7459
|
if (!mounted) {
|
7449
|
-
dispose = listen(
|
7460
|
+
dispose = listen(button, "click", click_handler);
|
7450
7461
|
mounted = true;
|
7451
7462
|
}
|
7452
7463
|
},
|
7453
7464
|
p(new_ctx, dirty) {
|
7454
7465
|
ctx = new_ctx;
|
7455
7466
|
|
7456
|
-
if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 &&
|
7457
|
-
attr(
|
7467
|
+
if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div_style_value !== (div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
|
7468
|
+
attr(div, "style", div_style_value);
|
7458
7469
|
}
|
7459
7470
|
|
7460
7471
|
if (dirty[0] & /*navigationItemStyle*/ 64) {
|
7461
|
-
attr(
|
7472
|
+
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
7462
7473
|
}
|
7463
7474
|
},
|
7464
7475
|
d(detaching) {
|
7465
|
-
if (detaching) detach(
|
7476
|
+
if (detaching) detach(button);
|
7466
7477
|
mounted = false;
|
7467
7478
|
dispose();
|
7468
7479
|
}
|
@@ -7514,14 +7525,14 @@ function create_fragment$b(ctx) {
|
|
7514
7525
|
each_blocks[i].c();
|
7515
7526
|
}
|
7516
7527
|
|
7517
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
7528
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"));
|
7518
7529
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
7519
|
-
attr(div1, "class", "container svelte-
|
7530
|
+
attr(div1, "class", "container svelte-re6e5");
|
7520
7531
|
attr(div1, "style", /*_style*/ ctx[0]);
|
7521
|
-
attr(div2, "class", "navigation svelte-
|
7532
|
+
attr(div2, "class", "navigation svelte-re6e5");
|
7522
7533
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
7523
7534
|
set_attributes(div3, div3_data);
|
7524
|
-
toggle_class(div3, "svelte-
|
7535
|
+
toggle_class(div3, "svelte-re6e5", true);
|
7525
7536
|
},
|
7526
7537
|
m(target, anchor) {
|
7527
7538
|
insert(target, div3, anchor);
|
@@ -7563,7 +7574,7 @@ function create_fragment$b(ctx) {
|
|
7563
7574
|
}
|
7564
7575
|
}
|
7565
7576
|
|
7566
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
7577
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"))) {
|
7567
7578
|
attr(div0, "class", div0_class_value);
|
7568
7579
|
}
|
7569
7580
|
|
@@ -7629,7 +7640,7 @@ function create_fragment$b(ctx) {
|
|
7629
7640
|
}
|
7630
7641
|
|
7631
7642
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
7632
|
-
toggle_class(div3, "svelte-
|
7643
|
+
toggle_class(div3, "svelte-re6e5", true);
|
7633
7644
|
},
|
7634
7645
|
i(local) {
|
7635
7646
|
if (current) return;
|