@plaidev/karte-action-sdk 1.1.113-27923556.29e36903 → 1.1.113
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +1 -73
- package/dist/hydrate/index.es.js +124 -462
- package/dist/index.es.d.ts +1 -73
- package/dist/index.es.js +106 -416
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
@@ -928,19 +928,6 @@ const DefaultListBackground = DefaultListBackgroundNone;
|
|
928
928
|
* @internal
|
929
929
|
*/
|
930
930
|
const ListDirections = ['vertical', 'horizontal'];
|
931
|
-
const DefaultSliderButton = {
|
932
|
-
type: 'icon',
|
933
|
-
icon: 'chevron-left',
|
934
|
-
color: '#999',
|
935
|
-
fill: '#999',
|
936
|
-
size: '20px',
|
937
|
-
};
|
938
|
-
const DefaultSliderNavigationButton = {
|
939
|
-
type: 'circle',
|
940
|
-
size: '8px',
|
941
|
-
color: '#ddd',
|
942
|
-
colorActive: '#666',
|
943
|
-
};
|
944
931
|
|
945
932
|
function doPresent({ direction, deltaRate }, downFn, upFn, condition = false) {
|
946
933
|
if (direction === 'down' && deltaRate > 0) {
|
@@ -3568,7 +3555,7 @@ class FlexItem extends SvelteComponent {
|
|
3568
3555
|
|
3569
3556
|
/* src/components/RenderText.svelte generated by Svelte v3.53.1 */
|
3570
3557
|
|
3571
|
-
function get_each_context$
|
3558
|
+
function get_each_context$3(ctx, list, i) {
|
3572
3559
|
const child_ctx = ctx.slice();
|
3573
3560
|
child_ctx[2] = list[i];
|
3574
3561
|
return child_ctx;
|
@@ -3620,7 +3607,7 @@ function create_if_block$1(ctx) {
|
|
3620
3607
|
}
|
3621
3608
|
|
3622
3609
|
// (9:0) {#each items as item}
|
3623
|
-
function create_each_block$
|
3610
|
+
function create_each_block$3(ctx) {
|
3624
3611
|
let show_if;
|
3625
3612
|
let if_block_anchor;
|
3626
3613
|
|
@@ -3673,7 +3660,7 @@ function create_fragment$i(ctx) {
|
|
3673
3660
|
let each_blocks = [];
|
3674
3661
|
|
3675
3662
|
for (let i = 0; i < each_value.length; i += 1) {
|
3676
|
-
each_blocks[i] = create_each_block$
|
3663
|
+
each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
|
3677
3664
|
}
|
3678
3665
|
|
3679
3666
|
return {
|
@@ -3704,12 +3691,12 @@ function create_fragment$i(ctx) {
|
|
3704
3691
|
let i;
|
3705
3692
|
|
3706
3693
|
for (i = 0; i < each_value.length; i += 1) {
|
3707
|
-
const child_ctx = get_each_context$
|
3694
|
+
const child_ctx = get_each_context$3(ctx, each_value, i);
|
3708
3695
|
|
3709
3696
|
if (each_blocks[i]) {
|
3710
3697
|
each_blocks[i].p(child_ctx, dirty);
|
3711
3698
|
} else {
|
3712
|
-
each_blocks[i] = create_each_block$
|
3699
|
+
each_blocks[i] = create_each_block$3(child_ctx);
|
3713
3700
|
each_blocks[i].c();
|
3714
3701
|
each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
|
3715
3702
|
}
|
@@ -5353,7 +5340,7 @@ function add_css$7(target) {
|
|
5353
5340
|
append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
|
5354
5341
|
}
|
5355
5342
|
|
5356
|
-
function get_each_context$
|
5343
|
+
function get_each_context$2(ctx, list, i) {
|
5357
5344
|
const child_ctx = ctx.slice();
|
5358
5345
|
child_ctx[7] = list[i];
|
5359
5346
|
child_ctx[9] = i;
|
@@ -5361,7 +5348,7 @@ function get_each_context$3(ctx, list, i) {
|
|
5361
5348
|
}
|
5362
5349
|
|
5363
5350
|
// (23:2) {#each _options as option, i}
|
5364
|
-
function create_each_block$
|
5351
|
+
function create_each_block$2(ctx) {
|
5365
5352
|
let label;
|
5366
5353
|
let input;
|
5367
5354
|
let t0;
|
@@ -5434,7 +5421,7 @@ function create_fragment$7(ctx) {
|
|
5434
5421
|
let each_blocks = [];
|
5435
5422
|
|
5436
5423
|
for (let i = 0; i < each_value.length; i += 1) {
|
5437
|
-
each_blocks[i] = create_each_block$
|
5424
|
+
each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
|
5438
5425
|
}
|
5439
5426
|
|
5440
5427
|
return {
|
@@ -5474,12 +5461,12 @@ function create_fragment$7(ctx) {
|
|
5474
5461
|
let i;
|
5475
5462
|
|
5476
5463
|
for (i = 0; i < each_value.length; i += 1) {
|
5477
|
-
const child_ctx = get_each_context$
|
5464
|
+
const child_ctx = get_each_context$2(ctx, each_value, i);
|
5478
5465
|
|
5479
5466
|
if (each_blocks[i]) {
|
5480
5467
|
each_blocks[i].p(child_ctx, dirty);
|
5481
5468
|
} else {
|
5482
|
-
each_blocks[i] = create_each_block$
|
5469
|
+
each_blocks[i] = create_each_block$2(child_ctx);
|
5483
5470
|
each_blocks[i].c();
|
5484
5471
|
each_blocks[i].m(div, null);
|
5485
5472
|
}
|
@@ -5552,7 +5539,7 @@ function add_css$6(target) {
|
|
5552
5539
|
append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
|
5553
5540
|
}
|
5554
5541
|
|
5555
|
-
function get_each_context$
|
5542
|
+
function get_each_context$1(ctx, list, i) {
|
5556
5543
|
const child_ctx = ctx.slice();
|
5557
5544
|
child_ctx[6] = list[i];
|
5558
5545
|
child_ctx[8] = i;
|
@@ -5605,7 +5592,7 @@ function create_if_block(ctx) {
|
|
5605
5592
|
}
|
5606
5593
|
|
5607
5594
|
// (24:4) {#each _options as option, i}
|
5608
|
-
function create_each_block$
|
5595
|
+
function create_each_block$1(ctx) {
|
5609
5596
|
let option;
|
5610
5597
|
let t;
|
5611
5598
|
let option_value_value;
|
@@ -5676,7 +5663,7 @@ function create_fragment$6(ctx) {
|
|
5676
5663
|
let each_blocks = [];
|
5677
5664
|
|
5678
5665
|
for (let i = 0; i < each_value.length; i += 1) {
|
5679
|
-
each_blocks[i] = create_each_block$
|
5666
|
+
each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
|
5680
5667
|
}
|
5681
5668
|
|
5682
5669
|
return {
|
@@ -5726,12 +5713,12 @@ function create_fragment$6(ctx) {
|
|
5726
5713
|
let i;
|
5727
5714
|
|
5728
5715
|
for (i = 0; i < each_value.length; i += 1) {
|
5729
|
-
const child_ctx = get_each_context$
|
5716
|
+
const child_ctx = get_each_context$1(ctx, each_value, i);
|
5730
5717
|
|
5731
5718
|
if (each_blocks[i]) {
|
5732
5719
|
each_blocks[i].p(child_ctx, dirty);
|
5733
5720
|
} else {
|
5734
|
-
each_blocks[i] = create_each_block$
|
5721
|
+
each_blocks[i] = create_each_block$1(child_ctx);
|
5735
5722
|
each_blocks[i].c();
|
5736
5723
|
each_blocks[i].m(select, null);
|
5737
5724
|
}
|
@@ -5802,7 +5789,7 @@ function add_css$5(target) {
|
|
5802
5789
|
append_styles(target, "svelte-3uhiw4", ".check-boxes.svelte-3uhiw4{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
|
5803
5790
|
}
|
5804
5791
|
|
5805
|
-
function get_each_context
|
5792
|
+
function get_each_context(ctx, list, i) {
|
5806
5793
|
const child_ctx = ctx.slice();
|
5807
5794
|
child_ctx[8] = list[i];
|
5808
5795
|
child_ctx[10] = i;
|
@@ -5810,7 +5797,7 @@ function get_each_context$1(ctx, list, i) {
|
|
5810
5797
|
}
|
5811
5798
|
|
5812
5799
|
// (30:2) {#each _options as option, i}
|
5813
|
-
function create_each_block
|
5800
|
+
function create_each_block(ctx) {
|
5814
5801
|
let label;
|
5815
5802
|
let input;
|
5816
5803
|
let t0;
|
@@ -5883,7 +5870,7 @@ function create_fragment$5(ctx) {
|
|
5883
5870
|
let each_blocks = [];
|
5884
5871
|
|
5885
5872
|
for (let i = 0; i < each_value.length; i += 1) {
|
5886
|
-
each_blocks[i] = create_each_block
|
5873
|
+
each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
|
5887
5874
|
}
|
5888
5875
|
|
5889
5876
|
return {
|
@@ -5923,12 +5910,12 @@ function create_fragment$5(ctx) {
|
|
5923
5910
|
let i;
|
5924
5911
|
|
5925
5912
|
for (i = 0; i < each_value.length; i += 1) {
|
5926
|
-
const child_ctx = get_each_context
|
5913
|
+
const child_ctx = get_each_context(ctx, each_value, i);
|
5927
5914
|
|
5928
5915
|
if (each_blocks[i]) {
|
5929
5916
|
each_blocks[i].p(child_ctx, dirty);
|
5930
5917
|
} else {
|
5931
|
-
each_blocks[i] = create_each_block
|
5918
|
+
each_blocks[i] = create_each_block(child_ctx);
|
5932
5919
|
each_blocks[i].c();
|
5933
5920
|
each_blocks[i].m(div, null);
|
5934
5921
|
}
|
@@ -6009,220 +5996,94 @@ class FormCheckBoxes extends SvelteComponent {
|
|
6009
5996
|
/* src/components/Slider.svelte generated by Svelte v3.53.1 */
|
6010
5997
|
|
6011
5998
|
function add_css$4(target) {
|
6012
|
-
append_styles(target, "svelte-
|
6013
|
-
}
|
6014
|
-
|
6015
|
-
function get_each_context(ctx, list, i) {
|
6016
|
-
const child_ctx = ctx.slice();
|
6017
|
-
child_ctx[50] = list[i];
|
6018
|
-
child_ctx[52] = i;
|
6019
|
-
return child_ctx;
|
6020
|
-
}
|
6021
|
-
|
6022
|
-
// (327:4) {#each items as _, i}
|
6023
|
-
function create_each_block(ctx) {
|
6024
|
-
let div1;
|
6025
|
-
let div0;
|
6026
|
-
let div0_style_value;
|
6027
|
-
let t;
|
6028
|
-
let mounted;
|
6029
|
-
let dispose;
|
6030
|
-
|
6031
|
-
function click_handler() {
|
6032
|
-
return /*click_handler*/ ctx[26](/*i*/ ctx[52]);
|
6033
|
-
}
|
6034
|
-
|
6035
|
-
return {
|
6036
|
-
c() {
|
6037
|
-
div1 = element("div");
|
6038
|
-
div0 = element("div");
|
6039
|
-
t = space();
|
6040
|
-
this.h();
|
6041
|
-
},
|
6042
|
-
l(nodes) {
|
6043
|
-
div1 = claim_element(nodes, "DIV", { class: true, style: true });
|
6044
|
-
var div1_nodes = children(div1);
|
6045
|
-
div0 = claim_element(div1_nodes, "DIV", { class: true, style: true });
|
6046
|
-
children(div0).forEach(detach);
|
6047
|
-
t = claim_space(div1_nodes);
|
6048
|
-
div1_nodes.forEach(detach);
|
6049
|
-
this.h();
|
6050
|
-
},
|
6051
|
-
h() {
|
6052
|
-
attr(div0, "class", "navigation-item-inner circle svelte-105wdod");
|
6053
|
-
attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[6](/*i*/ ctx[52]));
|
6054
|
-
attr(div1, "class", "navigation-item svelte-105wdod");
|
6055
|
-
attr(div1, "style", /*navigationItemStyle*/ ctx[7]);
|
6056
|
-
},
|
6057
|
-
m(target, anchor) {
|
6058
|
-
insert_hydration(target, div1, anchor);
|
6059
|
-
append_hydration(div1, div0);
|
6060
|
-
append_hydration(div1, t);
|
6061
|
-
|
6062
|
-
if (!mounted) {
|
6063
|
-
dispose = listen(div1, "click", click_handler);
|
6064
|
-
mounted = true;
|
6065
|
-
}
|
6066
|
-
},
|
6067
|
-
p(new_ctx, dirty) {
|
6068
|
-
ctx = new_ctx;
|
6069
|
-
|
6070
|
-
if (dirty[0] & /*getNavigationItemInnerStyle*/ 64 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[6](/*i*/ ctx[52]))) {
|
6071
|
-
attr(div0, "style", div0_style_value);
|
6072
|
-
}
|
6073
|
-
|
6074
|
-
if (dirty[0] & /*navigationItemStyle*/ 128) {
|
6075
|
-
attr(div1, "style", /*navigationItemStyle*/ ctx[7]);
|
6076
|
-
}
|
6077
|
-
},
|
6078
|
-
d(detaching) {
|
6079
|
-
if (detaching) detach(div1);
|
6080
|
-
mounted = false;
|
6081
|
-
dispose();
|
6082
|
-
}
|
6083
|
-
};
|
5999
|
+
append_styles(target, "svelte-16jk4x2", ".root.svelte-16jk4x2{width:100%;height:100%;position:relative}.container.svelte-16jk4x2{width:100%;height:100%;position:relative;overflow:hidden}.slide.svelte-16jk4x2{height:100%;position:absolute;display:flex}.transition.svelte-16jk4x2{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-16jk4x2{height:100%;flex:none}.prev-button.svelte-16jk4x2,.next-button.svelte-16jk4x2{height:50px;top:calc(50% - 25px);position:absolute}.prev-button.svelte-16jk4x2{left:8px}.next-button.svelte-16jk4x2{right:8px}");
|
6084
6000
|
}
|
6085
6001
|
|
6086
6002
|
function create_fragment$4(ctx) {
|
6087
|
-
let
|
6003
|
+
let div4;
|
6088
6004
|
let div1;
|
6089
6005
|
let div0;
|
6090
6006
|
let div0_class_value;
|
6091
6007
|
let t0;
|
6092
|
-
let div4;
|
6093
|
-
let div3;
|
6094
6008
|
let div2;
|
6095
6009
|
let t1;
|
6096
|
-
let div7;
|
6097
|
-
let div6;
|
6098
|
-
let div5;
|
6099
6010
|
let t2;
|
6100
|
-
let
|
6011
|
+
let div3;
|
6012
|
+
let t3;
|
6101
6013
|
let current;
|
6102
6014
|
let mounted;
|
6103
6015
|
let dispose;
|
6104
|
-
const default_slot_template = /*#slots*/ ctx[
|
6105
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
6106
|
-
let each_value = /*items*/ ctx[3];
|
6107
|
-
let each_blocks = [];
|
6108
|
-
|
6109
|
-
for (let i = 0; i < each_value.length; i += 1) {
|
6110
|
-
each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
|
6111
|
-
}
|
6016
|
+
const default_slot_template = /*#slots*/ ctx[11].default;
|
6017
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[10], null);
|
6112
6018
|
|
6113
6019
|
return {
|
6114
6020
|
c() {
|
6115
|
-
|
6021
|
+
div4 = element("div");
|
6116
6022
|
div1 = element("div");
|
6117
6023
|
div0 = element("div");
|
6118
6024
|
if (default_slot) default_slot.c();
|
6119
6025
|
t0 = space();
|
6120
|
-
div4 = element("div");
|
6121
|
-
div3 = element("div");
|
6122
6026
|
div2 = element("div");
|
6123
|
-
t1 =
|
6124
|
-
div7 = element("div");
|
6125
|
-
div6 = element("div");
|
6126
|
-
div5 = element("div");
|
6027
|
+
t1 = text("<");
|
6127
6028
|
t2 = space();
|
6128
|
-
|
6129
|
-
|
6130
|
-
for (let i = 0; i < each_blocks.length; i += 1) {
|
6131
|
-
each_blocks[i].c();
|
6132
|
-
}
|
6133
|
-
|
6029
|
+
div3 = element("div");
|
6030
|
+
t3 = text(">");
|
6134
6031
|
this.h();
|
6135
6032
|
},
|
6136
6033
|
l(nodes) {
|
6137
|
-
|
6138
|
-
var
|
6139
|
-
div1 = claim_element(
|
6034
|
+
div4 = claim_element(nodes, "DIV", { class: true });
|
6035
|
+
var div4_nodes = children(div4);
|
6036
|
+
div1 = claim_element(div4_nodes, "DIV", { class: true });
|
6140
6037
|
var div1_nodes = children(div1);
|
6141
6038
|
div0 = claim_element(div1_nodes, "DIV", { class: true, style: true });
|
6142
6039
|
var div0_nodes = children(div0);
|
6143
6040
|
if (default_slot) default_slot.l(div0_nodes);
|
6144
6041
|
div0_nodes.forEach(detach);
|
6145
6042
|
div1_nodes.forEach(detach);
|
6146
|
-
t0 = claim_space(
|
6147
|
-
|
6148
|
-
var
|
6149
|
-
|
6043
|
+
t0 = claim_space(div4_nodes);
|
6044
|
+
div2 = claim_element(div4_nodes, "DIV", { class: true });
|
6045
|
+
var div2_nodes = children(div2);
|
6046
|
+
t1 = claim_text(div2_nodes, "<");
|
6047
|
+
div2_nodes.forEach(detach);
|
6048
|
+
t2 = claim_space(div4_nodes);
|
6049
|
+
div3 = claim_element(div4_nodes, "DIV", { class: true });
|
6150
6050
|
var div3_nodes = children(div3);
|
6151
|
-
|
6152
|
-
children(div2).forEach(detach);
|
6051
|
+
t3 = claim_text(div3_nodes, ">");
|
6153
6052
|
div3_nodes.forEach(detach);
|
6154
6053
|
div4_nodes.forEach(detach);
|
6155
|
-
t1 = claim_space(div9_nodes);
|
6156
|
-
div7 = claim_element(div9_nodes, "DIV", { class: true });
|
6157
|
-
var div7_nodes = children(div7);
|
6158
|
-
div6 = claim_element(div7_nodes, "DIV", { class: true, style: true });
|
6159
|
-
var div6_nodes = children(div6);
|
6160
|
-
div5 = claim_element(div6_nodes, "DIV", { class: true, style: true });
|
6161
|
-
children(div5).forEach(detach);
|
6162
|
-
div6_nodes.forEach(detach);
|
6163
|
-
div7_nodes.forEach(detach);
|
6164
|
-
t2 = claim_space(div9_nodes);
|
6165
|
-
div8 = claim_element(div9_nodes, "DIV", { class: true, style: true });
|
6166
|
-
var div8_nodes = children(div8);
|
6167
|
-
|
6168
|
-
for (let i = 0; i < each_blocks.length; i += 1) {
|
6169
|
-
each_blocks[i].l(div8_nodes);
|
6170
|
-
}
|
6171
|
-
|
6172
|
-
div8_nodes.forEach(detach);
|
6173
|
-
div9_nodes.forEach(detach);
|
6174
6054
|
this.h();
|
6175
6055
|
},
|
6176
6056
|
h() {
|
6177
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[
|
6178
|
-
attr(div0, "style", /*slideStyle*/ ctx[
|
6179
|
-
attr(div1, "class", "container svelte-
|
6180
|
-
attr(div2, "class", "prev-
|
6181
|
-
attr(
|
6182
|
-
attr(
|
6183
|
-
attr(div3, "style", /*prevButtonContainerStyle*/ ctx[0]);
|
6184
|
-
attr(div4, "class", "prev-button svelte-105wdod");
|
6185
|
-
attr(div5, "class", "next-icon svelte-105wdod");
|
6186
|
-
attr(div5, "style", /*nextIconStyle*/ ctx[8]);
|
6187
|
-
attr(div6, "class", "button-container svelte-105wdod");
|
6188
|
-
attr(div6, "style", /*nextButtonContainerStyle*/ ctx[1]);
|
6189
|
-
attr(div7, "class", "next-button svelte-105wdod");
|
6190
|
-
attr(div8, "class", "navigation svelte-105wdod");
|
6191
|
-
attr(div8, "style", /*navigationStyle*/ ctx[2]);
|
6192
|
-
attr(div9, "class", "root svelte-105wdod");
|
6057
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[2]) + " svelte-16jk4x2"));
|
6058
|
+
attr(div0, "style", /*slideStyle*/ ctx[3]);
|
6059
|
+
attr(div1, "class", "container svelte-16jk4x2");
|
6060
|
+
attr(div2, "class", "prev-button svelte-16jk4x2");
|
6061
|
+
attr(div3, "class", "next-button svelte-16jk4x2");
|
6062
|
+
attr(div4, "class", "root svelte-16jk4x2");
|
6193
6063
|
},
|
6194
6064
|
m(target, anchor) {
|
6195
|
-
insert_hydration(target,
|
6196
|
-
append_hydration(
|
6065
|
+
insert_hydration(target, div4, anchor);
|
6066
|
+
append_hydration(div4, div1);
|
6197
6067
|
append_hydration(div1, div0);
|
6198
6068
|
|
6199
6069
|
if (default_slot) {
|
6200
6070
|
default_slot.m(div0, null);
|
6201
6071
|
}
|
6202
6072
|
|
6203
|
-
/*div0_binding*/ ctx[
|
6204
|
-
/*div1_binding*/ ctx[
|
6205
|
-
append_hydration(
|
6206
|
-
append_hydration(
|
6073
|
+
/*div0_binding*/ ctx[12](div0);
|
6074
|
+
/*div1_binding*/ ctx[13](div1);
|
6075
|
+
append_hydration(div4, t0);
|
6076
|
+
append_hydration(div4, div2);
|
6077
|
+
append_hydration(div2, t1);
|
6078
|
+
append_hydration(div4, t2);
|
6207
6079
|
append_hydration(div4, div3);
|
6208
|
-
append_hydration(div3,
|
6209
|
-
append_hydration(div9, t1);
|
6210
|
-
append_hydration(div9, div7);
|
6211
|
-
append_hydration(div7, div6);
|
6212
|
-
append_hydration(div6, div5);
|
6213
|
-
append_hydration(div9, t2);
|
6214
|
-
append_hydration(div9, div8);
|
6215
|
-
|
6216
|
-
for (let i = 0; i < each_blocks.length; i += 1) {
|
6217
|
-
each_blocks[i].m(div8, null);
|
6218
|
-
}
|
6219
|
-
|
6080
|
+
append_hydration(div3, t3);
|
6220
6081
|
current = true;
|
6221
6082
|
|
6222
6083
|
if (!mounted) {
|
6223
6084
|
dispose = [
|
6224
|
-
listen(
|
6225
|
-
listen(
|
6085
|
+
listen(div2, "click", /*prev*/ ctx[4]),
|
6086
|
+
listen(div3, "click", /*next*/ ctx[5])
|
6226
6087
|
];
|
6227
6088
|
|
6228
6089
|
mounted = true;
|
@@ -6230,69 +6091,26 @@ function create_fragment$4(ctx) {
|
|
6230
6091
|
},
|
6231
6092
|
p(ctx, dirty) {
|
6232
6093
|
if (default_slot) {
|
6233
|
-
if (default_slot.p && (!current || dirty[0] & /*$$scope*/
|
6094
|
+
if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 1024)) {
|
6234
6095
|
update_slot_base(
|
6235
6096
|
default_slot,
|
6236
6097
|
default_slot_template,
|
6237
6098
|
ctx,
|
6238
|
-
/*$$scope*/ ctx[
|
6099
|
+
/*$$scope*/ ctx[10],
|
6239
6100
|
!current
|
6240
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
6241
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
6101
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[10])
|
6102
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[10], dirty, null),
|
6242
6103
|
null
|
6243
6104
|
);
|
6244
6105
|
}
|
6245
6106
|
}
|
6246
6107
|
|
6247
|
-
if (!current || dirty[0] & /*slideClass*/
|
6108
|
+
if (!current || dirty[0] & /*slideClass*/ 4 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[2]) + " svelte-16jk4x2"))) {
|
6248
6109
|
attr(div0, "class", div0_class_value);
|
6249
6110
|
}
|
6250
6111
|
|
6251
|
-
if (!current || dirty[0] & /*slideStyle*/
|
6252
|
-
attr(div0, "style", /*slideStyle*/ ctx[
|
6253
|
-
}
|
6254
|
-
|
6255
|
-
if (!current || dirty[0] & /*prevIconStyle*/ 512) {
|
6256
|
-
attr(div2, "style", /*prevIconStyle*/ ctx[9]);
|
6257
|
-
}
|
6258
|
-
|
6259
|
-
if (!current || dirty[0] & /*prevButtonContainerStyle*/ 1) {
|
6260
|
-
attr(div3, "style", /*prevButtonContainerStyle*/ ctx[0]);
|
6261
|
-
}
|
6262
|
-
|
6263
|
-
if (!current || dirty[0] & /*nextIconStyle*/ 256) {
|
6264
|
-
attr(div5, "style", /*nextIconStyle*/ ctx[8]);
|
6265
|
-
}
|
6266
|
-
|
6267
|
-
if (!current || dirty[0] & /*nextButtonContainerStyle*/ 2) {
|
6268
|
-
attr(div6, "style", /*nextButtonContainerStyle*/ ctx[1]);
|
6269
|
-
}
|
6270
|
-
|
6271
|
-
if (dirty[0] & /*navigationItemStyle, set, getNavigationItemInnerStyle, items*/ 16584) {
|
6272
|
-
each_value = /*items*/ ctx[3];
|
6273
|
-
let i;
|
6274
|
-
|
6275
|
-
for (i = 0; i < each_value.length; i += 1) {
|
6276
|
-
const child_ctx = get_each_context(ctx, each_value, i);
|
6277
|
-
|
6278
|
-
if (each_blocks[i]) {
|
6279
|
-
each_blocks[i].p(child_ctx, dirty);
|
6280
|
-
} else {
|
6281
|
-
each_blocks[i] = create_each_block(child_ctx);
|
6282
|
-
each_blocks[i].c();
|
6283
|
-
each_blocks[i].m(div8, null);
|
6284
|
-
}
|
6285
|
-
}
|
6286
|
-
|
6287
|
-
for (; i < each_blocks.length; i += 1) {
|
6288
|
-
each_blocks[i].d(1);
|
6289
|
-
}
|
6290
|
-
|
6291
|
-
each_blocks.length = each_value.length;
|
6292
|
-
}
|
6293
|
-
|
6294
|
-
if (!current || dirty[0] & /*navigationStyle*/ 4) {
|
6295
|
-
attr(div8, "style", /*navigationStyle*/ ctx[2]);
|
6112
|
+
if (!current || dirty[0] & /*slideStyle*/ 8) {
|
6113
|
+
attr(div0, "style", /*slideStyle*/ ctx[3]);
|
6296
6114
|
}
|
6297
6115
|
},
|
6298
6116
|
i(local) {
|
@@ -6305,11 +6123,10 @@ function create_fragment$4(ctx) {
|
|
6305
6123
|
current = false;
|
6306
6124
|
},
|
6307
6125
|
d(detaching) {
|
6308
|
-
if (detaching) detach(
|
6126
|
+
if (detaching) detach(div4);
|
6309
6127
|
if (default_slot) default_slot.d(detaching);
|
6310
|
-
/*div0_binding*/ ctx[
|
6311
|
-
/*div1_binding*/ ctx[
|
6312
|
-
destroy_each(each_blocks, detaching);
|
6128
|
+
/*div0_binding*/ ctx[12](null);
|
6129
|
+
/*div1_binding*/ ctx[13](null);
|
6313
6130
|
mounted = false;
|
6314
6131
|
run_all(dispose);
|
6315
6132
|
}
|
@@ -6332,52 +6149,18 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
6332
6149
|
let slideStyle;
|
6333
6150
|
let slideClass;
|
6334
6151
|
let _loop;
|
6335
|
-
let prevIconStyle;
|
6336
|
-
let nextIconStyle;
|
6337
|
-
let navigationItemStyle;
|
6338
|
-
let getNavigationItemInnerStyle;
|
6339
6152
|
let { $$slots: slots = {}, $$scope } = $$props;
|
6340
|
-
let { loop = false } = $$props;
|
6341
|
-
|
6342
|
-
let { prevButton = {
|
6343
|
-
type: 'icon',
|
6344
|
-
icon: 'chevron-left',
|
6345
|
-
color: '#666',
|
6346
|
-
fill: '#666',
|
6347
|
-
size: '20px'
|
6348
|
-
} } = $$props;
|
6349
|
-
|
6350
|
-
let { prevButtonContainerStyle = 'height: 48px; width: 24px; margin: 0 0 0 8px;' } = $$props;
|
6351
|
-
|
6352
|
-
let { nextButton = {
|
6353
|
-
type: 'icon',
|
6354
|
-
icon: 'chevron-right',
|
6355
|
-
color: '#666',
|
6356
|
-
fill: '#666',
|
6357
|
-
size: '20px'
|
6358
|
-
} } = $$props;
|
6359
|
-
|
6360
|
-
let { nextButtonContainerStyle = 'height: 48px; width: 24px; margin: 0 8px 0 0;' } = $$props;
|
6361
|
-
|
6362
|
-
let { navigationButton = {
|
6363
|
-
type: 'circle',
|
6364
|
-
size: '8px',
|
6365
|
-
color: '#ddd',
|
6366
|
-
colorActive: '#666'
|
6367
|
-
} } = $$props;
|
6368
|
-
|
6369
|
-
let { navigationStyle = 'margin: 0 0 8px 0' } = $$props;
|
6370
6153
|
let items = [];
|
6371
6154
|
const dispatch = createEventDispatcher();
|
6372
6155
|
|
6373
6156
|
setContext('SLIDE', {
|
6374
6157
|
registerItem: ({ onBeforeSlide, onMount, onResize }) => {
|
6375
6158
|
const id = new Date().getTime().toString();
|
6376
|
-
$$invalidate(
|
6159
|
+
$$invalidate(7, items = [...items, { id, onBeforeSlide, onMount, onResize }]);
|
6377
6160
|
return id;
|
6378
6161
|
},
|
6379
6162
|
unregisterItem: id => {
|
6380
|
-
$$invalidate(
|
6163
|
+
$$invalidate(7, items = items.filter(item => item.id !== id));
|
6381
6164
|
}
|
6382
6165
|
});
|
6383
6166
|
|
@@ -6404,7 +6187,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
6404
6187
|
onBeforeSlide({ shiftCount, index, length: items.length });
|
6405
6188
|
});
|
6406
6189
|
|
6407
|
-
$$invalidate(
|
6190
|
+
$$invalidate(8, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
|
6408
6191
|
previousShiftCount = shiftCount;
|
6409
6192
|
resolve();
|
6410
6193
|
});
|
@@ -6415,8 +6198,8 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
6415
6198
|
if (transitioning) {
|
6416
6199
|
const slideRect = slideElement.getBoundingClientRect();
|
6417
6200
|
const containerRect = containerElement.getBoundingClientRect();
|
6418
|
-
$$invalidate(
|
6419
|
-
$$invalidate(
|
6201
|
+
$$invalidate(9, transitioning = false);
|
6202
|
+
$$invalidate(8, slidePosition = slideRect.x - containerRect.x);
|
6420
6203
|
}
|
6421
6204
|
}
|
6422
6205
|
|
@@ -6436,10 +6219,10 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
6436
6219
|
}
|
6437
6220
|
}
|
6438
6221
|
|
6439
|
-
$$invalidate(
|
6440
|
-
$$invalidate(
|
6222
|
+
$$invalidate(9, transitioning = true);
|
6223
|
+
$$invalidate(8, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
|
6441
6224
|
dispatch('change', { nextIndex: slideIndex });
|
6442
|
-
|
6225
|
+
currentSlideId = slideIndex;
|
6443
6226
|
});
|
6444
6227
|
}
|
6445
6228
|
|
@@ -6461,7 +6244,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
6461
6244
|
const updatedSlidePosition = slidePosition + dx;
|
6462
6245
|
|
6463
6246
|
window.requestAnimationFrame(() => {
|
6464
|
-
$$invalidate(
|
6247
|
+
$$invalidate(8, slidePosition = updatedSlidePosition);
|
6465
6248
|
});
|
6466
6249
|
}
|
6467
6250
|
|
@@ -6469,7 +6252,6 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
6469
6252
|
}
|
6470
6253
|
|
6471
6254
|
function handleResize() {
|
6472
|
-
if (!containerElement) return;
|
6473
6255
|
containerWidth = containerElement.clientWidth;
|
6474
6256
|
|
6475
6257
|
items.forEach((item, index) => {
|
@@ -6481,7 +6263,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
6481
6263
|
});
|
6482
6264
|
});
|
6483
6265
|
|
6484
|
-
$$invalidate(
|
6266
|
+
$$invalidate(8, slidePosition = containerWidth * calcPositionIndex(shiftCount, currentSlideId, items.length));
|
6485
6267
|
}
|
6486
6268
|
|
6487
6269
|
function handleMoveEnd() {
|
@@ -6534,7 +6316,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
6534
6316
|
}
|
6535
6317
|
|
6536
6318
|
function handleTransitionEnd() {
|
6537
|
-
$$invalidate(
|
6319
|
+
$$invalidate(9, transitioning = false);
|
6538
6320
|
fixSlidePosition();
|
6539
6321
|
}
|
6540
6322
|
|
@@ -6545,7 +6327,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
6545
6327
|
item.onMount({ containerElement });
|
6546
6328
|
});
|
6547
6329
|
|
6548
|
-
|
6330
|
+
currentSlideId = 0;
|
6549
6331
|
|
6550
6332
|
if (_loop) {
|
6551
6333
|
await fixSlidePosition();
|
@@ -6594,213 +6376,122 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
6594
6376
|
setIndex(currentSlideId + 1);
|
6595
6377
|
}
|
6596
6378
|
|
6597
|
-
|
6598
|
-
await fixSlidePosition();
|
6599
|
-
setIndex(index);
|
6600
|
-
}
|
6379
|
+
let { loop = false } = $$props;
|
6601
6380
|
|
6602
6381
|
function div0_binding($$value) {
|
6603
6382
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
6604
6383
|
slideElement = $$value;
|
6605
|
-
$$invalidate(
|
6384
|
+
$$invalidate(1, slideElement);
|
6606
6385
|
});
|
6607
6386
|
}
|
6608
6387
|
|
6609
6388
|
function div1_binding($$value) {
|
6610
6389
|
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
6611
6390
|
containerElement = $$value;
|
6612
|
-
$$invalidate(
|
6391
|
+
$$invalidate(0, containerElement);
|
6613
6392
|
});
|
6614
6393
|
}
|
6615
6394
|
|
6616
|
-
const click_handler = i => set(i);
|
6617
|
-
|
6618
6395
|
$$self.$$set = $$props => {
|
6619
|
-
if ('loop' in $$props) $$invalidate(
|
6620
|
-
if ('
|
6621
|
-
if ('prevButtonContainerStyle' in $$props) $$invalidate(0, prevButtonContainerStyle = $$props.prevButtonContainerStyle);
|
6622
|
-
if ('nextButton' in $$props) $$invalidate(17, nextButton = $$props.nextButton);
|
6623
|
-
if ('nextButtonContainerStyle' in $$props) $$invalidate(1, nextButtonContainerStyle = $$props.nextButtonContainerStyle);
|
6624
|
-
if ('navigationButton' in $$props) $$invalidate(18, navigationButton = $$props.navigationButton);
|
6625
|
-
if ('navigationStyle' in $$props) $$invalidate(2, navigationStyle = $$props.navigationStyle);
|
6626
|
-
if ('$$scope' in $$props) $$invalidate(22, $$scope = $$props.$$scope);
|
6396
|
+
if ('loop' in $$props) $$invalidate(6, loop = $$props.loop);
|
6397
|
+
if ('$$scope' in $$props) $$invalidate(10, $$scope = $$props.$$scope);
|
6627
6398
|
};
|
6628
6399
|
|
6629
6400
|
$$self.$$.update = () => {
|
6630
|
-
if ($$self.$$.dirty[0] & /*slidePosition*/
|
6631
|
-
$$invalidate(
|
6401
|
+
if ($$self.$$.dirty[0] & /*slidePosition*/ 256) {
|
6402
|
+
$$invalidate(3, slideStyle = slidePosition != null ? `left: ${slidePosition}px;` : '');
|
6632
6403
|
}
|
6633
6404
|
|
6634
|
-
if ($$self.$$.dirty[0] & /*transitioning*/
|
6635
|
-
$$invalidate(
|
6405
|
+
if ($$self.$$.dirty[0] & /*transitioning*/ 512) {
|
6406
|
+
$$invalidate(2, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
|
6636
6407
|
}
|
6637
6408
|
|
6638
|
-
if ($$self.$$.dirty[0] & /*items, loop*/
|
6409
|
+
if ($$self.$$.dirty[0] & /*items, loop*/ 192) {
|
6639
6410
|
_loop = items.length >= 3 ? loop : false;
|
6640
6411
|
}
|
6641
|
-
|
6642
|
-
if ($$self.$$.dirty[0] & /*prevButton*/ 65536) {
|
6643
|
-
$$invalidate(9, prevIconStyle = prevButton.type === 'icon'
|
6644
|
-
? `width: ${prevButton.size}; height: ${prevButton.size}; border-color: ${prevButton.color};`
|
6645
|
-
: '');
|
6646
|
-
}
|
6647
|
-
|
6648
|
-
if ($$self.$$.dirty[0] & /*nextButton*/ 131072) {
|
6649
|
-
$$invalidate(8, nextIconStyle = nextButton.type === 'icon'
|
6650
|
-
? `width: ${nextButton.size}; height: ${nextButton.size}; border-color: ${nextButton.color};`
|
6651
|
-
: '');
|
6652
|
-
}
|
6653
|
-
|
6654
|
-
if ($$self.$$.dirty[0] & /*navigationButton*/ 262144) {
|
6655
|
-
$$invalidate(7, navigationItemStyle = `padding: calc(${navigationButton.size} / 2);`);
|
6656
|
-
}
|
6657
|
-
|
6658
|
-
if ($$self.$$.dirty[0] & /*navigationButton, currentSlideId*/ 786432) {
|
6659
|
-
$$invalidate(6, getNavigationItemInnerStyle = i => `
|
6660
|
-
width: ${navigationButton.size};
|
6661
|
-
height: ${navigationButton.size};
|
6662
|
-
background-color: ${i === currentSlideId
|
6663
|
-
? navigationButton.colorActive
|
6664
|
-
: navigationButton.color};`);
|
6665
|
-
}
|
6666
6412
|
};
|
6667
6413
|
|
6668
6414
|
return [
|
6669
|
-
prevButtonContainerStyle,
|
6670
|
-
nextButtonContainerStyle,
|
6671
|
-
navigationStyle,
|
6672
|
-
items,
|
6673
6415
|
containerElement,
|
6674
6416
|
slideElement,
|
6675
|
-
getNavigationItemInnerStyle,
|
6676
|
-
navigationItemStyle,
|
6677
|
-
nextIconStyle,
|
6678
|
-
prevIconStyle,
|
6679
6417
|
slideClass,
|
6680
6418
|
slideStyle,
|
6681
6419
|
prev,
|
6682
6420
|
next,
|
6683
|
-
set,
|
6684
6421
|
loop,
|
6685
|
-
|
6686
|
-
nextButton,
|
6687
|
-
navigationButton,
|
6688
|
-
currentSlideId,
|
6422
|
+
items,
|
6689
6423
|
slidePosition,
|
6690
6424
|
transitioning,
|
6691
6425
|
$$scope,
|
6692
6426
|
slots,
|
6693
6427
|
div0_binding,
|
6694
|
-
div1_binding
|
6695
|
-
click_handler
|
6428
|
+
div1_binding
|
6696
6429
|
];
|
6697
6430
|
}
|
6698
6431
|
|
6699
6432
|
class Slider extends SvelteComponent {
|
6700
6433
|
constructor(options) {
|
6701
6434
|
super();
|
6702
|
-
|
6703
|
-
init(
|
6704
|
-
this,
|
6705
|
-
options,
|
6706
|
-
instance$4,
|
6707
|
-
create_fragment$4,
|
6708
|
-
safe_not_equal,
|
6709
|
-
{
|
6710
|
-
loop: 15,
|
6711
|
-
prevButton: 16,
|
6712
|
-
prevButtonContainerStyle: 0,
|
6713
|
-
nextButton: 17,
|
6714
|
-
nextButtonContainerStyle: 1,
|
6715
|
-
navigationButton: 18,
|
6716
|
-
navigationStyle: 2
|
6717
|
-
},
|
6718
|
-
add_css$4,
|
6719
|
-
[-1, -1]
|
6720
|
-
);
|
6435
|
+
init(this, options, instance$4, create_fragment$4, safe_not_equal, { loop: 6 }, add_css$4, [-1, -1]);
|
6721
6436
|
}
|
6722
6437
|
}
|
6723
6438
|
|
6724
6439
|
/* src/components/SliderItem.svelte generated by Svelte v3.53.1 */
|
6725
6440
|
|
6726
6441
|
function add_css$3(target) {
|
6727
|
-
append_styles(target, "svelte-
|
6442
|
+
append_styles(target, "svelte-1c77iik", ".item.svelte-1c77iik{height:100%;flex:none}.item.svelte-1c77iik img{user-select:none;-webkit-user-drag:none}");
|
6728
6443
|
}
|
6729
6444
|
|
6730
6445
|
function create_fragment$3(ctx) {
|
6731
|
-
let
|
6732
|
-
let div0;
|
6446
|
+
let div;
|
6733
6447
|
let current;
|
6734
|
-
|
6735
|
-
|
6736
|
-
const default_slot_template = /*#slots*/ ctx[8].default;
|
6737
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], null);
|
6448
|
+
const default_slot_template = /*#slots*/ ctx[4].default;
|
6449
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
|
6738
6450
|
|
6739
6451
|
return {
|
6740
6452
|
c() {
|
6741
|
-
|
6742
|
-
div0 = element("div");
|
6453
|
+
div = element("div");
|
6743
6454
|
if (default_slot) default_slot.c();
|
6744
6455
|
this.h();
|
6745
6456
|
},
|
6746
6457
|
l(nodes) {
|
6747
|
-
|
6748
|
-
var
|
6749
|
-
|
6750
|
-
|
6751
|
-
if (default_slot) default_slot.l(div0_nodes);
|
6752
|
-
div0_nodes.forEach(detach);
|
6753
|
-
div1_nodes.forEach(detach);
|
6458
|
+
div = claim_element(nodes, "DIV", { class: true, style: true });
|
6459
|
+
var div_nodes = children(div);
|
6460
|
+
if (default_slot) default_slot.l(div_nodes);
|
6461
|
+
div_nodes.forEach(detach);
|
6754
6462
|
this.h();
|
6755
6463
|
},
|
6756
6464
|
h() {
|
6757
|
-
attr(
|
6758
|
-
attr(
|
6759
|
-
attr(div1, "class", "item svelte-xzo1un");
|
6760
|
-
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
6465
|
+
attr(div, "class", "item svelte-1c77iik");
|
6466
|
+
attr(div, "style", /*itemStyle*/ ctx[0]);
|
6761
6467
|
},
|
6762
6468
|
m(target, anchor) {
|
6763
|
-
insert_hydration(target,
|
6764
|
-
append_hydration(div1, div0);
|
6469
|
+
insert_hydration(target, div, anchor);
|
6765
6470
|
|
6766
6471
|
if (default_slot) {
|
6767
|
-
default_slot.m(
|
6472
|
+
default_slot.m(div, null);
|
6768
6473
|
}
|
6769
6474
|
|
6770
6475
|
current = true;
|
6771
|
-
|
6772
|
-
if (!mounted) {
|
6773
|
-
dispose = listen(div1, "click", function () {
|
6774
|
-
if (is_function(/*click*/ ctx[2])) /*click*/ ctx[2].apply(this, arguments);
|
6775
|
-
});
|
6776
|
-
|
6777
|
-
mounted = true;
|
6778
|
-
}
|
6779
6476
|
},
|
6780
|
-
p(
|
6781
|
-
ctx = new_ctx;
|
6782
|
-
|
6477
|
+
p(ctx, [dirty]) {
|
6783
6478
|
if (default_slot) {
|
6784
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
6479
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
|
6785
6480
|
update_slot_base(
|
6786
6481
|
default_slot,
|
6787
6482
|
default_slot_template,
|
6788
6483
|
ctx,
|
6789
|
-
/*$$scope*/ ctx[
|
6484
|
+
/*$$scope*/ ctx[3],
|
6790
6485
|
!current
|
6791
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
6792
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
6486
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
|
6487
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
|
6793
6488
|
null
|
6794
6489
|
);
|
6795
6490
|
}
|
6796
6491
|
}
|
6797
6492
|
|
6798
|
-
if (!current || dirty & /*
|
6799
|
-
attr(
|
6800
|
-
}
|
6801
|
-
|
6802
|
-
if (!current || dirty & /*itemStyle*/ 2) {
|
6803
|
-
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
6493
|
+
if (!current || dirty & /*itemStyle*/ 1) {
|
6494
|
+
attr(div, "style", /*itemStyle*/ ctx[0]);
|
6804
6495
|
}
|
6805
6496
|
},
|
6806
6497
|
i(local) {
|
@@ -6813,27 +6504,24 @@ function create_fragment$3(ctx) {
|
|
6813
6504
|
current = false;
|
6814
6505
|
},
|
6815
6506
|
d(detaching) {
|
6816
|
-
if (detaching) detach(
|
6507
|
+
if (detaching) detach(div);
|
6817
6508
|
if (default_slot) default_slot.d(detaching);
|
6818
|
-
mounted = false;
|
6819
|
-
dispose();
|
6820
6509
|
}
|
6821
6510
|
};
|
6822
6511
|
}
|
6823
6512
|
|
6824
6513
|
function instance$3($$self, $$props, $$invalidate) {
|
6825
|
-
let click;
|
6826
6514
|
let itemStyle;
|
6827
6515
|
let { $$slots: slots = {}, $$scope } = $$props;
|
6828
6516
|
const { registerItem, unregisterItem } = getContext('SLIDE');
|
6829
6517
|
|
6830
6518
|
const id = registerItem({
|
6831
6519
|
onMount({ containerElement }) {
|
6832
|
-
$$invalidate(
|
6520
|
+
$$invalidate(1, itemWidth = containerElement.clientWidth);
|
6833
6521
|
},
|
6834
6522
|
// TODO: onBeforeSlideと重複するロジックをまとめる
|
6835
6523
|
onResize({ containerElement, shiftCount, index, length }) {
|
6836
|
-
$$invalidate(
|
6524
|
+
$$invalidate(1, itemWidth = containerElement.clientWidth);
|
6837
6525
|
let fixedShiftCount;
|
6838
6526
|
|
6839
6527
|
if (index - shiftCount < 0) {
|
@@ -6844,7 +6532,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
6844
6532
|
fixedShiftCount = shiftCount;
|
6845
6533
|
}
|
6846
6534
|
|
6847
|
-
$$invalidate(
|
6535
|
+
$$invalidate(2, itemTransform = -fixedShiftCount * (itemWidth ?? 0));
|
6848
6536
|
},
|
6849
6537
|
onBeforeSlide({ shiftCount, index, length }) {
|
6850
6538
|
let fixedShiftCount;
|
@@ -6857,7 +6545,7 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
6857
6545
|
fixedShiftCount = shiftCount;
|
6858
6546
|
}
|
6859
6547
|
|
6860
|
-
$$invalidate(
|
6548
|
+
$$invalidate(2, itemTransform = -fixedShiftCount * (itemWidth ?? 0));
|
6861
6549
|
}
|
6862
6550
|
});
|
6863
6551
|
|
@@ -6865,54 +6553,28 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
6865
6553
|
unregisterItem(id);
|
6866
6554
|
});
|
6867
6555
|
|
6868
|
-
let { onClick = { operation: 'none', args: [] } } = $$props;
|
6869
|
-
let { clickEventName = '' } = $$props;
|
6870
|
-
let { _style = 'cursor: ' } = $$props;
|
6871
6556
|
let itemWidth = null;
|
6872
6557
|
let itemTransform = 0;
|
6873
6558
|
|
6874
6559
|
$$self.$$set = $$props => {
|
6875
|
-
if ('
|
6876
|
-
if ('clickEventName' in $$props) $$invalidate(4, clickEventName = $$props.clickEventName);
|
6877
|
-
if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
|
6878
|
-
if ('$$scope' in $$props) $$invalidate(7, $$scope = $$props.$$scope);
|
6560
|
+
if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
|
6879
6561
|
};
|
6880
6562
|
|
6881
6563
|
$$self.$$.update = () => {
|
6882
|
-
if ($$self.$$.dirty & /*
|
6883
|
-
$$invalidate(
|
6884
|
-
if (clickEventName) {
|
6885
|
-
send_event(clickEventName);
|
6886
|
-
}
|
6887
|
-
|
6888
|
-
execOnClickOperation(onClick);
|
6889
|
-
});
|
6890
|
-
}
|
6891
|
-
|
6892
|
-
if ($$self.$$.dirty & /*itemWidth, itemTransform*/ 96) {
|
6893
|
-
$$invalidate(1, itemStyle = itemWidth != null
|
6564
|
+
if ($$self.$$.dirty & /*itemWidth, itemTransform*/ 6) {
|
6565
|
+
$$invalidate(0, itemStyle = itemWidth != null
|
6894
6566
|
? `width: ${itemWidth}px; transform: translateX(${itemTransform}px);`
|
6895
6567
|
: '');
|
6896
6568
|
}
|
6897
6569
|
};
|
6898
6570
|
|
6899
|
-
return [
|
6900
|
-
_style,
|
6901
|
-
itemStyle,
|
6902
|
-
click,
|
6903
|
-
onClick,
|
6904
|
-
clickEventName,
|
6905
|
-
itemWidth,
|
6906
|
-
itemTransform,
|
6907
|
-
$$scope,
|
6908
|
-
slots
|
6909
|
-
];
|
6571
|
+
return [itemStyle, itemWidth, itemTransform, $$scope, slots];
|
6910
6572
|
}
|
6911
6573
|
|
6912
6574
|
class SliderItem extends SvelteComponent {
|
6913
6575
|
constructor(options) {
|
6914
6576
|
super();
|
6915
|
-
init(this, options, instance$3, create_fragment$3, safe_not_equal, {
|
6577
|
+
init(this, options, instance$3, create_fragment$3, safe_not_equal, {}, add_css$3);
|
6916
6578
|
}
|
6917
6579
|
}
|
6918
6580
|
|
@@ -7303,4 +6965,4 @@ class ImageBlock extends SvelteComponent {
|
|
7303
6965
|
}
|
7304
6966
|
}
|
7305
6967
|
|
7306
|
-
export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement,
|
6968
|
+
export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormButton, FormCheckBoxes, FormOperationOptions, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_ACTION_SHORTEN_ID, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slider, SliderItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, actionId, actionSetting, addState, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection$1 as collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, formData, getActionSetting, getActionShadowRoot, getCustomHandlers, getCustomVariables, getInternalHandlers, getMarginStyle, getPositionStyle, getState$1 as getState, getStates, getStoreState, getSystem, getTransform, h, handleFocus, handleKeydown, handleState, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isClosed, isDestroyed, isOpened, isPreview, isStopped, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, randStr, resetActionSetting, runScript, send_event, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setDestroyed, setInternalHandlers, setMaximumZindex, setOpened, setPreviousFocus, setState$1 as setState, setStopped, setSystem, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, system, toBr, updateCustomHandlers, updateCustomVariables, updateInternalHandlers, widget };
|